body {
	font-family: 'Open Sans', sans-serif;
  line-height: 180%;
}

a {
  text-decoration: none;
  color: #38939b;
}

header {
  background: #38939b;
  color: #fff;
  padding: 10px;
}

header a {
  color: #fff;
}

.logo {
  display: block;
  height: 71px;
  width: 251px;
  background: url(../../Images/HomePage/logo-profound.png) no-repeat;
  background-size: contain;
  float: left;
  text-indent: -9999px;
  margin-top: 20px;
}

.nav-primary {
  float: right;
  margin-top: 28px;
}

.nav-primary a {
  padding: 10px;
  border-radius: 3px;
  cursor: pointer;
   perspective-origin: 38.953125px 19.5px;
}

.nav-primary a:hover {
  background: #44acb7;
}

.promo-link {
  font-weight: 600;
  font-size: 18px;
}

.promo-link:hover {
  text-decoration: underline;
}

.hero {
  background: url(../../Images/HomePage/dark_wood.jpg) 50% 50%;
  color: #fff;
  padding: 75px 0;
}

.panel-secondary {
  background: #212123;
  padding: 30px 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

.panel-secondary a {
  color: #ffcd40;
}

.panel-secondary img {
  margin-bottom: 15px;
}

.text-centered,
.text-centered * {
  text-align: center;
}

h1 {
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 15px;
}

h2 {
  font-size: 42px;
  text-transform: uppercase;
  font-weight: 100;
  line-height: 120%;
  margin-bottom: 15px;
}

h3 {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 15px;
}

h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

h5 {
  font-size: 16px;
  font-weight: 600;
}

.small-text {font-size: 15px;}
.large-text {font-size: 18px;}

.price {
  font-size: 48px;
  line-height: 120%;
  font-weight: 100;
}

.button {
  border-radius: 3px;
  margin: 20px 0;
  display: inline-block;
  cursor: pointer;
}

.button-primary {
  color: #000;
  font-weight: 600;
  background: #f69f00;
  background: linear-gradient(#ffcd40, #f69f00);
  padding: 15px 25px;
}

.button-primary:hover {
  background: #ffcd40;
}

.button-secondary {
  background: #222;
  background: linear-gradient(#555, #222);
  color: #fff;
}

.button-secondary:hover {
  background: #444;
}

.button-small {
  font-size: 14px;
  padding: 10px 15px;
}

.pricing {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.horizontal-list p,
.horizontal-list a {
  display: inline-block;
}

.check {
  color: #38939b;
  margin: 0 5px 0 15px;
}

.product {
  border-radius: 3px;
  padding: 40px 10px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 2px 4px 10px #aaa;
}

.product-primary {
  background: #212123;
  color: #fff;
  border: 1px solid black;
}

.product-secondary {
  background: #fff;
  border: 1px solid #cecece;
}

.feature {position: relative;}

.feature-large {
  max-width: 800px;
  margin: 0 auto;
}

.image-left img {
  position: absolute;
  left: 0;
  top: -25px;
}

.image-left h2,
.image-left p {
  padding-left: 200px;
}

.image-right img {
  position: absolute;
  right: 0;
  top: -25px;
}

.image-right h2,
.image-right p {
  padding-right: 280px;
}

.gray-line {
  background: #cecece;
  height: 1px;
  width: 630px;
  margin-right: auto;
  margin-left: auto;
}

.solutions {height: 640px;}

.solution {
  padding: 100px 0;
  border-radius: 50%;
  background: #efefef;
  font-size: 16px;
  font-weight: 600;
  color: #333;
   /*ie 8 and below*/
  padding: 10px\9;
  margin-bottom: 10px\9;
}

.solution.selected {
  background: #38939b;
  color: #fff;
}

.hidden {display: none;}
  
footer {
  background: #333;
  color: #777;
  font-size: 14px;
}

footer a {
  font-size: 14px;
  color: #999;
}

footer a:hover {text-decoration: underline;}

footer .horizontal-list a,
footer .horizontal-list p {
  margin: 0 10px;
}

.bg-swirl {background: url(../../Images/HomePage/swirl_pattern.png) 50% 50%;}

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

.margin-1-top {margin-top: 25px;}
.margin-2-top {margin-top: 50px;}
.margin-3-top {margin-top: 75px;}
.margin-4-top {margin-top: 100px;}

.margin-1-bottom {margin-bottom: 25px;}
.margin-2-bottom {margin-bottom: 50px;}
.margin-3-bottom {margin-bottom: 75px;}
.margin-4-bottom {margin-bottom: 100px;}

.pad-1-top {padding-top: 25px;}
.pad-2-top {padding-top: 50px;}
.pad-3-top {padding-top: 75px;}
.pad-4-top {padding-top: 100px;}

.pad-1-bottom {padding-bottom: 25px;}
.pad-2-bottom {padding-bottom: 50px;}
.pad-3-bottom {padding-bottom: 75px;}
.pad-4-bottom {padding-bottom: 100px;}

 .Trialpop {
            background-color: transparent;
            border: 4px solid #38939b;
            /*border: 4px solid #fff;*/
            cursor: default;
            display: none;
            margin-top: 0px;
            position: static;
            text-align: left;
            z-index: 50;
            padding: 5px 5px 25px 20px;
            height: 100%;
            line-height: normal;
            font-size: 12px;
            -webkit-box-sizing: content-box;
	        -moz-box-sizing: content-box;
	        box-sizing: content-box;
        }

            .Trialpop p, .Trialpop.div {
                border-bottom: 1px solid #EFEFEF;
                margin: 8px 0;
                padding-bottom: 8px;
                border: none;
            }
            .Trialpop a{
                  text-decoration: underline;
            }
            #ButtonContainer {
                 padding-right: 177px;
                 margin-top: -5px;
            }
        #XContainer {
            /*text-align: right;*/
            z-index: 500;
        }

            #XContainer img {
                cursor: pointer;
                width: 33px;
            }

        .Newslettercheckbox input[type="checkbox"] {
            margin-right: 5px;
        }

        .float_Right {
            float: right;
        }

        .float_Left {
            float: left;
        }

        .closeButton img{
            width:16px;
            cursor: pointer;
        }
         #txtUserId
            {
            border:2px solid #DEDEDE ;
            width: 260px !important;
            }
        #txtPassword{
            border:2px solid #DEDEDE ;
            width: 260px !important;
        }
          #testColor{ background-color:red; width:100px; height:200px; }
          #startTrial{ font-size: 16px; }
          .Newslettercheckbox{
              font-size:13px;
          }
          #btnContinue{
              font-size:12px;
              font-family: 'Open Sans', sans-serif;
          }
          #messageContainer{
              line-height: normal;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 13px;
          }
          #StartFreeTrial{
              border:none;
              background-color:white;
              color:#38939b;
          }
          #CreateFreeAccount, #menuSignIn{
              background-color:#38939b;
              color:white;
              padding: 10px;
              border-radius: 3px;
              border-width: 0px;
              font-size: 16px;
              -webkit-appearance: none;
          }
            #CreateFreeAccount:hover, #menuSignIn:hover {
                background: #44acb7;
            }
            #StartBuildingReport{
                border:none;
                background-color: #212123;
                color: #ffcd40;
                font-size: 16px;
                -webkit-appearance: none;
                cursor: pointer;
            }
            #trialPopupForm{ width: 120%;}
            .blockMsg { width: 586px; margin: -180px 0 0 -265px; }
            #trialPopHeader{ width: 90%; }
.sprite {
    background-image:url( ../../Images/HomePage/social-media.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-icon-facebook {
    width: 50px;
    height: 50px;
    background-position: -10px -10px;
}

.sprite-icon-google {
    width: 50px;
    height: 50px;
    background-position: -70px -10px;
}

.sprite-icon-mrdc {
    width: 25px;
    height: 25px;
    background-position: -10px -70px;
    display: inline-block;
}

.sprite-icon-rss {
    width: 50px;
    height: 50px;
    background-position: -45px -70px;
}

.sprite-icon-twitter {
    width: 50px;
    height: 50px;
    background-position: -130px -10px;
}


@media (max-width: 1000px) {
  .logo {
    height: 53px;
    width: 188px;
  }

  h1 {font-size: 36px;}
  h2 {font-size: 32px;}
  
  .panel-secondary img {
    width: 168px;
    height: 103px;
  }
  
  .solutions {height: 600px;}
  
  .solution {
    padding: 85px 0;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  header,
  header * {text-align: center;}

  .logo {
    height: 42px;
    width: 150px;
    float: none;
    margin: 10px auto -20px;
  }

  .nav-primary {
    float: none;
    margin-bottom: 10px;
  }

  h1 {font-size: 24px;}
  h2 {font-size: 24px;}
  h3 {font-size: 24px;}
  
  .panel-secondary p {
    text-align: left;
    padding-top: 10px;
    padding-left: 90px;
  }
  
  .panel-secondary img {
    float: left;
    margin-left: -25px;
    height: 69px;
    width: 112px;
  }
  
  .panel-secondary:after{
  	content: ""; 
  	display: table; 
  	clear: both;
  }
  
  .feature p,
  .feature h2,
  .feature h3 {
    text-align: left;
    padding-left: 60px;
  }
    
  .feature img {
    height: 40px;
    width: 45px;
    float: left;
  }
  
  .feature-large img {height: 45px;}
  
  .image-left h2,
  .image-left p,
  .image-right h2,
  .image-right p {
    padding-right: 0;
  }
  
  .image-left img,
  .image-right img {
    left: 0;
    top: 0;
  }
  
  .horizontal-list p {
    display: block;
    margin-bottom: 10px;
  }
  
  .solutions {height: auto;}
  
  .solution {
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
  }

  .solution.selected {
    background: #efefef;
    color: #333;
  }
  
  .desc-solutions {display: none;}
  
  .margin-1-top {margin-top: 15px;}
  .margin-2-top {margin-top: 30px;}
  .margin-3-top {margin-top: 45px;}
  .margin-4-top {margin-top: 60px;}

  .margin-1-bottom {margin-bottom: 15px;}
  .margin-2-bottom {margin-bottom: 30px;}
  .margin-3-bottom {margin-bottom: 45px;}
  .margin-4-bottom {margin-bottom: 60px;}

  .pad-1-top {padding-top: 15px;}
  .pad-2-top {padding-top: 30px;}
  .pad-3-top {padding-top: 45px;}
  .pad-4-top {padding-top: 60px;}

  .pad-1-bottom {padding-bottom: 15px;}
  .pad-2-bottom {padding-bottom: 30px;}
  .pad-3-bottom {padding-bottom: 45px;}
  .pad-4-bottom {padding-bottom: 60px;}
  
  .feature {
    margin-bottom: 30px;
  }
  
  .gray-line {
    display: none;
    margin: 0;
  }
.blockMsg{
    transform: scale(.88);
    -moz-transform:scale(.88);
   -ms-transform:scale(.88);
    margin-left:-50%;
    width:100%;
}
}
@media (max-width: 640px){
    .adv_search_field, .adv_search_select{ width: 75%; }
    #trialPopupForm{ width: 90%; }
    #trialPopHeader{ font-size: 20px; }
    .adv_search_criteria{ font-size: 9px; }
}
@media (max-width: 320px) {
    #trialPopHeader{  }
    .blockMsg {
       transform: scale(.75);
        -moz-transform: scale(0.7);
        -ms-transform:scale(.75);
    }
}