/*!
Theme Name: QualityOutsourcing
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: qualityoutsourcing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

QualityOutsourcing is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:1.042vw;}
body{font-family: 'Muli', sans-serif;margin:0;background-color:#ffffff;}
figure{margin:1em 2em;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover{outline-width:0;}
abbr[title]{border-bottom:none;text-decoration:underlinedotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
ul,ol,li{padding:0;margin:0;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{border:1px solid silver;margin:0.1em;padding:.35em.625em.75em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal;padding:0;}
progress{display:inline-block;vertical-align:baseline;}
form{margin:0;padding:0;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/*1*/menu{display:block;}
pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
.clearfix:after, .clearfix:before{clear:both;content:"";display:block;}
.fluid-wrap{padding:0 4%;}
ul,li{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
h1{font-size:3.2em;font-weight:700}
.wrap{width:100%;padding:0 8em;margin:0 auto;}
.prl{position:relative;}
.fxat{background-attachment:fixed;}
.fr{float:right;}
.fl{float:left;}
.dsf{display:flex;}
.tc{text-align:center;}
.mw80{max-width:80%;margin-left:auto;margin-right:auto;}
.flxaligncenter{align-content: center;}
.flxjustcenter{justify-content: space-between}
.btn{background:#05cbf9;border-radius:1.5em;padding:0.5em 1.5em;color:#fff;position:relative;overflow:hidden;display:inline-block;z-index:1}
.btn-lg{background:#05cbf9;border-radius:1.5em;padding:0.5em 1.5em;color:#fff;font-size:1.2em;font-weight:600;position:relative;overflow:hidden;display:inline-block;z-index:1}
.section_title{font-size:3em;margin-top:0;font-weight:800;margin-bottom:1em;}
.section_title span{position:relative;z-index:2}
.section_title span::before{content: "";height: 0.15em;width: 4em;position: absolute;left:0em;background: #05cbf9;bottom: 0;z-index: -1;bottom: 0.1em;}
.section{padding:4em 0;}
.section p{line-height:1.5em;margin-bottom:1.5em;}
.serivces{margin-top:3em;}
.h3{font-size:1.75em;}
.whclr{color:#fff;}
.bg_lb{background-color:#e5faff;}

.btn span,.btn-lg span{z-index:2;position:relative;}
.btn:before,.btn-lg:before{background:#000;opacity:0;width:0;position:absolute;left:0;top:0;bottom:0;content:"";;-moz-transition:0.3s linear all;-webkit-transition:0.3s linear all;transition:0.3s linear all;}
.btn:hover:before, .btn-lg:hover:before{width:100%;opacity:1;z-index:1;}

.head-wrap{width:100%;padding:0 4em;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;height: 100%;}
.logo{width:20rem;color:#fff;font-weight:800;align-self:center;}
.logo a{color: #fff;font-size:1.5em;display:block;}
.logo img, .logo svg{max-width:100%;height:2.3666em;width:auto;}
.siteHeader{height:5.5em;position:static;left:0;right:0;top:0;padding:0.975em 0;z-index:99;background:rgba(0,0,0,0.5);}
.nav-menu .navbtn > a{background:#05cbf9;border-radius:1.5em;padding:0.5em 1.5em;color:#fff;position:relative;overflow:hidden;display:block;z-index:1}
.nav-menu .navbtn > a span{z-index:2;position:relative;}
.nav-menu .navbtn > a:before{background:#000;opacity:0;width:0;position:absolute;left:0;top:0;bottom:0;content:"";;-moz-transition:0.3s linear all;-webkit-transition:0.3s linear all;transition:0.3s linear all;}
.nav-menu .navbtn > a:hover:before{width:100%;opacity:1;z-index:1;}
.nav-menu li.navbtn a:hover{color:#fff;}
.home .siteHeader{position:absolute;}
.nav-menu > ul{height:100%;}
.nav-menu li{display:inline-block;align-self: center;}
.nav-menu li a{padding:0.5em 1.5em;color:#fff;transition:0.3s all ease-in-out;display:block;}
.nav-menu li a:hover{color:#05cbf9;}
.nav-menu li a.btn:hover{color:#fff;}

.full_banner{height:100vh;background-image:url(images/istockphoto-505594930-2048x2048.jpg);background-repeat:no-repeat;background-position: top center;background-size:cover;}
.full_banner:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);}
.full_banner .wrap{height:100%;color:#fff;}
.banner_content{position:absolute;text-align:center;transform:translateY(-50%);top:40%;z-index:2;width:80%;}

.about_col{flex-wrap:wrap;flex-direction:row;margin-top:3em;}
.abt_left{width:70%}
.abt_left.fullwidth{width:100%}
.abt_right{width:30%;background:#ededed;}
.services{background:#ededed;}
.service_list{display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;}
.service_list + .service_list{justify-content:flex-end;}
.serv_box{display:block;height:14em;width:14em;background-color:#05cbf9;padding:1em;text-align:center;color:#fff;margin-top:2.5em;position:relative;-moz-transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;}
.service_list li{margin-right:3em;}
.serv_box:hover{background:#555;}
.serv_box:before{position:absolute;left:0.5em;right:0.5em;top:0.5em;bottom:0.5em;border:1px solid rgba(255,255,255,0.6);content:""}
.service_list + .service_list > li{margin-left:3em;margin-right:0;}
.serivces_cnt{max-width: 65em;margin-left: auto;margin-right: auto;}
.services p{margin-bottom:0;}
.serv_icon{height: 6em;width: 6em;display: block;margin-left: auto;margin-right: auto;margin-top: 1em;padding:1em;}
.serv_icon img{width:100%;display:block;}


footer.section{position:relative;padding:0;}
footer.section .wrap{background-color:#111;}
footer.section::before{content: "";display: block;width: 100%;height:6.4em;margin-bottom:-1px; background-image: url(images/footer.svg);background-size: cover;background-position: center;background-color:#fff;}
footer.blb::before{background-color:#e5faff;}
footer.wht::before{background-color:#fff;}
footer.section .section_title{margin-bottom: -0.5em;position: relative;top: -1em;}
footer .nf-after-form-content{display:none;}
.nf-after-field .nf-error-msg{font-size:0.75em;}
.nf-response-msg{color:#155724;background-color:#d4edda;border-color:#c3e6cb;padding: 1em 1.5em;border-radius: 4px;}
.nf-response-msg p:first-child{margin-top:0;}
.nf-response-msg p:last-child{margin-bottom:0;}
.sub-footer{padding:1.5em 4em;text-align:center;color:#777;font-size:0.75em;border-top:0px solid #222;display:inline-block;}
.contact_info{flex-direction:row;flex-wrap:wrap;flex-flow: row;padding:3em 0;justify-content: space-between;}
.contact_form{width:70%;padding:0em 4em 0em 0;}
.contact_details{border-left:1px solid #222;width:30%;padding-left:4em;color:#fff;}
.form input,.form textarea{color:#fff;background:transparent;padding:0.75em 1em;border-radius:4px;border:1px solid #252525;width:100%;font-family: 'Muli', sans-serif;}
.form textarea{resize:none}
.form button, .form input[type="button"]{color:#000;border:none;min-width:15em;font-family: 'Muli', sans-serif;padding:0.75em;font-weight:bold;font-weight:1.5em;cursor:pointer;background:#fff;-moz-transition:0.3s linear all;-webkit-transition:0.3s linear all;transition:0.3s linear all;}
.form input[type="button"]:hover, .form .btn:hover{color:#fff;background-color:#05cbf9;}
.form .btn:hover:before{background:#05cbf9;}
.form nf-field > .nf-field-container{margin-bottom:0;}
.form nf-field:nth-last-child(1),.form nf-field:nth-last-child(2){width:100%;}
.form ul, .form nf-fields-wrap{display:flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.form li,.form nf-field{width:48%;margin-bottom:1.5em;}
.form li:last-child, .form nf-field:last-child{margin-bottom:0;}
.form li.full{width:100%;}
.form .nf-before-form-content{display:none;}
.form .nf-field-element textarea{height:100px;}
.contact_details a{color:#fff;transition:0.3s all ease-in-out;}
.contact_details p:first-child{margin-top:0;}
.contact_details p:last-child{margin-bottom:0;}
.contact_details a:hover{color:#05cbf9;}
.services_brife > .wrap{display:flex;flex-direction: row;flex-wrap:wrap;justify-content: space-between}
.services_info{width:55%;align-self:center;}
.services_image{width:35%;align-self:center;}
.services_brife.even .services_image{order:1;}
.services_brife.even .services_info{order:2;}
.services_image img{max-width:100%;}
.social a{margin:0 0.25em;}

.hideDesk{display:none;}
.mobile_bar{width:28px;align-self: center;cursor:pointer;position:relative;}
.mobile_bar span{width: 28px;height: 2px;display: block;background:#05cbf9;transition:0.3s all ease-in-out;}
.mobile_bar span:nth-child(2){margin:7px 0;}
.mobile_bar.open span:first-child{transform: rotate(45deg);transform-origin:top left;margin:0;position:absolute;top:0;}
.mobile_bar.open span:nth-child(2){height:0;position:absolute;top:0;bottom:0;margin:auto;}
.mobile_bar.open span:last-child{transform: rotate(-45deg);transform-origin:bottom left;margin:0;position:absolute;bottom:0;}
.mobile_bar span:last-child{margin-bottom:0;}

.serivces_inline .service_list li{margin-right:0;flex: 6 0 0;border-left: 1px solid #11b8df;}
.serivces_inline .service_list li:first-child{border:none;}
.serivces_inline .service_list li a .serv_box{margin-top:0;width:100%;height:100%;}
.serivces_inline .service_list li a .serv_box .serv_icon{height: 2.7em;width: 2.7em;float:left;padding:0;margin-top:0;}
.serivces_inline .service_list li a .serv_box h3{font-size: 1em;text-align: left;margin-left: 4em;margin-top:0;margin-bottom:0;position: relative;top: 50%;transform: translateY(-50%);}
.serivces_inline .service_list li a .serv_box::before{border:none;}
.serivces_inline{position: absolute;bottom: 0;z-index: 99;}