/*
Theme Name: I See Media
Theme URI: http://www.google.com/
Author: Our Theme
Author URI: http://google.com/
Description: Our Theme

*/
@import url(css/ie-only.css);
@import url(css/font-awesome.min.css);

/*----- Reset Css -----*/

body {  font-family: 'Teko', sans-serif;font-size:20px;}

p {color: #333; line-height: 1.5; margin-bottom: 15px; margin-top: 0;}
.container {max-width:1200px;}
.img-80{ width:80px;}
a {-webkit-transition: .5s; transition: .5s; color:#337ab7;}
.more-btn{background: #eee;   padding: 8px;   display: inline-block;   color: #000;}
.about-content p{ display:block; padding: 20px 0;}

/*----- I SEE MEDIA CSS -----*/
.video-box iframe {width:100%; height:205px;}
.video-box {margin-bottom: 25px;}
.alignleft {float: left; margin: 0 15px 15px 0;}
.alignright {float: right; margin: 0 0px 15px 15px;}
.post-page h2 {margin-bottom:20px; font-size:30px;}
.post-page h3 {font-size:25px; margin-bottom:15px;}
.wp-block-image img {max-width: 100%;height: auto;}
.post-page p {padding-bottom: 0px;}
.social-media-service-table thead tr {background-color: #001e28; color:#fff;}
.social-media-service-table.table-bordered > tbody > tr > td, .social-media-service-table.table-bordered > tbody > tr > th, .social-media-service-table.table-bordered > tfoot > tr > td, .social-media-service-table.table-bordered > tfoot > tr > th, .social-media-service-table.table-bordered > thead > tr > td, .social-media-service-table.table-bordered > thead > tr > th {border: 1px solid;}
.post-page ol, .post-page ul {margin-left: 18px; list-style: inside;}
.service-style-2 .section-title-2 h2 {font-size:40px!important; color:#000!important;}
.service-style-2 .section-title-2 span {font-weight:400!important; color:#333!important;}
.wp-block-button__link {color: #fff !important; background-color: #ca0578!important; -webkit-transition: .5s; transition: .5s;}
.wp-block-button__link:hover {background-color:#000!important;}
.btn2 .wp-block-button__link {color: #fff !important; background-color: #ff8601 !important; -webkit-transition: .5s; transition: .5s;}
.btn2 .wp-block-button__link:hover  {background-color:#ca0578 !important}
.feedback-img .shape-img {display:none;}
.video-btn1 {float: left;width: 100%;text-align: center;margin-top: 20px;}
.video-btn1 .more-info {padding:9px 30px;}
.logo-box {display: inline-block; width: 100%; height: 150px; overflow: hidden; position: relative;
	border-radius: 0px; border: 1px solid #eaeaea; margin-top: 10px;}
.logo-box img {
	max-width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height:100%;
	display: block;
}

.partner-area .item {
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 150px;
	overflow: hidden;
	position: relative;
	border-radius: 0px;
	border: 1px solid #eaeaea;
	margin-top: 10px;
}

.partner-area .item a img {
	display: inline-block !important;
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.flexslider .slides figure:first-child {	display: block;	-webkit-backface-visibility: visible;}
.flexslider .slides figure {display: none;-webkit-backface-visibility: hidden;}
.flex-control-paging li a.flex-active {	background: rgb(204, 6, 119)!important;	cursor: default;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {	background: #cc0677!important;}
.more-info {	border: 2px solid #cc0677;	background-color: #cc0677;	display: inline-block;	border-radius: 50px;	padding: 8px 30px;}
.more-info:hover {border: 2px solid #000!important;
	background-color: #000!important;}
.more-btn {border: 2px solid #ff9200!important;
	background-color: #ff9200!important;
	display: inline-block!important;
	border-radius: 50px!important;
	padding: 13px 32px!important;}
.more-btn:before, .more-btn:after {display:none;}
.home-video-box iframe{width:100%; height:205px; margin:20px 0px;}
.row.service-page-box {
	margin-bottom: 60px;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 40px;
}
.row.service-page-box:last-child {border:none; padding:0px; margin:0px;}
.sidebar .gform_wrapper h3.gform_title {
	letter-spacing: normal !important;
	background: #ff8601;
	padding: 7px 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	color: #fff; margin:0px;
}
.sidebar  .gform_wrapper {	margin-bottom: 16px;	margin-top: 0px;	max-width: 100%;	background: #e7e7e7;}
.sidebar .gform_wrapper li.hidden_label input {margin-bottom:0px!important;}
.sidebar .gform_wrapper .gform_body {padding:0px 20px;}
.sidebar  .gform_wrapper ul.gform_fields li.gfield {	padding-right: 0px;}
.sidebar .gform_wrapper textarea.medium {box-shadow:none; opacity:1;}
.sidebar .gform_wrapper .gform_footer {
	padding: 10px 20px;
	text-align: center;
	margin-bottom: 20px;
	display: inline-block; margin-top: 0px;
}
.sidebar .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	font-size: inherit;
	font-family: inherit;
	padding: 5px 10px;
	letter-spacing: normal;
	height: 45px;
}
.sidebar .gform_wrapper .gform_footer input {
	padding: 10px 36px;
	text-transform: uppercase;
	background: #cc0677;
	color: #fff;
	border: none;
	font-size: 16px !important;
	border-radius: 50px; border:2px solid #cc0677; -webkit-transition: .5s; cursor:pointer;
transition: .5s;
}
.sidebar .gform_wrapper .gform_footer input:hover {border: 2px solid #000;
background-color: #000;}
.header.sticky {width:100%;}
.menu ul li a::before { display:none;}
.sidebar-call-us {
	border: 2px solid #ff8601;
	text-align: center;
	padding: 20px;
	background: #e7e7e7;
	color: #000; margin-bottom:20px;
}
.sidebar-call-us i {
	font-size: 20px;
	margin-right: 10px;
	border: 2px solid;
	border-radius: 100%;
	padding: 5px 7px;
	color: #000;
}
.sidebar-call-us a {font-size: 30px;font-weight: bold;color: #000;}
.sidebar-call-us h4 { font-size: 30px!important; margin-bottom: 10px!important; }
/*----- HEADER START -----*/
.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
.topbar-color li.blue {	background-color: #0071c1;}
.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
.topbar-color li {
	width: 33.33%;
	height: 4px;
	padding: 0;
	float: left;
}
.topbar-color li.orange {
	background-color: #ff8601;
}
.topbar-color li.pink {
	background-color: #ca0578;
}
.topbar-bg{background:#999;}
.mobile-logo {
	display: none;
	background: #fff;
	text-align: center;
}
.logo a {
	padding: 0px;
	display: inline-block;
}
.logo p {margin:0px;}
.headerlogo {
	background: #fff;
	color: #000;
	padding:5px 0px;
}
.logo img {vertical-align:middle; width:250px;}
.menu-wrapper {
	width: 100%;
	z-index: 3;
	background: #e76756;
}
.menu ul {
	margin:0px; padding:0px;
}
.menu ul li {
	display: inline-block;
	position:relative;
}
.menu ul li a {
	padding:29px 5px;
	display:block;
	color:#000;
	font-size:14px;
	font-weight:600;
	text-transform: uppercase;

}
.menu ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    background: #ff4800;
    width: 0;
    height: 2px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
}

.menu ul li ul.sub-menu{min-width: 200px;
height: auto;
position: absolute;
top: 100%;
left: 0;
z-index: 90;
display:none;
background-color: #ff8601;
box-shadow: 0 0 35px rgba(0,0,0,.1);
text-align: left;
}

.menu ul li ul.sub-menu li a {color:#fff!important;}
.menu ul li ul.sub-menu li a:before {display:none;}
.menu ul li:hover .sub-menu {
display:block;
}

.menu ul li:hover .sub-menu li {
    padding:8px;
    white-space: nowrap;
    display:block;
    border-bottom: 1px solid #eaeaea;
}
.menu ul li:hover .sub-menu li:hover {background:#0071c1; color:#fff;}

.menu ul li:hover .sub-menu li a{ padding:0px; }

.menu li.current_page_item > a {
	color: #ff4800;
 transition: color .4s;
}
.menu li.current_page_item > a:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {

	border: 1px solid red !important;
}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100% !important;
}

.gform_wrapper div.validation_error {display:none;}

.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100%!important;
}

.newsletter-form .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea {
	border:none!important;
	border-bottom: 1px solid #ff0000 !important;
}

.share-project {
	width: 100%;
	display: block;
	float: left;
	padding-bottom: 0px;
	margin-top: 10px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 20px;
}

.share-project p {display: inline;float: left;margin-right: 10px;font-size: 18px;}
.single-team-details ul.social-links {
	list-style: none;
margin-top: 0px!important; 
 padding-top: 0px!important; 
	 border-top:none!important;
	 float: left;
}
.single-team-details ul.social-links li {
	display: inline-block!important;
	margin-right: 2px!important;
	border: 1px solid;
	border-radius: 100%;
	vertical-align: middle;
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
}

.single-team-details ul.social-links li:hover i{color:#fff;}
.single-team-details ul.social-links li.fb:hover {background:#3b5998; border:1px solid #3b5998;}
.single-team-details ul.social-links li.tw:hover {background:#00acee ; border:1px solid #00acee ;}
.single-team-details ul.social-links li.lin:hover {background:#0e76a8 ; border: 1px solid #0e76a8 ;}
.project-btn {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.project-btn  .more-info, .project-btn .more-btn {padding:9px 30px!important; margin-bottom:10px;}
.more-project-btn {
	border: 2px solid #0071c1 !important;
	background-color: #0071c1 !important;
	display: inline-block !important;
	border-radius: 50px !important;
	padding: 9px 30px !important;
	color: #fff;
	margin-bottom:10px;
}
.more-project-btn:hover {	border: 2px solid #ff9200 !important;	background-color: #ff9200 !important;	color:#fff;}
.sidebar .gform_wrapper li.gfield_error textarea {      border: 1px solid #ff0000 !important;}
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {	margin-right: 16px!important;}
.contact-area .gform_wrapper li.gfield_error textarea {     border: 1px solid #ff0000 !important;}
/* Social Media Template */
.sm-section-1 {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
}
.sm-section-1:before {
	background: rgba(00,00,00,.50);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.sm-section-1 {	padding: 40px 0px;	background-size: cover;}
.sm-section-3 {		background: #f3f3f3;}
.pg-header-details {	margin: 40px 0px;}
.pg-header-details h1 {
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.pg-header-details .more-info {padding:9px 30px;}
.pg-header-details h3 {
	font-size: 25px;
	margin-bottom: 30px;
	color: #fff;
}

.pg-header-details .fa.fa-long-arrow-right {	margin-left: 10px;}
.sm-section-2 h2, .sm-section-3 h2,.sm-section-5 h2,.sm-section-6 h2 {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.sm-section-2 h3, .sm-section-3 h3, .sm-section-3 h4, .sm-section-4 h4 {margin-bottom:15px;}
.social-media-box {
	padding: 40px 20px;
	text-align: center;
	position: relative;
margin-bottom: 30px; background:#fff; border-radius: 5px;
}
.sm-section-4 h3 {margin-bottom:20px;}
.sm-section-3 .social-media-box:first-child i {background:#ff9000; border: #ff9000 ;color: #fff;}
.sm-section-3.social-media-box i {background: #bc2a8d;border: #8a3ab9;color: #fff;}
.social-media-box .fa.fa-youtube {background: #F00;color: #fff;border: #FF0000;}
.social-media-box .fa.fa-facebook {background: #3b5998;color: #fff;border: #3b5998;}
.social-media-box .fa.fa-twitter {background: #00acee;color: #fff;border: #00acee;}
.social-media-box .fa.fa-signal {background: #ff8601;color: #fff;border: #ff8601;}
.social-media-box ul {list-style:none;}
.social-media-box p {min-height:96px;}
.social-media-box h4{text-transform: uppercase; }
.sidebar-call-us.sm h4{ line-height:30px; margin-top: 0px; padding-bottom:0px; border:none; font-size:24px!important;}
.sidebar-call-us.sm ul {
	list-style: disc !important;
	text-align: left;
	margin-left: 20px !important;
}
.sidebar-call-us.sm ul li {
	font-size: 20px;
	line-height: 27px;
	font-weight: 500;
}
.sm-section-5 {	position: relative;}
.sm-section-5::before {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	content: '';
	background: #ff8601;
	z-index: -2;
}
.sm-section-5::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50%;
	content: '';
	background: #f3f3f3;
	z-index: -2;
}
.sm-form {padding-left: 25px;}
.sidebar-call-us.sm {	background: #0071c1;	color: #fff;	border: none;}
.sm-form .gform_wrapper h3.gform_title {
	letter-spacing: normal !important;
	margin: 10px 0 6px 0;
	font-size: 35px;
	margin-bottom: 40px;
	color: #fff;
	margin-top: 0px !important;
}
.sm-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	font-size: inherit;
	font-family: inherit;
	padding: 10px 15px;
	letter-spacing: normal;
	margin: 0px !important;
	height: 50px;
}
.sm-form .gform_wrapper textarea {padding: 6px 10px;}
.sm-section-5 .feedback-inner {margin:0px;}
.sm-section-5 .feedback-inner h2 {margin:0px;}
.sm-section-5 .single-feedback .client h3 {margin-bottom:50px;}
.sm-form .gform_wrapper {
margin-top: 0px; }
.sm-form .gform_footer input {
	border: 2px solid #cc0677;
	background-color: #cc0677;
	display: inline-block;
	border-radius: 50px;
	padding: 8px 30px;
	color: #fff; cursor:pointer;
}
.sm-section-5 .quate {	margin: 40px 0px 20px;}
.sm-section-5 .quate i {	color: #333;	line-height: 45px;	font-size: 45px;}
.sm-section-5 .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: left;
	padding-left: 0;
	margin-right: 0%;
	margin-left: 0%;
	list-style: none;
}
.sm-section-6 ul {list-style: none;display: inherit;}
.sm-ex-img {
	text-align: center;
	display: inline-block;
	width: 157px;
	height: 100px;
	overflow: hidden;
	position: relative;
	border-radius: 0px;
	border: 1px solid #eaeaea;
	margin-top: 10px;
	margin-left: 10px;
}
.sm-ex-img img {
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0;
	display: inline-block !important;
	width: 140px !important;
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.sm-section-5 .carousel li {	margin-right: 0px;	height: 5px;	width: 40px;	margin: 0px;}
.sm-section-5 .carousel-indicators .active {	background-color: #cc0677;}
.call-div {	float: left;	width: 100%;	margin-top: 40px;}
.call-div .more-info {	font-size: 25px;}
.call-div i {margin-right:10px;}
.sm-icon-box {margin-bottom: 20px;}
.sm-icon-box i  {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 40px;
	border: 1px solid;
	padding: 20px;
	border-radius: 100%;
	height: 80px;
	width: 80px;
}
/* responsive menu */

.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float:left;
	padding:0;
	cursor: pointer; margin-left: 10px !important;
margin-top: 10px !important;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {	margin-top: 0.188em;}
.slicknav_menu { *zoom: 1;}
.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
}
.slicknav_menu .slicknav_icon {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0.188em 0 0 0em;
	z-index: 9999;
}
.slicknav_menu .slicknav_icon:before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "";
	position: absolute;
	z-index:999;
}
.slicknav_menu .slicknav_no-text {	margin: 0;}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width:30px;
	height:5px;
	margin-bottom:5px;
}
.slicknav_menu:before {
	content: " ";
	display: table;
}
.slicknav_menu:after {
	content: " ";
	display: table;
	clear: both;
}
.slicknav_nav {	clear: both;}
.slicknav_nav ul {	display: block;}
.slicknav_nav li {	display: block;}
.slicknav_nav .slicknav_arrow {	font-size: 0.8em;	margin: 0 0 0 0.4em;}
.slicknav_nav .slicknav_item {	cursor: pointer;}
.slicknav_nav .slicknav_item a {	display: inline;}
.slicknav_nav .slicknav_row {	display: block;}
.slicknav_nav a {	display: block;}
.slicknav_nav .slicknav_parent-link a {	display: inline;}
.slicknav_brand {	float: left;}
.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
	padding: 20px 0px;
	position:absolute;
	width:100%;
}
.slicknav_menu * {	box-sizing: border-box;}
.slicknav_menu .slicknav_menutxt {	display:none;}
.slicknav_menu .slicknav_icon-bar {
	background-color:#3d3d3d;
}
.slicknav_btn {
	margin:0;
	text-decoration: none;
	position:relative;
	z-index:999;
}
.slicknav_nav {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
	list-style: none;
	overflow: hidden;
	background:#3d3d3d;
	margin-top:32px;
	position:relative;
	z-index:999;
}
.slicknav_nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 0px;
}
.slicknav_nav .slicknav_row {
	padding: 5px 10px;
	margin: 2px 5px;
	border-bottom:none;
	border-bottom:1px solid #fefefe;
}
.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
}
.slicknav_nav a {
	padding: 5px 10px;
	margin: 2px 5px;
	text-decoration: none;
	color: #fff;
	border-bottom:1px solid #fefefe;
	text-transform:uppercase;
}
.slicknav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#eee;
}
.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
	border-bottom:none;
}
.slicknav_nav .slicknav_parent-link a {
	padding: 0;
	margin: 0;
}
.slicknav_brand {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	padding:7px 12px;
	height:44px;
}
.slicknav_menu {
	display:none;
}


.slicknav_open .slicknav_icon .slicknav_icon-bar:first-of-type {

    -webkit-transform: rotate(45deg) translate(8px,8px);
    -ms-transform: rotate(45deg) translate(8px,8px);
    transform: rotate(45deg) translate(8px,8px);

}

.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-of-type(2) {

    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);

}

.slicknav_open .slicknav_icon .slicknav_icon-bar:last-of-type {
    -webkit-transform: rotate(-45deg) translate(5px,-5px);
    -ms-transform: rotate(-45deg) translate(5px,-5px);
    transform: rotate(-45deg) translate(5px,-5px);
}
.slicknav_open .slicknav_icon {background:white;}
.slicknav_menu .slicknav_open .slicknav_icon-bar {background:#3d3d3d;}


/* Common Css */
.mt-0 {margin-top:0px!important;}


.flex-control-paging li a {width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6!important;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px; border:none!important;}
.flex-direction-nav li {
    color: #fff;
}
 .flex-direction-nav a {
	position: absolute;
right: 0;
width: 50px;
height: 50px;
background: #ffffff !important;
color: #222;
padding: 0;
margin: 0;
line-height: 50px;
text-align: center;
opacity: 0.2!important;
border-radius: 50%;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.flex-direction-nav a.flex-next::before {
	font-family: "FontAwesome";
content: "\f105";
display: inline-block;
vertical-align: middle;
font-size: 25px;
}
.flex-direction-nav a.flex-prev::before {
	font-family: "FontAwesome";
content: "\f104";
display: inline-block;
vertical-align: middle;
font-size: 25px;
}
.flexslider:hover .flex-direction-nav a{opacity:1;}
.flex-direction-nav .flex-next {
    text-align: center;
}
.flex-control-paging li a.flex-active {width: 22px!important;}
.flex-control-paging li a.flex-active {background:#d10477 !important}

/*----- SECTION TESTIMONIAL START -----*/

.testimonial-wrapper {background:#123c69;color:#eee;}
.testimonial-inner.animated.bottom-to-top.animation_started {text-align: center;}
.carousel li {margin-right: 5px;}
.carousel-indicators {bottom:0px;}
.carousel-item p{padding:15px 0px;}
.testimonial-wrapper .carousel-item{padding-bottom:50px;}
.mb-10 {margin-bottom:10px;}

/*----- INNER PAGE START -----*/
.post-page .post-page-head{padding-bottom:20px;}
.post-page .post-page-head a{display:block;}
.blog-page .post-page{margin-bottom:35px;}

/*sidebar*/

.sidebar {font-size: 14px; padding-left: 15px;}
.sidebar h4, .sidebar h3 {margin-bottom: 9px;padding-bottom: 7px;border-bottom: 1px solid #e8e8e8;}
.sidebar ol, .footer ol, .sidebar ul, .footer ul {list-style: none;}
.sidebar ul li a:hover, .sidebar a.rsswidget:hover {color: #e14015;}
.sidebar ul li a, .sidebar a.rsswidget {color: #222;}

/*----- INNER PAGE END -----*/

.light {color:#fff!important;}
.newsletter-form .ginput_container input {position: relative;
width: 100%;
line-height: 30px;
padding: 20px 60px 20px 25px!important;
height: 60px;
display: block;
font-size: 18px;
background: #1c1e22;
font-weight: 300;
letter-spacing: 0.07em;
color: #ffffff;
border-radius: 5px;
border: 1px solid #1c1e22;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;}


.newsletter-form .gform_wrapper .gform_footer {margin:0px!Important; padding:10px 0px!important;}
.newsletter-form .gform_wrapper .gform_footer  input {background-color: #ff4800;
color: #fff;
margin-top: 0px;
font-size: 15px!important;
font-weight: 600;
line-height: unset;
text-transform: capitalize;
padding: 5px 20px !important;
-webkit-transition: .5s;
transition: .5s;
position: relative;
z-index: 1;
border: 2px solid #ff4800;
cursor: pointer;}

/* Slider - 1 */
.slider-1 .text-container {margin:0px auto; color:#fff; max-width:725px;}
.slider-1 .text-container h1:before{display:none;}
.flexslider {display:block; width: 100%; height: 100%; max-height:100%; float:left; overflow:hidden;}

/* Slider 5 */
.slider-5 figure:after {content: '';
display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(4, 4, 4, 0.75);}
.slider-5 .text-container {max-width:100%; text-align:center;}
.slider-5 .text-container h1:before { display:none; }
.slider-5 .text-container h1 {font-size: 100px; line-height: 120px; letter-spacing: 23px; color: #ff4800; font-weight: bold;}
.slider-5 .text-container h5 {font-size: 48px; line-height: 58px;font-weight: 300;color: #fff;}
.slider-5 .text-container p { margin-top: 10px; margin-bottom: 30px; color: #fff;font-size: 20px; font-weight: 300;font-style: italic;
	max-width: 680px;margin: 20px auto;}
.slider-5 .flex-control-nav {display:none;}
.slider-5 .text-container .more-info:hover{background:#000!important; border:1px solid #000!important;}
.slider-5 .text-container .more-info {display:inline-block; background:transparent; border:1px solid #fff;}
.slider-5 img {-webkit-animation: burns 60s;
animation: burns 60s;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;}
.slider-5 .flex-direction-nav a {border-radius:0px;}
.slider-5 .flex-direction-nav a:hover {opacity:1px; color:#000;}
.slider-5 .text-container h1 {font-size: 70px!important;line-height: 80px!important;letter-spacing: 0px!important;
	color: #fff!important;font-weight: bold;}
.slider-5 figure::after {	background: rgba(4, 4, 4, 0.55)!important;}
.slider-5 .text-container .more-info {	display: inline-block;	background: #cc0677!important;
	border: 1px solid #cc0677!important;
}

 @keyframes burns {
       0% {
   -webkit-transform: scale(1,1);
-o-transform: scale(1,1);
transform: scale(1,1);
}

100% {
   -webkit-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
transform: scale(1.5,1.5);
}
    }

/*----- FOOTER START -----*/
.footer-columns h3 {font-weight:700; font-size: 22px;}
.footer-copyright-right ul li {position: relative; display: inline-block; margin-left: 15px;}
.footer-copyright-right ul li:before {
    content: ""; position: absolute; left: -13px; bottom: 10px; width: 6px; height: 1px;background: #999;}
.footer-copyright-right ul li:first-child:before{display:none;}
.footer-copyright-right ul li a:focus, .footer-copyright-right ul li a:hover {color: #ff4800;}
.contact-wrapper {padding-top: 52px; margin-bottom: 9px;line-height: 1.4;}
footer {text-align: left;background:#111;color: #fff;float: left;width:100%;position:relative;	}
.footer {  padding:70px 0px;}
.footer-copyright-wrapper {border-top: 1px solid #151515;background: #111;color:#d6d6d6;font-size: 14px;padding:20px 0px;}
.footer-copyright p {color: #d6d6d6;  padding:0px;}
.footer-copyright {  text-align: left;}
.footer-copyright-right {  text-align: right;}
.footer .br-line {  position: absolute;  top: -30px;  left: 0;right: 0;margin: 0 auto;}
.br-line:after, .br-line:before {   background: #000;}
.br-line::after { top: 5px;}
.br-line {
    position: relative;
    overflow: hidden;
    height: 60px;
    width: 3px;
    background: #ff4800;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}
.br-line::after, .br-line::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    height: 3px;
    left: 0;
    z-index: -1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}
.text-container { text-align:left; color:#111; max-width: 560px;}
.text-container h1 {
    font-size: 65px; position:relative;
font-weight: 700;
line-height:65px;
}
.text-container h1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
    z-index: -1;
    background: #ff4800;
}
.text-container p {
    margin-top: 30px; margin-bottom: 30px;
}
.more-info {
	font-size: 15px;
	font-weight: 600;
	line-height: unset;
	text-transform: capitalize;
	padding: 13px 32px;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
	z-index: 1;
	border: 2px solid #ff4800;
	background-color: #ff4800;
	color: #fff;
	cursor: pointer;
}
.more-btn {
	font-size: 15px;
	font-weight: 600;
	line-height: unset;
	text-transform: capitalize;
	padding: 13px 32px;
	-webkit-transition: .5s;
	transition: .5s;
	position: relative;
	z-index: 1;
	border: 2px solid #000;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}

.gform_footer input:before,.more-info:before,.more-btn:before, .more-btn:after, .gform_footer input:after,.more-info:after {
    content: "";
    position: absolute;
    height: 0;
    width: 51%;
    background: #ff4800;
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;	
}
.more-info:before,.gform_footer input:before, .more-btn:before {
    right: 0;
    bottom: 0;
}
.more-info:after,.gform_footer input:after , .more-btn:after{
    left: 0;
    top: 0;
}

 .more-btn:focus, .more-btn:hover {
    background: #fff;
    color: #fff;
    border-color: #ff4800; background-color:#cc0677 !important; border:2px solid #cc0677 !important;
}
.more-info:focus, .more-info:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
.more-info:focus:after, .more-info:focus:before, .more-btn:hover:after, .more-btn:hover:before {    height: 100%;}
.gform_footer input:focus:after, .gform_footer input:focus:before, .gform_footer input:hover:after, .gform_footer input:hover:before {  
  height: 100%;}
.gform_footer input:focus, .gform_footer input:hover {   background-color: #000; border: 2px solid #000;}

.footer-columns .bar {
    width: 50px;
    height: 2px;
    background: #ff4800;
    margin-top: 4px;
    margin-bottom: 25px;
}
footer p {margin:0px; color:#d6d6d6;}
footer a {	color: #d6d6d6;	text-decoration: none;}
.footer-menu ul li:after {	content: "/";}
.footer-menu-ul li a:hover {	color: #222;}
footer .footer-shape1 {    left: 0;    top: 0;}
footer .footer-shape1, footer  .footer-shape2 {   position: absolute;   z-index: 0;}
footer .footer-shape2 {    right: 0;    bottom: 0;}
ul.social-icons {margin-left:0px;}
ul.social-icons li {display:inline-block; margin-right:5px;}
ul.social-icons li a {
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
color: #fff;
background: #000;
border-radius: 50%;
border: 1px solid #ff4800;
display: inline-block;
color: #999;
background: #111;
}
ul.social-icons li a:hover{background: #ff4800;
color: #fff;}


/* Footer Style 3 */

.footer-style-3 {background: url('images/footer-3-bg.jpg');padding: 120px 0px 70px;background-attachment: fixed;background-size: cover;}
.footer-style-3 .footer-columns h3 {font-weight: 600;font-size: 20px;margin-bottom: 30px;}
.footer-style-3 .social-links.clearfix {	margin-left: 0px;	list-style: none;	display: inline-block;	margin-bottom:20px;}
.footer-style-3 .social-links.clearfix  li {display:inline; margin-right:10px; font-size:20px;}
.footer-style-3 .newsletter-form p {font-size:14px; margin-bottom: 20px;}
.footer-style-3 .newsletter-form .ginput_container input {background:transparent!important; border:none!important; 
border-bottom:1px solid #fff!important; border-radius:0px!important; padding-left: 0px !important;color: #fff!Important;}
.footer-style-3 .gform_wrapper form {width:100%!important;}
.footer-style-3 .gform_wrapper .gform_body {	width: 70%!important;	float: left!important;}
.footer-style-3 .newsletter-form .gform_wrapper .gform_footer {	margin: 0px!Important;	padding: 10px 0px !important;	width: 30%!important;
	display: inline-block!important;}
.newsletter-form .gform_wrapper .gform_footer input {	background-color: transparent;color: #fff!important;	padding: 10px 20px !important;
	border: 1px solid #fff!important;border-radius: 50px!important; width:100%!important;}
.newsletter-form .gform_wrapper .gform_footer input:hover {background: #cc0677; border:1px solid #cc0677!important;}
.footer-style-3 .gform_wrapper ul li.gfield {margin:0px!important;}
.footer-style-3 .menu-widget ul {list-style:none; margin-left:0px;} 
.footer-style-3 .menu-widget ul li {font-size: 16px;margin-bottom: 5px; }
.footer-style-3 .footer-bottom {margin-top:20px;}
.footer-style-3 .call-us-box {	display: flex;	margin-bottom: 20px;}
.footer-style-3 .icon {	margin-right: 10px;}
.footer-style-3 .icon i {border: 2px solid #fff;padding: 7px 9px;border-radius: 100%;font-size: 15px;line-height: 15px;}
.footer-style-3 .phone-number {	vertical-align: middle;	font-weight: bold;}
.footer-style-3 .copyright {color:#938d8d; font-size:14px;}
.footer-style-3 .footer-bottom #nav {	display: inline-block; list-style:none; margin-left:5px;}
.footer-style-3 .footer-bottom #nav  li{	display: inline; margin-left:5px;}
.footer-style-3 .footer-bottom #nav  li a{color:#938d8d;}
.animated-arrow {  text-align: right;}
.animated-arrow img {margin-top:20px;}
/*----- FOOTER END -----*/

.contentsec{    background: url('https://pervida.com/wp-content/themes/pervida/images/its-kind-bg.jpg') no-repeat #95B8CE;
    width: 100%;
    float: left;
    background-size: 50%;
    position: relative;}
.space-100{ padding:100px 0px; }
.bg-image{position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-position: center top;
background-size: cover;
z-index: 1;}
section{float:left; width:100%; padding:80px 0px;}
.bg-light{ background:#f9f9f9; }
.section-title {margin-bottom: 60px !important; position: relative;}
.section-title-4 {margin-bottom:50px;}
.section-title-4 h2 {font-size:2.441em; margin-bottom:10px;}
.section-title span {	margin-bottom: -5px;	color: #ff9200 !important;	display: block;		font-weight: bold;}
.section-title h2 {   font-size: 45px;   font-weight: 700;	margin:15px 0px;	line-height:55px;}
.section-title .bar {   position: relative;z-index: 1;background: #ff9200 !important;   width: 55px;   height: 3px;   margin-top: 12px;
    -webkit-transition: .5s;   transition: .5s;}
.section-title .more-info {   position: absolute;   right: 0;   top: 50%;   margin-top: -25px; color: #fff;}
.section-title .more-info i {margin-left:10px;}
.section-title .more-info {padding:8px 30px!Important;}
.section-title .bar:before {  right: 20px;}
.section-title .bar:after, .section-title .bar:before {   content: "";   position: absolute;   height: 100%;   width: 3px;
    top: 0;   background: #fff;   -webkit-transition: .5s;   transition: .5s;}
.section-title .bar:after {   right: 10px;}
.owl-theme .owl-dots .owl-dot.active span {background: #ff4800;   width: 22px;	outline:none!important;}
.owl-theme .owl-dots .owl-dot span {   width: 15px;   height: 5px;   margin: 0 3px;background: #d6d6d6;   -webkit-transition: .5s!important;
   transition: .5s!important;   border-radius: 0!;	outline:none!important;}

/*================================================
Topbar CSS
=================================================*/
/*Topbar 1 CSS */

.topbar-1 {background: #e7e7e7;padding: 5px 0px;float: left;width: 100%;display: block;}
.topbar-1 a{ color:#000; }
.topbar-1 i  { color:#000; margin-right: 5px;}
.default-header .menu ul li:last-child a {padding-right:0px;}
.light {color:#fff!important;}

/*================================================
Step By Step CSS
=================================================*/
.step-by-step-section {background-color: #fafafa !important;}
.step-box {padding: 40px 0px;}
.section-title-2 {  display: block;  width: 100%;margin-bottom:30px;}
.section-title-2 h2,.section-title-2 p {margin-bottom:0px!important;}
.section-title-2 p {color: #ff9200 !important;font-size: 16px;font-weight: bold;margin-bottom: 10px !important;}
.step-box .number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 50px;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background-image: linear-gradient(117deg, #ff4800c7, #ff9200);
	box-shadow: 0 10px 10px 0 rgba(251,73,70,0.1);
	font-size: 24px;
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}
.step-box .content-slide {
	background-color: #fff;
	padding: 50px 27px;
	position: relative;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,0.06);
}
.step-box .content-slide {	padding: 40px 25px;}
.step-box .number-img {
	position: absolute;
	left: -webkit-calc(50% + 65px);
	left: calc(50% + 65px);
	top: 60px;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	height: auto;
width: 300px !important;
}

.step-box  .number-img {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: "FlipV";
	-ms-filter: "FlipV";
}

.step-box  .content-slide:before {
	content: "";
	position: absolute;
	top: -15px;
	left: 50%;
	width: 30px;
	height: 30px;
	background: #fff;
	transform: translateX(-50%) rotate(45deg);
	z-index: -1;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,0.06);
}

.step-box i {
	float: left;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ff9200;
	margin-right: 15px;
	margin-bottom: 0;
}

.step-box .title {
	margin: 0;
	font-size: 24px;
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: var(--dark-color);
	overflow: hidden;
	text-align: left;
}
.step-box .text {	margin-top: 25px;	font-weight: normal;	font-style: normal;	font-stretch: normal;	line-height: 1.6;
	letter-spacing: normal;	color: #888;	text-align: left;}
.step-by-step .owl-item:nth-child(odd) .step-box .number {margin-top: 50px;}
.step-by-step .owl-item:nth-child(even) .step-box .number {margin-top: 0px;}
.step-by-step .owl-item:nth-child(odd) .step-box .number-img{transform:none; top: 100px;}
.step-by-step .owl-item:nth-child(3n+3) .step-box .number-img {display:none;}
/*================================================
Recent Project CSS
=================================================*/
.project-section {
    overflow: hidden;
}
.single-project {
    text-align: center;
    margin-bottom: 30px;
}
.single-project .project-content, .single-project .project-img img {
    -webkit-transition: .5s;
    transition: .5s;
}
.single-project .project-content {
    background-color: #f9f9f9;
    padding: 35px 15px;
    position: relative;
    z-index: 1;
}
.single-project .project-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background: #ff4800;
    z-index: -1;
}
.single-project .project-content h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-project .project-content h3 a {   color: #000;}
.single-project .project-content ul {   padding: 0;   margin: 8px 0 0;   list-style-type: none;}
.single-project .project-content ul li {   display: inline-block;   position: relative;   margin: 0 8px;   -webkit-transition: .5s;
    transition: .5s;}
.single-project .project-content ul {   list-style-type: none;}
.single-project .project-content ul li a {   color: #848484;}
.single-project:focus .project-img img, .single-project:hover .project-img img {   -webkit-filter: grayscale(100%);   filter: grayscale(100%);}
.single-project:focus .project-content::before, .single-project:hover .project-content::before {   height: 100%;}
.single-project:focus .project-content h3 a, .single-project:focus .project-content ul li a, .single-project:hover .project-content h3 a, .single-project:hover .project-content ul li a {  color: #fff;}
.project-slides {    left: calc((100% - 1200px)/2);    position: relative;}
.single-project .project-content ul li::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 0;
    height: 15px;
    width: 2px;
    background: #848484;
    top: 5px;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transition: .5s;
    transition: .5s;
}
.single-project:focus .project-content ul li::before, .single-project:hover .project-content ul li::before {   background: #fff;}
.project-content ul li:first-child:before {display:none;}
.project-details {	margin-top: 30px;}
.project-page .single-project-1 {margin-bottom:30px;}
.project-page .single-project-1 img {vertical-align:middle;}
.project-page .single-project-1 {min-height:490px;}

/* Project Design 1 */
.project-section-1 {  background: #f8f9fc;}
.single-project-1 {
    min-height: 500px;
    position: relative;
    padding-top: 35%;
}
.thumbnail-inner:before {
    background-color: #fe4800s;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(10%,#fe4800),to(#000));
    background-image: -webkit-linear-gradient(#fe4800 10%,#000);
    background-image: linear-gradient(#fe4800 10%,#000);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
}
.thumbnail-inner {
    -webkit-transition: -webkit-transform .28s ease;
    transition: -webkit-transform .28s ease;
    transition: transform .28s ease;
    transition: transform .28s ease,-webkit-transform .28s ease;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
}
.bg-blr-image:after, .thumbnail:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.bg-blr-image:after,.thumbnail:after {
    background-color: rgba(45,45,45,.35);
    content: " ";
    display: block;
    border-radius: 5px;
    background-color: rgba(25,25,25,.37);
}
.single-project-1:hover .thumbnail-inner:before { opacity: .85;}
.projet-btn {
	color: #fff;
	border-color: hsla(0,0%,100%,.3);
	padding: 0 23px;
	height: 40px;
	display: inline-block;
	line-height: 34px;
	border: 2px solid #fff;
	border-radius: 4px;
	font-size: 14px;
	position: relative;
	z-index: 2;
	letter-spacing: .2px;
	text-transform: uppercase;
	display:none;
	-webkit-transition-delay: .33s;
transition-delay: .33s;
}
.project-content-1{position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
max-width: 100% !important;
z-index: 10;
padding: 0;}
.project-content-1 h3 {font-size: 24px;
line-height: 36px;
margin-bottom: 20px;
font-weight: 600;
color: #fff;}
.project-content-1 p {margin-bottom:0px;}

.project-slides-1 .owl-dot span,.blog-slider-1 .owl-dot span {
    width: 6px !important;
    height: 6px !important;
    background: #d6d6d6 !important;
    border-radius: 50% !important;
}
.project-slides-1 .owl-dot.active span,.blog-slider-1 .owl-dot.active span {
    background: #d6d6d6 !important;
        background-color: rgb(214, 214, 214);
    width: 6px !important;
    outline: none !important;
    -webkit-transform: scale(2);
    transform: scale(2);
    box-shadow: inset 0 0 0 1px #ff4800;
    background-color: transparent;
    background-color: transparent !important;
    margin-right: 10px!Important;
}

.projet-btn:hover {
    background: #ff4800;
    border: 2px solid #ff4800;
    color: #fff;
}


/* Our Project */
.project-section-2 h2 {color:#000!important; margin-bottom: 50px !important}
.more-project {	display:inline-block;text-transform: uppercase;font-size: 14px;font-weight: bold;color: #000;}
.bold-line {border-top: 3px solid #ff4800;margin-top: 25px;margin-bottom: 2px;}

/*================================================
Service Bg Box
=================================================*/
.service-with-bg-box-section {background: #f3f3f3;}
.service-with-bg-box-section .sg-section-title h3 {font-size: 16px;margin-bottom: 10px;color: #ff4800; line-height: 16px;}
.service-with-bg-box-section img {vertical-align:middle;}
.sg-section-title h2 {color: #000;font-size: 45px;line-height: 55px; margin-bottom:20px;}
.sg-section-title p {color:#000; margin-bottom:20px;}
.sg-section-title .more-info {display: inline-block;border-radius: 50px;padding: 8px 30px;}
.sg-section-title .more-info i {margin-left:10px;}
.service-card {position: relative;overflow: hidden;transition: all 300ms ease; margin-bottom: 30px;}
.service-card-details {	padding: 2em;	position: absolute;	top: 0;	width: 100%;	height: 100%;	display: flex;	flex-wrap: wrap;
	align-content: space-between;	z-index: 1;	background: #fff;	transition: all 300ms ease-in-out;}
.service-card:hover .service-card-details {	background: rgba(0,0,0,.5);}
.service-card:hover .service_image img {	transform: scale(1.1);}
.service-card-icon {	flex: 1 0 100%;	align-self: flex-start;	width: 6rem;max-width: 6rem;	height: 6rem;	margin-bottom: 1em;
	background-color: #fff;border-radius: 50%;text-align: center;}
.service-card-icon svg {	height: 6rem;	width: 6rem;	padding: .5em;	margin: 0 auto;}
.service-card-inner {	flex: 1 0 100%;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;transition: all 500ms ease;}
.service-card-bg {	position: relative;}
.service-card-bg img {transition: all .3s linear 0s;}
.sg-section .col-lg-4  .service-card-details {background:rgba(0,0,0,.5);}
.sg-section .col-lg-4 .service-card-bg::before {background:transparent;}
.sg-section .col-lg-4:nth-of-type(2)  h3 a, .sg-section .col-lg-4:nth-of-type(2)  p {color:#fff;}
.service-card-bg:before {	content: '';	position: absolute;	top: 0;	bottom: 0;	background: white;	left: 0;	right: 0;}
.service_image {	display: block;	overflow: hidden;}
.service_image span {	display: block;		-webkit-box-shadow: none !important;	box-shadow: none !important;}
.service-card-inner h6 {font-size: 16px;text-transform: uppercase;margin-bottom: 15px; color:#b3aaaa;}
.service-card-inner h3 {margin-bottom:15px; }
.service-card-inner h3 a {color:#fff;}
.service-card-inner p {color:#fff;}
.service-card-link i {color:#ff4800; font-size:20px;}
.service-card:hover  .service-card-inner h3 , .service-card:hover  .service-card-inner p{color:#fff;}
 .service-card:hover  .service-card-inner h3 a {color:#fff;}
.service-card:hover .service-card-link {display: block;}

/*================================================
Our Team CSS
=================================================*/
.single-team-1 {   margin-top: 30px;   overflow: hidden;   border-radius: 6px;   position: relative;	border: 1px solid #eaeaea;}
.single-team-1:hover .projet-btn {display: inline-block;}
.team-thumbnail {   display: block;   position: relative;   z-index: 1;}
.team-thumbnail:after {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff8601),to(#000));
    background: -webkit-linear-gradient(top,#ff8601,#000);
    background: linear-gradient(180deg,#ff8601 0,#000);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
    opacity: 0;
}
.team-thumbnail img {
    width: 100%;
	border-radius: 6px;
	vertical-align:middle;
}
.team-content-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 35px 40px;
    z-index: 2;
}
.team-content-1 h3 {
	font-weight:600;
    color: #fff;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .45s cubic-bezier(.23,.88,.34,.99);
    transition: all .45s cubic-bezier(.23,.88,.34,.99);
}
.team-content-1 h3 a {color:#fff;}
.team-content-1 p{
    color: #c6c9d8;
    font-size: 14px;
    line-height: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .45s cubic-bezier(.23,.88,.34,.99);
    transition: all .45s cubic-bezier(.23,.88,.34,.99);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.single-team-1  ul.team-social-1 {
    position: absolute;
    top: 25px;
    left: 35px;
    padding: 0;
    z-index: 2;
    list-style: none;
    display: flex;
    margin: 0 -10px;
}
.single-team-1  ul.team-social-1 li {
    margin: 0 10px;
    -webkit-transform: translateY(8px) scale(.8);
    transform: translateY(8px) scale(.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .45s cubic-bezier(.23,.88,.34,.99);
    transition: all .45s cubic-bezier(.23,.88,.34,.99);
	color:#fff;
}
.single-team-1  ul.team-social-1 li a {color:#fff;}

.single-team-1:hover .team-thumbnail:after {
    opacity: .85;
    top: 0;
}
.single-team-1:hover .team-content-1 {
    opacity: 1;
    visibility: visible;
}

.single-team-1:hover .team-content-1 h3, .single-team-1:hover .team-content-1 p {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);  margin-bottom: 15px;
}

.single-team-1:hover h3{
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}
.single-team-1:hover .team-content-1 p {
    -webkit-transition-delay: .33s;
    transition-delay: .33s;
}

.single-team-1:hover  ul.team-social-1 li {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.single-team-1:hover  ul.team-social-1 li:first-child {
    -webkit-transition-delay: .07692s;
    transition-delay: .07692s;
}
.single-team-1:hover  ul.team-social-1 li:nth-child(2) {
    -webkit-transition-delay: .15385s;
    transition-delay: .15385s;
}
.single-team-1:hover  ul.team-social-1 li {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


/* Single Team Page */
.dark{color:#000!important;}
.article-img img {border-radius:5px;}
.single-team-details {margin-top:25px;}
.single-team-details h2{margin-bottom:10px;}
.single-team-details .designation {margin-bottom:15px;}
.single-team-details ul.social-links {list-style:none; margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea;}
.single-team-details ul.social-links li {display:inline; margin-right:10px;}
.single-team-details ul.social-links li i {color:#6c6868;}

/*================================================
Client Logo CSS
=================================================*/
.partner-area {  border-bottom: 1px solid #f0f0f0;padding-top: 0px;padding-bottom: 20px;}
.partner-area .item {  text-align: center;}
.partner-area .item a img { display: inline-block !important; -webkit-transition: .5s; transition: .5s;
    -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.partner-area .item a:focus img, .partner-area .item a:hover img {   opacity: 1; 	    -webkit-filter: grayscale(0%); filter: grayscale(0%);	}
.info-box {	width: auto;	margin-bottom: 30px;	position: relative;	display: inline-block;	vertical-align: middle;}
.info-icon {	position: relative;	top: 1px;	display: table-cell;	vertical-align: top;	z-index: 1;	width: 52px;}
.info-content {	padding: 0 0 0 17px;	display: table-cell;	vertical-align: top;}
.info-content h6{ margin:15px 0px;}

/*================================================
Testimonial CSS
=================================================*/

.feedback-img {  position: relative;}
.feedback-img img {   -webkit-transition: .5s;   transition: .5s;}
.feedback-img .shape-img {  position: absolute;  left: 20px;  top: -55px;  -webkit-animation: moveleftbounce 3s linear infinite;
    animation: moveleftbounce 3s linear infinite;}
.feedback-img .video-btn {  position: absolute;  right: 15px;  bottom: 200px;  background: #cc0677;
    color: #fff; padding: 20px 20px 20px 65px; border-radius: 45px;}
.feedback-img .video-btn:focus, .feedback-img .video-btn:hover, .feedback-img .video-btn i {   background: #000;   color: #fff;}
.feedback-img .video-btn i {position: absolute;left: 10px;top: 50%;width: 45px;height: 45px;display: inline-block;
    text-align: center; line-height: 45px; border-radius: 50%; margin-top: -22px; -webkit-transition: .5s; transition: .5s;}
.feedback-img:focus img, .feedback-img:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.feedback-inner {  margin-top: 75px;}
.single-feedback p {   font-size: 16px;   font-style: italic;   margin-bottom: 0;}
.single-feedback .client {   margin-top: 20px;}
.single-feedback .client h3 {   font-size: 18px;   font-weight: 600;   margin: 0;}
.single-feedback .client span {   display: block;   color:#ff9200 !important;   margin-top: 6px;   font-size: 14px;}
.quate i {color: #e7e7e7;   line-height: 45px;	font-size: 45px;}
.testimonials-section .section-title {   margin-bottom: 20px!important; margin-top: 60px!important;}
.feedback-inner  .carousel-indicators {line-height: .01;  position: absolute;  right: 0;  left: 0;  margin: 0 auto;  bottom: -40px;}
.feedback-inner  .carousel li { width: 40px; height: 6px; margin: 0; background: #d6d6d6; -webkit-transition: .5s; transition: .5s;
 border-radius: 0;}
.feedback-inner  .carousel li.active { background: #cc0677;}
.testimonials-item {  margin-bottom: 30px;}
.testimonials-item .testimonials-single-item { position: relative; box-shadow: 0 15px 20px 0 rgba(0,0,0,.06); background-color: #fff;
    padding: 25px;}
.testimonials-item .testimonials-single-item:before { border-left: 0 solid transparent; border-right: 23px solid transparent;
    border-top: 32px solid #fff; bottom: -32px;  content: ""; height: 0; left: 50px; position: absolute; width: 0;}
.testimonials-item .testimonials-single-item p {   font-style: italic;   margin-bottom: 0;   padding-left: 40px;   position: relative;}
.testimonials-item .testimonials-single-item p:before { position: absolute; content: "\f10d"; color: #777; font-family: FontAwesome; left: 0; top: -5px; font-size: 25px;}
.testimonials-item .quotation-profile { position: relative;  margin-top: 40px;  margin-left: 10px;}
.testimonials-item .quotation-profile img {  width: 70px;  box-shadow: 0 15px 20px 0 rgba(0,0,0,.06);  border: 2px solid #fff;
  border-radius: 50%; height: 70px;}
.testimonials-item .quotation-profile .profile-info { position: absolute; top: -5px; left: 90px;}
.testimonials-item .quotation-profile .profile-info h3 {  font-size: 18px;  font-weight: 600;  margin-bottom: 6px;}
.testimonials-item .quotation-profile .profile-info span { display: block; font-size: 14px; color: #ff4800;}

/* Testimonial Design 1*/

.testi-block-one {display: block; position: relative; background: #f6f6f6; padding: 1.5rem !important; border-radius: .25rem !important;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.testi-block-one img {width:50px!important;}
.testi-block-one .client-ratting-list li:not(:last-child) {margin-right: 0;	line-height: 14px;}
.testi-block-one .client-ratting-list li span {	font-size: 11px;}
.testi-block-one .ratting-color {	color: #ff7c3f;}
.testi-block-one h5 {font-weight:400;}
.client-info h5 {font-weight:400!important;}
.testimonials-section-one .owl-nav button {	width: 30px!important;	background: transparent!important;	border: 1px dashed #ebebeb!important;
	line-height: 26px!important;}
.testimonials-section-one .owl-nav button span {	font-size: 25px!important;	color: #ff7c3f !important}
.testimonials-section-one .owl-nav button:hover {background: #ff7c3f!important;border-color: #ff7c3f!important;}
.testimonials-section-one .owl-nav button:hover span { color:#fff!important;}

/*================================================
Contact Us CSS
=================================================*/

.contact-area input {height: 55px; background-color: #f4f4f4; border: none; padding-left: 15px!important;}
.gform_wrapper li.hidden_label input {  margin-top: 0px!important; margin-bottom: 5px; }
.contact-area textarea {background-color: #f4f4f4; border: none; padding-left: 15px; padding-top: 15px;}
.contact-area .gform_wrapper ul li.gfield {   margin-top: 0px!important;   padding-top: 0;}
.contact-area .gform_wrapper {margin:0px!important;}
.contact-area .gform_wrapper .gform_footer input {padding: 10px 36px!important; text-transform: uppercase; background: #cc0677; color: #fff;
border: none; font-size: 16px !important; border-radius: 50px; border: 2px solid #cc0677; -webkit-transition: .5s; cursor: pointer; transition: .5s;}
.contact-area .gform_wrapper .gform_footer {margin:0px!important; text-align:center;}
.contact-area .gform_wrapper .gform_footer input:before {content: ""; position: absolute; height: 0; width: 51%; background: #ff4800;
z-index: -1; -webkit-transition: .5s; transition: .5s;}
.gform_wrapper textarea.medium {   height: 125px;   width: 100%;}
.contact-box { background-color: #f9f9f9; padding: 20px; color: #fff; margin-bottom: 10px;}
.contact-details {  position: relative;  padding-left: 60px;  margin-bottom: 20px;  border-bottom: 1px solid #eee;  padding-bottom: 10px;}
.contact-icon {position: absolute;left: 0;color: #ff8500;-webkit-transition: .5s;transition: .5s;width: 50px;height: 50px;
background: #fff;text-align: center;border-radius: 50%;line-height: 55px;}
.contact-icon i {font-size:25px;}
.contact-box a {color:#848484;}
.contact-box p {margin:0px;}
.contact-box h4	{font-size: 18px;color: #000;font-weight: 600; }
.contact-box .contact-details:last-child{border:none; margin-bottom:0px; padding-bottom:0px;}
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container)
{margin:0px!important;}
.gform_wrapper .top_label div.ginput_container {  margin-top: 0px!important;}
.gform_wrapper li.hidden_label input {   margin-top: 0px !important;   margin-bottom: 10px!important;}

/*================================================
About Us CSS
=================================================*/

.about-us {position:relative;}
.uk-grid-medium {margin-left: -30px;}
.uk-child-width-1-2\@m > * {  width: 50%;}
.uk-grid-item-match, .uk-grid-match > * {   display: flex;   flex-wrap: wrap;}
.uk-grid-medium > * {   padding-left: 30px;}
.uk-grid {  display: flex;  flex-wrap: wrap;  margin: 0;      margin-bottom: 0px;      margin-left: 0px;padding: 0;list-style: none;}
.about-content .section-title {margin-bottom: 40px !important;}
.about-img .about-img1 {width: 85%;}
.about-img img {-webkit-transition: .5s;transition: .5s;}
.about-img .about-img2 {position: absolute;left: 70px;bottom: -82px;}
.about-text {padding-right: 40px;}
.uk-button::before {right: 0;bottom: 0;}
.uk-button::after, .uk-button::before {content: "";position: absolute;height: 0;width: 51%;background: #ff4800;z-index: -1;
    -webkit-transition: .5s;   transition: .5s;}
.about-img:focus img, .about-img:hover img {   -webkit-filter: grayscale(100%);   filter: grayscale(100%);}
.about-img .shape-img {  position: absolute;   -webkit-animation: moveleftbounce 3s linear infinite;   animation: moveleftbounce 3s linear infinite;
    left: 44%;  top: 9%;}
.about-img .uk-button {    background-color: #ff4800;    color: #fff;    position: absolute;    right: 0;    bottom: -25px;}
.uk-button {   font-size: 15px;   font-weight: 600;   line-height: unset;   text-transform: capitalize;   padding: 13px 32px; 
 -webkit-transition: .5s;    transition: .5s;   position: relative;   z-index: 1;}
.about-img {position: absolute;right: 0;top: 70px;width: auto !important;text-align: right;}
.mt-20 { margin-top: 20px;}
.mb-10 { margin-bottom: 10px;}
.mb-40 {margin-bottom:40px; }
.read-more {font-size: 13px;color: #110736;font-weight: 700;letter-spacing: 1.4px;}
.read-more i {margin-left:15px;}

/*================================================
Full Width Service CSS
=================================================*/
.fullwidth-service-section {width: 100%;backface-visibility: hidden;min-height: 500px;background-position: center;background-size: cover !important;}
.fullwidth-service-section h2 {font-size: 45px;font-weight: 700;	letter-spacing: 2px;color: #0a0a0a;	text-transform: uppercase;
	transition: color .2s;	-moz-transition: color .2s;	-o-transition: color .2s;	-webkit-transition: color .2s;	margin-bottom:10px;
	line-height: 50px;}
.fullwidth-service-section h3 {	font-weight: 500;font-style: normal;letter-spacing: 3px;
text-transform: uppercase;color: #191919; margin-top: 4px; font-size:16px;}
.service-details {margin-top: 30px;display: flex;}
.service-img {	width: 40%;	margin-right: 30px;}
.service-details p {text-transform:uppercase;}
.service-block.Right {	margin-left: 40%;}
.service-block.Dark {color:#000!important; }
.service-block.Dark p {color:#000;}
.service-block.Left {margin-right: 40%;}
.service-block.Light {color:#fff!important;}
.service-block.Light p, .service-block.Light h3, .service-block.Light h2 {color:#fff!important;}
.learn-more {color: #000;text-transform: uppercase;font-size: 14px;font-weight: bold;letter-spacing: 1px; margin-right: 10px;}
.servivce-title {position: relative;z-index: 0;overflow: hidden;}
.text-bg {position: absolute;top: 0px;font-size: 110px;text-transform: uppercase;font-weight: bold;z-index: -1;opacity: 0.4;color: #ffffff91;
	line-height:120px;}
.service-block.Light .learn-more {color:#fff!important;}

/*================================================
Services CSS
=================================================*/

.service-box{position: relative; z-index: 1; background-color: #f9f9f9; padding: 36px 55px 36px 108px; -webkit-transition: .5s;
transition: .5s; border-radius: 65px 0 0 65px; margin-bottom:30px;}
.service-box.active, .service-box:focus, .service-box:hover {    background: #ff8601;}
.service-box.active a, .service-box.active h3, .service-box:focus a, .service-box:focus h3, .service-box:hover a, .service-box:hover h3 {
    color: #fff;}
.service-box h3 {font-size: 18px;  font-weight: 700; margin: 0;  -webkit-transition: .5s;  transition: .5s;	color#000;}
.service-section a {color:#000;}
.service-box .service-icon {position: absolute;left: 15px;top: 50%;z-index: -1;width: 75px;height: 75px;background: #fff;display: inline-block;text-align: center;border-radius: 50%;color: #ff8601;line-height: 90px;margin-top: -38px;-webkit-transition: .5s;transition: .5s;}
.service-box .service-icon  i {font-size:35px;}
.service-section .col-lg-4{padding:0px 10px;}
.service-box .link-btn {   position: absolute;   right: 20px;   top: 60%;   color: #bdbdbd;   display: block;   margin-top: -19px;
    -webkit-transition: .5s;  transition: .5s;}
.service-box.active .link-btn, .service-box:focus .link-btn, .service-box:hover .link-btn {    right: 10px;    color: #fff;}
.service-box .link-btn:before {   font-size: 20px;}
.service-section {   padding-bottom: 40px;}

/* Service Style 2 */

.service-style-2 {position: relative; background: url(images/pattern-1.png) center top repeat;   background-color: rgba(0, 0, 0, 0);color: #ffffff;}
.service-style-2 h2 {margin-bottom:0px!Important;}
.section-title-2 h2 {position: relative;display: block;font-size: 45px;line-height: 55px;color: #fff;font-weight: bold;margin-bottom: 50px;}
.section-title-2 span {position: relative;display: block;font-size: 16px;line-height: 1.7em;color: #999b9f;padding: 20px 0px 0px;}
.service-style-2 .service-block {position: relative; margin-bottom: 30px;counter-increment: slides-num;}
.service-box-2 {position: relative;display: block;padding: 50px 45px;background: #1c1e22;min-height: 100%;border-radius: 7px;overflow: hidden;
-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease;-ms-transition: all 500ms ease; -o-transition: all 500ms ease;
    transition: all 500ms ease;}
.service-box-2:before {   content: "0" counter(slides-num) "";   position: absolute;   left: 45px;   top: 50px;   font-size: 50px;
    line-height: 1em;  color: #ffffff;  opacity: 0.07;}
.service-box-2 .bottom-curve { position: absolute;  right: -70px;  bottom: 0;  width: 100px;  height: 80%;  background: #222429;  opacity: 0.2;
    z-index: 0;  transform: skewX(0deg) scaleX(0);  transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;  -o-transition: all 0.5s ease;}
.service-icon-2 {   position: absolute;   right: 45px;   top: 50px;   color: rgb(255, 134, 1);   font-size: 64px;   line-height: 1em;
   transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;}
.service-box-2  h3{  position: relative;  margin: 0;      margin-top: 0px; margin-top: 90px;font-size: 20px;   text-transform: uppercase;
    color: #ffffff;  font-weight: 400;  letter-spacing: 1px;  line-height: 1.1em;}
.service-box-2:hover {   background: rgb(255, 134, 1)}
.service-box-2:hover .bottom-curve {  transform: skewX(-35deg) scaleX(1);}
.service-box-2:hover .service-icon-2 {color:#fff;}


/*================================================
Blog CSS
=================================================*/
.page-title-area { padding-top: 70px; padding-bottom: 70px; text-align: center; z-index: 1; position: relative;
    background-position: 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
.page-title-area::before {  content: "";  position: absolute;  left: 0;  top: 0;  background: #000;  opacity: .77;  width: 100%;  height: 100%;
  z-index: -1;}
.page-title-area h1 {font-size: 40px;font-weight: 700;color: #fff;position: relative;margin: 0;}

/*================================================
Sidebar CSS
=================================================*/
.sidebar h4, .sidebar h3 {font-size: 24px;font-weight: 700;margin-bottom: 0;margin-top: 10px;position: relative; }
.single-blog-heading {  font-size: 24px;  font-weight: 700;  margin: 10px;  line-height: 30px;	margin-bottom:15px;}
.article-img { position: relative; margin-bottom:20px; border: 1px solid #eaeaea;}
.article-img img {width:100%;}
.article-img .date { position: absolute; bottom: 15px; width: 100px; left: 15px; height: 70px; text-align: center;
    font-size: 20px; font-weight: 600; font-style: italic;
    background: #ff4800; color: #fff; border-radius: 5px; padding-top: 10px; line-height: 28px;}
.sidebar ul {margin-left:0px;}
.sidebar ul li {font-size: 15px;font-weight: 600;line-height: 22px;position: relative;margin: 10px 0px;}
.sidebar ul li span {font-size:14px; color:#848484; font-weight:400; display:block!important;}

/*================================================
Animation Keyframe CSS
=================================================*/

 @keyframes moveleftbounce {
       0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
    }


@keyframes MOVE-BG {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(60px);
  }
}


@keyframes moveleftbounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes toTopFromBottom {
  49% {
    transform: translateY(50%);
  }
  50% {
    opacity: 0;
    transform: translateY(-50%);
  }
  51% {
    opacity: 1;
  }
}


@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}

/*Pagination CSS*/

.pagination-nav span.page-numbers.current{background-color:#0071c1; color:#fff; padding:5px 12px;}
.pagination-nav span.page-numbers.dots{background-color:#555; color:#fff; padding:5px 12px;}
.pagination-nav a.page-numbers{	background-color:#555;	color:#fff;	padding:5px 12px;}
.pagination-nav a.page-numbers:hover{background-color:#0071c1;}
.pagination-nav{margin-top:30px; float:left; width:100%; line-height:35px;}

/*Form*/

.form-page .gform_wrapper{
    max-width: 650px;
    margin: 0px auto;
    background: #ff8600;
    border-radius: 30px;
    padding:30px;
    color: #fff;
    display:flex;
}

.form-page .gform_wrapper form, .form-page .gform_wrapper form
{width:100%;}

.form-page .gform_next_button {
    border: 2px solid #cc0677;
    background-color: #cc0677;
    color: #fff;
    width: 100%;
    border-radius: 30px;
    padding: 10px;
    font-size: 25px;
    cursor: pointer;
    font-weight: 600;
}


.form-page .gform_wrapper .gfield_label,.form-page .gform_wrapper .gfield_label .gfield_label
{
	margin-bottom:20px;
}

.form-page .gform_wrapper ul.gfield_checkbox li, .form-page .gform_wrapper ul.gfield_radio li,.form-page .gform_wrapper ul.gfield_checkbox li, .form-page .gform_wrapper ul.gfield_radio li
{    background: #fff;
    padding: 10px !important;
    display: block;
    color: #666;
    font-size: 20px;
    border:1px solid transparent;}
.form-page .gform_wrapper ul.gfield_checkbox li input[type="checkbox"],.form-page .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]
{width: 20px;
    height: 20px;
    margin-right: 5px;
float: left;
   width: 4%;
margin: 5px;}

.form-page .gform_wrapper ul.gfield_checkbox li label, .form-page .gform_wrapper ul.gfield_checkbox li label
{width:88%; max-width:100%;}

.form-page .gform_wrapper ul.gfield_radio li label,.form-page .gform_wrapper ul.gfield_radio li label
{width:88%; max-width:100%;}
.form-page .gform_wrapper ul.gfield_radio li input[type="radio"],.form-page .gform_wrapper ul.gfield_radio li input[type="radio"]
{
    width: 20px;
    height: 20px;
    margin-right: 5px;
float: left;
  width: 4%;
margin: 5px;}

.form-page .gform_wrapper .gfield input[type="text"],.form-page .gform_wrapper .gfield input[type="text"]
{width: 100% !important;
    padding: 12px !important;
    border: none;
    outline: none;
    border-radius: 4px;}

.form-page .gform_wrapper .gform_page_footer input[type="button"],.form-page .gform_wrapper .gform_page_footer input[type="button"]
{    border: 2px solid #cc0677;
    background-color: #cc0677;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
outline:none;}

input#gform_next_button_4_1
{
	width:auto;
}

.form-page .gform_wrapper .gform_page_footer input[type="button"].gform_next_button,.form-page .gform_wrapper .gform_page_footer input[type="button"].gform_next_button
{float:right;}

.form-page .gform_wrapper .gf_progressbar,.form-page .gform_wrapper .gf_progressbar
{
	width:100%;
	padding:0px;
	border-radius:0px;
}
.form-page .gform_wrapper .gf_progressbar:after,.form-page .gform_wrapper .gf_progressbar:after
{
	border-radius:0px;
}

.form-page .gform_wrapper .percentbar_blue,.form-page .gform_wrapper .percentbar_blue
{border-radius:0px;
-webkit-transition: width .3s linear;
transition: width .3s linear;
background-image: -webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);
background-image: -moz- oldlinear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.2) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.2) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);
background-size: 20px 20px;
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;}


.gform_wrapper li.gfield_error .gfield_label
{color:#fff;}
.gform_wrapper li.gfield_error ul.gfield_checkbox li, .gform_wrapper li.gfield_error ul.gfield_radio li
{border-color:red !important;}

.gform_page_footer .gform_button
{    border: 2px solid #cc0677;
    background-color: #cc0677;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
    outline: none;
float:right;}

.header-form
{width:100%; float:left;}

.postcode	
{background-color:#0069ba;
text-align: center;
border-radius: 4px;
color: #fff;
font-size: 14px;
padding: 7px;}


@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.gform_confirmation_wrapper 
{background: #ff8600;
    text-align: center;
    width: 100%;
    padding: 20px;
    margin-left: -45px;}

#gform_next_button_5_1, #gform_next_button_6_62, #gform_next_button_4_65, #gform_next_button_6_5
{width:100%;}

/*.body-form{position:relative;}*/
.blogpost-wrapper.form-page
{background-color:#4abdac; color:#fff;
padding:0px; float:left; width:100%; 
/*position:relative;*/}
div canvas{position:absolute; left:-100px;}
div#particles-js canvas{left:0; display:block;
  vertical-align:bottom;
  position: absolute;}
/* ---- particles.js container ---- */ #particles-js
{ position:absolute; width: 100%; height: 100%; background-color:#062e4d; background-image: url(""); background-repeat:repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } 
.blogpost-wrapper.form-page .post-page p{color:#fff;}

/*responsive*/

@media only screen and (max-width:1170px)
{
.service-block.Left {margin-right:25%;}
.service-block.Right {margin-left:25%;}
.container {padding:0px 40px;}
.about-img {position: relative; top:0px;}
.about-text {padding-right: 0px;}
.project-section-4-title {margin: 50px 0px;}
.about-img .about-img2 {left: 0px;bottom: 0px;}
.project-slides {left: 0px;}
.feedback-inner {margin-top: 20px;}
.partner-area {padding-bottom: 20px;}
.testi-block-two .text p {font-size:30px;}
.testimonials-with-partner-logo .partner-logo {padding: 60px 20px 20px;}
.testi-bx {padding: 60px;}
.footer-style-3 .gform_wrapper .gform_body {width: 100% !important;}
.menu ul li a {padding:23px 3px; font-size:13px;} 
.sidebar-call-us {padding: 20px 5px;}
}

@media only screen and (max-width:991px)
{
.service-block.Left {margin-right:0;}
.sidebar-call-us {padding: 20px 5px;}
.topbar-1 {display:none;}
.logo {padding: 5px 0px;}
.logo img {width:225px;}
.animated-arrow {display: none;}
.border-box {padding:25px;}
.testimonials-with-partner-logo .partner-logo {padding: 60px 100px 20px;}
.testi-bx {padding: 60px 150px;}
.testi-bx h2 {margin-bottom: 20px;}
.info-content h6 {margin: 0px 0px 10px;}
.service-box-5 h6 {margin-bottom:0px;}
.project-section-4-title {height: 100%;padding: 0px 25px 0px 15px;margin: 20px 0px;}
.mobile-logo {display: block; }
.headerlogo {display:none !important}
.headerlogo.header-form {display:block !important}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}	
.fourth-column .box{margin-bottom:25px;}
.uk-child-width-1-2\@m > * { width: 100%;}
section {  padding: 40px 0px;}
.newsletter { text-align:center}
.newsletter h3 {margin-bottom:15px;}
.footer-columns {margin-bottom: 30px;}
.newsletter .gform_wrapper .gform_body {width: 100%;display: block;}
.newsletter .gform_wrapper .gform_footer {position:relative;margin: 0px!important;width: 100%;display: block;text-align: center;}
.newsletter .gform_footer input {position:relative;}
.logo-header {padding: 15px 0px;}
.page-title-area.web-header-2 {padding: 50px 0px;}
.step-box .number-img {display:none!important;}
.step-box {padding: 20px 25px 40px;}
.step-by-step .owl-item:nth-child(2n+1) .step-box .number {margin-top: 0px;}
.service-block {max-width: 700px;margin: 0px;}
.service-block.Right {margin-left: 0%;}

}

@media screen and (max-width:767px) {
.sidebar-call-us {padding: 20px;}
li::marker { display:none;}
.sm-section-6 ul {list-style: none;display: block;width: 100%;margin: 0px;padding: 0px 15px;}
.sm-ex-img { width:100%; margin-left:0px;}
.sm-section-4 .sidebar {padding-left:0px;}
.sm-section-5::before {width:100%; }
.sm-section-5 {color:#fff;}
.sm-section-5 .single-feedback p{color:#fff;}
.sm-section-5 .quate i {color: #fff;}
.call-div .more-info {font-size: 18px;}
.sm-section-5::after {display:none;}
.sm-form {padding-left: 0px;margin-top: 30px;}
.team-content-1 {padding:0px;}
.projet-btn {color: #fff;border-color: hsla(0,0%,100%,.3);padding: 0 23px;height: 40px;display: inline-block;line-height: 34px;
border: 2px solid #cc0677;border-radius: 3px;font-size: 14px;position: relative;z-index: 2;letter-spacing: .2px;text-transform: uppercase;
background: #cc0677;width: 100%;text-align: center;}
.service-block.Dark {color: #000 !important;padding: 0px 15px;}
.project-slides-1 .item  {padding:0px 15px;}
.feedback-inner .carousel-indicators {margin-bottom:40px; }
.section-title-2 {margin-bottom:0px;}
.service-img {width: 100%;margin-right: 20px;}
.service-block.Right {margin-left: 15px;}
.banner-box {padding: 15px;}
.border-box h2 {font-size: 50px;line-height: 70px;}
.content-box {margin-bottom:15px;}
.testimonials-with-partner-logo .partner-logo {padding: 30px;}
.testi-bx {padding: 30px 50px;}
.baner-btn {margin-bottom:20px;}
.newsletter-design-2 h6 {text-align:center; margin-bottom:20px;}
.newsletter-design-2 .gform_footer input {position: relative;  margin-top:20px!important; padding: 10px 32px; width:50%!important;}
.bl-container .col-lg-4.col-md-6.p-0 {padding:0px 15px!important;}
.newsletter-design-2 .gform_wrapper .gform_footer {text-align:center;}
.project-style-4 {position: relative;overflow: hidden;margin: 0px 15px;padding: 15px;}
.single-project {padding:15px;}
.more-info, .more-btn {padding:10px 20px!important;}
.testi-block-two .text p {font-size: 20px;}
.testimonials-section-two .owl-theme .owl-nav{display:none;}
.our-team-section-2 .team-block {padding: 0px 15px;}
.blog-section-2 .news-block {padding: 0px 15px;}
.section-title-2 h2 {font-size: 30px;margin-bottom: 20px !important;line-height: 35px;}
.testi-block-two .info {position: relative;margin-top: 20px;margin-bottom: 10px;}
.service-style-2 .section-title-2 span {margin-bottom:10px; padding:0px!important;}
.container {padding: 0px 15px;}
.section-title span {font-size: 13px;text-transform: capitalize;}
.section-title h2 {font-size: 30px; line-height:35px;margin-top: 10px;margin-bottom: 0; line-height:30px;}
.fullwidth-service-section h2 {font-size:30px; line-height:35px;}
.about-img .about-img2 { display: none;}
.about-content p { padding: 0px;}
.about-img .about-img1, .about-img img {   width: 100%;}
.menu-wrapper {display:none;}
.about-img .shape-img {display:none;}
.uk-grid-medium > * {padding-left: 15px;  padding-right: 15px;}
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
.testimonial-wrapper{ text-align:center;}
.contentsec{ padding:0px; background-size:70%; }
.bg-responsive{background: #95b8ce;}
.fourth-column .box{ text-align:center; }
.service-box {  padding: 25px 30px 25px 88px;  border-radius: 65px 0 0 65px;margin-bottom:15px;}
.service-box h3 {font-size: 15px; }
.service-box .service-icon {  width: 70px;  height: 70px;  line-height: 70px;  margin-top: -35px;  left: 5px;}
.service-box .service-icon {   line-height: 70px;}
.section-title {    margin-bottom: 40px !important;}
.section-title .more-info { display:none;}
.single-project .project-content {padding: 15px 15px; }
.feedback-img .shape-img { display:none;}
.feedback-img .video-btn {bottom:20px; right:20px;}
.partner-area {  padding-bottom: 20px;   padding-top: 20px;}
.newsletter input {  padding-left: 0px!important;  margin-left: 0px!important;}
.newsletter h3 {    font-size: 18px;}
.newsletter {padding:40px 0px;}
.single-team {margin-bottom:0px; padding: 0px 15px;}
.recent-posts .post-details {margin-right:0px; margin-left:10px;}
.recent-posts{ margin-bottom:0px; text-align:left;}
.recent-posts p {margin:0px; }
.recent-posts h3 { font-size: 18px; line-height:18px; margin:15px 0px; }
.contact-area h2 {margin-bottom:30px; display:inline-block;}
.map-img .location a .location-info { padding:5px; width:170px;}
.footer {    padding: 40px 0px 10px;}
.footer-copyright {    text-align: center;}
.footer-copyright-right {    text-align: center;}
.footer-copyright-right ul {margin-left:0px;}
.footer-copyright-right ul li {margin-left:0px; margin-right:15px;}
.sg-section-title h2 {	font-size: 30px;	line-height: 35px;}
.sg-section-title .more-info {margin-bottom:20px;}
.footer-style-3 .gform_wrapper .gform_body {	width: 100%!Important;	float: left !important;}
.footer-style-3 .newsletter-form .gform_wrapper .gform_footer {width:50%!Important;}
.footer-style-3 .footer-columns h3 {margin-bottom:15px;}
.banner-box h6 {margin-bottom:30px; margin-top:20px;}
.slider-5 .text-container h1 {  font-size: 50px;  line-height: 50px;letter-spacing: 20px; }
.slider-5 .text-container p {font-size:18px; margin:10px auto;}
.slider-5 .text-container h5 {	font-size: 30px;line-height: 30px;margin-top: 5px;}

#gform_wrapper_5 .gform_page_footer input[type="button"], #gform_wrapper_4 .gform_page_footer input[type="button"]
{padding: 5px 20px;
font-size: 16px; width:auto;}

}

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

{ 
.slider-5 .text-container h5 {font-size:16px;line-height: 20px;margin-top: 5px;}
.flex-direction-nav a {width:30px; height:35px; line-height:35px;}
.flex-direction-nav a.flex-next:before,  .flex-direction-nav a.flex-prev:before{font-size:15px;}
.slider-5 .text-container h1 {   font-size:20px!important;   line-height:26px!important;letter-spacing: 10px; }
.more-info, .more-btn {	padding: 6px 10px!important;}
.slider-5 .text-container p {font-size:12px; margin:10px auto;}
.slider-5 .text-container .more-info {padding:6px 10px;}
.flex-control-nav {display:none;}
.portfolio-item, .gap {  width: auto; margin: 15px;}
.service-box-1 {padding: 45px 45px;margin-top: 20px;}
.single-project-1 {	min-height:300px;	margin: 0px 15px;}
.contentsec{ background-size:100%;}
.flex-caption h1{font-size:22px; line-height:25px;}
.flex-caption h5{font-size:14px; line-height:18px;}
.headerlogo{text-align:center;}
.topbar{ text-align:center;}
.topbar .text-right{ text-align:center !important;}
}