*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

	header, .home .phone, .home .info, .about .story .sixteen, .about .media, .about .info, .servicios .servicio, .proyectos .screenshots, .reviews .quotes, .featured .item, .contact .form, .contact .phone {
		opacity: 0;
	}

/* #navigation================================================== */
header{background-color:#777;height:80px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}
header .logo{background-color:transparent;background-position:left center;background-repeat:no-repeat;background-size:auto;margin-left:0;float:left;cursor:pointer;height:40px;margin-top:20px;opacity:1;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
header .logo:hover{opacity:.8}
header .menu{background-color:transparent;background-image:url(../img/header/mobile-navigation.png);background-position:right center;background-repeat:no-repeat;background-size:28px 18px;border:none;color:#fff;cursor:pointer;display:none;font-family:"Montserrat";font-size:16px;font-weight:300;height:20px;padding-right:40px;text-align:left;width:90px;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
header .navigation{display:block;margin-top:29px;text-align:right}
header .navigation li{color:#fff;cursor:pointer;display:inline-block;font-family:"Montserrat";font-size:1em;font-weight:700;margin-bottom:0;margin-right:25px;text-shadow: 1px 1px #222222;opacity:1;text-transform:uppercase;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0; }
header .navigation li:last-child{margin-left:0;margin-right:0}
header .navigation li:hover,header .navigation li.active{color:#FF735C}

/* #Home ================================================== */
.home, .ok{background-color:#444;position:relative;text-align:center;width:100%;z-index:0!important}
.home .background{background-color:#666;background-image:url(../img/header/home.jpg);background-position:top;background-repeat:repeat-y;background-size:cover}
.home .overlay, .ok .overlay{background:-moz-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.3)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#444444',GradientType=0);bottom:0;left:0;position:absolute;top:0;right:0}
.home .info, .ok .info{margin:15em auto 0;text-align:center;}
.home .info .logotipo object {margin-top:2em}
.home .info .logotipo, .ok .info .logotipo{background-position:center; background-repeat:no-repeat; width: 340px; height:120px; margin: 0 auto; opacity:0.9}
.home .info .welcome, .ok .info .welcome{color:#eee;font-size:20px;font-weight:400;line-height:30px;margin:0 auto 20px}
.home .info .logotipo h1 {text-indent:-9999px}

.ok .background{background-color:#666;background-image:url(../img/header/ok.jpg);background-position:top;background-repeat:repeat-y;background-size:cover; height:768px;}
.ok .info {width:80%}
.ok .info h1 {font-size:1.6em; line-height: 1.4em;margin-bottom:20px; color:#FFC278}
.ok .info h2 {font-size:1.3em; color:#eee;margin-bottom:20px; font-weight:300; text-transform:initial }
.ok .info p {font-size:1.1em; margin-bottom:40px;color:#fff}
header .logo-ok{background-position:center;background-repeat:no-repeat;background-size:auto;cursor:pointer;height:40px;margin-top:20px;opacity:1;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}

/* #Servicios ================================================== */
.servicios .main {background-color: #ffffff;}
.servicios .main .servicio {cursor: pointer; background:#f6f6f6; border:1px solid #fff; border-radius: 15px; padding:10px; }
.servicios .main .servicio:hover {border:1px solid #FFC278;}
.servicios .main .servicio .icon {border: none;margin: 0px auto; cursor:pointer}
.servicios .main .servicio .icon object svg {height: 140px;width:170px;cursor:pointer; display:block}
.grid {list-style-type: circle; }

/* #Drones ================================================== */
.drones{position:relative;width:100%;height:100px ;z-index:0!important}
.drones .background{background-color:#666;background-image:url(../img/misc/drones.jpg);background-position:top;background-repeat:repeat-y;background-size:cover}
.drones .overlay{background:-moz-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.3)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:-o-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(bottom,rgba(0,0,0,0.3) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#444444',GradientType=0);bottom:0;left:0;position:absolute;top:0;right:0}
.volver {text-align:left;display:block;font-weight: 700; padding-bottom:10px; border-bottom:1px solid #ccc}
.main1 {padding:50px 0 0px;}
/* #Quote  ================================================== */

.quote{background-color:#FFC278; background-image: url(http://www.arqueosdd.com/img/misc/pattern.png);background-repeat:repeat;background-position:left top; background-size:40% }
.quote blockquote{color:#333;line-height:50px;margin:60px auto;width:90%}
.quote img{border-radius:70px;height:70px;margin-bottom:24px;width:70px}
.comillas {font-size:120%}

/* #Button  ================================================== */

.buttonbg{background-color:#FF735C;padding:25px 0 10px;}

/* #Proyectos ================================================== */
.proyectos .offset{padding:98px 0}
.proyectos img.mfp-img{padding:40px 0!important}
.proyectos .screenshots .slides li{cursor:pointer;position:relative; display: inline-block;}
.proyectos .screenshots .slides li:last-child{margin-right:0}
.proyectos .screenshots .slides li .view{background-color:#000;background-image:url(../img/misc/plus.png);background-position:center center;background-repeat:no-repeat;background-size:40px 40px;border-radius:4px;bottom:4px;left:0;opacity:0;position:absolute;right:0;top:0}
.proyectos .screenshots .slides li img{border-radius:4px;height:170px;}
.proyectos .screenshots .flex-direction-nav a{opacity:.5;text-indent:-9999px!important;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.proyectos .screenshots .flex-direction-nav li{margin-bottom:0}
.proyectos .screenshots .flex-direction-nav a:hover{opacity:1}
.proyectos .screenshots .flex-direction-nav .flex-prev{background-image:url(../img/misc/arrow-left.png);background-position:center center;background-repeat:no-repeat;background-size:15px 28px;text-indent:-9999px}
.proyectos .screenshots .flex-direction-nav .flex-next{background-image:url(../img/misc/arrow-right.png);background-position:center center;background-repeat:no-repeat;background-size:15px 28px}

/* #Galería ================================================== */
.galeria .offset{padding:0}
.galeria .screenshots .slides li{position:relative; display: inline-block;height: 290px !important; width:314px !important}
.galeria .screenshots .slides li:last-child{margin-right:0}
.galeria .screenshots .slides li .view{background-color:#000;background-image:url(../img/misc/plus.png);background-position:center center;background-repeat:no-repeat;background-size:40px 40px;border-radius:4px;bottom:4px;left:0;opacity:0;position:absolute;right:0;top:0}
.galeria .screenshots .slides li img{border-radius:4px;height:290px;width: 290px;display: inline-block;margin-right:20px;}
.galeria .screenshots .flex-direction-nav a{opacity:.7;text-indent:-9999px!important;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}
.galeria .screenshots .flex-direction-nav li{margin-bottom:0}
.galeria .screenshots .flex-direction-nav a:hover{opacity:1}
.galeria .screenshots .flex-direction-nav .flex-prev{background-image:url(../img/misc/arrow-left.png);background-position:center center;background-repeat:no-repeat;background-size:15px 28px;text-indent:-9999px}
.galeria .screenshots .flex-direction-nav .flex-next{background-image:url(../img/misc/arrow-right.png);background-position:center center;background-repeat:no-repeat;background-size:15px 28px}

.container .five.columns {margin-right:20px !important;}

/* #Clientes ================================================== */
.clientes {background-color:#F3F3F3;}
.clientes .offset{padding:98px 0}
.clientesmobile {margin-bottom:20px;}

/* #Contact ================================================== */
.contact .contact img{width:70%}
.contact .form{display:block;float:right;margin:0 auto;text-align:right;}
.contact input[type="text"],.contact input[type="password"],.contact input[type="email"],.contact textarea{margin-bottom:18px}
.contact button{width:80%}
.contact p{margin-bottom:0}
.contact .form .msg-success{color:green;display:none}
.contact .form .msg-error{color:red;display:none}
.contact .form .input-error{border-color:red!important}

/* #Footer ================================================== */
footer{background-color:#25292c;text-align:center; padding:30px 0}
.copyright {color:#c8c8c8;font-size:.933em;font-weight:400;margin-top:6px}
.copyright object{width:80px; display: block; margin: 0 auto 10px;}

/* #Loader ================================================== */
.loader{background-color:#111;background-image:url(../img/header/loader.gif);background-position:center center;background-repeat:no-repeat;background-size:32px 32px;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}

/* #Popup ================================================== */
.mfp-container{cursor:default!important}
button.mfp-close{background-color:transparent!important;background-image:url(../img/servicios/close.png);background-position:center center;background-repeat:no-repeat;background-size:28px 28px;cursor:pointer!important;display:none!important;height:28px!important;line-height:24px!important;opacity:.85!important;right:-40px!important;text-indent:9999px;top:40px!important;width:28px!important}
button.mfp-close:hover{opacity:1!important}
button.mfp-arrow-right{background-color:transparent!important;background-image:url(../img/misc/arrow-right-light.png);background-position:center center;background-repeat:no-repeat;background-size:15px 28px}
button.mfp-arrow-right:before,button.mfp-arrow-right:after{border:none!important}
button.mfp-arrow-left{background-color:transparent!important;background-image:url(../img/misc/arrow-left-light.png);background-position:center center;background-repeat:no-repeat;background-size:15px 28px}
button.mfp-arrow-left:before,button.mfp-arrow-left:after{border:none!important}

.image {border-radius:4px;}