/**
 * Theme Name: FSS International
 * Version: 1.0
 * Text Domain: fssinternational
*/

@font-face {
    font-family: 'calibriregular';
    src: url('assets/fonts/calibri-webfont.eot');
    src: url('assets/fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/calibri-webfont.woff') format('woff'),
         url('assets/fonts/calibri-webfont.ttf') format('truetype'),
         url('assets/fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{
	min-width: 1175px;
}
body {
	font-family: 'calibriregular';
}

/*Home Page */

.container {
	width: 1175px;
}

header {
	margin-bottom: 25px
}

header .container {
	position: relative;
}

.navbar-collapse {
	margin-bottom: 1px;
	margin-top: 95px;
}

.logo-img {
	text-align: left;
}

.locale {
	position: absolute;
	top: 20px;
	right: 0;
}

.locale ul {
	list-style: none;
}

.locale ul li {
	display: inline;
	overflow-x: hidden;
}

.locale ul li a {
	display: block;
	text-indent: 100px;
	overflow: hidden;
	margin-right: 3px;
	float: left;

}

.flags {
	margin-left: 0;
	overflow: hidden;
}

.dutch a {
	background: url(assets/img/dutch.png);
	width: 30px;
	height: 20px; 

}

.uk a {
	background: url(assets/img/uk.png);
	width: 30px;
	height: 20px;
}

.turkey a {
	background: url(assets/img/turkey.png);
	width: 30px;
	height: 20px;
}

.russia a {
	background: url(assets/img/russia.png);
	width: 30px;
	height: 20px;

}

.france a {
	background: url(assets/img/france.png);
	width: 30px;
	height: 20px; 
}

.phone {
	text-align: center;
	color: #2f2f2f;
	font-size: 16px;
	line-height: 11px;
	text-align: right;
	text-transform: uppercase;
	width: 200px;
}

.phone span {
	color: #000000;
	padding-left: 5px;
}



.container h1 {
	text-align: center;
	margin-bottom: 10px;
}

.nav {
	margin-left: 350px
}

.nav li a {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
}

.nav .current_page_item a {
	color: #fff;
}

.header .container{
	position: relative;
}

.header h3 {
	font-size: 36px;
	line-height: 40px;
	font-weight: normal;
	color: #fff;
	width: 595px;
	position: absolute;
	top: 10px;
	text-shadow: 1px 1px #000;
}

.header p {
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	width: 1145px;
	position: absolute;
	text-align: center;
	top: 250px;
}

.recent-products {
	margin-bottom: 45px;
}

.recent-products h5 {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-align: center;
    margin: 10px 0 40px 0;
}

.recent-products h2 {
    font-size: 29px;
    line-height: 40px;
    color: #000000;
    text-align: center;
    margin: 10px 0 40px 0;
}

.row-fluid {
    list-style: none outside none;
    overflow: hidden;
    padding-left: 0;
}


.row-fluid li {
	float: left;
	text-align: center;
}

.row-fluid .product:first-child {
	margin-left: 0;
}

.row-fluid .product:nth-child(5n+6) {
    margin-left: 0;
}

.row-fluid .product {
	width: 213px;
	height: 315px;
	border: 1px #369905 solid;
	padding: 10px;
	margin: 0 0 20px 20px;
	position: relative;
}

.grid .product{
    margin: 0 0 20px 0px;
}

.row-fluid .product img {
	height: auto;
    text-align: center;
    width: 100%;
}

.row-fluid .product h3 {
	font-size: 16px;
	line-height: 17px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.row-fluid .product p {
	font-size: 16px;
	line-height: 17px;
	color: #404040;
	text-align: left;
}

.row-fluid .product a {
    background: url('assets/img/center-arrow.png');
    background-position: 160px 6px;
    background-repeat: no-repeat;
    background-color: #369905;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 191px;
    text-align: left;
    position: absolute;
    bottom: 10px;
    padding: 7px 10px;
}

.row-fluid .product a {
	text-decoration: none;
}

.widget_sp_image {
	padding-top: 14px;
}


.homepage-news h3 {
	font-size: 24px;
	line-height: 40px;
	color: #000000;
	margin-top: 0;
}

.homepage-news .col-sm-7 ul {
	list-style: none;
}

.homepage-news ul {
	padding-left: 0;
}

.homepage-news .thumb, .blog .thumb {
	float:left;
	border: 1px #000 solid;
	margin-right: 17px;
}

.homepage-news .thumb img, .blog .thumb img {
	padding: 7px;
}

.homepage-news .content {

}

.homepage-news .col-sm-7, 
.blog .col-sm-7,
.single .col-sm-7,
.page-template-default .col-sm-7 { 
	padding-right: 100px;
}

.homepage-news .content h4 a,
.blog .content h4 a,
.single .content h4 a,
.page-template-default h4 a  {
	font-size: 15px;
	line-height: auto;
	font-weight: bold;
	color: #000000;
}

.homepage-news .content h4 a:hover {
	text-decoration: none;
}

.homepage-news  .content p, .blog .content p {
	font-size: 15px;
	line-height: auto;
	color: #2f2f2f;
}

.homepage-news .content p a, .blog .content p a ,.homepage-news article .content .read-more {
	font-size: 15px;
	line-height: auto;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

.widget_sp_image-2 {
	margin-top: 10px;
}

footer {
	margin-top: 75px;
}

footer {
	background-color: #000000;
	color: #fff;
	font-size: 10px;
	line-height: 40px;
}

footer a, footer a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


footer .footer-right {
	text-align: right;
}

/*Home Page End */
/*Techniek*/

.page-template-default .container h2 {
	font-size: 25px;
	line-height: 40px;
	color: #000000;
	text-align: center;
	margin-bottom: 35px;
}

.page-template-default .container .row h4 {
	font-size: 18px;
	color: #369905;
	font-weight: bold;
	margin: 30px 0;
	margin-top: 0;
}

.page-template-default .container .row p {
	font-size: 16px;
	color: #000000;
	margin-bottom: 25px;
}

.page-template-default header,
.blog header,
.single header,
.page-template-default header,
.page-template-templatescontact-php header,
.page-template-templatesproducts-php header{
	border-bottom: 1px #fff solid;
}

.theme_widget_member .row {
	margin-bottom: 30px;
}


.theme_widget_member .row .col-sm-6 h3 {
	font-size: 20px;
	color: #369905;
	text-align: right;
	margin: 0 60px 25px 0;
}

.theme_widget_member .row .col-sm-6 h4 {
	font-size: 15px;
	color: #2f2f2f;
	margin: 0 60px 5px 0;
	text-align: right;
}

.theme_widget_member .row .col-sm-6 p.phone {
	font-size: 15px;
	color: #000000;
	width: auto;
	margin-right: 60px;
	text-align: right;
}
/*Techniek End*/
/*Contact Page*/
.page-template-templatescontact-php .container h2, 
.blog .container h2,
.single h2,
.page-template-templatesproducts-php  h2 {
	font-size: 25px;
	line-height: 40px;
	color: #000000;
	text-align: center;
	margin-bottom: 35px;
}

.page-template-templatescontact-php h5 {
	font-size: 20px;
	line-height: 18px;
	font-weight: lighter;
	color: #369905;
}

.page-template-templatescontact-php p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 18px;
}

.page-template-templatescontact-php p.address {
	font-size: 16px;
	line-height: 18px;
	color: #2f2f2f;
}

.page-template-templatescontact-php p.phone {
	color: #2f2f2f;
	width: auto;
	text-align: left;
	margin-top: 30px;
        font-size: 16px;
}

.page-template-templatescontact-php p.email a , .page-template-templatescontact-php p.web a {
	color: #000000;
        font-size: 16px;
}

.page-template-templatescontact-php p.email a:hover, 
.page-template-templatescontact-php p.web a:hover {
	text-decoration: none;
}

.page-template-templatescontact-php h3.widget-title {
	font-size: 20px;
	line-height: auto;
	color: #000000;
}

.page-template-templatescontact-php .form-row {
	margin-bottom: 15px;
}

.page-template-templatescontact-php .form-row-submit {
	text-align: right;
	width: 470px;
}

.page-template-templatescontact-php .form-row-submit input {
	background-color: #000000;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}

.page-template-templatescontact-php .form-row-submit .ajax-loader {
	display:none !important;
}

.page-template-templatescontact-php .form-row-submit input {
	width: 90px;
	height: 30px;
}

.page-template-templatescontact-php .form-row input {
 	width: 470px;
	height: 30px;
	padding: 0 5px;
 }

 .page-template-templatescontact-php .form-row textarea {
 	width: 470px;
	height: 110px;
        padding: 0 5px;
 }

.page-template-templatescontact-php .form-row input, 
.page-template-templatescontact-php .form-row textarea {
	border: 1px #000000 solid;
}


::-webkit-input-placeholder { color:#404040; font-size: 14px; }
::-moz-placeholder { color:#404040; font-size: 14px; } /* firefox 19+ */
:-ms-input-placeholder { color:#404040; font-size: 14px; } /* ie */
input:-moz-placeholder { color:#404040; font-size: 14px; }

.content .row .col-sm-6 {
	margin-bottom: 50px;
}
/*Contat Page End*/
/*Niews Page End*/

.nav-single {
		margin-top: 35px;
}

.nav-single .nav-previous {
	float: left;
}

.blog .nav-single .nav-previous a {
	background: url('assets/img/center-arrow-left.png');
	background-position: 10px 6px;
	background-repeat: no-repeat;
    background-color: #369905;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 195px;
    text-align: left;
    bottom: 10px;
    padding: 7px 20px 7px 45px;
}

.blog .nav-single .nav-previous a:hover {
	text-decoration: none;
}


.blog .full-frame {
	width: 474px;
	height: 290px;
}

.blog .nav-single  .nav-next a {
	background: url('assets/img/center-arrow.png');
	background-position: 160px 6px;
	background-repeat: no-repeat;
    background-color: #369905;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 195px;
    text-align: left;
    bottom: 10px;
    padding: 7px 20px 7px 10px;
}

.blog .nav-single  .nav-next {
	float: right;
}

.blog .nav-single  .nav-next a:hover {
	text-decoration: none;
}

.single .nav-single .nav-back a {
	background: url('assets/img/center-arrow-left.png');
	background-position: 10px 9px;
	background-repeat: no-repeat;
    background-color: #369905;
    color: #fff;
    display: block;
    font-size: 18px;
    width: 290px;
    text-align: left;
    bottom: 10px;
    padding: 7px 15px 7px 55px;
}

.single .nav-single .nav-back a:hover {
	text-decoration: none;
}	

.single .nav-single .nav-attachment a {
	background: url('assets/img/center-arrow-down.png');
	background-position: 10px 9px;
	background-repeat: no-repeat;
    background-color: #000000;
    color: #fff;
    display: block;
    font-size: 18px;
    width: 180px;
    text-align: left;
    bottom: 10px;
    padding: 7px 15px 7px 45px;
}

.single .nav-single .nav-attachment a:hover {
	text-decoration: none;
}

.nav-back {
	float: left;
}

.nav-attachment {
	float: left;
	margin-left: 15px;
}

/*Niews Page End*/
/*Dummy Page Styles*/

/*.content h1, 
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	text-align: left !important;
	color: #000 !important;
	margin: 10px 0 !important;
}

.content ul li, .content ol li {
	font-size: 18px;
	line-height: 18px;
}*/
/*Dummy Page Styles End*/

/*Product Page */

.single-product .thumb {
	margin-bottom: 20px;
}

.single-product .thumbnails div {
	margin-bottom: 20px;
}

.filter,.sub-filter {
	text-align: left;
	width: 125px;
	height: 25px;
	font-size: 15px;
	line-height: 15px;
	color: #404040;
	margin-right: 10px;
	border: 1px #000 solid;
	padding: 0 3px;
	margin-top: 8px;
}


select.filter, select.sub-filter {
    float:left;
    width: 165px;
}

select.sub-category{
    display: none;
}


input.filter {
    float:right;
    background-repeat: no-repeat;
    background-position: 105px 7px;
}


/*Product Page*/

/** Sticky footer */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
}

@media all and (max-width: 768px) {
    .collapse{
        display: block!important;
    }
    
    .collapse li{
        float: left;
    }
}

#cookie-notice {
    background-color: #e6e6e6;
    
    padding-top: 10px;
    
    box-shadow: inset 0px -2px 4px #bdbdbd;
    
    width: 100%;
    height: 65px;
    
    color: black;
    
    
}

#cookie-notice .cookie-container {
    width: 850px;
    margin: 0 auto;
}

#cookie-notice .cookie-left {
    float: left;
    
    width: 85%;
    
    padding-right: 25px;
}

#cookie-notice .cookie-left.responsive {
    display: none;
}

#cookie-notice p {
    margin-bottom: 0px;
}

#cookie-notice .accept {
    float: right;
    width: 15%;
}

#cookie-notice a.accept-btn {
    display: inline-block;
    
    padding: 4px;
    padding-left: 9px;
    padding-right: 9px;
    
    background-color: #369905;
    color: white;
    
    font-weight: bold;
    font-size: 11pt;
    
    margin-top: 6px;
    
    border-radius: 3px;
    
    text-align: center;
}

#cookie-notice #responsive-cookie-statement {
    display: none;
}

#cookie-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    
    position: fixed;
    top: 0px;
    left: 0px;
    
    z-index: 998;
    
    display: none;
}

#cookie-popup {
    width: 900px;
    height: 560px;
    
    overflow: auto;
    
    background-color: white;
    
    z-index: 999;
    
    border-radius: 10px;
    
    margin: 0 auto;
    margin-top: 180px;
    
    box-shadow: 0px 2px 5px #545454;
}

#close-cookie-popup {
    font-size: 12pt;
    
    display: block;
    text-align: center;
 
    margin-top: 10px;
    margin-bottom: 0px;
}

#cookie-popup h3 {
    margin-top: 10px;
}

#cookie-statement-left {
    float: left;
    width: 50%;
    
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

#cookie-statement-right {
    float: right;
    width: 50%;
    
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}