/*
##########################################################################################
#####  COLOR SCHEME  #####################################################################
#####    Orange          #F49531  Background, Main Title, Sub Title, Body Text 
#####    Back font       #000000  Main Title, Sub Title, Body Text
#####    Manatee         #929497  for Menu Fonts
#####    Solitude        #E2E3E4  Background (Grey)
#####    White           #FFFFFF  Background, Main Title, Sub Title, Body Text
#####    Tangaroa        #0E293C  New for Fonts Colors (Dark Navy Blue)
##########################################################################################
    
*/

/* @font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: local("Montserrat"), local("Montserrat"),
    url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} */

/* #############################################################
######## SVG Section  #######################################
################################################################ */

.svg {
    fill: yellow;
    stroke: #F49531;
}




/* #############################################################
######## HEADER Section  #######################################
################################################################ */

.qtHeader {
  margin: 0 auto;
}

/* BUTTON FOR CALL TO ACTION */
.qt_button_cta {
  font-family: "Montserrat";
  color: #FFFFFF !important;
  font-size: 13px;
  background: #0E293C;
  padding-left: 4px;
  padding-right: 4px;
  padding: 6px;
  border-radius: 8px;
  display: inline-block;
  border: none;
  transition: all 0.4s ease 0s;
}

.qt_button_cta:hover {
  font-family: "Montserrat";
  text-decoration: none;
  text-shadow: 0px 0px 10px rgba(244, 149, 49, 0.8);
  box-shadow: 0px 5px 30px -10px rgba(244, 149, 49, 0.8);
  box-shadow: 0px 5px 30px -10px rgba(244, 149, 49, 0.8);
  transition: all 0.4s ease 0s;
}

/* BUTTON FOR CALL TO ACTION */
.qt_button_cta2 {
  font-family: "Montserrat";
  color: #FFFFFF !important;
  font-size: 13px;
  background: #F49531;
  padding-left: 4px;
  padding-right: 4px;
  padding: 6px;
  border-radius: 8px;
  display: inline-block;
  border: none;
  transition: all 0.4s ease 0s;
}

.qt_button_cta2:hover {
  font-family: "Montserrat";
  text-decoration: none;
  text-shadow: 0px 0px 10px rgba(244, 149, 49, 0.8);
  box-shadow: 0px 5px 30px -10px rgba(244, 149, 49, 0.8);
  box-shadow: 0px 5px 30px -10px rgba(244, 149, 49, 0.8);
  transition: all 0.4s ease 0s;
}

/* BUTTON FOR CALL TO ACTION */

.qt_button_buynow {
    font-family: "Montserrat"; font-size: 13px;
    color: #F49531 !important;
}

/* #############################################################
######## CAROUSEL Section  #####################################
################################################################ */

.qtContentSlider {
  font-family: "Montserrat" !important;
  background-color: #FFFFFF;
  width: 90%;
  margin: auto;
  padding-top: 2rem;
  text-align: center;
}

.qtCarouselCaption {
    font-family: "Montserrat" !important;
    color: #0E293C !important;
    font-size: 30px !important;
}

.qtCarouselText {
    font-family: "Montserrat" !important;
    color: #0E293C !important;
    font-size: 14px !important;
}

.qtBodyText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  /* font-size: 14px !important; */
}

/* #############################################################
######## Styling Section  #####################################
################################################################ */

hr.qtHR1 { 
  display: block;
  width: 100px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  background-color: #F49531;
  border: 5px solid #F49531;
  border-radius: 2px;
} 

hr.qtHRFooter { 
  width: 95%;
  background-color: #F49531;
  border: 1px solid #F49531;
  border-radius: 5px;
} 

/* #######################################################################################
######## Section Template : Solitude Background - Tangaroa Text - Updated 19-Dec-30 ######
##########################################################################################
#####  COLOR SCHEME  #####################################################################
#####    Orange          #F49531  Background, Main Title, Sub Title, Body Text 
#####    Back font       #000000  Main Title, Sub Title, Body Text
#####    Manatee         #929497  for Menu Fonts, and Background (Darker Grey)
#####    Solitude        #E2E3E4  Background (light Grey)
#####    White           #FFFFFF  Background, Main Title, Sub Title, Body Text
#####    Tangaroa        #0E293C  New for Fonts Colors (Dark Navy Blue)
##########################################################################################
 */

.qtTemplate_BG_Solitude_No_Box_Tangaroa_Text {
  font-family: "Montserrat" !important;
  background-color: #E2E3E4;
  width: auto;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1%;
  padding-right: 1%;
  text-align: center;
  align-content: center;
}

.qtTemplate_BG_Solitude_No_Box_Tangaroa_Text.mainTitle {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 30px !important;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
}

.qtTemplate_BG_Solitude_No_Box_Tangaroa_Text.bodyText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 180%;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.qtTemplate_BG_Solitude_No_Box_Tangaroa_Text.HighlightText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 22px!important;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 2rem;
}


/* ############################################################### */


/* #######################################################################################
######## Section Template : WHITE Background - Tangaroa Text - Updated 19-Dec-30 ######
##########################################################################################
#####  COLOR SCHEME  #####################################################################
#####    Orange          #F49531  Background, Main Title, Sub Title, Body Text 
#####    Back font       #000000  Main Title, Sub Title, Body Text
#####    Manatee         #929497  for Menu Fonts, and Background (Darker Grey)
#####    Solitude        #E2E3E4  Background (light Grey)
#####    White           #FFFFFF  Background, Main Title, Sub Title, Body Text
#####    Tangaroa        #0E293C  New for Fonts Colors (Dark Navy Blue)
##########################################################################################
 */

 .qtTemplate_BG_White_No_Box_Tangaroa_Text {
  font-family: "Montserrat" !important;
  background-color: #FFFFFF;
  width: auto;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1%;
  padding-right: 1%;
  text-align: center;
  align-content: center;
}

.qtTemplate_BG_White_No_Box_Tangaroa_Text.mainTitle {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 30px !important;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
}

.qtTemplate_BG_White_No_Box_Tangaroa_Text.bodyText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 180%;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}

.qtTemplate_BG_White_No_Box_Tangaroa_Text.HighlightText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 22px!important;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.qtTemplate_BG_White_No_Box_Tangaroa_Text.Product {
  max-width: 250px!important;
  height: 210px !important;
  align-content: top!important;
  vertical-align: top !important;
  text-align: center;
  line-height: normal;
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 14px !important;
  font-weight: normal !important;
  text-transform: capitalize !important;
}


.qtTemplate_BG_White_No_Box_Tangaroa_Text.Solution {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1%;
  padding-right: 1%;
  width: 260px!important;
  height: auto!important;
  align-content: top!important;
  vertical-align: top !important;
  margin: auto;
  text-align: center;
  line-height: normal;
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-weight: normal !important;
}

.qtTemplate_BG_White_No_Box_Tangaroa_Text.Solution.KeyHighlight {
  height: auto;
  text-align: left !important;
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: normal !important;
}



/* ############################################################### */


/* ###########################################################################################################
######## Section Template : Solitude Background - Tangaroa Box with White Text - Updated 19-Dec-30 ###########
##############################################################################################################
#####  COLOR SCHEME  #########################################################################################
#####    Orange          #F49531  Background, Main Title, Sub Title, Body Text 
#####    Back font       #000000  Main Title, Sub Title, Body Text
#####    Manatee         #929497  for Menu Fonts, and Background (Darker Grey)
#####    Solitude        #E2E3E4  Background (light Grey)
#####    White           #FFFFFF  Background, Main Title, Sub Title, Body Text
#####    Tangaroa        #0E293C  New for Fonts Colors (Dark Navy Blue)
##############################################################################################################
 */

 .qtTemplate_BG_Solitude_With_Box_Tangaroa_Text {
  font-family: "Montserrat" !important;
  background-color: #E2E3E4;
  width: auto;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1%;
  padding-right: 1%;
  text-align: center;
  align-content: center;
}

.qtTemplate_BG_Solitude_With_Box_Tangaroa_Text.mainTitle {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 30px !important;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
}

.qtTemplate_BG_Solitude_With_Box_Tangaroa_Text.bodyText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 180%;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.qtTemplate_BG_Solitude_With_Box_Tangaroa_Text.HighlightText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 22px!important;
  font-weight: bold;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.qtTemplate_BG_Solitude_With_Box_Tangaroa_Text.box {
  font-family: "Montserrat" !important;
  background-color: #0E293C !important;
  border-radius: 1%;
  height: auto;
  width: 95%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: #FFFFFF !important;
  font-size: 22px!important;
  font-weight: bold;
  text-align: center;
}

.qtTemplate_BG_Solitude_With_Box_Tangaroa_Text.box2 {
  font-family: "Montserrat" !important;
  background-color: #F49531 !important;
  border-radius: 1%;
  height: auto;
  width: 95%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: #FFFFFF !important;
  font-size: 22px!important;
  font-weight: bold;
  text-align: center;
}

/* ############################################################### */


/* ###########################################################################################################
######## Section Template : Orange Background - White 3 Boxes with White Text - Updated 19-Dec-30 ###########
##############################################################################################################
#####  COLOR SCHEME  #########################################################################################
#####    Orange          #F49531  Background, Main Title, Sub Title, Body Text 
#####    Back font       #000000  Main Title, Sub Title, Body Text
#####    Manatee         #929497  for Menu Fonts, and Background (Darker Grey)
#####    Solitude        #E2E3E4  Background (light Grey)
#####    White           #FFFFFF  Background, Main Title, Sub Title, Body Text
#####    Tangaroa        #0E293C  New for Fonts Colors (Dark Navy Blue)
##############################################################################################################
 */

 .qtTemplate_BG_Orange_With_3Boxes_White_Text {
  font-family: "Montserrat" !important;
  background-color: #F49531;
  width: auto;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1%;
  padding-right: 1%;
  text-align: center;
  align-content: center;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.mainTitle {
  font-family: "Montserrat" !important;
  color: #FFFFFF !important;
  font-size: 30px !important;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.0rem;
  text-transform: uppercase;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.bodyText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 180%;
  padding-top: 1.0rem;
  padding-bottom: 1rem;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.HighlightText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 22px!important;
  font-weight: bold;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.cardContainer {
  font-family: "Montserrat" !important;
  background-color: #F49531 !important;
  border-radius: 1%;
  height: auto;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.cardContainer.Image {
  font-family: "Montserrat" !important;
  background-color: #F49531 !important;
  border-radius: 1%;
  height: auto;
  width: 180px;
  padding-top: 0.5rem;
  padding-bottom: 0rem;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.cardContainer.mainTitle {
  font-family: "Montserrat" !important;
  color: #FFFFFF !important;
  padding-top: 0.0rem;
  padding-bottom: 0.5rem;
  font-size: 24px !important;
  font-weight: bold;
  text-transform: uppercase;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.cardContainer.subTitle {
  font-family: "Montserrat" !important;
  background-color: #FFFFFF !important;
  border-radius: 1%;
  height: auto;
  width: 95%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

.qtTemplate_BG_Orange_With_3Boxes_White_Text.cardContainer.bodyText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 180%;
  padding-top: 1.0rem;
  padding-bottom: 0.5rem;
}

/* ############################################################### */


/* ###########################################################################################################
######## Section Template : Solitude Background - 4 White Boxes with Orange Text - Updated 19-Dec-30 #########
##############################################################################################################
#####  COLOR SCHEME  #########################################################################################
#####    Orange          #F49531  Background, Main Title, Sub Title, Body Text 
#####    Back font       #000000  Main Title, Sub Title, Body Text
#####    Manatee         #929497  for Menu Fonts, and Background (Darker Grey)
#####    Solitude        #E2E3E4  Background (light Grey)
#####    White           #FFFFFF  Background, Main Title, Sub Title, Body Text
#####    Tangaroa        #0E293C  New for Fonts Colors (Dark Navy Blue)
##############################################################################################################
 */

 .qtTemplate_BG_Solitude_With_4Boxes_Orange_Text {
  font-family: "Montserrat" !important;
  background-color: #E2E3E4;
  width: auto;
  margin: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1%;
  padding-right: 1%;
  text-align: center;
  align-content: center;
}

.qtTemplate_BG_Solitude_With_4Boxes_Orange_Text.mainTitle {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 30px !important;
  font-weight: bold;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  text-transform: uppercase;
}

.qtTemplate_BG_Solitude_With_4Boxes_Orange_Text.bodyText {
  font-family: "Montserrat" !important;
  color: #0E293C !important;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 180%;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

/* ############################################################### */

.qtContent3 {
  font-family: "Montserrat" !important;
  background-color: #E2E3E4;
  width: auto;
  margin: auto;
  text-align: center;
}

.qtContent3.mainTitle {
  font-family: "Montserrat" !important;
  color: #000000 !important;
  font-size: 28px !important;
  font-weight: bold;
  padding-top: 5rem;
  padding-bottom: 2rem;
  text-transform: uppercase;
}

.qtContent3.box {
  font-family: "Montserrat" !important;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-color: #F49531;
  border-style: solid;
  border-width: 6px;
  width: 160px;
  height: 95px;
  margin: auto;

  color: #F49531 !important;
  font-size: 20px !important;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
}

.qtContent3.boxMiniGap {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.qtContent3.boxMini {
  font-family: "Montserrat" !important;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  padding-top: 0.6rem;
  padding-bottom: 0.1rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  border-color: #F49531; 
  border-style: solid;
  border-width: 5px;
  max-width: 125px;
  height: 80px;
  color: #F49531 !important;
  font-size: 20px !important;
  font-weight: bold;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
}

.boxMiniText {
  width: 220px !important;
  font-family: "Montserrat" !important;
  margin: auto;
  text-align: initial !important;
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: normal;
  line-height: normal;
}


.smallText {
  padding-top: 5px;
  font-size: 10px !important;
  font-weight: normal;
  text-align: center;
  text-transform: lowercase !important;
}

.officeMapImage {
    /* padding: 5px; */
    /* scroll-padding-left: 30px; */
    background: url(/assets/qt_img/services_none.png);
    background-repeat: no-repeat !important;
    background-size: 50% auto !important;
    background-position: center !important;
    background-size: contain;
    align-content: center !important;
}

li{
  align-content: left !important;
}


.shadow {
  box-shadow: 6px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;}
.shadow:hover {
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important;
  }

.qtFooter {
  font-family: "Montserrat" !important;
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: normal;
  padding-top: 2rem;
  padding-left: 0rem;
}

.qtFooterText {
  font-family: "Montserrat" !important;
  color: #000000 !important;
  font-size: 12px !important;
}


.qtFooter.companyLogo{
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 60px;
}

.qtFooter.companyAddress{
  padding-top: 1rem;
  padding-bottom: 1rem;
}


.qtFooter.copyRight{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.qtFooter.saveOurContact {
  align-content: flex-end;
  vertical-align: bottom !important;
}

.qtLink:link{
 color:#F49531 !important;
 text-decoration: none !important;
 font-weight: 500 !important;
}

.qtLink:hover{
  color: #0E293C !important;
  text-decoration: none !important;
}


.qtfont1{
    font-family: "Montserrat";
    color: #929497 !important;
    font-size: 14px;
}

.qtfont2 {
    font-family: "Montserrat";
    color: #444648 !important;
    font-size: 14px;
}

.qtfont3 {
    font-family: "Montserrat";
    color: #F49531 !important;
    font-size: 14px;
}

div.gap1{
    padding: 10px;

  }
div.gap10{
  padding: 500px;
}


div.grey {
  color: #929497 !important;
}

div.cc.dd {
  color: red !important;
}

.qtImageButton:before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 1px;
  vertical-align: text-top;
  background-color: transparent;
  background-position : center center;
  background-repeat:no-repeat;
}

.qtQRCodeImg:before{
   background-image : url("/assets/qt_img/qr-code2.png");
}


.qtDashboard-Title{
  font-family: "Montserrat" !important;
  color: #F49531 !important;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  padding-top: 1rem;
  line-height: 0.8;
}

.qtDashboard-SubTitle{
  font-family: "Montserrat" !important;
  color: #F49531 !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center !important;
  padding-top: 0.25rem;
  line-height: 0.5;
}

.qtDashboard-ValueBig{
  font-family: "Montserrat" !important;
  color: #F49531 !important;
  font-size: 28px !important;
  font-weight: bold;
  text-align: center !important;
  padding-top: 0.1rem;
  line-height: 0.5;
}


.qtDashboard-2.box {
  font-family: "Montserrat" !important;
  background-color: #FFFFFF;
  border-radius: 0.3rem!important;
  padding-top: 20px!important;
  padding-bottom: 0.1rem!important;
  padding-left: 0.1rem!important;
  padding-right: 0.1rem!important;
  border-color: #F49531;
  border-style: solid;
  border-width: 8px;
  width: 300px !important;
  height:200px !important;
  align-content: center !important;

  color: #F49531 !important;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center !important;
  line-height: 1;
  text-transform: uppercase;
}

.qtDashboard-8.box {
  font-family: "Montserrat" !important;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.1rem;
  padding-right: 0.1rem;
  border-color: #F49531;
  border-style: solid;
  border-width: 8px;
  width: auto !important;
  height: 200px !important;
  align-content: center !important;

  color: #F49531 !important;
  font-size: 18px !important;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
}
/*
###########################################################################################
    ANIMATION CONTROLS
###########################################################################################
*/

.shadow2 {

    /*opacity: 0.5;*/
    
}

    .shadow2:hover {
        /*opacity: 1;
        background: #929497;*/
        transform: rotateY(180deg);
    }

.shrink {
    transition: all .2s ease-in-out;
}

    .shrink:hover {
        transform: scale(0.9);
    }

/*
###########################################################################################
###########################################################################################
*/


/*
##########################################################################################
#####  COLOR SCHEME  #####################################################################
#####    Orange          #F49531  Background, Main Title, Sub Title, Body Text 
#####    Back font       #000000  Main Title, Sub Title, Body Text
#####    Manatee         #929497  for Menu Fonts
#####    Solitude        #E2E3E4  Background (Grey)
#####    White           #FFFFFF  Background, Main Title, Sub Title, Body Text
#####    Tangaroa        #0E293C  New for Fonts Colors (Dark Navy Blue)
##########################################################################################
    
*/

.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000000;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000000;
}
/* 
################################################################################
######## QT BOSS Cloud ERP Landing Page     ####################################
################################################################################ 
*/


.qtBOSSCloudERP {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    /*background-image: url('../ecommerce-cloud-pos/quantum_thinker_ecommerce_cloud_pos_main_title _org.png');
    background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    height: auto;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    text-align: left;
    position: relative;
}

.BOSSCloudERPSubSection {
    color: black !important;
    align-content: center;
    /*text-shadow: 2px 2px 4px #008394 !important;*/
}

    .BOSSCloudERPSubSection.Title {
        font-family: "Montserrat" !important;
        font-size: 24px;
        font-weight: bolder !important;
    }

    .BOSSCloudERPSubSection.Content {
        font-family: "Montserrat" !important;
        font-size: 16px;
        font-weight: normal !important;
    }

    .BOSSCloudERPSubSection.Link {
        color: blue !important;
        background-color: transparent !important;
        font-family: Roboto !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

        .BOSSCloudERPSubSection.Link:visited {
            color: blue !important;
            background-color: transparent !important;
            font-family: Roboto !important;
            font-size: 14px !important;
            font-weight: 800 !important;
            text-decoration: none;
        }

        .BOSSCloudERPSubSection.Link:hover {
            color: blue !important;
            background-color: transparent !important;
            font-family: Roboto !important;
            font-size: 14px;
            font-weight: 900 !important;
            text-decoration: underline;
        }

/* 
################################################################################
######## eCommerce & Cloud POS Landing Page ####################################
################################################################################ 
*/


.qtECommerceCloudPOSTitle {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    /*background-image: url('../ecommerce-cloud-pos/quantum_thinker_ecommerce_cloud_pos_main_title _org.png');
    background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    height: auto;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    text-align: left;
    position: relative;
}


.CloudPOSMainTitleBottomRight {
    height:400px;
    color: white !important;
    text-shadow: 2px 2px 4px black !important;
    position: absolute! important;
    right:15%;
    top: 60%;
    bottom: 5%;
}

.CloudPOSSubSection {
    color: black !important;
    align-content:center;
    /*text-shadow: 2px 2px 4px #008394 !important;*/
}

    .CloudPOSSubSection.Title {
        font-family: "Montserrat" !important;
        font-size: 24px;
        font-weight: bolder !important;
    }

    .CloudPOSSubSection.Content {
        font-family: "Montserrat" !important;
        font-size: 16px;
        font-weight: normal !important;
    }

    .CloudPOSSubSection.Link {
        color: blue !important;
        background-color: transparent !important;
        font-family: Roboto !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }
    .CloudPOSSubSection.Link:visited {
        color: blue !important;
        background-color: transparent !important;
        font-family: Roboto !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-decoration: none;
    }
    .CloudPOSSubSection.Link:hover {
        color: blue !important;
        background-color: transparent !important;
        font-family: Roboto !important;
        font-size: 14px;
        font-weight: 900 !important;
        text-decoration: underline;
    }



.qtECommerceCloudItsEasy123 {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.qtECommerceCloudOurProcess {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}


.qtECommerceCloudAtYourFingerTips {
    font-family: "Montserrat" !important;
    background-color: #d0d2d3;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.qtECommerceCloudKeepCustomersComingBack {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.qtECommerceCloudRealTimeTracking {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.qtECommerceCloudTakeFullControl {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.qtECommerceCloudSpreadTheWord {
    font-family: "Montserrat" !important;
    background-color: #d0d2d3;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.qtECommerceCloudWidePaymentCapabilities {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.qtECommerceCloudWorkFromAnyWhere {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}


/* 
################################################################################
######## Smart Retail Solution Page ############################################
################################################################################ 
*/


.qtSmartRetailHeader {
    font-family: "Montserrat" !important;
    background-color: #008394;
    /*background-image: url('../ecommerce-cloud-pos/quantum_thinker_ecommerce_cloud_pos_main_title _org.png');
    background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    height: auto;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    text-align: right;
    position: relative;
}

    .qtSmartRetailHeader.Title {
        height: 400px;
        color: white !important;
        text-shadow: 2px 2px 4px black !important;
        position: absolute !important;
        right: 15%;
        top: 60%;
        bottom: 5%;
    }

.SmartRetailSubSection {
    color: black !important;
    align-content: center;
    /*text-shadow: 2px 2px 4px #008394 !important;*/
}

    .SmartRetailSubSection.Title {
        font-family: "Montserrat" !important;
        font-size: 24px;
        font-weight: bolder !important;
    }

    .SmartRetailSubSection.Content {
        font-family: "Montserrat" !important;
        font-size: 16px;
        font-weight: normal !important;
    }



.SmartRetailSubSection_OnlineStore_MarketPlace {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.SmartRetailSubSection_From_Sourcing_To_Selling {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.SmartRetailSubSection_Transform_Your_Sales_Collaboration {
    font-family: "Montserrat" !important;
    background-color: #d0d2d3;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

/* 
################################################################################
######## Smart Restaurant Solution Page ########################################
################################################################################ 
*/


.qtSmartRestaurantHeader {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    /*background-image: url('../ecommerce-cloud-pos/quantum_thinker_ecommerce_cloud_pos_main_title _org.png');
    background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    height: auto;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    text-align: right;
    position: relative;
}

    .qtSmartRestaurantHeader.Title {
        height: 400px;
        color: white !important;
        text-shadow: 2px 2px 4px black !important;
        position: absolute !important;
        right: 15%;
        top: 60%;
        bottom: 5%;
    }

.SmartRestaurantSubSection {
    color: black !important;
    align-content: center;
    /*text-shadow: 2px 2px 4px #008394 !important;*/
}

    .SmartRestaurantSubSection.Title {
        font-family: "Montserrat" !important;
        font-size: 24px;
        font-weight: bolder !important;
    }

    .SmartRestaurantSubSection.Content {
        font-family: "Montserrat" !important;
        font-size: 16px;
        font-weight: normal !important;
    }



.SmartRestaurantSubSection_Move_Ahead_Digitally {
    font-family: "Montserrat" !important;
    background-color: #d0d2d3;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.SmartRestaurantSubSection_Innovative_Ordering_System {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.SmartRestaurantSubSection_Flexible_Ordering_Methods {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}


.SmartRestaurantSubSection_Intelligent_eMenu_and_Signage_System {
    font-family: "Montserrat" !important;
    background-color: #d0d2d3;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.SmartRestaurantSubSection_Kitchen_Display_System {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.SmartRestaurantSubSection_Secure_Free_Wifi {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}


/* 
################################################################################
######## Multi-Store Solution Page #############################################
################################################################################ 
*/


.qtMultiStoreHeader {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    /*background-image: url('../ecommerce-cloud-pos/quantum_thinker_ecommerce_cloud_pos_main_title _org.png');
    background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    height: auto;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 0rem;
    text-align: right;
    position: relative;
}

    .qtMultiStoreHeader.Title {
        height: 400px;
        color: white !important;
        text-shadow: 2px 2px 4px black !important;
        position: absolute !important;
        right: 15%;
        top: 60%;
        bottom: 5%;
    }

.MultiStoreSubSection {
    color: black !important;
    align-content: center;
    /*text-shadow: 2px 2px 4px #008394 !important;*/
}

    .MultiStoreSubSection.Title {
        font-family: "Montserrat" !important;
        font-size: 24px;
        font-weight: bolder !important;
    }

    .MultiStoreSubSection.Content {
        font-family: "Montserrat" !important;
        font-size: 16px;
        font-weight: normal !important;
    }



.MultiStoreSubSection_Centralized_Store_Management {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}

.MultiStoreSubSection_Sell_More_On_Every_Channel {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}
.MultiStoreSubSection_Your_Store_At_Your_Terms {
    font-family: "Montserrat" !important;
    background-color: #d0d2d3;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}
.MultiStoreSubSection_MultiLocation_eMenu_and_Digital_Signage {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}
.MultiStoreSubSection_MultiLocation_Wifi_and_Security {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}
.MultiStoreSubSection_Customer_Data_and_Insights {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}
.MultiStoreSubSection_Reporting_Across_Locations {
    font-family: "Montserrat" !important;
    background-color: #d0d2d3;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
    position: relative;
}




/* #############################################################
######## Online Store Section  #####################################
################################################################ */


.qtOnlineStoreA {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
}

.qtOnlineStoreB {
    font-family: "Montserrat" !important;
    background-color: #E2E3E4;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: right;
}

.qtOnlineStoreC {
    font-family: "Montserrat" !important;
    background-color: #F49531;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: left;
}

.qtOnlineStoreD {
    font-family: "Montserrat" !important;
    background-color: #FFFFFF;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}


.qtOnlineStoreE {
    font-family: "Montserrat" !important;
    color: #FFFFFF;
    background-color: #0E293C;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}

.qtOnlineStoreF {
    font-family: "Montserrat" !important;
    background-color: #E2E3E4;
    width: 100%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: right;
}

.itemBoxX {
    width: 250px;
    height: auto;
    margin: 50px auto;
    padding-top: 0px;
    background: #008394;
    text-align: center;
    color: #000000;
    font-size: 3em;
}

.itemBoxY {
    width: 250px;
    height: auto;
    margin: 50px auto;
    padding-top: 0px;
    background: #F49531;
    text-align: center;
    color: #000000;
    font-size: 3em;
}

/* 
################################################################################
######## eCommerce & Cloud POS Landing Page ####################################
################################################################################ 
*/



.SalesAgentSubSection {
    color: black !important;
    align-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
    position: relative;
    /*text-shadow: 2px 2px 4px #008394 !important;*/
}

    .SalesAgentSubSection.Title {
        font-family: "Montserrat" !important;
        font-size: 24px;
        font-weight: bolder !important;
    }

    .SalesAgentSubSection.Content {
        font-family: "Montserrat" !important;
        font-size: 16px;
        font-weight: normal !important;
    }

    .SalesAgentSubSection.Link {
        color: blue !important;
        background-color: transparent !important;
        font-family: Roboto !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }

        .SalesAgentSubSection.Link:visited {
            color: blue !important;
            background-color: transparent !important;
            font-family: Roboto !important;
            font-size: 14px !important;
            font-weight: 800 !important;
            text-decoration: none;
        }

        .SalesAgentSubSection.Link:hover {
            color: blue !important;
            background-color: transparent !important;
            font-family: Roboto !important;
            font-size: 14px;
            font-weight: 900 !important;
            text-decoration: underline;
        }