@import url(//fonts.googleapis.com/css?family=Fjalla+One);



@media only screen and (min-width: 960px)  {

  .directsignup {

	max-width:400px;

	position:absolute;

	right:5%;

	bottom:25%;

  }

}

@media only screen and (max-width: 960px)  {

  .directsignup {

	display:none;

	visibility: hidden;

  }

}



@media only screen and (min-width: 960px)  {

  .startscan {

	max-width:400px;

	position:absolute;

	right:25%;

	bottom:25%;

  }

}

@media only screen and (max-width: 960px)  {

  .startscan {

	display:none;

	visibility: hidden;

  }

}



.clearfix {

    *zoom: 1;

}



.clearfix:before,.clearfix:after {

    display: table;

    content: "";

    line-height: 0;

}



.clearfix:after {

    clear: both;

}



.entrylink {

    position:absolute;

    color:#fff;

    top:30%;

    left:50%;

    padding:0px;

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}



.hide-text {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0;

}



.input-block-level {

    display: block;

    width: 100%;

    min-height: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body {



    font-size: 12px;

    color: #34495e;

    margin: 0px;

}



body h1,body h2,body h3,body h4,body .created {

    font-family: "Open Sans","Century Gothic", "Arial Black", Gadget, sans-serif;

    font-weight: normal;

}



body h4 {

    font-family: "Open Sans", "Century Gothic", "Arial Black", Gadget, sans-serif;

    font-weight: bold;

}







body h5,body h6 {

    margin: 0;

}



body h3,body h4 {

    margin-top: 0;

}



h1 {

    font-family: 'Open Sans';

    font-size: 24px;

    font-style: normal;

    font-variant: normal;

    font-weight: 500;

    line-height: 26.4px;

}

h3 {

    font-family: 'Open Sans';

    font-size: 16px;

    font-style: normal;

    font-variant: normal;

    font-weight: 200;

    line-height: 25px;

}

body p {

    font-family: 'Open Sans';

    font-size: 14px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 20px;

}

blockquote {

    font-family: 'Open Sans';

    font-size: 21px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 30px;

}

pre {

    font-family: 'Open Sans';

    font-size: 13px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 18.5714px;

}



.btn {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    display: block !important;

    border: 0;

    background-image: none;

    text-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



.btn.btn-transparent {

    border: 3px solid #fff;

    background: transparent;

    color: #fff;

}



.btn.btn-transparent:hover {

    border-color: rgba(255,255,255,0.5);

}



.btn.btn-link {

    color: #2dcc70;

    padding: 0;

}



.btn.btn-link:hover {

    text-decoration: none;

}



.btn-primary {

    background-color: #2dcc70;

}



.btn-primary:hover {

    background-color: #24a259;

}



a {

    color: #2dcc70;

    -webkit-transition: 300ms;

    -moz-transition: 300ms;

    -o-transition: 300ms;

    transition: 300ms;

}



a:hover,a:focus {

    color: #005580;

    text-decoration: none;

    outline: 0;

}



.dropdown-menu {

    margin-top: -1px;

    min-width: 180px;

}



body>section {

    padding: 50px 0;

}



body>section#slide-show {

    padding: 0;

}



#recent-works {

    background: #fff;

    color: #000;

}



#recent-works .links>a {

    background: #fff;

    color: #2dcc70;

    text-shadow: none;

}



#clients {

    background: #fff;

}



#clients h4 {

    color: #999;

}



#clients .carousel {

    margin-bottom: 0;

}



#clients .clients ul.thumbnails {

    margin: 0;

}



#clients .clients ul.thumbnails>li {

    text-align: center;

    margin-bottom: 0;

}



#clients .prev,#clients .next {

    color: #999;

}



.title {

    background: #8a8a8a;

    color: #fff;

    padding: 5px 0;

}



.center {

    text-align: center;

}



.box {

    background-color: #fff;

    border-top: 1px solid #f0f0f0;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

    padding: 10px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}



.progress {

    margin-bottom: 10px;

}



.progress,.progress .bar {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    background-image: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    text-shadow: none;

    height: 30px;

    line-height: 30px;

}



.label,.badge {

    font-weight: 300;

    font-size: 90%;

}



ul.breadcrumb {

    margin: 12px 0 0;

    background: transparent;

}



ul.breadcrumb>li {

    text-shadow: none;

}



ul.breadcrumb>li>a,ul.breadcrumb>li .divider {

    color: #fff;

}



ul.breadcrumb>li.active {

    color: rgba(255,255,255,0.7);

}



ul.tag-cloud li {

    display: inline-block;

    margin: 0 0 2px 0;

}



.btn-social {

    border: 0;

    color: #fff;

    text-shadow: 0 1px rgba(0,0,0,0.5);

}



.btn-social.btn-facebook {

    background: #4f7dd4;

}



.btn-social.btn-facebook:hover {

    background: #789bde;

}



.btn-social.btn-twitter {

    background: #5bceff;

}



.btn-social.btn-twitter:hover {

    background: #8eddff;

}



.btn-social.btn-linkedin {

    background: #21a6d8;

}



.btn-social.btn-linkedin:hover {

    background: #49b9e3;

}



.btn-social.btn-google-plus {

    background: #dc422b;

}



.btn-social.btn-google-plus:hover {

    background: #e36957;

}



.btn-social:hover {

    color: #fff;

}



header.navbar {

    background: transparent;

    margin-bottom: 0;

    width:100%;

}



header.navbar .nav {

    margin-top: 50px;

}



/* Non transparent background header for specific pages */

header.navbar.nontrans {

    margin-bottom: 0;

    width:100%;

	margin: 0;

}



header.navbar.nontrans .navbar-inner {

	opacity: 0.8;

	background: #00b3ee;

    border: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



header.navbar.nontrans .nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

	color: #ffffff;

    font-size: 18px;

    font-family: 'Open Sans', "Fjalla One";;

    text-transform: uppercase;

}



header.navbar.nontrans .nav>li>a:hover {

    background: transparent;

    color: #ffff00;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

/* End Non transparent stuff */





header.navbar .nav>li {

    margin-left: 1px;

}



header.navbar .nav>li>a {

    padding-top: 10px;

    padding-bottom: 10px;

    color: #000000;

    font-size: 18px;

    font-family: 'Open Sans', "Fjalla One";;

    text-transform: uppercase;

}



header.navbar .nav>li>a:hover {

    background: transparent;

    color: #00b3ee;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



/*header.navbar .nav>li.active>a,header.navbar .nav>li.active>a:hover {*/

/*background: transparent;*/

/*color: #ffff00;*/

/*-webkit-box-shadow: none;*/

/*-moz-box-shadow: none;*/

/*box-shadow: none;*/

/*}*/



.navbar-toggle {

    margin-top: 46px !important;

    border-color: #00b3ee !important;

}



.navbar-toggle:hover, .navbar-toggle:visited, .navbar-toggle:focus {

    background: transparent !important;

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border: none;

}



header.navbar .nav>li.dropdown.open>a.dropdown-toggle {

    background: transparent;

    color: #00b3ee;

    box-shadow: none;

}



header.navbar .nav>li.login>a {

    border-left: 1px solid #e5e5e5;

}



/*Dropdown menu margin from button - overwritten by margin-top: 0*/

/*header .dropdown-menu {*/

/*margin-top: 500px;*/

/*}*/



header .dropdown-menu:before {

    display: none!important;

}



.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle {

    background-color: transparent;

    /*color: #ffff00;*/

}



.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



/*.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {*/

/*color: #ffff00;*/

/*}*/



.dropdown-menu {

    visibility: hidden;

    margin: 0;

    padding: 0;

    border-radius: 10px;

    display: block;

    z-index: 9000;

    position: absolute;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);

    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);

}

.open .dropdown-menu {

    opacity: 1;

    filter: alpha(opacity=100);

    visibility: visible;

}

.select .dropdown-menu {

    border-radius: 0 0 10px 10px;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transform-origin: 50% -40px;

    -moz-transform-origin: 50% -40px;

    -o-transform-origin: 50% -40px;

    -ms-transform-origin: 50% -40px;

    transform-origin: 50% -40px;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 150ms linear;

    -moz-transition: all 150ms linear;

    -o-transition: all 150ms linear;

    -ms-transition: all 150ms linear;

    transition: all 150ms linear;

    margin-top: -20px;

}

.select.open .dropdown-menu {

    margin-top: -1px;

}

.dropdown-menu > li > a {

    padding: 8px 16px;

    color: #333333;

}

.dropdown-menu > li > a img {

    margin-top: -3px;

}

.dropdown-menu > li > a:focus {

    outline: 0 !important;

}

.btn-group.select .dropdown-menu {

    min-width: 100%;

}

.dropdown-menu > li:first-child > a {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.dropdown-menu > li:last-child > a {

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.select .dropdown-menu > li:first-child > a {

    border-radius: 0;

    border-bottom: 0 none;

}

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

    background-color: #F5F5F5;

    color: #333333;

    opacity: 1;

    text-decoration: none;

}



.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {

    background: #f3f42f;

}



.main-info {

    background-color: #fff;

    color: #999;

}



.main-info1 {

    background-color: #000;

    color: #999;

}



.main-info h4 {

    color: #999;

}



.icon-medium {

    font-size: 18px;

    width: 18px;

    line-height: 18px;

    text-align: center;

    display: inline-block;

    background: #2dcc70;

    padding: 10px;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    color: #fff;

}



.modal {

    border: 0;

}



.modal#loginForm {

    width: 600px;

    margin-left: -300px;

}



.modal .modal-header {

    border: 0;

    padding: 20px 20px 0;

}



.modal .modal-header>h4 {

    font-weight: 300;

    font-size: 14px;

    color: #848484;

    text-transform: uppercase;

    margin: 0;

}



.modal .modal-body {

    padding: 20px;

}



.modal input[type="text"],.modal input[type="password"] {

    padding: 5px 10px;

    min-height: 30px;

    width: 130px;

    margin-right: 10px;

}



.modal .icon-remove {

    color: #848484;

    position: absolute;

    right: -5px;

    top: -5px;

    width: 16px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    display: block;

    background: #ebebeb;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    cursor: pointer;

}



.modal button {

    margin-left: 10px;

    border: 0;

}



.gap {

    margin-bottom: 50px;

    margin-left: 55px;

}



.big-gap {

    margin-bottom: 100px;

}



.no-margin {

    margin: 0;

    padding: 0;

}



#services {

    background: #504E4E;

    color: #999;

}



#services h1,#services h2,#services h3,#services h4,#services h5,#services h6, #services P {

    color: #fff;

}



#main-contents {

    margin-top: 20px;

}



#main-contents .blog-news .created {

    font-size: 18px;

    color: #2dcc70;

}



.registration-form {

    border: 0;

    background-color: #fff;

    border-top: 1px solid #f0f0f0;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);

    padding: 20px;

    display: inline-block;

}



#bottom {

    font-family: 'Open Sans', verdana;

    background: #232323;

    color: #ffffff;

}



#bottom h4 {

    margin-top: 0;

    margin-bottom: 15px;

}



#bottom h1,#bottom h2,#bottom h3,#bottom h4,#bottom h5,#bottom h6 {

    color: #fff;

}



#bottom a {

    color: #E1E3E3;

    font-family: 'Open Sans';

    font-size: 13px;



}



#bottom a:hover {

    color: #ffff00;

}



#bottom ul.address>li {

    position: relative;

    padding-left: 20px;

    margin-top: 10px;

}



#bottom ul.address>li:first-child {

    margin-top: 0;

}



#bottom ul.address>li>i {

    position: absolute;

    top: 3px;

    left: 0;

}



#bottom ul.thumbnails {

    margin-bottom: 0;

}



#bottom ul.thumbnails li {

    margin-bottom: 5px;

}



ul.arrow,ul.arrow-double,ul.tick,ul.cross,ul.star,ul.rss {

    list-style: none;

    padding: 0;

    margin: 0;

}



ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before,ul.arrow li::after,ul.arrow-double li::after,ul.tick li::after,ul.cross li::after,ul.star li::after,ul.rss li::after {

    font-family: FontAwesome;

    font-size: 11px;

}



ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before {

    margin-right: 5px;

}



ul.arrow li::before {

    content: "\f105";

}



ul.arrow-double li::before {

    content: "\f101";

}



ul.tick li::before {

    content: "\f00c";

}



ul.cross li::before {

    content: "\f00d";

}



ul.star li::before {

    content: "\f006";

}



ul.rss li::before {

    content: "\f09e";

}



#footer {

    background: #333;

    padding-top: 15px;

    padding-bottom: 15px;

    color: #ffffff;

    font-family: 'Open Sans',verdana;

    font-size: 12px;



}



#footer a {

    color: #ffffff;

}



#footer a:hover {

    color: #ffff00;

}



#footer #gototop {

    height: 40px;

    line-height: 40px;

    width: 40px;

    text-align: center;

    display: inline-block;

    background: #1d1d1d;

    font-size: 24px;

    color: #fff;

}



#footer #gototop:hover {

    background: #2b2b2b;

    text-decoration: none;

}



#footer .cp {

    margin-top: 11px;

}



ul.social {

    list-style: none;

    margin: 10px 0 0;

    padding: 0;

    display: inline-block;

}



ul.social>li {

    display: inline-block;

    margin: 0 5px;

}



ul.social>li>a {

    font-size: 24px;

    color: #666;

}



ul.social>li>a:hover {

    color: #999;

}



.box-border {

    padding: 15px;

}



.accordion-group {

    background-color: #fff;

    border-top: 1px solid #f0f0f0;

}



.accordion-heading .accordion-toggle {

    color: #666;

    font-weight: 700;

}



.accordion-inner {

    border-top: 0;

}



.blog .blog-item h2 {

    margin-top: 0;

}



.blog .blog-item .date span {

    display: block;

    text-align: center;

}



.blog .blog-item .date span.day {

    font-size: 50px;

    line-height: 50px;

    padding-top: 10px;

    font-family: "Fjalla One",sans-serif;

}



.blog .blog-item .date span.month {

    font-size: 18px;

}



.blog .blog-item .tag {

    margin-top: 5px;

}



.blog .blog-item .avatar {

    margin-top: 5px;

}



select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    min-height: 50px;

    padding: 0 15px;

    border: 3px solid #ededed;

}



select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {

    border-color: #2dcc70;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



.input-block-level {

    min-height: 50px;

}



textarea#message {

    padding: 10px 15px;

    height: 219px;

}



.widget {

    margin-bottom: 30px;

}



.widget>h3 {

    font-size: 16px;

    margin-top: 0;

}



.widget h5 {

    margin-top: 10px;

}



.widget .date {

    margin-top: 5px;

    padding: 8px 10px;

    background: #2dcc70;

}



.widget .date>span {

    display: block;

    text-align: center;

    font-family: "Fjalla One";

    color: #fff;

}



.widget .date>span.month {

    font-size: 14px;

    line-height: 14px;

    font-weight: 700;

    text-transform: uppercase;

}



.widget .date>span.day {

    font-size: 18px;

    line-height: 18px;

}



#pricing-table {

    margin-top: 20px;

    margin-bottom: 30px;

}



#pricing-table .plan {

    list-style: none;

    margin: 0;

    padding: 0;

    color: #fff;

}



#pricing-table .plan.featured {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



#pricing-table .plan>li {

    padding: 10px 15px;

}



#pricing-table .plan>li.plan-name {

    background: rgba(0,0,0,0.1);

}



#pricing-table .plan>li.plan-name h3 {

    margin: 10px 0;

}



#pricing-table .plan>li.plan-action {

    padding: 20px 0;

}



#pricing-table .plan1 {

    background: #1abc9c;

}



#pricing-table .plan2 {

    background: #e74c3c;

}



#pricing-table .plan3 {

    background: #3498db;

}



#pricing-table .plan4 {

    background: #9b59b6;

}



ul.gallery {

    display: block;

    margin: -15px;

}



ul.gallery.col-1 li {

    width: 100%;

}



ul.gallery.col-2 li {

    width: 50%;

}



ul.gallery.col-3 li {

    width: 33.3333%;

}



ul.gallery.col-4 li {

    width: 25%;

}



ul.gallery li {

    display: block;

    padding: 0;

    margin: 0;

    float: left;

}



ul.gallery li .desc {

    margin: 15px;

}



ul.gallery li .preview {

    margin: 15px;

    display: block;

    position: relative;

}



ul.gallery li .preview .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0,0,0,0.6);

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: opacity 300ms;

    -moz-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



ul.gallery li .preview .links {

    width: 104px;

    height: 40px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -20px;

    margin-left: -52px;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transform: translate(0,-50px);

    -moz-transform: translate(0,-50px);

    -ms-transform: translate(0,-50px);

    -o-transform: translate(0,-50px);

    transform: translate(0,-50px);

    -webkit-transition: 300ms;

    -moz-transition: 300ms;

    -o-transition: 300ms;

    transition: 300ms;

}



ul.gallery li .preview .links>a {

    width: 50px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    text-align: center;

    background: #2dcc70;

    color: #fff;

    text-shadow: 0 1px rgba(0,0,0,0.3);

    font-size: 18px;

    margin: 0 1px;

}



ul.gallery li .preview:hover .overlay,ul.gallery li .preview:hover .links {

    opacity: 1;

    filter: alpha(opacity=100);

}



ul.gallery li .preview:hover .links {

    -webkit-transform: translate(0,0);

    -moz-transform: translate(0,0);

    -ms-transform: translate(0,0);

    -o-transform: translate(0,0);

    transform: translate(0,0);

}



ul.faq {

    list-style: none;

    margin: 0;

}



ul.faq li {

    margin-top: 30px;

}



ul.faq li:first-child {

    margin-top: 0;

}



ul.faq li span.number {

    display: block;

    float: left;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    background: #2dcc70;

    color: #fff;

    font-size: 24px;

}



ul.faq li>div {

    margin-left: 70px;

}



ul.faq li>div h3 {

    margin-top: 0;

}



#error {

    text-align: center;

    margin-top: 150px;

    margin-bottom: 150px;

}

.entry-intro {

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.fullback {

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;



}

#conversionimpact

{

    position:relative;

    width:690px;

    height:675px;

    float:left;

    background-color:#fff;

    background: url(//www.clarip.com/images/calculator.png) no-repeat;

    padding-top:80px;

    padding-left:25px;

    margin-left:10px;

}

.timer {

    margin: 0 auto;

    text-align: center;

    display: block;

    font-size: 100px;

    font-weight: 100;

}



#counterheader {

    margin: 0 auto;

    text-align: center;

    display: block;

    font-size: 40px;

    line-height: 1.5;

    font-family: 'Open Sans';

    font-weight: 100;

}

#counterdescription {

    padding-left: 20px;

    padding-top: 30px;

    text-align: left;

    line-height: 1.5;

    display: block;

    font-size: 20px;

    font-family: 'Open Sans';

    font-weight: 100;

}

.entryheader {

    margin: 0 auto;

    text-align: center;

    display: block;

    font-size: 60px;

    line-height: 1.5;

    font-family: 'Open Sans';

    font-weight: 600;

    color:#000000;

}



@media only screen and (max-width: 760px)  {

    .entryheader {

        margin: 0 auto;

        text-align: center;

        display: block;

        font-size: 48px;

        line-height: 1.5;

        font-family: 'Open Sans';

        font-weight: 600;

        color:#000000;

        padding-top:10px;

    }

}





.generaldescription {

    padding-left: 20px;

    padding-top: 30px;

    text-align: left;

    line-height: 1.5;

    display: block;

    font-size: 18px;

    font-family: 'Open Sans';

    font-weight: 100;

}

.entrydescription {

    text-align: center;

    line-height: 1.5;

    display: block;

    font-size: 32px;

    font-family: 'Open Sans';

    color:#ff0087;

    font-weight: 200;

    padding-bottom:20px;

}

/* centered columns styles */

.row-centered {

    text-align:center;

}

.col-centered {

    display:inline-block;

    float:none;

    /* reset the text-align */

    text-align:left;

    /* inline-block space fix */

    margin-right:-4px;

}



@media only screen and (min-width: 960px)  {

    .businesslinks {

        max-width:400px;

        position:absolute;

        right:5%;

        bottom:40%;

    }

}

@media only screen and (max-width: 960px)  {

    .businesslinks {

        display:none;

        visibility: hidden;

    }

}



@media only screen and (min-width: 960px)  {

	.bigtext {

		z-index:99;

		font-family: 'Open Sans', 'Raleway', sans-serif;

		background: transparent;

		color: #000;

		font-weight: 200;

		font-size: 4em;

	}

}

@media only screen and (max-width: 960px)  {

	.bigtext {

		font-size: 1.5em;

	}

}







.holder {

    position: absolute;

    top:25%;

    left:30%;

    display:block;

    width:100%;

}



.team {

    font-family: 'Open Sans';

    font-size: 18px;

    font-variant: bold;

    font-weight: 700;

    line-height: 1.5;

}

.generalheader {

    margin: 0 auto;

    text-align: center;

    display: block;

    font-size: 36px;

    line-height: 1.5;

    font-family: 'Open Sans';

    font-weight: 100;

}

.generaldescription {

    padding-left: 20px;

    padding-top: 30px;

    text-align: left;

    line-height: 1.5;

    display: block;

    font-size: 18px;

    font-family: 'Open Sans';

    font-weight: 100;

}

.centerdescription {

    text-align: center;

    line-height: 1.5;

    display: block;

    font-size: 20px;

    font-family: 'Open Sans';

    font-weight: 100;

}



.smallheader {

    margin: 0 auto;

    text-align: left;

    display: block;

    font-size: 24px;

    line-height: 1.5;

    font-family: 'Open Sans';

    font-weight: 400;

    padding-left: 20px;

}

.smallheader-center {

    margin: 0 auto;

    text-align: center;

    display: block;

    font-size: 24px;

    line-height: 1.5;

    font-family: 'Open Sans';

    font-weight: 400;

    padding-left: 20px;

}

.smalldescription {

    padding-left: 20px;

    padding-top: 30px;

    text-align: left;

    line-height: 1.5;

    display: block;

    font-size: 16px;

    font-family: 'Open Sans';

    font-weight: 100;

}

.emailintro {

    -webkit-box-shadow: 3px 4px 33px -2px rgba(128,128,128,0.6);

    -moz-box-shadow: 3px 4px 33px -2px rgba(128,128,128,0.6);

    box-shadow: 3px 4px 33px -2px rgba(128,128,128,0.6);

}



.backshadow {

    border-radius:25px;

    -webkit-box-shadow: 1px 4px 33px -2px rgba(128,128,128,0.6);

    -moz-box-shadow: 1px 4px 33px -2px rgba(128,128,128,0.6);

    box-shadow: 1px 4px 33px -2px rgba(128,128,128,0.6);

    -o-box-shadow: 1px 4px 33px -2px rgba(0,0,0,0.6);

    border-radius:50px;

}



/* desert scheme ported from vim to google prettify */

pre.prettyprint { display: block; background-color: #565656 }

pre .nocode { background-color: none; color: #000 }

pre .str { color: #ffa0a0 } /* string  - pink */

pre .kwd { color: #f0e68c; font-weight: bold }

pre .com { color: #87ceeb } /* comment - skyblue */

pre .typ { color: #98fb98 } /* type    - lightgreen */

pre .lit { color: #cd5c5c } /* literal - darkred */

pre .pun { color: #fff }    /* punctuation */

pre .pln { color: #fff }    /* plaintext */

pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */

pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */

pre .atv { color: #ffa0a0 } /* attribute value - pink */

pre .dec { color: #98fb98 } /* decimal         - lightgreen */



/* Specify class=linenums on a pre to get line numbering */

ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }

/* Alternate shading for lines */

li.L1,li.L3,li.L5,li.L7,li.L9 { }



@media print {

    pre.prettyprint { background-color: none }

    pre .str, code .str { color: #060 }

    pre .kwd, code .kwd { color: #006; font-weight: bold }

    pre .com, code .com { color: #600; font-style: italic }

    pre .typ, code .typ { color: #404; font-weight: bold }

    pre .lit, code .lit { color: #044 }

    pre .pun, code .pun { color: #440 }

    pre .pln, code .pln { color: #000 }

    pre .tag, code .tag { color: #006; font-weight: bold }

    pre .atn, code .atn { color: #404 }

    pre .atv, code .atv { color: #060 }

}

.demolink {

    background: #4ac6f0;

    color: #fff;

    display: block;

    padding: 20px 10px;

    text-align: center;

    text-decoration: none;

    width: 200px;

    font-size: 20px;

    border-radius: 8px; // the rounded corners are here

}



.demolink {

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

}



.demolink:hover {

    background: #2fc974;

    color: #fff;

}



.apilink {

    background: #ffffff;

    color: #4ac6f0;

    display: block;

    padding: 20px 10px;

    text-align: center;

    text-decoration: none;

    width: 200px;

    font-size: 20px;

    border-style: solid;

    border-width: thin;

    border-color: #4ac6f0;

    border-radius: 8px; // the rounded corners are here

}



.apilink {

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

}



.apilink:hover {

    background: #ffffff;

    border-style: solid;

    border-width: thin;

    border-color: #4ac6f0;

    color: #2fc974;

}

.span6 {

    vertical-align:middle;

}

.span4 {

    vertical-align:middle;

}

.container{

    padding-left: 0;

    padding-right: 0;

}

.nopadding {

    padding: 0 !important;

    margin: 0 !important;

}

/* MEGAMENU STYLE

-------------------------------------------------- */

.megamenu .nav,

.megamenu .collapse,

.megamenu .dropup,

.megamenu .dropdown {

    position: static;

    background:none;

}

.megamenu .container {

    position: relative;

}

.megamenu .dropdown-menu {

    left: auto;

}

.megamenu .megamenu-content {

    padding: 15px;

}

.megamenu .megamenu-content h3{

    margin-top: 0;

    color: #872657;

    font-size: 16px;

    text-transform: uppercase;

}

.megamenu .dropdown.megamenu-fw .dropdown-menu {

    left:15%;

    right:15%;

    /*margin-top:-15px;*/

}



.megamenu .title{

    background-color: #ffffff;

}



.navbartran {

    background:none;

}



.navbar .navbar-nav {

    display: inline-block;

    float: none;

    vertical-align: top;

}



/*.navbar .navbar-collapse {*/

/*text-align: center;*/

/*}*/



.navbar {min-height:106px !important}



.consentmenu {

    border:1px solid #021a40;

}

.media-body a {



    font: bold normal normal 16px/1.5 "Open Sans";

    color: #000000;

}



.media-body-small a {



    font: bold normal normal 14px/1.5 "Open Sans";

    color: #000000;

}



.navbar-default {

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

/*.collapse.in {*/

/*display: block;*/

/*background-color: #dfdfdf;*/

/*}*/



.navbar-fixed-top .navbar-collapse {

    max-height: 500px !important;

}



.navbar-brand > img {

    max-width:276px;

    max-height:106px;

}



.consumer-intro {

    display: block;

}



.products-megamenu-scan-btn {

    margin-top: 7px;

    margin-right: 20px;

    float: right !important;

}



.solutions-megamenu-scan-btn {

    margin-top: 7px;

    margin-right: 30px !important;

    float: right !important;

}



.products-domain-name {

    max-width: 150%;

}



.solutions-domain-name {

    width: 110% !important;

}



/* intro backgrounds */

.consent-intro {

	background-image: url("../images/consent-background.png");

	background-repeat: no-repeat;

	background-size: cover;

	display: flex;

    align-items: center;

    justify-content: center;

	height:840px;

}

.consent-intro-content {

	 background-color: transparent;

	 border-radius: 3px;

	 width: 80%;

	 height: 400px;

 }



 .consent-intro-content h1 {

     font-family: 'Open Sans';

    font-size: 40px;

    font-style: normal;

    font-variant: normal;

    font-weight: 800;

    line-height: 1.6;

 }

  .consent-intro-content p {

     font-family: 'Open Sans';

    font-size: 18px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 1.2;

 }

 /* outlined boxes */

 .outlined {

  display: table;

  margin: 1px;

}



.outlined div {

  display: table-cell;

  width: 200px;

  height: 125px;

  background: #fff;

}



.outlined .highlight {

  border: 1px solid #42e2f4;

  background: transparent;

  text-align:center;

  padding:10px;

}



.outlined .highlight {

  outline: 1px solid #42e2f4;

  background: transparent;

}



.offset {

  outline-offset: -10px;

}

/* intro backgrounds - Privacy Notice */

.privacy-intro {

	background-image: url("../images/privacynoticeforhumans.png");

	background-repeat: no-repeat;

	background-size: cover;

	display: flex;

    align-items: center;

    justify-content: center;

	height:840px;

}

.privacy-intro-content {

	 background-color: transparent;

	 border-radius: 3px;

	 width: 80%;

	 height: 400px;

 }



 .privacy-intro-content h1 {

     font-family: 'Open Sans';

    font-size: 40px;

    font-style: normal;

    font-variant: normal;

    font-weight: 800;

    line-height: 1.6;

 }

  .privacy-intro-content p {

     font-family: 'Open Sans';

    font-size: 18px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 1.2;

 }

 /* intro backgrounds - Data Risk */

.datarisk-intro {

	background-image: url("../images/datariskbackground.png");

	background-repeat: no-repeat;

	background-size: cover;

    align-items: center;

    justify-content: center;

    min-height:840px;

	height:100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}

.datarisk-intro-content {

	 background-color: transparent;

	 border-radius: 3px;

	 width: 80%;

	 height: 100%;

	 padding-bottom:10px;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -moz-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -moz-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -moz-box-orient: vertical;

  -moz-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

 }



 .datarisk-intro-content h1 {

     font-family: 'Open Sans';

    font-size: 80px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 1.6;

 }

  .datarisk-intro-content p {

     font-family: 'Open Sans';

    font-size: 18px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 1.2;

 }

  /* intro backgrounds - Managed Privacy Program */

.privacyprogram-intro {

	background-image: url("../images/manageprogram.png");

	background-repeat: no-repeat;

	background-size: cover;

	display: flex;

    align-items: center;

    justify-content: center;

	height:840px;

}

.privacyprogram-intro-content {

	 background-color: transparent;

	 border-radius: 3px;

	 width: 80%;

	 height: 400px;

 }



 .privacyprogram-intro-content h1 {

     font-family: 'Open Sans';

    font-size: 40px;

    font-style: normal;

    font-variant: normal;

    font-weight: 600;

    line-height: 1.6;

 }

  .privacyprogram-intro-content p {

     font-family: 'Open Sans';

    font-size: 18px;

    font-style: normal;

    font-variant: normal;

    font-weight: 400;

    line-height: 1.2;

 }

 /* Cookie Intro backgrounds */

.cookie-intro {

	background-image: url("../images/cookiemanagement.png");

	background-repeat: no-repeat;

	background-size: cover;

	display: flex;

    align-items: center;

    justify-content: center;

	min-height:840px;

}

.cookie-intro-content {

	 background-color: transparent;

	 border-radius: 3px;

	 width: 80%;

	 height: 400px;

 }



 .cookie-intro-content h1 {

     font-family: 'Open Sans';

    font-size: 40px;

    font-style: normal;

    font-variant: normal;

    font-weight: 600;

    line-height: 1.5;

 }

  .cookie-intro-content p {

     font-family: 'Open Sans';

    font-size: 18px;

    font-style: normal;

    font-variant: normal;

    font-weight: 200;

    line-height: 1.2;

 }

  /* DSAR Intro backgrounds */

.dsar-intro {

	background-image: url("../images/dsar-background.png");

	background-repeat: no-repeat;

	background-size: 100%;

	display: flex;

    align-items: center;

    justify-content: center;

    min-height:940px;

}

.dsar-intro-content {

	 background-color: transparent;

	 border-radius: 3px;

	 width: 80%;

	 height: 400px;

 }



 .dsar-intro-content h1 {

     font-family: 'Open Sans';

    font-size: 40px;

    font-style: normal;

    font-variant: normal;

    font-weight: 600;

    line-height: 1.5;

 }

  .dsar-intro-content h2 {

    line-height: 1.5;

 }

  .dsar-intro-content p {

     font-family: 'Open Sans';

    font-size: 18px;

    font-style: normal;

    font-variant: normal;

    font-weight: 200;

    line-height: 1.2;

 }

 /* general center class to use everywhere */

 .center {

 	text-align:center;

 }

 .white {

 	color: #ffffff;

 }

.backshadow {

	-webkit-box-shadow: 3px 4px 33px -2px rgba(128,128,128,0.6);

	-moz-box-shadow: 3px 4px 33px -2px rgba(128,128,128,0.6);

	box-shadow: 3px 4px 33px -2px rgba(128,128,128,0.6);

}

.business-intro {

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}














.data-mapping-intro {
    background-image:url(../img/intro-bg.png);
    background-size:cover;
    height:1000px;
    justify-content:initial;
    display:block;
}

.data-mapping-intro div {
    float:left;
    height:initial;
    text-align:left;
    padding-top:100px;
    margin-left:50px;
    margin-top:300px;
    margin-bottom:150px;
	width:100%;
}

.data-mapping-intro h1 {
    font-weight:normal;
    margin-bottom:0;
	font-size:60px;
}

.data-mapping-intro h2 {
    padding:0;
    margin-top:0;
	margin-bottom:10px;
	text-transform:uppercase;
    color:rgb(0, 179, 238);
}

.data-mapping-intro p {
	color:#808080;
	line-height:26px;
}

.data-mapping-intro img {
	float:left;
	margin-left:-50px;
}

.orchestration {
    background-image:url(../img/orchestration.png);
    background-size:cover;
    width:100%;
	margin:0 !important;
    height:800px;
	padding-top:50px;
}

.orchestration .generalheader {
    color:yellow;
	text-align:left;
}

.orchestration .smallheader-center {
    text-align:left;
    font-size:18px;
    color:white;
	padding-left:0;
}

.orchestration a {
	text-decoration:underline;
}

.transforming {
    background-image:url(../img/blue-bg.png);
    background-size:cover;
    height:500px;
    text-align:left;
	margin:0 !important;
    padding-left:150px;
	padding-top:100px;
}

.discover {
    background-image:url(../img/discover.png);
    background-size:cover;
    width:100%;
    height:550px;
}

.reversing {
    text-align:center;
	padding-top:100px;
}

.reversing .generalheader {
    color:yellow;
    font-size:60px;

}

.transforming .generalheader {
    color:yellow;
    font-size:56px;
    text-align:left;
}

.reversing .subtitle {
	color:white;
    margin-top:0;
	font-size:37px;
}

.transforming .subtitle {
    color:white;
    margin-top:0;
	text-transform:uppercase;
}

.reversing .smallheader-center,
.transforming .smallheader-center {
    color:white;
    font-size:20px;
    text-align:left;
    margin-left:0;
    padding-left:0;
}


.reversing img {
    width:1000px;
    margin-top:-150px;
    margin-bottom:50px;
}

.reversing p {
	width:300px;
	display:inline-block;
	color:#ececec;
	position:relative;
	margin-bottom:-200px;
	text-align:left;
	z-index:1000;
	font-size:13px;
	top:385px;
}

.reversing p.left {
	right:174px;
}

.reversing p.right {
	left:182px;
}

.transforming img {
    width:250px;
	float:right;
    margin-top:25px;
	margin-right:250px;
}

.row.sate {
	margin:0 !important;
	padding:80px 0 50px 0;
}

.row.haystack {
	margin-top:170px;
}

.dots1 img {
	position:relative;
	top:-35px;
	left:365px;
	height:335px;
	margin-bottom:-335px;
}

.tiles .generalheader,
.haystack .generalheader,
.sate .generalheader {
    color:rgb(0, 179, 238);
    font-size:32px;
    margin-bottom:10px;
}

.tiles .generaldescription,
.haystack .generaldescription,
.sate .generaldescription {
    padding-top:0;
}

.tiles img {
	margin-top:-60px;
    width:850px;
	margin-bottom:-200px;
}

.haystack .stack {
    width:500px;
}

.haystack .dots2 {
	left:-85px;
	width:70px;
	top:-115px;
	margin-bottom:-200px;
	position:relative;
}

.haytext {
	left:150px;
	margin-top:25px;
}

.sate img {
    top:-135px;
	position:relative;
	width:405px;
    margin-bottom:-320px;
}

.screens {
	padding-bottom:25px;
}

.screens .screen {
	width:550px;
	margin-top:-200px;
}

.screens .dots3 {
	width:100px;
	position:relative;
	left:25px;
}

.container.blue {
	border-bottom:10px solid yellow;
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	padding-bottom:25px;
	background:rgb(0, 179, 238);
}

.support {
	padding-top:50px;
	padding-bottom:25px;
}

.support img {
	max-width:80%;
    margin-bottom:50px;
}

.support .generalheader {
    font-size:60px;
}

.support .subtitle {
    color:rgb(0, 179, 238);
    text-transform:uppercase;
	font-size:28px;
	margin-top:0;
}

.support .generaldescription {
    max-width:770px;
	padding-left:0;
    margin:0 auto;
	padding-top:0;
	letter-spacing:1px;
}

.discover {
	padding-top:50px;
}

.discover .generalheader {
    font-size:60px;
}

.discover .subtitle {
    color:rgb(0, 179, 238);
    text-transform:uppercase;
    text-align:center;
	margin:10px 0;
}

.discover .demo {
    background:rgb(0, 179, 238);
    text-align:center;
    padding:25px 50px;
    font-size:32px;
    display:block;
    width:500px;
    margin:50px auto;
    color:white;
}

.discover .smallheader-center {
	color:#808080;
}

.icons {
	width:100%;
	text-align:center;
	padding-bottom:50px;
}

.icons > div {
	width:300px;
	min-height:300px;
	vertical-align:top;
	display:inline-block;
}

.icons div div {
	height:100px;
}

.icons h2 {
	margin-bottom:20px;
}

.icons p {
	color:#808080;
	font-size:20px;
	line-height:26px;
	text-align:left;
	padding:20px;
}


@media only screen and (max-width:800px)  {
	.navbar-brand>img {
		max-height:80px !important;
	}
	.dots1, .dots2, .dots3 {
		display:none;
	}
	img {
		max-width:100% !important;
		margin:0; padding:0;
	}
	.data-mapping-intro {
		background-position:bottom;
		height:800px;
	}
	.data-mapping-intro div {
		padding-top:0;
		margin-top:50px;

		margin-bottom:20px;
	}
	.data-mapping-intro h1 {
		line-height:62px;
	}
	.data-mapping-intro h2 {
		margin:20px 0;
	}
	.data-mapping-intro img {
		margin-top:40px;
	}
	.orchestration .generalheader {
		margin-bottom:10px;
	}
	.haytext {
		left:0;
	}
	.transforming {
		padding-left:0;
		padding-top:40px;
		padding-bottom:50px;
		height:initial;
		text-align:center;
		background-repeat:repeat-y;
	}
	.transforming .generalheader {
		line-height:60px;
		text-align:center;
		margin:20px 0;
	}
	.transforming img {
		margin-right:0;
		float:none;
		width:200px;
	}
	.row.sate {
		padding-top:50px;
		padding-bottom:30px;
	}
	.sate img {
		top:0;
		margin-bottom:0;
		margin-top:25px;
	}
	.row.haystack {
		margin-top:0;
	}
	.haytext {
		margin-bottom:50px;
	}
	.screens {
		padding-bottom:40px;
	}
	.screens .screen {
		margin-top:0;
	}
	.tiles img {
		margin:0;
	}
	.reversing {
		padding-top:30px;
	}
	.reversing .generalheader {
		line-height:60px;
	}
	.reversing .subtitle {
		padding:20px 10px;
	}
	.reversing img {
		margin-top:0;
	}
	.reversing p.right,
	.reversing p.left {
		top:0;
		left:0;
		margin-bottom:20px;
		right:0;
	}
	.row {
		margin:0 !important;
	}
	.support .generalheader {
		line-height:60px;
	}
	.support .subtitle {
		margin:20px 0;
	}
	.support .generaldescription {
		padding:0 10px;
	}
	.support img {
		width:100%;
	}
	.discover {
		height:initial;
	}
	.discover .generalheader {
		line-height:60px;
	}
	.discover .subtitle {
		margin:20px 0;
	}
	.discover .demo {
		width:100%;
	}

	.data-mapping-intro div {
		margin-left:0;
		margin-top:30px;
		padding:0 20px;
	}

	.transforming .generalheader {
		font-size:44px;
		line-height:44px;
	}

	.transforming .subtitle {
		font-size:28px;
		line-height:30px;
	}

	.generalheader {
		line-height:34px;
	}
	.sate,
	.haystack,
	.tiles,
	.screens {
		text-align:center;
	}
	.sate .generaldescription,
	.haystack .generaldescription,
	.tiles .generaldescription,
	.screens .generaldescription {
		padding:0;
	}
	.container {
		padding:0;
	}
	.reversing .generalheader {
		font-size:44px;
		line-height:44px;
	}
	.reversing .subtitle {
		font-size:28px;
		line-height:30px;
	}
	.support .generalheader {
		font-size:44px;
		line-height:44px;
	}
	.support .subtitle {
		font-size:28px;
		line-height:30px;
	}
	.discover .generalheader {
		font-size:44px;
		line-height:44px;
	}
	.discover .subtitle {
		font-size:28px;
		line-height:30px;
	}
	.discover .smallheader-center {
		padding-left:0;
	}
}

@media only screen and (max-width:350px) {
	.data-mapping-intro h1 {
		font-size:48px;
		line-height:48px;
	}
}