@font-face{
	
	src:url(../font/ProximaNovaRegular.otf);
	font-family: 'ProximaNova';
}
/* Body */
*{ outline:none !important;}
body{  font-family: 'ProximaNova', sans-serif; color:#28282e; font-size:14px; -webkit-font-smoothing: antialiased; outline:none;}
html,body { 
	margin:0;
	overflow-x: hidden;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
}	
* {
    box-sizing: inherit;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}

/* Headlines */
h1{ font-weight:700; font-family: 'ProximaNova', sans-serif;}
h2{ font-weight:700; font-family: 'ProximaNova', sans-serif;}
h3{ font-weight:700; font-family: 'ProximaNova', sans-serif;}
h4{ line-height:28px; font-family: 'ProximaNova', sans-serif;}


/* Form Elements */
input[type="text"]{ outline:none;}
input[type="ProximaNovaRegularmber"]{ outline:none;}
input[type="submit"]{ outline:none;}
input[type="button"]{ outline:none;}
textarea{ outline:none;}


/* Main Elements */
header{ width:100%; height:700px; float:left; background-size: cover;} 
footer{ width:100%; float:left; background:#28282e;}
section{ width:100%; float:left; position:relative; }
section.overlay{ position:relative;}
section.overlay:after{content:''; width:100%; height:100%; background:rgba(40,40,46, 0.8); position:absolute; left:0; top:0;}


/* TOOLS - UTILS */

/* Spacing */
.section-padding{ padding:100px 0;}
.section-padding-top{ padding-top:100px}
.no-padding{ padding:0;}
.no-margin{ margin:0;}


/* Title Box */
.title-box{ width:100%; float:left;}
.title-box h6{ font-size:15px; position:relative; background:url(../images/title-seperate.png) center bottom no-repeat;}
.title-box h6{ padding-bottom:40px; margin-bottom:30px;}
.title-box h2{ font-size:50px; margin-bottom:30px;}


/* Section Overlay */
.section-overlay { position:relative;}
.section-overlay:after{contnet:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#28282e; opacity:0.9;}

/* Tools */
.error-pages{ height:100% !important;}
.error-pages img{ margin-top:20px;}
.error-pages h1{ margin:0 !important;}
.error-pages h2{font-size:140px; color:#fff; margin-top:100px;}
.bolder{ font-weight:700;}
.colored{color:#ef3c3c;}
i{ font-size:40px;}
p{color:#5b5b5b; line-height:24px; margin-bottom:20px; font-size:17px; font-family: "ProximaNova", sans-serif;}


/* Links */
a{color:#2b2b2b; outline:none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
a{font-weight:700;}
a:hover{color:#2b2b2b;}


/* Button */
.button{ line-height:40px; display:inline-block; border:1px solid #ccc; padding:0 25px; font-size:12px;}
.button:hover{ background:#ef3c3c; color:#fff; text-decoration:none; border:1px solid #ef3c3c;}


/* Site Loader */
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../images/load.gif') 50% 180px no-repeat #eee;text-align:center; padding-top:220px; font-weight:700; }



/* HEADER */

/* Particles Effect */
header #particles{ width:100%; height:100%; float:left; position:relative;}
header #particles canvas{ opacity:0.1;}
header #particles .intro{ width:100%; height:100%; position:absolute; left:0; top:0;}


/* Scroll Opacity */
header .lead-text span{white-space:pre;}
header .lead-text h1{ font-size:70px; font-weight:700; color:#fff; margin-top:180px; padding-bottom:20px; position:relative;}
header .lead-text h1:after{content:''; width:90px; height:3px; float:left; position:absolute; left:50%; bottom:0; margin-left:-45px; background:#ef3c3c;}
header .lead-text h3{ font-size:20px; font-weight:300; line-height:30px; color:#fff; margin-bottom:60px;}
header .lead-text .button{ border:1px solid #fff; color:#fff; padding:5px 30px;}
header .lead-text .button:hover{color:#fff; background:#ef3c3c; border:1px solid #ef3c3c;}


/* Navigation */
header nav{ width:100%; float:right; margin:0; padding:20px 0;}
header nav .navbar-nav{ float:right; margin-top:6px; padding:0;}
header nav .navbar-nav .logo{float:left; margin:0;}
header nav .navbar-nav li{ float:left; margin-right:30px; list-style:none;}
header nav .navbar-nav li:last-child{ margin-right:0;}
header nav .navbar-nav li a{ float:left; color:#fff !important; font-size:20px; font-weight:700; padding:0; line-height:normal;}
header nav .navbar-nav li a:hover{text-decoration:none; color:#ef3c3c;}
header .navbar-inverse{ background:none; border:none;}
header .navbar{ line-height:normal; margin-bottom:0;}
header .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:none;}
header.inner{ height:260px;}
.affix{ width:100%; float:left; background:#28282e !important; left:0; top:0;}


/* Introduction */
.introduction{ width:100%; padding-bottom:0;}
.introduction img{width:100%; margin-top:50px;}


/* Quote */
.quote{ width:100%;}
.quote .space{ padding:0 60px;}
.quote .container{ position:relative; z-index:2;}
.quote .container img{ margin-bottom:60px;}
.quote .container h2{ color:#fff; line-height:44px; margin-bottom:60px; font-size:36px;}
.quote .container span{ font-family: 'ProximaNova', serif; color:#fff; font-size:17px; margin-top:30px; border-top:1px solid #fff; padding-top:30px;}
.quote .container .colored{ color:#ef3c3c;}


/* Features with Icons */
.icon-features{ width:100%;}
.icon-features .padding{ padding:0 40px;}
.icon-features i{ width:124px; line-height:140px; display:inline-block; margin-top:30px; margin-bottom:20px; background:url(../images/icon-bg.png) no-repeat;}
.icon-features h4{ font-weight:700; font-size:20px;}
.icon-features a{ margin-top:10px;}


/* Content with Video Background */
.video-bg{ width:100%; position:relative; overflow:hidden;}
.video-bg video{width:100%; position:absolute; left:0; top:0;}
.video-bg .container{ position:relative; z-index:2;}
.video-bg .space{ padding:0 40px;}
.video-bg figure{ width:100%; float:left; margin-bottom:30px;}
.video-bg figrue img{ display:inline-block;}
.video-bg h2{ color:#fff; line-height:44px; margin-bottom:60px; font-size:36px;}
.video-bg a{ color:#fff; display:inline-block; padding:8px 20px; border:1px solid #fff;}
.video-bg a:hover{ background:#ef3c3c; text-decoration:none; color:#fff; border:1px solid #ef3c3c; }


/* Features with Ipad */
.ipad-features{ width:100%;}
.ipad-features .box{ width:100%; float:left; margin-bottom:60px;}
.ipad-features .box .icon{ width:20%; float:left; text-align:center;}
.ipad-features .box .icon i{ font-size:50px; margin-top:20px;}
.ipad-features .box .content{ width:80%; float:left; border-left:1px solid #eee; padding-left:20px;}
.ipad-features .box .content h3{ margin-top:0;}
.ipad-features .box .content p{ margin-top:15px; margin-bottom:0;}
.ipad-features .box .content p:before{ content:''; width:20px; height:1px; float:left; background:#ef3c3c; margin-top:10px; margin-right:6px;}


/* Client Logos */
.client-logos{ width:100%;}
.client-logos h6{color:#fff; margin-bottom:20px; position:relative; z-index:2;}
.client-logos .box{ width:100%; padding:20px 0; border:1px solid rgba(255,255,255,0.3); position:relative; z-index:2;}
.client-logos .box{ cursor:url(../images/drag-cursor.png), move;}
.client-logos .box img{ width:100%;}
.client-logos .box img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.client-logos .item{ width:100%; float:left;}
.client-logos .logos-list{ width:100%; float:left;} 


/* Portfolio */
.portfolio{ width:100%; padding-bottom:0 !important;}
.portfolio img{ width:100%;}
.portfolio .filter{ width:100%; float:left; text-align:center; margin-bottom:40px; padding:0;}
.portfolio .filter li{ display:inline-block; margin:0 10px;}
.portfolio .filter li .current{ color:#ef3c3c; border-bottom:1px solid #ef3c3c;}
.portfolio .filter li a{ color:#5b5b5b; font-family:"ProximaNova", sans-serif; font-size:17px; font-weight:normal; padding-bottom:10px;}
.portfolio .filter li a:hover{text-decoration:none; border-bottom:1px solid #ef3c3c;}
.portfolio .works-container{ width:100%; float:left; margin:0; padding:0; border-left:1px solid #fff; overflow:hidden;}
.portfolio .works-container li{ width:33.3333%; list-style:none; margin:0; padding:0; overflow:hidden;}
.portfolio .works-container li figure{ width:100%; height:100%; float:left; position:relative;}
.portfolio .works-container li figure figcaption{ width:100%; height:100%; float:left; position:absolute; left:0; top:0; background:rgba(239,60,60,0.8); opacity:0;}
.portfolio .works-container li figure figcaption a{ cursor:url(../images/cross-cursor.png), crosshair;}
.portfolio .works-container li figure figcaption a{ width:100%; height:100%; display:inline-block; color:#fff;}
.portfolio .works-container li figure figcaption a:hover{text-decoration:none;}
.portfolio .works-container li figure figcaption{text-align:center; color:#fff;}
.portfolio .works-container li figure figcaption h3{ font-size:40px;}
.portfolio .works-container li figure figcaption span{ font-weight:700; border-top:1px solid #fff; padding-top:10px;}
.portfolio .works-container li figure:hover figcaption{ opacity:1;}
.portfolio .works-container li figure:hover img{ width:110%; float:left; margin-left:-5%;}
.portfolio .works-container li figure:hover h3{ margin-top:40px;}
.portfolio .works-container li figure figcaption{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.portfolio .works-container li figure img{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.portfolio .works-container li figure h3{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}


/* Team Members */
.team-members{ width:100%;}
.team-members img{ width:100%; margin-top:40px; margin-bottom:10px;}
.team-members h4{ margin-bottom:0; line-height:20px;}
.team-members span{ color:#ccc; font-size:12px; font-weight:700;}


/* Process of Works */
.process{ width:100%;}
.process .process-content{ padding:0 30px; position:relative; z-index:2;}
.process .process-content:hover .icon{ background:url(../images/icon-bg.png) no-repeat;}
.process .process-content:hover i{ color:#000;}
.process .icon{ width:124px; height:140px; line-height:170px; display:inline-block; background:url(../images/icon-border.png) no-repeat; text-align:center; } 
.process .icon i{font-size:50px; color:#fff; padding-top:40px;}
.process .content{ width:100%;}
.process .content h2{ color:#fff; position:relative; margin-bottom:30px;}
.process .content h2:after{content:''; width:30px; height:1px; position:absolute; left:50%; margin-left:-15px; background:#fff; bottom:-15px;}
.process .content span{ font-size:30px; color:#fff; font-weight:700; margin-bottom:10px; display:inline-block;}
.process .content p{ color:#fff; margin-bottom:0;}

/* Modal */




/* Services */
.responsive{margin-left: auto; margin-right: auto;}
.services-icon{ width:100%; padding-bottom:0  !important;}
.services-icon .space{ margin-bottom:100px;}
.services-icon .icon{ width:100%; margin-left:0 auto; margin-right: 0 auto;}

.services-icon .icon i{ width:133px; line-height:148px; display:inline-block; margin-bottom:20px; background:url(../images/icon-bg.png) no-repeat; text-align:center; font-size:50px;}
.services-icon .icon i:hover{width:133px; line-height:148px; display:inline-block; margin-bottom:20px; background:url(../images/hover_border.png) no-repeat; text-align:center; font-size:50px;}
.services-icon .content{ width:100%; float:left;}
.services-icon .content h4{ font-weight:700; font-size:20px;}
.services-icon .content a{ margin-left:25px;}
.services-icon .content ul{ padding-left:0; margin:20px 0;}
.services-icon .content ul li{ margin:6px 0; list-style:none;}
.services-icon .content ul li:before{ content:''; width:20px; height:1px; float:left; background:#ef3c3c; margin-top:10px; margin-right:6px;}


/* Testimonials */
.testimonials{ width:100%;}
.testimonials h6{ margin-bottom:30px;}
.testimonials .job-title{ width:100%; display:block; margin-bottom:30px;}
.testimonials .job-title:before{ content:''; width:20px; height:1px; float:left; background:#ef3c3c; margin-top:10px; margin-right:3px;}
.testimonials .quote{ width:80px; height:80px; font-size:120px; background:#28282e; display:inline-block; font-family:"ProximaNova"; line-height:130px; text-align:center; color:#fff; overflow:hidden;}
.testimonials .owl-dots{ width:100%; float:left;}
.testimonials .owl-dots .owl-dot{ width:30px; height:5px; float:left; background:#999; margin-right:10px;}
.testimonials .owl-dots .owl-dot.active{ background:#ef3c3c;}


/* Prices */
.prices{width:100%;}
.prices .price-box{ width:100%; border:1px solid #f4f4f4; padding-bottom:30px;}
.prices .price-box:hover{ border:1px solid #E8E8E8;}
.prices .price-box:hover a{border:1px solid #E8E8E8; background:#E8E8E8;}
.prices .price-box:hover a:hover{color:#333;}
.prices .price-box:hover h2{ background:#E8E8E8;}
.prices .price-box.selected {border:1px solid #ef3c3c; margin-top:-30px;}
.prices .price-box.selected a{border:1px solid #ef3c3c; background:#ef3c3c; color:#fff;}
.prices .price-box.selected a:hover{color:#fff;}
.prices .price-box.selected h2{ color:#fff; background:#ef3c3c; padding:45px 0;}
.prices .price-box.selected span{color:#fff;}
.prices .price-box h2{ width:100%; float:left; background:#f4f4f4; margin-top:0; margin-bottom:30px; padding:30px 0;}
.prices .price-box h2 span{ width:100%; float:left; font-size:18px; font-family:'ProximaNova', serif; margin-top:10px; font-weight:normal; color:#666;}
.prices .price-box ul{ width:90%; margin:0; margin-left:5%; margin-bottom:30px; padding:0;}
.prices .price-box ul li{ width:100%; border-bottom:1px solid #f4f4f4; margin:0; padding:15px 0;}
.prices .price-box ul li{list-style:none;}


/* Counter */
.counter{ width:100%;}
.counter .container{ position:relative; z-index:2; color:#fff;}
.counter .container .title-box{ margin-bottom:40px;}
.counter .icon{ float:left; padding-top:15px; padding-bottom:15px; border-right:1px dotted #666; padding-right:20px; margin-right:20px;}
.counter .content{ width:100%; float:left; }
.counter .content span{ font-size:20px; font-weight:700;}
.counter .content p{ color:#fff; margin-bottom:0; font-family:'ProximaNova', sans-serif;}
.counter .content p:before{ content:''; width:20px; height:1px; float:left; background:#ef3c3c; margin-top:12px; margin-right:3px;}


/* Recent Posts */
.recent-posts{ width:100%;}
.recent-posts .container{ position:relative; z-index:2;}
.recent-posts .container .item{ width:100%; float:left;}
.recent-posts .container .posts-carousel{ width:100%; float:left;} 
.recent-posts .container .posts-carousel img{ width:100%;}
.recent-posts .container .posts-carousel img:hover{ opacity:0.8;}
.recent-posts .container .posts-carousel span{ color:#999; font-size:12px; margin-bottom:10px;}
.recent-posts .container .posts-carousel p{ margin-top:20px;}
.recent-posts .container .posts-carousel p:before{ content:''; width:20px; height:1px; float:left; background:#ef3c3c; margin-top:10px; margin-right:6px;}
.recent-posts .container .posts-carousel .read-more{ width:100%; float:left; border-top:1px solid #eee; padding-top:10px; margin-top:20px;}
.recent-posts .container .posts-carousel .read-more a{ color:#ef3c3c;}


/* Recent Posts */
.blog-list{ width:100%;}
.blog-list .blog-post{ width:100%; float:left; margin-bottom:80px;}
.blog-list .blog-post img{ width:100%;}
.blog-list .blog-post img:hover{ opacity:0.8;}
.blog-list .blog-post span{ color:#999; font-size:12px; margin-bottom:10px;}
.blog-list .blog-post p{ margin-top:20px;}
.blog-list .blog-post p:before{ content:''; width:20px; height:1px; float:left; background:#ef3c3c; margin-top:10px; margin-right:6px;}
.blog-list .blog-post .read-more{ width:100%; float:left; border-top:1px solid #eee; padding-top:10px; margin-top:20px;}
.blog-list .blog-post .read-more a{ color:#ef3c3c;}
.blog-list .pagement{ width:100%; float:left; margin:0; padding:0; border:1px solid #eee;}
.blog-list .pagement li{ float:left; list-style:none; padding:10px; border-right:1px solid #eee;} 
.blog-list .pagement li:last-child{ float:right; border-left:1px solid #eee; border-right:none;}
.blog-list .pagement li a{float:left;}
.blog-list .pagement li a:hover{ color:#ef3c3c;}

.blog-list .side-bar{ width:100%; padding-left:30px;}
.blog-list .side-bar form{ width:100%; float:left; margin-bottom:40px;}
.blog-list .side-bar form input[type="text"]{width:163px; height:32px; float:left; border:1px solid #eee; border-right:0; padding:0 8px;}
.blog-list .side-bar form input[type="submit"]{ float:left; height:32px; background:#28282e; color:#fff; border:none;}
.blog-list .side-bar .text-content{ width:100%; float:left; margin-bottom:40px;}
.blog-list .side-bar .related-news{ width:100%; float:left; margin:0; padding:0; margin-bottom:40px;}
.blog-list .side-bar .related-news li{ width:100%; float:left; margin-bottom:20px; list-style:none;}
.blog-list .side-bar .related-news li small{ width:100%; float:left; color: #999; font-size: 12px; margin-bottom: 2px;}
.blog-list .side-bar .archives{ width:100%; float:left; margin-bottom:40px; padding:0;}
.blog-list .side-bar .archives li{ width:100%; float:left; margin-bottom:10px; list-style:none;}
.blog-list .side-bar .tags{ width:100%; float:left; padding:0;}
.blog-list .side-bar .tags li{ float:left; margin:2px; padding:3px 6px; list-style:none; border:1px solid #ccc;}
.blog-list .side-bar .tags li a{color:#999; font-size:12px;}

/* Google Maps */
.google-maps{ width:100%; float:left; padding-top:60px;}
.google-maps #map{width: 100%; height: 400px; float:left;}


/* Footer */
footer { width:100%; padding-bottom:0 !important;}
footer h4{ color:#ccc; font-weight:700; margin-bottom:20px;}
footer p{ margin-bottom:0;}
footer .google-maps{ width:100%; height:210px; overflow:hidden;}
footer .contact-box{ width:100%; float:left; margin-bottom:40px;}
footer .contact-box .icon{ width:6%; float:left; padding-top:10px;}
footer .contact-box .icon i{font-size:20px; color:#ccc;}
footer .contact-box .content{ width:85%; float:left;}


/* Subfooter Us */
footer .sub-footer{ width:100%; text-align: center; margin-left: auto; margin-right: auto;border-top:1px solid #333; margin-top:30px; padding:30px 0;}
footer .sub-footer p{ text-align: center}
footer .sub-footer img{ text-align: center}


/* Reach Us */
footer form{ width:100%; float:left;}
footer form input[type="text"], input[type="email"]{ width:100%; height:32px; border:none; border-bottom:1px solid #666; background:none; margin-bottom:5px; color:#fff;}
footer form input[type="number"]{ width:100%; height:32px; border:none; border-bottom:1px solid #666; background:none; margin-bottom:5px; color:#fff;}

footer form textarea{ color:#fff;}
footer form input[type="submit"]{ background:none; border:1px solid #666; color:#fff; font-weight:700; padding:6px 20px;}
footer form textarea{ width:100%; height:100px; border:none; border-bottom:1px solid #666; background:none;}


/* Modal */
.modal{ backdrop-filter: blur(4px);}
.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important; /* IE 9 */
  -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}
.modal-dialog{ width:700px; }
.modal-content{border-radius:0; padding:20px; background:transparent; box-shadow:none; border:none; color:#000;}
.modal-header{
    border: none;
}
.modal-body{ background: white;}
.modal button.close{  
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    font-size: 30px;
    opacity: 1;
    color: white;
    text-shadow: none;
    padding: 5px;
    text-align: center;
    width: 40px;
    border: 1px solid white;
    height: 40px;
    border-radius: 100%;}
    
.modal button.close:hover{ opacity:1; color:gray;}


/* Section Backgrounds */
.background-img1{background-image:url(../images/header.jpg);}
.background-img2{background-image:url(../images/hero8.jpg); }
.background-img3{background-image:url(../images/hero2.jpg);}
.background-img4{background-image:url(../images/hero3.jpg);}
.background-img5{background-image:url(../images/hero4.jpg);}
.background-img6{background-image:url(../images/hero5.png); }
.background-img7{background-image:url(../images/hero6.jpg);background-size: 2048px 1280px;}


/* Typewriter Transition */
.typed-cursor {opacity: 1;font-weight: 100;-webkit-animation: blink 0.3s infinite;-moz-animation: blink 0.3s infinite;-ms-animation: blink 0.3s infinite;-o-animation: blink 0.3s infinite;animation: blink 0.3s infinite;}
 @-keyframes blink {0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink {
0% {opacity:1;}
50% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes blink {
0% {opacity:1;}50% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes blink {
0% {opacity:1;}50% {opacity:0;}
100% {opacity:1;}
}


/* Contact Form */
/*#success, #error {display:none}
#success p, #error p {margin-top:20px; float:left; color:#fff;}
#contact label{ width:100%; color:red;}
#error p {color:#c0392b}*/	

.alert-success {
    color: #ffffff;
     background-color: transparent !important;
    border-color: #ffffff;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 0.1px solid #fff;
    border-radius: 4px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0;
}

.centrar{
    display: flex;
    justify-content: center;
}
/* Mobile Fixes */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.icon-features .padding{ padding:0;}
.video-bg figure img{ width:107px;}
.ipad-features img{ width:100%;}
.team-members img{ width:100%;}
.process .process-content{ margin-bottom:40px;}
.services-icon .icon{ width:40%;}
.services-icon .content{ width:60%;}
.portfolio .works-container li{ width:50%;}
}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.centrar{ display: grid; justify-content:center;}
header .lead-text h1{ font-size:35px; margin-top:90px;}
header .navbar{ background:#28282e;}
.container>.navbar-header{ margin:0;}
.navbar-inverse .navbar-collapse { background:#28282e; border:none; margin-top:20px;}
.navbar-inverse .navbar-collapse ul{  width:100; float:left; margin:0; margin-top:20px; padding:0; }
.navbar-inverse .navbar-collapse ul li{  width:50%; float:left; margin:8px 0; padding:0; }
.navbar-inverse .navbar-collapse ul li a{  width:100%; float:left; text-align:center; font-size:18px; }
.navbar-toggle{ margin:0; border:none;}
.title-box h2{ font-size:30px;}
.quote .space{ padding:0;}
.quote .container h2{ font-size:25px; line-height:30px;}
.video-bg .space{ padding:0;}
.video-bg h2{  font-size:25px; line-height:30px; margin-bottom:30px;}
.video-bg figure img{ width:107px;}
.ipad-features img{ width:100%;}
.portfolio .filter li{ margin-bottom:30px;}
.portfolio .works-container li{ width:100%;}
.process .process-content{ margin-bottom:40px;}
.services-icon .icon{ width:100%;}
.services-icon .content{ width:100%; margin-bottom:40px;}
.prices .price-box.selected{ margin:40px 0;}
.counter .content{ margin-bottom:30px;}
footer .sub-footer img{ margin-top: 20px ; text-align: center; }
footer .sub-footer p{ margin-bottom:20px;}
.modal-dialog{ width:100%;}
.modal-dialog img{ width:100%;}
}
.acerca{
font-size: 100px;
}
.d1{
	margin-left: 21%;	
}
.fin{
	margin-left: 21%;	
}
@media handheld, only screen and (max-width: 768px) {
	.space{
		text-align: center;
	}
	#typed{
		font-size: 40px;
	}
		#final{
		text-align: center;
	}
	#final .icon{
		padding: 5px;
		margin: 5px;
	}
	.services-icon .content ul li:before{
		display: none;
	}
	.services-icon .space{
		text-align: center;
    /*border: 1px solid red;*/
    width: 60%;
    margin: 0 auto;
    float: none;
	}
	.d1{
		text-align: center;
		margin: 0 auto;
	}
		#final h4{
		text-align: center;
		margin: 0 auto;
	}


	.foot{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}

@media handheld, only screen and (max-width: 720px) {
	.space{
		text-align: center;
	}
	#typed{
		font-size: 40px;
	}
		#final{
		text-align: center;
	}
	#final .icon{
		padding: 5px;
		margin: 5px;
	}
	.services-icon .content ul li:before{
		display: none;
	}
	.services-icon .space{
		text-align: center;
    /*border: 1px solid red;*/
    width: 60%;
    margin: 0 auto;
    float: none;
	}
	.d1{
		text-align: center;
		margin: 0 auto;
	}
		#final h4{
		text-align: center;
		margin: 0 auto;
	}

	.l1{
		width: 100% !important;
	}
	.foot{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	} 
	footer .content{
		text-align: left;
	}
}
@media handheld, only screen and (max-width: 480px) {
	.space{
		text-align: center;
	}
	#typed{
		font-size: 20px;
	}
	#final{
		text-align: center;
	}
	#final .icon{
		padding: 5px;
	}
		#final h4{
		text-align: center;
		margin: 0 auto;
	}
	.services-icon .content ul li:before{
		display: none;
	}
	.d1{
		text-align: center;
		margin: 0 auto;
	}

	.l1{
		width: 100% !important;
	}
		.foot{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		    padding: 0px 0 264px 0 !important;
	}
		footer .content{
		text-align: left;
	}
}