/* Css */
/* ======================================================================== */
/* ! new added styles to thy theme
/* ======================================================================== */



.nobr { white-space: nowrap; }

header {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2000;
  border-radius: 0px;
 }
.footerlinks{
  color:white;
}
.footerlinks li a{
  color:white;
}
.footerlinks a:hover {text-decoration: underline;}

#myModal, #myModal2, #myModal3, #myModal4, #myModal5, #myModal6, #myModal7, #myModal8 {
  margin-top: 30px;
  border-radius: 0px;
  display: none;
 }

.modal-body {max-height: none!important;}

#getstartedbtn {
  background: #ec5739;
  color: white;
  border-radius: 0px;
  -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.34);
  -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.34);
  box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.34);
 }

  #getstartedbtn:hover {background: #bb4531;}

.portfolio-hover img {
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
  transform: rotate(0deg) scale(0.81) skew(0deg) translate(0px);
  -webkit-transform: rotate(0deg) scale(0.81) skew(0deg) translate(0px);
  -moz-transform: rotate(0deg) scale(0.81) skew(0deg) translate(0px);
  -o-transform: rotate(0deg) scale(0.81) skew(0deg) translate(0px);
  -ms-transform: rotate(0deg) scale(0.81) skew(0deg) translate(0px);
 }

  .portfolio-hover img:hover {
    transform: rotate(0deg) scale(0.942) skew(0deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(0.942) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.942) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.942) skew(0deg) translate(0px);
    -ms-transform: rotate(0deg) scale(0.942) skew(0deg) translate(0px);
   }

#portfolio-list p {
  color: #000;
  padding: 9px 0px;
  max-width: 100%;
  margin: 0 auto;
 }



.shadow {
  -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.34);
  -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.34);
  box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.34);
 }

p {
  font-size: 16px;
  color: #606060;
 }

.box {
  color: white;
  background-color: #ED5739;
  padding: 21px 38px;
 }

  .box:hover {background: #BC4531;}

.box2 {
  color: white;
  background-color: #ED5739;
  padding: 8px 28px;
  position: relative;
  top: 49px;
 }

  .box2:hover {background: #BC4531;}



.navbar {border-top: #ED5739 solid thick;}

.navbar-inner {
  position: relative;
  z-index: 3000;
 }

.snappdeals {padding: 0px 8px 0px 8px;}

.learnmore-small {}

.learnmorebtn {
  max-width: 220px;
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 80px;
  font-size: 2em;
  font-weight: lighter;
 }

.tier:hover {background: #BC4531;}

.headlinelink {
  position: relative;
  z-index: 1000;
 }

  .headlinelink:hover {background: #58AFDB;}

.member-description dd {
  border-bottom: 1px solid #ccc;
  padding: 8px;
  max-width: 375px;
  margin: 0 auto;
  font-size: 16px;
 }

.featurebox {padding: 0px 40px;}

  .featurebox p {
    margin-left: 30px;
    padding-right: 16px;
   }

  .featurebox h1 {font-size: 44.5px;}

.story {
  background: #ED5739;
  color: #fff;
  margin-bottom: 20px;
 }

#storybenefits {
  background: #fff;
  color: #3E3E3E;
 }

.pricingtable {
  margin: 0 auto;
  width: 100%;
 }

  .pricingtable td {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
   }

  .pricingtable th {
    color: #000;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-bottom: 12px;
   }

    .pricingtable th:last-child {border-right: none;}

  .pricingtable td:last-child {border-right: none;}

#accordion2 {
  background: none;
  border: none;
 }

.adminfeature-inner {
  border-top: none;
  background: #fff;
  padding: 19px 15px;
 }

.accordion-toggle {color: #000;}

.industryparagraph {
  line-height: 22px;
  padding-top: 12px;
  color: #fff;
 }

.percents p {padding: 12px 40px;}

.about img {opacity: 0.7;}

#genmerch {
  position: relative;
  bottom: 100px;
 }

.banner-text h1 {font-size: 90px !important;}

.limitedoffer h1 {
  font-size: 60px;
  line-height: 1em;
 }

.snappdeals h2 {line-height: 42px !important;}

#clientheader {
  background: #CDCCC9;
  height: 100px;
  color: #383838;
 }

  #clientheader h2 {margin-top: 30px;}

#clientlistmapview a {
  color: white;
  background-color: #3181AF;
  padding: 0px 19px 0px 19px;
  font-size: 22px;
  position: relative;
  top: 34px;
 }

  #clientlistmapview a:hover {background: #58AFDB;}

.inner-padding {
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 39px;
  padding-bottom: 39px;
 }

  .inner-padding h2 {padding: 0px 8px;}

  div.wrapper.bg-colored{

  background: #3E3E3E;
  border-top: #ED583A solid 31px;
  }

.bg-blue {
  color: #fff;
  background-color: rgba(77,77,77,1);
  background-color: -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(62,62,62,1) 100%);
  background-color: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77,77,77,1)), color-stop(100%, rgba(62,62,62,1)));
  background-color: -webkit-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(62,62,62,1) 100%);
  background-color: -o-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(62,62,62,1) 100%);
  background-color: -ms-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(62,62,62,1) 100%);
  background-color: linear-gradient(to bottom, rgba(77,77,77,1) 0%, rgba(62,62,62,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#3e3e3e', GradientType=0 );
 }
.bg-gray{
  background-color: #333;
  color: white;
}
.bg-gray h1{
  padding: 12px;
  }
.bg-red {
  background-color: #EE5638;
  color: white;
 }

  .bg-red h3 {padding: 16px;}

.bg-blue p {color: #dadada;}

#ordernowbtn {margin: 100px 0px;}

#message-plane {margin: 50px;}

.industryusecontainer {
  position: relative;
  bottom: 200px;
  padding-bottom: 40px;
 }

.usescontent {z-index: 1000;}

#submittext {font-size: 12px;}

.carousel-inner{
  overflow: visible !important;
}

.carousel-inner h1 {
  font-size: 26px;
  max-width: 960px;
  margin: 0 auto;
  line-height: 33px;
 }

.carousel-inner>.item>img, .carousel-inner>.item>a>img { z-index:-1000;background:none; margin: 0 auto;}

.indicators {
  position: relative;
  left: 33px;
  width: 100px;
  margin: 0 auto;
 }
.product-description{
    z-index: 1203;
  background-color: black;
  position: relative;
}


.whatweoffer-text p {padding-bottom: 24px;}

.whatweoffer-text h2 {margin-top: 50px;}

/* ======================================================================== */
/* ! scroll-to links
/* ======================================================================== */
#learnmore-menu {position: relative;}

  #learnmore-menu li a {
    color: white;
    margin-right: 15px;
    padding: 12px;
    background-color: #DC523C;
    line-height: 55px;
   }

.dropdownsubheaderexpand {
  margin-top: 75px;
  z-index: 1000;
 }

.subheader {padding: 30px 54px;}

.learnoptions li:hover {
  z-index: 1000;
  background: #e7e7e7;
 }

.indicators ol {margin-top: 20px;}

.indicators {
  width: 300px;
  margin: 0 auto;
 }
 .item{
  min-height:291px;
 }
 .item p{
  padding: 0px 27px;
 }
.item h1{
  max-width: 420px;
}
.carousel-indicators li {padding: 20px;}

.clientsbtn{
  position: relative;
  margin:0 auto;
}

#learnmore-menu ul li a {
  background: #DC523C;
  color: white;
  padding: 12px;
  position: relative;
 }

  #learnmore-menu ul li a:hover {background: #BC4531;}

.arrow {
  position: relative;
  top: 4px;
 }

/* our client tabs */
#tabs {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
 }

div#tabs-2 {overflow: visible;}

div#tabs div#tabs-2 div#map-canvas {overflow: visible;}

#map-canvas img {max-width: none;}

/* textangular */
.ta-editor {
  min-height: 350px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
  margin: 20px 0;
 }

.ta-bind {
  overflow: visible;
  border: 1px solid black;
  background-color: white;
 }

.pull-down {padding-top: 85px;}

.bubble {
  margin: 0 auto;
  position: relative;
  width: 145px;
  height: 70px;
  padding: 0px;
  background: #DC523C;
  border: #CDCCC9 solid 6px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
 }

  .bubble:after {
    content: "";
    position: absolute;
    bottom: -21px;
    left: 58px;
    border-style: solid;
    border-width: 21px 14px 0;
    border-color: #DC523C transparent;
    display: block;
    width: 0;
    z-index: 1;
   }

  .bubble:before {
    content: "";
    position: absolute;
    top: 76px;
    left: 53px;
    border-style: solid;
    border-width: 26px 19px 0;
    border-color: #CDCCC9 transparent;
    display: block;
    width: 0;
    z-index: 0;
   }

.launchbtn, .launchlink {
  color: white !important;
  padding: 12px !important;
  background: #ED5739 !important;
  margin: 94px 0px;
 }

.launchbtn:hover {background: #FF5B40 !important;}

#mainFormPhoneFirst, #mainFormPhoneMiddle, #mainFormPhoneLast {width: 50px;}

.moreFormBtn {
  margin-bottom: 20px !important;
  background: #ED5739 !important;
  padding: 14px 0px !important;
  color: white !important;
 }

  .moreFormBtn:hover {background: #FF5B40 !important;}

.MoreContactForm input {height: 42px !important;}

.hideme {opacity: 0;}

.slideme {
  padding-top: 65px;
  opacity: 0;
  overflow: hidden;
  margin-left: 100%;
  -webkit-transition: all 0s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
 }

.productimgs {}

#features img {
  width: 30%;
  opacity: 0.6;
 }

#features h3 {line-height: 28px;}

.white {background: white;}

.pos-feat li {
  padding-bottom: 24px;
  font-size: 26px;
 }

.pos-feat p {
  padding-top: 23px;
  line-height: 28px;
  font-size: 18px;
  color: white;
 }

.pos-items {height: 268px;}

#main_area h3 {line-height: 1em !important;}

.dotted {
  padding: 2.25em 1.6875em;
  background-color: white;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.4), rgba(0,0,0,.4) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.4), rgba(0,0,0,.4) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.4), rgba(0,0,0,.4) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.4), rgba(0,0,0,.4) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 45px 45px;
  -moz-background-size: 45px 45px;
  background-size: 45px 45px;
 }

  .dotted img {
    background-color: white;
    max-width: 25%;
   }

  .dotted h1 {text-shadow: -4px -2px 0px rgba(255, 255, 255, 1);}

  .dotted h2 {background-color: white;}

  .dotted p {background-color: white;}

.itunebadge {
  position: relative;
  bottom: 13px;
 }

#myCarousel {padding: 128px, 0px;}

#valuedCustomers a {color: white;}

.ownername {
  color: #B7B7B7;
  font-size: 20px;
 }

.quotes {height: 420px;}

.valign {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 }

.page-heading {
  font-size: 85px;
  line-height: 100px;
  letter-spacing: -2px;
 }

.page-subheadings {
  padding-bottom: 50px;
  font-size: 61px;
  line-height: 69px;
  letter-spacing: -2px;
 }

.itunesbtn {
  position: relative;
  display: inline-block;
  margin-top: 35px;
  margin-bottom: 35px;
 }

/*Blur*/
.item a img {background-color: white;}

a.thumbnail:hover {border-color: #DC523C !important;}

body > section.bg-blue.inner-padding.text-center > div > p > a {
  color: white;
  text-decoration: underline;
 }

body > section:nth-child(13) > div > div > div > h3 {padding-bottom: 50px;}

.nav-btns {
  position: relative;
  top: 435px;
  z-index: 3000;
 }
 .product-nav-btns {
  top: 260px;
  width:100%;
  position: relative;
  z-index: 4000;
 }

#second > div > div > div:nth-child(1) > img {
  position: relative;
  top: 25px;
 }

.productwell {
  padding: 33px 25px 110px 25px;
  background: rgba(243,243,243,1);
  background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,243,243,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0 );
 }

.what-we-do p {min-height: 100px;}

.left {
  position: absolute;
  left: 0;
 }

.indexbullets img {opacity: 0.8;}

.indexbullets p {
  max-width: 420px;
  margin: 0 auto;
 }

.indexbullets a {
  margin: 8px;
  text-decoration: underline;
 }

.highendfeatures {margin-bottom: 45px;}

.oi {opacity: 0.6;}

.homesectors{
  font-size: 18.5px;
}
.hardware{
  min-height:506px;
}

body > section li:nth-child(1) > span{
  color:#CCCBC8;
}
body > section li:nth-child(2) > span{
  color:#FAAF51;
}
body > section li:nth-child(3) > span{
  color:#EE5738;
}
.sub-banner h1{
  background: #333;
  padding:25px;
  margin-top:0px;
  color:white;
}
.icon-twitter,.icon-facebook{
  margin-left:12px;
}

body > div.section > div > div > div.container > div:nth-child(1) > div > div:nth-child(2) > ul > li:nth-child(2){
  background-color: #ddd !important;
}
body > div.section > div > div > div.container > div:nth-child(1) > div > div:nth-child(2) > ul > li:nth-child(1){
   background-color: #ddd !important;
}

#createAbrand, #createAstore{
  margin-top:45px;
}
#capcha{
  position: relative;

  margin:0 auto;
}
.tab-content{
  background: rgba(255, 255, 255, 0.9) !important; 
  
}


#logintabs{
position: relative;
margin-top: 60px;

}

.nav-tabs>li>a{
   background-color: rgb(210, 210, 210);
}
.nav-tabs>.active>a{
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom:none;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
  border-bottom-color: rgb(230, 230, 230) !important;
}
#loginNav{
  margin-bottom:0px;
}
#createAbrand form,
#createAstore form,
#createAuser form{
position: relative;
margin-top:35px;
}
.g-recaptcha{
  position: relative;
  margin: 0 auto;
}
.underline{
  text-decoration: underline;
}
.has-error .error-text{
  color: red;
}