.portfolio_nav { display:none; }
.top_bar.fixed
{
	position: fixed;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;
	z-index: 999;
	visibility: visible !important;
	top: 0px;
}

.top_bar.fixed #menu_wrapper div .nav
{
	margin-top: 16px;
}

.top_bar.fixed #searchform
{
	margin-top: 8px;
}

.top_bar.fixed .header_cart_wrapper
{
	margin-top: 21px;
}

.top_bar.fixed #menu_wrapper div .nav > li > a
{
	padding-bottom: 24px;
}

.top_bar.fixed .logo_wrapper img
{
	max-height: 40px;
	width: auto;
}
#wrapper
{
	overflow-x: hidden;
}
.mobile_menu_wrapper
{
    display: none;
}
body.js_nav .mobile_menu_wrapper 
{
    display: block;
}
.gallery_type, .portfolio_type
{
	opacity: 1;
}
#searchform input[type=text]
{
	width: 75%;
}
.woocommerce .logo_wrapper img
{
	max-width: 50%;
}

#mobile_nav_icon
{
    display: none;
}



@media only screen and (max-width: 768px) {
	html[data-menu=leftmenu] .mobile_menu_wrapper
	{
		right: 0;
		left: initial;
		
		-webkit-transform: translate(360px, 0px);
		-ms-transform: translate(360px, 0px);
		transform: translate(360px, 0px);
		-o-transform: translate(360px, 0px);
	}
}



.post_header_title, .post_header.grid
{
	text-align: center;
}



html[data-style=fullscreen] .top_bar.hasbg, .top_bar.hasbg, .top_bar.scroll.black
{
	border: 0;
}

.top_bar.hasbg
{
	background: rgba(0,0,0,0.00);
}

#page_caption, #page_caption .page_title_wrapper
{
	text-align: left;
	float: left;
}

#page_caption .page_title_wrapper .page_title_inner
{
	position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}

.post_caption 
{
	position: relative;
}

#page_caption hr.title_break, .post_caption hr.title_break
{
	display: none;
}

#page_caption h1
{
	width: 55%;
    display: block;
    float: left;
}

#page_caption .page_tagline, .post_caption .page_tagline
{
	width: 45%;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0.5em;
}

.post_caption
{
	text-align: left;
	float: left;
	width: 100%;
}

.page_tagline
{
	font-style: normal;
}

.post_caption .page_tagline
{
	right: 30px;
}

#portfolio_wall_filters
{
	width: 45%;
	float: right;
	text-align: right;
	margin-left: 0 !important;
}

@media only screen and (min-width: 1100px) {
	#page_caption .page_tagline 
	{
		right: 90px;
	}
}




.two_cols.gallery .element img, .three_cols.gallery .element img, .four_cols.gallery .element img, .five_cols.gallery .element img, .two_cols.gallery .element:hover img, .three_cols.gallery .element:hover img, .four_cols.gallery .element:hover img, .five_cols.gallery .element:hover img, .post_img img, .post_img:hover img, #horizontal_gallery_wrapper .gallery_image_wrapper.archive img, .horizontal_gallery_wrapper .gallery_image_wrapper.archive img
{
	transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}
.one_half.gallery2.portfolio_type a:after, .one_third.gallery3.portfolio_type a:after, .one_fourth.gallery4.portfolio_type a:after, .one_fifth.gallery5.portfolio_type a:after
{
	display: none;
}
.two_cols.gallery .element .portfolio_title, .three_cols.gallery .element .portfolio_title, .four_cols.gallery .element .portfolio_title, .five_cols.gallery .element .portfolio_title
{
	background: rgba(0,0,0,0.7);
	height: 100%;
	bottom: 0;
	transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.two_cols.gallery .element .portfolio_title .table, .three_cols.gallery .element .portfolio_title .table, .four_cols.gallery .element .portfolio_title .table, .five_cols.gallery .element .portfolio_title .table
{
	bottom: 0;
	display: table;
	width: 100%;
	height: 100%;
}

.two_cols.gallery .element .portfolio_title .table .cell, .three_cols.gallery .element .portfolio_title .table .cell, .four_cols.gallery .element .portfolio_title .table .cell, .five_cols.gallery .element .portfolio_title .table .cell
{
	display: table-cell;
	vertical-align: middle;
}


.logo_container{
padding: 5px;
}

#download {
display: none!important;
}

#overlay_background_title, .overlay_background_title {
display: none;
}

table.best{
width: 100%;
}

.best th,
.best td{
width: 25%;
}

.best th{
background-color: #274ea2;
color: #fff;
    padding: 20px!important;
    text-align: center;
    border: 10px solid #fff!important;
}

.best .footerRow td{
color: #274ea2;
font-weight: bold;
}


.p10{
padding: 30px;
}

.super{
font-size: 120px!important;
color: #274ea2;
}

.subline{
font-size: 20px;
font-weight: bold;
margin-top: 0px;
}

.subsubline{
font-size: 20px;
font-weight: normal;
font-style: italic;
margin-top: 0px;
}

.pricings {
width: 100%;
height: 145;
margin-bottom: 50px;
}

.pricehead {
width: 25%;
background-color: #274ea2;
float: left;
padding:1%; 
height: 145px;
}

.pricetitlename{
text-align: center;
color: #fff;
padding: 0;
margin: 10px 0;
font-size: 22px;
}

.pricetitle {
color: #fff;
text-align: center;
margin: 15px 0;
font-size: 35px;
}

.pricelist {
width: 61%;
float: left;
height: 100%;
margin: 0%;
list-style-type: none;
}

.pricingtable {
padding: 1% 3%;
background-color: #fff;
}

.pricingtableEven {
padding: 1% 3%;
background-color: #f6f6f6;
}

.pricingbutton {
width: 10%;
padding:1%; 
float: right;
background-color: #274ea2;
height: 145px;
display: table;
margin: 0 auto;
}

.priceButton {
    border: none;
    color: #fff;
    padding: 46px 0%;
    text-align: center;
    text-decoration: none;
    display: table;
    margin: 0 auto;
    font-size: 16px;
}

.subpricetitle{
color: #fff;
    text-align: center;
    margin-top: -20px;
    padding: 0;
}

h6{
margin-top: 10px;
padding: 0 15px;
}

.bundleText{
width: 54%;
margin: 2%; 
float: left;
}

.month {
color: #fff;
}

.bundleImage {
width: 38%;
margin: 2%;
}

.carousel_img{
margin-left: 15px!important;
margin-right: 15px!important;
}


.supportselector{
display: none;
}

.sorting {
list-style-type: none;
}

.implementationmobile {
display: none;
}

.sortingitem{
display: block;
float: right;
padding: 14px 16px;
}

.four_cols.gallery .element:hover .portfolio_title {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); 
opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    visibility: visible;
}


.two_cols.gallery .element .portfolio_title, .three_cols.gallery .element .portfolio_title, .four_cols.gallery .element .portfolio_title, .five_cols.gallery .element .portfolio_title {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0); 
    bottom: 0;
    height: 100%;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.2s ease-out 0s;
    visibility: visible;
}


.four_cols.gallery .element .portfolio_title .table .cell {
    vertical-align: bottom !important;
    padding-bottom: 15px;
}

.accordion {
    font-family: Arial, Helvetica, sans-serif!important;
    border-color: #979797!important;
    border-style: solid!important;
    border-width: 0px!important;
    border-radius: 8px!important;
    margin: 0 auto!important;
    height: 250px!important;
    width: 905px!important;
}


.accordion {
visibility: visible;
}

.accordion div{
border: 0;
}

.accordion > ul > li,
.accordion-title,
.accordion-content,
.accordion-separator {
    float: left!important;
}

.accordion > ul > li {
    background-color: #979797!important;
    margin-right: -700px!important;
    margin-bottom: -0px!important;
}

.accordion-select:checked ~ .accordion-separator {
    margin-right: 700px!important;
    margin-bottom: 0px!important;
}

.accordion-title,
.accordion-select  {
    background-color: #333740!important;
    color: #ffffff!important;
    width: 40px!important;
    height: 231px!important;
    font-size: 15px!important;
}

.accordion-title span {
    margin-bottom: 20px!important; 
    margin-left: 20px!important;
}

.accordion-select:hover ~ .accordion-title,
.accordion-select:checked ~ .accordion-title {
    background-color: #274ea2!important;
}

.accordion-title span  {	

    -ms-writing-mode: lr-bt!important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)!important;
    margin-left: 0px!important;
	text-align: center!important;
}


.accordion-content {
    background-color: #f6f6f6!important;
    color: #f5f2f0!important;
    height: 175px!important;
    width: 644px!important;
	padding: 28px!important;
}

.accordion h3 {
padding: 0 !important;
color: #fff
}

.accordionTitle{
color: #fff !important;
margin-top: 250%;
}

.accordion-title,
.accordion-select:checked ~ .accordion-content {
    margin-right: 1px!important;
    margin-bottom: 0px!important;
}

/* Do not change following properties, they aren't 
generated automatically and are common for each slider. */
.accordion {
    overflow: hidden!important;
}

.accordion > ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
    width: 101%!important;
}

.accordion > ul > li,
.accordion-title {
    position: relative!important;
}

.accordion-select {
    cursor: pointer!important;
    position: absolute!important;
    opacity: 0!important;
    top: 0!important;
    left: 0!important;
    margin: 0!important;
    z-index: 1!important;
}

.accordion-title span {
    display: block!important;
    position: absolute!important;
    bottom: 0px!important;
    width: 100%!important;
    white-space: nowrap!important;

}

.accordion-title {
text-align: center;
}

.accordion-content {
    position: relative!important;
    overflow: auto!important;
	color: #000!important;
}

.accordion-right {
width: 80%!important;
text-align: center!important;
color: #fff;
margin: 0 auto!important;
}

.outerArccordion {
    display: inline-flex!important; 

}
	
.innerArccordion  {
    margin: auto 5px!important;
    
	}

.accordion-separator {
    transition: margin 0.3s ease 0.1s!important;
    -o-transition: margin 0.3s ease 0.1s!important;
    -moz-transition: margin 0.3s ease 0.1s!important;
    -webkit-transition: margin 0.3s ease 0.1s!important;
}


.portfolio_filter_wrapper.gallery.four_cols {
margin-top: 0px !important;
}

.portfolio_wall_filters{
margin-top: -60px;
width: 100%!important;
}

h3{
font-size: 26px !important;
}

h2{
font-size: 30px !important;
}

h1{
font-size: 36px !important;
}

.sub {
font-size: 18px;
}

.white {
color: #fff  !important;
}
.selector {
			display: none;
		}
		

.video-container iframe, .video-container object, .video-container embed {
    width: 597px !important;
    height: 336px!important;
float: right;
}

.widgettitle {
border: 0!important;
}
.circle-info{
line-height: 150px!important;
text-transform: none !important;
color: #274ea2!important;
}



button { 
    background-color: #274ea2;
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
margin-top: 10px;
    margin-bottom: 25px;
border: 1px solid #274ea2;

}

button:hover {
    background-color: #fff;
    color: #274ea2;
    border: 1px solid #274ea2;

 
}


.difference {
margin-top: 30px;
text-align: center; 
height: 360px;
}

.diffItems{
margin-top: 55px;
}



.one.withsmallpadding.ppb_text {
float: left;
}

.portfolio {
float: left; 
margin: 15px; 
width: 250px; 
display: inline;
}

.vier{
width: 21%;
margin: 2%;
float: left;
}

.drie {
    width: 29.33%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
    float: left;
}

.vinkjes{
    width: 29.33%;
    float: left;
    margin-right: 4%;
    margin-bottom: 4%;
    float: left;
}

.vink{
    width: 29.33%;
    float: left;
    margin-right: 4%;
    margin-bottom: 0%;
    float: left;
}

.servicetable{
color: #fff;
font-size: 28px;

}

.blok2{
margin-left: 10%;
}

.xtra{ 
margin-top: 3%;
}

.head {
text-align: center;
margin-bottom: 55px;
}

.joining {
list-style-image: url('https://www.tblox.com/wp-content/uploads/2016/10/check.png');
}

.cd-timeline-block {
      min-height: 250px;
      margin: 0 !important;
   }

#cd-timeline {
margin: 0  !important;
padding-bottom: 50px !important;

}

.cd-timeline-img {
box-shadow: 0 0 0 0px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05) !important;
}

#cd-timeline span.fa {
color: #fff !important;
}



.timeline {
width: 50%; 
position: relative; 
margin: 0 auto -66px auto; 
}

.flexslider {
margin-top: 20px !important;
}

.socialicon {
display: inline;
margin: 0 15px !important;
}

#footer .sidebar_widget.four > li {
width: 100% !important;
}

.footerlink {
color: #fff !important;
}


.footer_bar_wrapper {
background-color: #001c43 !important;
max-width: 4000px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}

.footer_bar {
padding: 0 !important;
background-color: #59575b;
}

#copyright {
margin-left: 25% !important;
text-align: left !important;
}

#mobile_nav_icon{
    display: none !important;
}

.title_break{
    display: none !important;
}

.one_fifth {
margin-left: 1% !important;
margin-right: 1% !important;
}

table {
width: 55%;
margin: 0 auto;
}

table, th, td {
    border: 0!important;
    border-collapse: collapse;
    padding: 8px !important;
}
th, td {
    }
th {
    text-align: left;
}

td {
text-align: right;
}



.small{
    font-size: 24px !important;
    opacity: 1 !important;}


.outerDiv {
    display: inline-flex; 
    height: 350px;

}

.innerDiv {
    margin: auto 5px;   

}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.carousel_img{
margin-left: 15px!important;
margin-right: 15px!important;
}

.difference {
text-align: center; 
height: 1265px;
}

.head {
text-align: center;
}


.portfolio {
text-align: center;
float: left; 
margin: 2%; 
width: 45%; 
display: inline;
}

.blok{
margin-left: 10%;
}

.vier{
width: 41%;
margin: 2%;
float: left;
}

.drie {
    width: 44%;
    float: left;
    margin: 3%;
    position: relative;
    box-sizing: border-box;
}


.cd-timeline-block {
      min-height: 400px;
      margin: 0 !important;

   }

#cd-timeline {
margin: 0  !important;
padding: 0 !important;
height: 2200px !important;
}

.cd-timeline-img {
box-shadow: 0 0 0 0px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05) !important;
}

#cd-timeline span.fa {
color: #fff !important;
}

.cd-container timeline-express masonry {

}

.timeline {
width: 75%; 
position: relative; 
margin: 0 auto -66px auto; 
padding-top: 50px;
}

.socialicon {
display: inline;
margin: 0 15px !important;
}

#footer .sidebar_widget.four > li {
width: 100% !important;
}

.footerlink {
color: #fff !important;
}


.footer_bar_wrapper {
background-color: #274ea2 !important;

background-size: 150px 36px;
background-position: center;
max-width: 4000px !important;
padding: 0 !important;
width: 100% !important;
}

.footer_bar {
padding: 0 !important;
}

#copyright {
margin-left: 25% !important;
text-align: left !important;
}

table {
width: 80%;
margin: 0 auto;
}


.bundleText{
width: 40%;
margin: 25px; 
float: left;
}


.small{
    font-size: 24px !important;
    opacity: 0.4 !important;
}

}

@media only screen and (max-width: 767px) {
.pricings {
width: 96%!important;
text-align: center!important;
margin: 3% 3%!important;
float: left!important;
background-color: #fff!important;
border: 1px solid #e1e1e1!important;
border-radius: 5px!important;
}

.pricehead {
background-color: #274ea2!important;
padding: 3%!important;
width: 94%!important;
height: 50% !important;
}

.pricetitlename {
margin: 15px !important;
font-size: 21px !important;
color: #fff  !important;
}

.pricetitle {
font-size: 30px !important;
margin: 0px; !important;
 color: #fff !important;

}

.pricingtable{
list-style-type: none; !important;
margin-top: 10px;!important;
margin-bottom: 10px;!important;
min-height: 46px;!important;
width: 100%!important;
}

.pricingtable {
padding: 1% 3%;
background-color: #fff;
width: 94% !important;
}

.pricingtableEven {
padding: 1% 3%;
width: 94%;
background-color: #f6f6f6;
}

.pricelist {
color: #9a9a9a;!important;
padding: 0%; !important;
width: 90%!important;
}

.pricingbutton {
width: 70%;
padding:1%; 
float: none;
background-color: #274ea2;
display: table;
margin: 15px auto;
height: 35px;
}

.priceButton {
    border: none;
    color: #fff;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    display: table;
    margin: 0 auto;
    font-size: 16px;
}



.bundles{
margin-left: 0!important;
}

.bundleImage {
width: 96%;
margin: 2%;
}


.servicetable{
color: #fff;
font-size: 22px!important;
}

.selector {
display: block;
float: left;
background-color: transparent;
padding: 4px;
margin-left: 10px;
color: #58a310;
border: solid 1px; #58a310;
-webkit-appearance: menulist!important;
}

.supportselector{
width: 64%;
    margin-left: 18%;
    margin-right: 18%;
    margin-bottom: 25px;
display: block;
}

.supporttext{
float: left;
}

.carousel_img{
margin-left: 15px!important;
margin-right: 15px!important;
}

#logo_right_button{
    display: block!important;
}

.accordionOuter {
display: none;
}

.implementationmobile {
display: block;
}

.select.selector {
			display: block;
		}

th {
    max-width: 120px;
    font-size: 15px;
}
		
table.prices .bronze,
table.prices .silver,
table.prices .gold,
table.prices .platinum,
table.prices .diamond {
	display: none;
}

.difference {
text-align: center; 
height: 1250px;
}

.portfolio {
text-align: center;
float: left; 
margin: 2%; 
width: 45%; 
display: inline;
}

.drie {
    width: 92%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
    float: left;
}

.vink {
    width: 92%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
    float: left;
}

.vinkjes {
    width: 92%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
    float: left;
}



.head {
text-align: center;
}

.cd-timeline-block {
      min-height: 400px;
      margin: 0 !important;

   }

#cd-timeline {
margin: 0  !important;
padding: 0 !important;
height: 2000px !important;
}

.cd-timeline-img {
box-shadow: 0 0 0 0px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05) !important;
}

#cd-timeline span.fa {
color: #fff !important;
}

.cd-container timeline-express masonry {

}


.vier{
width: 41%;
margin: 2%;
float: left;
}


.timeline {
width: 95%; 
position: relative; 
margin: 0 auto -66px auto; 
padding-top: 50px;
}

#mobile_nav_icon{
    display: block!important;
margin-right: 40px;
}

.socialicon {
display: inline;
margin: 0 5px !important;
}

#footer .sidebar_widget.four > li {
width: 100% !important;
}

.footerlink {
color: #fff !important;
}


.footer_bar_wrapper {
background-color: #274ea2 !important;
background-image: url('https://www.tblox.com/wp-content/uploads/2016/10/tbloxlogo.png');
background-repeat: no-repeat;
background-size: 150px 36px;
background-position: center;
max-width: 4000px !important;
padding: 0 !important;
}

.footer_bar {
padding: 0 !important;
}

#copyright {
margin-left: 5% !important;
text-align: left !important;
}




.bundleText{
width: 90%;
}
.bundles{
margin-left: -7%;
}

.pricings {
width: 90%;
text-align: center;
margin: 3% 5%;
float: left;
background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 5px;
}

.pricehead {
background-color: #274ea2;
padding: 3%;
}

.pricetitlename {
margin: 15px !important;
font-size: 21px !important;
color: #fff  !important;
}

.pricetitle {
font-size: 90px !important;
margin: 0px;
 color: #fff !important;

}

.pricingtable{
list-style-type: none;
margin-top: 10px;
margin-bottom: 10px;
}

.pricelist {
color: #9a9a9a;
padding: 5%;
}

.small{
    font-size: 24px !important;
    opacity: 0.4 !important;}}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.selector {
display: block;
position: relative;
		}

#copyright{
margin-left: 5%;
}


.accordionOuter {
display: none;
}

.implementationmobile {
display: none;
}

.carousel_img{
margin-left: 15px!important;
margin-right: 15px!important;
}

.difference {
text-align: center; 
height: 1250px;
}

.portfolio {
text-align: center;
float: left; 
margin: 2%; 
width: 45%; 
display: inline;
}

.portfolio {
text-align: center;
float: left; 
margin: 2%; 
width: 45%; 
display: inline;
}
.head {
text-align: center;
}

.cd-timeline-block {
      min-height: 400px;
      margin: 0 !important;

   }

#cd-timeline {
margin: 0  !important;
padding: 0 !important;
height: 2000px !important;
}

.cd-timeline-img {
box-shadow: 0 0 0 0px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05) !important;
}

#cd-timeline span.fa {
color: #fff !important;
}

.cd-container timeline-express masonry {

}

.timeline {
width: 95%; 
position: relative; 
margin: 0 auto -66px auto; 
padding-top: 50px;
}


}