/*-----------------------------------------------------------------------------------

	Template Name:             || Aviva || Multipurpose HTML5 Responsive Template

	Template URI:              ....................................

	Description:               ....................................

	CoDer :                    Nilanjan Banerjee. 

	CoDer's Site URL:          https://nilanjan.host22.com/aviva

	Coder's facebook account:  https://www.facebook.com/nilanjan.banerjee0

	Coder's mail:              nilanjan.banerjee0@gmail.com

	skype ID:                  nilanjan.banerjee7

	Version:                   1.0

-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------

	CSS INDEX

	===================

	

	1. Default

	2. Top Bar

	3. Logo bar(4th design)

	4. Navbar

	5. Banner

	6. Red Caption

	7. Service

	8. Service 2

	9. Portfolio

	10.Parallax

	11.Counts

	12.Why us

	13.Parallax Section 2

	14.Typography Page

	15.Timeline (about us)

	16.404 page

	17.Pricing

	18.Pricing 2

	19.Blog

	20.About us

	21.Team

	22.FAQ

	23.Contact us

	24.Contact us 2

	25.Contact us 3

	26.Footer Top

	27.Footer Bottom

	

	

-----------------------------------------------------------------------------------*/



/*--------------------------------*/

/*           1.Default

/*--------------------------------*/

.preloader {

  position: fixed;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  z-index: 999999;

  background-color: #fff;

  background-position: center center;

  background-repeat: no-repeat;

  background-image: url(images/preloader.gif);

}



.alignleft {

	float: left;

	margin-right: 15px;

}

.alignright {

	float: right;

	margin-left: 15px;

}

.aligncenter {

	display: block;

	margin: 0 auto 15px;

}

a:focus {

	outline: 0 solid

}

.bg-primary {

	background-color: #006699;

	color:#fff;

}

.section {

	padding: 100px 0;

}

.section-no-bottom {

	padding: 100px 0 0;

}

.no-padding {

	padding: 0;

}

hr {

	max-width: 50px;

	border-color: #006699;

	border-width: 3px;

}

hr.left {

	text-align:left;

}

.subheading {

	width:60%;

	margin:0px auto 50px;

	font-size: 17px;

}

hr.light {

	border-color: #fff;

}

img {

	max-width: 100%;

	height: auto;

}

.fix {

	overflow: hidden

}

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

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

}

p {

	margin-bottom: 20px;

	font-size: 15px;

	line-height: 1.5;

}

.text-primary {

	color: #006699;

}

.color-white {

	color:#fff;

}

.breadcrumb {

	background:none;

	padding:0px 15px;

}

.breadcrumb li a {

	color:#fff;

	font-weight:bold;

}

.breadcrumb li a:hover {

	text-decoration:underline;

	color:#fff;

}

.breadcrumb .active {

	color:#fff;

}

html, body {

	height: 100%

}

body {

	/*font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;*/

font-family: 'Roboto', sans-serif;/*font-family: 'Lato', sans-serif;*/

}

a {

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

	transition: 0.3s;

	color: #333;

}

a:hover {

	text-decoration: none

}



/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {

 -webkit-box-shadow: 0 0 0px 1000px white inset !important;

}

.btn {

	border: 0;

	border-radius: 300px;

	text-transform: uppercase;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

	font-weight: 700;

	padding:10px 20px;

}

.btn-2 {

	border: 0;

	border-radius: 5px;

	text-transform: uppercase;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

	font-weight: norman;

	padding:15px 30px;

}

.btn-primary {

	border-color: #006699;

	color: #fff;

	background-color: #006699;

 -webkit-transition: all .35s;

 -moz-transition: all .35s;

 transition: all .35s;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {

	border-color: #ed431f;

	color: #fff;

	background-color: #ee4b28;

}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {

	background-image: none;

}

/*--------------------------------*/

/*           2.Top Bar

/*--------------------------------*/

.top-bar {

	background-color: #369;

	color: #fff;

	padding:10px 0px;

}

.top-left {

	float:left;

	color: #fff;

	margin:0 20px 0px 0px;

}

.top-left a {

	color: #fff;

	font-size:13px;

}

.top-left a:hover {

	color:#333;

}

.top-right a {

	float:right;

	color: #fff;

	margin:0 15px 0px 0px;

}

.top-right a:hover {

	color:#333;

}

/***************************************



****************************************/

/*--------------------------------*/

/*           3.Logo bar(4th design)

/*--------------------------------*/

.logobar {

	background:#fff;

	min-height:80px;

	padding:20px 0px 20px;

	color: #999;

	font-size:18px;

	font-weight:700;

}

/*Left Side*/	

.logo {

	margin:20px 0;

}

.logo a {

	color:#777;

	font-family: Merriweather, 'Helvetica Neue', Arial, sans-serif;

}

/* Right Side*/

.header-right {

	float: right;

}

ul.top-info {

	list-style: none;

	margin: 5px 0 0 0;

	padding: 0;

	float: right;

}

ul.top-info li {

	position: relative;

	float: right;

	font-size: 14px;

	margin-left: 22px;

}

ul.top-info li .info-box span.info-icon {

	font-size: 36px;

	color: #006699;

	display: inline-block;

}

ul.top-info li .info-box .info-box-content {

	display: inline-block;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

}

ul.top-info li .info-box .info-box-title {

	font-weight: 500;

	color: #3d4049;

	font-size: 14px;

	text-transform: uppercase;

	margin-bottom: 5px;

	line-height: normal;

}

ul.top-info li .info-box .info-box-subtitle {

	margin: 0 0 5px 0;

	line-height: normal;

	color: #777;

	font-size: 13px;

}

/*--------------------------------*/

/*           4.Navbar

/*--------------------------------*/

.navbar-toggle {

	border-color: #777;

	color:#777

}

.navbar-toggle .icon-bar {

	background:#777;

}

.navbar {

	margin-bottom:0px;

}

.navbar-collapse {

	padding-left:0px;

	padding-right:0px;

}

.navbar-collapse.in {

	overflow: hidden;

}

.navbar-default {

	background:#fff;

	border:none;

	border-radius:0px;

	padding:20px 10px 20px;

	text-transform:uppercase;

	font-size:12px;

	font-weight:700;

}

.navbar-default .navbar-nav>li>a {

	color:#777;

	background: #fff;

	letter-spacing: 1px;

}

.navbar-default .navbar-nav>li>a:hover .navbar-default .navbar-nav>li>a:active {

	color: #006699 !important;

	background-color: #fff !important;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {

	color: #006699;

	background-color: #fff;

}

.navbar-nav>li>a:hover {

	color: #006699 !important;

	background-color: #fff !important;

}

.navbar-static {

	background:#fff;

	border-top:1px solid #ddd;

	border-radius:0px;

	padding:0 10px;

	text-transform:uppercase;

	font-size:12px;

	font-weight:700;

}

.navbar-static .navbar-nav>li>a {

	color:#777;

	background: #fff;

	letter-spacing: 1px;

}

.navbar-static .navbar-nav>li>a:hover, .navbar-static .navbar-nav>li>a:active {

	color: #006699;

	background-color: #fff;

}

.navbar-static .navbar-nav>.open>a, .navbar-static .navbar-nav>.open>a:focus, .navbar-static .navbar-nav>.open>a:hover {

	color: #006699;

	background-color: #fff;

}

.navbar-fixed-top {

	background:#fff;

	box-shadow: 0px 0px 10px #333;

	padding:10px 10px 10px;

	text-transform:uppercase;

	font-weight:700;

	font-size:12px;

}

.navbar-fixed-top .navbar-nav>li>a {

	color:#777;

	background: #fff;

	letter-spacing: 1px;

}

.navbar-fixed-top .navbar-nav>li>a:hover {

	color: #006699;

	background: #fff;

}

.navbar-fixed-top .navbar-nav>.open>a, .navbar-fixed-top .navbar-nav>.open>a:focus, .navbar-fixed-top .navbar-nav>.open>a:hover {

	color: #006699;

	background-color: #fff;

}

.dropdown-menu .divider {

	margin:0px;

}

.dropdown-menu>li>a {

	text-transform:uppercase;

	font-size:12px;

	font-weight:700;

	color:#777;

	background: #fff;

	padding:10px;

}

.dropdown-menu> li >a:hover {

	color: #fff !important;

	background-color: #006699 !important;

}	

/*--------------------------------*/

/*           5.Banner

/*--------------------------------*/

.carousel {

	position: relative;

	width: 100%;

	min-height: 100%;

	text-align: center;

	color: #fff;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	-o-background-size: cover;

}

.carousel-control.left {

	background:none;

	top:50%;

}

.carousel-control.right {

	background:none;

	top:50%;

}

.carousel-inner {

	height:100% !important;

}

.carousel-inner>.item {

	height:100% !important;

}

.carousel-inner>.item>img {

	margin:0 auto;

	/*height:100% !important%;*/

}

.carousel-inner>.item > .carousel-caption {

	top:30%;

	bottom:50%;

}

.carousel-inner>.item > .carousel-caption > a {

	display:inline-block;

	margin:0 10px 20px 0;

}

/*For single image(2nd/3rd/4th template)*/

.image-banner {

	background-image: url('https://placehold.it/1440x960');

	background-repeat: none;

	background-attachment: scroll;

	background-position: center center;

	background-size: cover;

	text-align: center;

	color: white;

}

.image-banner .banner-cont .heading {

	text-transform: uppercase;

	font-weight: 700;

	font-size: 45px;

	line-height: 1em;

	margin-bottom: 50px;

}

.image-banner .banner-cont .subheading {

	font-size: 30px;

	line-height: 1em;

	margin-bottom: 25px;

}

.image-banner .banner-cont a {

	display:inline-block;

	margin:0 5px 20px 5px;

}

/***************************************

 

****************************************/

/*--------------------------------*/

/*           6.Red Caption

/*--------------------------------*/	

.caption2 {

	padding:30px 0;

}

.caption2 a {

	margin:35px 25px;

}	

/*--------------------------------*/

/*           7.Service

/*--------------------------------*/

.service-box {

	margin:50px auto;

}

/*--------------------------------*/

/*           8.Service 2

/*--------------------------------*/	

.testimonial-box {

	margin:15px 0;

	background:#fff;

	padding:20px;

	color:#006699;

	float:left;

}

/*--------------------------------*/

/*           9.Portfolio

/*--------------------------------*/

.portfolioFilter {

	/*margin: 30px 0px 30px 0px;*/

    overflow: hidden;

	padding: 15px 10px;

}

#portfolio p {

	margin-bottom:30px;

}

.portfolioFilter a {

	color: #006699;

	text-decoration: none;

	margin: 15px 5px 15px 5px;

	border: 1px solid #006699;

	padding: 10px 15px;

	display: inline-block;

}

.portfolioFilter a.current {

	background:#006699;

	border:1px solid #006699;

	color: #fff;

}

.portfolioContainer a img {

	/*margin:15px auto;*/

	width:100%;

	height:100%;

}

.isotope-item {

	z-index: 2;

}

.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}

.isotope, .isotope .isotope-item {

	/* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	transition-property: transform, opacity;

}



/*hover effect start*/

.portfolioContainer .imghvr-push-up{margin-bottom:30px;}

[class^=imghvr-] a {

    position: absolute;

    top: 75px;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 1;

	color:#fff;

}

[class^=imghvr-] figcaption {

    background-color:#006699;

    padding: 30px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    color: #fff;

}

/*hover effect end*/



/*--------------------------------*/

/*           10.Parallax

/*--------------------------------*/

#parallax {

	background:url(https://placehold.it/1920x1280) fixed;

	color:#fff;

	background-size: cover;

}

#parallax h2 {

	margin-bottom:25px;

}

#parallax .btn-cont {

	margin-top:75px;

}

/*--------------------------------*/

/*           11.Counts

/*--------------------------------*/

#counts {

	padding:75px 0px;

	margin:0 auto;

	background: #006699 url(images/bg.jpg) fixed;

	background-size: cover;

	color:#fff;

}

#counts h1 .counter {

	font-weight:700;

}

.count-cont {

	margin:30px auto;

}

#counts h2 {

	margin-bottom:20px;

}

/*--------------------------------*/

/*           12.Why us

/*--------------------------------*/

.why-us-cont {

	margin:25px auto;

	overflow:hidden;

}

.why-us-cont-text {

	margin:25px auto;

}

.fa-stack {

	margin:0 15px 30px 0;

	float:left;

}

.why-us-cont .icon-background {

	color: #006699;

}

.why-us-cont:hover .icon-background {

	color: #777777;

}

.fa-stack-1x {

	font-size:30px;

	color:#fff;

}

.media-body {

	margin:0 0 0 15px;

}

.media-body > h3 {

	margin-top:0px;

}

/*--------------------------------*/

/*           13.Parallax Section 2

/*--------------------------------*/

#parallax2 {

	text-align: center;

	background: #1e1e1e url(https://placehold.it/1280x850) fixed;

	color:#fff;

	background-position: center;

	background-size: cover;

}

#parallax2 p {

	line-height:24px;

}

/*--------------------------------*/

/*           14.Typography Page

/*--------------------------------*/

.typography-cont {

	padding:10px 0;

}

blockquote {

	font-style:italic;

}

/*--------------------------------*/

/*           15.Timeline (about us)

/*--------------------------------*/

.timeline {

	list-style: none;

	padding: 20px 0 20px;

	position: relative;

}

.timeline:before {

	top: 0;

	bottom: 0;

	position: absolute;

	content: " ";

	width: 3px;

	background-color: #eeeeee;

	left: 50%;

	margin-left: -1.5px;

}

.timeline > li {

	margin-bottom: 20px;

	position: relative;

	width: 50%;

	float: left;

	clear: left;

}

.timeline > li:before, .timeline > li:after {

	content: " ";

	display: table;

}

.timeline > li:after {

	clear: both;

}

.timeline > li:before, .timeline > li:after {

	content: " ";

	display: table;

}

.timeline > li:after {

	clear: both;

}

.timeline > li > .timeline-panel {

	width: 95%;

	float: left;

	border: 1px solid #d4d4d4;

	/*border-radius: 2px;*/

  /*padding: 20px;*/

  position: relative;

	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);

}

.timeline > li > .timeline-panel .timeline-body {

	padding:20px;

}

.timeline > li > .timeline-panel:before {

	position: absolute;

	top: 26px;

	right: -15px;

	display: inline-block;

	border-top: 15px solid transparent;

	border-left: 15px solid #ccc;

	border-right: 0 solid #ccc;

	border-bottom: 15px solid transparent;

	content: " ";

}

.timeline > li > .timeline-panel:after {

	position: absolute;

	top: 27px;

	right: -14px;

	display: inline-block;

	border-top: 14px solid transparent;

	border-left: 14px solid #fff;

	border-right: 0 solid #fff;

	border-bottom: 14px solid transparent;

	content: " ";

}

.timeline > li > .timeline-badge {

	color: #fff;

	width: 24px;

	height: 24px;

	line-height: 50px;

	font-size: 1.4em;

	text-align: center;

	position: absolute;

	top: 16px;

	right: -12px;

	z-index: 100;

}

.timeline > li.timeline-inverted > .timeline-panel {

	float: right;

}

.timeline > li.timeline-inverted > .timeline-panel:before {

	border-left-width: 0;

	border-right-width: 15px;

	left: -15px;

	right: auto;

}

.timeline > li.timeline-inverted > .timeline-panel:after {

	border-left-width: 0;

	border-right-width: 14px;

	left: -14px;

	right: auto;

}

.timeline-badge > a {

	color: #C5C7C5 !important;

}

.timeline-badge a:hover {

	color: #000 !important;

}

.timeline-title {

	margin-top: 0;

	color: inherit;

}

.timeline-body > p {

	padding:10px 0 0 0;

	margin-bottom: 0;

}

.timeline-body > h4 {

	font-weight: 600;

	margin-top: 0px;

	margin-bottom: 3px;

}

.timeline-body > ul {

	padding:20px;

	margin-bottom: 0;

}

.timeline-body > p + p {

	margin-top: 5px;

}

.timeline-footer {

	padding:20px;

	background-color:#f4f4f4;

}

.timeline-footer > a {

	cursor: pointer;

	text-decoration: none;

}

.tooltip {

	position:absolute;

	z-index:1020;

	display:block;

	visibility:visible;

	padding:5px;

	font-size:11px;

	opacity:0;

	filter:alpha(opacity=0);

}

/*.tooltip.in {

opacity:0;

    filter:alpha(opacity=80);   

}*/

.tooltip.top {

	margin-top:-2px;

}

.tooltip.right {

	margin-left:2px;

}

.tooltip.bottom {

	margin-top:2px;

}

.tooltip.left {

	margin-left:-2px;

}

.tooltip.top .tooltip-arrow {

	bottom:0;

	left:0;

	margin-left:0;

	border-left:0 solid transparent;

	border-right:5px solid transparent;

	border-top:0 solid #000;

}

.tooltip.left .tooltip-arrow {

	bottom:0;

	left:0;

	margin-left:0;

	border-left:0 solid transparent;

	border-right:5px solid transparent;

	border-top:0 solid #000;

}

.tooltip.bottom .tooltip-arrow {

	bottom:0;

	left:0;

	margin-left:0;

	border-left:0 solid transparent;

	border-right:5px solid transparent;

	border-top:0 solid #000;

}

.tooltip.right .tooltip-arrow {

	bottom:0;

	left:0;

	margin-left:0;

	border-left:0 solid transparent;

	border-right:5px solid transparent;

	border-top:0 solid #000;

}

.tooltip-inner {

	width:200px;

	padding:3px 8px;

	color:#fff;

	text-align:center;

	text-decoration:none;

	background-color:#313131;

	-webkit-border-radius:0px;

	-moz-border-radius:0px;

	border-radius:0px;

}

.tooltip-arrow {

	position:absolute;

	width:0;

	height:0;

}

.timeline > li.timeline-inverted {

	float: right;

	clear: right;

	margin-top: 30px;

	margin-bottom: 30px;

}

.timeline > li:nth-child(2) {

 margin-top: 60px;

}

.timeline > li.timeline-inverted > .timeline-badge {

	left: -12px;

}

 @media (max-width: 767px) {

 ul.timeline:before {

 left: 40px;

}

 ul.timeline > li {

 margin-bottom: 20px;

 position: relative;

 width:100%;

 float: left;

 clear: left;

}

 ul.timeline > li > .timeline-panel {

 width: calc(100% - 90px);

 width: -moz-calc(100% - 90px);

 width: -webkit-calc(100% - 90px);

}

 ul.timeline > li > .timeline-badge {

 left: 28px;

 margin-left: 0;

 top: 16px;

}

 ul.timeline > li > .timeline-panel {

 float: right;

}

 ul.timeline > li > .timeline-panel:before {

 border-left-width: 0;

 border-right-width: 15px;

 left: -15px;

 right: auto;

}

 ul.timeline > li > .timeline-panel:after {

 border-left-width: 0;

 border-right-width: 14px;

 left: -14px;

 right: auto;

}

 .timeline > li.timeline-inverted {

 float: left;

 clear: left;

 margin-top: 30px;

 margin-bottom: 30px;

}

 .timeline > li.timeline-inverted > .timeline-badge {

 left: 28px;

}

}

/*--------------------------------*/

/*           16.404 page

/*--------------------------------*/

.nopage-title {

	font-size:100px;

}

/*--------------------------------*/

/*           17.Pricing

/*--------------------------------*/

.pricing-box {

	background-color:#444349;

	padding:20px;

	border-radius:5px;

	font-size:60px;

}

.pricing-box h1 {

	font-size:60px;

}

.pricing-box-active {

	background-color:#006699;

	padding:20px;

	border-radius:5px;

	font-size:60px;

}

.pricing-box-active h1 {

	font-size:60px;

	color:#fff;

}

.pricing-box:hover {

	background-color:#006699;

	padding:20px;

	border-radius:5px;

}

.pricing-box:hover h1 {

	color:#fff;

	font-size:60px;

}

.pricing-box p, .pricing-box-active p {

	color:#fff;

	padding:10px 0px;

	margin:0px;

}

.pricing-box .btn-primary {

	border-color: #006699;

	color: #fff;

	background-color: #006699;

 -webkit-transition: all .35s;

 -moz-transition: all .35s;

 transition: all .35s;

}

.pricing-box-active .btn-primary, .pricing-box:hover .btn-primary, .pricing-box .btn-primary:hover, .pricing-box .btn-primary:focus, .pricing-box .btn-primary.focus, .pricing-box .btn-primary:active, .pricing-box .btn-primary.active, .pricing-box .open > .dropdown-toggle.btn-primary {

	border-color: #444349;

	color: #fff;

	background-color: #444349;

}

/*--------------------------------*/

/*           18.Pricing 2

/*--------------------------------*/

.pricing-box2, .pricing-box2-active {

	background-color:#eee;

	font-size:60px;

	padding-bottom:20px;

}

.pricing-box2 .header {

	background:#006699;

	text-align:center;

	padding:20px 0;

}

.pricing-box2-active .header {

	background:#444349;

	text-align:center;

	padding:20px 0;

}

.pricing-box2 h1 {

	font-size:60px;

	color:#006699;

}

.pricing-box2-active h1 {

	font-size:60px;

	color:#444349;

}

.pricing-box2 p, .pricing-box2-active p {

	color:#777;

	padding:10px 0px;

	margin:0px;

}

.pricing-box2 .btn-primary {

	border-color: #006699;

	color: #fff;

	background-color: #006699;

 -webkit-transition: all .35s;

 -moz-transition: all .35s;

 transition: all .35s;

}

.pricing-box2-active .btn-primary, .pricing-box2:hover .btn-primary, .pricing-box2 .btn-primary:hover, .pricing-box2 .btn-primary:focus, .pricing-box2 .btn-primary.focus, .pricing-box2 .btn-primary:active, .pricing-box2 .btn-primary.active, .pricing-box2 .open > .dropdown-toggle.btn-primary {

	border-color: #444349;

	color: #fff;

	background-color: #444349;

}

/*--------------------------------*/

/*           19.Blog

/*--------------------------------*/

.blog-section {

	margin-bottom:50px;

}

.blog-post {

	border-bottom:1px solid #ddd;

	padding-bottom:50px;

	padding-top:70px;

}

.blog-post h2 a {

	color:#333;

}

.blog-post h2 a:hover {

	color:#333;

}

.blog-post .subheading {

	margin: 20px auto 20px;

}

.blog-post .subheading a:hover {

	text-decoration:underline;

	color:#006699;

}

.blog-post .subheading {

	font-size:14px;

}

.blog-comment-form {

	padding:40px 0 50px 0;

}

.blog-comment-form .form-group {

	margin-bottom: 25px;

}

.blog-comment-form input[type="text"], .blog-comment-form input[type="email"], .blog-comment-form input[type="password"], .blog-comment-form input[type="tel"], .blog-comment-form input[type="text"], .blog-comment-form input[type="email"], .blog-comment-form input[type="tel"] {

	padding:25px;

}

.blog-comment-form textarea, .blog-comment-form textarea {

	padding:20px 25px 145px;

}

/*--------------------------------*/

/*           20.About us

/*--------------------------------*/

#about .about-cont h2 {

	margin-bottom:30px;

}

#about .about-cont {

	margin-bottom:30px;

}

#about i {

	float:left;

	margin:0 20px 20px 0;

}

/*--------------------------------*/

/*           21.Team

/*--------------------------------*/

.team-member {

	margin:50px 0 0 0;

}

.team-member h5 {

	margin-bottom:10px;

}

.team-member h5 a {

	font-weight:bold;

}

.team-member h5 a:hover {

	color:#333;

}

.team-member .social-btn {

	display: inline-block;

	width: 32px;

	height: 32px;

	background: #006699;

	color:#fff;

	text-align: center;

	padding: 10px 0 0 0;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 18px;

	margin:0 5px 0 5px;

}

.team-member .fa-facebook:hover {

	background:#30477a;

}

.team-member .fa-twitter:hover {

	background:#0087bd;

}

.team-member .fa-linkedin:hover {

	background: #0b6087;

}

/*--------------------------------*/

/*           22.FAQ

/*--------------------------------*/

#faq {

	padding:25px 0px;

	margin:50px auto 50px auto;

}

.faq-contact {

	background:#006699;

	color:#fff;

	padding:30px;

	display:inline-block;

	text-align:center;

	line-height:24px;

}

.faq-contact .button-cont {

	margin:20px 0 0 0;

}

.panel-group .panel {

	margin-bottom: 0;

	border-radius: 0px;

}

.panel-default>.panel-heading {

	color: #333;

	background-color: #FFFFFF;

	border-color: #ddd;

}

.panel-title>a {

	color:#006699;

	text-transform:uppercase;

	font-size: 14px;

}

.panel-default>.panel-heading+.panel-collapse>.panel-body {

	border-top-color: #ddd;

	line-height: 24px;

	color: #999;

	letter-spacing: 1px;

}

/*--------------------------------*/

/*           23.Contact us

/*--------------------------------*/

#contact {

	background-color: #222222;

	background-image: url('images/map-image.png');

	background-position: center;

	background-repeat: no-repeat;

}

#contact .form-group {

	margin-bottom: 25px;

}

#contact input[type="text"], #contact input[type="email"], #contact input[type="password"], #contact input[type="tel"], #contact-us input[type="text"], #contact-us input[type="email"], #contact-us input[type="tel"] {

	padding:25px;

}

#contact textarea, #contact-us textarea {

	padding:20px 25px 145px;

}

/*--------------------------------*/

/*           24.Contact us 2

/*--------------------------------*/

#contact-us2 {

	background-color: #222222;

	background-image: url(images/map-image.png);

	background-position: center;

	background-repeat: no-repeat;

}

#contact-us2 .box {

	margin:85px 0 0 0;

}



#contact-us2 .box2 {

	margin:40px 0 0 0;

}

#contact-us2 .box h4, #contact-us2 .box2 h4 {

	margin:0 0 15px 0;

	font-weight:600;

}

#contact-us2 h3 {

	margin-bottom:40px;

	font-weight:600;

}

#contact-us2 p {

	margin-bottom:5px;

}

#contactForm2 .form-group {

	margin-bottom: 25px;

}

#contactForm2 input[type="text"], #contactForm2 input[type="email"], #contactForm2 input[type="password"], #contactForm2 input[type="tel"] {

	padding:25px;

}

#contactForm2 textarea {

	padding:20px 25px 0px;

}

/*--------------------------------*/

/*           25.Contact us 3

/*--------------------------------*/

#contact-us3 {

	background-position: center;

	background-repeat: no-repeat;

}

#contact-us3 .box {

	margin:85px 0 0 0;

}

#contact-us3 .box2 {

	margin:40px 0 0 0;

}

#contact-us3 .box h4 {

	margin:0 0 15px 0;

}

#contact-us3 h3 {

	margin-bottom:40px;

}

#contact-us3 p {

	margin-bottom:5px;

}

#contactForm3 .form-group {

	margin-bottom: 25px;

}

#contactForm3 input[type="text"], #contactForm3 input[type="email"], #contactForm3 input[type="password"], #contactForm3 input[type="tel"] {

	padding:25px;

}

#contactForm3 textarea {

	padding:20px 25px 0px;

}

/*--------------------------------*/

/*           26.Footer Top

/*--------------------------------*/

.footer-top {

	padding: 25px 0;

	background-color: #2a728e;

	color:white;

	font-size:14px !important;

}

.footer-top p {

	font-size:14px !important;

	margin-bottom:0px;

}

.footer-item {

	margin:30px auto;

	overflow:hidden;

}

.footer-top h4 {

	color:#fff;

	text-transform:capitalize;

}

.footer-top .input-holder {

	position: relative;

}

.footer-top .input-holder input[type="email"] {

	width: 100%;

	display: inline-block;

	border: 0;

	border-radius: 0;

	height: 39px;

	padding: 10px 20px;

}

.footer-top .input-holder label {

	position: absolute;

	top: 0;

	right: -4px;

	text-align: center;

	cursor: pointer;

}

.footer-top .input-holder label i {

	position: absolute;

	top: 9px;

	left: 8px;

	font-size: 20px;

	color: #fff;

}

.footer-top .input-holder input[type="submit"] {

	color: #fff;

	border: 0;

	border-radius: 0;

	font-size: 11px;

	font-weight: 700;

	text-transform: uppercase;

	padding: 20px;

	line-height: 0;

	text-indent: -999px;

}

.footer-top .submit-bgcolor {

	background-color: #006699!important;

}

.footer-top ul {

	list-style-type:none;

	padding-left:0px;

}

.footer-top ul li {

	margin:0 0 10px 0px;

}

.footer-top ul li a {

	color:white;

}

.footer-top ul li a:hover {

	color:black;

}

.tag a {

	margin:5px;

	color:#e3e3e3;

	padding:5px;

	float:left;

	border:1px solid #e3e3e3;

}

.tag a:hover {

	color:black;

	border:1px solid black;

}

/*--------------------------------*/

/*           27.Footer Bottom

/*--------------------------------*/

.footer-bottom {

	font-size: 14px;

	padding: 10px 0;

	background-color: #069;

	color: white;

}

#footer ul.social-buttons {

	list-style-type:none;

	margin:20px auto 0 auto;

	padding:0px;

}

#footer ul.social-buttons li a {

	display: block;

	background-color: #006699;

	height: 40px;

	width: 40px;

	border-radius: 100%;

	font-size: 20px;

	line-height: 40px;

	color: white;

	outline: none;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

	text-align:center;

}

#footer ul.social-buttons li a:hover {

	background-color: #ee4b28;

}

.copyright {

	color:white;

	margin:20px 0 0 0;

	text-align:center;

}

.page-title {

	background:url(images/bg_topo.jpg) fixed repeat-x;

	min-height:100px;

	padding:10px 0;

}

#contact-us {

	background:url(https://placehold.it/1920x1280) fixed repeat-x;

	min-height:100%;

}