/*



Theme Name: filtap



Description: A custom wordpress theme



Author: Quicklicks



Author URI: http://www.quicklicks.com.au/



Version: 1.0



*/







html {



  font-family: sans-serif; /* 1 */



  -ms-text-size-adjust: 100%; /* 2 */



  -webkit-text-size-adjust: 100%; /* 2 */



}



body {



  margin: 0;



}



article,



aside,



details,



figcaption,



figure,



footer,



header,



hgroup,



main,



menu,



nav,



section,



summary {



  display: block;



}



audio,



canvas,



progress,



video {



  display: inline-block; /* 1 */



  vertical-align: baseline; /* 2 */



}



audio:not([controls]) {



  display: none;



  height: 0;



}



[hidden],



template {



  display: none;



}



a {



  background-color: transparent;



}



a:active,



a:hover {



  outline: 0;



}



abbr[title] {



  border-bottom: 1px dotted;



}



b,



strong {



  font-weight: bold;



}



dfn {



  font-style: italic;



}



h1 {



  font-size: 2em;



  margin: 0.67em 0;



}



mark {



  background: #ff0;



  color: #000;



}



small {



  font-size: 80%;



}



sub,



sup {



  font-size: 75%;



  line-height: 0;



  position: relative;



  vertical-align: baseline;



}



sup {



  top: -0.5em;



}



sub {



  bottom: -0.25em;



}



img {



  border: 0;



}



svg:not(:root) {



  overflow: hidden;



}



figure {



  margin: 1em 40px;



}



hr {



  box-sizing: content-box;



  height: 0;



}



pre {



  overflow: auto;



}



code,



kbd,



pre,



samp {



  font-family: monospace, monospace;



  font-size: 1em;



}



button,



input,



optgroup,



select,



textarea {



  color: inherit; /* 1 */



  font: inherit; /* 2 */



  margin: 0; /* 3 */



}



button {



  overflow: visible;



}



button,



select {



  text-transform: none;



}



button,



html input[type="button"], /* 1 */



input[type="reset"],



input[type="submit"] {



  -webkit-appearance: button; /* 2 */



  cursor: pointer; /* 3 */



}



button[disabled],



html input[disabled] {



  cursor: default;



}



button::-moz-focus-inner,



input::-moz-focus-inner {



  border: 0;



  padding: 0;



}



input {



  line-height: normal;



}



input[type="checkbox"],



input[type="radio"] {



  box-sizing: border-box; /* 1 */



  padding: 0; /* 2 */



}



input[type="number"]::-webkit-inner-spin-button,



input[type="number"]::-webkit-outer-spin-button {



  height: auto;



}



input[type="search"] {



  -webkit-appearance: textfield; /* 1 */



  box-sizing: content-box; /* 2 */



}



input[type="search"]::-webkit-search-cancel-button,



input[type="search"]::-webkit-search-decoration {



  -webkit-appearance: none;



}



fieldset {



  border: 1px solid #c0c0c0;



  margin: 0 2px;



  padding: 0.35em 0.625em 0.75em;



}



legend {



  border: 0; /* 1 */



  padding: 0; /* 2 */



}



textarea {



  overflow: auto;



}



optgroup {



  font-weight: bold;



}



table {



  border-collapse: collapse;



  border-spacing: 0;



}



td,



th {



  padding: 0;



}



/* ==========================================================================



   BASE STYLES: DEFAULTS



   ========================================================================== */



html{



    font-size: 1em;



    line-height: 1.4;



}



body{



	color: #000;



	background: none #fff;



	font-family: 'Nunito', sans-serif;



	font-weight: normal;



	font-style: normal;



	overflow-x: hidden;



	position: relative;



}



body a{



	color: #0099ff;



	text-decoration: none;



}



body a:hover{



}



::-moz-selection {



    background: #b3d4fc;



    text-shadow: none;



}



::selection {



    background: #b3d4fc;



    text-shadow: none;



}



hr {



    display: block;



    height: 1px;



    border: 0;



    border-top: 1px solid #ccc;



    margin: 1em 0;



    padding: 0;



}



audio,



canvas,



iframe,



img,



svg,



video {



    vertical-align: middle;



}



::-webkit-input-placeholder {



	opacity: 1;



}



::-moz-placeholder {



	opacity: 1;



}



:-ms-input-placeholder {



	opacity: 1;



}



:-moz-placeholder {



	opacity: 1;



}



fieldset {



    border: 0;



    margin: 0;



    padding: 0;



}



textarea {



    resize: vertical;



}



img{



	max-width: 100% !important;



	height: auto !important;



}



.mobile-nav-icon, #mobile-menu-container{



	display: none;



}



.holder{



	max-width: 1140px;



	margin: auto;



}



img{



	max-width: 100% !important;



	height: auto !important;



}



html #wpadminbar{



	position: fixed;



}







/* ==========================================================================



   HEADER STYLES



   ========================================================================== */



#header{



	background: none #fff;



}



	#header .header-left{



		float: left;



		position: relative;



		padding: 13px 0 14px 0;



	}



	#header .header-right{



		float: right;



		padding-top: 9px;



		padding-bottom: 10px;



		position: relative;



	}



		#header .header-right #fb-like{



			position: absolute !important;



			top: 12px !important;



			right: 0 !important;



		}



		#header .header-right .tel{



			display: block;



			background: url('img/header-tel.png') no-repeat 0 0 / contain;



			position: relative;



			width: 430px;



			height: 116px;



		}



		#header .header-right .tel strong{



			color: #fff;



			display: block;



			float: right;



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



			font-size: 33px;



			font-weight: bold;



			line-height: 100%;



			position: absolute;



			right: 13px;



			text-align: left;



			top: 51px;



			width: 52%;



		}



		#header .header-right p{



			margin: 0;



		}



	



#header-nav{



	background: none #49c9f5;



}



	



	



	



/* ==========================================================================



   TOPSLIDER STYLES



   ========================================================================== */



#topslider{



}



	#topslider .slide-item{



		background-size: cover;



		background-position: top center;



		background-repeat: no-repeat;



	}



	#topslider .text-holder{



		max-width: 1140px;



		margin: auto;



                cursor: pointer;



	}



	#topslider .text-content{



		color: #000;



		display:block;



		height: 524px;



		



		vertical-align: middle;



	}



		#topslider .text-content h1, #topslider .text-content h2{

			margin: 0;

			font-weight: normal;

			font-size: 64px;

			line-height: 60px;

			padding-bottom: 14px;

		}



		#topslider .text-content p{

			font-family: 'Kalam', cursive;

			font-weight: normal;

			font-size: 20px;

			line-height: 100%;

			margin: 0;

			max-width: 460px;

		}		



/* ==========================================================================



   TOPBANNER



   ========================================================================== */



#topbanner{background: url('img/banner-general.jpg') no-repeat center top;}



	#topbanner h2, #topbanner p{



		color: #000;



		display: table-cell;



		font-size: 48px;



		font-weight: normal;



		height: 315px;



		line-height: 45px;



		margin: 0;



		max-width: 375px;



		padding: 0;



		text-transform: uppercase;



		vertical-align: middle;



	}



	#topbanner h2 a{



		color: #000;



		text-decoration: none !important;



	}



	



			



/* ==========================================================================



   HOME STYLES



   ========================================================================== */



#main.home{



	background: none #fff;



	padding: 44px 0 0 0;



}	



	#callnow-form{



		background: none #f5f5f5;



		-webkit-border-radius: 10px;



		-moz-border-radius: 10px;



		border-radius: 10px;



	}



		#callnow-form .topimg img{



			width: 100% !important;



			height: auto !important;



		}



		#callnow-form .wpcf7{



		}



		#callnow-form .topimg h2{



			color: #33ccff;



			font-size: 25px;



			font-weight: bold;



			margin: 3px 0 0;



			text-align: center;



		}



		#callnow-form .topimg h2 a{



			color: #33ccff;



			font-weight: bold;



			text-decoration: none !important;



		}



		#callnow-form .topimg p{



			font-size: 14px;



			line-height: 110%;



			margin: 0;



			padding-bottom: 0;



			text-align: center;



		}



		#callnow-form .wpcf7 form{



			background: none #f5f5f5;



			color: #333333;



			padding: 0 20px 20px 20px;



			position: relative;



			-webkit-border-bottom-right-radius: 10px;



			-webkit-border-bottom-left-radius: 10px;



			-moz-border-radius-bottomright: 10px;



			-moz-border-radius-bottomleft: 10px;



			border-bottom-right-radius: 10px;



			border-bottom-left-radius: 10px;



		}



			#callnow-form .wpcf7 form p{



				color: #333333;



				margin: 0;



				font-size: 12px;



				padding: 1px 0;



			}



			#callnow-form .wpcf7 form p label{



				display: block;



				margin-bottom: -4px;



			}



			#callnow-form .wpcf7 form p em{



				color: #c5123d;



				font-weight: normal;



				font-style: normal;



			}



			#callnow-form .wpcf7 form input[type="text"],



			#callnow-form .wpcf7 form input[type="email"],



			#callnow-form .wpcf7 form input[type="tel"],



			#callnow-form .wpcf7 form textarea{



				border: 1px solid #cccccc;



				display: block;



				width: 94%;



				padding: 4px 3%;



			}



			#sidebar #callnow-form .wpcf7 form input[type="text"],



			#sidebar #callnow-form .wpcf7 form input[type="email"],



			#sidebar #callnow-form .wpcf7 form input[type="tel"],



			#sidebar #callnow-form .wpcf7 form textarea{



				padding: 6px 3%;



			}



			#callnow-form .wpcf7 form textarea{



				height: 35px;



			}



			#callnow-form .wpcf7 form input[type="submit"]{



				margin: 6px 0 0 0;



				padding: 0;



				border: none;



				width: 100% !important;



				height: 54px;



				background: url('img/btn-callmeback.png') no-repeat;



				background-size: contain;



				text-indent: -9999px;



			}



			#callnow-form div.wpcf7 .ajax-loader{



				bottom: 3px;



				left: 20px;



				margin-left: 0;



				position: absolute;



				z-index: 999;



			}



	#main.home #home-content1{



		padding-bottom: 20px;



	}



		#main.home #home-content1 .vc_col-sm-8{



			font-size: 20px;



			line-height: 29px;



		}



			#main.home #home-content1 .vc_col-sm-8 .vc_col-sm-6{



				padding-bottom: 10px;



			}



	#main.home #home-content2{



		background: none #d9f5fe;



		padding-bottom: 40px;



		padding-top: 50px;



	}



		#main.home #home-content2 h2{



			font-size: 50px;



			margin-bottom: -4px;



		}



	#main.home #home-content3{



		background: none #fff;



		padding-top: 60px;



		padding-bottom: 0;



	}



		#main.home #home-content3 .vc_col-sm-8 .wpb_wrapper{



			border: 3px solid #e1e1e1;



			padding: 35px 35px 10px 35px;



		}



			#main.home #home-content3 .vc_col-sm-8 .wpb_wrapper .wpb_wrapper{



				border: none;



				padding: 0;



			}



			#main.home #home-content3 .vc_col-sm-8 h2{



				font-size: 38px;



			}



			#main.home #home-content3 .vc_col-sm-8 .vc_col-sm-6 p{



				font-size: 17px;



				font-style: normal;



				font-weight: normal;



				line-height: 125%;



				min-height: 52px;



				padding-left: 80px;



				padding-top: 12px;



				position: relative;



				vertical-align: top;



			}



			#main.home #home-content3 .vc_col-sm-8 .vc_col-sm-6 p img{



				position: absolute;



				top: 0;



				left: 0;



			}



	#main.home #home-content3 .vc_col-sm-4{



	}



		#main.home #home-content3 .vc_col-sm-4 h3{



			font-size: 27px;



			margin-bottom: 5px;



			margin-top: 0;



		}



		#main.home #home-content3 .vc_col-sm-4 p{



			margin-bottom: 17px;



		}



		



   



/* ==========================================================================



   MAIN STYLES



   ========================================================================== */



#main{



	background: none #fff;



	line-height: 24px;



	font-size: 16px;



	font-weight: 300;



	background: none #fff;



	min-height: 100px;



	padding: 30px 0;



}



	#main a:hover{



		text-decoration: underline;



	}



	#main img{



		max-width: 100% !important;



		height: auto !important;



	}



	#main img.alignright{



		float: right;



		margin-left: 30px;



		margin-bottom: 20px;



	}



	#main img.alignleft{



		float: left;



		margin-right: 30px;



		margin-bottom: 20px;



	}



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



		color: #000;



		font-weight: bold;



		line-height: 1em;



		margin: 40px 0 3px 0;



	}



	#main h1{



		font-size: 40px;



		line-height: 100%;



	}



	#main h2{



		font-size: 30px;



		line-height: 100%;



	}



	#main h3{



		font-size: 25px;



		line-height: 100%;



	}



	#main h4{



		font-size: 20px;



	}



	#main h5{



		font-size: 18px;



	}



	#main h6{



		font-size: 16px;



	}



	#main ul{



		padding: 0 0 0 18px;



	}



	#main dl, #main ol, #main p, #main ul{



		margin: 0 0 1.5em;



	}



	#main #maincontent *:first-child,



	#main .wpb_wrapper *:first-child{



		margin-top: 0;



	}



	#main .wpb_text_column ul {



		list-style: none;



		padding: 0;



		margin: 0 0 1.7em;



	}



		#main .wpb_text_column ul li { 



			list-style-type: none;



			position: relative;



			padding-left: 11px;



			padding-bottom: 13px;



		}



		#main .wpb_text_column ul li:last-child{



			padding-bottom: 0;



		}



		#main .wpb_text_column ul li:before {



			background: none #000;



			content: "";



			display: block;



			height: 4px;



			left: 1px;



			position: absolute;



			top: 11px;



			width: 4px;



			-webkit-border-radius: 4px;



			-moz-border-radius: 4px;



			border-radius: 4px;



		}



	



	#main #maincontent{



		width: 65.9%;



		float: left;



		position: relative;



	}



		#main #maincontent #pagetitle{



			color: #33ccff;



			font-size: 50px;



			font-weight: bold;



			margin-top: 0;



			padding-bottom: 9px;



			padding-top: 0;



		}



		#main.blog #maincontent .pagetitle{



			padding-bottom: 18px;



		}



		#main #maincontent .breadcrumbs{



			margin-left: 0;



			padding-bottom: 23px;



		}



			#main #maincontent .breadcrumbs span{



				color: #ff3333;



				font-size: 14px;



				font-weight: 300;



				display: inline-block;



				margin: 0;



			}



			#main #maincontent .breadcrumbs a,



			#main #maincontent .breadcrumbs a span{



				color: #000;



				font-size: 14px;



				font-weight: 300;



			}



			#main #maincontent .breadcrumbs a:hover,



			#main #maincontent .breadcrumbs a:hover span{



				color: #ff3333;



				text-decoration: none;



			}



		#main #maincontent .content-bottom-widget{



			padding-top: 40px;



		}



		#main #maincontent .content-bottom-widget.absolute{



			position: absolute;



			bottom: 0;



			left: 0;



			width: 100%;



		}



			#main #maincontent .content-bottom-widget .widget p:last-child{



				margin-bottom: 0;



			}



		#main #maincontent #p-with-icon{



		}



			#main #maincontent #p-with-icon p{



				font-size: 15px;



				line-height: 130%;



				max-width: 240px;



				min-height: 51px;



				padding-left: 81px;



				padding-top: 10px;



				position: relative;



			}



			#main #maincontent #p-with-icon p img{



				position: absolute;



				left: 0;



				top: 0;



			}



	#main #sidebar{



		width: 30.7%;



		float: right;



		padding-top: 10px;



	}



		#main #sidebar .widget{



			padding-bottom: 30px;



		}



		#main #sidebar .widget:last-child{



			padding-bottom: 0;



		}



		#sidebar .why-choose{



			background: none #28b6f6;



			color: #fff;



			font-size: 16px;



			padding: 25px 22px;



			line-height: 120%;



		}



			#sidebar .why-choose h2{



				color: #fff;



				margin: 0;



				font-weight: bold;



				font-size: 38px;



				padding-bottom: 6px;



			}



			#sidebar .why-choose p{



				margin: 0;



				padding-bottom: 20px;



			}



			#sidebar .why-choose ul{



				margin: 0;



				padding: 0;



			}



				#sidebar .why-choose ul li{



					border: none !important;



					font-size: 15px !important;



					font-style: normal !important;



					font-weight: bold !important;



					line-height: 16px !important;



					list-style-type: none !important;



					padding: 0 0 14px 45px !important;



					position: relative !important;



					min-height: 34px;



				}



				#sidebar .why-choose ul li:last-child{



					padding-bottom: 4px;



				}



				#sidebar .why-choose ul li img{



					position: absolute;



					top: -1px;



					left: 0;



				}



	



		



	/*** Contact ****/



	#main #contactus{



	}



		#main #contactus h3{



			padding-bottom: 25px;



		}



		#main #contactus .wpcf7 form{



			background: none #fff;



			color: #000;



			padding: 0;



			position: relative;



		}



			#main #contactus .wpcf7 form p{



				color: #333333;



				margin: 0;



				font-size: 15px;



				padding: 0 0 12px;



			}



			#main #contactus .wpcf7 form p label{



				display: block;



				margin-bottom: 1px;



			}



			#main #contactus .wpcf7 form p em{



				color: #c5123d;



				font-weight: normal;



				font-style: normal;



			}



			#main #contactus .wpcf7 form input[type="text"],



			#main #contactus .wpcf7 form input[type="email"],



			#main #contactus .wpcf7 form input[type="tel"],



			#main #contactus .wpcf7 form textarea{



				border: 1px solid #cccccc;



				display: block;



				width: 97%;



				padding: 9px 1.5%;



				max-width: 400px;



			}



			#main #contactus .wpcf7 form input[type="submit"]{



				display: inline-block;



				color: #000;



				border: none;



				background: none #ffcc00;



				font-family: 'Nunito', sans-serif;



				font-weight: bold;



				font-size: 18px;



				margin-top: 14px;



				padding: 15px 45px 13px;



				text-transform: uppercase;



				text-align: center;



				-webkit-border-radius: 6px;



				-moz-border-radius: 6px;



				border-radius: 6px;



			}



		



		



	/*** Blog ****/



	#main.blog{



	}



		#main.blog #maincontent{



			width: 74%;



			float: left;



		}



			#main.blog #maincontent .blogitem{



			}



				#main.blog #maincontent .blogitem .featuredimg{



					float: left;



					margin-right: 30px;



					margin-bottom: 50px;



					max-width: 308px;



				}



				#main.blog #maincontent .blogitem .blogtitle{



					font-size: 25px;



					font-weight: bold;



					line-height: 130%;



					margin: -3px 0 0;



					padding-bottom: 6px;



				}



					#main #maincontent .blogitem .blogtitle a:hover{



						text-decoration: underline;



					}



				#main.blog #maincontent .blogitem .meta{



					color: #c3c3c3;



					font-size: 15px;



					padding-bottom: 3px;



				}



					#main.blog #maincontent .blogitem .meta a{



						color: #c3c3c3;



					}



					#main.blog #maincontent .blogitem .meta a:hover{



						color: #ff6600;



					}



				#main #maincontent .blogitem .blogexcerpt{



					font-size: 15px;



				}



					#main #maincontent .blogitem .blogexcerpt p{



						margin-bottom: 15px;



					}



				#main.blog #maincontent .blogitem .readmore{



					background: #ff3333 none repeat scroll 0 0;



					color: #fff;



					display: inline-block;



					font-size: 20px;



					font-weight: bold;



					margin-bottom: 50px;



					padding: 9px 30px;



				}



				#main.blog #maincontent .blogitem .readmore:hover{



					text-decoration: underline;



				}



			#main.blog #maincontent .postsnavigation{



				border-top: 1px solid #cacaca;



				padding-top: 16px;



				text-align: right;



			}



				#main.blog #maincontent .postsnavigation .pages{



					display: none !important;



				}



				#main.blog #maincontent .postsnavigation .wp-pagenavi a{



					background: none #cacaca;



					border: none;



					color: #fff;



					font-weight: normal;



					padding: 5px 10px;



					margin: 0 0 0 10px;



				}



				#main.blog #maincontent .postsnavigation .wp-pagenavi span,



				#main.blog #maincontent .postsnavigation .wp-pagenavi a:hover{



					text-decoration: none;



					background: none #ff6600;



					border: none;



					color: #fff;



					font-weight: normal;



					padding: 5px 10px;



					margin: 0 0 0 10px;



				}



		#main.blog #sidebar{



			width: 23%;



			float: right;



			font-size: 14px;



		}



			#main.blog #sidebar .widget{



			}



			#main.blog #sidebar .widget:last-child{



				padding-bottom: 0;



			}



			#main.blog #sidebar .widgettitle{



				background: #ff6600 none repeat scroll 0 0;



				font-weight: bold;



				color: #fff;



				font-size: 25px;



				margin: 0;



				line-height: 100%;



				padding: 15px 17px 10px;



			}



			#main.blog #sidebar ul{



				margin: 0;



				padding: 0;



			}



				#main.blog #sidebar ul li{



					font-size: 15px;



					border-bottom: 1px solid #cacaca;



					list-style-type: none;



					padding: 10px 10px 10px 17px;



				}



				#main.blog #sidebar ul li a{



					color: #6e6e6e;



				}



				#main.blog #sidebar ul li a:hover{



					color: #ff6600;



					text-decoration: none;



				}



	



/* ==========================================================================



   FOOTER STYLES



   ========================================================================== */



#footer{



	font-weight: 300;



	font-size: 15px;



}



	#footer a{



		color: #242424;



	}



	#footer a:hover{



		color: #0099ff;



	}



	#footer .footer-customers{



		text-align: center;



		padding: 0 0 55px 0;



	}



		#footer .footer-customers h2{



			margin: 0;



			color: #0099ff;



			font-weight: bold;



			font-size: 54px;



			line-height: 100%;



			padding-bottom: 37px;



		}



		#footer .footer-customers p.customers{



			margin: 0 -44px 0 0;



		}



		#footer .footer-customers p.customers img{



			display: inline-block;



			margin-right: 44px;



			margin-bottom: 14px;



		}



	#footer .footer-widgets{



		color: #1f1f1f;



		background: none #e1e1e1;



		padding-top: 37px;



		padding-bottom: 10px;



	}



		#footer .footer-widgets .widget{



			float: left;



			margin-right: 2.66667%;



			padding-bottom: 40px;



			width: 23%;



		}



		#footer .footer-widgets .widget:last-child{



			margin-right: 0;



		}



		#footer .footer-widgets .widget h2{



			color: #000000;



			font-weight: bold;



			font-size: 20px;



			margin: 0;



			padding-bottom: 15px;



		}



		#footer .footer-widgets .widgettitle{



			margin: 0;



			font-weight: bold;



			font-size: 20px;



		}



		#footer .footer-widgets ul{



			margin: 0;



			padding: 0;



		}



			#footer .footer-widgets ul li{



				line-height: 120%;



				list-style-type: none;



				padding-bottom: 12px;



			}



			#footer .footer-widgets ul li a{



			}



		#footer .footer-widgets .last-col{



		}



			#footer .footer-widgets .last-col h2{



				margin: 0;



				padding: 10px 0 7px 0;



			}



			#footer .footer-widgets .last-col p{



				margin-top: 0;



			}



			#footer .footer-widgets .last-col p.tel a{



				display: block;



				background: url('img/footer-tel.png') no-repeat 0 0 / contain;



				width: 260px;



				height: 66px;



				position: relative;



				text-decoration: none !important;



			}



			#footer .footer-widgets .last-col p.tel a strong{



				color: #cc0000;



				display: block;



				float: right;



				font-size: 22px;



				font-weight: bold;



				padding-top: 15px;



				width: 59%;



			}



			#footer .footer-widgets .last-col p.socials img{



				margin-right: 2px;



			}



			#footer .footer-widgets p.tel a span{}



			



	#footer .footer-copyright{



		text-align: center;



		padding: 20px 0;



	}



		#footer .footer-copyright p{



			margin: 0;



		}



		#footer .footer-copyright p span.sep{



			display: inline-block;



			padding: 0 5px;



			vertical-align: -1px;



		}



	



/* ==========================================================================



   SUPERFISH STYLES



   ========================================================================== */



.sf-menu, .sf-menu * {



	margin: 0;



	padding: 0;



	list-style: none;



}



.sf-menu li {



	position: relative;



}



.sf-menu ul {



	position: absolute;



	display: none;



	top: 100%;



	left: 0;



	z-index: 9999;



	background: none #000;



}



.sf-menu > li {



	list-style-type: none;



	line-height: 100%;



	display: inline-block;



}



.sf-menu li > ul{



	background: none #0f81c5;



	display: block;



	margin: 0;



	padding: 3px 0;



	text-align: center;



}



.sf-menu li.sfHover > ul, .sf-menu li:hover > ul{



	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;



	filter: alpha(opacity=50) !important;



	-moz-opacity: 1 !important;



	-khtml-opacity: 1 !important;



	opacity: 1 !important;



}



.sf-menu a {



	display: block;



	position: relative;



}



.sf-menu ul ul {



	top: 0px;



	left: 100%;



}



.sf-menu {



	line-height: 100%;



	padding: 0;



}



.sf-menu .sub-menu{



	display: none;



}



.sf-menu ul {



	min-width: 100%; /* allow long menu items to determine submenu width */



	*width: 12em; /* no auto sub width for IE7, see white-space comment below */



}



.sf-menu a {



	font-family: 'Nunito', sans-serif;



	font-size: 18px;



	font-weight: normal;



	color: #000;



	padding: 0;



	text-decoration: none;



	zoom: 1; /* IE7 */



}



.sf-menu li {



	background: none transparent;



	white-space: nowrap; /* no need for Supersubs plugin */



	*white-space: normal; /* ...unless you support IE7 (let it wrap) */



	-webkit-transition: background .2s;



	transition: background .2s;



}



.sf-menu > li {



	float: left;



	margin: 0 1px 0 0;



	padding: 0;



	position: relative;



}



.sf-menu > li:last-child{



	margin-right: 0;



}



.sf-menu > li  > a{



	color: #000;



    display: block;



    line-height: 100%;



    margin: 0;



    padding: 14px 20px;



    position: relative;



    text-align: center;



}



.sf-menu > li:first-child{



	margin-left: 0;



}



.sf-menu > li:last-child{



	margin-right: 0;



}



.sf-menu > li  > a:hover,



.sf-menu > li:hover  > a,



.sf-menu > li.sfHover  > a,



.sf-menu > li.current-menu-item  > a,



.sf-menu > li.current-page-ancestor  > a,



.sf-menu > li.current_page_parent > a{



	background: none #0f81c5;



	color: #fff;



}



.sf-menu ul li {



	border: none;



}



.sf-menu ul ul li {



}



.sf-menu li:hover,



.sf-menu li.sfHover {



	-webkit-transition: none;



	transition: none;



}



.sf-menu li li a{



	color: #fff;



	border-bottom: 1px solid #52a4d5;



	font-size: 16px;



	font-weight: 300;



    padding: 12px 25px !important;



    text-align: left;



	-webkit-transition: color 0s ease-in 0s;



    -moz-transition: color 0s ease-in 0s;



    -o-transition: color 0s ease-in 0s;



    transition: color 0s ease-in 0s;



}



.sf-menu li li a:hover,



.sf-menu li.current-menu-item li > a:hover,



.sf-menu li li.current-menu-item > a{



	color: #222;



}



.sf-menu li li:last-child a{



	border-bottom: none;



}















/* ==========================================================================



   Helper classes



   ========================================================================== */



.hidden {



    display: none !important;



}



.visuallyhidden {



    border: 0;



    clip: rect(0 0 0 0);



    height: 1px;



    margin: -1px;



    overflow: hidden;



    padding: 0;



    position: absolute;



    width: 1px;



}



.visuallyhidden.focusable:active,



.visuallyhidden.focusable:focus {



    clip: auto;



    height: auto;



    margin: 0;



    overflow: visible;



    position: static;



    width: auto;



}



.invisible {



    visibility: hidden;



}



.clearfix:before,



.clearfix:after {



    content: " "; /* 1 */



    display: table; /* 2 */



}



.clearfix:after {



    clear: both;



}















/* ==========================================================================



   Print styles.



   ========================================================================== */



@media print {



    *,



    *:before,



    *:after {



        background: transparent !important;



        color: #000 !important;



        box-shadow: none !important;



        text-shadow: none !important;



    }



    a,



    a:visited {



        text-decoration: underline;



    }



    a[href]:after {



        content: " (" attr(href) ")";



    }



    abbr[title]:after {



        content: " (" attr(title) ")";



    }



    a[href^="#"]:after,



    a[href^="javascript:"]:after {



        content: "";



    }



    pre,



    blockquote {



        border: 1px solid #999;



        page-break-inside: avoid;



    }



    thead {



        display: table-header-group;



    }



    tr,



    img {



        page-break-inside: avoid;



    }



    img {



        max-width: 100% !important;



    }



    p,



    h2,



    h3 {



        orphans: 3;



        widows: 3;



    }



    h2,



    h3 {



        page-break-after: avoid;



    }



}











/* Slider */



.slick-slider



{



    position: relative;



    display: block;



    -moz-box-sizing: border-box;



         box-sizing: border-box;



    -webkit-user-select: none;



       -moz-user-select: none;



        -ms-user-select: none;



            user-select: none;



    -webkit-touch-callout: none;



    -khtml-user-select: none;



    -ms-touch-action: pan-y;



        touch-action: pan-y;



    -webkit-tap-highlight-color: transparent;



}



.slick-list



{



    position: relative;



    display: block;



    overflow: hidden;



    margin: 0;



    padding: 0;



}



.slick-list:focus



{



    outline: none;



}



.slick-list.dragging



{



    cursor: pointer;



    cursor: hand;



}



.slick-slider .slick-track,



.slick-slider .slick-list



{



    -webkit-transform: translate3d(0, 0, 0);



       -moz-transform: translate3d(0, 0, 0);



        -ms-transform: translate3d(0, 0, 0);



         -o-transform: translate3d(0, 0, 0);



            transform: translate3d(0, 0, 0);



}

.slick-slider button {position: absolute; z-index: 99999; top: 40%;    border: none;
    background: transparent;font-size:0;}
.slick-slider button.slick-prev {left:10%;}
.slick-slider button.slick-prev:before {
    font-size: 40px;
    content: '<';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.slick-slider button.slick-next {right:10%;}
.slick-slider button.slick-next:before {
    font-size: 40px;
    content: '>';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.slick-track



{



    position: relative;



    top: 0;



    left: 0;



    display: block;



}



.slick-track:before,



.slick-track:after



{



    display: table;



    content: '';



}



.slick-track:after



{



    clear: both;



}



.slick-loading .slick-track



{



    visibility: hidden;



}



.slick-slide



{



    display: none;



    float: left;



    height: 100%;



    min-height: 1px;



}



[dir='rtl'] .slick-slide



{



    float: right;



}



.slick-slide img



{



    display: block;



}



.slick-slide.slick-loading img



{



    display: none;



}



.slick-slide.dragging img



{



    pointer-events: none;



}



.slick-initialized .slick-slide



{



    display: block;



}



.slick-loading .slick-slide



{



    visibility: hidden;



}



.slick-vertical .slick-slide



{



    display: block;



    height: auto;



    border: 1px solid transparent;



}



.slick-arrow.slick-hidden {



    display: none;



}











/* ==========================================================================



   Media Queries



   ========================================================================== */



@media only screen and (min-width : 1151px) {



	.mobile-nav-icon, #mobile-menu-container{



		display: none !important;



	}







}







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



	body{



		overflow-x: hidden;



	}



	button, input[type="text"], input[type="email"], select, textarea{



		max-width: 100%;



		width: 100%;



	}




#topbanner {background-size: 160% auto;}
#topbanner p {height:250px;}

	.holder,	#topslider .text-holder{



		width: 95% !important;



		margin: auto !important;



	}



	.mobile-nav-icon {



		background: #222 none repeat scroll 0 0;



		cursor: pointer;



		display: block !important;



		height: 45px;



		padding: 0;



		position: relative;



		text-align: left;



		width: 100%;



		z-index: 9999;



	}



		.mobile-nav-icon  .icon{



			background: url("img/nav-icon.jpg") no-repeat scroll 0 0;



			display: inline-block;



			height: 45px;



			width: 45px;



			margin: 0;



			vertical-align: 0;



			line-height: 100%;



		}



		.mobile-nav-icon  span{



			font-weight: 300;



			color: #fff;



			display: inline-block;



			font-size: 20px;



			margin-left: 12px;



			line-height: 100%;



			vertical-align: 16px;



		}



	#mobile-menu-container{



		background: none #000;



		display: none;



		width: 100%;



		z-index: 9999;



	}



		#mobile-menu-container ul#mobile-nav{



			background: none #000;



			padding: 15px 0 20px 0;



		}



		#mobile-menu-container ul{



			margin: 0;



			padding: 0;



		}



			#mobile-menu-container ul li{



				list-style-type: none;



			}



			#mobile-menu-container ul li a{



				font-weight: 300;



				font-size: 15px;



				color: #202121;



				font-weight: normal;



				display: block;



				padding: 6px 0 6px 20px;



				color: #fff;



				text-decoration: none;



			}



			#mobile-menu-container ul li li a{



				padding-left: 40px;



			}



			#mobile-menu-container ul li li li a{



				padding-left: 60px;



			}



			#mobile-menu-container ul li.current-menu-item > a,



			#mobile-menu-container ul li a:hover{



				color: #0099ff;



			}



	#topslider .text-content{



		height: 450px;



	}



	#topslider .text-content h1,



	#topslider .text-content h2 {



		font-size: 50px;



		line-height: 100%;



	}



	#topbanner h2{



		font-size: 40px;



		height: 285px;



		max-width: 325px;



		line-height: 100%;



	}



	#header .header-left{



		width: 250px;



	}



	#header .header-right {



		float: right;



	}



		#header .header-right #fb-like{



			top: 19px !important;



		}



	#main-nav{



		display: none;



	}



	#callnow-form .wpcf7 form{



		padding: 0 15px 10px;



	}



	#callnow-form .wpcf7 form p{



		font-size: 12px;



	}



	#callnow-form .wpcf7 form input[type="text"],



	#callnow-form .wpcf7 form input[type="email"],



	#callnow-form .wpcf7 form input[type="tel"],



	#callnow-form .wpcf7 form textarea{



		font-size: 12px;



		padding: 5px 3%;



	}



	#main #maincontent #pagetitle{



		font-size: 40px;



	}



}







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

#topbanner p {height: 200px;}

	#callnow-form .wpcf7 form input[type="submit"]{



		height: 57px;



	}



}







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

	#callnow-form .wpcf7 form{



		padding-bottom: 0;



	}

#topbanner p {height:180px;}

	#callnow-form .wpcf7 form p {



		font-size: 11px;



	}



	#callnow-form .wpcf7 form input[type="submit"] {



		height: 52px;



	}



	#callnow-form .wpcf7 form input[type="text"],



	#callnow-form .wpcf7 form input[type="email"],



	#callnow-form .wpcf7 form input[type="tel"],



	#callnow-form .wpcf7 form textarea{



		font-size: 11px;



		padding: 2px 3%;



	}



	#footer .footer-widgets .last-col p.tel a{



		width: 175px;



	}



	#footer .footer-widgets .last-col p.tel a strong{



		font-size: 15px;



		padding-top: 6%;



	}



}







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

#topbanner p {height:150px;}

	#callnow-form .wpcf7 form input[type="submit"] {



		height: 44px;



	}



}







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


	#header{



		padding-top: 5px;



	}

#topbanner p {height:130px;}

	#header .header-right #fb-like{



		top: 9px !important;



	}



	#header .header-left{



		float: none;



		margin: auto;



		width: 200px;



	}



	#header .header-right{



		float: none;



		margin: auto;



		padding-top: 10px;



		padding-bottom: 20px;



		width: 300px;



	}



	#topslider .text-content {



		height: 370px;



		max-width: 400px;



	}



	#topslider .text-content h1,



	#topslider .text-content h2 {



		font-size: 40px;



		line-height: 100%;



	}



	#topslider .text-content p {



		font-size: 17px;



	}



	#topbanner h2{



		font-size: 35px;



		height: 245px;



		max-width: 275px;



	}



	#header .header-right .tel{



		width: 100%;



		height: 81px;



	}



	#header .header-right .tel strong{



		font-size: 23px;



		right: 9px;



		top: 36px;



	}



	#main #maincontent #pagetitle{



		font-size: 35px;



	}



	#callnow-form{



		margin: auto;



		max-width: 340px;



		padding-bottom: 17px;



	}



	#callnow-form .wpcf7 form input[type="text"], #callnow-form .wpcf7 form input[type="email"], #callnow-form .wpcf7 form input[type="tel"], #callnow-form .wpcf7 form textarea{



		padding: 5px 3%;



	}



	#callnow-form .wpcf7 form input[type="submit"]{



		height: 54px;



	}



	#main.home #home-content3 .vc_col-sm-4{



		padding-top: 45px;



	}



	#main.home #our-services,



	#main.home #special-offers{



		text-align: center;



	}



	#main #maincontent{



		float: none;



		width: auto !important;



	}



	#main #sidebar{



		float: none;



		margin: auto;



		max-width: 350px;



		padding-top: 34px;



		width: auto;



	}



	#main #maincontent .content-bottom-widget.absolute{



		position: relative;



		bottom: auto;



		left: auto;



		width: auto;



	}



	#footer .footer-widgets .last-col p.tel a{



		width: 245px;



		margin: auto;



	}



	#footer .footer-widgets .last-col p.tel a strong{



		font-size: 21px;



		padding-top: 6%;



	}



	#footer .footer-widgets .widget {



		float: none;



		margin: auto !important;



		padding-bottom: 40px;



		text-align: center;



		width: auto;



	}

#home-content1 > .holder{display:flex; flex-direction: column;}
#home-content1 > .holder>.vc_col-sm-4 {order:0;}
#home-content1 > .holder>.vc_col-sm-8 {order:10;}

}







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


#topbanner p {height: 120px;}
	#topslider .text-content {



		height: 300px;



		max-width: 300px;



	}



	#topslider .text-content h1,



	#topslider .text-content h2 {



		font-size: 30px;



	}



	#topslider .text-content p {



		font-size: 15px;



	}



	#main.blog #maincontent .blogitem .featuredimg{



		margin-bottom: 12px;



		margin-right: 15px;



		max-width: 50%;



	}



	h1.pagetitle{text-align: center;}



	#footer .footer-customers h2{



		font-size: 35px;



	}



}







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

#topbanner p {height: 110px;}

	#topslider .text-content {



		height: 220px;



		max-width: 240px;



	}



	#topslider .text-content h1,



	#topslider .text-content h2 {



		font-size: 25px;



		padding-bottom: 9px;



	}



	#topslider .text-content p {



		font-size: 13px;



	}



	#topbanner h2{



		font-size: 26px;



		height: 190px;



		max-width: 210px;



	}



	#header .header-right {



		width: 240px;



	}



#header .header-right .tel strong{font-size:18px;top: 28px;}



	#footer .footer-customers h2{



		font-size: 30px;



	}



	#footer .footer-customers h2 img{



		display: inline-block;



		width: 26px;



	}



}







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



}







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



}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}