/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 08 2019 | 13:15:26 */
@font-face {
	font-family: "Pangolin";
	font-weight: 400;
	font-style: normal;
	src: local('Pangolin Regular'), local('Pangolin-Regular'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/cY9GfjGcW0FPpi-tWMfN79z4i6BH.woff2) format('woff2'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/cY9GfjGcW0FPpi-tWMfN79o.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 400;
	font-style: normal;
	src: local('Roboto'), local('Roboto-Regular'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 300;
	font-style: normal;
	src: local('Roboto Light'), local('Roboto-Light'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Roboto";
	font-weight: 400;
	font-style: italic;
	src: local('Roboto Italic'), local('Roboto-Italic'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format('woff2'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/KFOkCnqEu92Fr1Mu51xIIzQ.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Indie Flower";
	font-weight: 400;
	font-style: normal;
	src: local('Indie Flower'), local('IndieFlower'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/m8JVjfNVeKWVnh3QMuKkFcZVaUuH99GUDg.woff2) format('woff2'), url(//www.cargobytes.com/wp-content/uploads/sgf-css/m8JVjfNVeKWVnh3QMuKkFcZVaUuB.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Cawp;  
    src: url('https://www.cargobytes.com/content/fonts/cawp/chawpwebfont.woff');  
    font-weight: normal;  
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://www.cargobytes.com/content/fonts/sourcesanspro/sourcesanspro.woff2) format('woff2') !important;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.post-grid, .chalkBoardCB{
   border: 1px solid #fffff !important;
   box-shadow: 4px 4px 8px #393f44;
   background-image: url('https://www.cargobytes.com/wp-content/uploads/2018/09/blackboard_opt.jpg') !important;
   min-height:500px;
   cursor:url("https://www.cargobytes.com/wp-content/uploads/2018/08/chalkcursor_32.png"), url("https://www.cargobytes.com/wp-content/uploads/2018/08/chalkcursor_32.png"), auto;
   width:100%;
   max-width:1140px;

}
.grid-items .item
{
  border: 1px solid #bbbbbb !important;
  box-shadow: 4px 4px 8px black;
  
  
}

.grid-items .item:hover
{
  border: 1px solid #7dc3e8 !important;
  cursor: pointer;
  transform: scale(1.03);
  -webkit-box-shadow: 0px 0px 5px 4px rgba(57,165,220,0.82);
  -moz-box-shadow: 0px 0px 5px 4px rgba(57,165,220,0.82);
  box-shadow: 0px 0px 5px 4px rgba(57,165,220,0.82);
}

.postGridChalkBoardBottom
{
	margin-top:-18px;
  	width: 100%; 
    height: 35px;
    min-height: 35px;
  	max-width:1140px;
}
.postGridChalkBoardSponge
{
  	width:100%;
  	display:block;
	position: absolute;
  	min-height: 41px;
  	max-width:1140px;

}
.spongeCB
{
    width:100%;
  	position: relative;
  	bottom: 55px;

}
	@media only screen and (max-width: 1198px) {
    	.spongeCB {
        	bottom: 45px !important;
    	}
	}

.chalkBoardFont{
  padding: 40px;
  color:white;
  font-family: 'Cawp', cursive;
  font-size: 140%;
}
.canvas-stand{
  	margin: 0 auto;
  	width: 100%;
  	max-width: 890px;
	text-align: center;
}
.canvas-screen{
    padding:2%;
  	margin: 0 auto;
	background-color: white; 
    padding-bottom: 0px !important;
  	border: 5px solid black !important;
  	border-bottom: 20px solid black !important;
  	width: 100%;
 	max-width: 840px;
}

.fp-controls, .fvp-share-bar{
	cursor:pointer !important;
}
.fp-ui {
	cursor:pointer !important;
}
a.read_more, .post-navigation, a.post-cat {
    display: none !important;
}
.chalkBoardCBBtn{
   border: 1px solid #fffff !important;
   box-shadow: 4px 4px 8px #393f44;
   background-image: url('https://www.cargobytes.com/wp-content/uploads/2018/09/blackboard_opt.jpg') !important;
   min-height:80px;
   max-height:80px;
   width: 150px;
   height:60px;
   cursor:pointer;
}
.postGridChalkBoardBtnBottom
{
  	padding-top:-20px;
  	margin-top:-4px;
  	width: 150px; 
    height: 15px;
    min-height: 15px;
}
.chalkBoardBtnFont{
  margin-top:-10px;
  padding-left: 25px;
  color:white;
  font-family: 'Pangolin', cursive;
  font-size: 100%;
}
.chalkBoardCBBtn:hover
{
  -webkit-box-shadow: 0px 0px 5px 4px rgba(57,165,220,0.82);
  -moz-box-shadow: 0px 0px 5px 4px rgba(57,165,220,0.82);
  box-shadow: 0px 0px 5px 4px rgba(57,165,220,0.82);
}
.cbParallax
{
  padding: 0px;
  display: inline-block;
  position:relative;
  margin-left: calc(-50vw + 50%);
  width: 100vw !important;
  background: url('https://www.cargobytes.com/wp-content/uploads/2018/09/grey_wall2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:black;
}

.cbParallax .tooltipsall
{
	display:none !important;
}
.sectionBreak{	
	height: 2px;
	border-top: 2px solid #8b8d8f !important;
 	margin-left: calc(-50vw + 50%);
  	width: 100vw !important;
}
.sectionBreak15{	
	height: 15px;
	border-top: 2px solid #8b8d8f !important;
 	margin-left: calc(-50vw + 50%);
  	width: 100vw !important;
}
.paperCB{
  	display: inline-block;
  	width:100%;
	padding: 5% 10% 10% 10%;
  	background-color:white;
}
.paperCBContainer{
  margin-top:-13px;
  padding: 0px;
  display: inline-block;
  position:relative;
  margin-left: calc(-50vw + 50%);
  width: 100vw !important;
  background: url('https://www.cargobytes.com/wp-content/uploads/2018/09/table-top_opt.jpg') no-repeat center center fixed;  
  background-color: #F1BE7D !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
@media only screen and (min-width: 600px) {
    	.paperCB {
        	  	-webkit-background-size: 100% auto;
  				-moz-background-size: 100% auto;
  				-o-background-size: 100% auto;
  				background-size: 100% auto;
    	}
}

.logoCBGrey
{
  	text-align: right;
  	padding: 0px;
  	margin: 0px;
  	position:relative;
  	display: inline-block;
  	max-width:200px;
  	max-height:149px;
  	min-width:130px;
  	height: 25vh;
  	background: url('https://www.cargobytes.com/wp-content/uploads/2018/09/CargoByteLogoGrey-small.png') no-repeat center center scroll;
  	-webkit-background-size: 100% auto;
  	-moz-background-size: 100% auto;
  	-o-background-size: 100% auto;
  	background-size: 100% auto;
}
.logoCBGreyContainer
{
  float:right;
}
@media only screen and (max-width: 600px) {
    	.logoCBGrey {
			min-width:85px !important;
    	}
}
.sheetCB{
  width:100%;
  height:100%;
  display: inline-block;
}
.cargobytesChalkImg
{
  -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.penMarkerContainer
{
  	margin: -30px;
  	padding: +30px;
  	padding-bottom: +40px;
  	display: inline-block;
  	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.tooltipsall:hover {
    color: #0088ce !important;
  	cursor: help;
}
.qtip-content a:hover {
    color: #def3ff !important;
  	
}
.cbBrowser{
    color: #8b8d8f;
  	font-size: 32pt;
	width:70px;
  	height:70px;
}
.cbFullWidth{
  margin-top:-5px;
  padding: 30px;
  display: inline-block;
  position:relative;
  margin-left: calc(-50vw + 50%);
  width: 100vw !important;
}
.cbContainerContactForm{
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    position: relative;

}
.wpcf7 {
  margin: 150px 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.wpcf7-form {
	padding: 25px;
  	padding-bottom:10px;
  	font: "Roboto", Helvetica, Arial, sans-serif;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form textarea,
.wpcf7-form button[type="submit"],
.wpcf7-submit{
  font: 400 14px/16px "Roboto", Helvetica, Arial, sans-serif;
  background-color: white;
  width:100%;
  max-width:100%;
  min-width:100%;
}

.wpcf7-submit
{
  margin-top:+20px;
  margin-bottom:0px;
  width:100% !important;
}

.ContactFormHeader
{
  display: block;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
  font: 400 18px/20px "Roboto", Helvetica, Arial, sans-serif;
  line-height: 30px;
}
.cbDPDAgreeMent{
  margin-top:-20px;
  font: 400 9px/9px "Roboto", Helvetica, Arial, sans-serif !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #888 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #888 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #888 !important;
}
.cbContactFormSubmitGreen
{
  border-radius: 0 !important;
  background: #4CAF50 !important;
  border: 0px !important;
}
.cbContactFormSubmit
{
  border-radius: 0 !important;
}
.cbContactFormSubmit:hover
{
  color:white !important;
  background: #00659c !important;
}
.cbContactFormSubmitGreen:hover
{
  color:white !important;
  background: #2d7623 !important;
  border: 0px !important;
}
.postit{  	
    text-align: left;
  	padding: 20px;
  	margin: +20px;
  	position:relative;
  	display: inline-block;
  	max-width: 300px;
  	max-height:309px;
  	width: 300px;
  	height:309px;

  	-webkit-background-size: 100% auto;
  	-moz-background-size: 100% auto;
  	-o-background-size: 100% auto;
  	background-size: 100% auto;
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Safari */
    transform: rotate(1deg); /* Standard syntax */
  	font-family: 'Indie Flower', cursive;
 	font-size: 22pt;
  	background-color:#EDFC95;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  	cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
  	z-index:9;
}
.postit2{  	
    text-align: left;
  	padding: 20px;
  	margin: +20px;
  	position:relative;
  	display: inline-block;
  	max-width: 300px;
  	max-height:309px;
  	width: 300px;
  	height:309px;

  	-webkit-background-size: 100% auto;
  	-moz-background-size: 100% auto;
  	-o-background-size: 100% auto;
  	background-size: 100% auto;
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Safari */
    transform: rotate(1deg); /* Standard syntax */
 	font-size: 22pt;
  	background-color:#EDFC95;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  	cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
  	z-index:9;
}
.postit:hover{
		-webkit-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
}
.postit:active {
  transform: translate3d(0, 0, 0);
  -webkit-animation: rotate-diagonal-bl 0.4s linear both;
	        animation: rotate-diagonal-bl 0.4s linear both;

}

@-webkit-keyframes rotate-diagonal-bl {
  0% {
    color:#EDFC95;
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  50% {
    color:#EDFC95;
    -webkit-transform: rotate3d(1, 1, 0, 180deg);
            transform: rotate3d(1, 1, 0, 180deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 360deg);
            transform: rotate3d(1, 1, 0, 360deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
@keyframes rotate-diagonal-bl {
  0% {
    color:#EDFC95;
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  50% {
    color:#EDFC95;
    -webkit-transform: rotate3d(1, 1, 0, 180deg);
            transform: rotate3d(1, 1, 0, 180deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 360deg);
            transform: rotate3d(1, 1, 0, 360deg);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}

.page-wrap
{
  padding-bottom: 0px !important;
}
.content-wrapper{ 
  padding-bottom: 0px !important;
}

@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
.focus-in-expand, .title-post {
	-webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.page-id-319 .cbFullWidthColorContainer, .page-id-303 .cbFullWidthColorContainer
{
 	background: -prefix-linear-gradient(left, #005c66, #7dbdc3); 
	background: linear-gradient(to right, #005c66, #7dbdc3); 
}
.page-id-319 .container, .page-id-303 .container{
	background-color: transparent !important; 
}
.cbFullWidthColorContainer
{
  padding: 0px;
  display: inline-block;
  position:relative;
  margin-left: calc(-50vw + 50%) !important;
  width: 100vw !important;
}
.text-slider .maintitle, .text-slider .subtitle{
  -webkit-text-fill-color: white !important;
  -webkit-text-stroke-color: black !important;
  -webkit-text-stroke-width: 1.00px !important; 
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 1.0) !important;
}
.text-slider .subtitle{
  font-size: 250% !important;
}
@media only screen and (max-width: 600px) {
    	.text-slider .subtitle{
  			font-size: 150% !important;
		}
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.slide-inner .button-slider {
  	border-radius: 0 !important;
  	box-shadow: 3px 3px 10px rgba(0, 0, 0, 1.0) !important;
	-webkit-animation: heartbeat 2.0s ease-in-out infinite both !important;
	        animation: heartbeat 2.0s ease-in-out infinite both !important;
}
.slide-inner .button-slider:hover {
  color:white !important;
  background: #0088ce !important;
  border: 0px !important;
}
@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(0, 0, 0, 0.3);
  }
}
.text-pop-up-top {
	-webkit-animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: text-pop-up-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.cbBlueButton
{
align-items:flex-start;
background-color:rgb(57, 165, 220);
border-color:rgb(57, 165, 220);
border-radius:0px;
box-sizing:border-box;
color:rgb(255, 255, 255);
cursor:pointer;
display:inline-block;
font-family:Raleway, sans-serif;
font-size:13px;
font-stretch:100%;
font-weight:700;
height:50px;
line-height:24px;
margin:0px;
margin-top:20px;
padding-bottom:12px;
padding-left:34px;
padding-right:34px;
padding-top:12px;
position:relative;
text-align:center;
text-indent:0px;
text-rendering:optimizeLegibility;
text-shadow:none;
text-size-adjust:100%;
text-transform:uppercase;
transition-delay:0s;
transition-duration:0.4s;
transition-property:all;
transition-timing-function:ease-in;
user-select:none;
white-space:pre;
word-spacing:0px;
writing-mode:horizontal-tb;
-webkit-appearance:none;
-webkit-font-smoothing:antialiased;
-webkit-rtl-ordering:logical;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-border-image:none;
}
.cbBlueButton:hover
{
  color:white !important;
  background: #0088ce !important;
  border: 0px !important;
}
.qtip-content, .qtip-content p, .qtip-content span{
	font-size: 125% !important;
  	line-height: 125% !important;
}
.qtip-content strong, .qtip-content p strong, .qtip-content span strong
{
  color:#39a5dc!important;
}
.qtip-content ul, .qtip-content p ul, .qtip-content span ul{
	margin-left:20px!important;
  	line-height: 50% !important;
}
.qtip-content ul li, .qtip-content p ul li, .qtip-content span ul li{
  	font-size: 125% !important;
  	line-height: 100% !important;
}
.blur_back2{
    position: absolute;
    top: 0;
    z-index: 0;
    height: 100%; right: 0;
    background-size: cover;
    padding: 0px;
	margin-left: calc(-50vw + 50%);
  	width: 100vw !important;
  	background: url('https://www.cargobytes.com/wp-content/uploads/2018/09/grey_wall2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.5;
   background-blend-mode: screen;
}
.cardHoverFX {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 5;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.cb_card_info_section:hover .cardHoverFX{
	-webkit-animation: shine 1.25s;
	animation: shine 1.25s;
}
.grid-items .item, .cb_card_info_section{
	overflow: hidden;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.fp-fullscreen{
cursor: pointer !important;
}
 
    .onoffswitch {
        position: relative; width: 81px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        height: 38px; padding: 0; line-height: 38px;
        border: 2px solid #999999; border-radius: 38px;
        background-color: #EEEEEE;
        transition: background-color 0.3s ease-in;
    }
    .onoffswitch-label:before {
        content: "";
        display: block; width: 38px; margin: 0px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 41px;
        border: 2px solid #999999; border-radius: 38px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label {
        background-color: #6CA100;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
       border-color: #6CA100;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label:before {
        right: 0px; 
    }
input[type="checkbox"] {
    display: none !important;
}

.numberTable tbody tr td:hover{
	background-color:#7dc3e8;
	cursor: pointer;
}