a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container_12{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12
	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }

    /* Nested Column Classes */
     .container_12 .alpha               { margin-left: 0; }
     .container_12 .omega               { margin-right: 0; }

    /* Base Grid */
    .container_12 .grid_1			{ width: 60px;  }
    .container_12 .grid_2			{ width: 140px; }
    .container_12 .grid_3			{ width: 220px; }
    .container_12 .grid_4			{ width: 140px; }
    .container_12 .grid_5			{ width: 380px; }
    .container_12 .grid_6			{ width: 460px; }
    .container_12 .grid_7			{ width: 540px; }
    .container_12 .grid_8			{ width: 800px; }
    .container_12 .grid_9			{ width: 700px; }
    .container_12 .grid_10			{ width: 780px; }
    .container_12 .grid_11			{ width: 860px; }
    .container_12 .grid_12			{ width: 940px; }
	/* Prefix Extra Space >> 12 Columns */
	.container_12 .prefix_1 		{padding-left:80px;}
	.container_12 .prefix_2 		{padding-left:160px;}
	.container_12 .prefix_3 		{padding-left:240px;}
	.container_12 .prefix_4 		{padding-left:320px;}
	.container_12 .prefix_5 		{padding-left:400px;}
	.container_12 .prefix_6 		{padding-left:480px;}
	.container_12 .prefix_7 		{padding-left:560px;}
	.container_12 .prefix_8 		{padding-left:640px;}
	.container_12 .prefix_9 		{padding-left:720px;}
	.container_12 .prefix_10 		{padding-left:800px;}
	.container_12 .prefix_11 		{padding-left:880px;}
	/* Suffix Extra Space >> 12 Columns */
	.container_12 .suffix_1 		{padding-right:80px;}
	.container_12 .suffix_2 		{padding-right:160px;}
	.container_12 .suffix_3 		{padding-right:240px;}
	.container_12 .suffix_4 		{padding-right:320px;}
	.container_12 .suffix_5 		{padding-right:400px;}
	.container_12 .suffix_6 		{padding-right:480px;}
	.container_12 .suffix_7 		{padding-right:560px;}
	.container_12 .suffix_8 		{padding-right:640px;}
	.container_12 .suffix_9 		{padding-right:720px;}
	.container_12 .suffix_10 		{padding-right:800px;}
	.container_12 .suffix_11 		{padding-right:880px;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 995px) {
        .container_12                                  { width: 768px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12
		{ margin-left: 10px; margin-right: 10px;  }
         .container_12 .alpha               { margin-left: 0;}
         .container_12 .omega               { margin-right: 0;}

        .container_12 .grid_1 			{ width: 44px; }
        .container_12 .grid_2  			{ width: 108px; }
        .container_12 .grid_3    		{ width: 172px; }
        .container_12 .grid_4 			{ width: 236px; }
        .container_12 .grid_5    		{ width: 300px; }
        .container_12 .grid_6   		{ width: 364px; }
        .container_12 .grid_7 			{ width: 428px; }
        .container_12 .grid_8  			{ width: 492px; }
        .container_12 .grid_9 			{ width: 556px; }
        .container_12 .grid_10			{ width: 620px; }
        .container_12 .grid_11			{ width: 684px; }
        .container_12 .grid_12			{ width: 748px; }
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1 		{padding-left:64px;}
		.container_12 .prefix_2 		{padding-left:128px;}
		.container_12 .prefix_3 		{padding-left:192px;}
		.container_12 .prefix_4 		{padding-left:256px;}
		.container_12 .prefix_5 		{padding-left:320px;}
		.container_12 .prefix_6 		{padding-left:384px;}
		.container_12 .prefix_7 		{padding-left:448px;}
		.container_12 .prefix_8 		{padding-left:512px;}
		.container_12 .prefix_9 		{padding-left:576px;}
		.container_12 .prefix_10 		{padding-left:640px;}
		.container_12 .prefix_11 		{padding-left:768px;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1 		{padding-right:64px;}
		.container_12 .suffix_2 		{padding-right:128px;}
		.container_12 .suffix_3 		{padding-right:192px;}
		.container_12 .suffix_4 		{padding-right:256px;}
		.container_12 .suffix_5 		{padding-right:320px;}
		.container_12 .suffix_6 		{padding-right:384px;}
		.container_12 .suffix_7 		{padding-right:448px;}
		.container_12 .suffix_8 		{padding-right:512px;}
		.container_12 .suffix_9 		{padding-right:576px;}
		.container_12 .suffix_10 		{padding-right:640px;}
		.container_12 .suffix_11 		{padding-right:768px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container_12{width: 300px;}
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12{margin: 0;}

        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12{width: 300px;}
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1,
		.container_12 .prefix_2,
		.container_12 .prefix_3,
		.container_12 .prefix_4,
		.container_12 .prefix_5,
		.container_12 .prefix_6,
		.container_12 .prefix_7,
		.container_12 .prefix_8,
		.container_12 .prefix_9,
		.container_12 .prefix_10,
		.container_12 .prefix_11{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1,
		.container_12 .suffix_2,
		.container_12 .suffix_3,
		.container_12 .suffix_4,
		.container_12 .suffix_5,
		.container_12 .suffix_6,
		.container_12 .suffix_7,
		.container_12 .suffix_8,
		.container_12 .suffix_9,
		.container_12 .suffix_10,
		.container_12 .suffix_11{padding-right:0;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container_12 { width: 420px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12{margin: 0;}

        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12{width: 420px;}
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1,
		.container_12 .prefix_2,
		.container_12 .prefix_3,
		.container_12 .prefix_4,
		.container_12 .prefix_5,
		.container_12 .prefix_6,
		.container_12 .prefix_7,
		.container_12 .prefix_8,
		.container_12 .prefix_9,
		.container_12 .prefix_10,
		.container_12 .prefix_11{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1,
		.container_12 .suffix_2,
		.container_12 .suffix_3,
		.container_12 .suffix_4,
		.container_12 .suffix_5,
		.container_12 .suffix_6,
		.container_12 .suffix_7,
		.container_12 .suffix_8,
		.container_12 .suffix_9,
		.container_12 .suffix_10,
		.container_12 .suffix_11{padding-right:0;}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container_12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }




.menu_block  {
	z-index: 999;
	position: relative;
	text-align: center;
	float: right;
	padding-top: 11px;
}

.menu_block >nav {

}


nav>.sf-menu {
	z-index: 999;
	text-align: center;
	position: relative;
}
nav{ position:relative;padding: 0px 0 0 0;}
.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu li {float:left;position:relative; }
.sf-menu>li {
	z-index: 900;
	float: left;
	position: relative;
	font-size: 15px;
/*	text-transform: lowercase; */
	line-height: 38px;
	font-family: 'Open Sans', sans-serif ;
}

.sf-menu>li+li {
	margin-left: 28px;
}


.sf-menu>li>ul>li {
  float: none;
  position: static;
}


.sf-menu>li>a{
	overflow: hidden;
	position: static;
	z-index: 999;
	color: #fff;
	font-size:12px;
	font-weight:bold;
}


.sf-menu>li>a.sf-with-ul:after {
	position: absolute;
	content: '';
	left: 50%;
	margin-left: -3px;
	width: 7px;
	background: url(../images/arrows.png) 0 bottom no-repeat;
	height: 5px;
	bottom: -2px;
	pointer-events: none;
	z-index: 999;
	display: block;
}



.sf-menu>li:hover>a, .sf-menu>li.sfHover>a {
	text-decoration: none;
	color: #ffff00;
}
 
.sf-menu>li>ul>li>a>span {
	position: absolute;
	width: 7px;
	background: url(../images/arrows.png) 0 bottom;
	height: 5px;
	right: -15px;
	bottom: 8px;
	pointer-events: none;
	z-index: 999;
}

.sf-menu>li>ul>li.sfHover>a>span {
	background-position: 0 bottom;
}


.sf-menu a{

}



/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover>ul{
	top: 34px;
	background: url(../images/sub_bg.png) 0 0 repeat-x #40464d;
	width: 164px;
	left: -16px;
	z-index: 999; 
	padding-top: 26px;
	padding-bottom: 27px;
}

.sf-menu>li.sfHover>ul:after {
	width: 0px;
	display: block;
	content: '';
	position: absolute;
	top: -5px;
	left: 40px;	
	height: 0px;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #4c5259 transparent;
}

.sf-menu li ul li{
	position: relative;
	text-align: left;
	float: none !important;
	font-size: 14px;
	text-align: center;
	font-family: 'Open Sans', sans-serif ;
	text-transform: uppercase;
	line-height: 15px;
}

.sf-menu li ul li+li {
	margin-top: 13px;
}

.sf-menu li ul li+li+li {
	margin-top: 12px;
}

.sf-menu li ul li a{
	position: relative;
	z-index: 999;
	color:#fff;

}





.sf-menu li li a:hover, 
.sf-menu li.sfHover li.sfHover>a {  
	color: #8fbf4d;

}

/*================================>> 3 Level <<========================================*/
.sf-menu li.sfHover li.sfHover ul{
	background: url(../images/sub_sub_bg.png) 0 0 repeat-x #ededed;
	padding-top: 32px;
	top: -14px;
	left: 174px;
	padding-bottom: 35px;

}

.sf-menu>li.sfHover>ul>li>ul:after {
	width: 0px;
	display: block;
	content: '';
	position: absolute;
	top: 13px;
	left: -5px;
	height: 0px;
	border-style: solid;
border-width: 5px 5px 5px 0;
border-color: transparent #fefefe transparent transparent;
}

.sf-menu li.sfHover li.sfHover ul li a {
	color: #474e54;
}

.sf-menu li.sfHover li.sfHover ul li a:hover {
	color: #8fbf4d;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {

.sf-menu>li>a {

}

}

@media only screen and (max-width: 767px) {
	.menu_block {
		float: none !important;
		padding: 22px 0px 25px !important;
		clear: both;
		min-height: 0px;
  	border: none;
	}


  header nav{
  	border: none !important;
		float:none;
		font:12px/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#927c67;
		margin: 0 auto;
		
	
	}

  header nav ul {
  	border: none;
  }

	.sf-menu{display:none !important; float: none;}
	#mm0{
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#202020;
		width:100%;
		margin: 0 auto;
		float: none;
    outline: none;
		border:2px solid #fff;
	}
	
	.search_block {
		padding-bottom: 10px !important;	
	}
}


html {
	width: 100%;

}
a[href^="tel:"] {
 color: inherit;
 text-decoration: none;
}
* {
	-webkit-text-size-adjust: none;
}
body {
	font: 14px/21px Arial, Helvetica, sans-serif;
	color: #a7a9ae;
	position: relative;
	min-width: 960px;
	background:  #FFF;

}

.con_underline:hover
{
text-decoration:underline;
}

address {
	font-style: normal;
}

p {
	margin-bottom: 21px;
}

p.p1 {
	margin-bottom: 19px;
}

input {
	border-radius: 0 !important;
	outline: none !important;
}


img {
	max-width: 100%;
}

/****Heads****/


h1, h2, h3, h4, h5, h6 {
	font-family: Segoe UI Light, 'Open Sans', sans-serif;
	font-weight: 300;
	color: #272727;
}

h2 {
	color: #fff;
	padding-top: 115px;
	font-size: 60px;
	line-height: 80px;
}

h2 span {
	display: block;
	color: #FF0;
}

h3 {
	font-size: 50px;
	line-height: 50px;
	color: #333745;
	padding-top: 52px;
	margin-bottom: 51px;
}

.prv h3 {
	margin-bottom: 46px;
}

h3.head1 {
	margin-bottom: 46px;
}

h4 {
	padding-top: 65px;
	font-size: 25px;
	line-height: 35px;
	color: #FFFF00;
/*	margin-bottom: 40px;*/
	text-transform: uppercase;
	text-align: center;

}

.page1 h3 {
	padding-top: 52px;
	overflow: hidden;
	margin-bottom: 20px;
}

.page1 h3 a {
/*	color: #333;
	position: relative;
	margin-top: 9px;
	display: block;
	float: right;
	font: 600 17px/27px 'Open Sans', sans-serif;
	background-color: #FFFF00;
	padding: 11px 16px 17px 70px;*/

	font-size: 24px;
	line-height: 50px;
	color: #777;
	position: relative;
	float: right;
	display: block;
	padding-top: 8px;
	margin-bottom: 20px;


}

/*
.page1 h3 a i {
	display: block;
	color: #fff;
	background-color: #333745;
	position: absolute;
	width: 53px;
	height: 55px;
	left: 0;
	top: 0;
	text-align: center;
	font-size: 20px;
	line-height: 53px;
}
*/
.page1 h3 a:hover {
	color: #000;
}

h3 span {
	text-transform: none;
	padding-top: 3px;
	color: #a8aab0;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
	display: block;
}

h4.head1 {
	padding-top: 61px;
	padding-bottom: 2px;
}
/****Lists****/


ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


ul.list  li {
	padding-left: 20px;
	position: relative;
}

ul.list  li+li{
	margin-top: 6px;
}

ul.list li:after {

	color: #a7a9ae;
	font-size: 12px;
	line-height: 13px;
	font-family: 'FontAwesome';
	content: '\f054';
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
}

/****Links****/


a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #8fbf4d;
}

a.btn {
	color: #333745;
	display: inline-block;
	margin-top: 24px;
	font: 300 20px/20px 'Open Sans', sans-serif;
}

a.btn:hover {
	color: #8fbf4d;
}
/****classes****/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}
.pad0 {
	padding: 0 !important;
}

.pad1 {
	padding-right: 32px;
}


.img_inner {
	max-width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 23px;
	margin-top: 7px;
}



.fleft {
	float: left;
	width: auto !important;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-top: 2px;
}



.oh {
	overflow: hidden;
}
.fright {
	float: right !important;
}
.upp {
	text-transform: uppercase;
}
.rel {
	position: relative;
	overflow: hidden;
}
.alright {
	text-align: right;
}
.center {
	text-align: center;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}
/*header*/

header {
	position: relative;
	display: block;
	position: static;
	padding: 20px 0 14px;
	background-color: #101010;
}



header h1 {
	float: left;
	z-index: 910;
	text-align: center;
}
header h1 a {
	display: inline-block;
	overflow: hidden;

	font-size: 0;
	line-height: 0;
	height: 70px;
	text-indent: -999px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}
header h1 a img {
	display: block;
}

.num {
	font-size: 120px;
	line-height: 120px;
	color: #f1cd69;
	padding-top: 14px;
	letter-spacing: -6px;
	font-weight: bold;
	height: 73px;
	overflow: hidden;
}

.page1_block span {
	padding-top: 15px;
	display: block;
	color: #272727;
	margin-bottom: 29px;
	font-size: 22px;
	line-height: 36px;
}

.page1_block p {
	margin-bottom: 0;
	padding-bottom: 46px;
	border-bottom: 1px solid #ededed;
}

.page1_block a.btn {
	margin-top: 40px;
}

.page1_block {
	padding-bottom: 92px;
}

.works .clear {
	height: 22px;
}
/**Content**/

.content {
/*background: url(../images/cont_Bg.png) 0 0 repeat-x #f4f4f5;*/
}

.content>div{
	padding-bottom: 70px;
	/*background: url(../images/cont_light.png) center 0 no-repeat;*/
}

.page1 .content>div {
	padding-bottom: 66px;
}

.works {
	overflow: hidden; 
}

a.gal {
	display: block;	
	/*background: url(../images/magnify.png) center center no-repeat #8FBF4D;*/
}

a.gal img {
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a.gal:hover img {
	/*opacity: 0.2;*/
}

.bottom_block {
	
	color: #7a7d89;
	background: url(../images/bottom_block_bg.png) 0 bottom repeat-x #232630;
}

.bottom_block a:hover, .bottom_block2 a:hover {
	color: #FFFF00;
}

.bottom_block img {
	float: left;
	border-radius: 500px;
	margin-right: 27px;
}

.block1 {
	overflow: hidden;
	margin-bottom: 24px;
	font: 15px/24px 'Open Sans', sans-serif;
	color: #FFFF00;
}

.b_title {
	color: #FFF;
	font-size: 25px;
    line-height: 30px;
	padding-top: 26px;
	margin-bottom: 5px;
	font-family: Segoe UI Light, 'Open Sans', sans-serif;
}

.bottom_block>div {
	padding-bottom: 68px;
	background: url(../images/bb_light.png) center bottom no-repeat;
}

.bottom_block2 {
/*	line-height: 24px; */
	color: #7a7d89;
	background: url(../images/bottom_block1.png) 0 bottom repeat-x #1c1e26;
}

.bottom_block2>div {
	padding-bottom: 10px;
	background: url(../images/bb2_light.png) center bottom no-repeat;
}

/*
.bottom_block2 .b_title {
	line-height: 21px;
	padding-top: 0;
	margin-bottom: 24px;
}
*/

.clear.cl1 {
	height: 58px;
}

.bottom_block2 img {
	margin-right: 21px;
	float: left;
	border: 1px solid #FFFF00;
	border-radius: 500px;
}


.col1 {
	color: #333745;
	height:30px;
	font-size:17px;
}

.col1_2 {
	color: #333745;
	font-size:17px;
	line-height:30px;
}


.col2 {
	color: #8fbf4d;
}

a.col2:hover, .col2 a:hover {
	color: #333745;
}
.gallery {
	padding-top: 2px;
}

.gallery .clear {
	height: 20px;
}

.box {
	background: url(../images/box_bg.png) 0 0 repeat #e5e5e7;
	padding: 15px 15px 12px;
}

.box a.gal {
	margin-bottom: 10px;
}

.clear.cl2 {
	height: 28px;
}

.b1_title {
	color: #8fbf4d;
	padding-top: 21px;
	font: 15px/24px 'Open Sans', sans-serif;
	margin-bottom: 6px;
}

.bottom_block.bb1 {
	background: #282b36;
}

.bottom_block.bb1 img {
	float: none;
	margin-right: 0;
}

.bottom_block.bb1>div {
	padding-bottom: 106px;
	background: url(../images/bb1_sh.png) 0 0 repeat-x;
}

.blog {
	overflow: hidden;
}

.blog time {
	font: 300 20px/15px 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	width: 51px;
	display: block;
	float: left;
	margin-right: 16px;
	margin-top: 2px;
	padding-top: 9px;
	height: 42px;
	background-color: #8fbf4d;
	border-radius: 2px;
}

a.comment {
	float: right;
}

.blog .blog_title {
	color: #333745;
	margin-bottom: 7px;
	font:300 27px/27px 'Open Sans', sans-serif;
}

.blog .clear {
	height: 25px;
}

.blog+.blog {
	margin-top: 58px;
}
/**Map**/

.map {
	overflow: hidden;
	padding-top: 2px;
}


.map figure {
	display: block;
	width: 100%;
	margin-bottom: 24px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.map figure iframe {
	width: 100%;
	height: 325px;
	max-width: 100%;
}
.map address {
	display: block;
}


.map address dt {
}

.map address dd span {
	min-width: 90px;
	display: inline-block;
	text-align: left;
}


/**Footer**/
footer {
	display: block;
	
}


.copy {
	padding-top: 20px;
	color: #3f4351;
}

.socials {
	overflow: hidden;
	padding-top: 12px;

}

.socials a:hover {
	background-color: #8fbf4d;
}



.socials a {
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 34px;
	display: block;
	width: 34px;
	float: left;
	height: 34px;
	background-color: #282b36;
	border-radius: 500px
}

.socials a +a {
	font-size: 18px;
}

.socials a+a {
	margin-left: 9px;
}

.socials a+a+a+a {
	line-height: 36px;
	font-size: 15px;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (max-width: 995px) {
 body {
 min-width: 768px;
}


.c1 {
	height: auto !important;
}


	

 .map address+address {
 	margin-top: 0px;

 }
 .map figure,  .map figure iframe,  #form input,  #form textarea,  #form .success {
 width: 100% !important;
 float: none !important;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}
 .extra_wrapper {
 overflow: visible;
}

.map figure {
	margin-bottom: 15px;
}

.block1 .extra_wrapper, .bottom_block2 .extra_wrapper {
	overflow: hidden;
}

.b_title {
	font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
 body {
 min-width: 420px;
}

.bottom_block .grid_4 {
	margin-bottom: 25px;
}

.clear.cl1 {
	height: 0;
}

.bottom_block2 .grid_6 {
	margin-bottom: 25px;
}

.shad {
	display: none;
}

.works .clear{
	height: 0;
}

a.gal {
	margin-bottom: 25px;
}

a.gal img {
	width: 100%;
}

header {
	padding-top: 40px;
	padding-bottom: 0px;
}

.slider_wrapper {
	height: 280px !important;
}



.camera_prev, .camera_next {
	bottom: -50px !important;
}

h2 {
	padding-top: 50px;
	font-size: 50px;
	line-height: 55px;
}

.img_inner {
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}


.img_inner img {
	width: 100%;
}

.icons i {
	margin-bottom: 30px;
}

 header {
 position: relative;
}

 header h1 {
 margin-bottom: 10px;
 float: none;
 text-align: center;
}
 header h1 a {
 	width: auto;
 	display: inline-block;
 height: auto;
}
 header h1 a img {
}

 .map {
 	padding-right: 0px !important;
 }

 .map figure iframe {
 width: 100%;
 height: 300px;
}
 .map address {
 	margin-right: 0;
}


 .content .noresize {
 width: auto !important;
 float: left !important;
 margin-right: 20px !important;
 margin-top: 4px !important;
}

 .img_inner {
 margin-top: 20px;
}

.gallery .clear {
	height: 0;
}

.gallery  .box {
	margin-bottom: 20px;
}

.blog .blog_title {
	font-size: 18px;
}

.bottom_block.bb1 {
	text-align: center;
}
.bottom_block.bb1 img {
	margin-top: 25px;
}

}

@media only screen and (max-width: 479px) {
 body {
 min-width: 300px;
}

h2 {
	font-size: 40px;
	line-height: 40px;
}

h2 br {
	display: none;
}

footer .socials {
	float: none !important;
}

h4 br {
	display: none;
}

.map address {
	float: none !important;
	margin-left: 0 !important;
}

.map address+address {
	margin-top: 20px !important;
}

}








/* ========================= touchTouch.css ============================= */

/* The gallery overlay */

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background: url("../images/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 80%;
	max-width: 80%;
	width: auto !important;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('../images/arrowws.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}







/* =============================  camera.css ========================= */




 /**************************
*
*	GENERAL
*
**************************/

.slider_wrapper {
	border-bottom: 0;
	z-index: 999;
	z-index: 0;
	height: 482px;
	position: relative;
	overflow: hidden;
	background-image: url(../images/Grey-Cast-Iron-Casting-Manufacturer-Supplier-India-Rajkot.jpg);
	background-image: image-set(
		url(../images/Grey-Cast-Iron-Casting-Manufacturer-Supplier-India-Rajkot.webp) type("image/webp"),
		url(../images/Grey-Cast-Iron-Casting-Manufacturer-Supplier-India-Rajkot.jpg) type("image/jpeg")
	);
	background-repeat: no-repeat;
	background-position: center 0;
}

.camera_target_content {
	overflow: visible !important;

}

.camera_wrap {
	overflow: hidden;
	display: none;
	position: relative;
	overflow: visible !important;
	z-index: 0;
	margin-bottom: 0 !important;
}

.camera_wrap img {
	max-width: 10000px;

}

.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: static;
	width: 100%;
	z-index: 990;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(../images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}

.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_commands > .camera_stop {
	display: none;	
}


.camera_thumbs_cont {
	z-index: 991;
	width: 100% !important;
	position: relative;
	height: 82px;
}


.camera_thumbs_cont > div {
	width: 100%;
	position: relative;
	height: 82px;

}
.camera_thumbs_cont ul {
	width: auto !important;
	padding-top: 13px;
	overflow: hidden;
	position: absolute;
	background-color: #fff;
	margin: 0 !important;
	margin-left: 0px !important;
	left: 201px !important;
	right: 204px !important;
	margin-top: -78px !important;
	text-align: center;
}
.camera_thumbs_cont ul li {
	background-color: #414141;
	display: inline-block;
	font-size: 0 !important;
	width: 170px !important;
	border: 1px solid #222426;
}

.camera_thumbs_cont ul li+li  {
	margin-left: 5px !important;
}

.camera_thumbs_cont ul li+li +li {
	margin-left: 6px !important;
}
.camera_thumbs_cont ul li > img {
	cursor: pointer;
	vertical-align:bottom;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}



.caption {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.caption span {
}




/**************************
*
*	COLORS & SKINS
*
**************************/
/**************************

.camera_pag  {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 999;
	text-align: left;

}

.camera_pag_ul {
 	overflow: hidden;


}

.camera_pag ul li {
	float: left;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.camera_pag ul li+li {
	margin-left: 9px;
}

.camera_pag ul li span {
	display: block;
	width: 38px;
	text-align: center;
	overflow: hidden;
	font: 14px/18px 'Open Sans', sans-serif;
	color: #fff;
	cursor: pointer;
}

.camera_pag ul li span>span {
	padding-bottom: 6px;
	border-bottom: 3px solid #fff;

}


.camera_pag ul li.cameracurrent, .camera_pag ul li:hover {
	opacity: 0.5;

}
**************************/

.camera_prev {
	display: block;
	position: absolute;
	width: 26px;
	height: 41px;
	text-align: center;
	z-index: 999;
	bottom: 126px;
	opacity: 1 !important;
	
	cursor: pointer;
	right: 41px;
	background: url(../images/prevnext.png) 0 0 no-repeat;
}

.camera_next {
	right: 0px;
	display: block;
	position: absolute;
	width: 26px;
	height: 41px;
	text-align: center;
	z-index: 999;
	bottom: 126px;
	opacity: 1 !important;
	cursor: pointer;
	background: url(../images/prevnext.png) right bottom no-repeat;
}



.camera_next:hover {
	background-position: right 0;
}

.camera_prev:hover {
	background-position: 0 bottom;
}