/*!
Theme Name: Woodstock Group Valves
Theme URI: http://woodstock-group.uk/
Author: woodstock
Author URI: http://woodstock-group.uk/
Description: The Woodstock Group has over 19 years of experience in the development and manufacturing of all types of engineering components in India.  We can work from just one sample with no drawings or with complete drawings and we supply to the UK and throughout Europe. We help our customers to lower costs, increase efficiency and drive innovation by becoming their back end procurement office.
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Woodstock Group, Engineering components, Engineering, Woodstock Valves
Text Domain: woodstockvalves
*/

@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');
@import url('css/base.css');
@import url('css/animate.css');
@import url('css/menu.css');
@import url('css/slider.css');
@import url('css/owl.carousel.css');
@import url('css/jquery.fancybox.css');
@import url('css/bootstrap.min.css');
body {
	color: #565656;
	font: 15px/24px 'Ubuntu', sans-serif;
	background: #fff;
	font-weight: 400;
}
.hides {
	opacity: 0;
}
.views {
	opacity: 1;
}
a {
	text-decoration: none;
	transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}
a img {
	border: none;
}
p {
	text-align: justify;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #05438b;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: 700;
}
h1 {
	font-size: 36px;
	line-height: 45px;
}
h2 {
	font-size: 32px;
	line-height: 45px;
}
h3 {
	font-size: 28px;
	line-height: 45px;
}
h4 {
	font-size: 24px;
	line-height: 35px;
}
h5 {
	font-size: 20px;
	line-height: 35px;
}
h6 {
	font-size: 18px;
	line-height: 30px;
	color: #74af1b
}
.logo {
	z-index: 9999;
	background: #edf5ff;
	padding: 25px 15px;
	position: absolute;
	top: 0px;
}
.banner, .welcome-wrapper, .col-wrap .col-img, footer, .footer-wrapper, .blog-col .blog-img{
	position: relative;
}
.banner {
	width: 100%;/*margin-top: -70px;*/
}
.top-menu ul, .contact-info ul, .social-links ul, .language ul, .emaillinks ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.top-menu, .experience {
	font-weight: 500;
}
.top-menu {
	padding-right: 75px;
	line-height: 60px;
}
.top-menu ul li {
	padding: 0px 15px;
	display: inline-block;
}
.top-menu ul li:last-child {
	padding-right: 0px;
	background: none
}
.top-menu ul li a, .menu2 ul li a, .service-menu ul li a, .copyright a, .email-links ul li a {
	color: #787878
}
.language {
	position: relative;
	z-index: 999999
}
.language span {
	display: block;
	cursor: pointer;
}
.language ul {
	display: none;
	position: absolute;
	right: 0px;
}
.language ul li {
	width: 100%;
	float: left;
	padding: 0px;
	background-image: none;
}
.language ul li a {
	padding: 2px 15px;
	display: block;
	line-height: 35px;
	background: #74af1b;
	text-indent: 0px;
	color: #fff;
	width: 100px;
}
.language ul li a:hover {
	background-color: #f1f1f1;
	color: #05438b
}
.language span::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0d7';
	margin: 0px -3px 0px 10px;
	font-size: 18px;
	float: right;
}
.top-menu .search {
	position: absolute;
	top: 0px;
	right: 0px;
}
.sb-search {
	position: relative;
	width: 0%;
	min-width: 60px;
	height: 60px;
	right: 15px;
	top: 0px;
	float: right;
	margin-left: 0px;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	width: 100%;
	color: #787878;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 5px 50px 5px 15px;
	font-family: inherit;
	background: none;
	font-size: 14px;
}
 .sb-search-input::-webkit-input-placeholder, .top-menu ul li a:hover {
 color: #74af1b;
}
 .sb-search-input:-moz-placeholder {
 color: #74af1b;
}
 .sb-search-input::-moz-placeholder {
 color: #74af1b;
}
 .sb-search-input:-ms-input-placeholder {
 color: #74af1b;
}
.sb-icon-search, .sb-search-submit {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: alpha(opacity=0); /* IE 5-7 */
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.sb-icon-search {
	color: #565656;
	background: #edf5ff;
	z-index: 90;
	font-size: 25px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
	content: "\f002 ";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
	width: 300px;
	/*position:relative;*/
	position:absolute;
	z-index:99999999
}
.sb-search-open .sb-search-input {
	background: #edf5ff;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
	background: #74af1b;
	color: #fff;
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
	z-index: 90;
}
.overlay {
	background: url(images/overlay-bg.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%
}
.viewmore a {
	font-weight: 700;
	background: #edf5ff;
	font-size: 16px;
	padding: 15px 20px;
	color: #565656;
}
.viewmore a:hover, .blogpage .viewmore a:hover{
	background: #74af1b;
	color: #fff;
}
.viewmore, .experience {
	text-transform: uppercase;
}
.banner .viewmore {
	position: absolute;
	margin-top: 25px;
}
.banner .viewmore::before {
	content: '';
	background: #edf5ff;
	width: 30px;
	height: 5px;
	position: absolute;
	left: -30px;
	top: 10px;
}
.main-wrapper, footer {
	padding: 60px 0px;
}
.welcome-wrapper {
	background: #05458c;
	padding: 35px;
	margin-top: -150px;
	margin-bottom: 125px;
}
.welcome-wrapper, .welcome-wrapper h2, .world-leading h5, .world-leading, .col-wrap .col-title h5, footer, footer .title h3, .name h6, .contact-info h5, footer a, .banner2 h1 {
	color: #fff
}
.title, .content-wrapper {
	margin-bottom: 25px;
}
.welcome-wrapper::before, .footer-wrapper::before {
	background: url(images/top-bg.png) no-repeat 100% 0%;
	content: '';
	width: 100%;
	height: 52px;
	position: absolute;
	top: -52px;
	right: 0px
}
.welcome-wrapper::after, .footer-wrapper::after {
	background: url(images/bottom-bg.png) no-repeat 0% 0%;
	content: '';
	width: 100%;
	height: 52px;
	position: absolute;
	bottom: -52px;
	left: 0px
}
.world-leading {
	border: 5px solid #74af1b;
	padding: 35px 15px;
}
.world-leading h5 {
	line-height: 30px;
}
.experience, .col-wrap, .search-col{
	margin: 25px 0px;
}
.experience-year {
	font-size: 65px;
	line-height: 50px;
	margin-right: 5px;
	font-weight: 700;
	color: #74af1b;
	float: left;
}
.col-wrap .col-title {
	position: absolute;
	bottom: 0px;
	left: 15px;
}
.col-wrap .col-title h5 {
	margin: 0px;
	padding: 10px 25px;
	background: #05438b;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.col-wrap:hover .col-title h5 {
	background: #74af1b
}
.col-wrap .col-detail {
	margin-top: 15px;
	padding: 10px 15px;
	border-bottom: 5px solid #f1f1f1
}
.application-wrapper, .contact-wrapper, .map, .emaillinks, .gallery {
	margin-top: 50px;
}
.application-img {
	margin-top: 15px;
}
.application-wrapper .title {
	background: url(images/application-title-border.jpg) repeat-x 0% 50%;
	margin-bottom: 20px;
}
.application-wrapper .title h2 {
	background: #fff;
	padding-right: 20px;
	display: inline-block;
	margin: 0px;
}
footer {
	background:url(images/footer-bg.jpg);
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment:fixed !important;
	background-size:cover !important;
}
.contact-info h5 {
	border-bottom: 4px solid #fff;
	padding-bottom: 10px;
	display: inline-block;
}
.contact-info li {
	padding: 3px 0px;
}
.footer-wrapper {
	background: #05438b;
	padding: 35px 15px;
	text-align: center;
	margin-top: 100px;
}
.footer-wrapper span {
	line-height: 30px;
	width: 100%;
	display: inline-block;
}
.social-links ul li {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display:inline-block;
	margin: 10px 2px;
}
.social-links ul li a {
	display: block;
	background: #fff;
	font-size: 24px;
	color:#05438b;
	border-radius: 5px;
}
.social-links ul li a:hover {
	background: #74af1b;
	color: #fff
}
.scrollup {
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	position: fixed;
	bottom: 30px;
	right: 20px;
	display: none;
	background: url(images/jump-top-arrow.png) no-repeat center center #05438b;
	opacity: 0.9
}
.scrollup:hover {
	background-color: #74af1b;
	opacity: 1
}
.banner2 {
	padding: 125px 0px 75px 0px;
	background: url(images/banner1.jpg);
	background-size:cover;
	background-attachment:scroll;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner2 h1 {
	font-size: 32px;
}
.page-col {
	background: #fafafa;
	margin-top: 25px;
	padding: 30px 15px;
	border: 1px dashed #f1f1f1;
}
.page-col .viewmore a {
	background: #05438b;
	color: #fff;
	display: inline-block;
}
.contact-form textarea {
	height: 275px;
}
.map {
	width: 100%;
	height: 450px;
	border: 5px solid #ebebeb;
}
.map iframe {
	width: 100%;
	height: 100%;
}
.emaillinks {
	text-align: center;
	border: 3px dashed #ebebeb
}
.emaillinks h4 {
	text-transform: uppercase;
	border-bottom: 3px dashed #ebebeb;
	padding-bottom: 15px;
}
.emaillinks ul li {
	width: 25%;
	float: left;
	padding: 15px 15px 25px 15px;
	border-right: 3px dashed #ebebeb
}
.emaillinks ul li h6 {
	margin: 10px 0px;
	color: #565656;
	font-size: 16px;
}
.emaillinks ul li:last-child {
	border-right: none !important;
}
.emaillinks .email-icon {
	font-size: 30px;
	border: 2px solid #ebebeb;
	display: inline-block;
	color: #05438b;
	line-height: 75px;
	width: 80px;
	height: 80px;
	border-radius: 100%
}
.img-thumbnail img {
	width: 100%
}







/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination {
	text-align: right;
	margin: 15px 0px
}
.custom-pagination span, .custom-pagination a {
	display: inline-block;
	padding: 4px 10px;
}
.custom-pagination a {
	background-color: #4b4b4b;
	color: #fff;
}
.custom-pagination a:hover {
	background-color: #3e2a68;
	color: #fff;
	text-decoration:none;
}
.custom-pagination span.page-num {
	margin-right: 10px;
	padding: 0;
}
.custom-pagination span.dots {
	padding: 0;
	color: gainsboro;
}
.custom-pagination span.current {
	background-color: #3e2a68;
	color: #fff;
}
/* Blog 
=================================================== */
/*.blog-post {
	margin-top: 20px;
}*/
.blog-col, .search-col{
	padding: 15px;
	background: #fff;
	border: 1px solid #ebebeb;
}

.blog .archive {
	margin-bottom: 15px;
}
.blogpage .viewmore a {
	padding: 12px 20px;
	font-size: 16px;
	background: #05438b;
	color: #fff;
	display: inline-block;
}
.blog-post footer {
	margin-top: 0px;
	padding: 0px;
	text-align: justify;
}
/*.categoreis #content article, .archive article, .blog-col {
border-bottom: 2px solid #d2d2d2;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.categoreis #content article:last-child, .blog-col:last-child, .archive article:last-child {
	border: none
}*/
.blog-post iframe {
	height: 400px !important
}
#comments ol {
	list-style: none
}
#comments, .children li {
	padding-top: 10px;
}
#comments h2 {
	text-transform: none;
	font-weight: 500;
	font-size: 28px;
}
ol.comment-list li .comment-body {
	background: none repeat scroll 0 0 #fff;
	padding: 15px;
	border: 1px solid #f1f1f1
}
ol.comment-list li .comment-body .reply a, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a {
	color: #74af1b;
}
.reply {
	text-align: right !important;
	text-transform: uppercase
}
ol.comment-list li .comment-body .reply a:hover {
	color: #05438b;
}
.comment-metadata a {
	color: #585858
}
article footer {
	padding-bottom: 0px;
	background: none;
	border: none;
}
article footer a {
	color: #585858;
	border: none
}
.comment-content {
	margin: 10px 0px
}
#respond {
	margin-top: 10px;
	float: left;
	width: 100%
}
#respond label {
	width: 100%;/*font-size: 15px;
	color: #fff !important;
	font-weight: normal*/
}
#respond input, #respond textarea {
	width: 100%;
	padding: 6px 0px;
	text-indent: 10px;
	background: #fff;
	border: 1px solid #f1f1f1;
}
#respond input[type='submit'] {
	background: #05438b;
	width: auto;
	padding: 12px 15px;
	color: #fff;
	font-weight: 500;
	text-indent: 0px;
	border: none;
	margin: 15px 0px;
	font-size: 18px;
	text-transform: uppercase;
}
#respond input[type='submit']:hover {
	background: #74af1b
}
.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}
.widget-area aside h3 {
	font-size: 24px;
	margin: 15px 0px;
}
.widget-area aside ul li {
	padding: 5px 0px;
}
.widget-area aside ul li a {
	color: #585858
}
.widget-area aside ul li a:hover {
	text-decoration: none
}
.widget-area aside#search-3 {
	padding: 0px;
}
.entry-content input {
	padding: 3px 10px;
	border: 1px solid #f1f1f1;
}
.entry-content input[type='submit'] {
	background: #f7b926;
	line-height: 25px;
	border: none;
	color: #fff;
}
#content h3.screen-reader-text {
	line-height: 35px;
	padding: 8px 0px;
}
.tagcloud a {
	background-color: #f7b926;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	margin: 5px 4px 5px 10px;
	padding: 3px 10px;
	position: relative;
	text-transform: uppercase;
	color: #fff;
}
.tagcloud a:hover {
	background-color: #05438b;
	color: #fff;
	transition-duration: 0s
}
.tagcloud a:before {
	border-bottom: 15px solid transparent;
	border-right: 10px solid #f7b926;
	border-top: 15px solid transparent;
	content: "";
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0;
}
.tagcloud a:hover:before {
	border-right-color: #05438b;
	transition-duration: 0s;
}
.tagcloud a:after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: -2px;
	position: absolute;
	top: 12px;
	width: 6px;
}
.tagcloud a:hover:after {
	background-color: #fff
}
nav.navigation .nav-links a {
	margin: 10px 0px;
	display: block
}
.news-col {
	background: #fff;
	border: 1px solid #f1f1f1;
	padding: 10px 15px;
	margin-bottom: 25px;
}
.news-col h3 {
	margin: 10px 0px;
	font-size: 20px;
}
/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	margin: 15px 0px;
	font-weight: 500
}
.entry-meta a {
	color: #585858;
}
.entry-meta > span {
	margin-right: 20px;
	line-height: 30px;
	display: inline-block
}
.entry-meta > span:last-child {
	margin-right: 0;
}
.featured-post:before {
	content: "\f408";
	margin-right: 2px;
	font-family: "Font Awesome 5 Free";
}
.entry-meta .date a:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.comments-link a:before {
	content: "\f086";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.entry-meta .author a:before {
	content: "\f007";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: -1px;
	margin-right: 6px
}
.categories-links a:first-child:before {
	content: "\f07c";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.tags-links a:first-child:before {
	content: "\f02e";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: 0px;
	margin-right: 6px
}
.edit-link a:before {
	content: "\f044 ";
	font-family: "Font Awesome 5 Free";
	position: relative;
	top: -1px;
	margin-right: 6px
}
.blog-col {
	margin: 0px 0px 25px 0px
}
.entry-content #slider {
	margin-bottom: 15px;
}
.blog-col h3 a {
	font-size: 20px;
	font-weight: bold
}
.blog-post h2.entry-title {
	background: none;
	line-height: 40px;
	font-size: 28px;
}
.says {
	margin-left: 3px
}
span.edit-link {
	margin-left: 6px
}
.reply a {
	background: #05438b;
	padding: 6px 12px;
	font-weight: 500;
	color: #fff !important;
}
.reply a:hover {
	background: #74af1b;
	text-decoration: none;
	color: #fff !important
}
article footer a:hover {
	color: #05438b
}
.widget-area aside {
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid #f1f1f1;
	float:left;
	width:100%
}
.blog-post nav {
	background: none !important
}
.blog-date {
	color:#fff;
	position: absolute;
	bottom: 0px;
	text-transform: uppercase;
	font-weight: 500;
	background: url(images/overlay-bg.png);
	padding: 10px 15px;
}
.blog-date i {
	margin-right: 5px;
	font-size: 16px;
	line-height: 15px
}
#respond h3 {
	font-size: 32px
}
.search-box {
	padding: 8px 7px;
	background: #fff;
	border: 1px solid #f1f1f1;
	/*margin: 10px 0px;*/
	width:100%;
	float:left
}
.search-box input {
	border: none;
	float: left;
	padding: 8px 0px;
	background: none;
	width: 80%;
}
.search-box input[type='submit'] {
	width: 30px;
	float: right;
	background: url(images/search.png) no-repeat 0% 50%
}











 @media all and (max-width:1400px) {
.banner-descp {
	width: 55%;
	left: 7%
}
}
 @media all and (max-width:1200px) {
.banner-descp {
	width: 55%;
	top: 25%;
	left: 5%
}
.banner li .title h1 {
	font-size: 26px;
}
.external-flexslider-container8624.default-flex .flexslider-container8624, .default-flex .flexslider .slides img.flex-slide-img {
	height: 450px;
}
.top-menu ul li.top-email, .scrollup {
	display: none !important;
}
.welcome-wrapper {
	margin-top: -100px;
}
#cssmenu .menu-menu-container > ul > li > a {
	margin-right: 15px;
	font-size: 15px;
}
.world-leading {
	text-align: center;
}
.experience-year {
	margin-bottom: 15px;
}
.experience span {
	display: inline-block;
	width: 100%;
}
}
 @media all and (max-width:992px) {
.logo {
	width: 200px;
}
.banner-descp, .world-leading {
	display: none !important;
}
.external-flexslider-container8624.default-flex .flexslider-container8624, .default-flex .flexslider .slides img.flex-slide-img {
	height: 350px;
}
.col-wrap .col-img img {
	width: 100%
}
#cssmenu .menu-menu-container {
	position: relative;
	top: 10px;
	right: 0px;
	margin-bottom: 0px;
}
.title h1 {
	font-size: 30px;
}
.banner2 {
	padding: 100px 0px 75px 0px;
}
.page-col {
	padding: 15px;
}
.page-col .imgbox {
	margin-bottom: 15px;
}
}
 @media all and (max-width:767px) {
.top-menu ul li.top-phone {
	display: none;
}
.title h2, .banner2 h1 {
	font-size: 28px;
}
.external-flexslider-container8624.default-flex .flexslider-container8624, .default-flex .flexslider .slides img.flex-slide-img {
	height: 275px;
}
.welcome-wrapper {
	margin-top: -60px;
	padding: 35px 15px;
}
}
 @media all and (max-width:575px) {
.logo {
	width: 175px;
}
#cssmenu .menu-menu-container {
	top: 5px;
}
.external-flexslider-container8624.default-flex .flexslider-container8624, .default-flex .flexslider .slides img.flex-slide-img {
	height: 235px;
}
.welcome-wrapper {
	margin-top: -60px;
}
.application-wrapper .title h2 {
	font-size: 24px;
}
.top-menu {
	padding-right: 0px;
}
.search {
	display: none;
}
.gallery .col-sm-3 {
	width: 33.33333333%
}
}
 @media all and (max-width:360px) {
.gallery .col-sm-3 {
	width: 50%
}
}