/************************************************
[Master Stylesheet]

Project Name    : Architecture
Author Url      : https://themeforest.net/user/themebeck


Css Table Of Content
-----------------------
01. Home Page-1 Style
    1.1 Header Section
    1.2 Slider Section
    1.3 Process Section
    1.4 Fun facts Section
    1.5 Project Section
    1.6 Testimonial Section
    1.7 Contact section
    1.8 Footer section
02. Home Page-2 Style
03. Home Page-2 (Dark) Style
04. Home Page-3 Style
05. About us page Style
06. Service page Style
07. Project page Style
08. Project Details page Style
09. Blog page Style
10. Blog details page Style
11. Contact page Style
12. My personal styles

Default Colors
----------------------
Semi-dark blue: #005696
dark blue: #003760;
very dark blue: #272b31
	Icon bubbles, etc.

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

/*-----------------------------Fonts -------------------------------------------*/

/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
       url('fonts/merriweather-v21-latin/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v21-latin/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/merriweather-v21-latin/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/merriweather-v21-latin/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/merriweather-v21-latin/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*---------------------------- 01. start Home page style ------------------------------------*/
body, p {
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather', serif;
}

.color_20c {
	color: #20cfbc;
}

.color_027 {
	color: #81b2df;
}

.bg_color_20c {
	background: #20cfbc;
}

.bg_color_027 {
	background: #81b2df;
}

.roboto {
	font-family: 'Roboto', sans-serif;
}

.merri {
	font-family: 'Merriweather', serif;
}

.blog_deails_comment .abform_area .abinput_group::before,
	.project_next_prev .single_direction a i, .project_next_prev .single_direction a span,
	.project_next_prev .single_direction a h5, .blog_post4 .blog_post4_wrapper .owl-prev,
	.blog_post4 .blog_post4_wrapper .owl-next, .home3_project .single_item .hover_title,
	.welcome29 .intro_common span.d_inline, .home2_footer .contact_area form>button,
	.home2_client_logo .client_logos a img, .home2_project .home2_project_wrapper .owl-prev,
	.home2_project .home2_project_wrapper .owl-next, .home2_project .home2_project_wrapper .title,
	.home2_project .home2_project_wrapper .title .venobox,
	.search_area_modal .ion-android-close, .cta_section .cta_content .contactNow span,
	.project_section .single_project .project_content .readmore span,
	.home1_slider .Modern-Slider .PrevArrow, .home1_slider .Modern-Slider .NextArrow,
	.home1_slider .Modern-Slider .info .contact span {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*------- 1.1 Header Section--------*/
.home1_header {
	left: 0;
	padding: 20px 100px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}

.home1_header .menubar {
	padding: 5px 7px;
	cursor: pointer;
}

.home1_header .menubar .bar {
	background: #fff;
	height: 3px;
	margin: 6px 0;
	width: 30px;
}

/*----navigation overlay----*/
.offcanvas .navigation_overlay {
	background: rgba(0, 0, 0, 0.6);
	height: 100%;
	position: fixed;
	left: -100%;
	top: 0;
	width: 100%;
	z-index: 999;
	cursor: url("images/cross.png"), pointer;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.offcanvas.visible .navigation_overlay {
	left: 0;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}

/*--navigation wrapper*/
.offcanvas .navigation_wrapper {
	background: #20cfbc;
	position: fixed;
	left: -100%;
	width: 300px;
	z-index: 999;
	height: 100%;
	-webkit-transition: all 1s ease-in-out 0.3s;
	-o-transition: all 1s ease-in-out 0.3s;
	transition: all 1s ease-in-out 0.3s;
}

.offcanvas.visible .navigation_wrapper {
	left: 0;
	visibility: visible;
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
}

.offcanvas .navigation_item ul li {
	position: relative;
}

.offcanvas .navigation_item .logo_li a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 40px 0;
	text-align: center;
	display: block;
}

.offcanvas .navigation_item ul li a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #fff;
	display: block;
	padding: 12px 20px;
	text-transform: uppercase;
}

.offcanvas .navigation_item ul li.active a, .offcanvas .navigation_item ul li a:hover
	{
	color: #222;
}

/*------dropdown-----*/
.offcanvas .navigation_item ul li>i {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 21px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
	cursor: pointer;
}

.offcanvas .navigation_item .dropdown {
	display: none;
}

.offcanvas .navigation_item ul.dropdown li a {
	padding: 12px 20px 12px 40px;
}

.offcanvas .navigation_item ul.dropdown li ul.dropdown li a {
	padding: 12px 20px 12px 60px;
}

/*---------------------1.2 slider section--------------*/
.home1_slider .img-fill>.img_area {
	height: 100%;
	width: 100%;
}

.home1_slider .img-fill .slider_img1 {
	background: url(images/slider_img/slider_img1.1.jpg) no-repeat center
		center/cover;
}

.home1_slider .img-fill .slider_img2 {
	background: url(images/slider_img/slider_img1.2.jpg) no-repeat center
		center/cover;
}

.home1_slider .img-fill .slider_img3 {
	background: url(images/slider_img/slider_img1.3.jpg) no-repeat center
		center/cover;
}

.home1_slider .Modern-Slider .item .img-fill .info {
	padding: 0 15px;
	background: rgba(0, 0, 0, 0.7);
}

.home1_slider .Modern-Slider .info h3 {
	font-size: 50px;
	line-height: 60px;
	max-width: 680px;
	width: 100%;
}

.home1_slider .Modern-Slider .info .contact {
	border: 1px solid #20cfbc;
	height: 60px;
	line-height: 59px;
	min-width: 230px;
}

.home1_slider .Modern-Slider .info .contact span {
	background: #20cfbc;
	color: #fff;
	font-size: 22px;
	display: block;
	padding: 0 25px;
	text-transform: uppercase;
	-webkit-transform: translate(-7px, -9px);
	-ms-transform: translate(-7px, -9px);
	-o-transform: translate(-7px, -9px);
	transform: translate(-7px, -9px);
}

.home1_slider .Modern-Slider .info .contact:hover span {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.home1_slider .Modern-Slider .NextArrow::before {
	content: "\f3d6";
}

.home1_slider .Modern-Slider .PrevArrow::before {
	content: "\f3d5";
}

.home1_slider .Modern-Slider .PrevArrow, .home1_slider .Modern-Slider .NextArrow
	{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #fff;
	font: 45px/45px "Ionicons";
	height: 45px;
	margin-top: -22.5px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 45px;
	z-index: 1;
	opacity: 0.3;
}

.home1_slider .Modern-Slider .PrevArrow:hover, .home1_slider .Modern-Slider .NextArrow:hover
	{
	opacity: 1;
}

.home1_slider .Modern-Slider .NextArrow {
	right: 20px;
}

.home1_slider .Modern-Slider .PrevArrow {
	left: 20px;
}

/*----------slider caption transition---------*/
/*---out transition----*/
.home1_slider .Modern-Slider .item h3 {
	-webkit-animation: fadeOutRight 1s both;
	animation: fadeOutRight 1s both;
}

.home1_slider .Modern-Slider .item h5 {
	width: 100%;
	-webkit-animation: fadeOutLeft 1s both;
	animation: fadeOutLeft 1s both;
}

.home1_slider .Modern-Slider .item a {
	-webkit-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}

/*---in transition----*/
.home1_slider .Modern-Slider .item.slick-active h3 {
	-webkit-animation: fadeInDown 1s both 0.9s;
	animation: fadeInDown 1s both 0.9s;
}

.home1_slider .Modern-Slider .item.slick-active h5 {
	-webkit-animation: fadeInDown 1s both 0.7s;
	animation: fadeInDown 1s both 0.7s;
}

.home1_slider .Modern-Slider .item.slick-active a {
	-webkit-animation: fadeInDown 1s both 0.5s;
	animation: fadeInDown 1s both 0.5s;
}

.section_title h5.title_20 {
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 115px;
	position: relative;
}

.section_title h5.title_20:after, .section_title h5.title_20:before {
	bottom: 70px;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section_title h5.title_20:before {
	background: #ebebeb none repeat scroll 0 0;
	width: 150px;
}

.section_title h5.title_20:after {
	background: #20cfbc;
	width: 50px;
}

/*------------------1.3 Process Section-----------------*/
.welcome20 {
	padding-top: 115px;
	padding-bottom: 92px;
}

.welcome20 .intro_common span.align_center_center {
	background: #f6f6f6;
	color: #fff;
	height: 107px;
	padding: 26px 3px 28px 16px;
	width: 105px;
}

.welcome20 .intro_common span.align_center_center:before {
	border-right: 16px solid transparent;
	border-top: 108px solid #f6f6f6;
	content: "";
	height: 0;
	position: absolute;
	right: -16px;
	top: 0;
	width: 0;
}

.welcome20 .intro_common span.d_block i {
	font-size: 60px;
	z-index: 2;
	position: relative;
	color: #20cfbc;
}

.welcome20 .intro_common .intro_text {
	width: 72%;
}

.welcome20 .intro_common .intro_text h5 a:hover {
	color: #20cfbc;
}

.welcome20 .intro_common .intro_text p {
	line-height: 24px;
	opacity: 0.6;
}

.welcome20 .intro_common span.d_block .intro_count {
	bottom: 0;
	color: #efefef;
	font-size: 82px;
	left: 7px;
	line-height: 106px;
	position: absolute;
	z-index: 1;
}

/*------------------1.4 fun facts Section-----------------*/
.facts1 {
	background: url(images/licensed/shutterstock_540342541.jpg) no-repeat center right/cover;
}

.facts1 .overlay {
	background: rgba(0, 0, 0, 0.8);
}

.facts1 .facts_common i {
	color: #20cfbc;
	font-size: 45px;
	line-height: normal;
	position: absolute;
	left: 0;
	top: -2px;
}

.facts1 .facts_common p.facts_title {
	color: #e8e8e8;
}

.facts1 .facts_common span.line {
	background: #c9c9c9;
	height: 2px;
	width: 50px;
	margin-top: 10px;
	margin-bottom: 15px;
}

/*--------------------1.5 project section-----------------*/
.project_section {
	padding-top: 115px;
	padding-bottom: 130px;
}

.project_section .single_project .project_img, .project_section .single_project .project_content
	{
	width: 50%;
}

.project_section .single_project {
	margin-bottom: 140px;
}

.project_section .single_project:last-child {
	margin-bottom: 0px;
}

.project_section .single_project:nth-child(even) {
	flex-flow: row-reverse nowrap;
}

.project_section .single_project .project_content {
	padding-left: 100px;
}

.project_section .single_project:nth-child(even) .project_content {
	padding-left: 0;
	padding-right: 100px;
}

.project_section .single_project .project_img::before {
	border: 10px solid #f7f7f7;
	content: "";
	height: 100%;
	left: -40px;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 0;
}

.project_section .single_project .project_img img {
	position: relative;
	z-index: 1;
}

.project_section .single_project .project_content h3:before {
	background: #333333;
	content: "";
	height: 2px;
	left: -70px;
	position: absolute;
	top: 20px;
	width: 45px;
}

.project_section .single_project .project_content p {
	line-height: 28px;
}

.cta_section .cta_content .contactNow, .project_section .single_project .project_content .readmore
	{
	border: 1px solid #20cfbc;
	display: inline-block;
	height: 45px;
	line-height: 45px;
	min-width: 160px;
	margin-left: 5px;
}

.cta_section .cta_content .contactNow span, .project_section .single_project .project_content .readmore span
	{
	background: #20cfbc;
	color: #fff;
	font-size: 16px;
	display: block;
	text-align: center;
	padding: 0 20px;
	text-transform: uppercase;
	-webkit-transform: translate(-7px, -9px);
	-ms-transform: translate(-7px, -9px);
	-o-transform: translate(-7px, -9px);
	transform: translate(-7px, -9px);
}

.cta_section .cta_content .contactNow:hover span, .project_section .single_project .project_content .readmore:hover span
	{
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.home2_project.project_page .loadmorebtn, .project_section .loadmorebtn
	{
	position: relative;
}

.home2_project.project_page .loadmorebtn::before, .project_section .loadmorebtn::before
	{
	background: #f1f1f1;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: -1;
}

.home2_project.project_page .loadmorebtn>a, .project_section .loadmorebtn>a
	{
	background: #fff;
	border: 2px solid #f1f1f1;
	color: #333;
	display: block;
	font-size: 20px;
	height: 63px;
	line-height: 61px;
	margin: 0 auto;
	text-align: center;
	width: 225px;
	z-index: 1;
}

.home2_project.project_page .loadmorebtn>a:hover, .project_section .loadmorebtn>a:hover
	{
	border-color: #20cfbc;
	background: #20cfbc;
	color: #fff;
}

/*-----------------*/
.cta_section .cta_content {
	height: 220px;
}

.cta_section .cta_content .contactNow {
	border-color: #fff;
	height: 60px;
	line-height: 60px;
	min-width: 230px;
	margin-left: 0px;
}

.cta_section .cta_content .contactNow span {
	font-size: 20px;
	background: #fff;
	color: #222;
}

/*------------------------1.6 testimonial Section---------------*/
.testimonial_style2 {
	padding-top: 120px;
	padding-bottom: 170px;
}

.contact1 .section_title h5.title_20, .testimonial_style2 .section_title h5.title_20
	{
	color: #101010;
	font-size: 40px;
	line-height: 45px;
	padding-bottom: 105px;
	padding-top: 0;
}

.testimonial_style2 .author_img {
	border: 2px solid #eeeeee;
	margin: 0 auto;
	width: 125px;
	height: 125px;
}

.testimonial_style2 .author_img img {
	width: 100%;
	height: 100%;
}

.testimonial_style2 .author_info {
	padding-left: 30px;
	width: 87%;
}

.testimonial_style2 .author_info>h5::before {
	background: #c7c7c7;
	content: "";
	height: 1px;
	position: absolute;
	right: -55px;
	top: 17px;
	width: 35px;
}

.testimonial_style2 .author_info>h5::after {
	background: #c7c7c7;
	border-radius: 100%;
	content: "";
	height: 8px;
	right: -62px;
	margin-left: -4px;
	position: absolute;
	top: 13.0px;
	width: 8px;
}

.testimonial_style2 .owl-nav {
	margin-top: 35px;
}

.testimonial_style2 .owl-next, .testimonial_style2 .owl-prev {
	background: #f0f0f0;
	color: #949494;
	border-radius: 100%;
	display: inline-block;
	font-size: 18px;
	height: 40px;
	left: 50%;
	margin: 0 9px;
	padding: 7px 10px;
	position: absolute;
	width: 40px;
}

.testimonial_style2 .owl-next:hover, .testimonial_style2 .owl-prev:hover
	{
	background: #20cfbc;
	color: #fff;
}

.testimonial_style2 .owl-next {
	transform: translate(3px)
}

.testimonial_style2 .owl-prev {
	transform: translate(-62px)
}

/*----------------------1.7 contact section--------------------*/
.contact_form .abform_area .abinput_group {
	margin-bottom: 20px;
	width: 49.1%;
	position: relative;
	height: 50px;
	background: #fff;
}

.contact_form .abform_area .abinput_group.msg {
	width: 100%;
	clear: both;
	height: 150px;
	margin-bottom: 0px;
}

.contact_form .abform_area .abinput_group>input {
	border: medium none;
	height: 100%;
	padding: 10px 22px;
	width: 100%;
	background: none;
}

.contact_form .abform_area .abinput_group>textarea {
	border: none;
	resize: none;
	width: 100%;
	padding: 10px 22px;
	margin-bottom: 0;
	height: 100%;
	background: none;
}

.contact_form .abform_area button {
	border: none;
	height: 50px;
}

.contact1 {
	background: #f9f9f9;
	padding-top: 120px;
	padding-bottom: 130px;
}

.contact1 .abform_area .abinput_group label {
	color: #878787;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	cursor: text;
	-webkit-transform: translateY(38px);
	-moz-transform: translateY(38px);
	-ms-transform: translateY(38px);
	-o-transform: translateY(38px);
	transform: translateY(38px);
}

.contact1 .abform_area .abinput_group.input_effect label {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.contact1 .abform_area .abinput_group {
	width: 48.3%;
	height: auto;
	background: none;
}

.contact1 .abform_area .abinput_group:nth-child(even) {
	margin-left: 20px;
}

.contact1 .abform_area .abinput_group>input {
	height: 50px;
	margin-bottom: 0;
}

.contact1 .abform_area .abinput_group.msg {
	height: auto;
}

.contact1 .abform_area .abinput_group.msg textarea {
	height: 150px;
	padding-right: 90px !important;
}

.contact1 .abform_area .abinput_group>textarea, .contact1 .abform_area .abinput_group>input
	{
	color: #333333;
	padding-left: 0;
	border-bottom: 1px solid #d2d2d2;
}

.contact1 .abform_area button {
	background: #20cfbc;
	border-radius: 100%;
	bottom: 60px;
	color: #fff;
	cursor: pointer;
	font-size: 40px;
	height: 70px;
	position: absolute;
	right: 0;
	width: 70px;
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}

.contact1 .abform_area button:hover {
	box-shadow: none;
}

.contact1 .contact_address {
	background: #fff none repeat scroll 0 0;
	height: 100%;
	padding: 45px 35px;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
}

.contact1 .contact_address p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 25px;
	padding-left: 35px;
}

.contact1 .contact_address p i {
	left: 0;
	position: absolute;
	top: 0;
	font-size: 20px;
}

.contact1 .contact_address .social_contact a {
	color: #939393;
	font-size: 18px;
	margin-right: 12px;
}

.contact1 .contact_address .social_contact a:hover {
	color: #101010;
}

.contact1 .wrapper .line, .contact1 .contact_address .line {
	background: #333333;
	height: 1px;
	margin-bottom: 7px;
	width: 50px;
}

/*-------------1.8 Fooer section------------------*/
.footer_section {
	background: #24272d;
}

.footer_section .footer_wrapper {
	height: 95px;
}

.footer_section .footer_wrapper .copyright {
	color: #d4d4d4;
	width: 40%;
}

.footer_section .footer_wrapper .copyright a {
	color: #20cfbc;
	position: relative;
}

.footer_section .footer_wrapper .copyright a:after {
	background: #d4d4d4 none repeat scroll 0 0;
	content: "";
	height: 1px;
	position: absolute;
	right: -80px;
	top: 10px;
	width: 60px;
}

.footer_section .footer_wrapper .copyright a:hover {
	text-decoration: underline;
}

.footer_section .footer_menu {
	width: 60%;
	text-align: right;
}

.footer_section .footer_menu li a {
	color: #d3d3d3;
	font-size: 15px;
	margin-left: 15px;
	padding: 0 5px;
}

.footer_section .footer_menu li a:hover {
	color: #20cfbc;
}

/*--------------------------01. end home page-1 style------------------------*/

/*--------------------------02. start home page-2 style------------------------*/
/*------search area style-------*/
.search_overlay {
	background: rgba(34, 34, 34, 0.8);
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 11;
	opacity: 0;
	top: 0;
	left: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.search_overlay.show_overlay {
	opacity: 1;
	visibility: visible;
}

.search_area_modal {
	background: #f6f6f6 none repeat scroll 0 0;
	left: 50%;
	min-width: 600px;
	padding: 30px;
	position: fixed;
	top: -120px;
	overflow: hidden;
	z-index: 12;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 0.4s cubic-bezier(0.07, 0.68, 0.46, 0.98);
	-o-transition: all 0.4s cubic-bezier(0.07, 0.68, 0.46, 0.98);
	transition: all 0.4s cubic-bezier(0.07, 0.68, 0.46, 0.98);
}

.search_area_modal.show_search {
	top: 60px;
}

.search_area_modal .ion-android-close {
	background: #fff;
	color: #222;
	border-radius: 0 8px 0 70px;
	cursor: pointer;
	display: inline-block;
	font-size: 20px;
	padding: 6px 16px 11px 19px;
	position: absolute;
	right: -5px;
	text-align: center;
	top: -3px;
}

.search_area_modal .ion-android-close:hover {
	background: #81b2df;
	color: #fff;
}

.search_area_modal input, .search_area_modal button {
	border: medium none;
	float: left;
	height: 50px;
	padding: 5px;
}

.search_area_modal input {
	padding-left: 20px;
	font-size: 18px;
}

.search_area_modal input {
	color: #333;
	background: #fff;
}

.search_area_modal button {
	background: #fff;
}

.search_area_modal input {
	width: 90%;
}

.search_area_modal button {
	width: 10%;
}

.search_area_modal button i {
	font-size: 25px;
	padding: 9px;
	display: inline-block;
}

.search_area_modal button:hover i {
	color: #81b2df;
}

/*--topbar--*/
.header_v2 .topbar {
	height: 50px;
}

.header_v2 .topbar_right ul.social_contact li a {
	color: #666666;
	display: inline-block;
	font-size: 16px;
	margin-left: 7px;
	padding: 0 5px;
	line-height: 50px;
}

.header_v2 .topbar_right ul.social_contact li a:hover {
	color: #81b2df;
}

.header_v2 .topbar_left .nice-select {
	color: #666666;
	height: auto;
	background: none;
	border: none;
	font-family: roboto;
	line-height: 50px;
}

.header_v2 .topbar_left .nice-select::after {
	border-bottom-color: #81b2df;
	border-right-color: #81b2df;
	height: 7px;
	margin-top: -3px;
	width: 7px;
}

.header_v2 .topbar_left .nice-select .option {
	font-family: roboto;
	font-size: 14px;
}

.header_v2 .topbar_left .nice-select .list {
	border-radius: 0;
	margin-top: 0px;
}

.header_v2 .stuck_menu .menuzord {
	padding: 0 50px 0 0;
}

.header_v2 .stuck_menu .menuzord-brand {
	margin: 20px 30px 0 0;
}

.header_v2 .stuck_menu .menuzord-menu li a {
	color: #57555c;
	font-size: 15px;
	font-weight: 400;
}

.header_v2 .stuck_menu .menuzord-menu>li>a {
	line-height: 85px;
	padding: 0 15px;
}

.header_v2 .stuck_menu .menuzord-menu li a:hover, .header_v2 .stuck_menu .menuzord-menu li.active a
	{
	color: #81b2df;
}

.header_v2 .search_icon {
	margin-top: -13px;
	position: absolute;
	right: 15px;
	top: 50%;
}

.header_v2 .search_icon li i {
	color: #81b2df;
	cursor: pointer;
	font-size: 23px;
	padding: 5px 8px;
}

.header_v2 .nice-select {
	padding-left: 7px;
	padding-right: 24px;
	margin-top: 21px;
	border: 0;
	line-height: 42px;
}

@media ( min-width : 1280px) {
	.header_v2 .nice-select {
		margin-right: -110px;
		margin-left: 200px;
	}
}

@media ( min-width : 1480px) {
	.header_v2 .nice-select {
		margin-right: -200px;
		margin-left: 200px;
	}
}

.open {
	font-family: roboto;
}

/*-----------dropdown menu style----------*/
.stuck_menu .menuzord-menu ul.dropdown, .stuck_menu .menuzord-menu ul.dropdown li ul.dropdown
	{
	background: #fff;
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.07);
	min-width: 250px;
}

.stuck_menu .menuzord-menu>li>.megamenu, .stuck_menu .menuzord-menu ul.dropdown
	{
	top: 90px;
}

.stuck_menu .menuzord-menu ul.dropdown li ul.dropdown {
	top: 0px;
}

.stuck_menu .menuzord-menu ul.dropdown li a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	color: #444444;
	font-size: 14px;
	padding: 12px 25px 12px 22px;
}

.stuck_menu .menuzord-menu ul.dropdown li a:hover {
	background: rgba(0, 0, 0, 0.03);
}

.stuck_menu .menuzord-menu ul.dropdown>li:last-child a {
	border-bottom: none
}

.stuck_menu .menuzord-menu li ul.dropdown li .indicator {
	top: 13px;
}

.stuck_menu .menuzord-menu ul.dropdown li a i.ion-ios-plus-outline {
	font-size: 18px;
}

/*-------------home-2 banner style---------*/
.home2_banner {
	background: url(images/slider_img/slider_img1.4-1440px.jpg) no-repeat fixed
		center center/cover;
}

.home2_banner .overlay {
	background: rgba(0, 0, 0, 0.5);
}

.home2_banner .banner_content {
	height: 525px;
}

.home2_banner .banner_content h1, .home2_banner .banner_content h5 {
	width: 100%;
}

.home3_banner .banner_content .contact, .home2_banner .banner_content .contact
	{
	height: 60px;
	line-height: 62px;
	min-width: 230px;
	background: #81b2df;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
}

.home2_banner .banner_content .contact:hover {
	background: #fff;
	color: #81b2df;
}

/*------------home-2 welcome section------------*/
.section_title2 {
	align-items: center;
}

.section_title2 h2 {
	font-size: 38px;
	line-height: 50px;
}

.home2_welcome .section_title2 h2::after {
	background: #e4e4e4 none repeat scroll 0 0;
	content: "";
	height: 80px;
	position: absolute;
	right: -58px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.home2_welcome {
	padding: 120px 0 130px;
}

.home2_welcome .single_process {
	padding: 22px 0 22px 110px;
}

.home2_welcome .single_process:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 250px;
	height: 1px;
	background: #efefef;
}

.home2_welcome .single_process>i {
	color: #81b2df;
	display: inline-block;
	font-size: 72px;
	left: 0;
	line-height: normal;
	position: absolute;
	top: 22px;
}

.home2_welcome .single_process:first-child>i {
	top: 0px;
}

.home2_welcome .single_process:first-child {
	padding-top: 0;
}

.home2_welcome .single_process:last-child:before {
	display: none;
}

.home2_welcome .single_process:last-child {
	padding-bottom: 0;
}

.home2_welcome .single_process h5>a {
	color: #333;
}

.home2_welcome .single_process h5>a:hover {
	color: #81b2df;
}

.home2_welcome .img_area {
	background: #fff;
	box-shadow: 7px 10px 20px rgba(0, 0, 0, 0.1);
	padding: 8px;
}

/*------------home-2 fun facts--------------*/
.facts5 {
	background: rgba(0, 0, 0, 0) url("images/licensed/shutterstock_737734477-1500px.jpg") no-repeat
		scroll right center/cover;
	padding: 115px 0 115px;
}

.facts5 .overlay {
	background: rgba(51, 51, 56, 0.8)
}

.facts5 .facts_common::before {
	background: #717171;
	content: "";
	height: 50px;
	left: 68px;
	position: absolute;
	top: 7px;
	width: 1px;
}

.facts5 .facts_common h3 {
	font-family: roboto;
}

.facts5 .facts_common i {
	color: #81b2df;
	font-size: 45px;
	line-height: normal;
	position: absolute;
	left: 0;
	top: -1px;
}

/*-------------home-2 project section----------------*/
.home2_project {
	padding: 120px 0 0;
}

.home2_project .single_item  img {
	width: 100%;
}

.home2_project .home2_project_wrapper .title {
	align-items: flex-start;
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
	justify-content: space-between;
	left: 0;
	padding: 30px;
	position: absolute;
	top: 0;
	width: 100%;
}

.home2_project .single_item:hover .title {
	background: rgba(0, 0, 0, 0.4);
}

.home2_project .home2_project_wrapper .title .venobox {
	color: #fff;
	display: block;
	font-size: 24px;
	left: 50%;
	padding: 5px 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
}

.home2_project .single_item:hover .title .venobox {
	opacity: 1;
	visibility: visible;
}

.home2_project .home2_project_wrapper .title h4 a {
	color: #fff;
}

.home2_project .home2_project_wrapper .title h4 a:hover {
	text-decoration: underline;
}

.home2_project .home2_project_wrapper .owl-prev, .home2_project .home2_project_wrapper .owl-next
	{
	background: rgba(255, 255, 255, 0.5);
	color: #333;
	display: inline-block;
	font-size: 30px;
	height: 40px;
	margin-top: -20px;
	opacity: 0;
	padding: 5px;
	position: absolute;
	text-align: center;
	top: 50%;
	visibility: hidden;
	width: 40px;
}

.home2_project .home2_project_wrapper .owl-prev {
	left: 0;
}

.home2_project .home2_project_wrapper .owl-next {
	right: 0;
}

.home2_project .home2_project_wrapper:hover .owl-prev, .home2_project .home2_project_wrapper:hover .owl-next
	{
	opacity: 1;
	visibility: visible;
}

/*------------home-2 team style-----------*/
.team_common .member_info>a {
	color: #222;
	font-size: 18px;
	line-height: 26px;
}

.team_common .member_info span {
	color: #363636;
	font-size: 13px;
}

.team_common .member_img img {
	width: 100%;
}

.team_style12 {
	padding: 120px 0 130px;
}

.team_style12 .team_wrapper {
	border: 1px solid #f1f1f1;
}

.team_style12 .team_common {
	border-right: 1px solid #f1f1f1;
	background: #ffffff;
	padding: 25px 30px;
	float: left;
	width: 25%;
	box-shadow: 0 -3px 0 0 #005696 inset;
}

.team_style12 .team_common:hover {
	box-shadow: 0 -370px 0 0 #005696 inset;
}

.team_style12 .team_common:last-child {
	border-right: none;
}

.team_style12 .member_img {
	border: 1px solid #f1f1f1;
	border-radius: 100%;
	height: 130px;
	width: 130px;
	margin: 0 auto;
}

.team_style12 .member_img img {
	border-radius: 100%;
}

.team_style12 .team_common .member_info {
	padding: 30px 0px 0px;
}

.team_style12 .member_info .line {
	background: #09a5cc;
	height: 1px;
	margin: 12px auto;
	width: 25px;
}

.team_style12 .member_info a.mobile_number {
	color: #005696;
	font-size: 14px;
}

.team_style12 .member_info .social_contact li {
	display: inline-block;
}

.team_style12 .member_info .social_contact a {
	color: #606060;
	display: inline-block;
	padding: 7px;
	text-align: center;
}

.team_style12 .team_common:hover .member_info span, .team_style12 .team_common:hover .member_info a
	{
	color: #fff;
}

.team_style12 .team_common:hover .member_info p {
	color: #fff;
}

.team_style12 .team_common:hover .member_info .line {
	background: #fff;
}

.team_style12 .team_common .member_info a:hover {
	color: #c6dcf0;
}

/*--------------home-2 testimonial-------------*/
.testimonial_style3 {
	background: #e7f0f9;
	padding: 120px 0px;
}

.testimonial_style3 .author_img {
	border: 1px solid #eeeeee;
	width: 100px;
	height: 100px;
	margin: 0 30px;
	display: table-cell;
    vertical-align: middle;
}

.testimonial_style3 .author_img img {
	width: 100%;
}

.testimonial_style3 p.author_comment {
	font-style: italic;
	font-size: 16px;
}

.testimonial_style3 .owl-next, .testimonial_style3 .owl-prev {
	font-size: 20px;
	display: inline-block;
	padding: 2px 7px;
	position: absolute;
	top: 37px;
	color: #676767;
}

.testimonial_style3 .owl-next {
	right: 125px;
}

.testimonial_style3 .owl-prev {
	left: 125px;
}

/*--------------home-2 client logo section-----------*/
.home2_client_logo {
	padding: 120px 0;
}

.home2_client_logo .client_logos a:hover img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}

/*------------------home-2 footer -----------------*/
.home2_footer {
	background: rgb(212, 230, 241);
	padding: 0;
}

.home2_footer .contact_area h4.title_36 {
	color: #aeaeae;
	font-size: 35px;
}

.home2_footer .contact_area form {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
}

.home2_footer .contact_area form>input {
	border: medium none;
	border-radius: 50px 0 0 50px;
	float: left;
	height: 50px;
	padding: 10px 20px 10px 25px;
	width: 85%;
	background: #383838;
	color: #fff;
}

.home2_footer .contact_area form>button {
	background: #383838;
	border: medium none;
	border-radius: 0 50px 50px 0;
	color: #fff;
	display: block;
	float: left;
	font-size: 43px;
	height: 50px;
	margin-left: -1px;
	width: 15%;
}

.home2_footer .contact_area form>button:hover {
	color: #81b2df;
	padding-left: 10px;
}

.home2_footer .footer_widget_area {
	padding-top: 72px;
}

.home2_footer .footer_widget_area .contact_address {
	align-items: flex-start;
	display: flex;
	flex-flow: row wrap;
}

.home2_footer .contact_address p {
	color: #aeaeae;
	display: block;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 25px;
	margin-right: 2%;
	width: 48%;
	padding-left: 30px;
	position: relative;
}

.home2_footer .contact_address p i {
	left: 0;
	position: absolute;
	top: 0;
	color: #81b2df;
}

.home2_footer .contact_address p span {
	margin-right: 3px;
}

.home2_footer .contact_address .web>a {
	color: #81b2df;
}

.home2_footer .contact_address .web>a:hover {
	text-decoration: underline;
}

.home2_footer .single_widget .payment_method  li a {
	display: block;
}

.home2_footer .single_widget .social_connect {
	margin-bottom: 30px;
	margin-top: 29px;
	display: block;
}

.home2_footer .single_widget .social_connect a {
	color: #606060;
	font-size: 16px;
	padding: 2px 5px;
}

.home2_footer .single_widget p.copyright {
	color: #aeaeae;
}

.home2_footer .single_widget p.copyright>a {
	color: #81b2df;
}

.home2_footer .single_widget p.copyright>a:hover {
	text-decoration: underline;
}

.home2_footer .single_widget .social_connect a:hover {
	color: #81b2df;
}
/*--------------------------02. end home page-2 style------------------------*/

/*--------------------------03. start home page-2 (dark) style------------------------*/
.bg_color_1c1 {
	background: #1c1d1e;
}

.color_ece {
	color: #ececec;
}

.color_d1a {
	color: #d1a674;
}

.header_v2.dark .topbar {
	background: #1c1d1e;
}

.header_v2.dark .topbar_left .nice-select .list {
	background: #1c1d1e;
}

.header_v2.dark .topbar_left .nice-select .option:hover, .header_v2.dark .topbar_left .nice-select .option.focus,
	.header_v2.dark .topbar_left .nice-select .option.selected.focus {
	background-color: #131414;
}

.header_v2.dark .topbar_left .nice-select::after {
	border-bottom-color: #c89962;
	border-right-color: #c89962;
}

.header_v2.dark .topbar_right ul.social_contact li a:hover {
	color: #c89962;
}

.header_v2.dark .stuck_menu {
	background: #232425;
}

.header_v2.dark .stuck_menu .menuzord-menu li a {
	color: #e2e1e1;
}

.header_v2.dark .stuck_menu .menuzord-menu li a:hover, .header_v2.dark .stuck_menu .menuzord-menu li.active a
	{
	color: #c89962;
}

.header_v2.dark .search_icon li i {
	color: #c89962;
}

.header_v2.dark .stuck_menu .menuzord-menu ul.dropdown, .header_v2.dark .stuck_menu .menuzord-menu ul.dropdown li ul.dropdown
	{
	background: #232425
}

/*--------banner section------------*/
.home2_banner.dark .banner_content .contact {
	background: #c89962;
}

.home2_banner.dark .banner_content .contact:hover {
	background: #fff;
	color: #c89962;
}

/*-----welcome section--------*/
.home2_welcome.dark .section_title2 p {
	color: #ececec;
}

.home2_welcome.dark .single_process h5>a {
	color: #d1a674;
}

.home2_welcome.dark .single_process h5>a:hover {
	color: #81b2df;
}

.home2_welcome.dark .single_process>i {
	color: #d1a674;
}

.home2_welcome.dark .single_process p {
	color: #ececec;
}

.home2_welcome.dark .single_process::before {
	background: #2f3031;
}

/*------facts----*/
.facts5.dark .overlay {
	background: rgba(0, 0, 0, 0.8);
}

.facts5.dark .facts_common i {
	color: #d1a674;
}

/*------*/
.home2_project.dark {
	background: #151616;
}

.team_style12.dark {
	background: #232425;
}

.team_style12.dark .team_wrapper {
	border-color: #2e2f30;
}

.team_style12.dark .team_common {
	background: transparent;
	border-right-color: #2e2f30;
	box-shadow: 0 -3px 0 0 #d1a674 inset;
}

.team_style12.dark .team_common:hover {
	box-shadow: 0 -370px 0 0 #d1a674 inset;
}

.team_style12.dark .team_common .member_info>a {
	color: #fff;
}

.team_style12.dark .team_common .member_info a:hover {
	color: #333;
}

.team_style12.dark .team_common .member_info span {
	color: #a7a7a7;
}

.team_style12.dark .team_common:hover .member_info span {
	color: #fff;
}

.team_style12.dark .member_info a.mobile_number {
	color: #d1a674;
}

.team_style12.dark .team_common:hover .member_info a.mobile_number {
	color: #fff;
}

.team_style12.dark .member_info .line {
	background: #d1a674;
}

.testimonial_style3.dark p.author_comment {
	color: #bababa;
}

.home2_client_logo.dark {
	background: #232425;
}
/*--------------------------03. end home page-2 (dark) style------------------------*/

/*--------------------------04. start home page-3 style------------------------*/
.header_v2.home3 .stuck_menu .menuzord {
	padding: 0 200px 0 0;
}

.header_v2.home3 .search_icon .getqut {
	border: 1px solid #dcdcdc;
	color: #555555;
	display: block;
	font-size: 14px;
	height: 43px;
	line-height: 42px;
	margin-right: 10px;
	min-width: 140px;
	padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
}

.header_v2.home3 .search_icon .getqut:hover {
	border-color: #555555;
	color: #fff;
	background: #555555;
}

.header_v2.home3 .search_icon {
	margin-top: -20px;
}

.header_v2.home3 .search_icon>li {
	vertical-align: middle;
}

.header_v2.home3 .stuck_menu .menuzord-menu>li>a {
	position: relative;
	color: #57555c;
}

.header_v2.home3 .stuck_menu .menuzord-menu>li>a:before {
	content: "";
	position: absolute;
	left: 50%;
	width: 14px;
	height: 2px;
	background: #000;
	margin-left: -7px;
	bottom: 25px;
	opacity: 0;
	visibility: hidden;
}

.header_v2.home3 .stuck_menu .menuzord-menu li a:hover:before,
	.header_v2.home3 .stuck_menu .menuzord-menu li.active a:before {
	opacity: 1;
	visibility: visible;
}

/*-----------------home page-3 banner-----------------*/
.home3_banner {
	background: url(images/slider_img/slider_img1.1.jpg) no-repeat center
		center/cover;
}

.home3_banner .overlay {
	background: rgba(0, 0, 0, 0.75);
}

.home3_banner .banner_content {
	height: 860px;
}

.home3_banner .banner_content h1, .home3_banner .banner_content h5 {
	width: 100%;
}

.home3_banner .banner_content .contact {
	background: #fff;
	color: #000;
}

.home3_banner .banner_content .contact:hover {
	background: #81b2df;
	color: #fff;
}

/*--------------home page-3 service------------*/
.section_title3 h5 {
	margin: 0 auto;
	max-width: 710px;
	width: 100%;
}

.welcome29 {
	padding-top: 115px;
	padding-bottom: 90px;
}

.welcome29 .intro_common {
	padding: 40px 20px;
	border-top: 2px solid transparent;
}

.welcome29 .intro_common:hover {
	background: #fff;
	border-color: #005696;
}

.welcome29 .intro_common span.d_inline {
	align-items: center;
	background: #005696;
	border: 2px solid transparent;
	color: #fff;
	display: flex;
	flex-flow: column nowrap;
	font-size: 40px;
	height: 100px;
	justify-content: center;
	padding: 0;
	width: 100px;
	margin: 0 auto;
}

.welcome29 .intro_common span.d_inline i {
	line-height: normal;
}

.welcome29 .intro_common:hover span.d_inline {
	background: transparent;
	border: 2px solid #005696;
	color: #272b31;
}

/*----------------about section-----------*/
.about_section {
	padding-top: 115px;
	padding-bottom: 130px;
}

.about_section .single_img {
	border: 1px solid #f3f3f3;
	padding: 20px;
}

/*-------------home page-3 project section-----------*/
.portfolio_common .portfolio_menu {
	width: 100%;
	text-align: center;
}

.portfolio_common .portfolio_menu li {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 23px;
	cursor: pointer;
	position: relative;
}

/*------portfolio menu click animation-----*/
.portfolio_common .portfolio_menu li span.icon {
	background: #fff;
	bottom: 0px;
	height: 9px;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	width: 1px;
	opacity: 0;
	visibility: hidden;
}

.portfolio_common .portfolio_menu li.is-checked span.icon {
	bottom: -10px;
	opacity: 1;
	visibility: visible;
}

.portfolio_common .portfolio_menu li span.icon:before {
	background: #fff none;
	border-radius: 100%;
	bottom: -4px;
	content: "";
	height: 5px;
	left: -2px;
	position: absolute;
	width: 5px;
}

.portfolio_common .portfolio_menu li:before {
	background: rgba(255, 255, 255, 0.08);
	border-radius: 100%;
	content: "";
	left: 50%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	width: 100px;
	height: 100px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.2);
	-ms-transform: translate(-50%, -50%) scale(0.2);
	-o-transform: translate(-50%, -50%) scale(0.2);
	transform: translate(-50%, -50%) scale(0.2);
}

.portfolio_common .portfolio_menu li.is-checked:before {
	animation: circle_wave 0.5s ease-out;
}

@
keyframes circle_wave { 0% {
	transform: translate(-50%, -50%) scale(0.2);
	opacity: 0;
	visibility: hidden;
}

50%
{
opacity












:






 






1;
visibility












:






 






visible












;
}
100%
{
transform












:






 






translate












(-50%
,
-50%)
scale












(1);
opacity












:






 






0;
visibility












:






 






hidden












;
}
}
@media ( max-width : 991px) {
	.portfolio_common .portfolio_menu li {
		font-size: 14px;
		padding: 0 17px;
	}
}

@media ( max-width : 767px) {
	.portfolio_common .portfolio_menu li {
		margin-bottom: 17px;
	}
}

.home3_project {
	overflow: hidden;
	padding-top: 115px;
	background: url(images/home3_porject_bg.jpg) no-repeat center center/cover;
}

.home3_project .overlay {
	background: rgba(0, 0, 0, 0.8);
}

.home3_project .portfolio_wrapper {
	margin-top: 70px;
}

.home3_project .single_item .hover_title {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	height: 100%;
	padding: 20px;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}

.home3_project .single_item:hover .hover_title {
	opacity: 1;
	visibility: visible;
}

.home3_project .single_item .hover_title h4 {
	bottom: 20px;
	left: 20px;
	position: absolute;
}

.home3_project .single_item .hover_title h4>a {
	color: #fff;
}

.home3_project .single_item .hover_title h4>a:hover {
	text-decoration: underline;
}

.home3_project .single_item .hover_title p {
	position: absolute;
	right: -25px;
	top: 50%;
	transform: rotate(-90deg) translateY(-50%);
}

/*---------------home3 fun facts-----------------*/
.facts3 {
	background: #202327;
	padding: 125px 0;
}

.facts3 .facts_common i {
	color: #e8e8e8;
	display: inline-block;
	font-size: 45px;
	line-height: normal;
	margin-bottom: 15px;
}

.facts3 .facts_common p.facts_title {
	color: #e8e8e8;
}

.facts3 .facts_common span.line {
	height: 2px;
	width: 50px;
	background: #4e5257;
}

/*----------------home-3 blog post section-------------*/
.blog_post_comon .single_blog_post .img_area {
	overflow: hidden;
}

.blog_post_comon .single_blog_post .img_area img {
	width: 100%;
}

.blog_post4 {
	padding: 115px 0 130px;
}

.blog_post4 .single_blog_post .img_area {
	width: 460px;
}

.blog_post4 .single_blog_post .blog_content ul li {
	color: #777;
	font-size: 13px;
	line-height: 13px;
	padding: 0 10px;
}

.blog_post4 .single_blog_post .blog_content ul li:first-child {
	border-right: 1px solid #777;
	padding-left: 0;
}

.blog_post4 .single_blog_post .blog_content .read_more {
	background: #202327;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	height: 40px;
	line-height: 39px;
	min-width: 150px;
	text-align: center;
}

.blog_post4 .single_blog_post .blog_content .read_more i {
	display: inline-block;
	font-size: 26px;
	line-height: 25px;
	margin-left: 10px;
	vertical-align: middle;
}

.blog_post4 .single_blog_post .blog_content .read_more:hover i {
	margin-left: 15px;
}

.blog_post4 .blog_post4_wrapper .owl-prev, .blog_post4 .blog_post4_wrapper .owl-next
	{
	color: #dcdcdc;
	display: inline-block;
	font-size: 60px;
	position: absolute;
	top: 50%;
	margin-top: -27px;
}

.blog_post4 .blog_post4_wrapper .owl-prev:hover, .blog_post4 .blog_post4_wrapper .owl-next:hover
	{
	color: #692E73;
}

.blog_post4 .blog_post4_wrapper .owl-prev {
	left: -60px;
}

.blog_post4 .blog_post4_wrapper .owl-next {
	right: -60px;
}

/*-----------------home page-3 tesitmonial section----------------*/
.testimonial_style12 {
	background: url(images/licensed/shutterstock_540342541.jpg) no-repeat center center/cover;
	padding: 130px 0;
}

.testimonial_style12 .overlay {
	background: rgba(255, 255, 255, 0.8);
}

.testimonial_style12 .author_info h5 {
	line-height: 20px;
	font-family: 'Roboto', sans-serif;
	color: #1e1e27;
	font-weight: 500;
}

.testimonial_style12 .author_info span {
	font-size: 14px;
}

.testimonial_style12 p.author_comment {
	font-style: italic;
	padding-top: 13px;
}

.testimonial_style12 .author_info {
	border: 1px solid #fff;
	padding: 30px 20px;
	background: #fff;
}

.testimonial_style12 .border_extra {
	border: 1px solid #fff;
	padding: 30px;
}

.testimonial_style12 .author_img {
	border: 1px solid #eeeeee;
	height: 80px;
	margin: 0px auto 0;
	width: 80px;
}

.testimonial_style12 .author_img img {
	width: 100%;
}

.testimonial_style12 .border_extra:before {
	border-bottom: 44px solid transparent;
	border-left: 40px solid #fff;
	bottom: -44px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: 17px;
	position: absolute;
	width: 0;
}

.testimonial_style12 .border_extra:after {
	border-bottom: 39px solid transparent;
	border-left: 35px solid #F2F9FC;
	border-top: 0 solid transparent;
	bottom: -39px;
	content: "";
	height: 0;
	left: 50%;
	margin-left: 19px;
	position: absolute;
	width: 0;
}

.testimonial_style12 .owl-prev, .testimonial_style12 .owl-next {
	color: #8c8c8c;
	display: inline-block;
	font-size: 24px;
	margin: -70px 0 0;
	padding: 6px 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.testimonial_style12 .owl-prev {
	left: -70px;
}

.testimonial_style12 .owl-next {
	right: -70px;
}

/*----------------home-3 footer section--------------*/
.home3_footer {
	background: #1d1d1e;
	padding-top: 130px;
	padding-bottom: 100px;
}

.home3_footer .contact_title {
	margin-right: 35px;
	max-width: 385px;
	width: 100%;
	text-align: right;
}

.home3_footer .contact_area h4 {
	font-size: 35px;
	line-height: 36px;
}

.home3_footer .contact_area .subtitle {
	color: #fdfdfd;
	margin-top: 2px;
}

.home3_footer .contact_area form {
	width: 500px;
}

.home3_footer .contact_area form>input {
	border: medium none;
	background: #383838;
	color: #aeaeae;
	float: left;
	height: 50px;
	padding: 10px 20px 10px 25px;
	width: 85%;
}

.home3_footer .contact_area form>button {
	background: #383838;
	border: medium none;
	color: #aeaeae;
	display: block;
	float: right;
	font-size: 43px;
	height: 50px;
	width: 15%;
}

.home3_footer .contact_area form>button:hover {
	color: #81b2df;
	padding-left: 10px;
}

.home3_footer .footer_widget_area {
	margin: 0 auto;
	max-width: 1340px;
	width: 100%;
	padding-top: 45px;
}

.home3_footer .single_widget .footer_logo {
	width: 160px;
}

.home3_footer .single_widget .widget_txt {
	color: #aeaeae;
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 28px;
	margin-top: 30px;
}

.home3_footer .single_widget .social_connect a {
	color: #606060;
	font-size: 16px;
	padding: 2px 5px;
}

.home3_footer .single_widget .social_connect a:hover {
	color: #81b2df;
}

.home3_footer p.copyright {
	color: #aeaeae;
	font-size: 14px;
	padding-top: 30px;
}

.home3_footer p.copyright a {
	color: #fff;
}

.home3_footer p.copyright>a:hover {
	color: #81b2df;
}

.home3_footer .single_widget .widget_title {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	padding-bottom: 33px;
}

.home3_footer .single_widget .quick_link li a {
	display: inline-block;
	font-size: 15px;
	line-height: 33px;
	color: #aeaeae;
}

.home3_footer .single_widget .quick_link li a:hover {
	color: #81b2df;
}

.home3_footer .twitter_post {
	padding-top: 8px;
}

.home3_footer .twitter_post .single_tweet {
	align-items: flex-start;
	border-bottom: 1px solid #2c2c2e;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	padding: 12px 0;
}

.home3_footer .twitter_post .single_tweet:last-child {
	border-bottom: none;
}

.home3_footer .twitter_post .single_tweet:first-child {
	padding-top: 0;
}

.home3_footer .twitter_post .single_tweet a {
	display: block;
}

.footer_widget3 .twitter_post .single_tweet .tweet_img {
	background: #fff;
	border: 1px solid #ddd;
	height: 60px;
	width: 60px;
}

.home3_footer .single_tweet .twitter_text {
	max-width: 200px;
	width: 100%;
	padding-left: 20px;
}

.home3_footer .single_tweet .twitter_text li a {
	font-size: 15px;
	line-height: 20px;
	margin-top: -5px;
	display: block;
	color: #aeaeae;
}

.home3_footer .single_tweet .twitter_text li a:hover {
	color: #81b2df;
}

.home3_footer .twitter_post .single_tweet .post_time {
	color: #fff;
	font-size: 12px;
	margin-top: 5px;
}

.home3_footer .contact_address p {
	margin-bottom: 7px;
	padding-left: 30px;
	position: relative;
	color: #aeaeae;
}

.home3_footer .contact_address p.address {
	border-bottom: 1px solid #2c2c2e;
	padding-bottom: 15px;
}

.home3_footer .contact_address p i {
	left: 0;
	position: absolute;
	top: 0;
}

.home3_footer .contact_address p span {
	margin-right: 3px;
}

.home3_footer .contact_address p.phone {
	margin-top: 15px;
}

.home3_footer .contact_address .web>a {
	color: #81b2df;
}

.home3_footer .contact_address .web>a:hover {
	text-decoration: underline;
}
/*--------------------------04. end home page-3 style------------------------*/

/*--------------------------05. start about us page style------------------------*/
.breadcrumbs .breadcrumb {
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 0;
	padding: 0;
}

.breadcrumbs .breadcrumb>li {
	display: inline-block;
	font-size: 14px;
	padding: 0 14px;
	position: relative;
}

.breadcrumbs .breadcrumb>li+li::before {
	color: #aeaeae;
	content: "\f3d6";
	font-family: "Ionicons";
	font-size: 19px;
	left: -8px;
	line-height: normal;
	padding: 0;
	position: absolute;
	top: 4px;
}

.breadcrumbs .breadcrumb>li:first-child {
	padding-left: 0;
}

.breadcrumbs .breadcrumb>.active {
	color: #fff;
}

.breadcrumbs .breadcrumb>li a {
	color: #a5a5a5;
}

.breadcrumbs .breadcrumb>li a:hover {
	color: #fff;
}

.breadcrumbs .breadcrumbs_content {
	height: 400px;
}

.breadcrumbs ol.breadcrumb {
	bottom: 20px;
	left: 50%;
	min-width: 240px;
	text-align: center;
	display: block;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
}

.breadcrumbs {
	background: url(images/breadcrubs_bg.jpg) no-repeat center center/cover;
	overflow: hidden;
}

.breadcrumbs--services {
	background: url(images/licensed/shutterstock_1474034453-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--ccm-business {
	background: url(images/licensed/shutterstock_1099727546-b-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--ccm-software {
	background: url(images/licensed/shutterstock_506137015-b-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--rdm-business {
	background: url(images/licensed/shutterstock_1094497565-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--rdm-product {
	background: url(images/licensed/shutterstock_794573677-b-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--tpm-business {
	background: url(images/licensed/shutterstock_1081030592-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--tpm-product {
	background: url(images/licensed/shutterstock_207985381-b-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--ebb-business {
	background: url(images/licensed/shutterstock_454761571-b-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--ebb-product {
	background: url(images/licensed/shutterstock_402719542-b-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--faq {
	background: url(images/licensed/shutterstock_1090609232-b-1500px.jpg) no-repeat center
		bottom/cover;
}

.breadcrumbs--p {
	background: url(images/licensed/shutterstock_583591807-1500px.jpg) no-repeat center center/cover;
}

.breadcrumbs--approach {
	background: url(images/licensed/shutterstock_1024006705-1500px.jpg) no-repeat center center/cover;
}

.breadcrumbs--c {
	background: url(images/licensed/shutterstock_540342541-b-1500px.jpg) no-repeat center bottom/cover;
}

.breadcrumbs .overlay {
	background: rgba(0, 0, 0, 0.7);
}

/*------------skill section----------*/
.skill-progress .progress-title-holder {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	position: relative;
	text-transform: uppercase;
}

.skill-progress .progress-wrapper {
	width: 100%;
	z-index: 10;
}

.skill-progress .progress-mark {
	position: absolute;
	bottom: 0;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.skill-progress .progress-outter {
	background-color: #2c2c2c;
}

.skill-progress .progress-content {
	width: 0%;
	background: #fff;
}

.skill-progress .progress-content, .skill-progress .progress-outter {
	height: 20px;
}

.skill-progress .percent {
	color: #fff;
	font-size: 14px;
}

.skill_section {
	background: url(images/shutterstock/stock-photo-business-people-meeting-discussion-working-office-concept-378606157.jpg) no-repeat center center/cover;
	padding-bottom: 107px;
	padding-top: 120px;
}

.skill_section .overlay {
	background: rgba(0, 0, 0, 0.8);
}

.style6 .progress-content, .style6 .progress-outter {
	height: 2px;
}

.style6 .progress-content {
	background: #fff;
	position: relative;
}

.style6 .percent {
	position: relative;
}

.style6 .percent:before {
	border-bottom: 8px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	bottom: -9px;
	content: "";
	height: 0;
	margin-left: -5px;
	position: absolute;
	right: 13px;
	width: 0;
}

.style6 .skill-bar {
	margin-bottom: 18px;
}

.skill_section .skill-progress {
	margin-left: -30px;
}

.skill_section .style6 .skill-bar {
	float: left;
	margin-bottom: 23px;
	margin-left: 30px;
	width: 47.4%;
}

/*------------pricing section-------------*/
.pricingTbl {
	padding-top: 120px;
}

.pricingTbl .section_title2 {
	padding-bottom: 110px;
}

.pricingTbl .single_tbl {
	border: 10px solid #f3f3f3;
	background: #f8f8f8;
}

.pricingTbl .single_tbl .tbl_header {
	background: none;
	color: #fff;
	padding: 56px 20px 38px;
}

.pricingTbl .single_tbl .tbl_header h1 {
	display: inline;
	color: #191620;
	font-family: "Roboto", sans-serif;
}

.pricingTbl .single_tbl .tbl_header h1 .dollar {
	display: inline-block;
	font-size: 40px;
	font-weight: 400;
	left: -20px;
	position: absolute;
	top: -21px;
}

.pricingTbl .single_tbl .tbl_header h1 .month {
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0.7px;
	line-height: normal;
}

.pricingTbl .single_tbl .tbl_body h5.plan_type {
	color: #190445;
	padding: 41px 15px 37px;
	font-family: "Roboto", sans-serif;
}

.pricingTbl .single_tbl .tbl_body li {
	color: #524d5b;
	line-height: 46px;
}

.pricingTbl .single_tbl .tbl_body li:nth-child(2n+1) {
	background: #fff;
}

.pricingTbl .single_tbl .tbl_btn {
	border: 1px solid #81b2df;
	color: #484040;
	display: inline-block;
	margin-top: 33px;
	height: 48px;
	line-height: 47px;
	text-transform: uppercase;
	width: 180px;
}

.pricingTbl .single_tbl .tbl_btn:hover {
	background: #81b2df;
	color: #fff;
	border-color: #81b2df;
}

.pricingTbl .single_tbl.popular .tbl_btn {
	background: #81b2df;
	border-color: #81b2df;
	color: #fff;
}

.pricingTbl .single_tbl .tbl_body li.dactive_color {
	color: #c8c8ca;
}

.pricingTbl .single_tbl.popular .tbl_header .rating {
	display: block;
	margin-bottom: 32px;
}

.pricingTbl .single_tbl.popular .tbl_header .rating li i {
	color: #fff;
	font-size: 16px;
}

.pricingTbl .single_tbl.popular .tbl_header {
	padding: 36px 20px 38px;
	background: #81b2df;
}

.pricingTbl .single_tbl.popular {
	border: none;
	margin-top: -27px;
}

.pricingTbl .single_tbl.popular .tbl_body li:nth-child(2n+1) {
	background: #f8f8f8;
}

.pricingTbl .single_tbl.popular .tbl_body {
	border: 10px solid #f3f3f3;
	border-top: none;
}

.pricingTbl .single_tbl.popular .tbl_body li:nth-child(2n+1) {
	background: #fff;
}

.pricingTbl .single_tbl.popular .tbl_header h1 {
	color: #fff;
}

.pricingTbl .single_tbl.popular .tbl_body h5.plan_type {
	color: #81b2df;
}
/*--------------------------05. end about us page style------------------------*/

/*--------------------------06. start service page style------------------------*/
.home2_welcome.service_page .img_area {
	background: #fff;
	box-shadow: none;
	padding: 0;
}

.welcome29.service_page {
	padding-top: 123px;
}

/*----------call to action----------*/
.cta_common .cta_content .content_txt p {
	font-size: 18px;
	line-height: 27px;
}

.cta_common .cta_content .cta_button {
	display: inline-block;
	font-size: 18px;
	height: 55px;
	line-height: 54px;
	min-width: 250px;
	text-align: center;
}

.cta_common.dark {
	background-color: #1b1c21;
}

.cta1 .cta_content .content_txt {
	max-width: 650px;
	width: 100%;
}

.cta1 .cta_content .content_txt h2::before {
	background: #1b1c21 none repeat scroll 0 0;
	content: "";
	height: 1px;
	position: absolute;
	right: 10px;
	top: 32px;
	width: 150px;
}

.cta1 .cta_content .cta_button {
	border: 1px solid #1b1c21;
	background: #1b1c21;
	color: #fff;
}

.cta1 .cta_content .cta_button:hover {
	border: 1px solid #1b1c21;
	background: transparent;
	color: #1b1c21;
}

.cta1.bgImg {
	background: url(images/breadcrubs_bg.jpg) no-repeat center center/cover;
}

.cta1.bgImg .overlay {
	background: rgba(31, 34, 39, 0.9);
}

.cta1.bgImg .cta_content .content_txt h2::before {
	background: #fff;
}

.cta1.bgImg .cta_content .cta_button {
	border-color: #fff;
	background: #fff;
	color: #1b1c21;
}

.cta1.bgImg .cta_content .cta_button:hover {
	border-color: #fff;
	background: transparent;
	color: #fff;
}

.bgImg.cta1_contact_faq {
	background: url(images/licensed/shutterstock_540342541-b-1500px.jpg) no-repeat center center/cover;
}
/*--------------------------06. end service page style------------------------*/

/*--------------------------07. start service page style------------------------*/
.project_page .single_item {
	float: left;
	width: 25%;
}

.home2_project.project_page {
	padding-bottom: 130px;
}

.home2_project.project_page .loadmorebtn {
	margin-top: 75px;
	position: relative;
}

.home2_project.project_page .loadmorebtn>a:hover {
	background: #81b2df;
	border-color: #81b2df;
	color: #fff;
}
/*--------------------------07. end service page style------------------------*/

/*--------------------08. start project details page style------------------*/
.project_brief {
	padding-top: 120px;
	padding-bottom: 100px;
}

.project_brief .brief_content2 {
	font-size: 17px;
	padding-top: 60px;
}

.project_brief .project_details_item .single_item {
	border: 1px solid #eeeeee;
	padding: 32px 50px;
	margin-bottom: 30px;
}

.project_sample {
	overflow: hidden;
}

.project_sample>.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.project_imgs {
	padding-top: 115px;
}

.project_imgs .project_imgs_title {
	padding-bottom: 72px;
}

.project_imgs .single_project_img {
	margin-bottom: 30px;
}

.project_testimonial {
	padding-bottom: 130px;
	padding-top: 100px;
}

.project_testimonial i.fa-quote-left {
	color: #81b2df;
	font-size: 30px;
}

.project_testimonial .author .line {
	background: #848484;
	display: inline-block;
	height: 1px;
	margin-right: 12px;
	vertical-align: middle;
	width: 35px;
}

.project_testimonial .project_share {
	padding-top: 110px;
}

.project_testimonial .project_share h5 {
	padding-bottom: 22px;
}

.project_testimonial .project_share ul li a {
	background: #222222;
	border-radius: 100%;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin: 0 5px;
	text-align: center;
	width: 40px;
}

.project_testimonial .project_share ul li a:hover {
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
	background: #fff;
	color: #222;
}

.project_video {
	padding-bottom: 130px;
	border-bottom: 1px solid #f2f2f2;
}

.project_video .video_content .overlay {
	background: rgba(0, 0, 0, 0.6);
}

.project_video .video_content a {
	border: 2px solid #fff;
	border-radius: 100%;
	color: #fff;
	font-size: 18px;
	height: 60px;
	left: 50%;
	padding: 16px 23px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 60px;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.project_video .video_content a:hover {
	background: #fff;
	color: #222;
}

.project_next_prev {
	border-top: 1px solid #f2f2f2;
	padding-bottom: 122px;
	padding-top: 52px;
	margin-top: 4px;
}

.project_next_prev .single_direction a {
	display: inline-block;
}

.project_next_prev .single_direction i {
	color: #666;
	font-size: 30px;
	position: absolute;
	top: 0;
}

.project_next_prev .single_direction a:hover i, .project_next_prev .single_direction a:hover span,
	.project_next_prev .single_direction a:hover h5 {
	color: #81b2df;
}

.project_next_prev .single_direction.prev i {
	left: 0;
}

.project_next_prev .single_direction.next i {
	right: 0;
}
/*--------------------------08. end project details page style------------------------*/

/*--------------------------09. start blog page style------------------------*/
.blog_post6 {
	padding-top: 130px;
	padding-bottom: 130px;
}

.blog_post6 .single_blog_post {
	margin-bottom: 30px;
}

.blog_post6 .single_blog_post .blog_content h4.title_20 {
	font-size: 20px;
	line-height: 26px;
}

.blog_post6 .single_blog_post .blog_content a {
	color: #333;
	font-weight: 700;
}

.blog_post6 .single_blog_post .img_area {
	border-radius: 5px 5px 0px 0px;
}

.blog_post6 .single_blog_post .img_area img {
	border-radius: 5px 5px 0 0;
	width: 100%;
}

.blog_post6 .single_blog_post .img_area .date {
	background: rgba(34, 34, 34, 0.7);
	border-radius: 0 0 5px 5px;
	font-size: 13px;
	left: 50%;
	line-height: 18px;
	padding: 5px 20px;
	position: absolute;
	top: 0;
	z-index: 1;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.blog_post6 .single_blog_post .blog_content {
	border: 1px solid #eee;
	border-top: 0;
	padding: 21px 30px 25px;
}

.blog_post6 .single_blog_post .blog_content a:hover {
	color: #81b2df;
}

.blog_post6 .single_blog_post .post_author {
	border: 1px solid #eee;
	border-radius: 0 0 5px 5px;
	padding: 15px 30px;
	border-top: none;
	width: 100%;
}

.blog_post6 .post_author li {
	padding: 0 15px;
	position: relative;
}

.blog_post6 .post_author li:first-child {
	padding-left: 0;
}

.blog_post6 .post_author li:last-child {
	padding-right: 0;
}

.blog_post6 .post_author li.author:after {
	background: #888 none repeat scroll 0 0;
	content: "";
	height: 15px;
	position: absolute;
	right: -2px;
	top: 11px;
	width: 1px;
}

.blog_post6 .post_author li img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	margin-right: 10px;
}

.blog_details .blog_carousel .owl-prev, .blog_details .blog_carousel .owl-next,
	.blog_post6 .single_blog_post .owl-prev, .blog_post6 .single_blog_post .owl-next
	{
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
	font-size: 20px;
	height: 40px;
	padding: 6px 5px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	color: #fff;
}

.blog_details .blog_carousel .owl-prev, .blog_post6 .single_blog_post .owl-prev
	{
	left: 0;
	border-radius: 0 5px 5px 0;
}

.blog_details .blog_carousel .owl-next, .blog_post6 .single_blog_post .owl-next
	{
	right: 0;
	border-radius: 5px 0 0 5px;
}

.pagination_common {
	width: 100%;
}

.pagination_common>li {
	display: inline-block;
}

.pagination_common>li a {
	text-align: center;
}

.pagination2 a {
	font-size: 25px;
	width: 50px;
	display: block;
	line-height: 50px;
	margin: 0 6px;
	border: 1px solid #efefef;
	color: #81b2df;
	height: 50px;
}

.pagination2 li a:hover, .pagination2 li.active a {
	border-color: #81b2df;
}

.pagination2.radius a {
	border-radius: 5px;
}

.pagination2.circle a {
	border-radius: 100%;
}
/*--------------------------09. end blog page style------------------------*/

/*--------------------------10. start blog details page style------------------------*/
.blog_details {
	padding: 130px 0;
}

.blog_details p.details_txt {
	line-height: 30px;
}

.blog_details p.dropcap_style1 span {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 50px;
	height: 70px;
	line-height: 68px;
	margin-bottom: 3px;
	margin-right: 20px;
	margin-top: 8px;
	text-align: center;
	text-transform: uppercase;
	width: 70px;
	background: #81b2df;
}

/*-----blockquote section----*/
.blog_details .blog_details_content .blockqute {
	padding: 40px 40px 40px 98px;
	margin: 50px 0;
}

.blog_details .blog_details_content .blockqute h2:before {
	content: "\f10d";
	color: #cacaca;
	font-family: fontawesome;
	font-size: 40px;
	left: -56px;
	position: absolute;
	top: 7px;
}

.blog_details .blog_details_sidebar .blockqute span, .blog_details .blog_details_content .blockqute span
	{
	padding-left: 30px;
	margin-top: 13px;
}

.blog_details .blog_details_sidebar .blockqute span::before,
	.blog_details .blog_details_content .blockqute span::before {
	background: #666;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 13px;
	width: 20px;
}

/*------tag and share------*/
.blog_details .tagnshare_area {
	border: 1px solid #f1f1f1;
	margin-bottom: 90px;
	margin-top: 50px;
	padding: 32px 25px 38px;
}

.blog_details .tagnshare_area .tags .admin li {
	border-right: 1px solid;
	color: #666666;
	font-size: 14px;
	line-height: 13px;
	padding: 0 10px;
}

.blog_details .tagnshare_area .tags .admin li:last-child {
	border-right: none;
	padding-right: 0;
}

.blog_details .tags .admin li:first-child {
	padding-left: 0;
}

.blog_details .tags .tag li {
	display: inline-block;
}

.blog_details .tags .tag li a {
	border: 1px solid #eaeaea;
	color: #666666;
	display: block;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	margin-right: 5px;
	padding: 0 11px;
	text-align: center;
}

.blog_details .tags .tag li a:hover {
	background: #f5f5f5;
}

.blog_details .tagnshare_area .social_share li a {
	border-radius: 100%;
	color: #fff;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
	text-align: center;
	width: 30px;
}

.blog_details .tagnshare_area .social_share li.facebook a {
	background: #4c65a8;
}

.blog_details .tagnshare_area .social_share li.twitter a {
	background: #41a1f6;
}

.blog_details .tagnshare_area .social_share li.g-plus a {
	background: #db7740;
}

.blog_details .tagnshare_area .social_share li.instagram a {
	background: #8f6247;
}

.blog_details .blog_post6 {
	padding-bottom: 0;
	padding-top: 0;
}

/*----comment area---*/
.blog_details_content .comment_area .comment_wrapper li {
	padding-left: 110px;
	position: relative;
	margin-bottom: 40px;
}

.blog_details_content .comment_area .comment_wrapper li:last-child {
	margin-bottom: 0px;
}

.blog_details_content .comment_area .comment_wrapper li img {
	border-radius: 100%;
	height: 80px;
	left: 0;
	position: absolute;
	top: -2px;
	width: 80px;
}

.blog_details_content .comment_area .comment_wrapper li h6 span {
	font-size: 13px;
	color: #535353;
	text-transform: uppercase;
}

.blog_details_content .comment_area .comment_wrapper li h6 .name {
	color: #333333;
	font-weight: 600;
	font-size: 17px;
}

.blog_details_content .comment_area .comment_wrapper li h6 .reply {
	color: #333333;
	display: inline-block;
	float: right;
	font-size: 14px;
	font-weight: 600;
}

.blog_details_content .comment_area .comment_wrapper li h6 .reply:hover
	{
	text-decoration: underline;
}

.blog_details_content .comment_area .comment_wrapper li p {
	color: #535353;
	padding-top: 6px;
	padding-right: 48px;
}
/*----replay---*/
.blog_details_content .comment_area .comment_wrapper li ul li img {
	height: 60px;
	width: 60px;
}

.blog_details_content .comment_area .comment_wrapper li ul li {
	margin-top: 20px;
	padding-left: 85px;
}

/*----reply form-----*/
.blog_details_content .comment_area .comment_wrapper li .reply_form {
	margin-top: 15px;
	padding-right: 90px;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form img
	{
	height: 50px;
	margin-right: 14px;
	position: relative;
	width: 50px;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form input
	{
	border: none;
	border-bottom: 1px solid #c2c2c2;
	height: 35px;
	width: 80%;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form a.reply
	{
	color: #333;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	right: 60px;
	top: 10px;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form a.reply:hover
	{
	text-decoration: underline;
}

/*------comment form--------*/
.blog_deails_comment .abform_area .abinput_group {
	margin-bottom: 20px;
	width: 49.1%;
	position: relative;
	height: 50px;
	background: #fff;
}

.blog_deails_comment .abform_area .abinput_group.msg {
	width: 100%;
	clear: both;
	height: 150px;
	margin-bottom: 40px;
}

.blog_deails_comment .abform_area .abinput_group>input {
	border: medium none;
	height: 100%;
	padding: 10px 22px;
	width: 100%;
	background: none;
}

.blog_deails_comment .abform_area .abinput_group>textarea {
	border: none;
	resize: none;
	width: 100%;
	padding: 10px 22px;
	margin-bottom: 0;
	height: 100%;
	background: none;
}

.blog_deails_comment .abform_area button {
	border: none;
	height: 50px;
}

.blog_deails_comment {
	padding: 90px 0 0;
}

.blog_deails_comment .abform_area .abinput_group {
	width: 48.6%;
	background: none;
}

.blog_deails_comment .abform_area .abinput_group:nth-child(even) {
	margin-left: 20px;
}

.blog_deails_comment .abform_area .abinput_group>textarea,
	.blog_deails_comment .abform_area .abinput_group>input {
	color: #878787;
	border-bottom: 1px solid #dbdbdb;
	padding-left: 0;
}

.blog_deails_comment .abform_area .abinput_group:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #1960ED;
}

.blog_deails_comment .abform_area .abinput_group.input_effect:before {
	width: 100%;
}

.blog_deails_comment .abform_area button {
	letter-spacing: 1px;
	padding: 2px 45px 0;
	background: #81b2df;
}

.blog_deails_comment .abform_area button:hover {
	background: #084fdc;
}
/*--------------------------10. end blog details page style------------------------*/

/*--------------------------11. start contact page style------------------------*/
.contact_page {
	padding: 115px 0 130px;
}

.contact_form5 .abform_area .abinput_group label {
	color: #878787;
	font-size: 14px;
	font-weight: 400;
}

.contact_form5 .abform_area .abinput_group {
	width: 48.4%;
	height: auto;
	background: none;
}

.contact_form5 .abform_area .abinput_group:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	background: #e7f0f9;
	width: 100%;
	height: 50px;
	border-radius: 3px;
}

.contact_form5 .abform_area .abinput_group.msg:before {
	height: 150px;
}

.contact_form5 .abform_area .abinput_group.input_effect:before {
	height: 2px;
}

.contact_form5 .abform_area .abinput_group:nth-child(even) {
	margin-left: 20px;
}

.contact_form5 .abform_area .abinput_group>input {
	height: 50px;
}

.contact_form5 .abform_area .abinput_group.msg {
	height: auto;
	margin-bottom: 30px;
}

.contact_form5 .abform_area .abinput_group.msg textarea {
	height: 150px;
}

.contact_form5 .abform_area .abinput_group>textarea, .contact_form5 .abform_area .abinput_group>input
	{
	color: #333333;
	padding-left: 0;
	z-index: 2;
	position: relative;
	background: transparent;
}

.contact_form5 .abform_area button {
	background: #131418;
	letter-spacing: 1px;
	padding: 2px 25px 0;
	width: 170px;
}

.contact_form5 .abform_area button:hover {
	background: #81b2df;
}

.contact_page .contact_info ul>li {
	color: #dadada;
	line-height: 35px;
}

.contact_page .contact_info {
	padding: 38px 25px;
}

.contact_page .support {
	padding: 42px 25px;
}

.contact_page .support>p {
	color: #dadada;
	font-size: 14px;
	letter-spacing: 1.5px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.contact_page .support>h3 {
	color: #dadada;
	font-weight: 600;
}

.contact_page .support>h3 i {
	margin-right: 10px;
	vertical-align: middle;
}

.google_map_section {
	
}

.mapHome2 {
	width: 100%;
	height: 550px;
}
/*--------------------------11. end contact page style------------------------*/
.team_style12 .team_common {
	min-height: 480px;
}

.team_style12 .team_common:hover {
	box-shadow: 0 -480px 0 0 rgb(0, 86, 150) inset;
}

.home2_footer .contact_address p, .home2_footer p {
	color: #000;
}

footer .social_connect {
	display: none !important;
}

.breadcrumbs .overlay {
	background: rgba(0, 0, 0, 0.5);
}

.cta1.bgImg .overlay {
	background: rgba(31, 34, 39, 0.5);
}

/*-------common style for accordion section --------*/
.accordion_common .card {
	border-radius: 4px;
	box-shadow: none;
}

.accordion_common .card .title {
	display: block;
	font-size: 18px;
	font-family: 'Merriweather', serif;
	color: #000;
	background-color: #d4e6f1;
}

.accordion_common p.card-body {
	font-size: 15px;
	line-height: 26px;
	font-family: "Lato", sans-serif;
}
/*---------style-1----------*/
.accordion_style1 .card {
	margin-bottom: 20px;
	margin-top: 20px;
	border: none;
}

.accordion_style1 .card .title {
	border: 1px solid #dcdcdc;
	padding: 18px 30px;
}

.accordion_style1 p.card-body {
	padding: 5px 5px 5px 30px;
}

.accordion_style1 .cardbox {
	padding: 20px 10px 10px 10px;
}

.accordion_style1 ul {
	padding: 10px 10px 10px 50px;
}

.accordion_style1 li {
	list-style-type: circle;
}

.project_details5 .special_quote {
	background-color: rgb(212, 230, 241);
}

.home2_banner .overlay, .project_details5 .breadcrumbs_section .overlay
	{
	background: rgba(0, 55, 96, 0.65) none repeat scroll 0 0;
}

.project-1 {
	background: url(images/slider_img/slider_img1.2.jpg) no-repeat fixed
		center bottom/cover;
}

.color_ff {
	color: #fff !important;
}

.color_00 {
	color: #000000 !important;
}

.project_details5 .project_info .single_info {
	border-bottom: 1px solid #000;
	padding: 15px 0;
}

.home2_banner .single_info {
	border-bottom: 1px solid #000;
	padding: 15px 0;
	padding-top: 15px;
}

.home2_banner .single_info:last-child {
	border: 0;
}

.featured-product-table .product-title {
	width: 100px;
	background-color: #003760;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
	height: 50px;
	font-size: 30px;
	line-height: 50px;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
}

.featured-product-table .single_tbl {
	border: 1px solid #003760;
	position: relative;
	z-index: 99;
}

.featured-product-table .tbl_header {
	position: relative;
	padding-top: 50px;
	min-height: 100px;
	background-color: #81b2df;
}

.featured-product-table {
	padding: 200px 0;
	position: relative;
	z-index: 99;
}

.pricingTbl2 .single_tbl.tbl1 .tbl_btn {
	background: #003760;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
}

.home2_footer .contact_address p i, .home2_footer .contact_address p,
	.home2_footer p {
	color: #003760;
}

.featured-product-table .product-subtitle {
	font-size: 20px;
	font-family: 'Merriweather', serif;
	padding: 20px;
}

.featured-product-table:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 400px;
	background: url(images/slider_img/slider_img1.5.jpg) no-repeat center
		bottom/cover;
	z-index: 1;
}

.featured-product-table:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 400px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
}

.featured-product-table .tbl_body {
	min-height: 300px;
	position: relative;
}

.featured-product-table .tbl_body {
	font-size: 18px;
}

.contact_page .support, .contact_page .contact_info {
	background-color: #d4e6f1 !important;
	color: #003760 !important;
}

.contact_page .contact_info ul>li, .contact_page .support>p,
	.contact_page .support>h3 {
	color: #003760 !important;
}

.abform_area button {
	background-color: #003760 !important;
}

/*---------------------------- 12. My personal styles ------------------------------------*/
ul.simpleList {
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: circle;
	color: #666666;
}

ul.checkedList li:before {
	content: '\2713';
	display: inline-block;
	color: green;
	padding: 10px 6px 0px 0px;
}

ul.checkedList li {
	list-style-type: none;
	font-size: 1em;
	color: #666666;
}

i.problemIcon {
	color: red;
	font-size: 50px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

i.blueIcon {
	color: #81b2df;
	font-size: 50px;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
}

.featureCard {
	margin: 20px 20px 20px 20px;
	padding: 20px 20px 20px 20px;
	height: calc(100% - 15px);
	margin-bottom: 15px;
	background: white;
	box-shadow: 7px 10px 20px rgba(0, 0, 0, 0.1);
}

.featureTitle {
	font-family: 'Roboto', sans-serif;
	padding: 0px 0px 0px 0px;
}

.errorMessageBox {
	color: red;
	font-size: 16px;
	background: #f6f6f6;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
}

.successMessageBox {
	background-color: #d4e6f1 !important;
	color: #003760 !important;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
}