body{padding:0;margin:0;background:#fff}ul{list-style:none}th{text-align:center;margin:0}body a{text-decoration:none;outline:none}body a:hover,body a:focus{text-decoration:none;outline:none}select{outline:none}a img{border:none}img{border:0}a{transition:.2s ease all}p{padding:0;margin:0}h1,h2,h3,h4,ul,p{padding:0;margin:0}textarea{resize:none}input::-moz-placeholder{opacity:1}.clr{clear:both;height:0}a:focus,a:hover{outline:0;text-decoration:none}header,footer,.main-slider{background:#364277;}header{width:100%;float:left;padding:0;position:relative;border-bottom:1px solid rgba(0,0,0,.3);z-index:2}header:after{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;content:"";background:url(../img/bg.png) top center repeat;opacity:.15;z-index:0;border-bottom:1px solid rgba(255,255,255,.15)}.top-bar{width:100%;float:left;border-bottom:1px solid rgba(0,0,0,.3);padding:10px 0;position:relative}.tag{float:left;font:300 14px "open Sans";color:#fff}.top-bar:after{position:absolute;left:0;bottom:0;right:0;width:100%;content:"";border-bottom:1px solid rgba(255,255,255,.15);z-index:0}.email{float:right}.email li{float:left;margin:0 15px 0 0;font:300 14px "open Sans";color:#fff}.email li:last-child{margin-right:0}.email li a{float:left;font:300 14px "open Sans";color:#fff}.email li ul{float:left}.email li ul li{float:left;margin:0 2px}.email li ul li a{font-size:20px}.email li ul li a:hover{color:#000}.menu-section{width:100%;float:left}.logo{width:300px;float:left;padding:0;margin:20px 0}.menu-sec{float:right;margin:32px 0 0}.menu{float:right}.menu li{float:left}.menu li a{float:left;font:300 14px "open Sans"!important;color:#fff;text-transform:uppercase;text-align:center;padding:10px 25px!important}.menu li a:hover,.menu li a.active{background:rgba(0,0,0,.3)}.menu li:hover a{background:rgba(0,0,0,.3)}.main-slider{width:100%;float:left;padding:0;position:relative;background:#31364c url(../img/bg-stars.svg);position:relative;background-size:cover}#particles-js canvas{height:100%;left:0;position:absolute;top:0;width:100%}.main-slider:after{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;content:"";background:url(../img/bg.png) top center repeat;opacity:.15;z-index:0}.slider-sec{width:100%;float:left;background:#219748 url(../img/patt1.png) 100% 0 no-repeat fixed;padding:0;min-height:450px;background-size:500px;margin:0}.main-type-slide{width:100%;float:left;padding:70px 0 60px}.main-type-slide h1{width:100%;float:left;font:600 36px/40px "open sans";color:#fff;margin:0 0 20px}.main-type-slide h1 strong{font-weight:700;color:#fff}.type-wrap{width:100%;float:left}.type-wrap span{font:700 48px/48px "open sans";color:#fff}.typed-cursor{opacity:0}.main-type-slide h2{width:100%;float:left;font:300 24px/32px "open sans";color:#fff;margin:20px 0}.main-type-slide h2 span{font-weight:700;color:#fff}.main-type-slide ul{width:100%;float:left;margin:10px 0}.main-type-slide ul li{float:left;margin:0 15px 0 0}.main-type-slide ul li a{float:left;display:block;position:relative;font:300 20px/30px "open sans";color:#fff;text-align:center;padding:5px 40px 7px;background:none;border-radius:25px;border:2px solid #fedd5b}.main-type-slide ul li a:after{background:#fedd5b;border-radius:25px;content:"";height:100%;left:0;margin:0 auto;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease-in-out 0;width:40%;z-index:-1}.main-type-slide ul li a:hover:after{opacity:1;width:100%}.main-type-slide ul li a:hover{color:#000}.welcome-sec{width:100%;float:left;padding:70px 0 0;background:#ffd291}.welcome-detail{width:100%;float:left;text-align:center}.welcome-detail h2{width:100%;float:left;margin:0 0 20px;font:500 48px/48px Raleway;color:#333}.welcome-detail h2 span{font-weight:700}.welcome-detail p{width:100%;float:left;margin:0 0 20px;font:400 16px/30px "open sans";color:#333;padding:0 100px}.welcome-detail a{width:200px;display:table;margin:0 auto 20px;font:400 18px/40px "open sans";text-align: center; color:#fff;background:#666;padding:10px 0;border-radius:4px}.welcome-detail a:hover{background:#333}.welcome-chart{width:100%;float:left}.welcome-chart img{display:block;margin:0 auto}.our-services-sec{width:100%;float:left;padding:70px 0 80px;background:url(../img/patt.png) 100% 100% no-repeat fixed;background-size:450px 100%}.our-services{width:100%;float:left}.our-services h2{width:100%;float:left;font:500 48px/48px Raleway;color:#666;text-align:center;margin:0}.our-services h2 span{color:#333;font-weight:700}.main-services{width:100%;float:left;margin:70px 0}.main-services li{width:23%;float:left;margin:0 1%}.main-services li a{width:100%;float:left;display:block;padding:20px;text-align:center;background:#45c49c;border-radius:4px;transition:all .2s ease}.main-services li a span.services-icon{width:100%;float:left;margin:5px 0 10px;font-size:30px;line-height:30px;color:#13644b}.main-services li a h2{width:100%;float:left;margin:0 0 10px;font:400 24px/30px "open sans";color:#fff}.main-services li a h2 strong{width:100%;float:left;font-weight:700;text-transform:uppercase}.main-services li a h3{width:100%;float:left;margin:0 0 10px;font:400 16px/30px "open sans";color:#13644b}.main-services li a h3 strong{width:80px;display:table;margin:0 auto;clear:both;font-weight:700;font-size:30px;position:relative}.main-services li a h3 strong sup{font-weight:400}.main-services li a h3 strong:after{width:30px;height:1px;background:#13644b;position:absolute;content:"";left:-35px;top:15px}.main-services li a h3 strong:before{width:30px;height:1px;background:#13644b;position:absolute;content:"";right:-35px;top:15px}.main-services li a h4{width:130px;display:table;margin:0 auto 10px;background:#262d30;font:600 16px/30px "open sans";color:#fff;padding:5px 0;border-radius:3px}.main-services li a:hover{margin:-10px 0 0}.main-services li:nth-child(2) a{background:#3aa7d8}.main-services li:nth-child(2) a span.services-icon{color:#105574}.main-services li:nth-child(2) a h3{color:#105574}.main-services li:nth-child(2) a h3 strong:after,.main-services li:nth-child(2) a h3 strong:before{background:#105574}.main-services li:nth-child(3) a{background:#fb6062}.main-services li:nth-child(3) a span.services-icon{color:#9a3839}.main-services li:nth-child(3) a h3{color:#9a3839}.main-services li:nth-child(3) a h3 strong:after,.main-services li:nth-child(3) a h3 strong:before{background:#9a3839}.main-services li:nth-child(4) a{background:#6980af}.main-services li:nth-child(4) a span.services-icon{color:#253253}.main-services li:nth-child(4) a h3{color:#253253}.main-services li:nth-child(4) a h3 strong:after,.main-services li:nth-child(4) a h3 strong:before{background:#253253}.all-services{width:100%;float:left}.all-services li{width:20%;float:left;padding:0 5px;text-align:center}.all-services li a{width:100%;float:left;position:relative;font:600 15px/30px "open sans";color:#262d30;padding:5px 0;background:#f3f3f3;transition:all .2s ease}.all-services li a i{font-size:16px;line-height:30px;color:#45c49c}.all-services li:nth-child(2) a i{color:#3aa7d8}.all-services li:nth-child(3) a i{color:#fb6062}.all-services li:nth-child(4) a i{color:#6980af}.all-services li:nth-child(5) a i{color:#f758ae}.all-services li a span{width:70px;position:absolute;left:0;right:0;margin:0 auto;bottom:-30px;background:#262d30;color:#fff;font-weight:600;font-size:18px;line-height:30px;height:30px}.all-services li a:hover{color:#13644b}.all-services li a:hover span{background:#45c49c}.whatis-going-on-sec{width:100%;float:left;padding:60px 0 0;background:#fff;text-align:center}.whatis-going-on-sec ul{width:100%;float:left}.whatis-going-on-sec li{width:25%;float:left;padding:80px 0;transition:.2s ease-in-out All;background:#5a07a0}.whatis-going-on-sec li:nth-child(even){background:#510096}.going-inners{width:170px;display:table;margin:0 auto}.whatis-going-on-sec li span{width:100%;float:left}.whatis-going-on-sec li span i{font-size:22px;color:#fff;line-height:22px}.whatis-going-on-sec li h3{width:100%;float:left;font:300 14px/20px "open sans";color:#fff;text-transform:uppercase;padding:10px 0;margin:15px 0;border-bottom:1px solid #852ece;border-top:1px solid #852ece;letter-spacing:1px}.whatis-going-on-sec li h2{width:100%;float:left;font:700 60px/60px "open sans";color:#fff}.whatis-going-on-sec li:hover{background:#400076!important}.whatis-going-on-sec li:hover h3{border-color:#852ece}.whatis-going-on-sec li:nth-child(2){border-right1:1px solid #fff}.whatis-going-on-sec li:nth-child(3){border-left1:1px solid #fff}.what-is-going{width:100%;float:left;padding:0 0 80px;position:relative}.what-is-going:after{width:2px;position:absolute;bottom:0;height:90px;background:#510096;content:"";left:0;right:0;margin:0 auto}.what-is-going h2{width:100%;float:left;margin:0 0 25px;font:700 30px/30px "open sans";color:#400076;text-transform:uppercase}.what-is-going p{width:100%;float:left;margin:0 0 15px;font:400 16px/30px "open sans";color:#400076}.testi-sec{padding:100px 0 30px}.testi-sec:after{bottom:inherit;top:0}.test-list{width:100%;float:left}.test-list li{width:10px;float:inherit;padding:0}.test-list .carousel-inner{padding:0 0 50px}.testi-sec p{padding:0 100px}.testi-sec p span{width:100%;float:right;font-weight:600;margin:15px 0 0}#testimonilas .carousel-indicators li,#testimonilas .carousel-indicators .active{background:#400076;border:0;margin:0 5px;width:10px;height:10px;padding:0!important}#testimonilas .carousel-indicators .active{background:#000}footer{width:100%;float:left;padding:0;position:relative;margin:0;z-index:0}.container{position:relative;z-index:1}footer:after{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;content:"";background:url(../img/bg.png) top center repeat;opacity:.15;z-index:0}.footer-menu{width:100%;float:left;margin:0 0 40px}.footer-menu li{width:16.5%;float:left;margin:0 .2% 0 0;text-align:center}.footer-menu li:last-child{margin:0}.footer-menu li a{width:100%;float:left;background:rgba(0,0,0,.30);font:300 14px/20px "open Sans";color:#fff;padding:20px 0;text-transform:capitalize}.footer-menu li a:hover,.footer-menu li a.active{background:rgba(0,0,0,.40)}.footer-about{width:100%;float:left;padding:0 0 10px;border-bottom:1px solid rgba(0,0,0,.3);margin:0 0 30px}footer h4{width:100%;float:left;font:400 20px "open sans";color:#fff;text-transform:capitalize;margin:0;background:url(../img/link-border.png) bottom left no-repeat;padding:0 0 5px}.logo-sec{width:100%;float:left}.logo-sec a{width:32%;float:left;border-right:1px solid rgba(0,0,0,.3);padding:30px 17px 30px 0}.logo-sec p{width:65%;float:right;font:14px/28px "open Sans";color:#fff;font-weight:300;margin:0;padding:7px 0 0}.foot-address{width:100%;float:left;margin:30px 0 0}.foot-address li{width:100%;float:left;font:300 13px/21px "open sans";color:#fff;margin:0 0 20px}.foot-address li i{font-size:24px;margin:0 8px 0 0;float:left}.foot-address li a{color:#fff}.foot-address li a:hover{text-decoration:underline}.foot-address li:last-child i{font-size:18px}.foot-social{width:100%;float:left}.foot-social li{width:36px;float:left;margin:0 5px 0 0}.foot-social li a{width:100%;float:left;display:block;text-align:center;font-size:16px;color:#c2c2c2;line-height:34px;border:1px solid #c2c2c2}.foot-social li a i{line-height:34px}.foot-social li a:hover{color:#fff;border-color:#fff}.footer-links{width:100%;float:left;padding:0 0 0 40px}.footer-links-list{width:100%;float:left;margin:30px 0 0}.links{width:50%;float:left}.links li{width:100%;float:left;margin:0 0 15px}.links li a{float:left;font:300 13px/21px "open Sans";color:#fff;text-transform:uppercase}.links li a:hover{text-decoration:underline}.socialfeed{width:100%;float:left}.dev-sec{width:100%;float:left;min-height:320px;background:rgba(0,0,0,.30);margin:30px 0 0;border-radius:3px;padding:40px 0 0}.dev-slide{width:100%;float:left;text-align:center}.dedicate-dev{width:100%;float:left;text-align:center}.dedicate-dev h2{width:100%;float:left;text-align:center;font:400 24px/30px "open Sans";color:#fff;text-transform:uppercase;margin:0 0 20px}.dedicate-dev h3{width:100%;float:left;text-align:center;font:700 80px/60px "open Sans";color:#fff;margin:0 0 20px}.dedicate-dev h3 span{font-size:30px;line-height:30px;font-weight:400}.carousel-inner{padding:0 0 80px}.call-us{width:100%;float:left;margin:0;font:400 15px/30px "open Sans";color:#fff}.call-us a{font-size:18px;color:#7edc8b}.copyright-sec{width:100%;float:left;margin:55px 0 0;background:rgba(0,0,0,.30);padding:20px 0;text-align:center;font:300 13px/20px "open sans";color:#fff}#elevator_item{width:40px;height:40px;position:fixed;right:15px;bottom:30px;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;opacity:1;z-index:100020;display:none}#elevator_item.off{opacity:0;visibility:hidden}#elevator{display:block;width:40px;height:40px;background:url(../img/icon_top.png) center center no-repeat;background-size:15px;background-color:#45c49c;border-radius:0;box-shadow:0 0 0 rgba(0,0,0,.2);cursor:pointer;margin-bottom:0}


.page-title-sec:after  { background:none;}
.page-title-sec h1 { margin:0;}
.welcome-inner { padding:60px 0; background:#fff;}
.welcome-inner p { text-align:left; font-size:15px;}

.why-choose-psdtohtmlexpert-sec { width:100%; float:left; background:#510096; padding:60px 0;}
.psdtohtmlexpert-about-thumb { width:100%; float:left; border:10px solid #7f11de;}
.psdtohtmlexpert-about-thumb img { width:100%;}
.psdtohtmlexpert-why-choose { width:100%; float:left; padding:0 0 0 20px;}
.psdtohtmlexpert-why-choose h2 { width:100%; float:left; font:400 30px/36px 'open Sans'; color:#fff; text-transform:uppercase;  margin:0 0 30px;}
.psdtohtmlexpert-why-choose h2 span { color:#510096; text-transform:uppercase; }
.psdtohtmlexpert-why-choose  p { width: 100%; float: left; margin: 0 0 20px; font: 300 15px/30px "open sans"; color: #fff;}
.psdtohtmlexpert-why-choose ul { width:100%; float:left; }
.psdtohtmlexpert-why-choose ul li { width:100%; float:left; font:300 15px/25px 'open Sans'; color:#fff; background:url(../img/arrow.png) left 6px no-repeat; padding:0 0 0 30px; margin:0 0 10px;  }


.tags-lines { width: 100%; float: left; padding: 70px 0; background: #400076; text-align: center;}
.tags-lines h2 { width: 100%; float: left; font: 300 24px/40px "open sans"; color: #fff; text-transform: uppercase;}
.tags-lines h2 span { font-weight: 700; color: #a53ffc;}

.service-inner .welcome-detail p { padding: 0; }
.welcome-detail h2.service-title { padding: 60px 0; background: #400076 ; text-align: center; border:10px solid #7f11de; margin: 0 0 30px; font:400 30px/36px "open sans"; color: #fff;}
.welcome-detail h3 { width: 100%; float: left; margin: 0 0 20px; font:400 20px/36px "open sans"; color: #333; text-align: left; text-transform: uppercase;}
.welcome-detail h3 span { color: #400076; font-weight: 700;}

.service-inner .psdtohtmlexpert-why-choose { padding: 0;}
.service-inner .psdtohtmlexpert-why-choose ul li { text-align: left; color: #333; background-image: url(../img/arrow-dark.png);}
.service-sidebar { width: 100%; float: left; margin: 0 0 20px;}
.service-sidebar h2 { width: 100%; float: left; font:600 24px/36px "open sans"; color: #510096; text-transform: uppercase;  margin: 0 0 20px;}
.service-sidebar ul { width: 100%; float: left; margin: 0 0 20px;}
.service-sidebar ul li { width: 100%; float: left; border-bottom: 1px solid #7f11de; margin: 0 0;}
.service-sidebar ul li a  { width: 100%; float: left; font:300 15px/24px "open sans"; color: #fff; text-transform: uppercase; background: #510096  url(../img/arrow.png) 10px 50% no-repeat; padding: 10px 20px 10px 40px;}
.service-sidebar ul li a:hover , .service-sidebar ul li a.active { background: #7f11de  url(../img/arrow.png) 15px 50% no-repeat;  }

.w3c { width: 100%; float: left; background: #510096 ;}

a.hire-developer-btn { width: 100%; float: left; padding: 15px 0; text-align: center; font: 600 20px/30px "open sans"; color: #fff; text-transform: uppercase; border-radius: 5px; border: 2px solid #fedd5b; margin: 120px 0 0;}
a.hire-developer-btn:hover { background: #fedd5b; color: #333;}


.second-row li { background: #510096 ;}
.second-row li:nth-child(even) { background: #5a07a0 ;}

.portfolio-main-sec { width: 100%; float: left; padding: 70px 0;}
.portfolio-sec { width: 100%; float: left;}
.portfolio-sec li { width:33.33%; float: left; padding: 1px;}
.portfolio-sec li a { width: 100%; float: left; display: block; position: relative; overflow: hidden;}
.portfolio-sec li a img { width: 100%; float: left; transition:all 0.5s ease 0s ;}
.portfolio-sec li a:hover img {  -webkit-transform: scale(1.3);  -ms-transform: scale(1.3);  transform: scale(1.3);}


.contact-form { width: 100%; float: left; padding: 0 70px;}
.contact-form h2 { width: 100%; float: left; margin: 0 0 50px; font: 400 30px/36px "open sans"; color: #333; text-align: center; text-transform: uppercase;}
.contact-form h3 { width: 100%; float: left; margin: -30px 0 50px; font: 400 20px/32px "open sans"; color: #333; text-align: center; text-transform: uppercase;}

.contact-form ul { width: 100%; float: left; margin: 0 0 50px; }
.contact-form ul li { width: 32%; float: left; margin: 0 2% 15px 0;}
.contact-form ul li:nth-child(3n) { width: 32%; float: left; margin: 0 0 15px;}
.contact-form ul li.full-width { width: 100%; float: left; margin: 0 0 15px;}
.contact-form ul li input , .contact-form ul li .msg , .contact-form ul li select { width: 100%; float: left; font: 400 16px/24px "open sans"; color: #333; background: none; border:1px solid #bababa; border-radius: 4px; padding: 10px 15px;}
.contact-form ul li .msg { height: 220px;}
.contact-form ul li input.submit { width: 270px; display: table; margin: 0 auto; float: none; text-align: center; background: #45c49c; color: #fff; text-transform: uppercase; padding: 25px 0; border: 0; transition:all 0.2s ease 0s;}
.contact-form ul li input.submit:hover { background: #34b18a;}

.contact-info { width: 100%; float: left; padding: 0 100px;}
.contact-info h2 { width: 100%; float: left; margin: 0 0 50px; font: 400 30px/36px "open sans"; color: #333; text-align: center; text-transform: uppercase;}
.contact-info ul { width: 100%; float: left;}
.contact-info ul li { width: 50%; float: left;}
.location-area { width: 100%; float: left; padding: 0 20px; text-align: center; font: 400 18px/32px "open sans"; color: #333;  }
.location-area a { color: #333;}
.location-area a:hover { color: #34b18a;}
.location-area i { width: 100%; float: left; margin:  0 0 30px; font-size: 60px; line-height: 60px; color: #34b18a;}

.pricing-main-sec { width: 100%; float: left; padding: 70px 0;}
.pricing-main-sec .what-is-going { text-align: center;}


.col-pricing {width:100%; float:left; position:relative; margin:80px 0 30px 0; border:1px solid #400076; }
.col-pricing a {width:100%; text-align:center; display:block; background:#fff; text-decoration:none; padding:65px 0 0px;}
.col-pricing a:hover {width:100%; border:1px solid #400076; text-align:center; display:block; background:#400076; text-decoration:none; color:#fff;}
.col-pricing a .price { width:50%; margin:0 auto; background:#fff;  border:1px solid #7f11de; border-radius:70px; position:absolute; top:-70px; left:25%; padding:10px 0;  }
.col-pricing a:hover .price {background:#e8e8e8;  border:1px solid #7f11de; }

.col-pricing a .price-in { width:90%; margin:0 auto; background:#400076; color:#fff; border-radius:170px; padding:30px 0;  }
.col-pricing a:hover .price-in { background:#7f11de; color:#fff;  }
.col-pricing a .price-in h1 { color:#fff!important;  font-size:30px!important; line-height:30px;}
.col-pricing a .price-in h2 {  font-size:14px!important; line-height:24px;}

.col-pricing a h1 {   font:400 18px/60px 'open sans'; color:#000000; text-transform:uppercase;}
.col-pricing a h3 {   font:400 16px/16px 'open sans'; color:#7f11de; text-transform:uppercase;}

.col-pricing a:hover h1 {color:#fff; text-transform:uppercase;}
.col-pricing a li {   font:300 15px/30px 'open sans'; color:#828282; border-bottom:1px solid #ccc; padding:12px 0;  }
.col-pricing a:hover li {color:#fff; border-bottom:1px solid #7f11de;}
.col-pricing a .order-now { width:100%; float:left;  background:#400076; margin:0; padding:15px;  font-size:18px; color:#fff;  }
.col-pricing a:hover .order-now { background:#fff;  color:#400076;  }