/*
Theme Name:     Canvas Child
Theme URI:      
Description:    Child theme for the Canvas theme
Author:         Jezweb
Author URI:     http://www.jezweb.com.au/
Template:       canvas
Version:        0.1.0
*/

/* General element styles i.e., header, navigation, content, sidebar widgets, sliders and galleries. */
body.full-width #header, #nav-container, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer{
	padding-left:0;
	padding-right:0;
}
	.vc_row.wpb_row.vc_row-fluid.vc_custom_1467301796342.vc_row-o-content-middle.vc_row-flex {
		margin-left: -15px!important;
	}
body {	
	line-height: 30px;
	overflow-x:hidden;
}
.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
	background: transparent!important;
	border: none!important;
	padding: 0!important;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	font-family: 'Rajdhani', sans-serif;
}
#content{
	padding:0;
	background: #FFF;
}

#inner-wrapper{footer-container
	padding:0;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	line-height:1em;
	margin:16px 0;
}

.widget {
	margin:0;
}

.comingsoon{
	font-weight:bold;
	color:#fc0505;
	font-style:italic;
}



/* Header Styles (Logo, header elements, widgets, etc.) */
body{
	position: relative;
}

#top {
	background: transparent!important;
}
#top .col-full{
	width: auto!important;
	float: right;
	margin-right: 200px;
	margin-top:35px;
}

#top ul.nav li a {
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
}

#top ul.nav > li a:hover,#top ul.nav > li:hover {
	background: transparent!important;
	color: #eb6d36;
}
header.col-full {
	max-width: 2000px!important;
	width: 100%;
}

#logo {
	margin: 20px 100px;
}

#header{
	margin:0 auto;
	padding: 20px 0!important;
	background: transparent;
}

#header-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 5;
}
.vc_row.wpb_row.vc_row-fluid.banner-section{
	position: relative;
	z-index: 2;
	height: 920px;
	background-position: center top!important;
}

.banner-text1 {
	font-size: 26px!important;
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
	color: #FFF!important;
	padding-top: 450px;
	font-weight: 400!important;
}


.banner-text3 {
	font-size: 26px!important;
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
	color: #FFF!important;
	padding-top: 250px;
	font-weight: 400!important;
}


.banner-text2 {
	font-size: 90px!important;
	line-height: 80px!important;
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
	color: #FFF!important;
	font-weight: 400!important;
}
.banner-text1.contact-page {
	padding-top: 250px!important;
	font-weight: 400!important;
}
.banner-text1.services-page {
	padding-top: 150px!important;
	font-weight: 400!important;
}


.banner-text2.contact-page {
	padding-top: 250px!important;
	font-weight: 400!important;
}

.banner-text2.contact-page h1{
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
	color: #FFF!important;
	font-size: 70px!important;
	line-height: 50px!important;
	font-weight: 400!important;
}

.banner-button .vc_btn3.vc_btn3-size-lg {
	font-size: 24px!important;
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
	font-weight: bold;
	widt: 270px;
	height: 100px;

	padding: 35px 25px;
}
.banner-button .vc_general.vc_btn3:hover {
	background: #4466a1!important;
}



.vc_row.wpb_row.vc_row-fluid.banner-section2{
	position: relative;
	z-index: 2;
	height: 575px;
}

.vc_row.wpb_row.vc_row-fluid.banner-section2{
	background-position: center top!important;
}


/* Navigation Styles (Main Menu) */
#nav-container::before {
	content: "MENU";
	color: #FFF;
	font-size: 32px;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;
	position: absolute;
	top: 35%;
	left: 30px;
	z-index: 999991;

}
#nav-container {
  background: #151718;
  width: 460px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0px;
  top: -480%;
  transition: top 0.3s linear;
  z-index: 99;
}

#navigation {
	background: #4466a1;
}
#nav-container.visible {
  top: 0;
  transition: top 0.3s linear;
}
.fa-navicon,.fa-times {
	width:180px;
	font-weight: bold;
	font-size: 20px;
}
.fa-navicon::before {
	content: "MENU";
	font-family: 'Rajdhani', sans-serif;
	display: inline-block;
	vertical-align: top;
}
.fa-navicon::after {
	content: "\f0c9";
	display: inline-block;
	vertical-align: top;
}

.fa-times::before {
	content: "CLOSE";
	font-family: 'Rajdhani', sans-serif;
	display: inline-block;
	vertical-align: top;
}
.fa-times::after {
	content: "\f00d";
	display: inline-block;
	vertical-align: top;
}

.nav-toggle-button{
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  cursor: pointer;
  margin: 20px;
  position: absolute;
  right: 150px;
  top: 50px;
  bottom: 0;
  z-index: 999;

  color: #eb6d36;
  font-size: 14px;
}

#navigation ul {
	width: 100%;
	margin-top: 140px;
	padding-top: 50px;
	border-top:1px solid #5584d5;
}


#navigation ul.nav > li {
	float: none;
	display: block;
	vertical-align: top;
}

#navigation ul.nav li a{
	font-family: 'Rajdhani', sans-serif;
	font-size: 26px;
	color: #FFF;
	padding-bottom: 10px!important;
	padding-top: 10px!important;
}
#navigation #main-nav.nav > li a:hover, #navigation  #main-nav.nav > li:hover, #navigation  #main-nav.nav li ul, #navigation  #main-nav.nav li.current_page_item a, #navigation  #main-nav.nav li.current_page_parent a, #navigation  #main-nav.nav li.current-menu-ancestor a, #navigation  #main-nav.nav li.current-cat a, #navigation #main-nav.nav li.current-menu-item a {
	background: #355283;
	color: #eb6d36;
}
/*
#nav-container{
	background: none;
	float: right;
	max-width: 460px;
	width: 100%;
}

#navigation {
	background: none;

}


#navigation ul.nav > li {
	float: none;
	display: block;
	vertical-align: top;
}

#navigation ul.nav li{
	background: none;
	
}
#navigation ul.nav li a:hover{
	background: none!important;
	
}

*/

/* Navigation Styles (Sub Menu) */

#navigation ul.nav ul{
	position: relative!important;
	background:#3b5a8f;
	width:100%;
	padding-top: 0px!important;
	padding-left: 40px;
	box-sizing:border-box;
	display: block!important;
	left: 0!important;
	visibility: visible!important;
}
#navigation ul.nav li > ul li a{
	font-size: 14px;
	text-transform: uppercase;
	color:#FFF!important;
}
#navigation ul.nav li ul li a:hover,ul.nav ul li.current_page_item a, ul.nav ul li.current_page_parent a, ul.nav ul li.current-menu-ancestor a, ul.nav ul li.current-cat a, ul.nav ul li.current-menu-item a, #navigation ul.cart .cart_list a{
	color:#FFF;
	text-decoration:none!important;
	
}

#navigation ul.nav > li a:hover, #navigation ul.nav > li:hover a, #navigation ul.nav li ul li a, #navigation ul.cart > li:hover > a, #navigation ul.cart > li > ul > div, #navigation ul.cart > li > ul > div p, #navigation ul.cart > li > ul span, #navigation ul.cart .cart_list a, #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a{
	color:#FFF;
}

#navigation ul.nav > li.current-menu-item a, #navigation ul.nav > li.current-menu-item a, #navigation ul.nav li ul li.current-menu-item a{
	color:#FFF;
}
/* Banner Area */

/* Middle Area (General styles) */



/* Content Area (General styles) */

#content .flexslider {
background: none !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
}


.vc_row.wpb_row.vc_row-fluid.content-section {
	background-position: center bottom!important;

}
.content-section h1, .page-title-section h2, .page-title-section h1{
	text-transform: uppercase;
	font-weight: 600!important;
}

.content-section small{
	font-size: 16px!important;
	line-height: 35px;

}

.content-section p.num a{
	font-size: 42px!important;
}

.page-title-section .wpb_content_element h2{
	font-size: 42px!important;
}

.page-title-section .wpb_content_element{
	margin-bottom: 0!important;
}

.wpb_text_column.wpb_content_element.services-section-title {
	height: 400px;
	max-width: 100%;
	position: relative;
	margin-top: 15px;
}

.vc_row.wpb_row.vc_row-fluid.services-section{
	margin-top:-300px;
}
.vc_row.wpb_row.vc_row-fluid.services-section2{

	margin-top:0!important;
}
.services-section {
	text-align: center;
}

.services-col1 {
	width: 400px;
	max-width: 100%;
}

.services-col2
{
	width: 800px;
	max-width: 100%;
}

.services-col1, .services-col2{
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 15px 0;
	height: 400px;
}

.services-section .vc_column_container > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

.services-section-title h2{
	font-weight: 400;
	color: #FFF;
	padding: 0 20px 0 10px;
	text-align: left;
	position: absolute;
	bottom: 50%;
	text-transform: uppercase;
	left: 10px;
	max-height: 100px;
}

.services-section-image {
	position: relative;
	margin-top: 15px;
}

.services-section-image .vc_figure-caption {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 3;

	font-size: 26px;
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;

}
.services-section-thumb-container {
	text-align: center;
}
.services-section-thumb {
	position: relative;
	margin-top: 15px;
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px;
}

.services-section-thumb .vc_figure-caption {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 3;

	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;
	width: 142px;
	display:block;
}

.services-section-image.item2 .vc_figure-caption {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 3;

	font-size: 16px;
	color: #FFF;
	text-transform: none;
	padding: 5px 20px;
	box-sizing: border-box;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;

}
.services-section-thumb.item2 .vc_figure-caption {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	z-index: 3;

	text-transform: none;
	font-size: 16px;
	color: #FFF;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;
	width: 100%;
	padding: 5px 20px;
	box-sizing: border-box;
	display:block;
}


.projects-section .vc_column_container > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

.projects-section {
	position: relative;
}

.projects-section-title h2 {
	position: absolute;
	right: 15px;
	top:20px;
	font-weight: 400;
	color: #FFF;
	line-height: 400px;
	padding: 0 20px;
	text-align: left;

	z-index: 3;
	width: 400px;
	height: 400px;
	background: url(images/services-box1.jpg);
}

.projects-section-title2 h2 {
	top:55px!important;
	
}

.project-image {
	position: relative;
}
.project-image h2 {
	width: auto;
	height: auto;

	left: 30px;
	position: absolute;
	top: 75%;
	background: transparent;
	text-transform: uppercase;
	line-height: 1.2em;
	z-index: 99;

	font-size: 16px!important;
	color: #FFF!important;
	font-weight: 400!important;
}

.project-image .vc_figure-caption {
	font-size: 42px;
	color: #FFF;
	font-weight: 400;
	font-family: 'Rajdhani', sans-serif;
	text-transform: uppercase;
	left: 30px;
	position: absolute;
	top: 80%;
	line-height: 1.1em;
}

.projects-section .slick-dots{

	left: 15px;
	right: auto;
	z-index: 999;
	text-align: left!important;
	transform: translateY(0px)!important;
	margin:0 30px!important;
}

.projects-section .vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) {
	padding-bottom: 0!important;
}


.projects-section i.ultsl-record {
	color: #FFF!important;
}
.testimonials-section  h3{
	font-size: 24px;
	font-weight: 400;
	color: #4466a1;
	text-transform: uppercase;
}
.wpb_content_element.city-image {
	margin-bottom: 0!important;
}
.wpb_single_image.city-image img {
	max-width: 2713px!important;
	height: 248px!important;
}


.contact-page {
	margin-top: 15px;
}
.contact-page a{
	font-family: 'Rajdhani', sans-serif!important;
	font-weight: 500;
	font-size: 24px;
}

.contact-page h2{
	text-transform: uppercase;
	font-weight: 600;

}

.entry .contact-page img, .contact-page img.thumbnail, .contact-page #portfolio .group.portfolio-img img{
	padding-bottom: 30px!important;
}
/* Single Post and Blog Page styles */

.single .post-meta, .single #post-author, .single article #connect, .single .post-utility {
	display: none;
}


/* Archive and Category Page styles */



/* Sidebar elements (left or right sidebars, widgets) */

#row-main .vc_col-xs-1, #row-main .vc_col-sm-1, #row-main .vc_col-md-1, #row-main .vc_col-lg-1, #row-main .vc_col-xs-2, #row-main .vc_col-sm-2, #row-main .vc_col-md-2, #row-main .vc_col-lg-2, #row-main .vc_col-xs-3, #row-main .vc_col-sm-3, #row-main .vc_col-md-3, #row-main .vc_col-lg-3, #row-main .vc_col-xs-4, #row-main .vc_col-sm-4, #row-main .vc_col-md-4,#row-main  .vc_col-lg-4,#row-main .vc_col-xs-5, #row-main .vc_col-sm-5, #row-main .vc_col-md-5, #row-main .vc_col-lg-5, #row-main .vc_col-xs-6, #row-main .vc_col-sm-6, #row-main .vc_col-md-6, #row-main .vc_col-lg-6, #row-main .vc_col-xs-7, #row-main .vc_col-sm-7, #row-main .vc_col-md-7, #row-main .vc_col-lg-7, .vc_col-xs-8, #row-main .vc_col-sm-8, #row-main .vc_col-md-8, #row-main .vc_col-lg-8, #row-main .vc_col-xs-9, #row-main .vc_col-sm-9, #row-main .vc_col-md-9, #row-main .vc_col-lg-9, #row-main .vc_col-xs-10, #row-main .vc_col-sm-10, #row-main .vc_col-md-10, #row-main .vc_col-lg-10, #row-main .vc_col-xs-11, #row-main .vc_col-sm-11, #row-main .vc_col-md-11, #row-main .vc_col-lg-11, #row-main .vc_col-xs-12, #row-main .vc_col-sm-12, #row-main .vc_col-md-12, #row-main .vc_col-lg-12{
	padding:0;
	float:none;
}


/* Footer elements styles */

#footer {
	background: url(images/footer-bg.jpg) no-repeat center top;
	background-size: cover;
}
#footer #copyright {
  margin-bottom: 0px;
  margin-top: 5px;
}
#footer, #footer p{
	color: #FFF!important;
	font-size: 10px!important;
}
#footer #copyright p,
#footer #copyright a {
  display: inline-block;
}
.footer-form {
	background: #edeff3;
	-webkit-box-shadow: 0px 0px 28px 4px rgba(0,0,0,0.52);
	-moz-box-shadow: 0px 0px 28px 4px rgba(0,0,0,0.52);
	box-shadow: 0px 0px 28px 4px rgba(0,0,0,0.52);
}

#footer-widgets {
	border-top: 1px solid #6d88b8!important;
}

#footer-widgets .block {
	padding-top: 10px;
	margin-right: 0;

}

#footer-widgets.col-3 .block:first-child {
	width: 390px;
	max-width: 100%;
}
#footer-widgets.col-3 .block:nth-child(2) {
	width: 580px;
	max-width: 100%;
}
#footer-widgets.col-3 .block:nth-child(3){
	width: 225px;
	max-width: 100%;
}
.footer-widget-1 h3, .footer-widget-2 h3 ,.footer-widget-3 h3{
	font-size: 18px!important;
	font-family: 'Rajdhani', sans-serif;
	padding-bottom: 15px;
	color: #FFF!important;
	margin-bottom: 25px;
	border-bottom: 1px solid #6d88b8!important;
}


#footer-widgets .textwidget, #footer-widgets p, #footer-widgets a{
	color: #aac9ff!important;
	font-size: 14px!important;
	line-height: 25px!important;
	
}
.footer-widget-1 .textwidget {
	padding-right: 40px;
}

.footer-widget-3 .textwidget strong{
	color: #FFF!important;
}
 #footer-widgets ul#menu-services{
 	list-style: none!important;
 	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
 }

#footer-container {
	border-top: 1px solid #6d88b8!important;
	padding-top: 20px;
}


#footer-links ul{
	list-style: none!important;
}
#footer-links ul li {
	display: inline-block;
	vertical-align: top;
}

#footer-links ul li a{
	color: #aac9ff!important;
	font-size: 10px!important;
	border-right: 1px solid #aac9ff;
	padding: 0 10px;
}

#footer-links ul li:last-child a{

	border-right: none!important;
}
/* Slider and Gallery styles (not necessary if gallery page is part of the sitemap, hence refer to page specific styles section) */


/* Page specific styles goes here i.e. homepage, about page, contact page, service page, etc. */


/* Homepage styles */



/* Other Page styles */

/* Sponsors Page styles */


/* Contact Page styles */
	.gform_wrapper {
		margin: 1em auto!important;
	}
.contact-form .gform_wrapper label.gfield_label + div.ginput_container{
	margin-top: -0.625em;
	padding: 5px 10px!important;
}
.contact-form .gform_wrapper .gform_footer{

	padding: 5px 10px!important;
	text-align: center;
}
#gform_1 label{
	display: none!important;
}

.contact-form h3.gform_title{
	font-size: 32px!important;
	color: #0071bc;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Rajdhani', sans-serif;

	font-weight: 400!important;
}
.contact-form ul li, .contact-form ul li.gfield_contains_required{
	width: 50%!important;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;

}

.contact-form-box{
	width: 840px;
	max-width: 100%;

	margin: 50px auto 20px;
	text-align: center;

	padding: 80px 0;
}
.contact-form ul li#field_1_5{
	width: 100%!important;
	max-width: 100%;
}
.contact-form input{
	width:100%!important; 
	height:50px!important; 
	border-radius:3px;
	margin:5px 0;
	font-size:16px;
	color: #000;
	font-family: 'Rajdhani', sans-serif;
	padding: 10px!important;

}
.contact-form textarea{
	width:100%!important; 
	min-height:120px!important; 
	max-height:120px!important; 
	padding: 10px!important;
	border-radius:3px;
	margin:5px 0;
	font-size:16px;
	color: #000;
	text-align: left;

	font-family: 'Rajdhani', sans-serif;
}

.contact-form input[type="submit"]{
	width:270px!important; 
	max-width:100%!important; 
	height:100px!important; 
	background:#eb6d36;
	font-weight: bold;
	display: block;
	margin: -20px auto 0;
	font-family: 'Rajdhani', sans-serif;

	font-size: 24px!important;
	border-radius: 50px;
}

.contact-form input[type="submit"]:hover{
	background:#182a5a;
}

.contact-form #gform_confirmation_message_1 {
	margin: 30px 0;
	font-size: 24px;
	color: #428bca;
}

/* Responsive styles goes here */

	

/* This style is to override the default styles of navigation and inner-wrapper element for tablet and ipad screens. */


@media only screen and (max-width:1200px) {
	#footer-widgets.col-3 .block:first-child, #footer-widgets.col-3 .block:nth-child(2), #footer-widgets.col-3 .block:nth-child(3) {
		margin: 0 20px 20px;
		text-align: left;
	}

	#footer-widgets {
		text-align: center;
	}

	#footer-widgets .block {
		display: inline-block;
		vertical-align: top;
		float:none;
	}

}


@media only screen and (max-width:1005px) {
	#top .col-full {
		margin-top: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width : 979px) {
		footer .container{
		max-width:100%;
	}
	

	#footer #copyright, #footer #footer-links {
	  float: none!important;
	  text-align: center!important;
	}

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

	html.csstransforms3d.csstransitions #inner-wrapper {
		left: 0 !important;
		-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);
		-webkit-transition: -webkit-transform 200ms ease;
		-moz-transition: -moz-transform 200ms ease;
		-o-transition: -o-transform 200ms ease;
		transition: transform 200ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	html.csstransforms3d.csstransitions .show-nav #inner-wrapper {
		-webkit-transform: translate3d(80%, 0, 0);
		-moz-transform: translate3d(80%, 0, 0);
		-ms-transform: translate3d(80%, 0, 0);
		-o-transform: translate3d(80%, 0, 0);
		transform: translate3d(80%, 0, 0);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}
	html.csstransforms3d.csstransitions #navigation {
		clear: both;
		width: 80%;
		left: -80%;
		position: absolute;
		top: -105px;
		min-height: 100%;
		z-index: 9000;
		padding-top: 4.236em;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	html.csstransforms3d.csstransitions .show-nav #navigation {
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		background:#000;
	}
	.nav-toggle-button {
		display: none!important;
	}
	#nav-container {
	  background: transparent;
	  width: 100%;
	  height: 100%;
	  display: block;
	  position: relative;
	  left: 0px;
	  top: -105px;
	  transition: top 0.3s linear;
	  z-index: 999;
	}


#nav-container::before {
	content: " ";


}
	#navigation ul {
		width: 100%;
		margin-top: 0;
		padding-top: 0;
		border-top:1px solid #5584d5;
	}

	#top {
		margin-top: 50px!important;
	}


	body .nav-toggle, body .nav-close, body .nav-home {
		display: block !important;
		margin:0;
	}

	.col-full, #wrapper {
		background: #013571;
	}


	.banner-text1.services-page {

	    padding-top: 200px!important;

	}

	.banner-text3 {

	    padding-top: 200px!important;

	}
	.vc_row.wpb_row.vc_row-fluid.banner-section2 {
		height: auto!important;
		background-size:cover;
		min-height: 300px;
	}

	.vc_row.wpb_row.vc_row-fluid.banner-section{
		position: relative;
		z-index: 2;
		height: auto!important;
		background-size:cover;
	}

	.banner-section2 .banner-text2{

		font-size: 60px!important;
		line-height: 70px!important;
	
	}
	#main-sidebar-container {
		margin-top:0;
	}

	#other-page-header{
		margin-top: 0;
	}

	.projects-section .vc_column_container > .vc_column-inner, .testimonials-section .vc_column_container > .vc_column-inner , .services-section .vc_column_container > .vc_column-inner{
		padding-left: 15px;
		padding-right: 15px;
	}

	#logo{
		float:none;
		text-align:center;
		margin:10px;
		display:block;
	}

	.nav-home span {
		display: none!important;
	}

	.nav-toggle, html.csstransforms3d.csstransitions .show-nav #navigation {
		background: #013571;
	}

	#nav-container {
		margin: 0!important;
	}

	#navigation li{
		width: 100%;
		display: block;
		text-align: left;
	
	}

	#navigation li a{
		border-bottom:1px solid #0D0D0D;
		padding:15px;
	}

	#main-nav li:hover{
		background:none!important;
	}
	
	#navigation ul.nav > li a:hover {
	    color:#FFF!important;
	    text-decoration:none;
	}

	#navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents{
		background: #001a52;
	}

	#navigation h3{
		font-size:2em;
		padding:10 15px !important;
		color:#FFF;
	}

	#navigation ul.nav > li a:hover {
    background: none; 
    color:#79a0ea;
	}

	#navigation ul.nav ul{
		background:#121212!important;
		opacity:0.9;
		width:21em;
	}

	ul.nav li ul li a{
		padding-left:40px!important ;
		padding-right:10px!important ;
		color:#FFF!important;
		text-indent:0!important;
	}

	#navigation ul.nav > li a:hover, #navigation ul.nav > li:hover a, #navigation ul.nav li ul li a, #navigation ul.cart > li:hover > a, #navigation ul.cart > li > ul > div, #navigation ul.cart > li > ul > div p, #navigation ul.cart > li > ul span, #navigation ul.cart .cart_list a, #navigation ul.nav li.current_page_item a, #navigation ul.nav li.current_page_parent a, #navigation ul.nav li.current-menu-ancestor a, #navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a{
	color:#FFF!important;
	}
	#navigation ul.nav li ul li a:hover,ul.nav ul li.current_page_item a, ul.nav ul li.current_page_parent a, ul.nav ul li.current-menu-ancestor a, ul.nav ul li.current-cat a, ul.nav ul li.current-menu-item a, #navigation ul.cart .cart_list a{
		background:#313131!important;
		text-decoration:none!important;
	}

	#navigation ul ul{
		margin:0;
	}
	#navigation ul.nav ul{
		background:#050505;
		opacity:1;
		width:100%;
	}

	.contact-form-box {
		padding: 80px 0px;
	}
	.projects-section h2 {

		z-index: 3;
		width: 300px;
		height: 300px;
		min-height: 300px;

	}



}


@media only screen and (max-width : 768px) {
	
	#content-area{
		margin-top:0!important;
		background:none!important;
	}
	.wpb_column {
		margin-bottom:30px;
	}

	.projects-section h2 {
		position: relative;
		right: 0;
		top:0;
		font-weight: 400;
		color: #FFF;
		line-height: 400px;
		padding: 0 20px;
		text-align: left;

		z-index: 3;
		width: 100%;
		height: auto;
		min-height: 400px;
		background: url(images/services-box1.jpg);
	}

	.project-image h2 {
		display: none;
	}

		.project-image .vc_figure-caption {
		font-size: 28px;

		line-height: 1em;

			transform: translateY(-50%);
		top: 50%;
	}
	.projects-section-title h2 {
		top: 0!important;
	}



}

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

	body.full-width #header, body.full-width #content, body.full-width #footer-widgets, body.full-width #footer{
		padding-left:15px;
		padding-right:15px;
	}
	#wpadminbar {
		top:-46px!important;
	}
	.banner-text1 {
		padding-top: 200px;
	}

	.banner-text2 {
		font-size: 40px!important;
		line-height: 50px!important;
	}

	.vc_row.wpb_row.vc_row-fluid.banner-section {
		height: auto;
	}
	.banner-text1 {
		font-size: 20px!important;
	}
	.services-col1, .services-col2{
		margin: 0 0;
		height: auto;
	}


	.wpb_text_column.wpb_content_element.services-section-title, .wpb_text_column.wpb_content_element.projects-section-title, .projects-section-title h2 {
		background-image: none!important;
		color: #0071bc!important;
		height: auto!important;
	}

	.wpb_text_column.wpb_content_element.services-section-title h2, .wpb_text_column.wpb_content_element.projects-section-title h2{
	
		color: #0071bc!important;
	}
	.services-section-title h2, .projects-section-title h2{
		left: 0;
		right: 0;
		text-align: center!important;
		line-height: 1em!important;
		min-height: 0!important;
		padding: 0!important;
	}

	.ult-carousel-wrapper {
		margin-bottom: 0!important;
		padding-bottom: 0!important;
	}

	#footer-widgets.col-3 .block:first-child {

		max-width: 90%;
	}
	#footer-widgets.col-3 .block:nth-child(2) {

		max-width: 90%;
	}
	#footer-widgets.col-3 .block:nth-child(3){

		max-width: 90%;
	}

	.bottom-image {
		display: none!important;
	}
	.ult-carousel-wrapper.testimonials-section-slide.ult_horizontal {
		padding:0!important;
		margin-top: -45px!important;
	}

		.entry h1{
		 font-size: 34px!important;
	}
	.entry h2, .entry .other-page h2{
		 font-size: 30px!important;
	}
	.entry h3{
		 font-size: 26px!important;
	}
	.entry h4{
		 font-size: 22px!important;
	}
	.entry h5{
		 font-size: 18px!important;
	}
	.entry h6{
		 font-size: 14px!important;
	}

	.item2 {
		margin-top: 40px!important;
	}
	.services-section-image {
		margin-top: 40px!important;
	}
	.wpb_single_image.wpb_content_element.vc_align_left.services-section-image{
		margin-bottom: 0!important;
	}

	.vc_row.wpb_row.vc_row-fluid.content-section.vc_row-has-fill {
		padding-bottom:0!important;
		background-image: none!important;
	}

	.vc_row.wpb_row.vc_row-fluid.testimonials-section.vc_row-has-fill {
		margin-top: 0!important;
	}

	.vc_row.wpb_row.vc_row-fluid.services-section{
		
		margin-top:0!important;
	}
}
/*@media only screen and (max-width : 320px) {
	.vc_row.wpb_row.vc_row-fluid.banner-section2.vc_row-has-fill {
		background-image: none!important;
		background-color: #0e0e78!important;
	}
}*/

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

	html.csstransforms3d.csstransitions .show-nav #inner-wrapper {
		-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);
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	html.csstransforms3d.csstransitions #inner-wrapper {
		left: 0 !important;
		-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);
		-webkit-transition: -webkit-transform 200ms ease;
		-moz-transition: -moz-transform 200ms ease;
		-o-transition: -o-transform 200ms ease;
		transition: transform 200ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}	
    body {
        border: 0 !important;
    }
    #wrapper #header {
        position: static;
        padding: 20px 0;
    }
    #header #logo {
        float: none;
        text-align: center;
        padding: 0 12px;
    }
    h3.nav-toggle {
        background: #000000;
        border-bottom: 0;
        height: 60px;
        line-height: 60px;
        padding: 0;
    }
    h3.nav-toggle:before {
        font-weight: normal;
        color: #FFFFFF;
        margin-left: 15px;
        text-shadow: none;
        border-right: 0;
        display: inline-block;
        padding: 0;
        font-size: 30px;
    }
    h3.nav-toggle a {
        display: none;
    }
    .header-widget .header-right-details {
        background: none;
        width: 0;
        height: 0;
        margin: 0;
    }
    .header-widget .widget p,
    .header-widget .widget .textwidget {
        font-size: 0 !important;
    }
    .header-widget .widget a.email-top {
        font-size: 0;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        position: absolute;
        top: 12px;
        right: 55px;
        line-height: 30px;
        text-align: center;
        background: none;
        border: 2px solid #FFFFFF;
        text-decoration: none;
    }
    .header-widget .widget a.email-top:before {
        content: "\f0e0";
        font-family: FontAwesome;
        font-size: 18px;
        color: #FFFFFF;
    }
    .header-widget .widget a.phone-top {
        font-size: 0;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        position: absolute;
        top: 12px;
        right: 100px;
        line-height: 30px;
        text-align: center;
        background: none;
        border: 2px solid #FFFFFF;
        text-decoration: none;
    }
    .header-widget .widget a.phone-top:before {
        content: "\f095";
        font-family: FontAwesome;
        font-size: 20px;
        color: #FFFFFF;
    }
    body.show-nav #inner-wrapper {
        left: 0;
    }
    .csstransforms3d.csstransitions body #wrapper #navigation {
        width: 280px;
        left: 0;
        padding-top: 60px;
        z-index: 99999;
        background: rgba(255, 255, 255, 0.95) !important;
        transition: left 0.3s;
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
    }
    .csstransforms3d.csstransitions body.show-nav #wrapper #navigation {
        left: 280px;
        box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
    }
    #navigation .menus h3 {
        display: block;
        font-size: 16px;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        height: 60px;
        line-height: 60px;
        width: 100%;
        z-index: -1;
        text-align: center;
        background: #000000;
        color: #FFFFFF;
        text-transform: uppercase;
    }
    #navigation .nav-home,
    #navigation .nav-close {
        height: 30px;
        width: 30px;
        font-size: 15px;
        padding: 0;
        top: 14px;
        left: 12px;
        background: #FFFFFF;
        color: #000000;
        border-radius: 0px;
    }
    #navigation .nav-home:before,
    #navigation .nav-close:before {
        line-height: 30px;
    }
    #navigation .nav-home {
        left: auto;
        right: 12px;
    }
    #wrapper #navigation .menus ul.nav li {
        padding: 0;
        display: block;
        background: none !important;
    }
    #wrapper #navigation .menus ul.nav li a {
        font-family: Myriad Pro, sans-serif;
        font-size: 15px;
        padding: 12px 15px !important;
        margin: 0;
        color: #444444 !important;
        text-decoration: none;
        border-right: 0 !important;
        border-bottom: 1px solid #F2F2F2;
        background: none !important;
    }
    #navigation ul.nav li ul.sub-menu {
        visibility: visible;
        left: auto;
        position: relative;
        padding: 0;
        margin: 0;
        background: none !important;
        width: auto;
    }
    #navigation ul.nav li ul.sub-menu li {
        border: 0 !important;
    }
    #wrapper #navigation .menus ul.nav li ul li a {
        background: none;
        padding-left: 30px !important;
    }
    #footer #copyright {
        text-align: center;
        float: none;
        padding-bottom: 15px;
    }
    #footer #credit {
        text-align: center;
        float: none;
    }
	h3.top-menu,.widget_woo_subscribe .social {
		display: none !important;
	}
	#wrapper #navigation .menus ul.nav li a {
    text-transform: capitalize !important;
	}
body.full-width .nav-toggle {
    display: none !important;
}
#header-container {
    position: relative !important;
    background: #ffffff !important;
    padding-top: 20px !important;
}

.banner-button .vc_btn3.vc_btn3-size-lg {
    height: auto !important;
    padding: 15px 30px !important;
}

#footer-widgets {
    text-align: left !important;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.entry h3 {
    text-align: left !important;
}

.contact-form-box {
    padding-top: 20px !important;
	padding-bottom: 20px !important;
    margin: 0px !important;
}

.gform_wrapper h3.gform_title {
    margin: 0px !important;
    padding-bottom: 0px !important;
}

.contact-form input[type="submit"] {
    padding: 15px 20px !important;
    height: auto !important;
}

.services-section .wpb_single_image {
	margin-bottom: 20px;
}

}

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

button#responsive-menu-button {
    right: 0px !important;
    top: 0px !important;
}
.social {
    font-size: 30px;
}

}

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

.banner-text1 {
    padding-top: 50px !important;
}

.banner-section {
	position: relative;
}

.banner-section:before {
    content: "";
    background: rgba(0, 0, 0, 0.37);
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block !important;
}

.banner-section .vc_column-inner {
	position: relative;
	z-index: 999;
}

.banner-text1 {
    font-size: 16px !important;
    line-height: 20px !important;
}

.banner-text2 {
    font-size: 30px!important;
    line-height: 40px !important;
}

}

@media only screen and (max-width: 450px) {
	
	.services-section .services-items img {
		width: 150px;
		height: 150px;
	}
	
	.services-section-thumb .vc_figure-caption {
		font-size: 14px !important;
		line-height: 16px !important;
	}
	
}

.content-section p.num1 a{
	font-size: 42px!important;
}

@media only screen and (min-width: 450px) {
.content-section p.num1 a{
	margin-left: 67px;
}
}
@media only screen and (min-width: 768px){
ul.nav {
    margin-top: -100px;
}
.widget_woo_subscribe .social {
    text-align: center;
    margin-top: 50px;
	width: 60%;
}
}
#connect h3, #connect p {
display: none;
}
#connect .social a.facebook:before, #connect .social a.instagram:before {
   background-color: transparent !important; 
}
#connect .social a:before {
    font-size: 1.5em;
    margin: 0 0.2em 0.6em 0;
    padding: 0;
}
/* Testimonial CPT styles */
.testimonial-slider-item-wrapper{
  text-align: left;
  padding-left: 50px;
  position: relative;
  margin-top: 65px;
}
.testimonial-slider-item-wrapper ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.testimonial-slider-details .testimonial-slider-content p {
  font-size: 20px;
  line-height: 1.7;
}
.testimonial-slider-extra{
  font-size: 15px;
  margin-top: 15px;
}
.testimonial-slider-extra span {
  margin-left: -2px;
}
span.ts-company, span.ts-date {
 
}
.testimonial-slider-item-wrapper ol.flex-control-nav {
  display: block;
  list-style: none;
  padding: 0;
  text-align: center;
  margin: 35px 0 0;
}
.testimonial-slider-item-wrapper ol.flex-control-nav li {
  list-style: none;
  display: inline-block;
  margin: 0 3px;
}
.testimonial-slider-item-wrapper ol.flex-control-nav li a {
  font-size: 0;
  display: block;
  width: 17px;
  height: 17px;
  background: #e2e8ed;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.3s;
}
.testimonial-slider-item-wrapper ol.flex-control-nav li a.flex-active{
  cursor: default;
  background: #ff8200;
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a {
  position: absolute;
  top: 30px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #ff8200;
  border-radius: 100%;
  color: #ff8200;
  background: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s;
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a:hover{
  background: #ff8200;
  color: #FFFFFF;
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a:before{
  font: FontAwesome;
  font-size: 20px;
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a.flex-prev{
  left: 0;
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a.flex-next{
  right: 0;
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a.flex-prev:before{
  content: '\f104';
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a.flex-next:before{
  content: '\f105';
}
.testimonial-slider-item-wrapper ul.flex-direction-nav li a.flex-disabled {
  opacity: 0.5;
  cursor: default;
}
.testimonial-slider-item-wrapper.ts-loading{
  height: 100px;
  overflow: hidden;
  background: url(images/spinner.gif) center no-repeat;
}
.testimonial-slider-item-wrapper.ts-loading *{
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.textwidget .testimonial-slider-item-wrapper .flex-prev {
    display: none;
}
.textwidget .testimonial-slider-item-wrapper .flex-next{
	display:none;
}
.ts-title-new{
	font-family: 'Rajdhani', sans-serif;
	font-size: 24px;
    font-weight: 400;
    color: #4466a1;
    text-transform: uppercase;
}
.testimonial-slider-item-wrapper .flex-control-nav.flex-control-paging {
    display: none;
}
.testimonial-slider-item-wrapper span.ts-company {
    font-weight: bold;
	font-size:15px;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #eb6d36;
}
.vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
    color: #fff;
    background-color: #eb6d36;
}
@media only screen and (min-width: 768px){
.blogpost-item {
    margin-top: 200px;
}
}

.blogpost-item-meta {
    display: none;
}
.blogpost-item-content {
    margin-top: 15px;
}
#logo {
    height: 110px !important;
}
li#menu-item-115 a {
    margin-top: 18px;
}

@media only screen and (min-width: 1670px){
.widget_woo_subscribe .social {
    margin-right: 50px;
    width: auto;
}
}

@media only screen and (min-width: 1334px) and (max-width: 1670px){
.widget_woo_subscribe .social {
    margin-right: 200px;
    width: auto;
}
}
#nav-container {
    top: -510%;
}