body {
	font-family: 'Open Sans', sans-serif;
}

a:hover {
	text-decoration: none;
}	



/*-----Buttons-----*/
.btn-primary {
	color: #fff;
    background-color: #00437b;
    border-color: #2e6da4;
    width: 240px;
    height: 50px;
    margin: 20px 0 0 0;
    font-size:14px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.btn-primary:hover {
	background: #002f56;
}

/*-----Start Heading-----*/
h1, h2, h3, h4, h5, h6 {
	text-shadow: none;
}

h2 {
	font-size: 30px;
	text-transform: uppercase;
	color:#000;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	text-align:center;
	margin: 40px auto 60px auto;
	letter-spacing: 5px;
}

h2:after {
	content:"";
	width: 100px;
	position: relative;
	height: 6px;
	background: #00aaf3;
	display: block;
	margin: 20px auto 0 auto;
}
/*-----End Header Section-----*/


/*-----Start Header Section-----*/
	#header >.row {
		display: flex;
		flex-direction:row;
		margin:0 auto;
	}

	#header >.row .rgtpart{
		color:#585858;
	}

	#header >.row .rgtpart .emailid{
		margin-left:20px;
	}

	#header >.row .rgtpart .phoneno .fa-phone{
		color:#585858;
	}

	#header >.row .rgtpart .emailid .fa-envelope {
		color:#11b0f4;
	}
/*-----End Header Section-----*/

/*-----Start Prime Navigation-----*/
#primenav {
	font-family: 'Montserrat', sans-serif;
	background:#00aaf3;
	position: relative;
}

 /* Add a black background color to the top navigation */
.topnav {
    overflow: hidden;
}

#primenav .skewborder {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: #00437b;
	height: 100%;
	width:30%;
	top:0;
	right:0;
}

#primenav .skewborder:before {

	content:""; /* with class ModalCarrot ??*/
    position:absolute; /*or absolute*/
    z-index:100000; /*a number that's more than the modal box*/
    left:-47px;
    top:0;
    width: 47px;
    height: 56px;
    background: url("../images/nav-slide-bg.png")
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Change the color of links on hover */
.topnav a:hover {
    background: #00a6ed;
}

/* Add an active class to highlight the current page */
.active {
    background: #00a6ed;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
} 
/*-----End Prime Navigation-----*/

/*----- Start No Padding-----*/
#slider, .copyrightsection, .contactusform, #testimonialsslider, .aboutusinhomepage, #googlemap {
	padding:0;
}
/*----- End No Padding-----*/

/*----- Start Contact Us Page -----*/
.contactusbox h4{
	font-family: 'Montserrat', sans-serif;
	font-size:24px;
	font-weight:600;
	color:#383838;
	text-align: center;
	text-transform: uppercase;
	margin: 30px 0;
}

.contactusbox p {
	text-align:center;
	margin: 0 0 20px 0
}

.contactusbox .addressdetails {
	list-style: none;
    margin: 0 auto 50px auto;
    padding: 0;
    width: 100%;
    height: 215px;
    max-width: 822px;
    display: flex;
    flex-direction: row;
    box-shadow: 0 0 30px #d9d9d9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
}

.contactusbox hr {
	width: 100%;
    height: 1px;
    max-width: 822px;
    margin:20px auto 0 auto;
}

.contactusbox .addressdetails li {
	width: calc(100%/3);
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	color: #424242;
	padding: 25px;
	border-right:1px solid #e5e5e5;
}

.contactusbox .addressdetails li:last-child {
	border-right:0;
}


.contactusbox .addressdetails li:nth-child(odd) {
	background: #f4f4f4;
}

.contactusbox .addressdetails li h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	text-transform: uppercase;
	font-weight: 600;
}

.formbg {
	background: #fafafa;
	margin-top: -5px;
}

.formbox {
	width: 100%;
    height: auto;
    max-width: 822px;
    margin: 40px auto;
}

.formbox h5 {
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:#00437b;
	text-align: center;
	font-style: italic;
}

.formbox h4 {
	font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #383838;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin: 15px 0;
}

.formbox p {
	text-align: center;
	margin: 0 0 30px 0;
}

.formbox #contactname, .formbox #contactemail {
	height:56px;
}


.formbox .form-control {
	background:#f4f4f4;
}

/*----- End Contact Us Page -----*/

/*#searchicon .fa-search{
	color:#00aaf3;
}*/

/*----- Start Main Slider -----*/

#slider #myCarousel .carousel-inner .carousel-caption  {
	padding-bottom: 30px;
    top: 15%;
}

#slider #myCarousel .carousel-inner .carousel-caption h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:48px;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin: 0 0 25px 0;
}
#slider #myCarousel .carousel-inner .carousel-caption p {
	font-family: 'Montserrat', sans-serif;
	font-size:19px;
	text-shadow: none;
}

/*----- End Main Slider -----*/

/*----- Start About Us Section -----*/

.aboutusinhomepage {
	background: #f1f1f1;
	padding: 115px 0
}

.aboutusinhomepage h2 {
	text-align:left;
	margin:0 auto 40px auto;
}

.aboutusinhomepage h2:after{
	margin: 20px 0 0 0;
}

.aboutusinhomepage p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:17px;
	color: #000;
}

/*----- End About Us Section -----*/

/*----- Start Testimonial -----*/
#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption {
	top: 0;
	bottom: auto;
}

#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption h2 {
	color:#fff;
	margin: 40px auto 10px auto;
}

#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption img {
	margin:30px 0;
}

#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption p {
	font-size: 17px;
    text-shadow: none;
    font-family: 'Montserrat', sans-serif;
}

#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption h4 {
	font-family: 'Montserrat', sans-serif;
	font-size:17px;
	font-weight: 600;
	margin: 15px 0 0 0
}

/*----- End Testimonial -----*/

/*----- Start Service Page -----*/
.services h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	margin: 20px 0 10px 0;
	color:#000;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
}

/*----- End Service Page -----*/

/*----- Start What We Offer -----*/
.whatweoffer .whatweoffercontainer {
	text-align:center;
	border:1px solid #d3d3d3;
	background: #f9f9f9;
	margin:0 0 30px 0;
	padding: 15px;
	height: 240px;
}

.whatweoffer .whatweoffercontainer h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	margin: 20px 0 10px 0;
	color:#000;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.whatweoffer .whatweoffercontainer p {
	color: #000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
}

.whatweoffer #whatweofferbtn {
	display: block;
    margin: 0 auto 30px auto;
}
/*----- End What We Offer -----*/

/*----- Start Testimonials -----*/
.whychooseus .whychooseuscontainer {
	text-align:center;
	margin:0 0 50px 0;
	height: 290px;
}

.whychooseus .whychooseuscontainer h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	margin: 25px 0 15px 0;
	color:#000;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.whychooseus .whychooseuscontainer p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	color:#000;
}
/*----- End Testimonials -----*/

/*----- Start Contact Us Form -----*/
.contactusform {
	background:#00aaf3;
	padding: 65px 15px;
}

.contactusform .contactformbox {
	width: 100%;
	max-width: 665px;
	margin:0 auto;
}

.contactusform .contactformbox h2 {
	color:#fff;
}

.contactusform .contactformbox h2:after {
	background:#fff;
}

.contactusform .contactformbox #name, .contactusform .contactformbox #email {
	height:56px;
}

.contactusform .contactformbox #btn-contactform {
	display: block;
	margin: 20px auto 0 auto;
}

/*----- End Contact Us Form -----*/

/*----- Start Copyright -----*/
.copyrightsection {
	background: #06131e;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color:#fff;
	padding: 65px 0;
	font-size:17px;
	text-align: center;
	margin:0;
}

.copyrightsection a{ 
	color:#fff;
}

.copyrightsection a:hover{ 
	color:#00aaf3;
}

.copyrightsection a .svg-inline--fa{ 
	font-size: 24px;
	margin: 12px 6px;
}
/*----- End Copyright -----*/



/*--------- Extra small devices (portrait phones, less than 576px) ---------*/
@media (max-width: 767px) {

	#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption h2 {
		margin: 0 0 10px 0;
    	font-size: 20px;
	}

	#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption h2:after {
		    margin: 2px auto 0 auto;
		    height: 2px;
	}


	#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption p {
		font-size:11px;
	}

	#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption h4 {
		font-size: 12px;
		margin: 0;
	}

	#testimonialsslider #mytestimonialCarousel .carousel-inner .carousel-caption img {
		margin: 5px 0;
	}

	#slider #myCarousel .carousel-inner .carousel-caption {
		padding: 0;
	}

	#slider #myCarousel .carousel-inner .carousel-caption h3 {
		font-size: 25px;
		margin: 0;
	}

	#slider #myCarousel .carousel-inner .carousel-caption p {
		font-size: 12px;
	}

	.nomobile {
		display: none !important;
	}

	.nodesktop {
		display: block !important;
		width: 100% !important;
	}

	.formbox #contactcomment {
		margin: 16px 0 0 0;
	} 

	.contactusform .contactformbox #comment {
		margin:16px 0 0 0;
	}


	/*----- Start Contact Us Page -----*/

	.contactusbox .addressdetails {
	    margin:0 0 25px 0;
	    flex-direction: column;
	    height: auto;
	    box-shadow: 0 0 10px #e8e8e8;
	}

	.contactusbox hr {
		width: 100%;
	    height: 1px;
	    max-width: 822px;
	    margin:20px auto 0 auto;
	}

	.contactusbox .addressdetails li {
		width: 100%;
		height: 250px;
		border:0;
	}

	.contactusbox .addressdetails li:last-child {
		border-right:0;
	}


	.contactusbox .addressdetails li:nth-child(odd) {
		background: #f4f4f4;
	}

	.contactusbox .addressdetails li h3 {
		font-family: 'Source Sans Pro', sans-serif;
		font-size:18px;
		text-transform: uppercase;
		font-weight: 600;
	}

	/*----- End Contact Us Page -----*/

	/*----- Start Service Page -----*/
	.services h3 {
		text-align: center;
	}

	/*----- End Service Page -----*/

	/*-----Start Header Section-----*/
	#header {
		margin:20px auto;
	}

	#header >.row .leftpart img{
		display: block;
		margin:0 auto;
	}
	/*-----End Header Section-----*/


	/*-----Start Prime Navigation-----*/
	/* When the screen is less than 768 pixels wide, hide all links, except for the first one ("Home"). 
	Show the link that contains should open and close the topnav (.icon) */
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {
	    float: right;
	    display: block;
	}

	/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. 
	This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  	.topnav.responsive {position: relative;}
  	.topnav.responsive a.icon {
	    position: absolute;
	    right: 0;
	    top: 0;
  	}
  	.topnav.responsive a {
	    float: none;
	    display: block;
	    text-align: left;
  	}

  	#primenav .skewborder {
  		display: none;
  	}

	/*-----End Prime Navigation-----*/

 }

/*--------- Medium devices (tablets, 768px and up) ---------*/
@media (min-width: 768px) { 

	#clientloginnav {
	    background: #00aaf3;
	    position: absolute;
	    top: 0;
	    right: 0;
	    height: 56px;
	    color: #000;
	    z-index: 1;	    
	}

	#clientloginnav:hover {
		background: #005aa6;
		color:#fff ;
	}

	.nomobile {
		display: block !important;
		width: 100% !important;
	}

	.nodesktop {
		display: none !important;
	}

	/*----- Start Prime Navigation-----*/
	#primenav .topnav {
		height: 56px;
	}

	#primenav .topnav a {
		padding: 20px 16px;
	}
	/*----- End Prime Navigation-----*/

	/*-----Start Header Section-----*/
	#header {
		margin:40px auto;
	}
	/*-----End Header Section-----*/
 }

/*--------- Large devices (desktops, 992px and up) ---------*/
@media (min-width: 992px) { 
 }

/*--------- Extra large devices (large desktops, 1200px and up) ---------*/
@media (min-width: 1200px) { 
 }