/*
* Theme Name: Splash
* Author: Okathemes
* Version: 1.0.0


/* Boxed and Responsive Styles
================================================== */

.desktoponly {display:block;}
.mobileonly {display:none;}

@media (min-width: 1200px) {
 body.boxed {
width: 1240px;
}
 body.boxed .header-nav {
width: 1240px!important;
background:#fff;
}
 body.boxed .tp-banner {
width: 1240px;
margin:0 auto;
}
body.boxed .header-nav.basic.sticky {
left:50%;
margin-left:-620px;
}
/*body.boxed .page-title .col {
	min-height:197px;	
}

body.boxed .page-title .col img {
	max-height:215px;	
}*/
 body.boxed .aboutme {
background-size: cover!important;
}
 body.boxed nav#main-nav {
display: block!important;
}
 body.boxed .post-home .col {
min-height:355px;
}
 body.boxed .post-home .col img {
max-height:450px;
}
 body.boxed .post-home .col h1 {
font-size:30px;
}
 body.boxed .post-home .meta li {
font-size:12px;
}
 body.boxed .post-home .meta li a {
font-size:12px;
}
 body.boxed .footer {
	background:url(../images/bg-footer.png) repeat-y -200px 0 #f6f6f6;
}
.footer {
	background:url(../images/bg-footer.png) repeat-y -104px 0 #f6f6f6; /*-104*/
}
 .portfolio-col .items.col4 li {
 width: 272px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .portfolio-col .items.col3 li {
 width: 370px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .portfolio-col .items.col2 li {
 width: 560px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .blog-grid.col3,  .blog-grid.col2 {
 margin-left: -30px;
 margin-bottom: -30px;
}
 .blog-grid.col3 .post,  .blog-grid.col2 .post {
 width: 370px;
 margin-left: 30px;
 margin-bottom: 30px;
}
 .blog-grid.col3 hr,  .blog-grid.col2 hr {
 margin-left: 30px
}
 .sidebar {
 /* padding-left: 35px !important */
}
 .owl-carousel .owl-controls {
 display: block !important
}
 nav#main-nav {
 display: block!important
}


}
@media (max-width: 1600px) {

body.boxed nav#main-nav {
 display: none!important;
}
nav#main-nav {
 display: none!important;
}
.footer {
	background:url(../images/bg-footer.png) repeat-y -380px 0 #f6f6f6;/*-200px*/
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
 .header-nav.basic.sticky .logo img {
 width: auto
}
 .post-home .col {
 width:50%;
 display:inline-block;
 background:#f6f6f6;
 height:auto;
 min-height:250px;
 float:left;
 text-align:center;
}
 .post-home .col img {
 width:100%;
 max-height:250px;
}
.post-home .col h1 {
 padding-top:20%;
 text-transform:uppercase;
 font-size:24px;
 line-height:24px;
}


}
@media (max-width: 969px) { 
	.yamm .dropdown.yamm-fullwidth .dropdown-menu {
	    width: 100%
	}
    
    /*.meta ul li {margin-left:0;}*/
	
}
@media (max-width: 768px) { 
	.meta ul li {margin-left:0;padding-right:0;}
    .mobileonly .meta ul {padding-left:0;}
    
     #finwize_news .mobileonly .col-sm-4.full-width,  #finwize_news .mobileonly .col-sm-4.full-width figure,  #finwize_news .mobileonly .col-sm-4.full-width figure a {padding-right:0;}
    #finwize_news .mobileonly .meta.tp20.col-sm-8:not(.uitgelicht) {display:flow-root;padding-left:0;padding-right:0;margin-bottom: 0;}
    #finwize_news .mobileonly .meta.tp20.col-sm-12.uitgelicht {padding-left:1px;padding-right:1px;}
    .meta h5 {padding-top:2px;}
    .image-left {margin-right:0;padding-left: 1px;}
    .footer .image-left {margin-right:15px;}
}
@media (min-width: 993px) {
 .header-nav .dropdown-submenu > .dropdown-menu {
 margin-top: 0
}
 .dropdown-submenu {
 position: relative
}
 .dropdown-submenu>.dropdown-menu {
 top: 0;
 left: 100%;
 margin-top: -6px;
 margin-left: -1px;
 border-left: 1px solid rgba(0, 0, 0, 0.13) !important;
}
 .dropdown-submenu:hover>.dropdown-menu {
 display: block
}
 .dropdown-submenu>a:after {
 display: block;
 content: " ";
 float: right;
 width: 0;
 height: 0;
 margin-top: 5px;
 margin-right: -10px;
}
 .dropdown-submenu:hover>a:after {
}
 .dropdown-submenu.left {
 float: none
}
 .dropdown-submenu.left>.dropdown-menu {
 left: -100%;
 margin-left: 10px;
}

 nav#main-nav {
 display: none
}

}
 @media (max-width: 991px) {
 .btn.mobile-menu {
 display: block
}
 .nav > li > a:hover:before, .navbar-nav > li.current:before {
 border-bottom: none!important;
}
 .header-nav .dropdown-menu {
 position: relative;
 left: inherit;
 top: inherit;
 float: none;
 width: auto;
 display: block !important;
 background: none;
}
 .navbar-nav > li > a,  .navbar-nav > li:first-child > a,  .header-nav .dropdown-menu li {
 border: none
}
 .navbar-nav > li > a,  .header-nav .dropdown-menu li a {
 border-bottom: 1px solid rgba(0, 0, 0, 0.13) !important
}
 .header-nav .dropdown-menu {
 background: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .header-nav .dropdown-menu li a {
 color: #fff!important;
}
 .header-nav .dropdown-menu li a:hover,  .header-nav .dropdown-menu li a.active {
 background:none!important;
}
 .navbar-nav > li > a,  .header-nav .dropdown-menu li a,  .header-nav .dropdown-menu li a:hover,  .header-nav .dropdown-menu li a.active {
 padding: 12px 0 !important
}
 .navbar-nav .open .dropdown-menu > li > a {
 line-height: 1
}
 .navbar-nav > li > a,  .navbar-nav > li > a:focus {
 color: #ff0099
}
 .header-nav .dropdown-menu li a {
 color: #cacaca
}
 .header-nav .dropdown-menu {
 padding-left: 20px
}
 .header-nav .dropdown-menu a {
 text-transform: none !important;
 font-size: 13px !important;
}
 .header-nav.basic .btn.mobile-menu {
 margin: 31px 0
}
 .navbar-header {
 float: left;
 width: 100%;
}
 .navbar-header:after {
 content: '';
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
 .header-nav.basic.set,  .header-nav.basic.sticky {
 position: relative
}
 .services-box {
 text-align:center!important;
}
 .block {
 display: none
}
 .header-nav.basic .container {
 width: 100%;
 padding: 0;
}
 .header-nav.basic .navbar-collapse {
 width: 100%;
 float: none !important;
 margin: 0;
 background: #333;
}
 .header-nav.basic .navbar-nav {
 width: 720px;
 margin: 0 auto;
 padding: 0;
}
 .header-nav.basic .basic-wrapper {
 width: 720px;
 margin: 0 auto;
 display: block;
}
 .header-nav.basic.set .logo img,  .header-nav.basic.sticky .logo img {
 height: auto
}
 .header-nav.basic .logo {
 padding-top: 24px !important
}
 nav#main-nav {
 display: none
}
 img {
 width:100%;
 border:0px;
}
 .landing-page {
 background-size: cover!important;
}
 .page-title .col {
/* min-height:200px;
 float:left;
 text-align:right;*/
}
.team-box-animated .back h3 {
 margin:0px 0 0;
}
.team-box-animated .back p {
 font-size:11px;
 line-height:16px;
 margin-top:10px;
}
 .team-box-animated .back ul.social-icons {
 font-size:8px!important;
 bottom:-65px!important;
}
 .aboutme {
 background-size: 120%!important;
 padding:40px 0 20px;
}
 .aboutme p {
 font-size:18px;
 line-height:24px;
}
 .aboutme h3 {
 padding:5px;
 width:220px;
 font-size:26px;
}
 .page-title .col img {
/* width:100%;
 max-height:200px;*/
}
 .portfolio-col .items.col4 li, .portfolio-col .items.col3 li, .portfolio-col .items.col2 li {
 width: 100%!important;
 margin-left: 20px;
 margin-bottom: 20px;
}
.post-home .col {
 width:50%;
 display:inline-block;
 background:#f6f6f6;
 height:auto;
 min-height:213px;
 float:left;
 text-align:center;
}
 .post-home .col img {
 width:100%;
 max-height:213px;
}
.post-home .col h1 {
 padding-top:20%;
 text-transform:uppercase;
 font-size:24px;
 line-height:24px;
}
 .width-third, .width-fourth {
 width:100%;
}
 .testimonials img {
 width: 100px!important;
}
.footer {
background:url(../images/bg-footer.png) repeat-y -450px 0 #f6f6f6;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
 .header-nav .container,  .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .logo img {
 /*margin-top:8px;
 height: 36px!important;*/
 margin-top: -8px;
}
 .nav > li > a:hover:before, .navbar-nav > li.current:before {
 border-bottom: none!important;
}
 .header-nav .dropdown-menu {
 background: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .header-nav .dropdown-menu li a {
 color: #fff!important;
}
 .navbar-nav > li > a {
 padding: 15px 18px
}
 .header-nav.basic .navbar-nav > li {
 margin-left: 10px
}
 .header-nav.basic .navbar-nav > li > a {
 padding: 30px 5px
}
 .tabs-top .etabs {
 margin-bottom: -8px
}
 .tabs-top .tab {
 margin-bottom: 8px
}
 .services-3 .icon:before {
 width: 50%;
 left: -70%;
}
 .services-3 .icon:after {
 width: 50%;
 right: -70%;
}
 portfolio-col .items.col4, .portfolio-col .items.col3, .portfolio-col .items.col2 {
 margin-left: -10px;
 margin-bottom: -10px;
}
 .portfolio-col .items.col4 li, .portfolio-col .items.col3 li, .portfolio-col .items.col2 li {
 width: 233px;
 margin-left: 10px;
 margin-bottom: 10px;
}
 .blog-grid.col3 {
 margin-left: -20px;
 margin-bottom: -20px;
}
 .blog-grid.col3 .post {
 width: 350px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .blog-grid.col2 {
 margin-left: 0
}
 .blog-grid.col2 .post {
 width: 100%;
 margin-left: 0;
}
 nav#main-nav {
 display: none
}
 .testimonials img {
 width: 100px!important;
}
}
 @media (max-width: 767px) {
 .input_normal.small {width: 100%;}
 
 .sidebar .sharethis-inline-share-buttons div {margin-top:20px;margin-bottom:5px;}
 .meta ul li #st-1.sharethis-inline-share-buttons {top:-4px;}
 ol.commentlist li:first-child {padding:0;}
 .comment-des {padding-top:0;margin-top:-10px;}
 ol.commentlist {padding-left:20px;}
 .header-nav .container,  .container {
 padding-right: 15px;
 padding-left: 15px;
 padding-top:8px;padding-bottom:12px;
}.comments-sec {
    padding-top:20px;
    }
 .logo img {
 /*margin-top:8px;
 height: 36px!important;*/
 margin-top: -8px;
}
 [class*="col-"] {
 margin-bottom: 30px
}
.nav > li > a:hover:before, .navbar-nav > li.current:before {
 border-bottom: none!important;
}
.header-nav .dropdown-menu {
 background: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .header-nav .dropdown-menu li a {
 color: #fff!important;
}
.header-nav .dropdown-menu li a:hover,  .header-nav .dropdown-menu li a.active {
 background:none!important;
}
.header-nav.basic .navbar-nav {
 width: 100%;
 margin: 0 auto;
 padding-left: 20px;
 padding-right: 20px;
}
 .header-nav.basic .basic-wrapper {
 width: 100%;
 padding-left: 20px;
 padding-right: 20px;
 margin: 0 auto;
 display: block;
}
.header-nav.basic .navbar-nav > li {
 margin-left: 0
}
.tp-caption.upper span {
 font-size: 30px;
}
 .tp-caption p {
 font-size: 10px;
 letter-spacing:1px;
}
.services-box {
 text-align:center;
}
 h1.client {
 font-size: 20px;
 line-height: 20px;
 letter-spacing:0px;
}
 h4.client span {
 font-size:8px;
}
.landing-page {
 background-size: cover!important;
}
 .pricing .plan {
 border-right: 0px solid #f0f0f0;
}
.about-title {
 font-size:14px;
 line-height:24px;
 padding:10px 0px;
}
.page-title .col {
/* min-height:80px;
 width:100%;
 text-align:left;*/
}
 .page-title .col h1 {
 font-size:24px;
 padding-left:20px;
 line-height:24px!important;
}
/* .page-title .meta {
 margin-left:15px;
}*/
.page-title .meta li {
 font-size:10px!important;
}
.team-box-animated .back p {
 font-size:11px;
 line-height:16px;
}
 .team-box-animated .back ul.social-icons {
 font-size:8px!important;
 bottom:-65px!important;
}
.aboutme {
 background-size: 180%!important;
 padding:10px 0;
}
.aboutme p {
 font-size:12px;
 line-height:14px;
}
.aboutme h3 {
 padding:5px;
 width:155px;
 font-size:18px;
}
.filter li {
 margin-right: 6px;
 margin-bottom: 0;
 line-height: 45px;
 display: inline-block;
 width:100%;
}
.filter li a {
 border: 1px solid #e5e5e5
}
.portfolio-col .items.col4, .portfolio-col .items.col3, .portfolio-col .items.col2 {
 margin-left: 0;
 margin-bottom: 0;
}
.portfolio-col .items.col4 li, .portfolio-col .items.col3 li, .portfolio-col .items.col2 li {
 width: 100%;
 margin-left: 0;
 margin-bottom: 20px;
}
.navigation a {
 margin-left: 0;
 margin-right: 3px;
}
.blog-grid.col3 {
 margin-left: 0;
 margin-bottom: 20px;
}
.blog-grid.col3 .post {
 width: 100%;
 margin-left: 0;
}
.blog-grid.col2 .post {
 width: 100%;
 margin-left: 0;
}
 .blog-grid.col2 hr {
 display: block
}
.sidebar {
 margin-top: 70px;
 padding-left: 15px !important;
 background: none;
}
.pagination ul {
 margin-top: 0px
}
.pagination ul > li {
 margin-bottom: 20px
}
.tab {
 display: block !important;
 margin: 0 !important;
}
.tabs-top .tab {
 margin-bottom: 8px !important
}
.tabs-top .etabs {
 margin-bottom: -8px
}
.footer .widget.single .contact-info li {
 display: block
}
nav#main-nav {
 display: none
}
.tp-caption a.btn {
 padding:4px 6px!important;
 font-size:8px!important;
 letter-spacing: 0.5px!important;
}
.f-element {
 width: 100%!important;
}
.post-home {
 width:100%;
 margin-top:20px;
}
.post-home .col {
 width:100%;
 display:inline-block;
 background:#f6f6f6;
 height:auto;
 min-height:100%;
 float:left;
 text-align:center;
}
.post-home .col img {
 width:100%;
}
.post-home .col h1 {
 padding-top:10%;
 text-transform:uppercase;
 font-size:24px;
}
.width-third, .width-fourth {
 width:100%;
}
.testimonials img {
 width: 100px!important;
}
.sidebar .cart { width:100%;}
.product-grid.col3 .post, .product-grid.col4 .post { width: 95%; }
.cart-total{width:100%!important;}
img {
 width:100%;
 border:0px;
}
.footer {
 background:url(../images/bg-footer-res.png) no-repeat top center #f6f6f6!important;
}

.page-title h1 {display:none;}

.desktoponly {display:none;}
.meta ul {padding-left:0;}
.meta ul li.desktoponly {display:none;}
.mobileonly {display:block;}

.footer .clearfix.t-mgr70 {margin-top:0;}
.footer .clearfix.t-mgr70 p {margin-bottom:0;}
.footer .col-sm-3.t-pad40 {padding-top:20px;}
.footer .col-sm-9.t-pad40 {padding-top:0;}

h2 {font-size:20px;}


.portfolio-col .items li.col2.isotope-item {
    display:none !important;
	width: auto;
    max-height:330px;
}

#finwize_news ul.mobileonly {
    padding: 0 0 20px 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #f0f0f0;
}

}

@media (min-width: 768px) and (max-width: 991px) {
    .btn.btn-blue {margin-top:20px;}
}

@media (max-width: 600px) {
    
.parallax {
	background-attachment:inherit;
    max-height:40vh;
}

.pad-container-parallax {
    padding-top: 25px;
    padding-bottom: 0;
}
h1 {
    font-size: 12px;
    letter-spacing: 0px;
}
}

@media (max-width: 273px) {
    .btn.btn-blue {margin-top:20px;}
}