@import "fonts/ionicons.min.css"; *{margin:0px;padding:0px;} 
.big-logo{height:160px;}.clear , .cb{ clear: both; }
#v-container{ position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } 
#v-container iframe, #v-container object, #v-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } 
#home .text span.ylw{color:yellow}
#home .text span.vol{color:violet}
a.sp-a{display: inline-block;background: #f1c40f;color: #fff;padding: 2px 5px;}
a.buy{color: #fff;font-size: 20px;display: block;padding-top: 70px;}
.timeline{list-style:none;padding:20px 0 20px;position:relative;} .timeline:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:#eeeeee;left:50%;margin-left:-1.5px;} .timeline > li{margin-bottom:20px;position:relative;} .timeline > li:before, .timeline > li:after{content:" ";display:table;} .timeline > li:after{clear:both;} .timeline > li:before, .timeline > li:after{content:" ";display:table;} .timeline > li:after{clear:both;} .timeline > li > .timeline-panel{width:46%;float:left;border:1px solid #d4d4d4;border-radius:2px;padding:20px;position:relative;-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.175);box-shadow:0 1px 6px rgba(0, 0, 0, 0.175);} .timeline > li > .timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-bottom:15px solid transparent;content:" ";} .timeline > li > .timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:" ";} .timeline > li > .timeline-badge{color:#fff;width:50px;height:50px;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:16px;left:50%;margin-left:-25px;background-color:#999999;z-index:100;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;} .timeline > li.timeline-inverted > .timeline-panel{float:right;} .timeline > li.timeline-inverted > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto;} .timeline-body p{text-align:left;font-size:13px;line-height:19px;} .timeline-heading h4{color:#fff;} .timeline-panel img{float:left;margin-right:10px;} .timeline > li.timeline-inverted > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto;} .timeline-badge.primary{background-color:#2e6da4 !important;} .timeline-badge.success{background-color:#3f903f !important;} .timeline-badge.warning{background-color:#f0ad4e !important;} .timeline-badge.danger{background-color:#d9534f !important;} .timeline-badge.info{background-color:#5bc0de !important;} .timeline-title{margin-top:0;color:inherit;} .timeline-body > p, .timeline-body > ul{margin-bottom:0;} .timeline-body > p + p{margin-top:5px;} img{max-width:100%;height:auto;} body{background:#FFF;height:100%;width:100%;font-weight:normal;margin:0px;padding:0px;font-size:14px;font-family:'Raleway', sans-serif;} #wrap{width:100%;overflow:hidden;} h1, h2, h3, h4, h5, h6{font-weight:normal;} label{display:block;} h1{font-size:36px;color:#656565;} h2{font-size:30px;font-weight:900;color:#fff;} h3{font-size:24px;color:#fff;font-weight:900;} h4{font-size:20px;color:#fff;font-weight:500;} h5{font-size:18px;color:#fff;margin-bottom:30px;font-weight:900;} h6{font-family:'Open Sans', sans-serif;font-size:16px;color:#fff;} h6 span{font-weight:bold;} p{font-family:'Open Sans', sans-serif;color:#fff;font-size:14px;line-height:25px;} a:hover{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;} img:hover{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;} li{list-style:none;} a{text-decoration:none;color:#757575;} .nomargin{margin:0px;} .nopadding{padding:0px;} .top-40{margin-top:40px;} .top-25{margin-top:25px;} hr{border-color:#de5749;width:180px;margin:0 auto;margin-top:20px;margin-bottom:20px;} #wrap{position:relative;width:100%;overflow:hidden;} #home{min-height:900px;background-size:cover;overflow:hidden;position:relative;} #home .text{text-align:center;margin-top:5%;} #home .text span{font-size:24px;color:#fff;font-weight:100;letter-spacing:18px;text-transform:uppercase;font-family:'Open Sans', sans-serif;line-height:80px;} #home .text span.two{font-weight:bold !important;letter-spacing:5px;} #home .text h1{font-size:60px;margin:0px;font-weight:bolder;color:#fff;} #home .text h1 span{font-size:60px;margin:0px;font-weight:bolder;color:#fff;letter-spacing:0px;} #home .owl-number .owl-controls .owl-page, .owl-controls .owl-buttons div{border-radius:50%;} #home .owl-page.active{background:#40a8cc !important;} #home .owl-controls .owl-page, .owl-controls .owl-buttons div{border-radius:50%;} header{z-index:999;width:100%;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;margin-top:0px;} header .menu{position:relative;border-radius:0px;width:100%;margin-top:100px;} header .logo{float:left;line-height:62px;} header nav{position:relative;} header nav li{float:left;text-transform:uppercase;line-height:62px;} header .nav-collapse ul{margin:0;padding:0;width:100%;display:block;list-style:none;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{border-bottom:3px solid #fff;color:#fff;} header .navbar-default .navbar-nav > li > a{padding-left:0px;padding-right:0px;} header .nav-collapse li{width:100%;display:block;} header .navbar-default .navbar-nav > li > a{padding:12px 20px 7px 0;color:#fff;margin:10px 0;border-bottom:3px solid;border-color:transparent;margin-top:12px;} .is-sticky header{background:#212121;margin-top:0px;} .current{background:#f10f24;color:#fff;} header nav .active{border-bottom:3px solid #fff !important;color:#fff;} header .container-fluid{padding:0px;} header .navbar-default .navbar-collapse, .navbar-default .navbar-form{padding:0px;} header .navbar{margin:0px;display:inline-block;float:left;margin-left:75px;} header .social_icons ul{margin-top:15px;} .is-sticky header .menu{position:relative;bottom:0px;width:100%;margin-top:0px;} #undefined-sticky-wrapper{height:auto !important;} .navbar-toggle{width:50px;} .is-sticky .logo img{width:100%;-webkit-transition:0.8s ease-in-out;-moz-transition:0.8s ease-in-out;-ms-transition:0.8s ease-in-out;-o-transition:0.8s ease-in-out;transition:0.8s ease-in-out;} .big-logo{margin-top:6%;} .main_icon{text-align:center;display:inline-block;position:relative;top:-85px;} .main_icon .icon{margin-top:-60px;background:#fff;height:83px;border-radius:50%;color:#232221;width:83px;line-height:83px;font-size:50px;line-height:76px;text-align:center;display:inline-block;border:3px solid #232221;} section{position:relative;color:#fff;text-align:center;} section::before, section::after{position:absolute;content:'';pointer-events:none;} .angle{z-index:1;} .angle::before, .angle::after{top:0;left:-25%;z-index:-1;width:150%;-webkit-transform:rotate(-6deg);transform:rotate(-6deg);-webkit-transform-origin:0 0;transform-origin:0 0;} .angle::before{-webkit-transform:rotate(-6deg);transform:rotate(-3deg);-webkit-transform-origin:5% 0;transform-origin:6% 0;} .panel-brown{color:#434343;background:#fff;z-index:9;} .page-panel.diagonal-top-up:before{top:0;left:0;-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;} .page-panel.diagonal-top-up:before{position:absolute;content:'';width:150%;height:166px;background:inherit;z-index:-1;} #hello{padding:200px 0;padding-top:0px;} #hello .angle::before, .angle::after{padding:500px 0;} #hello{color:#434343;background:#ee6959;z-index:9;} #hello .info{margin-top:50px;} #hello .avatar{width:440px;float:left;} #hello .avatar img{border:6px solid #4a4a4a;border-radius:50%;overflow:hidden;} #hello .per-info{text-align:left;width:675px;float:right;} #hello .per-info p{color:#fff;} #hello .skill{margin-top:80px;} #hello .skill li{position:relative;width:19.5%;float:left;display:inline-block;} #hello .skill li:nth-child(1){margin-top:88px;} #hello .skill li:nth-child(2){margin-top:66px;} #hello .skill li:nth-child(3){margin-top:44px;} #hello .skill li:nth-child(4){margin-top:22px;} #hello .skill li:nth-child(5){margin-top:0px;} #hello .skill li p{margin-top:30px;} .chart{display:inline-block;text-align:center;border:3px solid #fff;vertical-align:top;position:relative;border-radius:50%;width:160px;float:left;height:160px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .chart span{display:block;font-size:24px;font-weight:600;color:#fff;line-height:140px;} .chart canvas{position:absolute;left:7px;top:7px;height:140px;width:140px;} #services{background:#3598db;z-index:9;padding:200px 0;padding-top:0px;} #services .main_icon .icon{border-color:#3598db;color:#3598db;} #services .services{margin-top:50px;} #services .services .ser-sec{background:#fff;padding:50px 10px 50px 10px;border-radius:4px;margin-top:40px;border:1px solid #fff;min-height:450px;} #services .services h5{font-weight:bold;color:#666666;margin:30px 0 15px 0;text-transform:uppercase;font-size:13px;} #services .services p{color:#666666;} #services .services i{font-size:60px;} #services .services .ser-sec:hover{background:none;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;} #services .services .ser-sec:hover h5{color:#fff;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;} #services .services .ser-sec:hover p{color:#fff;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;} #services .services .ser-sec:hover i{color:#fff;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-ms-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;} #portfolio{background:#fff;z-index:9;padding:200px 0;padding-top:0px;} #portfolio .icon{background:#f1c40f;color:#fff;border-color:#fff;} #portfolio h3{color:#f1c40f;margin-bottom:30px;} .filter{margin-top:40px;margin-bottom:40px;text-align:center;line-height:31px;} .filter li a{padding:10px 15px;font-size:16px;color:#909497;text-decoration:none;border-radius:4px;} .filter li a:hover{background:#f0c40d;color:#fff;} .filter li a.active{background:#f0c40d;color:#fff;} .filter li{margin:0;display:inline;cursor:pointer;color:#616161;} .isotope-item{z-index:2;display:block !important;} .isotope-hidden.isotope-item{pointer-events:none;z-index:1;} .isotope, .isotope .isotope-item{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;} .isotope{} .isotope .isotope-item{} .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition{} .portfolio .item{width:33%;display:inline-block;padding:0 10px;margin-bottom:20px;overflow:hidden;} .portfolio .description{margin-top:30px;float:left;width:70%;text-align:left;} .portfolio .description span{font-size:18px;font-weight:bold;color:#8f8f8f;margin:0 0 10px;} .portfolio .description p{color:#8f8f8f;} .portfolio .description p i{color:#ffd633;font-size:30px;margin-right:10px;display:inline-block;float:left;} .portfolio .icon{height:72px;margin-top:50px;width:72px;float:right;border-radius:4px;font-size:50px;line-height:72px;color:#fff;} .portfolio .over{position:relative;display:inline-block;width:100%;overflow:hidden;} .portfolio .over img{width:100%;border-radius:4px;} .portfolio .overlay{display:block;position:absolute;z-index:20;padding:0px 20px;background:#fff;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .portfolio .overlay{bottom:0;left:0;right:0;width:100%;height:0;} .portfolio .over.hover .overlay{height:50%;} .popup{background:#fff;padding:50px 0;} .overlay .icon a{background:#f1c40f;color:#fff;border-color:#fff;width:100%;display:inline-block;border-radius:4px;} #static{background:#34495e;z-index:9;padding:200px 0;padding-top:0px;} #static .icon{color:#34495e;border-color:#34495e;} #static h3{color:#2dcc70;} .static{margin-top:80px;} .address{padding:20px 0;color:#fff;} #testimonials{background:#10B94C;z-index:9;padding:200px 0;padding-top:0px;} #testimonials .icon{color:#f1c40f;border-color:#f1c40f;} #testimonials .owl-controls .owl-page, .owl-controls .owl-buttons div{border-radius:50%;} #testimonials .owl-controls .active{background:none !important;border:2px solid #fff !important;} #testimonials .avatar{float:left;width:200px;} #testimonials .avatar img{/*border:3px solid #fff;border-radius:50%;*/} #testimonials .testi{padding:0 50px;margin-top:30px;text-align:left;} #testimonials h4{text-align:center;margin-bottom:20px;} #testimonials .testi span{font-size:30px;font-weight:100;text-align:left;color:#fff;} #testimonials .testi .texti-auther{font-size:20px;font-weight:bold;color:#fff;margin-top:20px;} #testimonials .carousel-control.left{background:none;} #testimonials .carousel-control.right{background:none;} #testimonials .carousel-indicators li img{display:inline-block;width:54px;height:54px;text-align:center;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0, 0, 0, 0);border:1px solid #fff;border-radius:50%;position:absolute;margin:0 -27px;opacity:0.4;} #testimonials .carousel-indicators .active img{opacity:1;} #testimonials .carousel-indicators{position:relative;margin-top:70px;} #testimonials .review{float:right;width:80%;margin-top:20px;} #blog{background:#fff;z-index:9;padding:200px 0;padding-top:0px;} #blog .icon{border-color:#fff;background:#2dcc70;color:#fff;} #blog h3{color:#2dcc70;} #blog .blog p{text-align:left;} #blog .blog a{text-decoration:none;margin-top:20px;text-align:left;} #blog .blog h4{text-align:left;margin-top:30px;} #blog .blog span{text-align:center !important;color:#757575;text-transform:uppercase;margin-top:5px;display:inline-block;} #blog .blog p{color:#757575;} #blog .blog img{margin-top:30px;border-radius:5px;} #blog .blog span span{text-align:center;font-size:45px;font-weight:100;} #blog-popup h6{font-weight:normal;color:#838383;} .owl-controls .owl-page, .owl-controls .owl-buttons div{display:inline-block;height:22px;width:22px;background:#dc5753;margin:0 5px;margin-top:50px;} .owl-buttons{display:none;} .owl-controls .active{background:#2dcc70 !important;} 

#referanced{background:#2a80b9;z-index:9;padding:200px 0;padding-top:0px;} #referanced .icon{background:#fff;border-color:#2a80b9;color:#2a80b9;} #referanced .owl-prev{left:-30px;top:20px;position:absolute;} #referanced .owl-next{right:-30px;top:20px;position:absolute;} #referanced #owl-crosal{margin-top:100px;} #referanced .owl-buttons{display:block;} #referanced .owl-pagination{display:none;} #referanced .owl-controls .owl-page, .owl-controls .owl-buttons div{border-radius:4px;height:30px;width:30px;line-height:30px;background:rgba(255,255,255,0.5);color:#000;} 

#referance{background:#2a80b9;z-index:9;padding:200px 0;padding-top:0px;} #referance .icon{background:#fff;border-color:#2a80b9;color:#2a80b9;} #referance .owl-prev{left:-30px;top:20px;position:absolute;} #referance .owl-next{right:-30px;top:20px;position:absolute;} #referance #owl-crosal{margin-top:100px;} #referance .owl-buttons{display:block;} #referance .owl-pagination{display:none;} #referance .owl-controls .owl-page, .owl-controls .owl-buttons div{border-radius:4px;height:30px;width:30px;line-height:30px;background:rgba(255,255,255,0.5);color:#000;} 

.social_icons{float:right;right:0px;} .social_icons ul{margin:0;margin-top:-100px;padding:0;text-align:center;} .social_icons li{display:inline-block;list-style-type:none;} .social_icons a{display:block;font-size:20px;padding:5px 10px;border-radius:4px;text-decoration:none;text-align:center;color:#fff !important;} .social_icons a:hover i{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;color:#fff;transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-webkit-transition:0.4s ease-in-out;} .social_icons .behance a:hover{color:#fff;background-color:#2b9ad2;border-color:#2b9ad2;} .social_icons .blogger a:hover{color:#fff;background-color:#ff6500;border-color:#ff6500;} .social_icons .deviantart a:hover{color:#fff;background-color:#536659;border-color:#536659;} .social_icons .dribbble a:hover{color:#fff;background-color:#f973a4;border-color:#f973a4;} .social_icons .facebook a:hover{color:#fff;background-color:#3b5a9b;border-color:#3b5a9b;} .social_icons .flickr a:hover{color:#fff;background-color:#ff0084;border-color:#ff0084;} .social_icons .forrst a:hover{color:#fff;background-color:#2f713d;border-color:#2f713d;} .social_icons .googleplus a:hover{color:#fff;background-color:#f63d26;border-color:#f63d26;} .social_icons .instagram a:hover{color:#fff;background-color:#507ea4;border-color:#507ea4;} .social_icons .lastfm a:hover{color:#fff;background-color:#da0019;border-color:#da0019;} .social_icons .linkedin a:hover{color:#fff;background-color:#0072b2;border-color:#0072b2;} .social_icons .paypal a:hover{color:#fff;background-color:#165c82;border-color:#165c82;} .social_icons .picasa a:hover{color:#fff;background-color:#cb2027;border-color:#cb2027;} .social_icons .pinterest a:hover{color:#fff;background-color:#cb2027;border-color:#cb2027;} .social_icons .skype a:hover{color:#fff;background-color:#00aaf1;border-color:#00aaf1;} .social_icons .soundcloud a:hover{color:#fff;background-color:#ff6900;border-color:#ff6900;} .social_icons .stumbleupon a:hover{color:#fff;background-color:#eb4823;border-color:#eb4823;} .social_icons .twitter a:hover{color:#fff;background-color:#2baae1;border-color:#2baae1;} .social_icons .vimeo a:hover{color:#fff;background-color:#40b2dc;border-color:#40b2dc;} .social_icons .youtube a:hover{color:#fff;background-color:#ff3330;border-color:#ff3330;} #team{background:#2d3e50;z-index:9;padding:250px 0;text-align:center;padding-top:0px;} #team .icon{background:#fff;border-color:#2d3e50;color:#2d3e50;} .team{margin-top:100px;} .team .posts li.item{width:auto;margin:0px;} .team{text-align:left;} .team h4{font-weight:100;} .team .over p{margin-top:20px;font-family:'Raleway', sans-serif;} .team .over{position:relative;display:inline-block;width:100%;overflow:hidden;} .team .over img{width:100%;border-radius:4px;} .team .overlay{display:block;position:absolute;z-index:20;padding:0px 10px;background:#2d3e50;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .team .overlay{bottom:0;left:0;right:0;width:100%;height:0;} .team .over.hover .overlay{height:50%;} .blog .col-md-6{margin-bottom:20px;} #contact{position:relative;z-index:9;background-size:cover;padding-top:50px;text-align:center;padding-bottom:50px;} #contact .icon{background:#fff;border-color:#ee6959;color:#ee6959;} #contact .main_icon{text-align:center;width:100%;position:relative;} #contact label, input[name="submit"]{position:relative;} #contact label > span, input, textarea, button{box-sizing:border-box;} #contact label{font-weight:normal;width:100%;color:#696969;display:inline-block;width:100%;} #contact label > span{display:none;} #contact input, textarea, button{width:100%;border:none;} #contact input{margin:0;outline:none;height:45px;line-height:45px;width:100%;padding:0 10px;margin-top:5px;border:2px solid #ee6959 !important;margin-bottom:10px;} #contact input.invalid, textarea.invalid{border-color:#d5144d;} #contact textarea{height:10em;resize:none;padding:0 10px;border:2px solid #ee6959 !important;} #contact input[type="submit"]{background:#ee6959;color:#fff;font-size:13px;width:200px;margin:0 auto;margin-top:25px;text-transform:uppercase;height:47px;font-weight:bold;line-height:47px;margin-left:25%;margin:0 auto;border-radius:4px;display:inline-block;} #contact button{background:#2e2e2e;color:#fff;font-size:13px;width:50%;margin:0 auto;margin-top:20px;text-transform:uppercase;height:47px;font-weight:bold;line-height:47px;margin-left:25%;float:left;} #contact input[type="submit"]:hover, button:hover{background:#df5c4c;} #contact .form-group{width:29.8%;float:left;margin:0 20px;} #contact .social_icons{text-align:center;margin-top:40px;} #contact .social_icons a{height:56px;width:56px;background:none;color:#fff !important;font-size:20px;line-height:56px;border-radius:50%;} #contact .social_icons a:hover i{color:#ee6959;border-color:#ee6959;} #contact .social_icons a{border:2px solid #fff;line-height:48px;} #contact .social_icons a:hover{color:#ee6959;border:2px solid #ee6959;} #contact .social_icons a i{font-size:25px;} #contact .links{margin-top:150px;text-align:center;} #contact .links li{padding:0 10px;display:inline-block;} #contact .links{color:#fff;} #contact .links a{color:#fff;} #contact .page-panel.diagonal-top-up:before{height:240px !important;} #social{} #social{text-align:center;background:#fff;z-index:9;padding:72px 0;text-align:center;padding-top:0px;margin-top:150px;height:20px;} #social .social_icons ul{margin-top:0px;} #social .social_icons{float:none;margin-top:0px;} #social .social_icons li{display:inline-block;float:left;width:20%;} #social .social_icons li:nth-child(1){margin-top:50px;} #social .social_icons li:nth-child(2){margin-top:35px;} #social .social_icons li:nth-child(3){margin-top:25px;} #social .social_icons li:nth-child(4){margin-top:10px;} #social .social_icons li:nth-child(5){margin-top:0px;} #social .social_icons li:nth-child(6){margin-top:-50px;} #social .social_icons a{color:#ee6959 !important;} #social.page-panel.diagonal-top-up:before{left:-15px !important;} .color-switcher{width:195px;position:fixed;left:-195px;top:150px;background:#fff;z-index:999;padding:15px 0 5px;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border-bottom-right-radius:4px;} .color-switcher h5{font-size:15px;margin-top:0;padding:0 20px 0;} .color-switcher p{padding-bottom:7px;font-size:14px;color:#595959;margin-bottom:0;} .color-switcher ul{list-style:none;padding:0;} .color-switcher ul li{float:left;margin-right:5px;margin-bottom:5px;} .color-switcher ul li a{display:block;width:30px;height:30px;outline:none;} .color-switcher ul li a.blue{background:#1bb1e9;} .color-switcher ul li a.green{background:#7fc719;} .color-switcher ul li a.red{background:#e54242;} .color-switcher ul li a.yellow{background:#ff9c00;} .color-switcher ul li a.brown{background:#987654;} .color-switcher ul li a.cyan{background:#1abc9c;} .color-switcher ul li a.purple{background:#c74a73;} .color-switcher ul li a.sky-blue{background:#00cdcd;} .color-switcher .gray{background:rgb(126, 139, 140);} .color-switcher .black{background:rgb(0, 0, 0);} .picker_close{width:40px;height:40px;position:absolute;right:-40px;top:0px;text-align:center;background:#fff;border-bottom-right-radius:4px;border-top-right-radius:4px;} .picker_close i{font-size:22px;margin-top:9px;} .position{left:0;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer{display:table;padding:10px;text-align:left;padding-top:0px;width:100%;} .layouts a, .choose-header a, .choose-footer a{display:inline-block;text-align:center;width:40%;margin:0 5px 0 0;color:#5d5d5d;font-size:15px;border:1px solid #e7e7e7;padding:5px 7px 2px;} .layouts a:hover, .choose-header a:hover, .choose-footer a:hover{border:2px solid #a9a9a9;padding:4px 5px 1px} .styleswitcher{position:fixed;width:120px;background:#ffffff;color:#595959;top:150px;left:-123px;z-index:999;} .styleswitcher p{color:#000 !important;} .styleswitcher.ackapa{left:0;} .styleswitcher .switch{padding-left:15px;padding-bottom:10px;} .styleswitcher .switch h5{margin-top:20px;} .styleswitcher .switch p{margin-top:10px;} .stylebutton{cursor:pointer;position:absolute;text-align:center;line-height:40px;background:#fff;font-size:20px;width:40px;height:40px;top:0px;right:-40px;} .styleswitcher a{width:24px;height:24px;float:left;margin-right:7px;margin-bottom:10px;position:relative;z-index:99999999;} .popup h4{color:#838383;} .popup p{color:#838383;} .popup .btn{background:#f1c40f;border-radius:4px;font-size:14px;color:#fff;font-weight:bold;padding-left:20px;padding-right:20px;margin-top:20px;} .popup{} .popup .comments{margin-top:20px;} .popup .comments .imag{display:inline-block;width:90px;float:left;margin-right:10px;} .popup .line{line-height:38px;border:1px solid #ececec;border-left:none;border-right:none;margin-top:20px;} .popup .com-text{display:inline-block;width:340px;} .popup .com-input{margin-top:20px;} .popup .auther{margin-top:20px;} .popup input, input[type="email"], textarea{width:100%;border:none !important;height:50px;border-bottom:1px dashed #999999 !important;} .popup button, a.m-yello{border:none !important;background:#f1c40f;padding:10px 20px;color:#fff;margin:0 auto;font-weight:bold;} .pre-scrollable{max-height:345px;overflow-y:scroll;} .popup .input-group{width:100%;} .mfp-close{padding:0px !important;border-radius:50%;margin:0 auto;top:-40px;} .white-popup{position:relative;background:#FFF;} .mfp-3d-unfold{} .mfp-3d-unfold .mfp-content{perspective:2000px;} .mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all 0.3s ease-in-out;transform-style:preserve-3d;transform:rotateY(-60deg);} .mfp-3d-unfold.mfp-bg{opacity:0;transition:all 0.5s;} .mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;transform:rotateY(0deg);} .mfp-3d-unfold.mfp-ready.mfp-bg{opacity:0.8;} .mfp-3d-unfold.mfp-removing .mfp-with-anim{transform:rotateY(60deg);opacity:0;} .mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0;} .vegas-loading{border-radius:10px;background:#000;background:rgba(0,0,0,0.7);background:url(images/loading.gif) no-repeat center center;height:32px;left:20px;position:fixed;top:20px;width:32px;z-index:0;} .vegas-overlay{background:transparent url(overlays/01.png);opacity:0.5;z-index:-1;} .vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none !important;z-index:-2;} .vegas-overlay, .vegas-background{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #contact textarea{width:100%;} .message{width:100%;} .message textarea{width:100%;} .message{display:inline-block;margin-bottom:50px;} .error{border:1px solid #319002 !important;background:#ccc;} .success-msg{background:#E9F7DD;border:1px solid #ABD0A8;color:#589051;margin-bottom:30px;max-width:1129px;padding:11px 16px;display:none;} del{text-decoration:line-through;color:#ccc} #page-loader{position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;z-index:99999999;} .loader7{position:absolute;top:40%;left:0;right:0;width:65px;margin:0 auto;} .spinner{-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;} @-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);} } @keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(270deg);transform:rotate(270deg);} } .path{stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation:dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;} @-webkit-keyframes colors{0%{stroke:#4285F4;} 25%{stroke:#DE3E35;} 50%{stroke:#F7C223;} 75%{stroke:#1B9A59;} 100%{stroke:#4285F4;} } @keyframes colors{0%{stroke:#4285F4;} 25%{stroke:#DE3E35;} 50%{stroke:#F7C223;} 75%{stroke:#1B9A59;} 100%{stroke:#4285F4;} } @-webkit-keyframes dash{0%{stroke-dashoffset:187;} 50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);} 100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);} } @keyframes dash{0%{stroke-dashoffset:187;} 50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg);} 100%{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg);} } .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;} @-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);} 40%{-webkit-transform:translateY(-30px);transform:translateY(-30px);} 60%{-webkit-transform:translateY(-15px);transform:translateY(-15px);} } @keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);} 60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;} @-webkit-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } @keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } .flash{-webkit-animation-name:flash;animation-name:flash;} @-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);} 50%{-webkit-transform:scale(1.1);transform:scale(1.1);} 100%{-webkit-transform:scale(1);transform:scale(1);} } @keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} } .pulse{-webkit-animation-name:pulse;animation-name:pulse;} @-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1);} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75);} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25);} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85);} 100%{-webkit-transform:scale(1);transform:scale(1);} } @keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75);} 40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25);} 60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85);} 100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;} @-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0);transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);transform:translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);transform:translateX(10px);} } @keyframes shake{0%, 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);} 20%, 40%, 60%, 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);} } .shake{-webkit-animation-name:shake;animation-name:shake;} @-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);} 40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);} 60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);} 80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);} 100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} } .swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;} @-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1);} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);} } @keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg);} 100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0);} } .tada{-webkit-animation-name:tada;animation-name:tada;} @-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%);} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);} 30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);} 60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);} 100%{-webkit-transform:translateX(0%);transform:translateX(0%);} } @keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);} 15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg);} 30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg);} 45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg);} 60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg);} 75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg);} 100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);} } .wobble{-webkit-animation-name:wobble;animation-name:wobble;} @-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);} 50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);} 70%{-webkit-transform:scale(.9);transform:scale(.9);} 100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);} } @keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);} 50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);} 100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;} @-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);} 60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px);} 80%{-webkit-transform:translateY(-10px);transform:translateY(-10px);} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);} 60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);} 80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);} 60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px);} 80%{-webkit-transform:translateX(-10px);transform:translateX(-10px);} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);} 60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);} 80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);} 60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px);} 80%{-webkit-transform:translateX(10px);transform:translateX(10px);} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);} 60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);} 80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;} @-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);} 60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px);} 80%{-webkit-transform:translateY(10px);transform:translateY(10px);} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);} 60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px);} 80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;} @-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1);} 25%{-webkit-transform:scale(.95);transform:scale(.95);} 50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);} 100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);} } @keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);} 50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} 100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;} @-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);} 20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px);} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);} } @keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);} 20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px);} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);} } @keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);} 20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px);} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);} } @keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;} @-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);} 20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px);} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);} } @keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);} 100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);} } @keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);} } @keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);} } @keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);} } @keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);} } @keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);} } @keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);} } @keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);} } @keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } @keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } .animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);} 70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);} 100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;} } @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);} 70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);} 100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;} } .flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;} } @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;} 40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg);} 70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);} 100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;} } .flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;} } @keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0;} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;} } @keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0;} } .flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;} 60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;} 80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;} 100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;} } @keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;} 60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1;} 80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1;} 100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;} 100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;} } @keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1;} 100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0;} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;} 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} } @keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0;} 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} } @keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} } @keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} } @keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} } @keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0;} } @keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0;} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} } @keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} } @keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} } @keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} } @keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1;} 100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0;} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);} 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;} @-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;} @-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);} 100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px);} } @keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px);} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px);} } @keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);} 100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px);} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);} } @keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;} @-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);} 100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;} @-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px);} } @keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} 100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px);} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;} @-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} 100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0;} } @keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} 100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0;} } .hinge{-webkit-animation-name:hinge;animation-name:hinge;} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);} 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);} } @keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg);} 100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;} @-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);} 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);} } @keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);} 100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg);} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);} 50%{opacity:1;} } @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);} 50%{opacity:1;} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;} @-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } @keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;} @-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } @keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;} @-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } @keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;} @-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } @keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;} @-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);} 50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);} 100%{opacity:0;} } @keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);} 100%{opacity:0;} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom;} } @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center;} } @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center;} } @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top;} } @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear;} 100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top;} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;} @media(max-width:1024px){} @media(max-width:980px){} @media(max-width:767px){.main_icon .icon{margin-top:0px;} #hello .skill li p{margin-top:0px;} .portfolio .over.hover .overlay{height:100%;} .portfolio .description{width:100%;} .portfolio .icon{margin-top:20px;} #testimonials .avatar{float:left;width:100%;text-align:center;} #testimonials .review{text-align:center;width:100%;} .static li{width:100%;} .static li:nth-child(5){width:100%;} #home{height:640px;min-height:640px;padding-top:55px;} .navbar-toggle{float:left;} header .menu{margin-top:0px;} .navbar-header{float:left;margin-left:50px;margin-top:5px;} header{position:absolute;top:0px;} header{background:#212121;} .nav > li{width:100%;} header .navbar{margin:0px;display:inline-block;float:left;margin-left:75px;position:relative;left:0px;margin-left:0px;width:100%;} .navbar-nav{margin:0px;} .navbar{min-height:0px;} #hello .avatar{width:100%;text-align:center;} #hello .per-info{width:100%;text-align:center;} #hello .skill li{width:30%;} .is-sticky header{position:relative !important;} #hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:30px;} #hello .skill li p{margin-top:30px;} .portfolio .item{width:49.5%;} .portfolio .item li{margin:0px !important;} #social.page-panel.diagonal-top-up:before{display:none;} #social .social_icons li:nth-child(1), #social .social_icons li:nth-child(2), #social .social_icons li:nth-child(3), #social .social_icons li:nth-child(4), #social .social_icons li:nth-child(4), #social .social_icons li:nth-child(5){margin:30px 0 !important;} #social{height:auto;padding:0px;margin-top:50px;} #contact .form-group{width:96.5%;} #contact .links{margin-top:50px;} header .social_icons{position:absolute;} } @media (max-width:600px){} @media(max-width:540px){#home .text span{letter-spacing:8px;line-height:38px;font-size:19px;} #home .text h1{font-size:50px;} #home{height:530px;min-height:initial;} #home .text{margin-top:6%;} header{position:absolute;top:0px;} header .menu{margin-top:0px;} .main_icon .icon{} #hello .avatar{width:100%;} #hello .avatar img{width:100%;} #hello .per-info{width:100%;} #hello .skill li{width:100%;} .navbar-toggle{width:50px;} #hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:0px;} .portfolio .item{width:100%;} #hello .skill li{margin-bottom:50px;} .portfolio .item{width:100%;} .static li{width:100%;} #testimonials .testi span{font-size:20px;} #testimonials .review{width:100%;} .chart{float:none;display:inline-block;} .portfolio .over.hover .overlay{height:70%;} .portfolio .description{width:100%;text-align:center;} .portfolio .description p i{float:none;} .portfolio .icon{width:100%;} .static li{width:100%;} #contact .form-group{width:91%;} #contact textarea{height:10em;width:90%;} } @media(max-width:400px){#home .text span{letter-spacing:8px;line-height:38px;font-size:19px;} #home .text h1{font-size:50px;} #home{height:530px;min-height:initial;} #home .text{margin-top:25%;} .big-logo{display:none;} header{position:absolute;top:0px;} header .menu{margin-top:0px;} .main_icon .icon{margin-top:30px;} #hello .avatar{width:100%;} #hello .avatar img{width:100%;} #hello .per-info{width:100%;} #hello .skill li{width:100%;} .navbar-toggle{width:50px;} #hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:0px;} .portfolio .item{width:100%;} #hello .skill li{margin-bottom:50px;} .portfolio .item{width:100%;} .static li{width:100%;} #testimonials .testi span{font-size:20px;} #testimonials .review{width:100%;} .chart{float:none;display:inline-block;} .portfolio .over.hover .overlay{height:100%;} .portfolio .description{width:100%;text-align:center;} .static li{width:100%;} #contact .form-group{width:85%;} #contact textarea{height:10em;width:85.4%;} header .social_icons{position:relative;width:100%;display:none;} .navbar-header{float:right;} } @media(max-width:320px){#home .text span{letter-spacing:8px;line-height:38px;font-size:19px;} #home .text h1{font-size:50px;} #home{height:530px;background:url(../images/home-bg.jpg) top center no-repeat;min-height:initial;} #home .text{margin-top:50%;} header{position:absolute;top:0px;} header .menu{margin-top:0px;} .main_icon .icon{margin-top:30px;} #hello .avatar{width:100%;} #hello .avatar img{width:100%;} #hello .per-info{width:100%;} #hello .skill li{width:100%;} .navbar-toggle{width:50px;} #hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:0px;} .portfolio .item{width:100%;} #hello .skill li{margin-bottom:50px;} .portfolio .item{width:100%;} .static li{width:100%;} #testimonials .testi span{font-size:20px;} #testimonials .review{width:100%;} .chart{float:none;display:inline-block;} .portfolio .over.hover .overlay{height:100%;} .portfolio .description{width:100%;text-align:center;} .static li{width:100%;} #contact .form-group{width:85%;} #contact textarea{height:10em;width:85.4%;} } @media(min-width:768px) and (max-width:991px){.main_icon{margin-top:0px;} .main_icon{margin-top:10px !important;} .main_icon .icon{margin-top:0px;} .is-sticky header{background:#212121;position:relative !important;} #hello .per-info{text-align:left;width:448px;float:right;} #hello .avatar{width:261px;float:left;} .chart{width:120px;height:120px;} .chart canvas{width:120px;height:120px;} #hello .skill li p{margin-top:0px;} .portfolio .over.hover .overlay{height:100%;} .portfolio .description{width:100%;} .portfolio .icon{margin-top:20px;} #testimonials .avatar{float:left;width:100%;text-align:center;} #testimonials .review{text-align:center;width:100%;} #contact .form-group{width:27.7%;} #contact textarea{height:10em;width:93.4%;} } @media(min-width:992px) and (max-width:1199px){.main_icon{margin-top:0px;} .main_icon{margin-top:10px !important;} .main_icon .icon{margin-top:0px;} } @media(max-width:1400px){.main_icon{margin-top:25px !important;} } @media(min-width:1200px){} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;} .owl-carousel .owl-item{float:left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer;} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} .grabbing{cursor:url(grabbing.png) 8 8, move;} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px;} .owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease;} .owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease;} .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease;} .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease;} .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both;} .owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both;} .owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both;} .owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both;} @-webkit-keyframes empty{0%{opacity:1} } @-moz-keyframes empty{0%{opacity:1} } @keyframes empty{0%{opacity:1} } @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } @-moz-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @-moz-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px);} 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);} 100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);} } @-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px);} 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);} 100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);} } @keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px);} 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%);} 100%{opacity:.5;transform:translateZ(-500px) translateX(-200%);} } @-webkit-keyframes backSlideIn{0%, 25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);} 75%{opacity:.5;-webkit-transform:translateZ(-500px);} 100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);} } @-moz-keyframes backSlideIn{0%, 25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%);} 75%{opacity:.5;-moz-transform:translateZ(-500px);} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0);} } @keyframes backSlideIn{0%, 25%{opacity:.5;transform:translateZ(-500px) translateX(200%);} 75%{opacity:.5;transform:translateZ(-500px);} 100%{opacity:1;transform:translateZ(0) translateX(0);} } @-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8);} } @-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8);} } @keyframes scaleToFade{to{opacity:0;transform:scale(.8);} } @-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%);} } @-moz-keyframes goDown{from{-moz-transform:translateY(-100%);} } @keyframes goDown{from{transform:translateY(-100%);} } @-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5);} } @-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5);} } @keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5);} } @-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5);} } @-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5);} } @keyframes scaleUpTo{to{opacity:0;transform:scale(1.5);} } .bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;} .bx-wrapper img{max-width:100%;display:block;} .bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;} .bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;} .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;} .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;text-indent:-9999px;display:block;width:15px;height:15px;margin:0 5px;outline:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#c1392b;} .bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-prev:hover{background-position:0 0;} .bx-wrapper .bx-next:hover{background-position:-43px 0;} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled{display:none;} .bx-wrapper .bx-controls-auto{text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;} .bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%;} .bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;} .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);} .mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;} .mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:30%;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;} .mfp-align-top .mfp-container:before{display:none;} .mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;} .mfp-ajax-cur{cursor:progress;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;} .mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;} .mfp-auto-cursor .mfp-content{cursor:auto;} .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;} .mfp-loading.mfp-figure{display:none;} .mfp-hide{display:none !important;} .mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;} .mfp-preloader a{color:#cccccc;} .mfp-preloader a:hover{color:white;} .mfp-s-ready .mfp-preloader{display:none;} .mfp-s-error .mfp-content{display:none;} button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;} button::-moz-focus-inner{padding:0;border:0;} .mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;left:0px;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;} .mfp-close:hover, .mfp-close:focus{opacity:1;} .mfp-close:active{} .mfp-close-btn-in .mfp-close{color:#fff;background:#f1c40f;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;} .mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;} .mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} .mfp-arrow:active{margin-top:-54px;} .mfp-arrow:hover, .mfp-arrow:focus{opacity:1;} .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;} .mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;} .mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;} .mfp-arrow-left{left:0;} .mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px;} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f;} .mfp-arrow-right{right:0;} .mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f;} .mfp-iframe-holder{padding-top:40px;padding-bottom:40px;} .mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;} .mfp-iframe-holder .mfp-close{top:-40px;} .mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;} .mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:black;} img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;} .mfp-figure{line-height:0;} .mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444444;} .mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;} .mfp-figure figure{margin:0;} .mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;} .mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px;} .mfp-image-holder .mfp-content{max-width:100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;} @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;} .mfp-img-mobile img.mfp-img{padding:0;} .mfp-img-mobile .mfp-figure{} .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;} .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;} .mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mfp-img-mobile .mfp-bottom-bar:empty{padding:0;} .mfp-img-mobile .mfp-counter{right:5px;top:3px;} .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;} } @media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;} .mfp-container{padding-left:6px;padding-right:6px;} } .mfp-ie7 .mfp-img{padding:0;} .mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;} .mfp-ie7 .mfp-container{padding:0;} .mfp-ie7 .mfp-content{padding-top:44px;} .mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
@media only screen and ( max-width: 800px ){
#home .text h1 span{    display: block;float: none;}
}
@media only screen and ( max-width: 580px ){
#home .text h1, #home .text h1 span{font-size: 40px;}
}
@media only screen and ( max-width: 420px ){
#home .text h1, #home .text h1 span{font-size: 30px;}
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}