/*   
Theme Name: Shore Pluming Theme
Theme URI: http://webmediagroup.com.au
Description: This is a WordPress Theme template 
Author: Sepideh Moradmand
Author URI: http://webmediagroup.com.au
Version: 1
*/
@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Chivo:400,900);
* { 
	margin: 0;
	padding: 0; 
}
 body {
	 
	font: 14px/1.4 'Chivo', Helvetica,sans-serif;
	background:#FCFEFF url(images/bg-2.jpg) repeat-x ;
	
	
}


#article, #aside, #figure, #footer, #header, #nav, #section {
	 display: block;
 }
 .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#page-wrap{
	width:1180px;
	margin:0 auto;
	padding:0 10px;
	
	
}
#header{
	padding:10px 0 ;
}
#logo{
	float:left;
	width:30%;
	margin-left:50px;
}
#right-header{
	float:right;
	width:65%;
	
}
#top-header{
	position:relative;
}
#top-header table{
	float:right;
}
#top-header p{
	color:#fff;
	font-size:20px;
	
	
	padding:5px 0;
}
#top-header img{
	float:right;
}
#top-header p a{
	text-decoration:none;
	color:#fff;
}
/******************nav********************/
#nav{
	float:right;
	
	
}
#nav ul{
	list-style-type:none;
	
}
#nav ul li{
}
#nav ul li a{
	text-decoration:none;
	color:#008FCC;
	font-size:18px ;
	background:#013B60;
	font-weight:normal;
	
	
	
	display:block;
	padding:   10px  ;
	border-right:#fff 1px solid;
}
/*#menu-item-25 a {
	padding-right:0 !important;
	border-right:none !important;
	
}
#menu-item-33 a{
	padding-left:0 !important;
}*/
#nav .sub-menu{
	background:#013B60;
}
#nav .sub-menu li a{
	font-size:16px;
	border-bottom:#fff 1px solid;
	display:block;
	width:200px;
	padding:10px !important;
	border-right:none !important;
}
#nav ul li a:hover{
	color:#fff;
}
#nav li.current-cat>a, #nav li.current_page_item>a, #nav li.current-menu-item>a,
#nav li.current-cat>a:link, #nav li.current_page_item>a:link, #nav li.current-menu-item>a:link,
#nav li.current-cat>a:visited, #nav li.current_page_item>a:visited,#nav  li.current-menu-item>a:visited{ color: #fff; }

/** Ancestor */
#nav li.current_page_ancestor>a,#nav li.current_page_ancestor>a:visited,#nav  li.current_page_ancestor>a:link { color: #fff;  }
#nav li.current-menu-ancestor>a,#nav li.current-menu-ancestor>a:visited, #nav li.current-menu-ancestor>a:link { color: #fff;  }
/*************slideshow*******************/
#banner{
	position:relative;
	margin-top:5px;
}
#slideshow{
	float:right !important;
	/*width:85%;*/
}
#slideshow img{
	float:right !important;
	
	
}
.banner-logo{
	position:absolute;
	top:80px;
	left:0;
	z-index:1000 !important;

}
#quick-link{
	float:right;
	width:14%;
	margin-left:10px;
}
#quick-link ul{
	list-style:none;
}
#quick-link ul li{
}
#quick-link ul li a{
	text-decoration:none;
	color:#fff;
	font-size:18px;
	background:#013B60 url(images/colour%20strip.jpg) repeat;
	
	display:block;
	padding: 22px 0px;
	text-align:center;
	margin:2px 0;
}
#quick-link ul li a:hover{
	color:#00BAFA;
}

/*****************container*************************/
#container{
	margin:30px 0 0;
}
#main-content{
	width:50%;
	float:left;
	border:#000 1px solid;
	padding:20px;
	background:#fff url(images/water%20make%20for%20all%20pages.png) no-repeat  right 200px;
	
	margin:0 0  0 15px;
}
#content{
	
}
#content h1, #content h2{
	color:#072E44;
}
#content h1{
	font-size:32px;
	font-weight:normal;
}
#content h2{
	font-size:2em;
	font-weight:normal;
}
#content p{
	color:#072E44;
	padding:10px 0;
	font-size:16px;
	text-align:justify;
}
#content  ul{
	padding:0 20px;
}
#content  ul li{
	color:#072E44;
	font-size:16px;
}
#content  ul li a{
	color:#072E44;
	font-size:16px;
}
/**********sidebar********************/
#left-side{
	position:absolute;
	left:-60px;
	top:-22px;
}
#right-side{
	position:absolute;
	right:-60px;
	top:-22px;
}
#sidebar{
	width:22%;
	float:left;
	position:relative;
}

#sidebar-right{
	width:22%;
	float:right;
	position:relative;
}
#sidebar-box{
	margin-bottom:20px;
}
#sidebar h2, #sidebar-right h2{
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
	
	
background-image: linear-gradient(bottom, rgb(0,143,204) 33%, rgb(227,245,255) 74%);
background-image: -o-linear-gradient(bottom, rgb(0,143,204) 33%, rgb(227,245,255) 74%);
background-image: -moz-linear-gradient(bottom, rgb(0,143,204) 33%, rgb(227,245,255) 74%);
background-image: -webkit-linear-gradient(bottom, rgb(0,143,204) 33%, rgb(227,245,255) 74%);
background-image: -ms-linear-gradient(bottom, rgb(0,143,204) 33%, rgb(227,245,255) 74%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.33, rgb(0,143,204)),
	color-stop(0.74, rgb(227,245,255))
);


/* W3C Markup, IE10 Release Preview */ 

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3F8FF', endColorstr='#008FCC');
font-size:2em;
font-weight:normal;

text-align:center;
color:#072E44;
padding:10px 0;


}
#sidebar-content{
	background-color:#013B60;
	min-height:80px;
	padding:10px ;
	color:#fff;
	text-align:justify;
	
}
/**************footer******************/
#brand{
	background:url(images/logos-back.png) no-repeat ;
	padding:15px 0;
	
	
}
#footer-wrap{
	background-color:#013B60;
	
}
#footer{
	width:1180px;
	margin:0 auto;
	background:#013B60 ;
	
	color:#fff;
	padding:10px 0;
}
#footer p{
	padding:10px ;
	font-size:18px;
}
#footer p a{
	color:#fff;
	text-decoration:none;
}
#footer h3{
	color:#00708B;
	
	font-size:24px;
	font-weight:normal;
}

#left-footer{
	float:left;
	width:52%;
}
#left-footer p{
	text-align:left;
	
}

#left-footer h3{
	
	text-align:left;
	
}

#right-footer{
	float:right;
	width:42%;
}
#right-footer h3{
	
	text-align:right;
	
}
#right-footer p{
	
	color:#0093D1;
	
}

/****************General***************/
a img{
	border:none;
}
/******enquiry page******************/
.page-id-34 #main-content p{
	font-size:18px;
}
.page-id-34 #main-content p a{
	color:#0071BC;
	text-decoration:none;
}
/******contact us page***************/
.page-id-11 #main-content p{
	font-size:18px;
}
.page-id-11 #main-content p a{
	color:#0071BC;
	text-decoration:none;
}
/**************contact Form*******************/
.wpcf7 input[type=submit]{
	height:30px;
	width:80px;
	cursor:pointer;
	color:#072E44;
	font-size:16px;
	border:none;
	background-color:#E6E6E6;
}
.wpcf7 option{
	font: 14px/1.4 'Chivo', Helvetica,sans-serif !important;
	color:#072E44;
}
.wpcf7 select{
	width:273px;
}
.wpcf7  textarea{
	width:273px;
}
span.wpcf7-list-item {
margin-left:0px !important;
display: block;

}


.wpcf7-captchac{
	border:#ccc 1px solid;
}
/*************quick quote********************/
#sidebar-box .wpcf7 input{
	width:210px;
}
#sidebar-box .wpcf7 input[type=submit]{
	width:100px;
	
}
#sidebar-box .wpcf7 textarea{
	width:210px;
	height:50px;
}
#sidebar-box .wpcf7 span.wpcf7-not-valid-tip {
	color:#000 !important;
	
}
.number{
	font-size:2em;
	color:#0093D1;
	
}
td a{
	text-decoration:none;
	color:#000;
	font-size:16px;
	font-weight:900;
}
	
.address{
	
	color:#0093D1;
	font-size:16px;
	font-weight:900;
	
}
p .emial{
	text-align:right;
	
}
	
.area{
	position:absolute;
	line-height: 1;
top: 19px;
right:100px;

text-align: left;
font-size:14px;
}



/*==============OPENION=============*/
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("../icons/responsivenav.ttf") format("truetype"),
    url("../icons/responsivenav.woff") format("woff"),
    url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}
.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #000; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}
@media screen and (min-width:100px) and (max-width:320px) {
#page-wrap{width:96%; margin:0 2%; padding:0;}
#header,#brand,#footer,#footer-wrap{width:100%; margin:0; padding:0;}
#logo{width:100%; text-align:center; margin-left:0;}
#logo .is-responsive{margin:0 auto !important;}
#right-header{width:100%; text-align:center; background-color:#fff;}
#right-header img{display:none;}
#top-header table{width:100%;}
#slideshow{width:50%;}
#quick-link{width:40%;}
#quick-link ul li a {padding:1%; font-size:10px;}
.banner-logo{width:20%; top:10px;}
#left-side,#sidebar,#right-side{display:none}
#main-content{width:96%; padding:2%; margin:0; float:left;}
#main-content img{width:100%; height:auto;}
#sidebar-right{width:96%; padding:2%; float:left; margin:0;}
#brand img{width:100%;}
#left-footer,#right-footer{width:100%; display:block;}
#nav{width:100%;}
#nav ul{width:100%; height:350px;}
#nav ul li{width:100%; display:block;}
#nav ul li ul{ width:100%; position:relative;}
#footer p{padding:0; font-size:12px;}
.wp-image-116,.wp-image-115,.wp-image-113{width:auto !important;}
form input{width:96%; margin:0 2%}
}
@media screen and (min-width:360px) and (max-width:420px) {
#page-wrap{width:96%; margin:0 2%; padding:0;}
#header,#brand,#footer,#footer-wrap{width:100%; margin:0; padding:0;}
#logo{width:100%; text-align:center; margin-left:0;}
#logo .is-responsive{margin:0 auto !important;}
#right-header{width:100%; text-align:center; background-color:#fff;}
#right-header img{display:none;}
#top-header table{width:100%;}
#slideshow{width:60%;}
#quick-link{width:30%;}
#quick-link ul li a {padding:2% 1%;}
.banner-logo{width:20%; top:30px;}
#left-side,#sidebar,#right-side{display:none}
#main-content{width:96%; padding:2%; margin:0; float:left;}
#main-content img{width:100%; height:auto;}
#sidebar-right{width:96%; padding:2%; float:left; margin:0;}
#brand img{width:100%;}
#left-footer,#right-footer{width:100%; display:block;}
#nav,#nav table{width:100%;}
#nav ul{width:100%; height:350px;}
#nav ul li{width:100%; display:block;}
#nav ul li ul{ width:100%; position:relative;}
.wp-image-116,.wp-image-115,.wp-image-113{width:auto !important;}
form input{width:96%; margin:0 2%}
}
@media screen and (min-width:420px) and (max-width:769px) {
#page-wrap,#footer-wrap{width:96%; margin:0 2%; padding:0;}
#header,#brand,#footer,#footer-wrap{width:100%; margin:0; padding:0;}
#logo{width:100%; text-align:center; margin-left:0;}
#logo .is-responsive{margin:0 auto !important;}
#right-header{width:100%; text-align:center; background-color:#fff;} 
#right-header img{display:none;}
#top-header table{width:100%;}
#slideshow{width:70%;}
#quick-link{width:20%;}
#quick-link ul li a {padding:5% 1%;}
.banner-logo{width:20%;}
#left-side,#sidebar,#right-side{display:none}
#main-content{width:96%; padding:2%; margin:0; float:left;}
#main-content img{width:100%; height:auto;}
#sidebar-right{width:96%; padding:2%; float:left; margin:0;}
#brand img{width:100%; height:auto;}
#left-footer,#right-footer{width:100%; display:block;}
#nav,#nav table{width:100%;}
#nav ul{height:350px;}
.wp-image-116,.wp-image-115,.wp-image-113{width:auto !important;}
form input{width:96%; margin:0 2%}
}
@media screen and (min-width:769px) and (max-width:960px) {
#page-wrap{width:96%; margin:0 2%; padding:0;}
#header,#brand,#footer,#footer-wrap{width:100%; margin:0; padding:0;}
#logo{width:50%; text-align:center; margin-left:0;}
#right-header{width:50%;}
#right-header img{display:none;}
#slideshow{width:70%;}
#quick-link{width:20%;}
#quick-link ul li a {padding:5% 1%;}
.banner-logo{width:20%;}
#left-side,#sidebar,#right-side{display:none}
#main-content{width:60%; padding:2%; margin:0;}
#main-content img{width:100%;}
#sidebar-right{width:35%; float:right; margin:0;}
#brand img{width:100%;}
#left-footer,#right-footer{width:100%; display:block;}
}
@media screen and (min-width:960px) and (max-width:1200px) {

}