@font-face
{
  font-family  :  'Montserrat Bold';
  src	         :  url('../fonts/Montserrat-Bold.ttf');
}

@font-face
{
  font-family  :  'Montserrat Black';
  src	         :  url('../fonts/Montserrat-Black.ttf');
}

@font-face
{
  font-family  :  'Montserrat ExtraBold';
  src	         :  url('../fonts/Montserrat-ExtraBold.ttf');
}

@font-face
{
  font-family  :  'Montserrat Regular';
  src	         :  url('../fonts/Montserrat-Regular.ttf');
}

@font-face
{
  font-family  :  'Montserrat Medium';
  src	         :  url('../fonts/Montserrat-Medium.ttf');
}

@font-face
{
  font-family  :  'MontserratSemiBold';
  src	         :  url('../fonts/Montserrat-SemiBold.ttf');
}

@font-face
{
  font-family  :  'Epilogue';
  src	         :  url('../fonts/Epilogue-Black.ttf');
}

@font-face
{
  font-family  :  'MyriadPro';
  src	         :  url('../fonts/MyriadPro-Regular.ttf');
}


@font-face
{
  font-family  :  'Codec Pro Light';
  src	         :  url('../fonts/Codec-Pro-Light.ttf');
}

@font-face
{
  font-family  :  'Codec Pro Regular';
  src	         :  url('../fonts/Codec-Pro-Regular.ttf');
}

@font-face
{
  font-family  :  'Codec Pro Bold';
  src	         :  url('../fonts/Codec-Pro-Bold.ttf');
}

@font-face
{
  font-family  :  'Codec Pro ExtraBold';
  src	         :  url('../fonts/Codec-Pro-ExtraBold.ttf');
}

@font-face
{
  font-family  :  'Codec Pro Heavy';
  src	         :  url('../fonts/Codec-Pro-Heavy.ttf');
}

@font-face
{
  font-family  :  'Codec Pro News';
  src	         :  url('../fonts/Codec-Pro-News.ttf');
}

@font-face
{
  font-family  :  'Paralucent Bold';
  src	         :  url('../fonts/Paralucent-Bold.ttf');
}

@font-face
{
  font-family  :  'Paralucent DemiBold';
  src	         :  url('../fonts/Paralucent-DemiBold.ttf');
}

@font-face
{
  font-family  :  'Paralucent Heavy';
  src	         :  url('../fonts/Paralucent-Heavy.ttf');
}

@font-face
{
  font-family  :  'Paralucent Light';
  src	         :  url('../fonts/Paralucent-Light.ttf');
}

@font-face
{
  font-family  :  'Paralucent Medium';
  src	         :  url('../fonts/Paralucent-Medium.ttf');
}

@font-face
{
  font-family  :  'Paralucent Thin';
  src	         :  url('../fonts/Paralucent-Thin.ttf');
}


body
{
  margin      :  0px;
  background  :  #fff;
}


body, p, div, td, span, a
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  13px;
  color        :  #000;
 
  position     :  relative;
  outline      :  none;  
}

h1
{
  font-family     :  Codec Pro Bold arial, verdana, sans-serif;
  font-weight     :  normal;
  font-size       :  63px;
  line-height     :  78px;
  letter-spacing  :  -2px;
  color           :  #023651;
  
  margin          :  0px 0px 15px 0px;
  padding         :  0px;
}

h2
{
  font-family  :  Codec Pro ExtraBold, arial, verdana, sans-serif;
  font-weight  :  normal;
  font-size    :  41px;
  line-height  :  49px;
  color        :  #023651;
  margin       :  0px 0px 2px 0px;
  padding      :  0px;
}

h4
{
  font-family  :  Codec Pro ExtraBold, arial, verdana, sans-serif;
  font-weight  :  bold;
  font-size    :  30px;
  line-height  :  38px;
  color        :  #023651;
  margin       :  0px 0px 2px 0px;
  padding      :  0px;
}

h5
{
  font-family  :  Codec Pro ExtraBold, arial, verdana, sans-serif;
  font-weight  :  bold;
  font-size    :  24px;
  line-height  :  30px;
  color        :  #023651;
  margin       :  0px 0px 2px 0px;
  padding      :  0px;
}

h6
{
  font-family  :  Codec Pro Bold, arial, verdana, sans-serif;
  font-weight  :  bold;
  font-size    :  18px;
  line-height  :  26px;
  color        :  #023651;
  margin       :  0px 0px 2px 0px;
  padding      :  0px;
}

a
{
  font-family      :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size        :  14px;
  color            :  #023651;
  text-decoration  :  none;
}

a:hover
{  
  text-decoration  :  none;
}

div.br
{
  clear        :  both;
  line-height  :  0px;
  height       :  0px;
  font-size    :  0px;
}

div.br10
{
  clear        :  both;
  line-height  :  10px;
  height       :  10px;
  font-size    :  0px;
}

div.br20
{
  clear        :  both;
  line-height  :  20px;
  height       :  20px;
  font-size    :  0px;
}

div.br50
{
  clear        :  both;
  line-height  :  50px;
  height       :  50px;
  font-size    :  0px;
}

.alert, .error, .success, .info, .info.noHide, .noHideMsg
{
  clear                  :  both;
  padding                :  10px 10px 10px 35px;
  margin-bottom          :  15px;
  min-height             :  16px;
  line-height            :  16px;
  cursor                 :  pointer;
  
  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px; 
  
  font-family            :  lato, arial, verdana, sans-serif;
  font-size              :  13px;
  color                  :  #000000;
}

.alert
{
  background  :  #feffc8 url('../images/icons/alert.png') 10px 10px no-repeat;
  border      :  solid 1px #f1aa2d;
}

.error
{
  background  :  #fdcea4 url('../images/icons/error.png') 10px 10px no-repeat;
  border      :  solid 1px #c44509;
}

.success
{
  background  :  #d4f684 url('../images/icons/success.png') 10px 10px no-repeat;
  border      :  solid 1px #739f1d;
}

.info
{
  background  :  #c3e4fd url('../images/icons/info.png') 10px 10px no-repeat;
  border      :  solid 1px #688fdc;
}

.info.noHide, .noHideMsg
{
  background  :  #eeeeee url('../images/icons/info.gif') 10px 10px no-repeat;
  border      :  solid 1px #cccccc;
}

#Header
{
  background  :  #fff;
}

#Header #HeaderDiv
{
  width    :  1280px;
  margin   :  0px auto;
  padding  :  15px 20px 0 0;
}

#Header #Navigation
{
  height      :  35px;  
  margin-top  :  27px;
}

#Header #Navigation ul
{
  margin      :  0px;
  padding     :  0px;
  list-style  :  none;
}

#Header #Navigation ul li
{
  display       :  inline-block;
  //padding       :  0px 18px;
  margin        :  0px;
  margin-right  :  10px;
  position      :  relative;
}

#Header #Navigation ul li a
{
  font-family      :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size        :  16px;
  line-height      :  23px;
  color            :  #023651;  
  text-decoration  :  none;  
  text-transform   :  uppercase;

  border-radius    :  10px;
  border           :  2px solid transparent;
  padding          :  5px 15px;
}

#Header #Navigation ul li a:hover
{
  border-color  :  #023651;
}

#Banner
{
  width   :  1300px;
  margin  :  0 auto;
}

#BannerDiv 
{
  position  :  absolute;
  height    :  100%;
  width     :  100%;
  top       :  0; 
  left      :  0;
}

#BannerContent 
{
  width       :  313px;
  margin      :  0 auto;
  margin-top  :  155px;
  margin-left :  50px;
  background  :  rgba(10, 205, 184, 0.9);
  padding     :  50px 40px;
  position    :  absolute;
  z-index     :  10;
}

#Banner h1 
{
  font-family  :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size    :  46px;
  line-height  :  46px;
  color        :  #000; 
}

#Banner p 
{
  font-size      :  20px;
  line-height    :  27px;
  color          :  #0ACDB8;
  margin-top     :  30px;
  margin-bottom  :  130px;
}

a.buttonLink 
{
  font-family     :  Codec Pro Regular, arial, verdana, sans-serif;
  color           :  #000;
  background      :  transparent;
  border          :  2px solid #000;
  display         :  inline-block;
  width           :  168px;
  height          :  20px;
  padding-top     :  9px;
  padding-bottom  :  7px;
  border-radius   :  10px;
  font-size       :  14px;
  line-height     :  18px;
  text-align      :  center;
  cursor          :  pointer;
}

#Banner a.buttonLink 
{
  color       :  #fff;
  background  :  transparent;
  border      :  2px solid #fff;
  margin-top  :  40px;
}

#MobileNavigation
{
  display  :  none;
}

#Body 
{
  border-bottom-left-radius   :  10px;
  border-bottom-right-radius  :  10px;
}

#Body #BodyDiv
{
  width    :  1200px;
  padding  :  30px 0px;
  margin   :  0px auto;
}

#Body #Contents
{
  padding     :  20px 0px;
  min-height  :  450px;
}

#About 
{
  width            :  100%;
  background       :  url('../images/business-card-bg.png') no-repeat center;
  background-size  :  cover;
  height           :  625px;

}

#AboutDiv
{
  width   :  1200px;
  margin  :  0 auto;
}

.aboutLeftDiv, .aboutContent
{
  float  :  left;
  width  :  50%;
}

.aboutLeftDiv img 
{
  width  :  100%;
}

.aboutContent
{
  width        :  42%;
  margin-left  :  5%;
  margin-top   :  60px;
}

.otherSideLeft
{
  width         :  40%;
  margin-right  :  5%;
  margin-top    :  150px;
}

.aboutContent span, #HowItWorks span, #ServiceDiv span.top, #TestimonialsDiv span.top, #PricingDiv span.top, #FaqDiv span.top, #BlogDiv span.top, .contactInfo span
{
  font-family     :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size       :  14px;
  line-height     :  26px; 
  display         :  block;
  letter-spacing  :  3px;
  margin-top      :  20px;
  margin-bottom   :  30px;
}

.aboutContent h2, .aboutContent span, .aboutContent p 
{
  color  :  #fff;
}

.aboutContent h2, #Retail h2, #Retail.corporate h2, #Retail.howItWorks h2
{
  width        :  100%;
  font-family  :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size    :  42px;
  line-height  :  60px; 
}

#Retail h2, #Retail.corporate h2, #Retail.howItWorks h2
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  color        :  #000;
  margin-top   :  100px;
}

#Retail.howItWorks h2
{
  font-size    :  23px;
  line-height  :  33px;
}

.aboutContent span 
{
  font-family     :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size       :  20px;
  line-height     :  29px; 
  letter-spacing  :  0;
}

.aboutContent p, #Retail p, #Retail.corporate p, #Retail.howItWorks p
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  14px;
  line-height    :  24px; 
  margin-top     :  35px;
  margin-bottom  :  40px;
  width          :  80%;
}

#Retail p, #Retail.corporate p, #Retail.howItWorks p
{
  color  :  #000;
  width  :  70%;
}

#Retail a.buttonLink, #Retail.corporate a.buttonLink, #Retail.howItWorks a.buttonLink
{
  margin-top  :  45px;
}

.secondDiv 
{
  margin-top  :  150px;
}

#FeaturesDiv 
{
  width       :  1200px;
  margin      :  0 auto;
  margin-top  :  200px;
}

.featureDetails
{
  display         :  inline-block;
  vertical-align  :  top;
  width           :  15%;
  padding         :  25px 2%;
  border-right    :  2px solid #D7D7D7;
  text-align      :  center;
  margin          :  0 auto;
}

.featureDetails:last-child
{
  border-right  :  0;
}

.featureDetails img
{
  width    :  auto;
  height   :  63px;
}

.featureDetails span
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  15px;
  line-height  :  18px; 
  color        :  #0ACDB8;
  display      :  block;
  margin-top   :  38px;
  height       :  37px;
}

#HowItWorks
{
  text-align  :  center;
}

#HowItWorks span 
{
  margin-bottom: 50px;
  display: block;
}

#HowItWorksDiv
{
  width       :  1200px;
  margin      :  0 auto;
  background  : #023651;
  text-align  :  center;
  height      :  600px;
}

#HowItWorksDiv a 
{
  display     :  block;
  width       :  100%;
  text-align  :  center;
}

#HowItWorksDiv a img
{
  width     :  initial;
  top       :  227px;
  position  :  relative;
}

#Retail, #Retail.corporate, #Retail.howItWorks
{
  width   :  100%;
}

#Retail.howItWorks
{
  height      :  100%;
  display     :  flex;
  background  :  #ECECEC;
}

#Retail .leftSide, #Retail .rightSide, #Retail.corporate .leftSide, #Retail.corporate .rightSide, #Retail.howItWorks .leftSide, #Retail.howItWorks .rightSide
{
  width  :  50%;
  float  :  left;
}

#Retail .rightSide
{
  margin-left  :  8%;
  width        :  42%;
}

#Retail.corporate .leftSide, #Retail.howItWorks .leftSide
{
  margin-left :  8%;
  width       :  42%;
}

#Retail.corporate .rightSide, #Retail.howItWorks .rightSide
{
  margin-right  :  0;
  margin-left   :  0;
}

#Retail .leftSide img, #Retail.corporate .rightSide img, #Retail.howItWorks .rightSide img
{
  width  :  100%;
}

#ServiceDiv
{
  width          :  1200px;
  margin         :  0 auto;
  margin-top     :  112px;
  margin-bottom  :  112px;
}

#ServiceDiv span.top, .pricingDetails span.top, #FaqDiv span.top, .contactInfo span
{
  color  :  #0ACDB8;
}

#ServiceDiv h4 
{
  margin-bottom  :  45px;
  margin-top     :  -15px;
}

.serviceDetails
{
  float         :  left;
  width         :  25.1%;
  padding       :  30px 4% 45px 4%;
  border        :  1px solid #0ACDB8;
  border-right  :  0;
  text-align    :  left;
}

.serviceDetails:nth-of-type(1) 
{
  border-top-left-radius     :  6px;
  border-bottom-left-radius  :  6px;
}

.serviceDetails:nth-of-type(3)
{
  border-right                :  1px solid #0ACDB8;
  border-top-right-radius     :  6px;
  border-bottom-right-radius  :  6px;
}

.serviceDetails img
{
  width  :  auto;
}

.serviceDetails h6 
{
  margin-top     :  30px;
  margin-bottom  :  30px;
}

.serviceDetails p
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  12px;
  line-height    :  26px; 
  color          :  rgba(27, 29, 69, 0.64);
  width          :  77%;
  margin-bottom  :  35px;
  max-height     :  52px;
  overflow       :  hidden;
}

#TestimonialsDiv
{
  width       :  1200px;
  margin      :  0 auto;
  text-align  :  center;
}

#TestimonialsDiv span.top 
{
  color  :  #3C0049;
}

#TestimonialsDiv h2 
{
  color          :  #3C0049;
  width          :  30%;
  margin         :  0 auto;
  margin-bottom  :  80px;
}

#TestimonialsDiv a.buttonLink 
{
  margin-top  :  56px;
}

.testimonialDetails
{
  float          :  left;
  width          :  41.7%;
  padding        :  30px 4%;
  height         :  295px;
  border         :  1px solid #0ACDB8;
  border-right   :  0;
  border-bottom  :  0;
  text-align     :  left;
}

.testimonialDetails:nth-of-type(1) 
{
  border-top-left-radius  :  6px;
}

.testimonialDetails:nth-of-type(2)
{
  border-right             :  1px solid #0ACDB8;
  border-top-right-radius  :  6px;
}

.testimonialDetails:nth-of-type(3)
{
  border-bottom              :  1px solid #0ACDB8;
  border-bottom-left-radius  :  6px;
}

.testimonialDetails:nth-of-type(4)
{
  border-bottom               :  1px solid #0ACDB8;
  border-bottom-right-radius  :  6px;
  border-right                :  1px solid #0ACDB8;
}

.testimonialDetails img.rating 
{
  width  :  130px;
}

.testimonialDetails table img 
{
  width  :  77px;
}

.testimonialDetails table td:nth-of-type(1) 
{
  width  :  95px;
}

.testimonialDetails table span
{
  display  :  block;
}

.testimonialDetails p 
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  12px;
  line-height    :  26px; 
  margin-top     :  30px;
  margin-bottom  :  56px;
  max-height     :  104px;
  overflow       :  hidden;
}

.testimonialDetails table span:nth-of-type(1) 
{
  font-family    :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size      :  16px;
  line-height    :  26px; 
  margin-bottom  :  11px;
}

.testimonialDetails table span:nth-of-type(2) 
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  12px;
  line-height    :  26px; 
}

#PricingDiv
{
  width          :  1200px;
  margin         :  0 auto;
  margin-top     :  112px;
  margin-bottom  :  112px;
}

#PricingDiv h4 
{
  margin-bottom  :  45px;
  margin-top     :  -15px;
}

.pricingDetails
{
  float         :  left;
  width         :  25.1%;
  padding       :  30px 4% 45px 4%;
  border        :  1px solid #0ACDB8;
  border-right  :  0;
  text-align    :  left;
}

.pricingDetails:nth-of-type(1) 
{
  border-top-left-radius     :  6px;
  border-bottom-left-radius  :  6px;
}

.pricingDetails:nth-of-type(2) 
{
  border-top-left-radius   :  6px;
  border-top-right-radius  :  6px;
}

.pricingDetails:nth-of-type(3)
{
  border-right                :  1px solid #0ACDB8;
  border-left                 :   0;
  border-top-right-radius     :  6px;
  border-bottom-right-radius  :  6px;
}

.popularPlan 
{
  background    :  #fff;
  margin-top    :  -41px;
  border-right  :  1px solid #0ACDB8;
}

span.popular 
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  color          :  #fff;
  background     :  #0ACDB8;
  display        :  inline-block;
  width          :  89px;
  height         :  30px;
  padding-top    :  11px;
  border-radius  :  19px;
  font-size      :  14px;
  line-height    :  21px;
  text-align     :  center;
  margin-left    :  -7px;
  margin-top     : -7px;
  margin-bottom  :  7px;
}

.pricingDetails a.buttonLink, #BlogDiv a.buttonLink
{
  width        :  165px;
  margin-top   :  35px;
  background   :  #fff;
  color        :  #023651;
  box-shadow   :  0px 3px 9px rgba(57, 20, 0, 0.08);
  height       :  34px;
  padding-top  :  14px;
}

.popularPlan a.buttonLink 
{
  background  :  #023651;
  color       :  #fff;
}

.pricingDetails img
{
  width  :  auto;
}

.pricingDetails h6 
{
  margin-top     :  30px;
  margin-bottom  :  30px;
}

.pricingDetails p
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  12px;
  line-height    :  26px; 
  margin-top     :  22px;
  margin-bottom  :  35px;
  max-height     :  52px;
  overflow       :  hidden;
}

.pricingContent .plusMinus
{
  position       :  relative;
  border-radius  :  100%;
  width          :  16px;
  height         :  16px;
  top            :  24px;
}

.pricingContent .plusMinus img 
{
  position  :  absolute;
  left      :  -3px;
  top       :  -5px;
  width     :  20px;
}

.pricingContent span 
{
  font-family     :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size       :  12px;
  line-height     :  26px; 
	display         :  inline-block;
	vertical-align  :  top;
	width           :  88%;
	padding-left    :  12%;
	text-align      :  left;
	padding-top     :  0px;
	padding-bottom  :  15px;
	max-height      :  40px;
	overflow        :  hidden;
}

#FaqDiv
{
  width    :  1200px; 
  margin   :  0 auto;
}

#FaqDiv span.top 
{
  margin-top     :  0;
  margin-bottom  :  20px;
}

.faqLeft p, .faqLeft a
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  12px;
  line-height  :  26px; 
}

.faqLeft p
{
  margin-top     :  40px;
  margin-bottom  :  30px;
  width          :  70%;
}

.faqLeft, .faqRight 
{
  width           :  50%;
  display         :  inline-block;
  vertical-align  :  top;
}

.faqRight 
{
  width  :  49.7%;
}

.faqRight a 
{
  float     :  right;
  position  :  relative;
  top       :  -25px;
}

.faqRight a img 
{
  display  :  inline-block;
  width    :  23px;
}

.faqDetail
{
  margin-bottom  : -8px;
}

.faqDetail h6 
{
  width       :  90%;
  max-height  :  26px;
  overflow    :  hidden;
}

.faqDetail .question, .faqDetail .answer 
{
  width          :  88%;
  border         :  1px solid #0ACDB8;
  padding        :  30px 6%;
  margin-bottom  :  7px;
}

.faqDetail .question a  
{
  font-size  :  16px;
} 

.faqDetail .answer p   
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  12px;
  line-height  :  26px; 
}

.faqDetail .answer
{
  background  :  #fff;
  padding     :  1px 6% 30px 6%;
}

.faqDetail a:hover 
{
  text-decoration  :  underline;
}

.questionWithAnswer .question
{
  margin-bottom  :  0;
  border-bottom  :  0;
  background     :  #fff;
}

.questionWithAnswer .answer
{
  border-top  :  0;
}

#BlogDiv
{
  width          :  1200px;
  margin         :  0 auto;
  margin-top     :  112px;
  margin-bottom  :  112px;
  position       :  relative;
}

#BlogDiv h4 
{
  margin-bottom  :  45px;
  margin-top     :  -15px;
}

#BlogDiv a.buttonLink
{
  font-family  :  Codec Pro Regular, Arial, Helvetica, sans-serif;
  position     :  absolute;
  right        :  0;
  top          :  47px;
  font-size    :  12px;
  line-height  :  25px;
}

.blogDetails
{
  width           :  31.8%;
  margin-right    :  2%;
  display         :  inline-block;
  vertical-align  :  top;
  margin-top      :  37px;
}

.blogDetails:nth-of-type(3n)
{
  margin-right  :  0;
}

.blogDetails img 

{
  width          :  100%;
  border-radius  :  6px;
  display        :  block;
  margin-bottom  :  30px;
}

.blogsPostPage
{
  width           :  100%;
  display         :  inline-block;
  vertical-align  :  top;
}

.blogDetails span:nth-of-type(1), .postsPg a.category, .blogsPostPage a.category
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  14px;
  line-height    :  26px; 
  display        :  block;
  margin-bottom  :  15px;
} 

.postsPg, .blogsPostPage .posts  
{
  width           :  65%;
  margin-right    :  4%;
  display         :  inline-block;
  vertical-align  :  top;
}

.postsPg .blogDetails, .blogsPostPage .blogDetails  
{
  width       :  100%;
  margin-top  :  0;

}

.postsPg a.title, .blogsPostPage a.title 
{
  min-height     :  auto;
  max-height     :  auto;
  margin-bottom  :  15px;
}

.postsPg a.buttonLink
{
  width        :  110px;
  height       :  37px;
  padding-top  :  15px;
  min-height   :  auto;
  max-height   :  auto;
  font-size    :  14px !important;
  line-height  :  21px !important;
}

.postsPg a.category, .blogsPostPage a.category
{
  min-height  :  auto;
  float       :  left;
}

.blogsPostPage span.comments 
{
  float  :  left;
}

.postsPg span, .blogsPostPage span
{
  float  :  right;
}

.blogRightPanel 
{
	width           :  30.7%;
	display         :  inline-block;
	vertical-align  :  top;
}

.blogRightPanel .categories 
{
  background          :  #ffffff;
  margin-bottom       :  40px;
  box-shadow          :  0px 0px 30px 5px rgba(0, 0, 0, .05);
  -webkit-box-shadow  :  0px 0px 30px 5px rgba(0, 0, 0, .05);
}

.blogRightPanel .categories h6 
{
  background  :  #023651;
  color       :  #fff;
  padding     :  15px;
}

.blogRightPanel .categories .categoriesDetail
{
  width           :  100%;
  display         :  inline-block;
  vertical-align  :  top;
}

.blogRightPanel .categories .categoriesDetail a
{
  display  :  block;
}


.blogRightPanel .categories .categoriesDetail a
{
  padding     :  10px 15px;
}

.blogDetails a
{
  font-family    :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size      :  18px;
  line-height    :  26px; 
  display        :  block;
  margin-bottom  :  25px;
  min-height     :  49px;
  max-height     :  49px;
  overflow       :  hidden;
}  

.blogDetails span:nth-of-type(2), .post .blogDetails span:nth-of-type(1)
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  12px;
  line-height  :  26px; 
  display      :  block;
  position     :  relative;
  bottom       :  0;
} 

#NewsletterDiv
{
  width          :  1200px;
  margin         :  0 auto;
  border-top     :  1px solid #0ACDB8;
  padding-top    :  35px;  
  margin-bottom  :  150px;
}

#NewsletterDiv .leftSide, #NewsletterDiv .rightSide
{
  width           :  45%;
  display         :  inline-block;
  vertical-align  :  top;
}

#NewsletterDiv .rightSide 
{
  width       :  53%;
  text-align  :  right;
}

#NewsletterDiv .rightSide input.textbox 
{
  height         :  50px;
  width          :  350px;
  padding-top    :  0px;
  padding-left   :  15px;
  padding-right  :  15px;
  border         :  1px solid rgba(27, 29, 69, 0.6);
  border-radius  :  6px;
  position       :  relative;
  top            :  -3px;
  right          :  20px;
}

#NewsletterDiv .rightSide input.textbox::placeholder
{
  color  :  #023651;
}

#NewsletterDiv .rightSide input.buttonLink 
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  12px;
  line-height    :  21px;
  text-align     :  center;
  width          :  165px;
  margin-top     :  -5px;
  background     :  #fff;
  color          :  #3C0049;
  box-shadow     :  0px 3px 9px rgba(57, 20, 0, 0.08);
  height         :  48px;
  padding-top    :  4px;
  border         :  0;
  border-radius  :  6px;
  cursor         :  pointer;
}

#Map
{
  width     :  100%;
  position  :  relative;
}

#Map h6 
{
  margin-bottom  :  25px;
}

#MapDiv
{
  width      :  1200px;
  margin     :  0 auto;
  z-index    :  111;
  position   :  relative;
}

#frmContact
{
  width          :  370px;
  padding        :  50px 45px 25px 45px;
  position       :  absolute;
  top            :  160px;
  height         :  400px;
  background     :  #fff;
  box-shadow     :  0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius  :  6px;
}

#frmContact input.textbox, #frmContact textarea 
{
  color          :  #000;
  border         :  1px solid #0ACDB8;
  border-radius  :  6px;
  height         :  45px;
  width          :  94%;
  padding-left   :  3%;
  padding-right  :  3%;
  margin-bottom  :  6px;
}

#frmContact textarea 
{
  height       :  111px;
  padding-top  :  20px;
  resize       :  none;
}

#frmContact td.subject
{
  position  :  relative;
}

#frmContact td.subject a 
{
  position  :  absolute;
  right     :  15px;
  top       :  20px;
}

#frmContact td.subject a img 
{
  width  :  10px;
}

img.location 
{
  position  :  absolute;
  top       :  363px;
  left      :  calc(50% - 24px);
  width     :  70px;
}

#ContactDetailsDiv
{
  width          :  1200px;
  margin         :  0 auto;
  margin-top     :  70px;
  margin-bottom  :  150px;
}

.contactInfo
{
  float         :  left;
  width         :  25.08%;
  padding       :  30px 4%;
  border        :  1px solid #0ACDB8;
  text-align    :  left;
}

.contactInfo:nth-of-type(1) 
{
  border-top-left-radius     :  6px;
  border-bottom-left-radius  :  6px;
}

.contactInfo:nth-of-type(2)
{
  border  :  1px solid #0ACDB8;
} 

.contactInfo:nth-of-type(3)
{
  border-right                :  1px solid #0ACDB8;
  border-top-right-radius     :  6px;
  border-bottom-right-radius  :  6px;
}

.contactInfo img
{
  width  :  50px;
}

.contactInfo p
{
  font-family     :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size       :  12px;
  line-height     :  21px; 
  height          :  63px;
  overflow        :  hidden;
  vertical-align  :  middle;
  display         :  table-cell;
}

.contactInfo span
{
  display        :  inline-block;
  position       :  relative;
  top            :  -20px;
  left           :  15px;
  margin-bottom  :  0;
}

.emailInfo 
{
  background               : #EEEEEE;
  margin-top               :  -23px;
  border-top-left-radius   :  6px;
  border-top-right-radius  :  6px;
}

.emailInfo img 
{
  position  :  relative;
  top       :  22px;
}

.emailInfo span 
{
  position  :  relative;
  top       :  3px;
}

.emailInfo p 
{
  position  :  relative;
  top       :  22px;
}


#SocialLinks
{
  float       :  right;
  text-align  :  right;
  margin-top  :  70px;
}

#SocialLinks a img 
{
  width         :  45px;
  display       :  inline-block;
  margin-right  :  5px;
}

#SocialLinks a:nth-of-type(3n - 2) img 
{
  margin-right: 0;
}

#Copyright 
{
  border-top     :  1px solid #0ACDB8;
  padding-top    :  30px;
  margin-top     :  60px;
  margin-bottom  :  30px;
}

#Copyright span, #Copyright a 
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  12px;
  line-height  :  26px;
  color        :  #023651;
}

#Copyright a
{
  float         :  right;
  margin-right  :  60px;
  background    :  none;
  box-shadow    :  none;
  width         :  auto;
  padding-top   :  10px;
}

#Copyright a:nth-of-type(2n - 1)
{
  margin-right  :  0;
}



#BodyDiv h1
{
  font-family  :  Codec Pro ExtraBold, arial, verdana, sans-serif;
  font-size    :  40px;
  line-height  :  40px;
  color        :  #000;
  margin       :  0px 0px 25px 0px;
  padding      :  0px;
}

#BodyDiv h2, #MainDiv.homePgLoginRegister #Body h2, #MainDiv.homePgLoginRegister .loginNew h2, #AccountBottomSection h2
{
  font-family  :  Paralucent DemiBold, arial, verdana, sans-serif;
  font-size    :  26px;
  line-height  :  30px;
  color        :  #000;
  margin       :  0px;
  padding      :  0px;
}

.contactUsPg
{
  min-height  :  650px;
}

.contactUsPg hr 
{
  border      :  0;
  border-top  :  1px solid #0ACDB8;
  margin      :  20px 0;
}

.contactUsPg #frmContact 
{
  top         :  50px;
  width       :  50%;
  background  :  #fff;
  padding     :  20px 0;
  box-shadow  :  none;
}

input.buttonLink, button.buttonLink
{
  background      :  transparent;
  color           :  #fff;
  background      :  #000;
  border-radius   :  10px;
  float           :  none;
  font-family     :  Paralucent DemiBold, arial, verdana, sans-serif;
  font-size       :  18px;
  line-height     :  23px;
  text-align      :  center;
  margin-top      :  0px;
  width           :  168px;
  //height          :  20px;
  padding-top     :  9px;
  padding-bottom  :  7px;
  border          :  2px solid #000;
  cursor          :  pointer;
}

/* .contactUsPg #frmContact input.buttonLink 
{
  background  :  #0ACDB8;
  float       :  none;
  width       :  130px;
} */

.contactUsPg input.buttonLink 
{
  margin-top  :  0 !important;
}

.contactUsPg img#Captcha 
{
  border-radius  :  6px;
  height         :  48px;
  position       :  relative;
  top            :  -4px;
  width          :  115px;
}

#frmMemberLogin, #frmPassword, #frmRegister, #frmSettings, #frmMyPassword, #frmRecord, #frmFolderRecord
{
  top         :  50px;
  width       :  50%;
  background  :  #fff;
  padding     :  20px 0;
  box-shadow  :  none;
}

#frmRegister, #frmSettings, #frmMyPassword, #frmMemberLogin, #frmPassword
{
  width  :  100%;
}

#frmSettings, #frmMyPassword, #frmRegister, #frmMemberLogin, #frmPassword
{
  background  :  #E3E3E3;
}

#frmRecord, #frmFolderRecord
{
  background  :  #fff;
}

#frmMemberLogin input.textbox, 
#frmPassword input.textbox, 
#frmRegister input.textbox, 
#frmRegister textarea, 
#frmRegister select, 
#frmSettings input.textbox, 
#frmMyPassword input.textbox, 
#frmSettings textarea, 
#frmMyPassword textarea, 
#frmRecord input.textbox, 
#frmFolderRecord input.textbox, 
#frmRecord textarea, 
#frmFolderRecord textarea, 
#frmRecord select, 
#frmFolderRecord select,
.formStyle input.textbox,
.formStyle select,
.formStyle textarea

{
  color          :  #000;
  border         :  1px solid #B6B6B6;
  border-radius  :  6px;
  height         :  35px;
  width          :  94%;
  padding-left   :  3%;
  padding-right  :  3%;
  margin-bottom  :  3px;
}

#frmRecord input[type=file].textbox
{
  height  :  auto;
}

#frmRegister textarea, #frmSettings textarea, #frmMyPassword textarea, #frmRecord textarea, #frmFolderRecord textarea
{
  height       :  111px;
  padding-top  :  20px;
  resize       :  none;
}

#frmRegister select, #frmRecord select, #frmFolderRecord select
{
  width                :  100%;
  background           :  #fff url("../images/icons/plus-option.png") no-repeat right;
	background-position  :  97.5% 55%;
	background-size      :  20px;
	-webkit-appearance   :  none;
}

#Account table, #Messages table, #Retail table
{
  /* border         :  1px solid #EFEFEE; */
  border-radius  :  0px;
}

#Account table td, #Messages table td, #Retail table td, #Retail table th
{
  border   :  0;
  padding  :  10px;
}

#Account table th, #Messages table th
{
  background  :  #cccccc;
}

#Messages table tr:nth-child(2n), #Retail table tr:nth-child(2n), .dataTable tr:nth-child(2n) 
{
	background  :  #f3f1f1 !important;
}

#Account table tr td
{
  background  :  #fff !important;
}

#Account table tr td:nth-of-type(1), #Account table tr td:nth-of-type(4) 
{
	background: #E3E3E3 !important;
}

#PageMsg
{
  max-width   :  1200px;
  margin      :  0 auto;
  margin-top  :  15px;
}

.icon
{
  cursor  :  pointer;	
}

.dlgConfirm 
{
  padding  :  10px 5px 10px 5px;
  display  :  none;
}

#Cards ul
{
  margin   :  0;
  padding  :  0;	
}

#Cards ul li
{
  list-style    :  none;
  float         :  left;
}

#Cards ul li:first-child
{
  border-right  :  1px solid #000;	
}

#Cards ul li a
{
  display  :  block;
  padding  :  0 15px;	
}

#Cards ul li:first-child a
{
  padding-left  :  0;	
}

#Cards ul li:last-child
{
  border-right  :  none;	
}

.ui-icon.ui-icon-trash
{
  display  :  inline-block;	
}

#LandingPage
{
  width           :  370px;
  margin          :  0 auto;
  padding         :  20px 0;
  padding-bottom  :  0;
}

ul
{
  padding  :  0;
  margin   :  0;	
}

ul li
{
  list-style  :  none;	
}

#LandingPage .picture,
body.setupPg .picture
{
  width          :  168px;
  height         :  168px;
  border-radius  :  50%;
  overflow       :  hidden;
  position       :  absolute;
  z-index        :  10;
  top            :  85px;
  left           :  0;
  right          :  0;
  margin-left    :  auto;
  margin-right   :  auto;  
}

#LandingPage .picture.extraTop,
body.setupPg .picture.extraTop
{
  top  :  140px;
}

#LandingPage .title
{
  text-align     :  center;
  background     :  #EAEBEE;
  padding        :  60px 0 10px 0;
  border-radius  :  15px;
}

#LandingPage ul.social
{
  padding   :  20px 0;
}

#LandingPage ul.social li
{
  width          :  32%;
  background     :  #E6C6AD;
  color          :  #ffffff;
  float          :  left;
  margin-right   :  2%;
  margin-bottom  :  5%;
  border-radius  :  15px;
  overflow:hidden;
}

#LandingPage ul.social li.two
{
  width  :  49%;	
}

#LandingPage ul.social li.one
{
  width         :   100%;
  margin-right  :  0;	
}

#LandingPage ul.social li:nth-child(3n)
{
  margin-right  :  0;	
}

#LandingPage ul.social li.two:nth-of-type(2),
#LandingPage ul.social li.two:nth-of-type(5),
#LandingPage ul.social li.two:nth-of-type(8),
#LandingPage ul.social li.two:nth-of-type(11),
#LandingPage ul.social li.two:nth-of-type(14)
{
  margin-right  :  0;
}


#LandingPage ul.social li a
{
  display     :  block;
  padding     :  5px 0;
  text-align  :  center;	
}

#LandingPage ul.social li:hover
{
  background  :  #E6C6AD;	
}

#LandingPage ul.social li.last
{
  width         :  100%;
  padding       :  12px 0/*7px 0*/;
  background    :  #E6C6AD; 
  margin-left   :  0;
  margin-right  :  0;
}

#LandingPage ul.social li.last.globalProfile
{
  border         :  1px solid #E6C6AD;
  border-radius  :  3px;
  background     :  transparent;
}

#LandingPage ul.social li.last a
{
  color            :  #000;
  text-decoration  :  none;	
  font-family      :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size        :  21px;
  line-height      :  30px;
}

#LandingPage ul.social li.last.globalProfile a
{
  color      :  #000;	
  font-size  :  18px;
}

#LandingPage ul.social li a
{
  display     :  block;
  padding     :  5px 0;
  text-align  :  center;	
}

#LandingPage ul.social li:hover
{
  background  :  #E6C6AD;	
}

#LandingPage ul.carousel
{
  padding  :  0;
  margin   :  0;
}

#LandingPage ul.carousel li
{
  width    :  245px;
  padding  :  0 !important;
}







#Retail tbody a
{
  color  :  #06F;	
}

#AddBlocks
{
  width       :  100%;
  position    :  absolute;
  background  :  #ffffff;
  z-index     :  100;
  max-height  :  300px;
  overflow-y  :  scroll;   
}

#AddBlocks ul
{
  padding  :  0;
  margin   :  0;	
}

#LandingPage ul.social li #AddBlocks ul li,
#LandingPage ul.social li #AddBlocks ul li:hover
{
  list-style     :  none;
  width          :  94%;
  margin         :  0;
  background     :  transparent;
  color          :  #000000;
  cursor         :  pointer;
  line-height    :  36px;
  float          :  none;
  padding-left   :  6%;
  border-radius  :  0;
  border-bottom  :  1px solid #cccccc;
}

#LandingPage ul.social li #AddBlocks ul li:hover
{
  background     :  #ebebeb;
  border-radius  :  0;
}

#AddBlocks ul li img
{
  width         :  30px;
  position      :  relative;
  top           :  10px;
  margin-right  :  10px;
}

#AddBlockLink img
{
  position  :  relative;
  top       :  2px;
  width     :  21px;
  left      :  7px;
}

#SocialMediaSection
{
  text-align  :  center;	
  margin-top  :  -20px;
}

#SocialMedia
{
  padding         :  10px 10px;
  position        :  relative;
  width           :  94%;
  background      :  #E6C6AD;
  color           :  #000000;
  border          :  1px solid #502579;
  padding-top     :  16px;
  padding-bottom  :  16px;
  font-family     :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size       :  21px;
  line-height     :  30px;
} 

#SocialMedia img 
{
  position  :  relative;
  top       :  2px;
  width     :  21px;
  left      :  7px;
}

#SocialBox
{
  background  :  #ffffff;
  width       :  368px;
  position    :  absolute;
  border      :  1px solid #cccccc;
  top         :  47px;
  right       :  0px;
  max-height  :  300px;
  overflow-y  :  scroll;   
  z-index     :  10;
}

#SocialBox ul
{
  padding  :  0;
  margin   :  0;	
}

#SocialBox ul li
{
  list-style   :  none;
  padding      :  6px 0;	
  width        :  90%;
  margin-left  :  5%;
}

#SocialBox ul li:hover
{
  /* background  :  #ebebeb; */
}

#SocialBox ul li .left
{
  width                      :  30%;
  float                      :  left;
  text-align                 :  center;
  background                 : #E6C6AD;
  border-top-left-radius     :  10px;
  border-bottom-left-radius  :  10px;
  padding                    :  12px 0;	
}

#SocialBox ul li .right
{
  width                       :  70%;
  float                       :  right;
  text-align                  :  left;
  background                  :  #EAEBEE;
  padding                     :  5px 0;
  border-top-right-radius     :  10px;
  border-bottom-right-radius  :  10px;	
}

#SocialBox ul li .right input[type=text]
{
  padding      :  0px 4px 0px 3px;
  width        :  87%;
  margin       :  11px 0px 12px 10px;
  border       :  0;
  background   :  #EAEBEE;
  font-family  :  Codec Pro News, arial, verdana, sans-serif;
  font-size    :  15px;
  line-height  :  21px;
  color        :  #747474;
}

#SocialBox ul li .right input[type=submit]
{
  max-width  :  100px;
  float      :  right;
  position   :  relative;
  right      :  0px;
}

#SocialBox ul li.top .right input[type=submit]
{
  max-width   :  80px;
  float       :  right;
  position    :  inherit;
  right       :  inherit;
  border      :  1px solid #E6C6AD;
  background  : #E6C6AD;
  color       :  #000;
}

#SocialBox ul li .right label 
{
  margin-left  :  10px;
  margin-top   :  5px;
  display      :  block;
  font-family  :  Codec Pro News, arial, verdana, sans-serif;
  font-size    :  14px;
  line-height  :  18px;
  color        : #000;
}

#SocialBox ul li .right a 
{
  position  :  absolute;
  right     :  17px;
  top       :  19px;
}

#SocialBox ul li .right a img 
{
  width  :  18px;
}

#SocialBox ul li.top .left, #SocialBox ul li.top .right
{
  background  :  none;
}

#SocialBox ul li:first-child
{
  padding        :  10px 0;
  border-bottom  :  1px solid #cccccc;	
}

#SocialBox ul li:first-child:hover
{
  background  :  #ffffff;	
}

#SocialBox ul li:first-child .left,
#SocialBox ul li:first-child .right
{
  width  :  50%;	
}

#SocialBox ul li:first-child .left
{
  text-transform  :  uppercase;
  line-height     :  30px;
}

#SocialBox ul li.top .left
{
  width  :  50px;	
}

#SocialBox ul li.top .middle
{
  width        :  100px;
  float        :  left;
  line-height  :  53px;
}

#SocialBox ul li.top .right
{
  width  :  85px;	
}

#SocialBox #SocialToggle
{
  border         :  1px solid;
  border-radius  :  3px;
  padding        :  2px 5px;
}


#Retail tbody a:mouseover
{
  color  :  red;	
}







#Sections
{
  width  :  450px !important;	
}

#Sections iframe
{
  width   :  100%;
  height  :  300px;	
}

#Sections .postImage img
{
  width  	 :  100%;
  border-radius  :  15px;
}

.hidden
{
  display  :  none;
}

#Body #Contents.login
{
  padding     :  20px 0px 0px 0px;
  min-height  :  auto;	
}

#NewsletterDiv .rightSide #NewsletterMsg
{
  text-align   :  left;
  width        :  83%;
  margin-left  :  10%;	
}

#NewsletterDiv .rightSide .buttonLink
{
  position  :  relative;
  top       :  -5px;	
}

#Tab 
{
  padding  :  15px;
}

#Tab .ui-state-default
{
  border         :  1px solid #e8e8e8;
  border-radius  :  0 !important;
  padding        :  7px !important;
  background     :  #E6C6AD !important;
  left           :  -2px;
}

#Tab .ui-state-active
{
  background  :  #fff !important;
}

#Tab .ui-state-default a
{
  color  : #fff !important;
}

#Tab .ui-state-active a
{
  color          :  #000 !important;
  border-bottom  :  0 !important;
}

#Tab .ui-widget-header
{
  border         :  1px solid #EFEFEE;
  background     :  none;
  border-top     :  0;
  border-left    :  0;
  border-right   :  0;
  border-radius  :  0;
}

input#filePicture,
input#fileBanner
{
  padding        :  10px;
  border         :  1px solid #99a3ba;
  border-radius  :  6px;
}

tr.header
{
  color  :  #ffffff;
}

a.shopButton 
{
  font-family    :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size      :  20px;
  line-height    :  25px;
  border         :  2px solid #fff;
  
  padding        :  5px 20px;
  color          :  #000;
  margin-right   :  5px;
}

a.shopButton:hover, a.shopButton.selected
{
  background     :  #023550;
  color          :  #ffffff;
  border-radius  :  30px;
  border         :  2px solid #023550;
}

.links a.shopButton:last-child
{
  margin-right  :  0;	
}

#Companies
{
  width       :  100%;
  background  :  #E8E8E8;
}

#Companies span 
{
  font-family    :  "Codec Pro Regular";
  font-size      :  16px;
  line-height    :  20px;
  text-align     :  center;
  display        :  block;
  color          :  #000;
  margin-bottom  :  15px;
}

#CompaniesDiv
{
  width    :  1200px;
  margin   :  0 auto;
  padding  :  20px 0;
}

#CompaniesDiv ul 
{
  padding-left  :  0;
  text-align    :  center;
}

#CompaniesDiv ul li 
{
  list-style-type  :  none;
  display          :  inline-block;
  vertical-align   :  top;
  margin-right     :  35px;
}

#CompaniesDiv ul li:last-child 
{
  margin-right  :  0;
}

#CompaniesDiv ul li a img
{
  width  :  100%;  
}

.works
{
  margin-left    :  -15px;
  margin-top     :  70px;
  margin-bottom  :  40px;
}

.works a 
{
  display         :  inline-block;
  vertical-align  :  top;
  margin-right    :  60px;
  text-align      :  center;
  width           :  100px;
}

.works a img 
{
  width          :  50px !important;
  text-align     :  center;
  margin         :  0 auto;
  display        :  block;
  margin-bottom  :  10px;
}

.works a span 
{
  text-align  :  center;
  display     :  block;
}

.works a:last-child
{
  margin-right  :  0;
}

#Footer
{
  clear                    :  both;
  background               :  #033651;
  border-top-left-radius   :  30px;
  border-top-right-radius  :  30px;
  width                    :  1300px;
  margin                   :  0 auto;
  margin-top               :  30px;
}

#Footer #FooterDiv
{
  width       :  1200px;
  margin      :  0 auto;
  min-height  :  180px;
  padding     :  60px 50px 35px 50px; 
}

#Footer #FooterDiv div, #Footer #FooterDiv, #Footer #FooterDiv span
{
  font-family  :  'Codec Pro Regular', verdana, arial, sans-serif;
  font-size    :  13px;
  color        :  #fff;
  line-height  :  25px;
}

#Footer h2
{
  text-transform  :  uppercase;
  font-family     :  Codec Pro Bold, Arial, sans-serif;
  font-size       :  16px;
  line-height     :  19px;
  margin-bottom   :  30px;
  color           : #fff;
}

.footerContact h2
{
  text-transform  :  none !important;
}

#Footer ul
{
  padding  :  0px;
}

#Footer ul li
{
  list-style  :  none;
}

#Footer #FooterDiv a, #Footer #FooterDiv a:hover
{
  font-family      :  'Codec Pro Regular', verdana, arial, sans-serif;
  font-size        :  14px;
  color            :  #fff;  
  text-decoration  :  none;
  line-height      :  22px;
  margin-bottom    :  7px;
  display          :  block;
}

#Footer #FooterDiv a:hover
{
  color            :  #fff;  
  text-decoration  :  none;
}

#Footer .footer
{
  float  :  left;
  width  :  25%;
}

#Footer .footer:nth-of-type(1)
{
  float  :  left;
  width  :  15%;
}

#Footer .footer:nth-of-type(2)
{
  float  :  left;
  width  :  15%;
}

#Footer .footer:nth-of-type(3)
{
  float  :  left;
  width  :  40%;
}

.footerSocial li 
{
  display       :  inline-block;
  margin-right  :  20px;
}

.footerSocial li:last-child 
{
  margin-right  :  0;
}

.copyRight
{
  font-family    :  'MyriadPro Regular', verdana, arial, sans-serif !important;
  line-height    :  18px !important;
  margin-top     :  25px;
  margin-bottom  :  15px;
}

a.terms 
{
  font-family  :  'MyriadPro Regular', verdana, arial, sans-serif !important;
  display      :  block;
}

#MainDiv.accountPg #Tab 
{
  background  :  #f8f8f86e;
}

.ui-dialog .ui-dialog-title
{
  color  :  #ffffff;	
}



@font-face
{
  font-family  :  'Oswald Regular';
  src	         :  url('../fonts/Oswald-Regular.ttf');
}

#MainDiv.loginPages .loginFormsDiv, #MainDiv.homePgLoginRegister .loginFormsDiv
{
  width          :  920px;
  margin         :  0 auto;
  margin-top     :  35px;
  box-shadow     :  0px 10px 34px -15px rgba(0, 0, 0, 0.24);
  height         :  475px;
  margin-bottom  :  100px;
}

#MainDiv.loginPages .leftSide, #MainDiv.homePgLoginRegister .leftSide
{
  width        :  40%;
  float        :  left;
  background   :  #fff;
  height       :  415px;
  padding      :  30px 5%;
  font-family  :  'Codec Pro Regular';
  font-size    :  16px;
  line-height  :  28px;
  font-weight  :  400;
}

#MainDiv.loginPages .leftSide form, #MainDiv.homePgLoginRegister .leftSide form
{
  width  :  100%;
}

#MainDiv.loginPages .rightSide, #MainDiv.homePgLoginRegister .rightSide
{
  width        :  50%;
  height       :  475px;
  float        :  right;
  background   :  #023651;
  text-align   :  center;
  font-family  :  'Codec Pro Regular';
  font-size    :  16px;
  line-height  :  28px;
  font-weight  :  400;
}

#MainDiv.loginPages h3, #MainDiv.homePgLoginRegister h3 
{
  font-family    :  'Codec Pro Regular';
  font-size      :  26px;
  line-height    :  42px;
  font-weight    :  400;
  margin-bottom  :  0;
  margin-top     :  0;
}

#MainDiv.loginPages label, #MainDiv.homePgLoginRegister label
{
  font-family    :  'Codec Pro Light';
  font-size      :  18px;
  line-height    :  23px;
  display        :  block;
  margin-bottom  :  8px;
}

#MainDiv.loginPages input.textbox, #MainDiv.loginPages textarea, #MainDiv.homePgLoginRegister input.textbox, #MainDiv.homePgLoginRegister textarea
{
  display        :  block;
  padding        :  12px 6%;
  width          :  88%; 
  height         :  20px;
  background     :  #E3E3E3;
  color          :  #000;
  font-family    :  'Codec Pro Light';
  font-size      :  18px;
  line-height    :  23px;
  border-radius  :  10px;
  border         :  1px solid #ACACAC;
}

#MainDiv.loginPages input.textbox.full, #MainDiv.loginPages textarea.full, #MainDiv.homePgLoginRegister input.textbox.full, #MainDiv.homePgLoginRegister textarea.full
{
  padding :  12px 3%;
  width   :  94%; 
}

#MainDiv.loginPages input.textbox::placeholder, #MainDiv.loginPages textarea::placeholder, #MainDiv.homePgLoginRegister input.textbox::placeholder, #MainDiv.homePgLoginRegister textarea::placeholder
{
  color  :  #C4C4C4;
}

#MainDiv.loginPages textarea, #MainDiv.homePgLoginRegister textarea
{
  resize         :  none;
  min-height     :  100px;
  border-radius  :  10px;
}

.loginButtons
{
  width          :  100%;
  padding        :  9px;
  border-radius  :  50px;
  border         :  1px solid #ffffff;
  background     :  #0ACDB8;
  color          :  #fff;
  font-family    :  'Oswald Regular';
  font-size      :  16px;
  line-height    :  28px;
  font-weight    :  400;
  cursor         :  pointer;
}

.loginButtons:hover
{
  border      :  1px solid #023651c7;
  background  :  #fff;
  color       :  #000;
}

#MainDiv.loginPages .formFooter .remember label, #MainDiv.homePgLoginRegister .formFooter .remember label
{
  display    :  inline-block;
  font-size  :  14px;
  color      :  #f35588;
}

#MainDiv.loginPages .formFooter a, #MainDiv.homePgLoginRegister .formFooter a
{
  font-size  :  14px;
  color      :  #31ad99;
  cursor     :  pointer;
}

#MainDiv.loginPages .rightSide h2, #MainDiv.homePgLoginRegister .rightSide h2
{
  color        :  #fff;
  font-family  :  'Codec Pro Bold';
  font-size    :  26px;
  line-height  :  40px;
  font-weight  :  700;
  margin-top   :  156px;
}

#MainDiv.loginPages .rightSide span, #MainDiv.homePgLoginRegister .rightSide span
{
  color          :  #fff;
  font-family    :  'Codec Pro Regular';
  font-size      :  16px;
  line-height    :  28px;
  font-weight    :  400;
  display        :  block;
  margin-top     :  10px;
  margin-bottom  :  18px;
}

#MainDiv.loginPages .rightSide a.loginButtons, #MainDiv.homePgLoginRegister .rightSide a.loginButtons 
{
  background  :  none;
  border      :  1px solid #fff;
  display     :  inline-block;
  width       :  72px;
  color       :  #fff;
}

#MainDiv.loginPages .rightSide a.loginButtons:hover, #MainDiv.homePgLoginRegister .rightSide a.loginButtons:hover
{
  background  :  #fff;
  border      :  1px solid #fff;
  color       :  #000;
}

#MainDiv.registerPage .loginFormsDiv, #MainDiv.registerPage .rightSide, #MainDiv.homePgLoginRegister .loginFormsDiv, #MainDiv.homePgLoginRegister .rightSide
{
  height   :  1200px;
}

#MainDiv.registerPage .leftSide, #MainDiv.homePgLoginRegister .leftSide
{
  height   :  1130px;
}

#MainDiv.registerPage .rightSide h2, #MainDiv.homePgLoginRegister .rightSide h2
{
  margin-top  :  520px;
}

#MainDiv.accountPg .loginFormsDiv.accountSetting, #MainDiv.accountPg .loginFormsDiv.accountSetting .rightSide
{
  height   :  700px;
}

#MainDiv.accountPg .loginFormsDiv.accountSetting .leftSide
{
  height   :  630px;
}

#MainDiv.accountPg .loginFormsDiv.accountSetting .rightSide h2
{
  margin-top  :  265px;
}





























/*********************************************
**********************************************
**********************************************
*********************************************/
:root 
{
  --input-color                       :  #99A3BA;
  --input-border                      :  #CDD9ED;
  --input-background                  :  #ffffff;
  --input-placeholder                 :  #CBD1DC;
  --input-placeholder-font            :  12px;
  --input-border-focus                :  #023651;
  --input-main-button-color           :  #023651;
  --group-color                       :  var(--input-color);
  --group-border                      :  var(--input-border);
  --group-background                  :  #EEF4FF;
  --group-color-focus                 :  #ffffff;
  --group-border-focus                :  var(--input-border-focus);
  --group-background-focus            :  #023651;
  

  --section-background-color          :  #ffffff;
  --section-border-color              :  var(--input-border);
  --section-text-color                :  #999999;  
  --section-text-font-size            :  12px;

  --section-heading-font-family       :  Codec Pro ExtraBold, arial, verdana, sans-serif;
  --section-heading-size              :  16px;
  --section-heading-color             :  #000000;
  --section-heading-lineheight        :  20px;
  --section-button-background         :  #E6C6AD;
  --section-button-color              :  #000000;
  --section-button-color-hover        :  #E6C6AD;
  --section-caption-background        :  #ffffff8f;
  --section-caption-background-hover  :  #ffffffbd;
}

.formField 
{
  display             :  block; 
  width               :  100%;
  padding             :  8px 16px;
  line-height         :  25px;
  font-size           :  14px;
  font-weight         :  500;
  font-family         :  inherit;
  border-radius       :  6px;
  -webkit-appearance  :  none;
  color               :  var(--input-color);
  border              :  1px solid var(--input-border);
  background          :  var(--input-background);
  transition          :  border 0.3s ease;
}

.formField::-moz-placeholder 
{
  color  :  var(--input-placeholder);
}

.formField:-ms-input-placeholder 
{
  color  :  var(--input-placeholder);
}

.formField::placeholder 
{
  color      :  var(--input-placeholder);
  font-size  :  var(--input-placeholder-font);
}

.formField:focus,
#frmRecord .formGroup textarea.formField:focus 
{
  outline       :  none;
  border-color  :  var(--input-border-focus);
}

.formGroup 
{
  position  :  relative;
  display   :  flex;
  width     :  100%;
}

.formGroup > span,
.formGroup .formField 
{
  display      :  block;
}

.formGroup > span:not(:first-child):not(:last-child),
.formGroup .formField:not(:first-child):not(:last-child) 
{
  border-radius  :  0;
}

.formGroup > span:first-child,
.formGroup .formField:first-child 
{
  border-radius  :  6px 0 0 6px;
}

.formGroup > span:last-child,
.formGroup .formField:last-child 
{
  border-radius  :  0 6px 6px 0;
}

.formGroup > span:not(:first-child),
.formGroup .formField:not(:first-child) 
{
  margin-left  :  -1px;
}

.formGroup .formField 
{
  position       :  relative;
  z-index        :  1;
  flex           :  1 1 auto;
  width          :  1%;
  margin-top     :  0;
  margin-bottom  :  0;
}

.formGroup > span 
{
  min-width    :  70px;
  text-align   :  center;
  padding      :  8px 12px;
  font-size    :  14px;
  line-height  :  25px;
  color        :  var(--group-color);
  background   :  var(--group-background);
  border       :  1px solid var(--group-border);
  transition   :  background 0.3s ease, border 0.3s ease, color 0.3s ease;
}

.formGroup:focus-within > span 
{
  color         :  var(--group-color-focus);
  background    :  var(--group-background-focus);
  border-color  :  var(--group-border-focus);
}

.formGroup.textarea span
{
  width  :  70px;	
}


#frmRecord .formGroup textarea.formField,
.formGroup textarea.formField
{
  margin         :  0;
  min-height     :  75px;
  border-radius  :  0 6px 6px 0;
  padding        :  5px;
  border         :  1px solid var(--input-border);
}

html 
{
  box-sizing              :  border-box;
  -webkit-font-smoothing  :  antialiased;
}

.innerPages.bg
{
  background  :  var(--input-main-button-color);
}

section.box
{
  width       :  350px;
  padding     :  10px;
}

section.box h2
{
  font-size      :  var(--section-heading-size);
  font-family    :  var(--section-heading-font-family);
  color          :  var(--section-heading-color);
  line-height    :  var(--section-heading-lineheight);
  padding-right  :  50px;
}

.landingPg section.box h2
{
  padding-right  :  0px !important;
}

section.box h2 a
{
  font-size      :  var(--section-heading-size);
  color          :  var(--section-heading-color);
  font-family    :  var(--section-heading-font-family);
}

.topBar
{
  min-height     :  40px;
  margin-bottom  :  10px;	
}

section.box .button
{
  background     :  var(--section-button-background);	
  color          :  var(--section-button-color);
  display        :  block;
  text-align     :  center;
  padding        :  15px;
  border-radius  :  15px;
}

section.box .button:hover
{
  background  :  var(--section-button-color-hover);	
}

#Sections .box.imagePost a
{
  display  :  block;	
}

.box.imagePost .caption
{
  width          :  94%;
  padding        :  3%;	
  position       :  absolute;
  text-align     :  center;
  bottom         :  0px;
  border-radius  :  0px 0px 15px 15px;
}

.box p
{
  margin  :  0;	
}

#LinkProfile
{
  width                    :  370px;
  background               :  #E6C6AD;
  padding                  :  5px 0 20px 0;
  border-top-right-radius  :  15px;
  border-top-left-radius   :  15px;
}

#LinkProfile a#Close
{
  position  :  absolute;
  right     :  9px;
  top       :  9px;
  display   :  none;
}

#LinkProfile ul
{
  text-align  :  center;
  margin-top  :  15px;	
}

#LinkProfile li
{
  display  :  inline-block;
  margin   :  0 15px;	
}

#LinkProfile li a
{
  background     :  #E6C6AD;
  color          :  #000;
  padding        :  10px 15px;
  border-radius  :  10px;
  display        :  block;
}

#LinkProfile li a img 
{
  display        :  block;
  text-align     :  center;
  margin         :  0 auto;
  margin-bottom  :  10px;
}

#LinkProfile li a:hover
{
  background  :  #E6C6AD;	
}

#ProfilePic img
{
  /* width     :  135%;
  position  :  absolute;
  left      :  -17%;
  top       :  -10px;   */
  width     :  168px;
}

.fLeft
{
  float  :  left;
}

.fRight
{
  float  :  right;
}

.line,
.lineLeft
{
  font-size  :  var(--section-text-font-size);
  color      :  var(--input-color);
  padding    :  5px 0px 5px 110px;	
}

.ui-datepicker-trigger
{
  display  :  none;	
}

.payment
{
  position  :  relative;
  top       :  7px;
}

.paymentMode
{
  height        :  20px;
  position      :  relative;
  top           :  4px;
  display       :  inline-block;
  margin-right  :  5px;	
}

.dispayNone
{
  display  :  none;	
}

#StoresList ul li
{
  width          :  48%;
  float          :  left;
  margin-right   :  4%;
  margin-bottom  :  4%;
}

#StoresList ul li:nth-child(2n)
{
  margin-right  :  0;	
}

#StoresList ul li img
{
  max-width  :  100%;	
}

#CircularImage .image
{
  width          :  330px;
  height         :  330px;
  margin         :  0 auto;
  border-radius  :  50%;
  border         :  2px solid transparent;
  overflow       :  hidden;
}

#CircularImage .image img
{
  width     :  100%;
  position  :  absolute;
  left      :  0%;
  top       :  0px;	
}

#FontFamily input[type=text].color
{
  border-color  :  1px solid #cccccc;
  outline       :  none;
  padding       :  5px;
}

.textFile
{
  width          :  94%;
  padding        :  3%;
  margin-bottom  :  0px;
  border-width   :  1px;
  border-style   :  solid;
  border-color   :  #B6B6B6;
  border-image   :  initial;
  border-radius  :  6px;	
}

.tooltip 
{
  position       :  relative;
  display        :  inline-block;
  color          :  #006080;
  top            :  3px;
}

.tooltip .tooltiptext 
{
  visibility        :  hidden;
  position          :  absolute;
  width             :  200px;
  background-color  :  #023651cf;
  color             :  #fff;
  text-align        :  center;
  padding           :  5px;
  border-radius     :  6px;
  z-index           :  1;
  opacity           :  0;
  transition        :  opacity .6s;
}

.tooltip-right 
{
  top   :  -5px;
  left  :  125%;
}

.tooltip-right::after 
{
  content       :  "";
  position      :  absolute;
  top           :  50%;
  right         :  100%;
  margin-top    :  -5px;
  border-width  :  5px;
  border-style  :  solid;
  border-color  :  transparent #555 transparent transparent;
}

.tooltip:hover .tooltiptext 
{
  visibility  :  visible;
  opacity     :  1;
}

#BodyDiv #RightPanel  
{
  display  :  none;
}

.dragAndDrop
{
  position     :  absolute;
  /*right        :  47px;*/
  left         :  371px;
  width        :  30px;
  height       :  15px;
  text-align   :  center;
  padding      :  10px 0;
  line-height  :  12px;
  font-size    :  24px;
  cursor       :  move;
}

.sectionOptions
{
  width                  :  30px;
  height                 :  30px;
  position               :  absolute;
  right                  :  0;
  top                    :  -6px;
  background             :  url('../images/icons/more.png');
  background-size        :  30px;
  background-repeat      :  no-repeat;
  background-position-x  :  right;
  cursor                 :  pointer;
}

.sectionOptions ul
{
  width       :  180px;
  display     :  none;	
  position    :  absolute;
  top         :  30px;
  background  :  #efefef;
  z-index     :  10;
  box-shadow  :  rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

.sectionOptions ul li,
#StoresList .sectionOptions ul li
{
  width          :  160px;
  position       :  relative;
  float          :  none;
  display        :  block;
  margin         :  0;
  border-bottom  :  1px solid #CCCCCC;
  padding        :  7px 10px;
}

.sectionOptions:hover ul
{
  display     :  block;
}

.sectionOptions ul li:hover
{
  background  :  #ffffff;
}

.sectionOptions ul li img
{
  position  :  relative;
  top       :  2px;
}

.lineLeft
{
  padding    :  5px 0px;
}

#ProfileBannerOuter
{
  //position  :  absolute;
}

.countDownDiv
{
  text-align  :  center;	
}

.countDownDiv .countdown span
{
  width          :  100%;
  display        :  block;
  text-align     :  center;
  margin-top     :  10px;
  margin-bottom  :  10px;
}

.countDownDiv .countdown
{
  width          :  70px;
  height         :  70px;
  display        :  inline-block;
  font-size      :  26px;
  text-align     :  center;
  margin-right   :  6px;
  margin-left    :  6px;
  border         :  1px solid #cccccc;
  border-radius  :  5px;
}

.link
{
  color            :  #06F;
  text-decoration  :  underline;	
}


#Sections.profile section.box,
#Sections.profile .dragAndDrop
{
  border  :  1px solid #E6C6AD;	
}

.mobile
{
  display  :  none;	
}

.text
{
  font-family    :  'Codec Pro Regular';	
}

.memberCards
{
  width          :  90%;
  padding        :  5%;
  border         :  1px solid #023651;
  border-radius  :  10px;
  margin-bottom  :  5%;
}

.folder
{
  background     :  #4A2874;
  color          :  #ffffff;
  position       :  absolute;
  padding        :  5px 10px 4px 10px;
  border-radius  :  10px;
  right          :  5px;
  top            :  8px;	
}

.wysiwyg-container
{
  border  :  none;	
}

.wysiwyg-editor
{
  padding  :  0;	
}

.wysiwyg-editor
{
  overflow  :  visible !important;	
}

.textLeft
{
  text-align  :  left;	
}

.textRight
{
  text-align  :  right;	
}

.textCenter
{
  text-align  :  center;	
}

.textJustify
{
  text-align  :  justify;	
}

.wysiwyg-popup.wysiwyg-arrowtop:after,
.wysiwyg-popup
{
  border-color  :  transparent !important;	
}

.linkIcon
{
  width  :   18px;
  position:relative;
  top:3px;
  margin-right:10px;	
}

.plupload_button .ui-icon
{
  margin-left  :  6px;
  top          :  45%;  	
}

.plupload_button .ui-button-icon-primary
{
  margin-left  :  0;	
  top          :  50%;  	
}

.priceTag
{
  position       :  absolute;
  padding        :  10px;
  border-radius  :  5px;
  top            :  10px;
}

.priceTag.bold
{
  font-weight  :  bold;	
}

.priceTag.left
{
  left  :  3%;	
}

.priceTag.right
{
  right  :  3%;	
}

.priceTag.center
{
  left  :  45%;	
}

.box.imagePost .caption.table
{
  position       :  relative;
  width          :  100%;
  padding        :  0;
  margin-bottom  :  10px;
  text-align     :  left;	
}

.priceTag.table
{
  position  :  relative;	
  padding   :  0;
  top       :  auto;
}

#MainDiv.loginPages.password .leftSide, #MainDiv.homePgLoginRegister.password .leftSide
{
  height  :  500px;	
}

#MainDiv.loginPages.password .rightSide, #MainDiv.loginPages.password .loginFormsDiv, #MainDiv.homePgLoginRegister.password .rightSide, #MainDiv.homePgLoginRegister.password .loginFormsDiv 
{
  height  :  560px;	
}

.messageBox
{
  width   :  920px;
  margin  :  0 auto;	
}


.footerSection
{
  display         :  inline-block;
  vertical-align  :  top;
}

.footerSection1
{
  width  :  15%;
}

.footerSection2
{
  width  :  58%;
}

.footerSection3
{
  width  :  26%;
}

.footerSection3 a
{
  display  :  inline-block !important;
}

.footerSection1 img 
{
  width  :  80px;
}

.footerSection p, .footerSection h6, .footerSection a 
{
  color  :  #fff;
}

.footerSectionLeft a 
{
  margin-left  :  20px;
}

.socialIcons li
{
  display         :  inline-block;
  vertical-align  :  top;
  margin-right    :  11px;
}

.socialIcons img 
{
  width  :  35px;
}

.footerSection6 a:nth-of-type(1)
{
  float  : left;
}

.footerSection6 a:nth-of-type(2) 
{
  float  : right;
}

.footerSection4, .footerSection5, .footerSection6 
{
  margin-top  :  63px;
}

#Cards .desktop
{
  border  :  0;
}

#Cards .desktop tbody td
{
  border  :  1px solid #9C9C9C;
}

#Cards .desktop thead th
{
  border  :  1px solid #B7D3D3;
}

#Cards .desktop tbody td, #Cards .desktop thead th
{
  border-right  :  0;
}

#Cards .desktop tbody td:last-child
{
  border-right  :  1px solid #9C9C9C;
}

#Cards .desktop thead th:last-child
{
  border-right  :  1px solid #B7D3D3;
}

#Cards .desktop tr th
{
  background  :  #3F7F81;
}

#Cards .desktop tr td:first-child, #Cards .desktop tr th:first-child 
{
  border-top-left-radius     :  10px;
  border-bottom-left-radius  :  10px;
}

#Cards .desktop tr td:last-child, #Cards .desktop tr th:last-child  
{
  border-top-right-radius     :  10px;
  border-bottom-right-radius  :  10px;
}

#Account table tr td
{
  border  :  1px solid #A6A6A6;
}

#Account table tr td:first-child, #Account table td:nth-of-type(4)
{
  border-top-left-radius     :  10px;
  border-bottom-left-radius  :  10px;
}

#Account table tr td:last-child, #Account table td:nth-of-type(2)  
{
  border-top-right-radius     :  10px;
  border-bottom-right-radius  :  10px;
}

#Account table td.centerTd 
{
  border      :  0;
  background  :  none !important;
}

#Body
{
  width   :  1300px;
  margin  :  0 auto;
}

#MainDiv.dashboardPg #Body, #MainDiv.cardsPg #Body, #MainDiv.accountPg #Body, #MainDiv.loginPages #Body, #MainDiv.homePgLoginRegister #Body
{
  background  :  #E3E3E3;
}

form label 
{
  color  :  #000;
}

#MainDiv.insightsPg table.two
{
  margin-top  :  25px;
}

#MainDiv.insightsPg th, #MainDiv.insightsPg td 
{
  background  :  #fff;
  color       :  #000;
}

#MainDiv.insightsPg th, #MainDiv.insightsPg tr.other td
{
  border-bottom  :  1px solid #A1A1A1;
  border-right   :  1px solid #A1A1A1;
}

#MainDiv.insightsPg th:first-child
{
  border-top-left-radius  :  10px;
}

#MainDiv.insightsPg th:last-child
{
  border-right            :  0;
  border-top-right-radius :  10px;
}

#MainDiv.insightsPg tr.other td:last-child
{
  border-right  :  0;
}

#MainDiv.insightsPg tbody tr.last td
{
  border-bottom  :  0;
  border-right   :  1px solid #A1A1A1;
}

#MainDiv.insightsPg tbody tr.last td:last-child
{
  border-right  :  0;
}

#MainDiv.insightsPg tbody tr.last td:first-child
{
  border-bottom-left-radius :  10px;
}

#MainDiv.insightsPg tbody tr.last td:last-child
{
  border-bottom-right-radius :  10px;
}

#MainDiv.insightsPg
{
  background  : #F1F0EC;
  width       :  1300px;
  margin      :  0 auto;
}

#MainDiv.insightsPg #Body #Contents
{
  padding-bottom  :  0;
  background      : #F1F0EC;
}

#MainDiv.insightsPg .trail 
{
  margin-top     :  -20px;
  margin-bottom  :  40px;
}

#MainDiv.insightsPg .trail img 
{
  width    :  10px;
  display  :  inline-block;
  margin   :  0 18px;
}

#MainDiv.insightsPg .trail a 
{
  font-family  :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size    :  18px;
  line-height  :  23px;
  color        : #000;
}

#frmRecord #BtnSubmit, #frmFolderRecord #BtnSave
{
  float  :  right;
}

.loginNewPages
{
  width   :  750px;
  margin  :  0 auto;
}

.loginNewPages form .singleCol 
{
  display         :  inline-block;
  vertical-align  :  top;
  width           :  42% !important;
}

.loginNewPages form .buttonLink 
{
  width  :  100%;
}

.logoOuter, .logoOuter1
{
  position  :  relative;
}

a.logoOuterDiv 
{
  position                 :  relative;
  background               :  #CCCCCC url('../images/logo.png') no-repeat center;
  background-size          :  225px;
  height                   :  72px;
  border-top-left-radius   :  10px;
  border-top-right-radius  :  10px;
  width                    :  250px;
  padding-left             :  10px;
  padding-right            :  10px;
  text-align               :  center;
  display                  :  block;
}

.logoOuter .rightArrow, .logoOuter1 .rightArrow
{
  position       :   absolute;
  right          :  -39px;
  bottom         :  -1px;
  width          :  41px;
  height         :  38px;
  background     :  url('../images/icons/grey1.png') no-repeat center;
}

.remember label 
{
  display  :  inline-block !important;
}

.footerSection1.logo a
{
  margin-top  :  20px;	
}

.footerSection2 a 
{
  font-family  :  'Codec Pro ExtraBold', verdana, arial, sans-serif !important;
  font-size    :  16px !important;
  line-height  :  20px !important;
}

.footerSection2 .left
{
  width         :  175px;
  float         :  left;
  //border-right  :  5px solid #ffffff;	
}

.footerSection2 .right
{
  float        :  left;
  margin-left  :  20px;	
}

.footerSection2 .right a
{
  font-family  :  'Codec Pro Regular', verdana, arial, sans-serif !important;
  font-size    :  16px !important;
  line-height  :  20px !important;
  font-weight  :  inherit;	
}

.footerSection3 p 
{
  font-family  :  'Codec Pro Regular', verdana, arial, sans-serif !important;
  font-size    :  16px !important;
  line-height  :  25px !important;
  font-weight  :  inherit;
  margin       :  0;
}

.footerSection3 h6 
{
  font-family  :  'Codec Pro Heavy', verdana, arial, sans-serif !important;
  font-size    :  24px !important;
  line-height  :  25px !important;
  font-weight  :  bold;
}

.footerSection3 a:hover
{ 
  text-decoration  :  underline !important;
}

.footerSection5 p, .footerSection6 a
{
  font-family  :  'Codec Pro Light', verdana, arial, sans-serif !important;
  font-size    :  14px !important;
  line-height  :  25px !important;
}

.footerSection6
{
  margin-top  :  79px;
}

#MainDiv.insightsPg #Body #BodyDiv 
{
  width  :  1250px;
}

#BannerDiv h1 
{
  position     :  absolute;
  top          :  230px;
  margin-left  :  30px;
}

#MainDiv.homePgLoginRegister #BannerDiv
{
  z-index: 1;
}

#MainDiv.homePgLoginRegister #BannerDiv h1
{
  display  :  none;
}

#MainDiv.homePgLoginRegister #Banner 
{
  height  :  490px;
}

#MainDiv.homePgLoginRegister #BannerDiv img 
{
  position        :  absolute;
  top             :  0;
  height          :  490px;
  filter          :  filter(value);
  filter          :  grayscale(100%);
  -webkit-filter  :  grayscale(100%);
}

#MainDiv.homePgLoginRegister .loginNew
{
  z-index     :  1;
  margin-top  :  125px;
}

#MainDiv.homePgLoginRegister .loginNew h2, #MainDiv.homePgLoginRegister .loginNew label, #MainDiv.homePgLoginRegister .loginNew input.textbox, #MainDiv.homePgLoginRegister .loginNew a
{
  color  :  #fff;
}

#MainDiv.homePgLoginRegister .loginNew form .buttonLink
{
  background  :  #D8D8D8;
  color       :  #000;
  border      :  0;
}

#MainDiv.homePgLoginRegister .loginNew #frmMemberLogin, #MainDiv.homePgLoginRegister .loginNew input.textbox
{
  background  :  none;
}

#MainDiv.homePgLoginRegister .loginNew input.textbox
{
  border  :  1px solid #707070;
}

#MainDiv.homePgLoginRegister .registerNew
{
  padding  :  50px 0 40px 0;
}

#MainDiv.homePgLoginRegister .loginNew td.rememberTd
{
  padding-top  :  12px;
}

#MainDiv.homePgLoginRegister .loginNew label.rememberLabel
{
  font-size  :  18px;
}

#MainDiv.homePgLoginRegister .loginNew a#ForgetPassword
{
  font-family  :  'Codec Pro Bold';
  font-size    :  18px;
  line-height  :  25px;
}

#MainDiv.homePage a.logoOuterDiv 
{
  background       :  #000000 url('../images/logo-white.png') no-repeat center;
  background-size  :  225px;
  height           :  72px;
}

#MainDiv.homePage .logoOuter .rightArrow, #MainDiv.homePage .logoOuter1 .rightArrow
{
  position       :   absolute;
  right          :  -40px;
  bottom         :  -1px;
  width          :  41px;
  height         :  38px;
  background     :  url('../images/icons/black1.png') no-repeat center; 
}

#MainDiv.insightsPg a.logoOuterDiv 
{
  background       :  #051F3B url('../images/logo-white.png') no-repeat center;
  background-size  :  225px;
  height           :  72px;
}

#MainDiv.insightsPg .logoOuter .rightArrow, #MainDiv.insightsPg .logoOuter1 .rightArrow
{
  position       :   absolute;
  right          :  -40px;
  bottom         :  -1px;
  width          :  41px;
  height         :  38px;
  background     :  url('../images/icons/blue1.png') no-repeat center; 
  z-index        :  111;
}

#MainDiv.accountPg a.logoOuterDiv 
{
  background       :  #CFD5D3 url('../images/logo.png') no-repeat center;
  background-size  :  225px;
  height           :  72px;
}

#MainDiv.accountPg .logoOuter .rightArrow, #MainDiv.accountPg .logoOuter1 .rightArrow
{
  position    :  absolute;
  right       :  -39px;
  bottom      :  -1px;
  width       :  41px;
  height      :  38px;
  background  :  url('../images/icons/light-grey1.png') no-repeat center;
}

#MainDiv.insightsPg #BannerDiv h1
{
  color  :  #fff;
}

#MainDiv.insightsPg table.two th, #MainDiv.insightsPg table.two td
{
  font-family  :  'Codec Pro Bold';
  font-size    :  18px;
  line-height  :  23px;
}

#MainDiv.dashboardPg #Contents h1 
{
  display  :  none;
}

#MainDiv.dashboardPg #Contents h2, #MainDiv.insightsPg #Contents h1 
{
  font-family    :  Paralucent DemiBold, arial, verdana, sans-serif;
  font-size      :  26px !important;
  line-height    :  30px;
  color          :  #000;  
}

#MainDiv.insightsPg #Contents h1
{
  display  :  none;
}

#MainDiv.dashboardPg #Contents h2.one 
{
  margin-top     :  -15px;
  margin-bottom  :  30px;
}

#MainDiv.dashboardPg #Contents h2.two 
{
  margin-top     :  35px;
  margin-bottom  :  15px;
}

#MainDiv.dashboardPg #Account td, #MainDiv.dashboardPg #Account td b
{
  font-family  :  'Codec Pro Bold';
  font-size    :  18px;
  line-height  :  23px;
  color        :  #000;
}

#MainDiv.dashboardPg #Contents p, #MainDiv.dashboardPg #Contents a 
{
  font-family  :  'Codec Pro Bold';
  font-size    :  18px;
  line-height  :  23px;
}

#MainDiv.dashboardPg #Contents a 
{
  color            :  #FE5A43;
  text-decoration  :  none;
}

#MainDiv.accountPg #Body #BodyDiv 
{
	padding-bottom  :  15px;
}

#AccountBottomSection
{
  border-radius   :  10px;
  background      :  #E3E3E3;
  width           :  1300px;
  margin          :  0 auto;
  margin-top      :  30px;
  padding-top     :  50px;
  padding-bottom  :  35px;
}

#MainDiv.cardsPg #Cards ul li a 
{
  font-family  :  'Codec Pro Bold';
  font-size    :  18px;
  line-height  :  23px;
  color        :  #000;
}

#MainDiv.cardsPg #Cards .desktop tr th, #MainDiv.cardsPg #Cards .desktop tr td, #MainDiv.cardsPg #Cards .desktop tr td a
{
  font-family  :  'Codec Pro Bold';
  font-size    :  18px;
  line-height  :  23px;
}

#MainDiv.cardsPg #Cards .desktop tr td
{
  color  :  #000;
}

#MainDiv.cardsPg #Cards .desktop tr td a.link
{
  color            :  #000;
  text-decoration  :  none;
}

#MainDiv.cardsPg #Cards .desktop .icon
{
  margin-right  :  4px;
  margin-left   :  initial !important;
}

#MainDiv.cardsPg #Cards .desktop img.globalProfile 
{
  width  :  22px;
  margin-right  :  0;
}

#MainDiv.cardsPg #Cards .desktop a.icon:nth-of-type(2) img,
#MainDiv.cardsPg #Cards .desktop a.icon:nth-of-type(3) img 
{
  width  :  26px;
}

td.navigation 
{
  display  :  none;
}

#Insights
{
  margin-top  :  -30px;
}

#Insights svg
{
  border-radius  :  10px;
}

#MainDiv.homePgLoginRegister .loginNew td.rememberTd input 
{
  position  :  relative;
  top       :  -1px;
}

#frmRecord label, #frmFolderRecord
{
  font-family  :  'Codec Pro Bold';
  font-size    :  17px;
  line-height  :  21px;
  color        :  #000;
}

#frmRecord input.textbox, #frmRecord select, #frmRecord textarea, #frmRecord .wysiwyg-container, #frmRecord .wysiwyg-editor 
{
  border         :   1px solid #E8E8E8 !important;
  background     :  #E8E8E8 !important;
  border-radius  :  15px !important;
  font-family    :  'Codec Pro Regular' !important;
  font-size      :  16px !important;
  line-height    :  21px !important;
  color          :  #747474 !important;
}

body.themePg .buttonLink, body.setupPg .buttonLink 
{
  background   :  #E6C6AD;
  border       :  1px solid #E6C6AD;
  color        :  #000;
  font-family  :  'Codec Pro Regular';
  font-size    :  21px !important;
  line-height  :  25px !important;
  width        :  100%;
}

#LandingPage .title .wysiwyg-container:nth-of-type(1) .wysiwyg-editor
{
  font-family  :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size    :  21px;
  line-height  :  30px;
  margin-top   :  20px;
}

#LandingPage .title .wysiwyg-container:nth-of-type(2) .wysiwyg-editor
{
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  18px;
  line-height  :  30px;
}

#LandingPage ul.social li.callAndEmail
{
  width  :  100%;
}

#LandingPage ul.social li.callAndEmail div
{
  width           :  48.5%;
  display         :  inline-block;
  vertical-align  :  top;
  text-align      :  center;
  padding         :  8px 0;
}

#LandingPage ul.social li.callAndEmail div a 
{
  width        :  100%;
  display      :  block;
  padding      :  5px 0;
  font-family  :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size    :  21px;
  line-height  :  30px;
  color        :  #000;
}

#LandingPage ul.social li.callAndEmail div:nth-child(2) a
{
  border-left   :  2px solid #000;
}

#LandingPage ul.social li.aboutMeMain
{
  width       :  90%;
  padding     :  20px 5% 10px 5%;
  background  :  #EAEBEE;
}

#LandingPage ul.social li.aboutMeMain h5 
{
  font-family  :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size    :  25px;
  line-height  :  30px;
  color        :  #000;
}

#LandingPage ul.social li.aboutMeMain p 
{
  font-family  :  Codec Pro News, arial, verdana, sans-serif;
  font-size    :  14px;
  line-height  :  18px;
  color        :  #000;
}

#LandingPage ul.social li.socialInfoBoxes, ul.social li.socialInfoBoxes
{
  width  :  100%;
}

#LandingPage ul.social li.socialInfoBoxes, ul.social li.socialInfoBoxes
{
  padding     :  0;
  margin      :  0;
  text-align  :  center;
}

#LandingPage ul.social li.socialInfoBoxes .left, ul.social li.socialInfoBoxes .left 
{
  width                      :  20%;
  float                      :  left;
  text-align                 :  center;
  background                 : #E6C6AD;
  border-top-left-radius     :  10px;
  border-bottom-left-radius  :  10px;
  padding                    :  17px 0;
}

#LandingPage ul.social li.socialInfoBoxes .right, ul.social li.socialInfoBoxes .right 
{
	width                       :  80%;
	float                       :  right;
	text-align                  :  left;
	background                  :  #EAEBEE;
	padding                     :  5px 0;
	border-top-right-radius     :  10px;
	border-bottom-right-radius  :  10px;
}

body.setupPg ul.social li.socialInfoBoxes .right 
{
  /* padding  :  3px 0 4px 0; */
  padding  :  5px 0;
}

#LandingPage ul.social li.socialInfoBoxes .right label, ul.social li.socialInfoBoxes .right label 
{
	margin-left  :  10px;
	margin-top   :  5px;
	display      :  block;
  font-family  :  Codec Pro News, arial, verdana, sans-serif;
  font-size    :  14px;
  line-height  :  18px;
  color        :  #000;
}

#LandingPage ul.social li.socialInfoBoxes .right input[type="text"], ul.social li.socialInfoBoxes .right input[type="text"], ul.social li.socialInfoBoxes .right span
{
	padding      :  0px 4px 0px 3px;
	width        :  82%;
	margin-left  :  7px;
	border       :  0;
	background   :  #EAEBEE;
  font-family  :  Codec Pro News, arial, verdana, sans-serif;
  font-size    :  15px;
  line-height  :  21px;
  color        :  #747474;
  display      :  block;
}

ul.social li.socialInfoBoxes .right input[type="text"]
{
  display  :  none !important;
}

#LandingPage ul.social li.socialInfoBoxes .right a, ul.social li.socialInfoBoxes .right a 
{
	position  :  absolute;
	right     :  17px;
	top       :  14px;
}

#LandingPage ul.social li.socialInfoBoxes .right a img, ul.social li.socialInfoBoxes .right a img  
{
	width  :  18px;
}

#ProfileBannerOuter
{
  width          :  100%;
  margin-bottom  :  20px;
  top            :  0;
}

#ProfileBannerOuter img.main
{
  width  :  100%;
  height :  151px;
  border-radius  :  15px;
}

#ProfileBannerOuter span.poweredBy
{
  position  :  absolute;
  left      :  10px;
  top       :  10px;
  width     :  150px;
}

#ProfileBannerOuter span.poweredBy img 
{
  width  :  100%;
}

#ProfileBannerOuter a.editProfileBanner
{
  position       :  absolute;
  right          :  10px;
  top            :  10px;
  width          :  80px;
  padding        :  10px 15px;
  background     :  #fff;
  border-radius  :  15px;
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  18px;
  line-height    :  22px;
  color          :  #000;
}


#ProfileBannerOuter a.editProfileBanner img 
{
  position  :  relative;
  top       :  3px;
  left      :  25px;
  width     :  18px;
}

body.setupPg #ProfileBannerOuter 
{
	margin-top  :  -101px;
}

body.setupPg #ProfileBannerOuter 
{
	margin-top  :  -100px;
}

body.setupPg #ProfileBannerOuter img.main
{
  opacity  :  0.3;
}

body.setupPg .picture
{
  margin-top  :  100px;
  filter      :  brightness(85%);
}

.lineHeading
{
  width          :  100%;
  margin-top     :  20px;
  margin-bottom  :  20px;
}

.lineHeading h6 
{
  font-family    :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size      :  25px;
  line-height    :  30px;
  color          :  #000;
  z-index        :  111;
  position       :  relative;
  background     :  #fff;
  width          :  fit-content;
  padding-right  :  20px;
}

.lineHeading h6 span
{
  display      :  inline-block;
  margin-left  :  10px;
}

.lineHeading h6 span img
{
  width  :  18px;
}

.lineHeading hr 
{
  position       :  absolute;
  width          :  100%;
  height         :  4px;
  background     :  #E6C6AD;
  border         :  0;
  top            :  5px;
}

#frmRecord textarea
{
  height  :  145px;
}

#SelectedStyles
{
  width          :  100%;
  border-radius  :  15px;
  background     :  #EAEAEA;
  padding        :  15px 0 5px 0;
}

.selectedStyles
{
  display        :  block;
  border-bottom  :  1px solid #000;
  padding        :  20px 0;
}

.selectedStyles:last-child
{
  border-bottom  :  0;
}

.selectedStyles .leftSide
{
  display         :  inline-block;
  vertical-align  :  top;
  margin-left     :  5%;
  width           :  24.7%;
  margin-right    :  2%;
  text-align      :  left;
}

.selectedStyles .rightSide
{
  display         :  inline-block;
  vertical-align  :  top;
  width           :  62.5%;
  margin-right    :  5%;
  text-align      :  center;
}

.selectedStyles .leftSide h6 
{
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  20px;
  line-height    :  27px;
  color          :  #000;
}

.colorsStyle a 
{
  display         :  inline-block;
  vertical-align  :  top;
  width           :  10px;
  height          :  10px;
  border-radius   :  100%;
  padding         :  5px;
}

.colorsStyle .rightSide div
{
  display         :  inline-block;
  vertical-align  :  top;
  padding         :  2px;
  border          :  1px solid #EAEAEA;
  margin-right    :  5px;
}

.colorsStyle .rightSide div.selected 
{
  padding  :  2px;
  border   :  1px solid #000;

  border-radius: 100%;
}

.colorsStyle .rightSide div:last-child
{
  margin-right  :  0;
}

.colorsStyle a.violet
{
  background   :  #421E74;
}

.colorsStyle a.darkBlue
{
  background   :  #002940;
}

.colorsStyle a.seaGreen
{
  background   :  #A0DACA;
}

.colorsStyle a.red
{
  background   :  #EB4236;
}

.colorsStyle a.blue
{
  background   :  #00CFF7;
}

.colorsStyle a.orange
{
  background   :  #DAC7AE;
}

.colorsStyle a.black
{
  background   :  #000D0D;
}

.themeStyle h6 
{
  margin-top  :  8px;
}

.themeStyle a 
{
  display         :  inline-block;
  vertical-align  :  top;
  width           :  50px;
  padding         :  7px 20px;
  margin-right    :  20px;
  background      :  #fff;
  border-radius   :  38px;
  font-family     :  Codec Pro News, arial, verdana, sans-serif;
  font-size       :  20px;
  line-height     :  27px;
  color           :  #000;
}

.themeStyle a:last-child
{
  margin-right  :  0;
}

.fontsStyle a 
{
  font-family     :  Codec Pro News, arial, verdana, sans-serif;
  font-size       :  20px;
  line-height     :  27px;
  color           :  #000;
  display         :  block;
}

a.addMore
{
  width          :  100%;
  display        :  block;
  text-align     :  center;
  background     :  #E6C6AD;
  border-radius  :  15px;
  height         :  25px;
  padding        :  15px 0;
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  20px;
  line-height    :  30px;
  color          :  #000;
}

a.addMore img 
{
  position  :  relative;
  top       :  0;
  width     :  10px;
  left      :  -6px;
}

.previewProfile
{
  width          :  100%;
  display        :  block;
  text-align     :  center;
  background     :  #E6C6AD;
  border-radius  :  15px;
  height         :  25px;
  padding        :  15px 0;
  font-family    :  Codec Pro Regular, arial, verdana, sans-serif;
  font-size      :  21px;
  line-height    :  25px;
  color          :  #000;
}

.topHeader
{
  width          :  100%;
  display        :  block;
  text-align     :  center;
  background     :  #E6C6AD;
  border-radius  :  15px;
  height         :  25px;
  padding        :  15px 0;
  font-family    :  Codec Pro Bold, arial, verdana, sans-serif;
  font-size      :  21px;
  line-height    :  25px;
  color          :  #000;
}

body.themePg form label 
{
  font-family  :  'Codec Pro Bold';
  font-size    :  17px;
  line-height  :  21px;
  color        : #000;
}

body.themePg form input.textbox, body.themePg form select, body.themePg form textarea, .body.themePg form input#filePicture
{
  width          :  96%;
  border         :  1px solid #707070;
  border-radius  :  10px;
  padding        :  7px 2%;
  font-family    :  'Codec Pro Regular';
  font-size      :  17px;
  line-height    :  21px;
  color          :  #818181;
}

body.themePg #FontFamily input#filePicture, body.themePg #TemplateM input#fileBanner
{
  width          :  96% !important;
  border         :  1px solid #707070 !important; 
  border-radius  :  10px !important;
  height         :  15px !important;
  padding        :  7px 2% 15px 2% !important;
}

body.themePg #FontFamily
{
  width  :  100%;
}

body.themePg #FontFamily input[type="text"].color
{
  padding  :  5px 5%;
}

body.themePg form input.textbox, body.themePg form select
{
  background           :  #fff url("../images/icons/plus-option.png") no-repeat right;
	background-position  :  97.5% 55%;
	background-size      :  20px;
	-webkit-appearance   :  none;
  width                :  90%;
}

body.themePg form select
{
  width  :  100%;
}

body.themePg form input[type="checkbox"] 
{
  width   :  18px;
  height  :  18px;
  border  :  1px solid #999999;
}

body.themePg form input[type="checkbox"]:focus
{
  outline  :  1px solid rgba(0, 0, 0, 0.2);
}

body.themePg form input[type="checkbox"] 
{
  width               :  20px;
  height              :  20px;
  position            :  relative;
  top                 :  5px;
  cursor              :  pointer;
  background-color    :  #ffffff;
  border-radius       :  3px;
  appearance          :  none;
  -webkit-appearance  :  none;
  -moz-appearance     :  none;
}

body.themePg form input[type="checkbox"]:checked 
{
  background       :  url("../images/icons/checkbox-tick.png") no-repeat 50% 50%;
  background-size  :  auto;
  background-size  :  9px;
}

body.themePg .customize 
{
  margin-top  :  0px;
}


#frmRecord.mainPages select
{
  border               :  1px solid #B6B6B6 !important;
  border-radius        :  6px !important;
  font-family          :  'Codec Pro Regular' !important;
  font-size            :  16px !important;
  line-height          :  21px !important;
  color                :  #747474 !important;
  background           :  #fff url("../images/icons/plus-option.png") no-repeat right !important; 
  background-position  :  97.5% 55% !important;
  background-size      :  20px !important;
  -webkit-appearance   :  none !important;
}

#frmRecord.mainPages input.textbox
{
  border         :  1px solid #B6B6B6 !important;
  border-radius  :  6px !important;
  font-family    :  'Codec Pro Regular' !important;
  font-size      :  16px !important;
  line-height    :  21px !important;
  color          :  #747474 !important;
  background     :  #fff !important;
}

#SelectedStyles.theme 
{
	padding        :  2px 0 2px 0;
  margin-top     :  -10px;
}

#SelectedStyles.theme a 
{
  width  :  72px;
}

#SelectedStyles.theme .selectedStyles .rightSide 
{
	width         :  64.5%;
	margin-right  :  2%;
  text-align    :  right;
}

#MainDiv.dashboardPg #Account table tr td:nth-of-type(1), #MainDiv.dashboardPg #Account table tr td:nth-of-type(4)
{
  border-right  :  0;
}

#MainDiv.dashboardPg #Account table tr td:nth-of-type(2), #MainDiv.dashboardPg #Account table tr td:nth-of-type(5)
{
  border-left  :  0;
}

#ddTemplate a.selected
{
  background  :  #033651;
  color       :  #ffffff;
}


#frmResetPassword
{
  padding     :  20px 0;
}

#frmResetPassword input.textbox 
{
  margin-bottom  :  3px;
}

.themePg.myContactPg .topHeader
{
  font-size:30px;
  font-weight:bold;	
}

body.themePg.myContactPg form input.textbox, 
body.themePg.myContactPg form textarea, 
body.themePg.myContactPg form select
{
  background  :  #eaebef;
  width       :  96%;
}

#cboxLoadedContent
{
  border-color  :  #ffffff;	
}

#cboxClose
{
  top  :  7px;	
}

#frmSections #BtnSubmit
{
  float  :  right;	
}

#SocialBox ul li:first-child .right
{
  background  :  transparent;	
}

#LandingPage ul.social li.socialInfoBoxes.socialLinks a
{
  position    :  relative;
  right       :  auto;
  left        :  auto;
  top         :  auto;
  text-align  :  left;
}

.space
{
  width   :  100%;
  height  :  30px;	
}

body.setupPg label
{
  padding-left  :  3px;	
}

#SectionsTable
{
  //min-height  :  100px;	
}

#Vimeo #player
{
  height  :  calc(100vw) !important;	
}

#BrowseField
{
  width          :  100%;
  height         :  150px;
  background     :  #f2f2f2;
  text-align     :  center;
  border-radius  :  15px;
  margin-bottom  :  10px;
  overflow       :  hidden;
  border         :  none;	
}

#BrowseField input
{
  position  :  absolute;
  left      :  0;
  border    :  none;	
  padding   :  100px 110px 25px 200px;
  z-index   :  10;  	
}

#LandingPage.globalPage #SectionsTable 
{
  min-height  :  250px;
}

#frmChanges #Options input[type=text],
#frmChanges #Options input[type=file],
#frmChanges #Options select
{
  max-width      :  350px;
  width          :  100%;
  padding        :  10px;
  border         :  1px solid #B6B6B6;
  border-radius  :  10px;
}

#Cards ul li.right
{
  float        :  right;
  border       :  none;
  margin-left  :  15px;	
}

#Cards ul li.right select
{
  padding        :  5px;
  border         :  1px solid #B6B6B6;
  border-radius  :  10px;
}

#Cards ul li.right input,
#Cards ul li button,
#Cards button
{
  background     :  #4A2874;
  color          :  #ffffff;
  padding        :  6px 10px 7px 10px;
  border         :  0;
  border-radius  :  10px; 
  cursor         :  pointer; 
}

.postImage .caption,
.postImage .priceTag
{
  background  :  #E6C6AD;
}

.postImage table .caption,
.postImage table .priceTag
{
  background  :  transparent;
}

#ProfilePic #Thumb
{
  width          :  30px;
  height         :  30px;
  position       :  absolute;
  bottom         :  16px;
  right          :  28px;
  background     :  #E6C6AD;
  border-radius  :  50%;  
}

#ProfilePic #Thumb img
{
  width     :  16px;
  position  :  relative;
  top       :  6px;
  left      :  7px;  	
}


#StoresList li a i
{
  font-size  :  28px;	
}

#Cards #Paging li
{
  border        :  none;
  margin-right  :  10px;
}

#Cards #Paging li a
{
  color          :  #000000;
  text-align     :  center;
  display        :  block;
  padding        :  7px 9px;
  border         :  1px solid #3F7F81;
  border-radius  :  5px;
}

#Cards #Paging li a:hover,
#Cards #Paging li a.selected
{
  background  :  #3F7F81;
  color       :  #ffffff;		
}

.slick-slide img
{
  border-radius  :  15px !important;
}

#LandingPage ul.social li.leads
{
  width         :  70%;
  margin-right  :  5%;
}

#LandingPage ul.social li.leadCollection
{
  width         :  25%;
  margin-right  :  0;
}

#LandingPage ul.social li.leadCollection a
{
  font-size  :  24px;
  padding    :  20px 0;
}

.leadsFormField 
{
  display             :  block;
  width               :  92%;
  padding             :  8px 16px;
  line-height         :  25px;
  font-size           :  14px;
  font-weight         :  500;
  font-family         :  inherit;
  border-radius       :  6px;
  -webkit-appearance  :  none;
  color               :  #808080;
  border              :  1px solid var(--input-border);
  transition          :  border 0.3s ease;
}

#frmLeads .buttonLink
{
  width       :  100%;	
  background  :  #E6C6AD;
  border      :  none;
  color       :  #000000;
}

#frmLeads small
{
  display     :  block;
  color       :  #808080;
  text-align  :  center;	
}

#Cards.leads ul li:first-child 
{
  border-right  :  0;
}

#Cards.leads ul li i
{
  margin-right  :  10px;	
}

#Cards.leads ul li span
{
  color  :  #ffffff;
}

#Cards.leads ul li #Filters
{
  width       :  150px;
  position    :  absolute;
  background  :  #ffffff;
  padding     :  10px;
  z-index     :  10;
}

.date
{
  width  :  150px;	
}

.date input.textbox,
#frmRecord .date input.textbox
{
  width  :  100px;	
}

.date img.ui-datepicker-trigger
{
  position  :  relative;
  display   :  inline-block;
  top       :  8px;  	
}

.leadName,
.leadName:hover
{
  font-family      :  'Codec Pro Bold'; 
  font-size        :  18px; 
  text-decoration  :  none;
  cursor           :  pointer;
}

.copy
{
  cursor  :  pointer;	
}

#Cards.leadDetails button
{
  margin-right  :  10px;
}

#Cards.leadDetails i
{
  margin-right  :  5px;
}

#Cards.leadDetails button a
{
  color  :  #ffffff;	
}

#Cards.leads ul li #Filters ul
{
  margin   :  0;
  padding  :  0;	
}

#Cards.leads ul li #Filters ul li
{
  background     :  #ebebeb;
  padding        :  10px;
  border-radius  :  5px;
  margin-bottom  :  5px;
  display        :  block;
  float          :  none;
}

#Insights .box
{
  width          :  150px;
  height         :  50px;
  float          :  left;
  padding        :  20px;
  background     :  #f9f9f9;
  border         :  1px solid #cccccc;
  border-radius  :  15px;
}

#Insights .box b
{
  font-size   :  20px;
  display     :  block;
  margin-top  :  25px;
}

#Insights #DateRange
{
  background     :  #4A2874;
  color          :  #ffffff;
  float          :  right;	
  padding        :  6px 10px 7px 10px;
  border         :  0;
  border-radius  :  10px;
  cursor         :  pointer;	
}

#Insights #DateRange span
{
  color  :  #ffffff;	
}

#MainDiv.cardsPg #Cards ul li a.btnFolder
{
  font-family    :  'Codec Pro Regular';
  font-size      :  14px;
  background     :  #4A2874;
  color          :  #ffffff;
  padding        :  8px 10px 6px 10px;
  line-height    :  normal;
  position       :  relative;
  top            :  -2px;
  border         :  0;
  border-radius  :  10px;
  cursor         :  pointer;	
}

.btnDelete
{
  background     :  #e60404;
  color          :  #ffffff;
  padding        :  7px 10px 6px 10px;
  border-radius  :  8px;	
}

.wallet
{
  position  :  relative;	
}

.walletArea
{
  width          :  125px;
  height         :  140px;
  position       :  absolute;
  background     :  #ffffff;
  bottom         :  25px;
  padding        :  10px;
  left           :  -65px;
  border-radius  :  8px;
  display        :  none;
  z-index        :  1;
}

.walletArea img
{
  width  :  100%;	
}

/*
.wallet:hover .walletArea
{
  display  :  block;
}
*/

#MainDiv.cardsPg #Cards tr td .walletArea a
{
  font-family  :  'Codec Pro Regular';
  font-size    :  14px;
  line-height  :  16px;	
}