/* CSS Document */

@font-face 
{
    font-family: 'Catamaran-Light';
    src: url('../fonts/Catamaran-Light.ttf');
    src: url('../fonts/Catamaran-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'Catamaran-SemiBold';
    src: url('../fonts/Catamaran-SemiBold.ttf');
    src: url('../fonts/Catamaran-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'Catamaran-ExtraLight';
    src: url('../fonts/Catamaran-ExtraLight.ttf');
    src: url('../fonts/Catamaran-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'Catamaran-Medium';
    src: url('../fonts/Catamaran-Medium.ttf');
    src: url('../fonts/Catamaran-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: 'Catamaran-Regular';
    src: url('../fonts/Catamaran-Regular.ttf');
    src: url('../fonts/Catamaran-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'dinregular';
	src: url('../fonts/DINRegular.DINRegular.ttf');
	src: url('../fonts/DINRegular.eot?#iefix') format('embedded-opentype'),  url('../fonts/DINRegular.woff') format('woff'),  url('../fonts/DINRegular.ttf') format('truetype'),  url('../fonts/DINRegular.svg#dinregular') format('svg');
}
@font-face 
{
    font-family: 'Myriad Pro';
    src: url('../fonts/Myriad Pro Regular.ttf');
    src: url('../fonts/Myriad Pro Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.tel-box{
	background-color: #428BFF;
	padding: 8px;
	top: 36px;
	position: relative;
}
.social-box{
	background-color: #4867AA;
	padding: 8px;
	top: 36px;
	position: relative;
	margin-left: 10px;
}
.gallery{
	/*border: 1px solid #999;*/
	box-shadow: 1px 1px 5px 1px #ccc;
}
.heading.centered {
    display: table;
    margin: auto;
    text-align: center;
}
.boxI{
	padding:5px;
	border:1px solid #ddd;
	box-shadow:1px 1px 8px 1px #ddd;
	background-color:#f8f8f8;
}
.feedback{
	background: #fcfcfc none repeat scroll 0 0;
	border: 1px solid #e8e8e8;
	padding: 1rem;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	/*box-shadow: 1px 1px 5px 1px #ccc;*/
}
.margin-top-20 {
    margin-top: 20px;
}
.blog_single_author_text_head {
    border-bottom: 1px solid #ddd;
    line-height: 2rem;
    width: 100%;
    display: inline-block;
}
.blog_single_author_text_head h4{
	font-size: 20px;
	line-height: 1.75rem;
	margin-bottom: 1rem;
	font-weight: 500;
	text-transform:capitalize;
}
.blog_single_author_text_body p{
	font-size: 15px;
	text-align: justify;
}
.enuire-btn {
	background-color:#f8f8f8; 
	padding:8px 15px; 
	border:1px solid #fff; 
	color:#333; 
	float:right; 
	border-radius:5px;
}
.enuire-btn a{ 
	color:#333; 
}
.services-h3{
	color:#599a24; margin-top:-8px;
}
.bold {
    font-weight: bold !important;
}
.main-color{
	color: #a9bf04;
}
.main-heading h3 {
    font-size: 35px;
    font-weight: 300;
    margin: 0 0 5px;
    padding: 0;
    line-height: 1;
    letter-spacing: -1px;
}
.main-heading .heading-separator {
    margin: 15px 0 30px;
    position: relative;
    height: 10px;
}

.main-heading .heading-separator::before {
    right: auto;
    left: 0;
    top: auto;
    top: 2px;
    background: #5783c3;
    width: 50%;
    margin-left: -2px;
}
.main-heading .heading-separator .main-bg {
    position: absolute;
	left: 50%;
	width: 14px;
	height: 5px;
	top: 0px;
	margin-left: 1px;
	background-color: #5783c3;
}
.main-heading .heading-separator .dark-bg {
    position: absolute;
	right: 50%;
	width: 14px;
	height: 5px;
	bottom: 5px;
	margin-right: 1px;
	background-color: #a9bf04;
	top: 6px;
}
.main-heading .heading-separator::after {
    right: 0;
    left: auto;
    top: auto;
    top: 8px;
    background: #a9bf04;
    width: 50%;
    margin-left: -2px;
}
.main-heading .heading-separator::before, .main-heading .heading-separator::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 50%;
    height: 1px;
    bottom: 2px;
    margin-right: -2px;
    align-contentalign-content: ;
}
.menu .nav > .active > a{
	color: #428BFF !important;
}
.nav.navbar-nav li a{
	color: #666 !important;
}
.page-title.title-5 h3 {
    display: inline-block;
    border-bottom-style: solid;
    border-bottom-width: 3px;
	border-color: #a9bf04;
    clear: both;
    font-size: 20px;
    border-radius: 2em;
    padding: 10px 25px;
}
.gray-bg{
	background-color:#f8f8f8;
	padding:15px;
	border:1px dashed #ccc;
}
.gray-bg-A {
    background-color: #f8f8f8;
    padding: 15px;
    border: 1px dashed #ccc;
    font-size: 17px;
    text-align: justify;
}
.quick-link p a{
	font-size:14px;
	color:#000;
	font-weight:600
}
.subfooter-link {
    background-color: #f2f2f2;
    color: #000 !important;
}
@media screen and (max-width: 768px) and (min-width: 320px) {
	.services-h3{
		color:#67A948; 
		margin-top:10px;
	}
	#masthead .navbar-brand {
		max-width: 65%;
	}
	h2 {
		font-size: 18px;
	}
	.element-bottom-20 {
		margin-bottom: 0px !important;
	}
}

/*------------- Form ---------------*/

.nb-form {
    position: fixed;
    z-index: 9999;
    width: 300px;
    background: #FFF;
    right: 20px;
    bottom: -415px;
    transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
}
.nb-form:hover {
    bottom: 0px;
}

/*-- User Icon --*/

.nb-form .user-icon {
    position: absolute;
    top: -49px;
    right: 12px;
    display: block;
    width: 58px;
    margin: 20px auto 15px;
    border-radius: 100%;
}

/*-- Title --*/

.nb-form .title {
    background:#576bb0;
    font-size: 16px !important;
    padding: 15px 18px !important;
    color: #fff !important;
    border-radius: 10px 10px 0 0;
	font-weight:700;
	
}

/*-- Text --*/

.nb-form p {
    font-size: 14px;
    margin: 0;
    padding: 15px;
    color: #000;
}

.nb-form p.message {
    margin-left: 7px;
}

/*-- Form Elements --*/

.nb-form form {
    padding: 0 15px 15px 15px;
}

.nb-form input,
.nb-form textarea {
    font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	width: 254px;
	max-width: 254px;
	margin-bottom: 10px;
	margin-left: 7px;
	padding: 0px 6px;
    border-radius: 4px;
	color: #000;
	border: 1px solid #ccc;
	height: 30px;
}

.nb-form input:focus,
.nb-form textarea:focus {
    outline: none;
    box-shadow: none;
}

.nb-form input[type='submit'] {
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .4s ease;
    color: #fff !important;
    border: none;
}

.nb-form input[type='submit']:hover {
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.07),0 1px 7px 0 rgba(0,0,0,0.02),0 3px 1px -1px rgba(0,0,0,0.1);
}

.nb-form textarea {
    min-height: 110px;
}


.nb-form ::-webkit-input-placeholder {
    color: #000;
}

.nb-form ::-moz-placeholder{
    color: #000;
}

.nb-form :-ms-input-placeholder {
    color: #000;
}

.nb-form :-moz-placeholder {
    color: #000;
}

.nb-form input[type='submit'] {
    background: #576bb0;
}

@media screen and (max-width: 676px) {
    .nb-form:hover .user-icon {
        display: none;
    }

    .nb-form .message {
        display: none;
    }

    .nb-form form {
        padding-top: 15px;
    }
    .nb-form{
        right: 50%;
        bottom: -380px;
        left: 50%;
        transform: translateX(-50%);
    }
}