@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Allura);
@font-face { font-family: 'freestyle'; src: url(../fonts/FREESCPT.TTF); }
/* Columns: 12, Gutter Width: 1.5, Breakpoints:  */

html, body, div, hf, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
button:focus, a:focus { outline: 0 !important; }

::-moz-selection {
 color: inherit !important;
background: none;
}

input::-moz-selection , textarea::-moz-selection {
 color: #ffffff !important;
background: #FFAA00;
}

input::selection , textarea::selection {
 color: #ffffff !important;
background: #FFAA00;
}

::selection { color: inherit !important; background: none; }

/* draw selected text in a paragraph white on black */
p::-moz-selection, img::-moz-selection {
 color: inherit !important;
background: none;
}
p::selection, img::selection { color: inherit !important; background: none; }
img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.uk-form input:focus:not([type]), .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="color"]:focus, .uk-form select:focus, .uk-form textarea:focus { background: #ffffff; border-color: #ff8a00; }
nav ul, nav li { margin: 0; }
nav ul, ul { list-style: none; }
.hf1, .hf2, .hf3, .hf4, .hf5, .hf6, .hf7, .hf8, .hf9, .hf10, .hf11, .hf12 { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col { margin-left: 1.5%; }
.col:first-child { margin-left: 0; }
.hf1 { width: 6.95833333333%; }
.hf2 { width: 15.4166666667%; }
.hf3 { width: 23.875%; }
.hf4 { width: 32.3333333333%; }
.hf5 { width: 40.7916666667%; }
.hf6 { width: 49.25%; }
.hf7 { width: 57.7083333333%; }
.hf8 { width: 66.1666666667%; }
.hf9 { width: 74.625%; }
.hf10 { width: 83.0833333333%; }
.hf11 { width: 91.5416666667%; }
.hf12 { width: 100%; margin-left: 0; }
body { font-size: 87.5%; color: #252e35; font-family: 'Ubuntu', sans-serif; line-height: 1.5em; background: #f6f6f6; }
h1 { font-size: 1.714285714em; /* 24 / 14 */ line-height: 1.5em; /* 21 / 14 */ }
h2 { font-size: 1.5em; /* 21 / 14 */ line-height: 1.5em; /* 21 / 14 */ }
p { font-size: 1em; /* 14 / 14 */ line-height: 1.5em; /* 21 / 14 */ margin-bottom: 1.5em; /* 21 / 14 */ }
#container, .inner { margin: 0 auto; max-width: 1200px; }
header { background-color: #fff }
header h1 { margin: 7px 0 0 0; }
#container { clear: both; padding-top: 20px; }
.alt { color: #fff; color: rgba(255,255,255, 0.9); letter-spacing: 0.05em; }
/* NAVIGATION */

nav { margin: 7px 0 7px 0; }
nav ul { text-align: right; overflow: auto; width: 100%; }
nav ul li { margin: 0 0 0 0; text-align: center; overflow: auto; float: left; width: 33%; }
nav a { text-decoration: none; margin: 0; display: block; padding: 7px 0 7px 5%; margin: 0 0 0 4%; background-color: rgba(255,255,255,0.1); }
header .hf3.col { text-align: right; }
header { background: url(images/DQbg.jpg) no-repeat; position: relative; padding-bottom: 4.5%; height: 100%; background-size: 100% !important; text-align: center; background-color: #fff; }
.introLogoDQ, .hf12.introHFslide { text-align: center; }
.introLogoDQ { margin: 10% auto; }
.introLogoDQ img { width: 100%; max-width: 180px; height: auto; }
.hf12.introHFslide .hf8 { float: none; clear: both; display: inline-block; }
.hf12.introHFslide .hf8 { width: 80%; min-height: 220px; }
.hf12.introHFslide .hf8 .hf4 { width: 59%; text-align: left; padding: 10px 0; }
.hf12.introHFslide .hf8 .hf5 { width: 39%; text-align: left; padding: 10px 0; }
#morpHF { margin-left: 0px !important; width: 95%;  padding: 10px; }
#morpHF li { padding: 0px 5px !important; }
#morpHF li h1 { color: #000; font-size: 23px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
#morpHF li p { color: #535355; font-size: 17px; font-family: 'Ubuntu', sans-serif; font-weight: normal;text-align: justify;}
.navBar { width: 100%; padding: 20px 0; }
.introIconWrap ul li { margin: 0 4.3%; text-align: center; width: 20%; float: left; position: relative; }
.introBtnText { font-size: 12px; font-family: 'Ubuntu', sans-serif; font-weight: bold; color: #835B3A; position: relative; }
.introIconWrap .uk-animation-duration { animation-duration: 0.1s !important; }
.introActIcon, .introHFIcon { position: relative; top: 0; left: 0; width: 100%; max-width: 79px; height: 79px; }
.introHFIcon { z-index: 111; }
.introActIcon { opacity: 0; display: none; }
.introIconWrap li:hover .introActIcon { opacity: 1 !important; display: block !important; }
.introHFslide.bx-clone { visibility: hidden; display: none; }
/***cutom-animation**/


.uk-animation-scale-HF { transform: scale(1); transition: all 0.2s ease-in; }
.uk-animation-scale-HF:hover { transform: scale(1.1); transition: all 0.2s ease; }
.HF-quote-btn, .innerReqQuote, .sbmtBtn { text-align: center; padding: 10px; display: block; width: 20%; max-width: 350px; margin: 0 auto; color: #74b64a; border-radius: 46px; text-decoration: none; border: 2px solid #535355; }
.HF-quote-btn:hover { text-decoration: none; color: #74b64a; border-color: #74b64a; transition: all ease 0.3s; }
.btnPortfolio, .innerReqQuote,.innerReqQuote, .sbmtBtn {
    font-weight: 600;
    font-size: 18px;
    margin: 20px auto;
    padding: 10px 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #8cc452;
    background: #74b64a;
    background-image: -moz-linear-gradient(90deg,#c0ec34 10%,#74b64a 50%);
    background-image: -webkit-linear-gradient(90deg,#c0ec34 10%,#74b64a 50%);
    background-image: -ms-linear-gradient(90deg,#c0ec34 10%,#74b64a 50%);
    color: #fff;
    border-radius: 30px;
}
.portWrap .btnPortfolio:hover { border-color: #FF8A00; color: #FF8A00; text-decoration: none; transition: all ease 0.3s; }

.innerReqQuote:hover, .sbmtBtn:hover {
color: #fff !important;
text-decoration: none;
}
.introFeatureSlideNav { margin: 30px auto !important; }
.introFeatureSlideNav li { padding: 0px 8px !important; padding-top: 3px !important; }
.introFeatureSlideNav li.uk-active { padding-top: 0px !important; }
.DqVersion { color: #ffffff; font-size: 11px; padding: 14px 0px; letter-spacing: 1px; text-align: center; }
.scrollDownIconcf { padding-top: 35px; }
.scrollDownIconcf i.uk-animation-reverse { -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */ animation-duration: 1.6s; -webkit-animation-direction: alternate; /* Chrome, Safari, Opera */ animation-direction: alternate; font-size: 50px; color: #535355; animation-timing-function: ease-in; animation-iteration-count: infinite; }
/* Icon 3 */
.nav-icon3 { width: 40px; height: 40px; float: right; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; cursor: pointer; z-index: 999; }
.nav-icon3 span { display: block; position: absolute; height: 6px; width: 100%; background: #825B3A; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; }
.nav-icon3 span:nth-child(1) { top: 0px; }
.nav-icon3 span:nth-child(2), .nav-icon3 span:nth-child(3) { top: 13px; }
.nav-icon3 span:nth-child(4) { top: 26px; }
.nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; transition: all 0.1s ease; }
.nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; transition: all 0.1s ease; }
.navBar { position: relative; }
#mainNav { width: 19%; background: #825B3A; display: none; position: absolute; right: 0; top: 60px; }
#mainNav li a { color: #fff; text-align: left; padding: 15px; }
#mainNav li { border-bottom: 1px solid #fff; }
#mainNav li.uk-parent li { border-bottom: none; }
.mainNavActive { display: block !important; z-index: 990; }
#outBoxNav { position: fixed; z-index: 888; width: 100%; height: 100%; margin: 0px auto; left: 0; top: 0; }
.outBoxClose { z-index: -999 !important; }
.introInner { position: relative; }
#introNavInner a { display: block; width: 40px; height: 30px; }
.uk-sticky-placeholder { float: none !important; margin: 0px auto !important; height: 100px !important; }
#headerInner { float: none !important; position: relative; left: auto !important; margin: 0 auto !important; max-width: 1200px !important; width: 100% !important; }
#headerInner .hf3.col { margin-top: 25px; }
.hdrinnrWrap { padding: 10px 0; }
.uk-sticky-placeholder .uk-active { background: #f6f6f6; left: auto !important; margin: 0 auto !important; width: 100% !important; z-index: 888; padding: 10px 0; }
/****inner wrap****/

.dqWideLogo img { width: 100%; height: auto; max-width: 186px; }
.introInnerwrap { background: #ffffff; border-style: solid; border-width: 1px; border-color: rgb( 236, 236, 236 ); -webkit-box-shadow: 0px 0px 2px 0px rgba(219,219,219,1); -moz-box-shadow: 0px 0px 2px 0px rgba(219,219,219,1); box-shadow: 0px 0px 2px 0px rgba(219,219,219,1); }
.mobAboutDQ { display: none; visibility: hidden; opacity: 0; }
.introAbout, .introServices section { padding: 0 6%; }
.introAbout, .contactInnerBG { height: 376px; position: relative; width: 88%; }
.introAbout { background: url(images/aboutBG.png) no-repeat; }
.introAbout .uk-overlay-panel, .contactInnerBG .uk-overlay-panel { padding: 20px 70px; text-align: center; }
.introAbout h1, .introServices h1, .contactInnerBG h1 {  font-family: ubuntu; text-align: center; font-size: 32px; font-weight: 600; padding-bottom: 10px; margin: 20px auto; background-size: 80px; }
.introAbout p, .introServices p, .contactInnerBG p { font-family: ubuntu; text-align: center; font-size: 18px; }
.aboutTxtWrap { position: relative; top: 65px; }
.contactInnerBG .aboutTxtWrap { position: relative; top: 2%; display: inline-block; }
.webService { border: 1px solid #bebebe; box-sizing: unset; padding: 15px; border-bottom-color: #fff; text-align: center; }
.webService h3 { font-family: ubuntu; font-size: 20px; font-weight: 600; color: #00ccff; }
.webService p, .fontSize15 { font-size: 15px !important; margin: 15px 0; }
.featureServiceWrap { display: flex; display: -webkit-flex; display: -ms-flex; display: -moz-flex; }
.featureServiceWrap .hf4 img { max-width: 202px; height: 100px; width: auto; }
.logoService h3 { color: #82bc0d; }
.graphicService h3 { color: #ff8a00; }
.webService:first-child, .webService:last-child { border-right-color: #fff; border-left-color: #fff; }
.txtSpanOrange span, .txtSpanOrange { color: #74b64a !important; font-weight: 500; }
.htmlIcon, .softwareIcon { text-align: center; }
.contactInnerBG { clear: both; float: none; }
#contact input[name=cname], #contact input[name=cemail], #contact input[name=cphone], #contact textarea[name=cmessage] { transition: all 0.3s ease-in-out; background-position: 10px -10px !important; }
#contact input[name=cname] { background: url(images/cname.png) no-repeat left; background-size: 20px; background-color: #ffffff; background-position: -50px 10px !important; }
#contact input[name=cemail] { background: url(images/cemail.png) no-repeat left; background-size: 20px; background-color: #ffffff; background-position: -50px 10px !important; }
#contact input[name=cphone] { background: url(images/cphone.png) no-repeat left; background-size: 20px; background-color: #ffffff; background-position: -50px 10px !important; }
#contact textarea[name=cmessage] { background: url(images/cmessage.png) no-repeat left; background-size: 20px; background-color: #ffffff; background-position: -50px 10px !important; }
#contact input[name=cname]:hover { background-position: 10px 10px !important; padding-left: 50px !important; }
#contact input[name=cemail]:hover { background-position: 10px 10px !important; padding-left: 50px !important; }
#contact input[name=cphone]:hover { background-position: 10px 10px !important; padding-left: 50px !important; }
#contact textarea[name=cmessage]:hover { background-position: 10px 10px !important; padding-left: 50px !important; }
footer { text-align: center; font-size: 15px; padding: 20px 0; }
footer ul { margin: 0 auto; display: table; }
footer ul li { float: left; line-height: 4px; padding: 3px 20px; text-align: center; border-right: 1px solid #464646; }
footer ul li a { font-size: 14px; color: #464646; font-weight: 200; }
footer ul li:last-child { border-right: 0; }
footer p { margin-bottom: 10px; }
.contactInnerBG .uk-form input, .contactInnerBG .uk-form textarea, .DQ-Quote-Form input, .DQ-Quote-Form textarea { width: 100%; border-radius: 0px; height: 45px !important; padding: 10px !important; margin-bottom: 10px; }
.contactInnerBG .uk-form textarea, .DQ-Quote-Form textarea { height: 111px !important; }
.contactInnerBG .socialIcons, .contactInnerBG .socialIcons p { text-align: left; }
.socialIcons .uk-icon-phone, .socialIcons .uk-icon-envelope,.socialIcons .uk-icon-location { color: #74b64a; }
.contactInnerBG .socialIcons ul li i.uk-icon-button { width: 50px; height: 50px; line-height: 47px; font-size: 22px; float: left; margin-right: 10px; }
.sbmtBtn { border-radius: 60px !important; margin: 0 auto !important; text-align: center; width: 56% !important; color: #FFFFFF !important; font-weight: 600 !important; font-size: 18px !important; }
.shoutQuote { clear: both; display: inline-block; width: 100%; font-family: 'freestyle', Allura !important; font-size: 43px !important; margin: 20px auto !important; }
.portWrap { margin-bottom: 30px; }
.portWrap.portMobWrap { display: none; }
.socialIcons .uk-icon-facebook { background: #3A579D; color: #ffffff; border: 2px solid #3A579D; }
.socialIcons .uk-icon-facebook:hover { background: #ffffff; color: #3A579D; }
.socialIcons .uk-icon-twitter { background: #00ACED; color: #ffffff; border: 2px solid #00ACED; }
.socialIcons .uk-icon-twitter:hover { background: #ffffff; color: #00ACED; }
.socialIcons .uk-icon-google-plus { background: #F73E29; color: #ffffff; border: 2px solid #F73E29; }
.socialIcons .uk-icon-google-plus:hover { background: #ffffff; color: #F73E29; }
/*** google map**/

#googleMap { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */ }
.gmnoprint, .gmnoprint, #googleMap div[bottom] { display: none; }
.contactInnerBG .uk-overlay-background { background: rgba(246, 246, 246, 0.81) none repeat scroll 0 0; }
.contactInnerBG { height: 540px; width: 100%; padding: 0px; }
.contactInnerBG h1, .contactInnerBG section { color: #464646; }
/****pdf viewer***/

.uk-modal-dialog-large { width: 70%; }
#DQPDF { width: 100%; height: 730px; }
#portDQ button.uk-modal-close { margin: -10px -10px 10px 0; font-size: 24px; }
/****quotation form***/
/*
html.uk-modal-page body{ position: fixed; width: 100%; padding:0 !important;}*/

.DQ-Quote-Form input { width: 100%; }
#DQ-Quote h1 { text-align: center; font-weight: 600; display: inline-block; width: 100%; margin: 10px auto; }
#DQ-Quote .uk-modal-close { font-size: 25px; }
#DQ-Quote .DQ-Quote-Form .uk-modal-footer { float: none !important; margin-right: 0px !important; }
.DQ-Quote-Form section { clear: both; display: flex; float: none; }
.DQ-Quote-Form div { float: left;/* margin-right: 20px;*/ width: auto; line-height: 16px; padding: 5px 0; }
.DQ-Quote-Form div label { float: left; margin-right: 10px; }
.subjectWrap { width: 100%; margin-right: 0; }
.subjectWrap div { margin-right: 20px; }
.DQ-Quote-Form input[type="checkbox"], .DQ-Quote-Form input[type="radio"] { width: 20px !important; height: 20px !important; margin-bottom: 0px; }
.uk-modal-dialog { opacity: 1; display: table; }
.DQ-Quote-Form .uk-overflow-container { margin-right: 0px !important; margin-bottom: 22px; }
.txtLeft, .txtLeft p, .txtLeft div { text-align: left !important; }
/***form ajax***/
.form-style .success { background: #D8FFC0; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #2E6800; border-left: 3px solid #2E6800; }
.form-style .error { background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #FF0000; border-left: 3px solid #FF0000; }
.uk-grid-icon-warp{
border: 2px solid #74b64a;
display: block;
border-radius: 50%;
padding: 16%;}
/*** form ajaxend***/
#container{
      z-index: 99;
}
.team-intro-warp{
  position: relative;
width: 100%;
clear: both;
overflow: hidden;
z-index: 99;
background-size: cover;
background-repeat: no-repeat;
}
.team-intro-warp:after{
  content: "";
  position: absolute;
  background: #fff;
  left: 11%;
  right: 0;
  top: 0;
  bottom: 0;
}
.row{
  width:100%;
  display:block;
}
.col-7{
  width:55%;
}
.col-5{
  width:40%;
}
.col-7,.col-5{
  float:left;
  padding:15px;
}
.col-3{
  width:25%;
  float:left;
}
.otw-item{
  padding: 35px;
  margin-bottom: 25px;
}
.otw-item-figure{
  height:160px;
  margin-bottom:15px;
}
.otw-item-figure img{
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.our-team-warp{
  width:100%;
  margin-bottom:25px;
  clear:both;
}
.mx-auto{
  margin:0 auto;
}
 .otw-item-name{
   height:50px;
 }
.otw-item-tag{
  font-size:14px;
  margin-top:5px;
}
.otw-item-content,.otw-item-inner{
  text-align:center;
}
.otw-item-content p{
  font-weight: bold;
  font-size: 16px;
      margin-bottom: 3px;
}
.otw-item-content p.otw-item-tag{
  font-size: 14px;
  color: #939393;
  font-weight: normal;
}
.otw-item-inner{
  padding: 17px 10%;
border-radius: 5px;
}
.otw-item-inner:hover{
  background:#f6f6f6;
}
.input-field,.tel-number-field{
height: 42px !important;
}
.textarea-field,.input-field,.tel-number-field{
  width: 100%;
  margin-bottom: 15px !important;
}
.subjectWrap{
  margin-bottom: 34px;
display: block;
}
.subjectWrap .hf12 div{
  float: left;
}
.subjectWrap .hf12 input{
  width: 16px;
height: 16px;
border-radius: 0;
}
.subjectWrap .hf12 label{
  position: relative;
    top: -3px;
    margin-right: 5px;
}
.bx-controls{
    display:none !important;
}