/*--
Author: QuickTech It Limited
Author URL: http://quicktech-ltd.com
--*/
/*--- reset code ---*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* start editing from here */

a {
    text-decoration: none;
}

.text-quicktechlayouts-rt {
    text-align: right;
}


/* text align right */

.text-quicktechlayouts-lt {
    text-align: left;
}


/* text align left */

.text-quicktechlayouts-center {
    text-align: center;
}


/* text align center */

.float-rt {
    float: right;
}


/* float right */

.float-lt {
    float: left;
}


/* float left */

.clear {
    clear: both;
}


/* clear float */

.pos-relative {
    position: relative;
}


/* Position Relative */

.pos-absolute {
    position: absolute;
}


/* Position Absolute */

.vertical-base {
    vertical-align: baseline;
}


/* vertical align baseline */

.vertical-top {
    vertical-align: top;
}


/* vertical align top */

nav.vertical ul li {
    display: block;
}


/* vertical menu */

nav.horizontal ul li {
    display: inline-block;
}


/* horizontal menu */

img {
    max-width: 100%;
}


/*--- end reset code ---*/

body {
    font-family: 'Work Sans', sans-serif;
}
.video-quicktech {
    background: rgba(0, 0, 0, 0.53);
    min-height: 100vh;
}
p {
    font-size: 1em;
    line-height: 1.5;
}

.text-center {
    text-align: center;
}


/* Header */

a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

.quicktechls-container {
    max-width: 840px;
    padding: 6vw 5vw 0;
    margin: 0 auto;
}
.logo h1 {
    padding-top: .5em;
}

.logo h1{
    color: #fff;
    display: inline-block;
    font-size: 2.8em;
    font-family: cursive;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px #000;
}
.logo span {
    color: #584ca0;
}
.left-grid {
    border-right: 1px solid #fff;
}

.left-grid p {
    margin-left: 60px !important;
}
span.text-quicktechlayouts {
    color: #fff;
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 600;
}

span.bar:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    width: 30%;
    background: #fff;
    height: 10px;
    border-radius: 0 10px 10px 0;
}

.sub-form input[type="email"] {
    padding: 0.8em;
    border: solid 1px #dbd8d1;
    width: 77%;
    margin-right: 10px;
    font-size: 1em;
    color: #fff;
    outline: none;
    display: inline-block;
    background: transparent;
    font-family: 'Work Sans', sans-serif;
}

.sub-form button {
    color: rgba(0, 169, 157, 1);
    padding: 0.89em;
    width: 12%;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
     background: transparent;
    border: solid 1px #ffffff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.sub-form button:hover {
    color: #000;
    background: rgba(0, 169, 157, 1);
	 border: solid 1px rgba(0, 169, 157, 1);
}
.sub-form button:focus {
    outline: none;
}
p.phone span.fa {
    padding-right: 10px;
    color: #584ca0;
}
.sub-form {
    margin-bottom: 1.5em;
}
.footer-grids p {
    color: #bbbbbb;
    line-height: 28px;
    font-size: 15px;
    letter-spacing: .7px;
}
.footer-grids a {
    padding: 0;
}
.footer-grids a {
    color: #584ca0;
}
.footer-grids a:hover {
    color: #fff;
}
.footer-grids p.phone {
    text-transform: capitalize;
}
.quicktechls-container p {
    color: #fff;
    font-size: 1em;
    margin: 12px 0;
    text-transform: capitalize;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}
.right-grid {
    padding-left: 50px;
}
.footer p {
    text-align: center;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 400;
}

.footer p a {
    color: #ee3023;
    text-shadow: 1px 1px 2px #000;
}

.footer p a:hover {
    color: rgba(0, 169, 157, 1);
}
/*-- social-icons --*/
.agileinfo-social-grids {
    margin: 1em 0;
    flex-basis: 100%;
    text-align: left;
}
.agileinfo-social-grids ul{
	padding:0;
	margin:0;
}
.agileinfo-social-grids ul li{
    display: inline-block;
}
.agileinfo-social-grids ul li a {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}
.agileinfo-social-grids ul li a span.fa{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-social-grids ul li a span.fa.fa-facebook:hover {
    color: #3b5998;
}
.agileinfo-social-grids ul li a span.fa.fa-twitter{
	margin:0 1em;
}
.agileinfo-social-grids ul li a span.fa.fa-twitter:hover{
	color: #55acee;
}
.agileinfo-social-grids ul li a span.fa.fa-linkedin:hover{
	color: #55acee;
}


/*-- //social icons --*/

@media screen and (max-width: 1440px) {
   
    .footer p {
        padding-bottom: 2em;
    }
}

@media screen and (max-width: 1080px) {
    .quicktechls-container  {
        width: 95%;
    }
    

}
@media screen and (max-width: 1024px) {
    
}

@media screen and (max-width: 991px) {
    
    .logo h1 span {
        font-size: 1em;
        width: 75px;
        line-height: 1.7;
        height: 75px;
    }
    span.text-quicktechlayouts {
        font-size: 2.2em;
    }
}

@media screen and (max-width: 900px) {
    .quicktechls-container  {
        width: 98%;
    }
    .sub-form button {
        width: 16%;
    }
    
}
@media screen and (min-width: 801px) {

.quicktechl-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 5em;
}

.left-grid,
.right-grid {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    width: 20%;
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
}

@media screen and (max-width: 800px) {
    
    .quicktechls-container  {
        width: 72%;
        margin: 0em auto 3em;
    }
   .left-grid {
        border-bottom: 1px solid #fff;
        border-right: none;
        padding-bottom: 2em;
    }
	    .sub-form input[type="email"] {
    width: 76%;
	}
.quicktechls-container {
    padding: 4vw 5vw 0;
}
 .right-grid {
    padding-left: 0;
    padding-top: 20px;
}
}
@media screen and (max-width: 768px) {
    
}
@media screen and (max-width: 736px) {
.sub-form input[type="email"] {
    width: 75%;
}
}
@media screen and (max-width: 667px) {
    .quicktechls-container  {
        width: 78%;
    }
	.logo h1 {
    font-size: 2.5em;
	}
}

@media screen and (max-width: 640px) {
    .logo h1 span {
        font-size: 0.95em;
        width: 65px;
        line-height: 1.6;
        height: 65px;
    }
}

@media screen and (max-width: 600px) {
	.sub-form input[type="email"] {
    width: 74%;
}
.footer p {
    font-size: 14px;
    line-height: 1.8em;
}
}
}

@media screen and (max-width: 568px) {
    .social_list li {
        margin-left: 0.8em;
    }
    .quicktechls-container  p {
        font-size: 1em;
    }
	.sub-form input[type="email"] {
    width: 73%;
}
}

@media screen and (max-width: 480px) {
    .quicktechls-container  {
        width: 88%;
    }
    .sub-form input[type="email"] {
        width:70%;
    }
    .footer p {
        padding: 0 2em 2em;
        line-height: 1.7;
    }
    span.text-quicktechlayouts {
        font-size: 2em;
    }
	.logo h1 {
    font-size: 2em;
}

}
@media screen and (max-width: 440px) {
.sub-form input[type="email"] {
    width: 70%;
}
}
@media screen and (max-width: 414px) {
    .quicktechls-container  {
        width: 88%;
    }
    span.bar {
        width: 70%;
    }
    .sub-form input[type="email"] {
        width: 70%;
    }
    ul.social_list {
        margin: 2em 0;
    }
   span.text-quicktechlayouts {
        font-size: 1.85em;
    }
    .logo h1 a {
        font-size: 2.5em;
    }
    .logo h1 span {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 384px) {
    
   .sub-form input[type="email"] {
        margin-right: 5px;
    }
    .quicktechls-container  p {
        font-size: 1em;
    }
    span.text-quicktechlayouts {
        font-size: 1.6em;
    }
	.logo h1 {
    font-size: 1.8em;
}
}

@media screen and (max-width: 375px) {
    .logo h1 span {
        font-size: 0.85em;
        width: 60px;
        line-height: 1.6;
        height: 60px;
    }
    
   
}

@media screen and (max-width: 320px) {
    .logo h1 a {
        font-size: 2.3em;
    }
    span.text-quicktechlayouts {
        font-size: 1.3em;
    }
    
    span.bar {
        width: 75%;
    }
    .sub-form input[type="email"] {
        width: 63%;
    }
    .sub-form button {
        width: 18%;
    }
    .quicktechls-container  {
        margin: 1em auto 2em;
    }
	.logo h1 {
    font-size: 1.5em;
}
.left-grid {
    padding-bottom: 1em;
}
}

.quicktechl-content h1 {
    color: #fff;
    font-size: 29px;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: Papyrus;
    background: #584ca0;
    margin-right: 10px;
}
.work-img {
    margin-right: 15px;
}