/*
Theme Name: Oceanic Plumbing
Theme URI: https://fusedmedia.com.au/
Author: Fusedmedia
Author URI: https://fusedmedia.com.au/
Description: .
Version: 10.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
	font-family: 'ITCAvantGardeProMd';
	src: url('fonts/ITCAvantGardeProMd.eot');
	src: url('fonts/ITCAvantGardeProMd.eot') format('embedded-opentype'),  
	url('fonts/ITCAvantGardeProMd.woff2') format('woff2'), 
	url('fonts/ITCAvantGardeProMd.woff') format('woff'), 
	url('fonts/ITCAvantGardeProMd.ttf') format('truetype'), 
	url('fonts/ITCAvantGardeProMd.svg#ITCAvantGardeProMd') format('svg');
}
@font-face {
	font-family: 'ITCAvantGardeProDemi';
	src: url('fonts/ITCAvantGardeProDemi.eot');
	src: url('fonts/ITCAvantGardeProDemi.eot') format('embedded-opentype'), 
	url('fonts/ITCAvantGardeProDemi.woff2') format('woff2'), 
	url('fonts/ITCAvantGardeProDemi.woff') format('woff'), 
	url('fonts/ITCAvantGardeProDemi.ttf') format('truetype'), 
	url('fonts/ITCAvantGardeProDemi.svg#ITCAvantGardeProDemi') format('svg');
}
@font-face {
	font-family: 'ITCAvantGardeProBk';
	src: url('fonts/ITCAvantGardeProBk.eot');
	src: url('fonts/ITCAvantGardeProBk.eot') format('embedded-opentype'), 
	url('fonts/ITCAvantGardeProBk.woff2') format('woff2'), 
	url('fonts/ITCAvantGardeProBk.woff') format('woff'), 
	url('fonts/ITCAvantGardeProBk.ttf') format('truetype'), 
	url('fonts/ITCAvantGardeProBk.svg#ITCAvantGardeProBk') format('svg');
}
@font-face {
	font-family: 'ITCAvantGardeProXLt';
	src: url('fonts/ITCAvantGardeProXLt.eot');
	src: url('fonts/ITCAvantGardeProXLt.eot') format('embedded-opentype'), 
	url('fonts/ITCAvantGardeProXLt.woff2') format('woff2'), 
	url('fonts/ITCAvantGardeProXLt.woff') format('woff'), 
	url('fonts/ITCAvantGardeProXLt.ttf') format('truetype'),
	 url('fonts/ITCAvantGardeProXLt.svg#ITCAvantGardeProXLt') format('svg');
}

@font-face {
    font-family: 'ufonts_com_gillsansmtpromediumopentype';
    src: url('fonts/ufonts_com_gillsansmtpromediumopentype.eot');
    src: url('fonts/ufonts_com_gillsansmtpromediumopentype.eot') format('embedded-opentype'),
         url('fonts/ufonts_com_gillsansmtpromediumopentype.woff2') format('woff2'),
         url('fonts/ufonts_com_gillsansmtpromediumopentype.woff') format('woff'),
         url('fonts/ufonts_com_gillsansmtpromediumopentype.ttf') format('truetype'),
         url('fonts/ufonts_com_gillsansmtpromediumopentype.svg#ufonts_com_gillsansmtpromediumopentype') format('svg');
}

@font-face {
    font-family: 'ufonts_com_gillsansmtprolightopentype';
    src: url('fonts/ufonts_com_gillsansmtprolightopentype.eot');
    src: url('fonts/ufonts_com_gillsansmtprolightopentype.eot') format('embedded-opentype'),
         url('fonts/ufonts_com_gillsansmtprolightopentype.woff2') format('woff2'),
         url('fonts/ufonts_com_gillsansmtprolightopentype.woff') format('woff'),
         url('fonts/ufonts_com_gillsansmtprolightopentype.ttf') format('truetype'),
         url('fonts/ufonts_com_gillsansmtprolightopentype.svg#ufonts_com_gillsansmtprolightopentype') format('svg');
}

@font-face {
    font-family: 'GIL';
    src: url('fonts/GIL.eot');
    src: url('fonts/GIL.eot') format('embedded-opentype'),
         url('fonts/GIL.woff2') format('woff2'),
         url('fonts/GIL.woff') format('woff'),
         url('fonts/GIL.ttf') format('truetype'),
         url('fonts/GIL.svg#GIL') format('svg');
}

@font-face {
    font-family: 'LatoBlack';
    src: url('fonts/LatoBlack.eot');
    src: url('fonts/LatoBlack.eot') format('embedded-opentype'),
         url('fonts/LatoBlack.woff2') format('woff2'),
         url('fonts/LatoBlack.woff') format('woff'),
         url('fonts/LatoBlack.ttf') format('truetype'),
         url('fonts/LatoBlack.svg#LatoBlack') format('svg');
}

@font-face {
    font-family: 'ufonts_com_futuraltbookoblique';
    src: url('fonts/ufonts_com_futuraltbookoblique.eot');
    src: url('fonts/ufonts_com_futuraltbookoblique.eot') format('embedded-opentype'),
         url('fonts/ufonts_com_futuraltbookoblique.woff2') format('woff2'),
         url('fonts/ufonts_com_futuraltbookoblique.woff') format('woff'),
         url('fonts/ufonts_com_futuraltbookoblique.ttf') format('truetype'),
         url('fonts/ufonts_com_futuraltbookoblique.svg#ufonts_com_futuraltbookoblique') format('svg');
}

* {
	padding: 0;
	margin: 0;
}
img {
	border: none;
	outline: none;
	max-width: 100%;
	height: auto !important;
}
a, a:active, a:focus, a:hover {
	outline: none;
	text-decoration: none;
	cursor:pointer;
}
a{
	
}
input:focus, textarea:focus, select:focus {
	outline: none!important;
	box-shadow: none;
}
ul {
	margin: 0;
	list-style-type: none;
}
body {
	background: #fff;
	font-family: 'ufonts_com_gillsansmtprolightopentype';
	font-size: 13px;
	color:#616161;
}
.container{
	width:1374px;
}

.header{
	width:100%;
	float:left;
	height:auto;
	background:#262626;
}
.header-inner{
	width:100%;
	float:left;
	height:auto;
	padding:50px 0 50px 0;
}

.logo {
    float: left;
    height: auto;
    opacity: 1;
    padding-left: 0;
    text-align: left;
    width: auto;
	padding:23px 0px 23px 0px;
	
}
.logo img { max-width:100%;}
.header_section_top{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

/*======================================== navigation =============================*/

.nav_section{width:100%; float:left; display:block; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

.navbar-static-top{
	margin:0;
	background:none;
	border:none;
	position:relative;
}
.navbar-right{
	margin:48px 0 0;
}
.logo a:hover{
	opacity:0.75;
}
.nav.navbar-nav.navbar-right{
	position:relative;
}

.navbar-default .navbar-nav > li{ margin:0px 0px 0px 60px;}
.navbar-default .navbar-nav > li > a{
	font-size:15px;
	color:#fff;
	font-family: 'GIL';
	line-height:20px;
	font-weight:normal;
	background:none;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:12px; padding-top:15px;
	text-transform:uppercase;
}
.navbar-default .navbar-nav > li:last-child a {
	padding-right:0px;
}
.navbar-default .navbar-nav > li:last-child{
	margin-right:0px;
}
.navbar-right .dropdown-menu{
	left:-27px;
	right:auto;
}
.dropdown-menu{
	width:140px;
	background:none;
	padding:10px 28px 16px 28px;
	border:none;
	box-shadow:none;
	border-radius:0;
	background-color:#262626;
}

.dropdown-menu > li > a{
	display:block;
	border-bottom:1px solid #303030;;
	color:#fff;
	line-height:33px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-family:Arial, sans-serif;
	background:none;
	
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	background:#ebe7e0;
	color:#00a3b5;
}
.dropdown-menu > li:last-child a{
	border:none;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover{
	background:none;
	color:#00a3b5;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover{
	color:#00a3b5;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
	background: none;
}
.quote-block{
    text-align: right;;
	
    width: auto;
	color: #1a4281;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    padding: 56px 0 10px 0;
	display:block;
	font-family: 'FuturaLT';
}
.navbar-collapse{ overflow-x:hidden;}

.dropdown-menu > li:first-child a{ background-color:transparent;}
.dropdown-menu > li:first-child > a:focus, .dropdown-menu > li:first-child > a:hover{
	background:none;
	color:#00a3b5;
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: transparent;;
}

/*======================================== navigation end =============================*/

.header_bg{ border-left:20px solid #19468d;}
.header_bg2{ background:url(images/header_bg.png) no-repeat right bottom;}



.wrapper{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden;}

.home-content{
	width:100%;
	float:left;
	height:auto;
	
}
.content_area{ width:100%; float:left; display:block;}
.gap_4{ padding:100px 0px 0px 0px;}









.sub_page_banner{}

.sub_page_banner{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-repeat:no-repeat; background-position:center center; height:312px; background-size:cover; position:relative;}
.banner_inner{width:100%; height:100%;  position: absolute; top:0; }

.banner_inner::after{ background:url(images/sub-page_bg.jpg) no-repeat right top; position:absolute; right:0; top:0; content:''; width:100%; height:100%; z-index:5;}
.page_tittle{ width:50%; float:right; display:block; margin:115px 0px 0px 0px; padding:0px 0px 0px 0px;font-family: 'FuturaLT'; text-align:center; font-size:35px; line-height:40px; color:#fff; font-weight:normal;}

.page_tittle_wrapper{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; z-index:6; position:relative;}

.subpage-content{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:32px 0px 0px 0px;}
.page_tittle_2{font-family: 'FuturaLT'; text-align:left; font-size:35px; line-height:44px; color:#18468c; font-weight:normal; width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px;}




.sidebar{width:100%;float:left;height:auto; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; background-color:#f5f5f5;}
.sidebar ul{float:left;width:100%;}
.sidebar ul li{float:left;width:100%;margin:0 0 0px 0px; border-bottom:1px solid #4d6994;}
.sidebar ul li a{
	font-family: 'FuturaLT'; 
	font-size:18px;
	text-decoration:none;
	line-height:21px;
	padding:18px 18px;
	color:#fff;
	background:#18468c;
	display:block;
	-webkit-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	position:relative;
	
}
.sidebar ul li a:hover{
	background:#5d5d5d; color:#fff;
}
.sidebar ul li a::after{
	width:14px;
	height:14px;
	content:"";
	background:url(images/arrow2.png) no-repeat center center;
	position:absolute;
	right:20px;
	top:20px;
	z-index:4;
	
}
.sidebar ul li a.last_chd{ text-transform:uppercase !important; color:#fff; background-color:#6fb433;}
.sidebar ul li a.last_chd::after{background:url(images/arrow.png) no-repeat center center;}
.sidebar ul li a.last_chd:hover{
	background:#dbeccc; color:#418c00;
}
.sidebar ul li a.last_chd:hover::after{background:url(images/arrow2.png) no-repeat center center;}

.sidebar_block.col-md-4{ padding-left:35px;}
.common_block.col-md-8{ padding-right:0px;}

.common_content{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 80px 0px;}
.common_content p{ font-family:Arial, Helvetica, sans-serif; margin:0px 0px 18px 0px; font-size:12px; line-height:18px; color:#585858;}
.common_content h3{ margin:0px 0px 10px 0px; padding:10px 0px 0px 0px;font-family: 'ITCAvantGardeProBk'; text-align:left; font-size:16px; line-height:18px; color:#00a3b5; font-weight:normal; text-transform:uppercase;}
.common_content p a{color:#00a3b5; text-decoration:underline; }
.common_content p a:hover{ text-decoration:none; }

.common_content ul{ padding:20px 0px 13px 10px; margin:0px 0px 0px 0px; width:100%; float:left; display:block;}
.common_content ul li{ background:url(images/list_bullet.png) no-repeat left 4px; font-size:12px; line-height:18px;color:#585858; padding:0px 0px 4px 20px; margin:0px 0px 0px 0px; width:100%; float:left; display:block; font-family:Arial, Helvetica, sans-serif;}

.contact_section{ width:100%; float:left; display:block; margin:0px 0px 30px 0px; padding:57px 0px 24px 0px; border-bottom:1px solid #eaeaea;}

.common_content hr{ margin-top:52px !important;}


.form-block{
	display:block;
	width:100%;
	float:left; padding:40px 0px 40px 0px; margin:0px 0px 30px 0px;
	border-bottom:1px solid #cccccc;
}
.form-block label{
	font-size:12px;
	font-family:Arial, sans-serif;
	color:#585858;
	font-weight:normal;
	margin:0;
	line-height:41px;
	display: table-cell;
    vertical-align: top;
}
.form-block .form-control{
	height:41px;
	font-size:12px;
	font-family:Arial, sans-serif;
	color:#949494;
	border-color:#949494;
	box-shadow:none;
	border-radius:0;
}
.form-block textarea.form-control{
	height:135px;
}
.form-group {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}
.form-group.left label {
    width: 80px;
}
.form-group.right label {
    width: 65px;
}
.submit{
	width:100px;
	height:33px;
	padding-left:18px;
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	font-weight:400;
	border:none;
	background:#262626 url(images/white-arrow.png) no-repeat right 11px center;
	text-align:left;
	margin-top:13px;
	margin-bottom:9px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:33px;
}
.submit:hover{
	background-color:#00a3b5;
}

.videoblock{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; text-align:center;}
.videoblock img{width:100%; height:auto;}


.table-bordered{
	border-color:#cecece;
}
th{
	border-bottom:none!important;
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
	font-size:14px;
	color:#fff;
	line-height:20px;
	padding:11px 11px;
	background:#00a3b5;
	text-transform:uppercase;
	font-weight:400;
	vertical-align:middle;
	font-family: 'Roboto', sans-serif;
	
}
.table-bordered > tbody > tr > td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c;
	line-height:20px;
	padding:11px 15px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
.table-striped > tbody > tr:nth-of-type(2n+2){
	background:#e6e6e6;
}
.table-striped > tbody > tr:nth-of-type(2n+1){
	background:#fff;
}
.gap_3{ padding-top:67px; padding-bottom:40px;}

.emailblk{ padding-top:10px;}
.emailblk a{ color:#18468c !important; }




.banner_section{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; position:relative; padding:0px 0px 0px 0px;}
.project_wrap{width:50%; float:left; display:block; margin:0px 0px 0px 0px; position:relative; }
.project_block{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; position:relative; height:233px;
background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	}
.inner_content{ width:100%; height:100%;background-color:rgba(38, 38, 38, 0.5);}
.inner_content h1{ text-align:center; font-size:50px; line-height:50px; color:#fff; font-weight:normal;font-family: 'LatoBlack'; margin:0px 0px 0px 0px;}

.inner_content h1{ position:absolute; top:50%; height:auto; left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}



.plusblk{ display:block; width:100%; text-align:center; position:absolute; top:104px;}
.banner_section::before{}

.banner_section::after{ background:url(images/plusbg.png) no-repeat center; position:absolute;  top:104px; content:''; width:25px; height:25px; z-index:5; left:50%; margin-left:-12px; display:block;}




/*.plusblk{ position:absolute; top:50%; height:auto; right:-13px;
-webkit-transform:translate(-0%,-50%);
-moz-transform:translate(-0%,-50%);
-ms-transform:translate(-0%,-50%);
transform:translate(-0%,-50%);}*/

.project_block:hover .inner_content{background-color:rgba(38, 38, 38, 0.75);}
.project_block:hover .inner_content h1{ color:#00a3b5;}

.read_more_section{ width:100%; float:left; display:block; margin:0px 0px 0px 0px;}
.read_more_section a{ width:205px; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 22px; background:#00a3b5 url(images/rdmore_bg2.png) no-repeat right center; height:58px; line-height:58px; color:#fff; text-transform:uppercase; font-size:20px;font-family: 'ITCAvantGardeProBk';}
.read_more_section a:hover{ background:#00c3d9 url(images/rdmore_bg1.png) no-repeat right center;}

.gap_1{ padding-top:55px; padding-bottom:20px;}
.tittle_block{ width:100%; float:left; display:block; margin:0px 0px 5px 0px; padding:0px 0px 17px 0px; font-size:54px; line-height:54px; color:#00a3b5;font-family: 'ITCAvantGardeProBk'; text-align:center; font-weight:normal; text-transform:uppercase; background:url(images/tittle_bg.jpg) no-repeat bottom center;}

.info_block{ width:100%; float:left; display:block; margin:0px 0px 0px 0px;}
.info_block p{ text-align:justify; margin:0px 0px 10px 0px; font-size:18px; line-height:normal; color:#585858;font-family: 'ufonts_com_gillsansmtprolightopentype';}

.link_block{ width:100%;float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 120px 0px; position:relative;}
.block_bg_1{background:url(images/linkbg.jpg) no-repeat left top;}
.link_block h3{ width:100%; float:left; display:block; margin:0px 0px 32px 0px;font-family: 'ufonts_com_gillsansmtpromediumopentype'; font-size:17px; color:#00a3b5; line-height:normal; text-transform:uppercase;}
.sb_gap h3{margin:0px 0px 13px 0px;}

.link_block ul{ margin:0px 0px 0px 0px; padding:0px 0px 0px 9px; width:100%; float:left;}
.link_block ul li{ width:100%; float:left; display:block; margin:0px 0px 8px 0px; font-family: 'ufonts_com_gillsansmtprolightopentype';font-size:18px; line-height:24px; padding:0px 0px 0px 24px; background:url(images/link_arrow.png) no-repeat left 9px; color:#3b3b3b;}
.link_block ul li a{ }
.link_block ul li a:hover{ }

.service_section{ padding:63px 0px 90px 0px; background-color:#262626;}
.service_tittle{ width:100%; float:left; display:block; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:48px; line-height:48px; color:#fff;font-family: 'ITCAvantGardeProBk'; text-align:center; font-weight:normal; text-transform:uppercase; }

.service_common.col-md-3{ padding-left:0px; padding-right:0px;}
.service_common{ margin-left:-1px;}
.service_topblock{ width:100%; float:left; border-bottom:1px solid #939393;border-left:1px solid #939393;border-right:1px solid #939393;border-top:1px solid #939393; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:183px; position:relative;}
.service_first{ border-left:none;}
.service_last{ border-right:none;}

.service_inner{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.service_inner h2{font-family: 'ITCAvantGardeProDemi'; font-size:66px; line-height:70px; margin:0px 0px 0px 0px; color:#fff; text-align:center; font-weight:normal;}
.service_inner h4{font-family: 'ufonts_com_gillsansmtpromediumopentype'; font-size:24px; line-height:30px; color:#fff; text-align:center; font-weight:normal; text-transform:uppercase;}

.service_inner{ position:absolute; top:50%; height:auto; left:0;
-webkit-transform:translate(-0%,-50%);
-moz-transform:translate(-0%,-50%);
-ms-transform:translate(-0%,-50%);
transform:translate(-0%,-50%);}

.service_bottom{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:8px 20px 10px 20px;}
.service_bottom p{ margin:0px 0px 0px 0px;font-family: 'ITCAvantGardeProBk'; font-size:14px; line-height:23px; color:#fff; text-align:center;}



.footer{width:100%;float:left;height:auto;display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(images/footerbg.jpg) repeat-x top center; height:199px;}
.footer_left{ float:left; display:inline-block; margin:72px 0px 0px 0px; padding:0px 0px 0px 0px; width:322px;}
.footer_left a{ display:block; float:left; width:100%; height:54px;font-family: 'ITCAvantGardeProMd'; font-size:18px; color:#fff; text-transform:uppercase; text-align:center; border:1px solid #fff;background-color:rgba(255, 255, 255, 0); line-height:54px;}
.footer_left a span{ display:inline; margin-left:10px;}
.footer_left a:hover{background-color:rgba(255, 255, 255, 0.3);}

.footer_rtblock{ float:right; display:inline-block; margin:0px 0px 0px 0px; padding:67px 0px 0px 0px; width:auto;}
.footer_rtblock h2{font-family: 'ITCAvantGardeProDemi'; margin:0px 0px 5px 0px; color:#fff; font-size:24px; line-height:30px; text-align:left; text-transform:uppercase; font-weight:normal;}
.footer_rtblock h3{font-family: 'ITCAvantGardeProMd'; margin:0px 0px 0px 0px; color:#fff; font-size:18px; line-height:20px; text-align:left; text-transform:uppercase;font-weight:normal;}
.footer_rtblock h3 a{ color:#fff; text-decoration:none;}
.footer_rtblock h3 a:hover{ color:#262626; text-decoration:none;}
.footer_rtblock h4{font-family: 'ITCAvantGardeProBk';  margin:0px 0px 0px 0px; color:#fff; font-size:18px; line-height:20px; text-align:left; text-transform:uppercase;font-weight:normal;}


.breadcrumb_section{ width:100%; float:left; display:block; margin:0px 0px 5px 0px; padding:0px 0px 17px 0px; background:url(images/tittle_bg.jpg) no-repeat bottom left;}
.breadcrumb_section .breadcrumb {
    background-color: transparent;
    border-radius: 0px;
    list-style: outside none none;
    margin-bottom: 0px;
    padding: 0px 0px;
}
.breadcrumb_section .breadcrumb > li {
    display: inline-block;
	font-family: 'ITCAvantGardeProBk';
	font-size:54px;
	color:#00a3b5;
	line-height:54px;
}
.breadcrumb_section .breadcrumb > li a{color:#00a3b5; text-transform:uppercase;}
.breadcrumb_section .breadcrumb > .active {
    color: #00a3b5;
	text-transform:uppercase;
}
.breadcrumb_section .breadcrumb > li + li::before {
    color: #00a3b5;
    content: "/ ";
    padding: 0 5px;
}
.left_content hr{ margin-top:15px;}
.gap_5{ padding-bottom:50px;}

.project_section{}
.project_common{ margin-bottom:20px;}
.project_common a{ display:block;}
.project_photo{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; position:relative;}
.project_photo img{ width:100%;}

.project_common a:hover{}
.project_common a:hover .project_photo::before{ background-color:rgba(0, 163, 181, 0.5);position:absolute; left:0; top:0; content:''; width:100%; height:100%;}
.project_bottom{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;}
.project_bottom h3{ margin:0px 0px 0px 0px;font-family: 'ITCAvantGardeProMd'; font-size:15px; color:#00a3b5; line-height:18px; font-weight:normal;text-transform:uppercase;}
.project_bottom h4{ margin:0px 0px 0px 0px;font-family: 'ufonts_com_futuraltbookoblique';font-size:12px; color:#b0b0b0; line-height:14px; font-weight:normal; text-transform:uppercase;}

.project_common a:hover .project_bottom h3{ color:#262626;}

block_bg_2{ position:relative;}
.block_bg_2::before{position:absolute; right:-100px; top:0; content:''; width:389px; height:316px;background:url(images/linkbg.jpg) no-repeat; z-index:-1;}

.sidebar_section.col-md-3{ padding-left:40px;}
.left_content.col-md-9{ padding-right:40px;}

.sub_page_tittle{ width:100%; float:left; display:block; margin:0px 0px 5px 0px; padding:0px 0px 17px 0px;font-family: 'ITCAvantGardeProBk';font-size:54px;color:#00a3b5;line-height:54px;background:url(images/tittle_bg.jpg) no-repeat bottom left;}


#back-top {
    bottom: 10px;
    position: fixed;
    right: 10px;
    text-indent: -9999px;
	z-index:99;
}
#back-top a{
	background:url(images/back-top.png) no-repeat center center;
	display:block;
	width:68px;
	height:48px;
}

/*======================================== Responsive Design =============================*/

@media only screen and (max-width: 479px) {
.service_info{padding:20px 0px 0px 10px;}
.service_info h3{ font-size:15px;line-height:25px; margin:0px 0px 10px 0px;}
.service_block{ width:100%; float:left; display:inline-block; margin:0px 0px 4px 0px; padding:0px 2px 0px 2px;}

.caption_block h1{
	font-size:30px;
	margin:0 0 20px 0;
	line-height: normal;
	line-height:38px;
}

.inner_content h1{ text-align:center; font-size:32px; line-height:38px; color:#fff; font-weight:normal;font-family: 'LatoBlack'; margin:0px 0px 0px 0px;}



.footer_left{ float:left; display:inline-block; margin:30px 0px 15px 0px; padding:0px 0px 0px 0px; width:100%;}
.footer_rtblock h2{margin:0px 0px 5px 0px; color:#fff; font-size:18px; line-height:24px;}
.footer_rtblock h3{margin:0px 0px 0px 0px; color:#fff; font-size:14px; line-height:18px;}
.footer_rtblock h4{ margin:0px 0px 0px 0px; color:#fff; font-size:14px; line-height:18px;}

.footer_rtblock{ float:right; display:inline-block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%;}

.navbar-toggle{ margin-top:39px;}
.logo{ width:200px;}

.form-block label{
	display:block;
	line-height:32px;
}

.breadcrumb_section .breadcrumb > li {font-size:30px;line-height:34px;}
.sub_page_tittle{ margin:0px 0px 5px 0px; padding:0px 0px 17px 0px;font-size:30px;line-height:34px;}

.service_tittle{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:30px; line-height:36px; }

.tittle_block{ margin:0px 0px 5px 0px; padding:0px 0px 17px 0px; font-size:30px; line-height:38px;}

}

@media only screen and (min-width: 480px) and (max-width:639px) {
	.service_info{padding:20px 0px 0px 10px;}
.service_info h3{ font-size:15px;line-height:25px; margin:0px 0px 10px 0px;}
.service_block{ width:100%; float:left; display:inline-block; margin:0px 0px 4px 0px; padding:0px 2px 0px 2px;}

.footer_left{ float:left; display:inline-block; margin:72px 0px 0px 0px; padding:0px 0px 0px 0px; width:180px;}
.footer_rtblock h2{margin:0px 0px 5px 0px; color:#fff; font-size:18px; line-height:24px;}
.footer_rtblock h3{margin:0px 0px 0px 0px; color:#fff; font-size:14px; line-height:18px;}
.footer_rtblock h4{ margin:0px 0px 0px 0px; color:#fff; font-size:14px; line-height:18px;}

.navbar-toggle{ margin-top:50px;}
.logo{ width:250px;}

.breadcrumb_section .breadcrumb > li {font-size:30px;line-height:34px;}
.sub_page_tittle{ margin:0px 0px 5px 0px; padding:0px 0px 17px 0px;font-size:30px;line-height:34px;}

.service_tittle{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:30px; line-height:36px; }

.tittle_block{ margin:0px 0px 5px 0px; padding:0px 0px 17px 0px; font-size:40px; line-height:48px;}

}

@media only screen and (max-width: 639px) {
}

@media only screen and (min-width: 640px) and (max-width:767px) {
	
.service_info{padding:20px 0px 0px 10px;}
.service_info h3{ font-size:15px;line-height:25px; margin:0px 0px 10px 0px;}

.footer_left{ float:left; display:inline-block; margin:72px 0px 0px 0px; padding:0px 0px 0px 0px; width:250px;}

.navbar-toggle{ margin-top:50px;}
.logo{ width:250px;}

.breadcrumb_section .breadcrumb > li {font-size:40px;line-height:42px;}
.sub_page_tittle{ margin:0px 0px 5px 0px; padding:0px 0px 17px 0px;font-size:40px;line-height:42px;}

.service_tittle{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:30px; line-height:36px; }

.tittle_block{ margin:0px 0px 5px 0px; padding:0px 0px 17px 0px; font-size:40px; line-height:48px;}

}

@media only screen and (max-width: 767px) {
.container{
	width:100%;
}
.quote-block {
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    padding: 0px 0 10px;
    text-align: center;
    width: auto;
}
.read_more_block{ margin:0px 0px 0px 0px; padding:20px 0px 30px 0px;}
.contact_info{ padding:20px 0px 20px 0px;}

.sidebar_section.col-md-3{ padding-left:15px;}
.left_content.col-md-9{ padding-right:15px;}


.caption_topblock{ width:100%; }

.page_tittle{ width:100%; float:right; display:block; margin:115px 0px 0px 0px; padding:0px 0px 0px 0px;text-align:center; font-size:35px; line-height:35px;}


.frm_input2{ width: 100%; float:left; display: inline-block; margin:0px 0px 0px 0px;}
.form_common textarea.form-control {
    height: auto; width:100%; margin:0px 0px 0px 0px;
}
.frm_input{ width:100%; float:left; display: inline-block; margin:0px 0px 0px 0px;}

.sidebar_block.col-md-4{ padding-left:15px;}
.common_block.col-md-8{ padding-right:15px;}

.dropdown-menu > li:first-child a{ background-color: transparent;}
.dropdown-menu > li{ background-color:transparent;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: transparent;
	color:#00a3b5;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.carousel-indicators{ background-color: transparent; padding:0px 5px 0px 5px; left:0px; margin-left:0px; width:100%; position:absolute; bottom:25px;}
.tittle_section h2{ margin:0px 0px 10px 0px; text-align:left; font-size:38px; line-height:48px;}


.service_first{ border-left:1px solid #939393;}
.service_last{ border-right:1px solid #939393;}

.project_wrap{width:100%; float:left; display:block; margin:0px 0px 10px 0px; position:relative; }
.banner_section::after{ display:none;}
.block_bg_2::before{position:absolute; right:0px; top:0; content:''; width:100%; height:100%;background:url(images/linkbg.jpg) no-repeat; z-index:-1;
}

.form-group.right label {
    width: 80px;
}

.navbar-default .navbar-nav > li{ margin:0px 0px 0px 0px;}
.navbar-right{
	margin:15px 0 0;
}

.navbar-default .navbar-toggle {
    border-color: #00a3b5;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #00a3b5;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

}

@media only screen and (min-width: 768px) and (max-width:991px) {
.container{
	width:750px;
}


.navbar-right{
	margin:30px 0px 0px 0px;
}

.navbar-default .navbar-nav > li{ margin:0px 0px 0px 20px;}
.logo{ width:180px;}

.navbar-default .navbar-nav > li > a {
    font-size: 14px;
    
}


.quote-block{
	right:0;
}

.navbar-static-top .request-quote{
	font-size:14px;
	padding:14px 0;
}
.banner-content h1{
	font-size:45px;
	line-height:55px;
}
.home-content h2{
	font-size:28px;
}
.experience-top{
	padding:0 85px;
}


.service_info{padding:20px 0px 0px 10px;}
.service_info h3{ font-size:15px;line-height:25px; margin:0px 0px 10px 0px;}

.sidebar h3{margin:0px 0px 20px 0px; font-weight:normal;}
.sidebar p{margin:0px 0px 20px 0px; font-weight:normal;}

.page_tittle{ width:100%; float:right; display:block; margin:115px 0px 0px 0px; padding:0px 0px 0px 0px;text-align:center; font-size:35px; line-height:35px;}

.form_common textarea.form-control {
    height: auto; width:400px; margin:0px 0px 0px 0px;
}

.inner_content h1{ text-align:center; font-size:40px; line-height:45px; color:#fff; font-weight:normal;font-family: 'LatoBlack'; margin:0px 0px 0px 0px;}

.sidebar_section.col-md-3{ padding-left:15px;}
.left_content.col-md-9{ padding-right:15px;}

.service_tittle{ margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; font-size:30px; line-height:36px; }

.service_inner h2{ font-size:50px; line-height:52px; margin:0px 0px 0px 0px;  }
.service_inner h4{font-size:18px; line-height:24px; }

.tittle_block{ margin:0px 0px 5px 0px; padding:0px 0px 17px 0px; font-size:40px; line-height:48px;}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container{
	width:970px;
}
.navbar-default .navbar-nav > li > a{
	font-size:16px;
	
}
.navbar-right{
	margin:30px 0px 0px 0px;
}
.navbar-default .navbar-nav > li{ margin:0px 0px 0px 30px;}
.logo{ width:250px;}
.quote-block{
	right:0;
}
.dropdown-menu{
	
}

.navbar-static-top .request-quote{
	font-size:16px;
}
.banner-content h1{
	font-size:45px;
	line-height:55px;
}
.home-content h2{
	font-size:28px;
}
.experience-top{
	padding:0 85px;
}

.form_common textarea.form-control {
    height: auto; width:546px; margin:0px 0px 0px 0px;
}

.sidebar_section.col-md-3{ padding-left:15px;}
.left_content.col-md-9{ padding-right:15px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1390px){
	.container{ width:1170px;}
}