/*







 Theme Name: Pivot Creative







 Theme URI: http://www.pivotcreative.com.au/







 Description: Custom theme for Pivot Creative.







 Author: BBIM







 Author URI: http://bbim.com.au/







 License: Everything copyrighted







 Version: 1.1







*/















@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,600,300italic);



 @charset "utf-8";

/* CSS Document */







body {

	margin: 0 auto;

	padding: 0;

	color: #666666;

	font-family: 'Open Sans', sans-serif;

}

*, *:after, *:before {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

ul, ol, h1, h2, h3, h4, h5, h6 {

	padding: 0;

	margin: 0;

}

ul li {

	list-style: square;

}

p {

	margin: 15px 0;

	line-height: 25px;

	font-size: 20px;

	color: #3a3939;

	font-weight: 300;

}

blockquote, q {

	quotes: none;

}

form, fieldset {

	border-style: none;

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

h1, h2, h3, h4, h5, h6 {

	margin: 15px 0;

	color: #222222;

}

h1 {

	font-size: 40px;

}

h2 {

	font-size: 34px;

}

h3 {

	font-size: 30px;

}

h4 {

	font-size: 26px;

}

h5 {

	font-size: 20px;

}

h5 {

	font-size: 18px;

}

a {

	text-decoration: none;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	color: #F88F1A;

}

a:focus, a:active {

	outline: none !important;

	border: none;

}

form, fieldset {

	border-style: none;

	margin: 0;

	padding: 0;

}







/* Mozilla based browsers */







::-moz-selection {

 background-color: #222222;

 color:#FFF;

}

input {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}

/* Works in Safari */







::selection {

	background-color: #222222;

	color: #FFF;

}

.alignleft {

	float: left;

	margin-right: 15px;

	margin-bottom: 15px;

}

.alignright {

	float: right;

	margin-left: 15px;

	margin-bottom: 15px;

}

#wp-live-chat{

	background-color: white !important;

}

a:focus, a:active {

	outline: none;

}

a img {

	outline: none;

	border: none;

}

img {

	max-width: 100%;

}

input {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}

.visible-lg {

	display: block;

}

.visible-xs {

	display: none;

}

.clearfix {

	clear: both;

}

.clear {

	clear: both;

}

.clearfix::before, .clearfix::after {

	content: " ";

	display: table;

}

.btn {

	text-transform: uppercase;

	display: inline-block;

	padding: 9px 22px;

	font-size: 16px;

	font-weight: 700;

	color: #FFF;

	border-width: 1px;

	border-style: solid;

	border-color: transparent;

	border: 1px solid #FFF;

}

.yellow-btn {

	background-color: #F78F1E;

	color: #FFF;

	border-color: #F78F1F;

}

.default.btn {

	background-color: transparent;

	color: #FFF;

	border-color: #FFF;

}

.text-center {

	text-align: center;

}

.container {

	width: 1130px;

	margin: 0 auto;

	padding-left: 15px;

	padding-right: 15px;

}

/* ----------------------------------------------------- */







/* -----------------------Header----------------------- */







/* ----------------------------------------------------- */















.header {

	background-color: #FFF;

}

.header .top {

	background-image: url('images/header_bg.png');

	background-repeat: no-repeat;

	background-size: cover;

	padding-top: 8px;

}

.header nav > ul > li {

	display: inline-block;

	list-style: none;

}

.header .logo {

	width: 270px;

	float: left;

}

.header .logo a {

	display: inline-block;

	width: 100%;

	margin: 0 0 -36px 0;

	position: relative;

	z-index: 222;

}

.header .top .right {

	width: 700px;

	float: right;

	margin: 33px 0;

}

.header .top .right > div {

	display: inline-block;

	vertical-align: middle;

}

.header .htitle {

	width: 540px;

	margin-right: 15px;

}

.header .htitle h2 {

	font-size: 30px;

	font-weight: 700;

	color: #000;

}

.header .htitle h2 > span {

	font-weight: 300;

	color: #585858;

}

.header .social.phone {

	text-align: center;

	width: 140px;

}

.social.phone > span {

	display: inline-block;

	width: 100%;

}

.social.phone > span.tel a {

	color: #000;

	font-size: 18px;

	font-weight: 700;

}

.social.phone > span.tel img {

	margin-right: 10px;

	vertical-align: middle;

}

.social.phone > span.social_link {

	margin-top: 15px;

}

.social.phone > span.social_link a {

	margin: 0 3px;

}

.social.phone > span.social_link i {

	background-color: #000;

	border-radius: 50px;

	color: #fff;

	font-size: 20px;

	height: 40px;

	padding: 11px;

	text-align: center;

	width: 40px;

}

.header .bottom {

	background-color: #000000;

}

.header .nav {

	width: 100%;

	text-align: center;

	padding: 5px 0;

}

.nav > ul {

	text-align: center;

	position: relative;

	z-index: 333;

}

.nav > ul > li {

	position: relative;

	margin: 0 15px;	

	display: inline-block;

}

.nav > ul > li >a {

	color: #FFF;

	text-transform: uppercase;

	font-size: 16px;

	display:inline-block;

	font-weight: 400;

	cursor: pointer;

}

.nav > ul > li > a {

	padding: 15px 15px;

}

.nav > ul > li > a:hover {

	background-color:#DD7D2E;

}

.nav > ul > li > a > i {

	margin-left: 6px;

}

.nav > ul > li.current-menu-item > a {

	font-weight: 700;

}

.nav > ul > li > ul {

	top: 12px;

}

.nav > ul > li > ul {

	width: 120%;

	min-width: 207px;

	display: none;

	background: #FFFFFF;

	position: absolute;

	left: -9px;

	top: 63px;

	z-index: 999;

	background-color:#DD7D2E;

	text-align:left;

	padding: 9px;

	box-shadow: 1px 1px 5px gray;

}

.nav > ul > li > ul > li {

	float: none;

	margin-left: 0;

	height: auto;

	text-align: left;

	display: inline-block;

	width: 100%;

	-webkit-transition: all 0.05s ease-in;

	-moz-transition: all 0.05s ease-in;

	-o-transition: all 0.05s ease-in;

	transition: all 0.05s ease-in;

}

.nav > ul > li.largeMenu > ul{

	width: 665px;

	left: -50px;

}



.nav > ul > li > ul > li:last-child {

	border-bottom: none;

}

.nav > ul > li > ul > li a {

	display: block;

	color: #FFF;

	font-size: 14px;

	font-weight: 400;

	line-height: normal;

	text-decoration: none;

	-webkit-transition: all 0.1s ease-in 0s;

	-moz-transition: all 0.1s ease-in 0s;

	-o-transition: all 0.1s ease-in 0s;

	transition: all 0.1s ease-in 0s;

	padding: 5px 10px;

}

.nav > ul > li > ul > li a:hover {

	text-decoration: none;

	background-color: #000000;

	color: #FFF;

}

.nav > ul > li.largeMenu > ul.sub-menu > li{

	display:inline-block;

	width:158px;

	vertical-align:top;

}

.nav > ul > li > ul.sub-menu li{

	list-style:none;

}

.nav > ul > li > ul.sub-menu  .sub-menu{

	padding-left:6px;

}

.header .wr-megamenu-container ul.wr-mega-menu {

	float: none;

	margin: 0 auto;

	text-align: center;

}

.header .wr-megamenu-container ul.wr-mega-menu > li {

	float: none;

	position: inherit;

}

.header .wr-megamenu-container ul.wr-mega-menu > li .menu_title {

	text-transform: uppercase;

}

.header .menu_title {

	font-size: 16px;

	color: #FFF;

}

.header .ig-menu-title {

	font-size: 15px;

	color: #000;

	font-weight: 500;

}

.header .nav {

	position: relative;

}

.header .submenu-items li a {

	color: #000;

	font-size: 13px;

	font-weight: 400;

}

.header .submenu-items li a:hover {

	color: #000;

	background-color: #FFF;

}

.header .wr-megamenu-container ul.wr-mega-menu > li.current_page_item .menu_title {

	font-weight: 700;

}

.header .wr-megamenu-inner {

	text-align: left;

}

.header .customMenu {

}

.header .nav .wr-megamenu-inner {

	border-color: #D37C29;

}

.header .customMenu .wr-element-submenu .submenu-items a {

	padding: 4px;

}

/* ----------------------------------------------------- */







/* -------------------- Home Page ---------------------- */







/* ----------------------------------------------------- */











.drawings .border img {

  height: auto;

  width: 100%;

}





.hero-slider .content h1 {

  color: #fff;

  font-size: 40px;

  font-weight: 400;

  line-height: 42px;

  margin: 0 !important;

}



.hero-slider .content h2 {

  font-size: 36px;

  font-weight: 400;

  margin: 0;

}



.hero-slider .content h1.big {

  margin-bottom: 30px !important;

  margin-left: 30px !important;

}





.section.hero .layer {

	background-color: rgba(0, 0, 0, 0.3);

	padding: 80px 0;

}

.section.hero-slider {

	overflow: hidden;

	position: relative;

}

#slider .overlay {

	position: absolute;

	color: #FFF;

	height: 100%;

	top: 0;

	background-repeat: no-repeat;

}

#slider .overlay.left {

	left: 0;

	background-position: right;

	background-size: cover;

	background-image: url('images/hero_overlayL.png');

}

#slider .overlay.right {

	right: 0;

	background-position: left;

	background-size: cover;

	background-image: url('images/hero_overlayR.png');

}

#slider .overlay .content {

	width: 530px;

}

#slider .overlay .content h2, #slider .overlay .content h4 {

	color: #FFF;

}

#slider .overlay .content h4 {

	font-weight: 300;

}

#slider .overlay.left .content {

	padding: 40px 75px 40px 33px;

}

#slider .overlay.right .content {

	padding: 40px 15px 40px 122px;

}

#slider .overlay .content {

	height: 100%;

}

#slider .owl-dots {

	width: 1100px;

	text-align: right;

	margin: 0 auto;

}

#slider .owl-controls {

	position: absolute;

	bottom: 15px;

	width: 100%;

}

#slider.owl-theme .owl-dots .owl-dot.active span, #slider.owl-theme .owl-dots .owl-dot:hover span {

	background-color: #F88F19;

}

#slider.owl-theme .owl-dots .owl-dot span {

	background-color: #FDFEFF;

	border-radius: 30px;

	display: block;

	height: 14px;

	margin: 5px 7px;

	transition: opacity 200ms ease 0s;

	width: 14px;

}

/* ----------------------------------------------------- */







/* ----------------- Section services ------------------ */







/* ----------------------------------------------------- */















.section.service {

	padding: 30px 0 10px;

}

.service {

	background-color: #f8f8f8;

}

.service .serv {

	display: inline;

}

.service .serv > div {

	display: inline-block;

	vertical-align: top;

}

.service .serv .cont-box {

	background-color: #ffffff;

	margin-right: 15px;

	margin-top: 30px;

	width: 260px;

	box-shadow: 2px 2px #dbdbdb;

}

.service .serv .cont-box img {

	min-width: 100%;

}

.service .serv .cont-box h2 {

	padding: 8px 0;

	font-size: 20px;

	margin: 0;

	font-weight: 700;

	color: #ffffff;

	background-color: #000;

	text-align: center;

}

.service .serv .cont-box p {

	font-size: 13px;

	color: #4d4d4d;

	font-weight: 600;

	padding: 0 15px;

}

.service .serv .cont-box span {

	float: right;

	position: relative;

	background-image: url('images/add.png');

	background-repeat: no-repeat;

	background-size: 100%;

	display: inline-block;

	width: 50px;

	height: 50px;

}

.service .serv .cont-box i {

	bottom: 10px;

	color: #ffffff;

	position: absolute;

	right: 9px;

}

.service .serv .cont-box .cont-image {

	padding-bottom: 10px;

}

.service .cont-box:nth-child(4n+4) {

	margin-right: 0;

}

.service .cont-box:last-child {

	margin-right: 0;

}

/* ----------------------------------------------------- */







/* ----------------- Section About --------------------- */







/* ----------------------------------------------------- */















.section.about {

	padding: 10px 0 20px 0;

	background-color: #f8f8f8;

}

.heading h1 {

	font-size: 40px;

	margin: 0;

	font-weight: 400;

	text-align: center;

	color: #636363;

	padding: 10px 0;

}

.heading h1 span {

	color: #000000;

	font-weight: 800;

}

.heading h2 {

	font-size: 30px;

	color: #f49020;

	text-align: center;

	font-weight: 700;

	padding: 10px 0;

}

.heading h3 {

	font-size: 25px;

	color: #000000;

	text-align: left;

}

.about_content {

	color: #3a3939;

}

.about_content .cont {

	padding-top: 20px;

}

.about_content .cont .text-right, .about_content .cont .text-left {

	width: 680px;

}

.about_content .cont .text-right p, .about_content .cont .text-left p, .about_content .cont .text-full p {

	color: #3a3939;

	line-height: 23px;

}

.about_content .cont .text-right h3, .about_content .cont .text-left h3, .about_content .cont .text-full h3 {

	color: #000;

	font-size: 16px;

	font-weight: 700;

	padding-bottom: 10px;

	display: inline-block;

}

.about_content .cont .text-full {

	margin-top: 40px;

}

.about_content .cont .image-left, .about_content .cont .image-right {

	width: 368px;

	border: 1px solid #000000;

}

.about_content .cont .text-left, .about_content .cont .image-left {

	float: left;

}

.about_content .cont .text-right, .about_content .cont .image-right {

	float: right;

}

.section.about .row {

	overflow: hidden;

	margin: 15px 0;

	display: inline-block;

	width: 100%;

	padding-bottom: 3px;

}

.section.about form {

	padding: 15px 15px;

	background-color: #FFF;

}

.about .row h1 {

	margin-top: 0;

}

.about .row .left {

	width: 650px;

	float: right;

	margin-left: 20px;

}

.about .row .right {

	width: 430px;

	float: left;

}

/* ----------------------------------------------------- */







/* ------------ Section Core Value --------------------- */







/* ----------------------------------------------------- */















.section.core {

	background-color: #f8f8f8;

	padding-bottom: 20px;

}

.core {

	background-color: #f8f8f8;

}

.core .values {

	padding-top: 30px;

	display: block;

}

.core .values > div {

	display: inline-block;

	vertical-align: top;

}

.core .values .cont-box {

	background-color: #f8f8f8;

	width: 240px;

	text-align: center;

	margin-right: 42px;

}

.core .values .cont-box h2 {

	padding: 8px 0;

	font-size: 20px;

	font-weight: 800;

	color: #000000;

	margin: 15px 0;

}

.core .values .cont-box p {

	font-size: 18px;

	color: #3a3939;

	padding: 0 15px;

	line-height: 28px;

}

.core .values .cont-box .cont-image {

	background-color: #fff;

	border-radius: 400px;

	margin: 0 auto;

	padding: 25px 0;

	text-align: center;

	width: 150px;

	box-shadow: 2px 2px #dbdbdb;

	height: 144px;

}

.core .cont-box:last-child {

	margin-right: 0;

}

/* ----------------------------------------------------- */







/* ------------ Section Brand Logo --------------------- */







/* ----------------------------------------------------- */















.section.brands {

	padding: 40px 0;

	background-color: #fff;

}

.brands {

	background-color: #f8f8f8;

}

.brands .products, .brands .products2 {

	display: inline-block;

	width: 100%;

}

#product-logo .item,#product-logos .item {

	text-align: center;

}

#product-logo .item img,#product-logos .item img {

	margin: 0 auto;

	width: auto;

}

.brands .products > div, .brands .products2 > div {

	display: inline-block;

	vertical-align: middle;

}

.brands .products .cont-box {

	text-align: center;

	width: 271px;

}

.brands .products2 .cont-box {

	text-align: center;

	width: 216px;

}

/* ----------------------------------------------------- */







/* ------------ Section Blockqoute --------------------- */







/* ----------------------------------------------------- */























.section.blockqoute {

	padding: 20px 0;

	background-image: url("images/blockquote.jpg");

	background-size: cover;

	background-repeat: no-repeat;

}

.section.blockqoute h1 {

	color: #fff;

	font-weight: 700;

	font-size: 36px;

	padding: 20px 0;

}

#blockqoute {

	width: 84%;

	position: relative;

	margin: 0 auto;

}

#blockqoute p {

	color: #FFF;

}

#blockqoute .item {

	padding: 10px 0 10px 0;

	text-align: left;

	display: inline;

	margin: 0 auto;

}

#blockqoute .item > div {

	display: inline-block;

	vertical-align: top;

}

#blockqoute .item .item-image {

	margin-right: 40px;

	width: 188px;

}

#blockqoute .item .item-image img {

	width: auto;

}

#blockqoute .item .text {

	width: 667px;

	color: #ffffff;

}

#blockqoute .item .text h2 {

	display: inline-block;

	text-transform: capitalize;

	font-family: "Open Sans", sans-serif;

	font-size: 16px;

	color: #ffffff;

}

#blockqoute .item .text p {

	font-size: 16px;

	font-style: italic;

	font-weight: 400;

	line-height: 28px;

}

#blockqoute .item .text span {

	display: inline-block;

	text-align: center;

	font-weight: 800;

	color: #f5901e;

	font-family: "Open Sans", sans-serif;

}

#blockqoute .item .text p:first-child::before {

	content: "\201C";

	font-family: Georgia, serif;

	font-size: 55px;

	font-weight: bold;

	color: #f5901e;

	margin-left:-30px;

	position: absolute;

	z-index: 9999;

}

#blockqoute .item .text p:first-child::after {

	content: "\201D";

	font-family: Georgia, serif;

	font-size: 60px;

	font-weight: bold;

	color: #f5901e;

	position: absolute;

	margin-top:30px;

	z-index: 9999;

}

/*#blockqoute::before {

	content: "\201C";

	

	font-family: Georgia, serif;

	font-size: 55px;

	font-weight: bold;

	color: #f5901e;





	position: absolute;

	left: -100px;

	bottom: 80px;

	z-index: 9999;

}

#blockqoute::after {

	content: "\201D";

	font-family: Georgia, serif;

	font-size: 60px;

	font-weight: bold;

	color: #f5901e;

	position: absolute;

	right: -100px;

	bottom: 80px;

	z-index: 9999;

}*/

/* ----------------------------------------------------- */







/* ------------------ Section Blog --------------------- */







/* ----------------------------------------------------- */























.section.blog {

	background-color: #dfdfdf;

	padding: 20px 0;

}

.blog .drawings {

	padding: 25px 0;

}

.blog .drawings .con-box {

	display: inline-block;

	vertical-align: top;

	margin-right: 79px;

	position: relative;

	width: 311px;

}

.blog .drawings .con-box h2 {

	color: #000;

	font-weight: 800;

	padding: 15px 0;

	font-size: 24px;

}

.blog .drawings .con-box a {

	text-decoration: underline #f98f1f;

	font-size: 14px;

	font-weight: 700;

}

.blog .drawings .con-box span {

	color: #f98f1f;

}

.blog .drawings .con-box .border {

	border: 1px solid #000;

}

.blog .drawings .con-box:last-child {

	margin-right: 0px;

}

/* ----------------------------------------------------- */







/* ------------------ Internal Page -------------------- */







/* ----------------------------------------------------- */















.starSlider {

	background-color: #F78F1C;

	padding: 30px 0 10px 0;

}

.starSlider h1 {

	text-align: center;

	margin-top: 0;

	margin-bottom: 25px;

	color: #FFF;

	font-size: 40px;

}

.bodyContent {

	padding: 35px 0;

	overflow: hidden;

	background-color: #F8F8F8;

}

.bodyContent .top .left {

	float: left;

	margin-right: 20px;

	width: 650px;

}

.bodyContent .top .right {

	float: left;

	width: 430px;

	background-color: #FFF;

}

.right.quoteForm h4 {

	background-color: #000000;

	color: #FFF;

	font-size: 20px;

	text-transform: uppercase;

	text-align: center;

	margin: 0;

	padding: 12px 0;

}

.bodyContent .fullWidth {

	width: 100%;

	overflow: hidden;

	margin: 10px 0 0 0;

}

.bodyContent .row {

	overflow: hidden;

	margin: 15px 0;

}

.bodyContent .bottom h1 {

	font-size: 40px;

}



.bodyContent .bottom .textCont h1 {

	margin-top: 0;

}
.bodyContent .bottom .textCont.width30,
.bodyContent .bottom .imgCont.width30 {

	width: 400px;

}
.bodyContent .bottom .textCont.width50,
.bodyContent .bottom .imgCont.width50 {

	width: 50%;

}
.bodyContent .bottom .imgCont.width60,
.bodyContent .bottom .textCont.width60 {

	width: 700px;

}

.bodyContent .bottom .imgCont.leftAlign {

	float: left;

}

.bodyContent .bottom .imgCont.rightAlign {

	float: right;

}

.bodyContent .bottom .textCont.leftAlign {

	float: left;

	padding-right: 30px;

}

.bodyContent .bottom .textCont.rightAlign {

	float: right;

	padding-left: 30px;

}

.bodyContent form {

	padding: 15px 15px;

}

.bodyContent .externalLink {

	overflow: hidden;

	text-align: right;

	margin: 15px 0;

	display: inline-block;

	width: 100%;

}

.bodyContent .externalLink a {

	color: #f78f1c;

	font-size: 13px;

	font-weight: 700;

	text-decoration: underline;

}

.form-group {

	margin: 0 0 22px 0;

}

.form-group .form-control {

	display: inline-block;

	width: 100%;

	background-color: #E5E5E5;

	color: #828282;

	font-family: 'Open Sans', sans-serif;

	font-size: 15px;

	border: 1px solid #E5E5E4;

	padding: 8px 12px;

}

.form-capta {

	display: inline-block;

	width: 45%;

	background-color: #E5E5E5;

	color: #828282;

	font-family: 'Open Sans', sans-serif;

	font-size: 15px;

	border: 1px solid #E5E5E4;

	padding: 8px 12px;

	margin:0 3%;

}

.quoteForm .submit-btn {

	cursor: pointer;

}

.quoteForm {

	text-align: center;

	box-shadow: 2px 1px 0px #dcdcdc;

}

/*-------------BlogPage--------------------------*/































/*-------------Blog--------------------------*/































































.blogsec {

	margin-top: 23px;

	padding: 0;

	overflow: hidden;

}

.blogleft {

	float: left;

	width: 850px;

}

.blogcontain {

	position: relative;

	overflow: hidden;

	padding: 20px 0;

}

.blogrow h2 {

	margin: 0;

}

.blogimg {

	width: 225px;

	float: left;

}

.blogimg img {

	border: 1px solid #000;

}

.blogtext {

	float: right;

	padding: 0 10px 7px 0;

	width: 590px;

}

.blogtext h2 {

	color: #000000;

	font-size: 22px;

	margin-bottom: 3px;

	font-weight: bold;

}

.blogtext b {

	font-size: 12px;

	color: #000000;

}

.blogtext p {

	padding-top: 26px;

}

.blogtext a {

	float: right;

	color: #f78f1c;

	margin-right: 10px;

}

.blogtext > a {

	float: none;

	margin-right: 0;

	text-align: left;

	text-decoration: none;

}

/*-------blog2-----------*/















/*.blogimg_ind {















	padding-top: 13px;	















}*/















.blogimg_ind img {

	border: 1px solid #575757;

	width: 100%;

}

.blogtext_ind {

	padding: 10px 10px 7px 0;

}

.blogtext_ind h2 {

	color: #575757;

	font-size: 24px;

	padding-top: 20px;

	font-weight: 700;

}

.blogtext_ind p {

	color: #575757;

}

.blog_foot {

	border-top: 2px solid;

	padding: 5px 0 0;

	border-bottom: 2px solid #575757;

}

.blog_foot .blog_social li {

	margin-right: 10px;

}

.blogtext_ind .post {

	font-size: 15px;

	font-weight: 700;

	display: inline-block;

	color: #575757;

	float: right;

}

/*-------------------------*/















.blog_social {

	float: left;

	width: 100px;

	padding: 0;

	margin: 0;

}

.blog_social ul {

	padding: 0;

	margin: 0;

}

.blog_social li {

	display: inline-block;

	vertical-align: middle;

	padding: 0;

	margin: 0;

}

.blog_social i {

	background-color: #000;

	border-radius: 50px;

	color: #fff;

	font-size: 20px;

	height: 40px;

	padding: 11px;

	text-align: center;

	width: 40px;

}

.blogleft h1 {

	color: #575757;

	font-size: 32px;

	font-weight: 600;

}

.sidebar {

	padding: 20px 0;

	float: right;

	width: 220px;

}

.search-form {

	position: relative;

	width: 100%;

}

.sideform .search-form input {

	border: 0;

	padding: 15px;

	margin-top: 0;

	padding: 12px 30px 12px 12px;

	text-transform: uppercase;

	background-color: #f5f6f7;

	font-size: 15px;

}

.search-form .submit-btn {

	background-color: transparent;

	background-image: url(images/search.png);

	background-position: center center;

	background-repeat: no-repeat;

	border: medium none;

	height: 26px;

	position: absolute;

	right: 10px;

	top: 9px;

	width: 28px;

	margin-top: 0;

	z-index: 333;

}

 .search-form ::-webkit-input-placeholder {

 color: #575757;

 opacity: 1;

}

 .search-form :-moz-placeholder { /* Firefox 18- */

 color: #575757;

 opacity: 1;

}

 .search-form ::-moz-placeholder {  /* Firefox 19+ */

 color: #767676;

 opacity: 1;

}

 .search-form :-ms-input-placeholder {

 color: #767676;

 opacity: 1;

}

/*==============Newsletter=========================================================*/















.sidebar .newsletter {

	margin: 20px 0 10px;

	display: inline-block;

	width: 100%;

	text-align: center;

}

.sidebar .newsletter .news-btn {

	background-color: #f78f1c;

	width: 100%;

	text-transform: uppercase;

	color: #FFF;

	font-weight: 700;

	display: inline-block;

	padding: 8px 6px;

	font-size: 14 px;

	cursor: pointer;

}

.sidebar .newsletter .news-form {

	display: none;

	margin-top: 15px;

}

.newsletter .news-form input[type="text"], .newsletter .news-form input[type="email"] {

	width: 100%;

	border: 1px solid #575757;

	padding: 9px 12px;

	margin-bottom: 15px;

}

.newsletter .news-form input[type="submit"] {

	width: 100%;

	border: 1px solid #575757;

	background-color: #575757;

	cursor: pointer;

	padding: 6px 0;

	color: #FFF;

	font-size: 15px;

	text-transform: uppercase;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.newsletter .news-form input[type="submit"]:hover {

	background-color: #333333;

}

/*---------------newsletter-----------------------------------------------*/































.side {

	border-top: 1px solid;

	padding: 10px 0;

}

.side_image {

	padding: 5px 0;

}

.side h3 {

	font-size: 20px;

	font-weight: 400;

	color: #000;

	text-transform: uppercase;

	text-align: center;

	margin-bottom: 0;

}

.side p {

	font-size: 14px;

	margin: 10px 0;

}

.sidebar .side .read {

	text-align: center;

	margin: 0 auto;

}

.sidebar .side .read a {

	color: #f78f1c;

	display: inline-block;

	font-size: 14px;

	text-align: center;

	text-transform: uppercase;

}

/*===========BlogPage==================================================*/















/* ==================contact====================================== */







.section.contact {

	padding: 20px 0;

}

.contact-left {

	float: left;

	width: 42%;

	margin: 20px 0 0;

}

.form_box {

	display: block;

	margin-bottom: 20px;

}

.contact2 label {

	float: left;

	font-size: 16px;

	font-weight: 500;

	margin-right: 5%;

	text-align: right;

	width: 26%;

}

.contact2 input, .contact2 textarea {

	border: 1px #575757 solid;

	font-family: "Muli", sans-serif;

	padding: 5px;

	width: 60%;

}

.contact_us_submit {

	color: #000;

	border: none !important;

	background-color: #fff;

	cursor: pointer;

	display: block;

	float: right !important;

	font-size: 16px;

	letter-spacing: 2px;

	margin-right: 16%;

	padding: 6px 20px!important;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	width: 240px !important;

	margin-top: 20px;

	background-color: #f78f1c;

	border-radius: 5px;

	box-shadow: 0 2px 0 #fc8905;

	color: #fff;

	font-size: 19px;

	padding: 6px 10px;

	text-align: center;

	width: 130px;

}

.cpt1 {

	color: #000;

	border: none;

	background-color: #fff;

	cursor: pointer;

	display: block;

	font-size: 16px;

	letter-spacing: 2px;

	padding: 6px 20px!important;

	text-decoration: none;

}

.cpt2 {

	color: #000;

	border: none;

	background-color: #fff;

	display: block;

	font-size: 16px;

	letter-spacing: 2px;

	padding: 6px 20px!important;

	text-decoration: none;

	margin-top: 20px;

	width: 240px;

}

.cpt {

	text-align: center;

	margin-right: 16%;

	float: right !important;

}

.caddress, .cphone {

	background-repeat: no-repeat;

	background-position: left;

	padding: 12px 50px;

}

.caddress {

	margin-bottom: 15px;

	background-image: url(images/pin.png);

}

.cphone {

	background-image: url(images/tel.png);

}

.contact1 {

	float: left;

	width: 42%;

}

.contact-right {

	float: right;

	width: 55%;

	text-align: center;

	border-left: 4px solid #575757;

}

.contact2 p {

	padding: 0 0 0 20px;

}

.contact2 {

	margin: 20px 0 0 0;

}

.caddress {

	line-height: 22px;

}

.contact {

	padding: 20px 0;

}

.map {

	margin-top: 40px;

}

/* ==================contact====================================== */







.thanks h1 {

	font-size: 24px;

}

.search_page h1 {

	padding: 20px 0;

}

.page {

	padding: 40px 0;

}

/* ----------------------------------------------------- */







/* ---------------------- Footer ----------------------- */







/* ----------------------------------------------------- */















.footer .top {

	background-color: #F78F1C;

	overflow: hidden;

	padding: 15px 0 5px 0;

}

.footer .top .container > div {

	display: inline-block;

	vertical-align: middle;

}

.footer .top .left {

	width: 280px;

}

.footer .top .middle {

	width: 560px;

	margin: 0 25px;

}

.footer .top .right {

	width: 170px;

}

.footer .top .bottom {

	overflow: hidden;

	width: 100%;

}

.footer .top .left h4 {

	color: #FFF;

	font-size: 20px;

}

.footer .singUp_news .form-control {

	width: 100%;

	padding: 6px;

	border: 1px solid #fcd2a4;

	background-color: #FFF;

	margin-bottom: 15px;

	font-size: 13px;

	color: #908e8e;

	font-family: 'Open Sans', sans-serif;

}

.footer .singUp_news .submit-btn {

	display: inline-block;

	cursor: pointer;

	float: right;

	background-color: #010101;

	color: #FFF;

	border: 1px solid #010102;

	font-size: 13px;

	padding: 6px 12px;

	font-family: 'Open Sans', sans-serif;

}

.footer .top .middle > div {

	display: inline-block;

	vertical-align: middle;

	text-align: center;

}

.footer .top .middle > div.flogo {

	width: 220px;

}

.footer .top .middle > div.externalLogo {

	width: 335px;

}

.footer .externalLogo ul li {

	list-style: none;

	display: inline-block;

	margin: 0 6px;

}

.footer .top .right .socialLink {

	text-align: center;

	width: 100%;

	display: inline-block;

}

.footer .top .right .socialLink a {

	margin: 0 6px;

}

.footer .top .right .socialLink i {

	background-color: #000;

	border-radius: 50px;

	color: #fff;

	font-size: 20px;

	height: 40px;

	padding: 10px;

	width: 40px;

	text-align: center;

}

.footer .top .right p, .footer .top .right a {

	color: #FFF;

	font-size: 13px;

	font-weight: 400;

	font-style: normal;

}

.footer .top .right p {

	margin-bottom: 0;

	line-height: 16px;

}

.mc4wp-response p{

	font-size:13px;

	



}

.footer .mc4wp-response p{

	color:#FFF;



}

.footer .user_name{

	display:none;

}

.nav-footer {

	margin-top: 15px;

	padding: 10px 0;

	border-top: 1px solid #fab366;

}

.nav-footer ul {

	text-align: center;

}

.nav-footer ul li {

	list-style: none;

	display: inline-block;

	margin: 0 18px;

}

.nav-footer ul li a {

	color: #FFF;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 400;

}

.nav-footer ul li a {

	color: #FFF;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 400;

}

.nav-footer ul li.current-menu-item a {

	font-weight: 700;

}

.footer .copyrights {

	background-color: #000000;

	padding: 12px 0;

}

.footer .copyrights p {

	margin: 0;

	color: #909090;

	text-align: center;

	font-size: 13px;

}

.footer .copyrights p a {

	color: #909090;

}





.factsheets > ul {

  margin-left: 28px;

}

.factsheets ul li{

  list-style-image: url(images/pdf.png);

  line-height: 30px;

}



.accordion dl {

    border: 1px solid #ddd;

}

.accordion dd {

    font-size: 1em;

    line-height: 1.5em;

    margin-left: 0;

    padding-left: 15px;

}

.accordion ul {

  padding: 12px 25px;

}

.accordion p {

    padding: 0 1em;

}

.accordion {

    position: relative;

}

.accordionTitle {

    background-color: #f0f0f0;

    border-bottom: 1px solid #999;

    color: #999;

    display: block;

    font-size: 14px;

    font-weight: 400;

    padding: 12px;

    text-align: left;

    text-decoration: none;

    transition: background-color 0.5s ease-in-out 0s;

}

.left .accordion .accordionTitle {

    text-transform: uppercase;

}

.accordionTitle::before {

    content: "+";

    float: right;

    font-size: 35px;

    font-weight: 300;

    line-height: 12px;

    transition: transform 0.3s ease-in-out 0s;

}

.accordionTitle:hover {

    background-color: #F78F1C;

    color: #fff;

}

.accordionTitleActive, .accordionTitle.is-expanded {

    background-color: #F78F1C;

    color: #fff;

}

.accordionTitleActive::before, .accordionTitle.is-expanded::before {

    content: "-";

}

.accordionItem {

    height: auto;

    overflow: hidden;

    transition: max-height 1s ease 0s;

}

.section.about ul,.section.bodyContent ul,.fullWidth ul{

	margin-left: 17px;

}

.section.about ul li,.section.bodyContent ul li,.fullWidth ul li,.blogtext_ind ul li{

	margin-bottom: 10px;

	font-weight: 300;

	color: #3a3939;
	font-size: 20px;
	line-height: 25px;

}



.contact-right div.wpcf7 {

  background-color: #f5f6f7;

  box-shadow: 1px 1px 1px grey;

  margin: 0 0 0 8%;

  padding: 30px;

}



#padding_top.cont{

	padding-top: 0;

}

.section.brands.product_logo_brands{

	padding:0 0 20px;

}

.section.brands.product_logo_brands .heading h2{

	padding:0;

}

.service.service_section .serv .cont-box h2 {

	min-height:74px;

}





@media screen and (min-width: 48em) {

.accordionItem {

    transition: max-height 0.5s ease 0s;

}

}

.accordionItemCollapsed, .accordionItem.is-collapsed {

    max-height: 0;

}

.animateIn {

    animation: 0.65s ease-in-out 0s normal both 1 running accordionIn;

}

.animateOut {

    animation: 0.75s ease-in-out 0s alternate both 1 running accordionOut;

}

@keyframes accordionIn {

0% {

    opacity: 0;

    transform: scale(0.9) rotateX(-60deg);

    transform-origin: 50% 0 0;

}

100% {

    opacity: 1;

    transform: scale(1);

}

}

@keyframes accordionOut {

0% {

    opacity: 1;

    transform: scale(1);

}

100% {

    opacity: 0;

    transform: scale(0.9) rotateX(-60deg);

}

}





/* ----------------------------------------------------- */







/* -------------------- Media Query -------------------- */







/* ----------------------------------------------------- */







@media screen and (max-width: 1499px) {

.header .top {

  background-image: url("images/header_bg_13-11.png");

}

}







@media screen and (max-width: 1370px) {

.header .htitle h2 {

	font-size: 28px;

	text-align: right;

}



.header .top {

  background-image: url("images/header_bg_13-11.png");

}

}

 @media screen and (max-width: 1130px) {

	 

.header .top {

  background-image: url("images/header_bg_11-10.png");

}

.container {

	width: 100%;

	padding: 0 1%;

}

.header .logo {

	width: 220px;

}

.nav > ul > li.largeMenu {

	position:static;

}

.nav > ul > li.largeMenu > ul {

  left: 0px;

  top:68px;

  width: 100%;

}

.nav > ul > li.largeMenu > ul.sub-menu > li {

  width: 24.5%;

}

#slider .owl-dots {

	width: 100%;

}

.service .serv {

	width: 100%;

	margin: 0 auto;

}

.service .serv .cont-box {

	width: 23.6%;

	margin-right: 1%;

}

.about_content .cont .text-right,  .about_content .cont .text-left {

	width: 62%;

}

.about_content .cont .image-left,  .about_content .cont .image-right {

	width: 33%;

}

.core .values .cont-box {

	width: 21%;

}

.brands .products .cont-box {

	width: 24%;

}

.blog .drawings .con-box {

	width: 28%;

	margin-right: 7%;

}

.brands .products2 .cont-box {

	width: 19%;

}

#blockqoute .item .item-image {

	width: 21%;

	margin-right: 4%;

}

#blockqoute .item .text {

	width: 74%;

}

#blockqoute::before {

	left: -10%;

}

#blockqoute::after {

	right: -10%;

}

.bodyContent .top .left {

	margin-right: 2%;

	width: 58%;

}

.bodyContent .top .right {

	width: 40%;

}

.bodyContent .bottom .imgCont.width60,
.bodyContent .bottom .textCont.width60 {

	width: 56%;

}

.bodyContent .bottom .textCont.width30,
.bodyContent .bottom .imgCont.width30 {

	width: 43%;

}

.about .row .left {

	width: 57%;

	margin-left: 3%;

}

.about .row .right {

	width: 40%;

}

/*========blogpage===========*/















.blogleft {

	float: left;

	width: 77%;

}

.blogimg {

	width: 31%;

}

.blogtext {

	width: 65%;

}

.sidebar {

	width: 21%;

}

/*========blogpage===========*/





.search-submit {

  background-color: #f78f1c;

  border: medium none;

  box-shadow: 0 2px 0 #fc8905;

  color: #fff;

  cursor: pointer;

  display: inline-block;

  font-size: 15px;

  letter-spacing: 2px;

  padding: 4px 12px;

  text-align: center;

  text-decoration: none;

  text-transform: uppercase;

  vertical-align: top;

}







/*========= Footer ===============*/















.footer .top .left {

	width: 28%;

}

.footer .top .middle {

	margin: 0 2%;

	width: 49%;

}

.footer .top .right {

	width: 15%;

}

.footer .top .middle > div.flogo {

	width: 30%;

}

.footer .top .middle > div.externalLogo {

	width: 69%;

}

}





 @media screen and (max-width: 1200px) {

.service .serv .cont-box h2 {

  font-size: 14px;

}

 }

 @media screen and (max-width: 1085px) { 

 .quoteForm .submit-btn {

  cursor: pointer;

  padding:9px 10px;

}

.form-capta {

  width: 35%;

}

.hero-slider .content h1 {

  line-height: 35px;

}

 }
 @media screen and (max-width: 1023px) {
	.bodyContent .bottom .imgCont.width60,
	.bodyContent .bottom .imgCont.width30,
	.bodyContent .bottom .textCont.width60,
	.bodyContent .bottom .textCont.width30,
	.bodyContent .bottom .imgCont.width50,
	.bodyContent .bottom .textCont.width50 {
	  width: 100%;
	}
 }
 @media screen and (max-width: 1020px) {

.header .top {

	background-image: url('images/header_mobilebg.png');

}

.header .logo {

	width: 170px;

}

.header .top .right {

	width: 75%;

}

.header .htitle {

	width: 74%;

}

.header .social.phone {

	width: 23%;

}

.hero-slider .content h1 {

  font-size: 28px;

  line-height: 30px;

}

#slider .overlay .content h2 {

	font-size: 25px;

}

.hero-slider .content h1.big {

  margin-bottom: 20px !important;

}

.about_content .cont .text-right, .about_content .cont .text-left {

	width: 100%;

	margin-top: 10px;

}

.about_content .cont .image-left, .about_content .cont .image-right {

	text-align: center;

	border: none;

	width: 100%;

}

.bodyContent .bottom .imgCont {

	width: 100%;

	margin-bottom: 25px;

}

.bodyContent .bottom .textCont {

	width: 100%;

}

.bodyContent .bottom .textCont.leftAlign {

	padding-right: 0;

}

.bodyContent .bottom .textCont.rightAlign {

	padding-left: 0;

}

.footer .top .left h4 {

	font-size: 16px;

}



}

 @media screen and (max-width: 920px) {

.header .htitle {

	margin-right: 0;

	width: 98%;

}

.header .social.phone {

	width: 98%;

}

.nav > ul > li.largeMenu > ul.sub-menu > li {

  width: 24.5%;

}

#slider .overlay.left .content {

	padding: 4px 75px 4px 20px;

}

#slider .overlay.right .content {

	padding: 4px 15px 4px 90px;

}

.footer .top .middle > div.flogo {

	width: 100%;

}

.footer .top .middle > div.externalLogo {

	width: 100%;

}

h2 {

  font-size: 21px;

}

.heading h1 {

  font-size: 30px;

}

.service .serv .cont-box h2 {

  font-size: 12px;

}

}

 @media screen and (max-width: 880px) {

.service .serv .cont-box {

	margin-right: 1.5%;

	width: 23%;

}

.core .values .cont-box {

	width: 20%;

}

.form-capta {

  width: 31%;

}

.contact-right div.wpcf7 {

  padding: 30px 0;

}

 }

 @media screen and (max-width: 767px) {

	 

	 .hero-slider .content h1.big {

  margin-left: 0px !important;

}



	 .contact-right div.wpcf7 {

  margin: 0;

}

	 #blockqoute .item .text p:first-child::after,#blockqoute .item .text p:first-child::before {

		 display:none;

	}

	.header .top {

  background-image: url("images/header_mobilebg-767.png");

} 

	 

.heading h1 {

  font-size: 20px;

}

 .visible-lg {

	display: none;

}

.visible-xs {

	display: block;

}

.header .logo {

	width: 174px;

	margin: 0 auto;

	float: none;

	margin-bottom: 12px;

}

.header .top .right {

	width: 100%;

	text-align: center;

	  margin: 18px 0;

}

.header .htitle {

	width: 100%;

}

.header .htitle h2 {

	text-align: center;

}

.header .social.phone {

	width: 100%;

}

.wr-megamenu-container {

	display: none;

}

.wr-megamenu-container.active {

	display: block;

}

.header .wr-megamenu-container ul.wr-mega-menu {

	text-align: left;

}

.header .wr-megamenu-container ul.wr-mega-menu > li.wr-megamenu-item > a.menu-item-link {

	padding: 9px 10px;

}









.slicknav_btn {

	position: relative;

	display: block;

	vertical-align: middle;

	float: right;

	padding: 0.438em 0.625em 0.438em 0.625em;

	line-height: 1.125em;

	cursor: pointer;

}

.slicknav_menu .slicknav_menutxt {

	display: block;

	line-height: 1.188em;

	float: left;

}

.slicknav_menu .slicknav_icon {

	float: left;

	margin: 0.188em 0 0 0.438em;

}

.slicknav_menu .slicknav_no-text {

	margin: 0;

}

.slicknav_menu .slicknav_icon-bar {

	display: block;

	width: 1.125em;

	height: 0.125em;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {

	margin-top: 0.188em;

}

.slicknav_nav {

	clear: both;

}

.slicknav_nav ul, .slicknav_nav li {

	display: block;

}

.slicknav_nav .slicknav_arrow {

	font-size: 0.8em;

	float: left;

	margin: 0 0 0 0.4em;

}

.slicknav_nav .fa-angle-down{

	display:none;

}

.slicknav_nav .slicknav_parent .slicknav_item > .slicknav_arrow .fa-angle-down {

  display: inline-block;

}

.slicknav_nav .slicknav_arrow i{

	font-size: 15px;

}

.slicknav_nav .slicknav_item {

	cursor: pointer;

}

.slicknav_nav .slicknav_row {

	display: block;

}

.slicknav_nav a {

	display: block;

}

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {

	display: inline;

}

.slicknav_menu:before, .slicknav_menu:after {

	content: " ";

	display: table;

}

.slicknav_menu:after {

	clear: both;

}

/* IE6/7 support */

.slicknav_menu {

	width:100%;

	float:right;

	position:relative;

*zoom: 1

}

/* 

    User Default Style

    Change the following styles to modify the appearance of the menu.

*/



.slicknav_menu {

	font-size: 16px;

}

/* Button */

.slicknav_btn {

	margin: 5px 5px 6px;

	text-decoration: none;

	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

	background-color: #392E2C;

}

/* Button Text */

.slicknav_menu .slicknav_menutxt {

	color: #FFF;

	font-weight: bold;

	text-shadow: 0 1px 3px #000;

}

/* Button Lines */

.slicknav_menu .slicknav_icon-bar {

	background-color: #f5f5f5;

}

.slicknav_menu {

  padding: 5px;

}

.slicknav_nav {

	color: #fff;

	margin: 0;

	padding: 0;

	font-size: 18px;

	background-color: #DD7D2E;

	border-top:1px solid #FFF;

	position: absolute;

	top: 47px;

	width: 98%;

	z-index: 999;

	text-align:right;

}

.slicknav_nav, .slicknav_nav ul {

	list-style: none;

}

.slicknav_nav ul {

	background-color: #FFF;

	margin: 0;

	padding: 0;

	position: absolute;

	width: 100%;

	z-index: 999;

}

.slicknav_nav .sub-menu a{

	color:#000;

}

.slicknav_nav .slicknav_row {

	padding: 8px 12px;

	margin: 0;

}

.slicknav_nav a {

	padding: 8px 12px;

	margin: 0;

	text-decoration: none;

	color: #FFF;

	font-weight: 400;

	text-transform: uppercase;

	border: 1px solid transparent;

	font-size: 14px;

	letter-spacing:1px;

}

.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {

	padding: 0;

	margin: 0;

}

.slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover a {

	color: #392e2c;

}

.slicknav_nav li a:hover, .slicknav_nav li.slicknav_open a{

	color: #000;

	background-color:#FFF;

}

.slicknav_nav li:hover a .slicknav_row a{

	color: #c70000;

	background-color:transparent;

}

.slicknav_nav li:hover .slicknav_arrow{

	color:#000;

}

.slicknav_nav ul.sub-menu > li:hover .slicknav_arrow{

	color:#FFF;

}

.slicknav_nav .slicknav_txtnode {

	margin-left: 15px;

}

.slicknav_nav .sub-menu li a:hover, .slicknav_nav .sub-menu li a:hover > a{

	background-color:#000;

	color:#FFF;

}

.service .serv .cont-box h2 {

  font-size: 20px;

}





#slider {

  background-color: #000000;

  max-height: none;

}

#slider .overlay {

	position: relative;

	background-color: #000000;

	background-image: none;

}

#slider .overlay.left, #slider .overlay.right {

	background-image: none;

	padding: 12px 0;

	text-align: center;

}

#slider .overlay.left .content {

	padding: 15px 0;

	width: 100%;

}

#slider .overlay.right .content {

	padding: 15px 0;

	width: 100%;

}

#slider .owl-controls {

	position: relative;

	text-align: center;

	background-color: #000000;

	bottom: 1px;

}

#slider .owl-dots {

	text-align: center;

}

#slider .owl-nav {

	margin: 0;

}

#slider .overlay .content h2 > br {

	display:none;

}

.service .serv {

	width: 100%;

	margin: 0 auto;

}

.service .serv .cont-box {

	margin-right: 4.7%;

	width: 47%;

	margin-bottom: 20px;

}

.service .serv .cont-box .cont-image {

	text-align: center;

}

.service .serv .cont-box:nth-child(2n+2) {

	margin-right: 0;

}

.core .values .cont-box {

	width: 46%;

}

.core .values .cont-box:nth-child(2n+2) {

	margin-right: 0;

}

.about .row .left {

	margin-left: 0%;

	width: 100%;

	margin-bottom: 25px;

}

.about .row .right {

	width: 100%;

}

#blockqoute .item .item-image {

	margin-right: 0;

	width: 100%;

}

#blockqoute .item .text {

	width: 100%;

}

.bodyContent .top .left {

	margin-right: 0%;

	width: 100%;

	margin-bottom: 25px;

}

.bodyContent .top .right {

	width: 100%;

	margin-bottom: 25px;

}

/*---------blogleft------------------*/















.blogleft {

	padding: 0 1%;

	width: 100%;

}

.sidebar {

	text-align: center;

	width: 100%;

}

.sidebar .sideform input {

	background-position: 98% 50%;

}

.sidebar .newsletter .news-btn {

	padding: 15px;

}

.sideform .search-form input {

	position: relative;

}

.search-form .submit-btn {

	right: 50px;

}

.sidebar .newsletter {

	width: 50%;

}

.sidebar .newsletter .news-btn {

	padding: 15px 0px;

}

.sidebar .sideform h2 {

	margin: 2% 0;

	font-size: 18px;

}

.sidebar .side h3 {

	margin: 1% 0;

}

.sidebar .side .read {

	margin: 2% 0;

	display: inline-block;

}

.contact-left, .contact-right {

	width: 100%;

}

.contact-left {

	margin-bottom: 20px;

}

/*---------blogleft------------------*/























.footer .top .left, .footer .top .middle, .footer .top .right {

	width: 100%;

	text-align: center;

	margin: 0 auto;

	margin: 0 0 15px 0;

}

.footer .top .left .singUp_news {

	width: 50%;

	margin: 0 auto;

}

.footer .singUp_news .submit-btn {

	float: none;

}

.footer .top .middle > div.externalLogo {

	margin: 15px 0;

}

}

 @media screen and (max-width: 520px) {

.header .htitle h2 {

	font-size: 22px;

}

.nav-footer ul li {

	margin: 0 8px;

}

.service .serv .cont-box {

	width: 100%;

	margin-right: 0;

}

.contact-left {

	text-align: center;

}

.core .values .cont-box {

	width: 100%;

	margin-right: 0;

}

.blog .drawings .con-box h2 {

	padding: 5px 0;

}

.blog .drawings .con-box {

	margin-right: 0;

	width: 100%;

	text-align: center;

}

.blog .drawings .con-box .border {

	border: none;

}

.blog .drawings .con-box span {

	display: inline-block;

	margin-bottom: 20px;

}

.blogimg {

	width: 100%;

	text-align: center;

	margin-bottom: 10px;

}

.blogtext {

	width: 100%;

}

.footer .top .left .singUp_news {

	width: 90%;

}

}

 @media screen and (max-width: 420px) {

.header .htitle h2 {

	font-size: 18px;

}

}