/*

Theme Name: X-Probox
Theme URI: http://www.proboxdesign.nl
Author: Philip Xavier van der Wouden
Author URI: http://www.proboxdesign.nl
Description: Costom Theme by probox design
Version: 1.2.0
Template: x

*/
@import 'css/architekt.css';

/* Global Style*/

/*button */
.bnt-white {
  background-color:#fff;
  color:#3690c0;
}
.bnt-white:hover {
  color:#fff;
}
.bnt-white-iv {
  background-color:#fff  !important;
  color:#1689e5 !important;;
  border:none;
  padding-left:0!important;
  margin:none;
}

.bnt-white-iv:hover {
	color:#3887be;
  background-color:#fff;
  border:none;
  text-shadow:none !important;
  padding-left:0!important;
}
.bnt-fade {
  background: rgba(0, 0, 0, 0);
  opacity: 0.5;
}
.bat-fade:hover {
  background: rgba(0, 0, 0, 0);
  opacity: 1;
}
.x-btn, .button, [type="submit"] , .x-btn.x-btn-flat, .x-btn.x-btn-flat:hover{
  text-shadow:none !important;
}
.btn-image{
opacity:0.7 !important;
}
.btn-image:hover{
opacity:1.0 !important;
}
.x-navbar-inner {
background-color: #272B35;
}
.border-bottom-big{
border-bottom:20px solid #50667f;
}
/*
#bnt-mail{
	background-color:#72849c;
	border-color:#5e6d82;
}
#mail-blockk{
  border:1px solid rgba(114,132,156,0.5);
}*/
.x-btn, .x-btn:hover, .button, .button:hover, [type=”submit”], [type=”submit”]:hover {
text-shadow: none;
}

/*font */

.stronger {
font-weight:800;
}
.h-mc{
color:#1dbed3;
}
.t-wit{
color:#f0f2f6  !important;
}
.t-100{font-weight:100  !important;}
.t-200{font-weight:200  !important;}
.t-300{font-weight:300  !important;}
.t-400{font-weight:400  !important;}
.t-500{font-weight:500  !important;}
.t-600{font-weight:600  !important;}
.t-700{font-weight:700  !important;}
.t-800{font-weight:800  !important;}
.border-specs{
border-bottom:1px solid #d7d7d7 !important;
}
.s-plan{
color:#4987d4;
padding:5px 0 5px 10px;
line-height:2.5em;
display:inline;
}
.s-plan span{
color:#fff;
background-color:#505a79;
padding:5px 9px;
display:inline;
}
.header-uLine {
    border-top: 4px solid #4987d4;
    max-width: 50px;
    padding-top: 14px;
}
.uLine { text-decoration: underline;}

/*NAV */

/* nav sticky mobile  */
@media (max-width: 979px) {
.x-navbar-fixed-top {
position: fixed !important;
}
}
/* Fade In Nav */
.x-navbar{
opacity:0; /* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;

-webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;

-webkit-animation-duration:2s;
-moz-animation-duration:2s;
animation-duration:2s;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
	border-bottom: 4px solid #4799DA !important;
	box-shadow: none !important;
}
.x-navbar {
	border-bottom: none !important;
}
.x-topbar {
	background-color: #f1f1f1;
	border-bottom: 1px solid #a9a9a9;
}
.x-btn-widgetbar {
	border-right-color: #4799DA;
	border-top-color: #4799DA;
}
.x-btn-widgetbar {
	color: rgb(255,255,255);
}
.x-navbar .x-nav-wrap .x-nav > li > a:hover{
  color: #fff !important;
}
.x-topbar .p-info, .x-topbar .p-info a{
	color: #000 !important;
}
.x-topbar .p-info a:hover{
	color: #4799DA !important;
}
.x-breadcrumb-wrap a {
  color:#000!important;
}
.x-breadcrumbs .delimiter {
  color:#4799DA !important;
}
/* MENU POSITIE */

/*MENU LABELS  */
.x-navbar-inner {
	min-height: 69px !important;
}

/* NAV MENU BREETE  */
body.x-navbar-fixed-top-active .x-navbar-wrap {
  height: 68px !important;
}
/* NAV MENU zoeken overlay  */
.x-searchform-overlay {
    background-color: rgba(71, 153, 218, 0.9);
}

/* Main header  */
.h-left{
  border-top: 4px solid #4799DA;
  max-width: 50px;
  padding-top: 14px;
}
.h-left-white{
  border-top: 4px solid #fff;
  max-width: 50px;
  padding-top: 14px;
}
.h-center{
border-bottom:4px solid #4799DA;
margin-left: auto !important;
    margin-right: auto !important;
    width: 6em
}

/* Footer  */
.x-colophon {
    background-color: #272b35;
}
/* Customize Scroll to Top Anchor */
.x-scroll-top { color: #4987d4; }
.x-scroll-top { border: 2px solid #4987d4;
}
.x-colophon.bottom .x-nav {
  margin: 28px 0;
}
#menu-footer a{
  color:#fff !important;
}
#menu-footer a:hover{
  color:#4987d4!important;
}


/* probox Styling  */
.border-left {
border-left:1px solid #d9d9d9;
}
.border-b {
border-bottom:1px solid #d9d9d9;
}


/* gradient  */

.probox-gradient {
  background: red;
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(52, 126, 185, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
  background: -webkit-linear-gradient(90deg, rgba(52, 126, 185, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
  background: -o-linear-gradient(90deg, rgba(52, 126, 185, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
  background: -moz-linear-gradient(90deg, rgba(52, 126, 185, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
}
.probox-gradient-home {
  background: red;
  background: rgba(0, 0, 0, 0) linear-gradient( 270deg, rgba(39,43,53, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
  background: -webkit-linear-gradient( 270deg, rgba(39,43,53, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
  background: -o-linear-gradient(270deg, rgba(39,43,53, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
  background: -moz-linear-gradient( 270deg, rgba(39,43,53, 1) 0%, rgba(57, 173, 204, 1) 95.09%) repeat scroll 0 0;
}
.gradient-label-1{
background: rgba(36,209,146,1);
background: -moz-linear-gradient(-45deg, rgba(36,209,146,1) 0%, rgba(3,166,248,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(36,209,146,1)), color-stop(100%, rgba(3,166,248,1)));
background: -webkit-linear-gradient(-45deg, rgba(36,209,146,1) 0%, rgba(3,166,248,1) 100%);
background: -o-linear-gradient(-45deg, rgba(36,209,146,1) 0%, rgba(3,166,248,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(36,209,146,1) 0%, rgba(3,166,248,1) 100%);
background: linear-gradient(135deg, rgba(36,209,146,1) 0%, rgba(3,166,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24d192', endColorstr='#03a6f8', GradientType=1 );
}
.fill-white {
    background: #fff none repeat scroll 0 0;
}
.main-probox-color{
color:rgba(56,135,190,1);
}

/* browser balk  */
.contain {
    position: relative;
}
.device {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
}
.device.device-browser .device-content {
    border-radius: 0 0 10px 10px;
    max-height: 400px;
}
.device.device-browser::before {
    background-color: #ddd;
    border-radius: 10px 10px 0 0;
    content: "";
    display: block;
    height: 30px;
    position: relative;
    width: 100%;
}
.device.device-browser.dark::before {
    background-color: #374f59;
}
.device.device-browser .device-details, .device.device-browser .device-details::after, .device.device-browser .device-details::before {
    background-color: #505a79;
    border-radius: 50%;
    display: block;
    height: 10px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 8;
}
.device.device-browser.dark .device-details {
    background-color: #fff;
}
.device.device-browser .device-details::after, .device.device-browser .device-details::before {
    background-color: #505a79;
    content: "";
    left: 20px;
    top: 0;
}
.device.device-browser .device-details::before {
    background-color: #505a79;
    left: 40px;
}
.device.device-desktop {
    border-color: #374f59;
    border-radius: 10px 10px 0 0;
    border-style: solid;
    border-width: 20px 20px 10px;
    margin-bottom: 100px;
}
/* einde browser balk  */

.shadow-probox-big{
-webkit-box-shadow: 0px 40px 46px -13px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 40px 46px -13px rgba(0,0,0,0.5);
box-shadow: 0px 40px 46px -13px rgba(0,0,0,0.5);
}

/* afbeelding full   */

.bleedright{
  margin-right: -400% !important;
  width: 1100px !important;
}
.bleedleft {
    margin-bottom: -105px;
    margin-left: -22% !important;
    width: 81% !important;
}


/* @media ss */

@media only screen and (max-width: 1100px) {
.bleedleft {
  margin-left: -85% !important;
  margin-top: -6px;
  width: 150% !important;
}
}

@media only screen and (max-width: 1000px) {
.eg-probox-banner-element-16{
  z-index:0 !important;
}
}

@media only screen and (max-width: 767px) {
  .bleedleft {
  margin-bottom: 0!important;
  margin-left: 1% !important;
  width: 600px !important;
}
.bleedright{
  margin-right: -300% !important;
  width: 800px !important;
}

.single-x-portfolio .cs-ta-right {
  text-align: center !important;
}
.single-x-portfolio #expertise {
  text-align: center !important;
}
}

@media only screen and (max-width: 375px) {
  .bleedright{
    margin-right: -300% !important;
    width: 500px !important;
  }
  .bleedleft {
  margin-bottom: 0!important;
  margin-left: -7% !important;
  width: 500px !important;
}
}

/* essential grid settings*/
.pr-titel {
  background-color: rgba(65, 71, 103, 1) !important;
  border-radius: 0 !important;
  clear: both !important;
  color: #ffffff !important;
  display: block !important;
  font-size: 20px !important;
  font-weight: 100 !important;
  line-height: 31px !important;
  margin: 0 !important;
  padding: 7px 10px 5px !important;
  position: relative !important;
  text-align: left !important;
  text-transform: capitalize !important;
  z-index: 0 !important;
}
.pr-cat {
  background-color: rgba(255, 255, 255, 0) !important;
  border-radius: 0 !important;
  color: #4987d4 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  padding: 0 !important;
  text-transform: capitalize !important;
  z-index: 0 !important;
}

/* PROTFOLIO SINGLE ITEM FULL WIDTH  */
h1.entry-title.entry-title-portfolio {
    margin-left: 6% !important;
    font-weight: 700 !important;
    font-size: 300%;
}
.single-x-portfolio .entry-extra {
  display: none;
}
.single-x-portfolio .entry-info {
  width: 100% !important;
  float: none !important;
}
.size-full {
  width: 100%;
}
/* PROTFOLIO SINGLE ITEM CUSTOM */
.entry-wrap {
 padding: 60px 0;
}
h1.entry-title.entry-title-portfolio {
margin-left:4%;
  text-transform:uppercase;
}
h2.h-custom-headline {
  line-height:1.5em;
}
.single-x-portfolio .x-entry-share{
	border:none;
}
.single-x-portfolio .bnt-portfolio{
	font-size: 14px;
  font-weight: 600;
}


/* PROTFOLIO SINGLE Horizontal List */
ul#expertise {
    padding: 0;
}
ul#expertise li {
    display: inline;
  padding: 10px 25px;
}
.Specs{ position:relative; margin-top: 3em; }

.specs-container {
    margin: 3em 0;
}
.specs-container .spec-line-item {
    line-height:2.5em;
    text-align: left;
}
.specs-container .spec-line-item .spec-type {
  display: inline-block;
  font-weight: 700;
  width: 30%;
  text-align: right;
  padding-right: 30px;
}

.specs-container .spec-line-item {
    text-align: left;
}


/* Background images home  */
.back-poligon-up{
background-image: url('../../uploads/poligon-up.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:0 0;
}
.back-poligon-down{
background-image: url('../../uploads/poligon-down.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:0 0;
}
.back-sphere{
background-image: url('../../uploads/network-sphere1.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:0 0;
}


/* testimonials */

.tmls.medium_image .tmls_container .tmls_item .tmls_image{
    visibility: hidden;
    height: 20px;
  }
.tmls .tmls_container .tmls_item .tmls_text p, .tmls .tmls_container .tmls_item .tmls_text .tmls_fulltext p, .tmls .tmls_container .tmls_item .tmls_text .tmls_excerpttext p {
  font-size: 1.5em;
  }



/* gravity form  */

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 {
 	border-radius: 0;
	font-size: 17px !important;
  height: 2.65em;
  line-height: normal;
  margin-bottom: 9px;
  padding: 0 0.65em;
	border: 1px solid #cccccc;
}
body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper select, body .gform_wrapper textarea {
    display: inline-block;
    font-size: 17px;
  }

::-webkit-input-placeholder {color: #000 !important;}
::-moz-placeholder {color: #000 !important;}
:-moz-placeholder {color: #000 !important;}
:-ms-input-placeholder {color: #000 !important;}

.gform_wrapper textarea {
  color: #000 !important;
}

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: #449ec2;
    box-shadow: none;
    outline: 0 none;
color:#3887be !important;/*font color*/
}

body .gform_wrapper .gfield_radio li label, body .gform_wrapper .gfield_checkbox li label {
  font-size: 19px;
}


input[type="checkbox"] + label span {
    width:19px !important;
    height:19px !important;
    cursor:pointer;
}

/*mailchimp form */
.x-subscribe-form input[type="text"],
.x-subscribe-form input[type="email"] {
  font-size: inherit;
  margin-bottom: 1.25em;
  width: 100%;
  margin-top: 24px;
}

.x-subscribe-form {
  display: inline;
}

.x-subscribe-form-291 .submit {
  margin-top: 21px !important;
  background-color: #4F4F4F;
  text-transform: uppercase;
}
.x-subscribe-form-291 .submit:hover {
  background-color: #EEEEEE;
  color: red;
}
.x-subscribe-form input[type="submit"] {
margin-top: 1.34em !important;
}
fieldset {
  float: left;
  margin-left: 21px;
}
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 {
  background-color: rgba(120, 115, 115, 0.1);
  border: 1px solid #8c8c8c;
  color: #4F4F4F! important;
}