/*===============================================

Template Name: solve - IT Solutions & Services HTML5 Template
Version: 0.1
 
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. solve	Main Menu Area Css
02. solve Slider Area Css
03. solve Shape Images Css
04. solve Breatcome Area Css
05. solve Feature Area Css
06. solve Service Area Css
07. solve Section TitleNAV
08. solve About  Area  Css
09. solve Counter Area  Css
10. solve Feature Box Area  Css
11. solve Team Area  Css
12. solve Pricing Area  Css
13. solve Portfolio Area  Css
14. solve Testimonial Area  Css
15. solve Call Do Action Area  Css
16. solve Blog Area  Css
17. solve Subscribe Area CSS
18. solve Subscribe Area CSS
19. solve Contact Now Area Css 
20. solve Contact Form Area Css
21. solve GOOGLE MAP AREA CSS
22. solve Middle Footer CSS
23. solve Footer Bottom Area Css 
24. solve BLOG DETAILS AREA CSS
25. solve Team Details Area Css
26. solve Skill Area Css
27. solve Error Page Area Css
25. solve Team Details Area Css

=======================*/



/*====================
 solve	Main Menu Area Css
=====================*/
.solve_nav_manu {
    background: transparent;
    padding: 10px 0;
    transition: .5s;
    margin-bottom: -92px;
    z-index: 999;
    position: relative;
}
.sticky {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 9999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #fff; }

/* logo Css*/
.logo {
 
}
/* solve Menu Css*/
.solve_menu {
    text-align: right;
}
.solve_menu ul {
    text-align: right;
    list-style: none;
    display: inline-block;
}
.solve_menu>ul>li {
 display: inline-block;
 position: relative;
}
.solve_menu > ul > li > a {
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 34px;
    padding: 23px 0;
}
.solve_menu ul li:last-child a {
 margin-right: 0px;
}
.solve_menu>ul>li.current>a {
 color: #f06292;
}


/* sub menu style */
.solve_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 15px 0;
    z-index: 9999;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    border-top: 2px solid #0762f8;
}
.solve_menu ul li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 100%;
 z-index: 9;
}
.solve_menu ul .sub-menu li {
 position: relative;
}
.solve_menu ul .sub-menu li a {
 display: block;
 padding: 12px 20px;
 margin: 0;
 line-height: 1.3;
 letter-spacing: normal;
 font-size: 12px;
 font-weight: 500;
 text-transform: uppercase;
 -webkit-transition: .1s;
 -o-transition: .1s;
 transition: .1s;
 visibility: inherit !important;
 color: #333;
}
.solve_menu ul .sub-menu li:hover>a,
.solve_menu ul .sub-menu .sub-menu li:hover>a,
.solve_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.solve_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
 background:#0762f8;
 color: #fff;
}

/* sub menu 2 */
.solve_menu ul .sub-menu .sub-menu {
 left: 100%;
 top: 130%;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
}
.solve_menu ul .sub-menu li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 0%;
}

/* sub menu 3 */
.solve_menu ul .sub-menu .sub-menu li {
 position: relative;
}
.solve_menu ul .sub-menu .sub-menu .sub-menu {
 right: 100%;
 left: auto;
 top: 130%;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
}
.solve_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 0%;
}

/* sub menu 4 */
.solve_menu ul .sub-menu .sub-menu .sub-menu li {
 position: relative;
}
.solve_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.solve_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 0%;
}

.donate-btn-header {
    display: inline-block;
}
a.dtbtn {
    border: 2px solid #ddd;
    display: block;
    font-size: 14px;
    margin-left: 30px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 9px 22px;
    background: transparent;
    color: #fff;
    margin-top: 0;
    letter-spacing: 1px;
	transition:.5s;
}
a.dtbtn:hover {
    border: 2px solid #0762f8;
    background: #0762f8;
    color: #fff;
}
.solve_menu li a:hover:before{
	width:101%;
}
.solve_nav_manu.sticky .logo_img {
    display: none;
}
.main_sticky {
    display: none;
}
.solve_nav_manu.sticky .main_sticky {
    display: inherit;
}
.solve_nav_manu.sticky .solve_menu li a {
    color: #151948;
}
.solve_nav_manu.sticky a.dtbtn {
    color: #151948;
}
.solve_nav_manu.sticky a.dtbtn:hover {
    color: #fff;
}
.mobile-menu.mean-container {
	overflow: hidden;
}
.home2 .solve_menu > ul > li > a {
    color: #151948;
}
.home2 a.dtbtn {
    border: 2px solid #0762f8;
    color: #151948;
}
.home2 a.dtbtn:hover{
	color:#fff;
	border:2px solid #0762f8;
}
.home2.solve_nav_manu.sticky a.dtbtn {
    border: 2px solid #ddd;
}
.home2.solve_nav_manu.sticky a.dtbtn:hover {
    border: 2px solid #0762f8;
}
/*========================
	solve Slider Area Css
=========================*/
.slider_area {
    background-image: url(../images/slider-1.png.jpeg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider_area.home2 {
	background:#a9c7ec;
	position:relative;
}
.slider_area.home2::before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-image: url(../images/slider-2.png);
}
.slider_area.home3::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/homepaged.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.single_slider {
    position: relative;
}
.slider_content {
    display: table;
    height: 900px;
    width: 100%;
}
.slider_text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.slider_text_inner {
    display: inline-block;
}
.slider_text_inner h1 {
    overflow: hidden;
    display: block;
    font-size: 60px;
    color: #fff;
    margin: 0;
}
.slider_text_inner p {
    width: 70%;
    font-size: 16px;
    padding: 29px 0 22px;
    color: #fff;
}
.slider_button_inner a {
    background: #fff;
    padding: 12px 34px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    color: #0762f8;
}
.slider_button_inner a i {
    margin-right: 8px;
    font-size: 16px;
}
.slider_button_inner a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #0762f8;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}
.slider_button_inner a:hover {
    color: #fff;
}
.slider_button_inner a:hover:before {
    width: 180%;
}

.slider-video-icon a i {
    color: #0762f8;
    font-size: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.73);
    height: 70px;
    width: 70px;
    line-height: 70px;
    transition: .5s;
	text-align:center;
	position:relative;
}
.slider-video-icon a i:hover{
	background:#0762f8;
	color:#fff;
}
.slider-video-icon {
    position: relative;
    margin-top: -13px;
    margin-left: 39px;
}
.slider-video-icon::before {
    content: "";
    position: absolute;
    left: 34px;
    top: 53%;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    transform: translate(-50%,-50%);
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
}
.single_slider_rot_inner {
    position: absolute;
    bottom: 0;
    left: 50%;
}

/* Home Two*/
.home2 .slider_text_inner h1 {
    color: #151948;
}
.home2 .slider_text_inner p {
    color: #151948;
}
.home2 .video-icon a i {
    color: #fff;
    background:#0762f8;
}
.home2 .video-icon::before {
    background: rgba(123, 76, 244, 0.3);
}
.home2 .slider_button_inner a {
    background: #0762f8;
	color:#fff;
}
.home2 .slider_button_inner a:before {
    background: #fff;
}
.home2 .slider_button_inner a:hover {
    color: #0762f8;
}
/* Home Four */
.home4 .slider_text_inner h1 {
    font-size: 55px;
}
.home4 .slider_text_inner p {
    width: 88%;
}
/*============================
	solve Shape Images Css
=============================*/
.single_slider_shape {
    position: relative;
}
.single_slider_shape_image {
    position: absolute;
    right: -215px;
    bottom: -50%;
    z-index: 1;
}
.slider_banner_shap {
    position: relative;
}
.single_slider_shape_image img {
    width: 90%;
}
.slider_banner_shap_inner {
    position: absolute;
    right: 100px;
    top: 350px;
    left: 100px;
}
.slider_banner_shap3 img:nth-child(1) {
  z-index: 3;
  top: -130px;
  left: -45px;
}
.slider_banner_shap3 {
    position: absolute;
    left: 0;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
    top: 123px;
}
.home2 .single_slider_shape_image {
    position: absolute;
    right: -70px;
    bottom: 15px;
}
.pricing_shape_thumb {
	position: relative;
}
.pricing_shape_thumb_inner {
    position: absolute;
    left: -156px;
    top: -150px;
    opacity: .4;
}
.pricing_shape_thumb_inner2 img:nth-child(1) {
  z-index: 3;
  top: -130px;
  left: -45px;
}
.pricing_shape_thumb_inner2 {
    position: absolute;
    right: -156px;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
    top: -123px;
}
.testi_shape_thumb_inner1 {
	position: absolute;
	right: 2%;
	bottom: 50%;
	z-index: -1;
	-webkit-animation: animationFramesOne 20s infinite linear;
	animation: animationFramesOne 20s infinite linear;
}
.testi_shape_thumb_inner1 img:nth-child(4) {
  left: 29%;
  right: 0;
  top: -15px;
  margin: 0 auto;
}
.testi_shape_thumb_inner2 img:nth-child(1) {
  z-index: 3;
  top: -130px;
  left: -45px;
}
.testi_shape_thumb_inner2 {
    position: absolute;
    left: 0;
    -webkit-animation: rotate3d 4s linear infinite;
    animation: rotate3d 4s linear infinite;
    opacity: .4;
    top: 0;
}
.slider_banner_shap4 {
    right: -60px;
    top: -750px;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
    position: absolute;
    opacity: .6;
}
.slider_banner_shap4 img:nth-child(4) {
  left: 29%;
  right: 0;
  top: -15px;
  margin: 0 auto;
}

/*====================
	solve Breatcome Area Css
=====================*/
.breatcome_area {
    background:url(../images/bg-1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	padding:250px 0 200px;
}
.breatcome_title {
    text-align: center;
}
.breatcome_title_inner h2 {
    font-size: 50px;
    color: #fff;
}
.breatcome_content {
	padding-top: 7px;
}
.breatcome_content ul {
    list-style: none;
}
.breatcome_content ul li {
    font-size: 18px;
    color: #fff;
}
.breatcome_content ul li a {
    display: inline-block;
    color: #fff;
    margin-right: 35px;
	position:relative;
}
.breatcome_content ul li a::before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:20px;
	width:1px;
	background:#fff;
}
.breatcome_content ul li a::before {
    position: absolute;
    content: "";
    left: 67px;
    top: 2px;
    height: 21px;
    width: 2px;
    background: #fff;
}
.breatcome_content ul li a::after {
    position: absolute;
    content: "";
    right: -23px;
    top: 2px;
    height: 21px;
    width: 2px;
    background: #fff;
}

/*==========================
	solve Feature Area Css
===========================*/
.feature_area {
    padding: 95px 0 72px;
    background: #f7fafd;
}
.feature_area.home2 {
    padding: 80px 0 65px;
    background: #f7fafd;
}
.feature_area.style2 {
    padding: 0;
    background: #fff;
}
.feature_area.style2 .top-den {
    margin-top: -84px;
}

.single_feature {
    border-radius: 8px;
    padding: 47px 28px 29px;
    background-color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    box-shadow: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}
.single_feature_icon .icon {
   font-size:50px;
   color:#0762f8;
   transition:.5s;
}
.single_feature_content_inner h2 {
    font-size: 20px;
	transition:.5s;
}
.single_feature_content_inner p {
    padding-top: 10px;
	transition:.5s;
}
.shape-one {
    content: '';
    width: 250px;
    height: 250px;
    background: #d858f5;
    border-radius: 50%;
    position: absolute;
    bottom: -120px;
    right: -120px;
    transform: scale(0);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
	z-index:-1;
}
 .shape-two {
    content: '';
    width: 373px;
    height: 373px;
    background: #c647fe;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    transform: translate(100% ,100%);
	z-index:-1;
}
 .shape-three {
    content: '';
    width: 500px;
    height: 500px;
    background: #a461e8;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    transform: translate(100% ,100%);
	z-index:-1;
}
.feature_area.style2 .shape-one,
.feature_area.style2 .shape-two,
.feature_area.style2 .shape-three {
   display:none;
}
/* Feature Area Hober Css */
.single_feature:hover .shape-one {
    transform: scale(1);
    webkit-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}
.single_feature:hover .shape-two {
    opacity: 0.6;
    transform: translate(50% ,50%);
    webkit-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}
.single_feature:hover .shape-three {
    opacity: 0.4;
    webkit-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    transition-delay: 900ms;
    transform: translate(50% ,50%);
}
.single_feature:hover .single_feature_content_inner h2  ,
.single_feature:hover .single_feature_content_inner p {
	color:#fff;
}
.single_feature:hover{
	background:#0762f8;
}
.single_feature:hover .single_feature_icon .icon{
	color:#fff;
}
/* Feature Style Three */
.feature_area.style3 {
    padding: 0;
    background: transparent;
}
.style3 .single_feature {
    text-align: center;
    padding: 70px 30px 60px;
    transition: 1s;
}
.style3 .single_feature:hover {
    border-radius:50%;
}
.feature_area.style3 .top-den {
    margin-top: -100px;
}
/*=============================
	solve Service Area Css
==============================*/
.service_area {
    background: #fff;
    padding: 80px 0 65px;
}
.service_area.style2 {
    background: #f7fafd;
}
.single_service_inner {
    padding: 19px 0 5px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 1;
    transition: .5s;
    border-radius: 0 50px 50px 0;
    margin-bottom: 30px;
    background: #fff;
}
.single_service_inner::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background: #0762f8;
    content: "";
    z-index: -1;
    border-radius: 0 50px 50px 0;
	transition:.5s;
	border: 1px transparent;
}
.single_service_icon {
    float: left;
    margin-left: 15px;
    margin-right: 30px;
    margin-top: -5px;
}
.single_service_icon i {
    display: inline-block;
    text-align: center;
    font-size: 25px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color: #fff;
}
.single_service_content h4 {
    font-size: 16px;
    text-align: left;
    margin: 0 0 12px;
    transition: .5s;
}
.right .single_service_inner_thumb {
    margin-top: -130px;
    margin-left: 115px;
}
.right .single_service_brg {
    position: relative;
}
.right .single_service_brg_thumb {
    bottom: -66px;
    position: absolute;
    left: 25px;
}
.left .single_service_inner_thumb {
    margin-top: -144px;
    margin-left: 71px;
}
.left .single_service_brg {
    position: relative;
}
.left .single_service_brg_thumb {
    bottom: -66px;
    position: absolute;
    left: -16px;
}
.single_service_inner:hover .single_service_content h4{
	color:#fff;
}
.single_service_inner:hover{
	background:#0762f8;
}
.single_service_inner:hover::before{
	background:#fff;
	border:1px solid #0762f8;
}
.single_service_inner:hover .single_service_icon i{
	color:#0762f8;
}
/*==========================
	solve Section TitleNAV
===========================*/
.section_title {
    text-align: center;
    margin-bottom: 35px;
}
.section_title.left {
    text-align: left;
}
.section_title_inner h2 {
    font-size: 32px;
    font-weight: 600;
}
.center .section_title_text {
    width: 60%;
    margin: auto;
	margin-top: 22px;
}
.left .section_title_text {
    width: 50%;
    margin-top: 22px;
}
.section_title.left.middle {
	margin-left: 569px;
	width: 100%;
}
.left .em_bar {
	background: #9B50DB none repeat scroll 0 0;
	height: 2px;
	width: 62px;
	margin:0;
}
.em_bar {
	background: #9B50DB none repeat scroll 0 0;
	height: 2px;
	margin: 0 auto 5px;
	width: 62px;
	
}
.em_bar_bg {
	height: 5px;
    width: 90px;
    background: #cbbded;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}
.em_bar_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #0762f8;
    -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;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

/*=============================
	solve About  Area  Css
==============================*/

.about_area {
    padding: 95px 0 65px;
}
.single_about {
    margin-bottom: 30px;
}
.single_about_thumb_img img {
    width: 100%;
}
.single_about_content_inner {
    margin-left: 30px;
}
.single_about_content_sub_title {
    padding-top: 20px;
}
.single_about_content_sub_title h4 {
    font-size: 18px;
	color:#0762f8;
}
.single_about_content_title {
    padding: 15px 0 20px;
}
.single_about_content_title h2 {
    font-size: 28px;
    margin: 0;
}
.single_about_content_text {
    padding-bottom: 22px;
}
.single_about_experience_inner {
    float: left;
    margin-top: -30px;
}
.single_about_experience_inner h1 {
    font-size: 95px;
    color: #0762f8;
    margin-right: 30px;
    font-weight: 800;
}
.single_about_experience_content h3 {
    margin: 0;
}
.single_about_buttion {
    margin-top: 45px;
}
.single_about_buttion a {
    background: #fff;
    color: #0762f8;
    padding: 14px 35px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    border: 2px solid #0762f8;
}
.single_about_buttion .active {
    background: #0762f8;
    color: #fff;
    border: 2px solid #0762f8;
	margin-left:15px;
}
.single_about_buttion .active:before {
    background: #fff;
}
.single_about_buttion a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #0762f8;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}
.single_about_buttion .active:hover{
	color:#0762f8;
}
.single_about_buttion a:hover {
    color: #fff;
}
.single_about_buttion a:hover:before {
    width: 180%;
}
/*=============================
	solve Counter Area  Css
==============================*/
.counter_area {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #0762f8;
    padding: 95px 0 65px;
}
.counter_area.style2 {
    padding: 0;
    background: transparent;
	position:relative;
}
.counter_area.style2 .top-den{
	margin-top:-60px;
	box-shadow:11px 11px 38px rgba(0,0,0,0.2);
	background:#fff;
	padding:40px 0 40px;
}
.single_counter_inner {
    text-align: center;
	margin-bottom:30px;
}
.counter_icon {
    margin-bottom: 45px;
	position:relative;
}
.counter_icon::before {
    position: absolute;
    left: 0;
    top: 103px;
    content: "";
    height: 50px;
    width: 0;
    margin: auto;
    right: 0;
    border: 1px dashed #fff;
}
.counter_icon i {
    font-size: 35px;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    color: #0762f8;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
    background: #F6F4FD;
    display: inline-block;
}
.countr_text>h3 {
    display: inline-block;
    font-size: 40px;
    font-weight: 500;
    margin: 28px 0 12px;
    transition: .5s;
    color: #fff;
}
.counter_title h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    transition: .5s;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0;
}
.counter_area.style2 .countr_text>h1{
    color: #151948;
}
.counter_area.style2 .counter_title h4{
    color: #151948;
}

/*================================
	solve Feature Box Area  Css
=================================*/
.feature_box_area {
    padding: 78px 0 65px;
}
.single_feature_box {
    padding: 46px 25px 30px;
    -webkit-box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
    box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
    border-radius: 10px;
    position: relative;
    background: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.single_feature_box::before {
    content: " ";
    width: 95%;
    height: 95%;
    z-index: -3;
    position: absolute;
    top: auto;
    bottom: 1px;
    left: 1px;
    border-radius: 12px;
	background-image: linear-gradient(45deg, #9a9fff, #0762f8);
    background-repeat: repeat-x;
    outline: 1px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.single_feature_box_icon {
    color: #0762f8;
    font-size: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 1;
    margin-bottom: 33px;
    background: #F6F4FD;
    height: 90px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    display: inline-block;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
}
.single_feature_box_content h2{
	font-size:20px;
}
.single_feature_box_content_text {
    padding-top: 12px;
}
.single_feature_box:hover .single_feature_box_icon{
	background: #0762f8;
	color:#fff;
}
.single_feature_box:hover {
    background: #fff;
}
.single_feature_box_content h2:hover {
	color:#0762f8;
}
.single_feature_box:hover::before {
    -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
    -ms-transform: rotate(2deg) translateX(-5px) translateY(16px);
    transform: rotate(2deg) translateX(-5px) translateY(16px);
}

/*=================================
	solve Team Area  Css
==================================*/
.team_area {
    background: #f7fafd;
    padding: 76px 0 65px;
}
.team_area.home3 {
    background: #fff;
}
.single_team {
	margin-bottom: 30px;
	background: #fff;
	transition: .5s;
	box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
	padding: 35px 20px 38px;
	text-align: center;
	border-radius: 10px;
}
.single_team_thumb {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 0 30px;
}
.single_team_thumb img {
    text-align: center;
    margin: auto;
    border-radius: 100%;
    /*! border: 10px solid #0762f8; */
    box-shadow: 0 0 4px rgba(0,0,0,0.20);
    animation: checkAnim 2s infinite;
    margin-top: 10px;
}
.single_team_content {
	background: #0762f8;
	padding: 4px 0 8px;
	border-radius: 7px;
}
.single_team_content h2 {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 0;
	color:#fff;
}
.single_team_content span {
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
}
.single_team_content_text {
    margin-top: 15px;
}
.single_team_icon {
	transition: .5s;
	margin-top: 16px;
}
.single_team_icon a {
    display: inline-block;
    font-size: 14px;
    background: #0762f8;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border-radius: 50%;
	margin:0 2px;
}
.single_team_icon a i {
    text-align: center;
}
.single_team:hover{
	transform:translateY(-10px);
}

/*============================
	solve Process Area  Css
=============================*/
.process_area {
    padding: 78px 0 65px;
}
.single_process {
    text-align: center;
	position:relative;
	transition:.5s;
	margin-bottom:30px;
}
.single_process_thumb {
    display: inline-block;
    border-radius: 100%;
	animation: checkAnim 2s infinite;
}
.single_process_thumb img {
    border-radius: 100%;
    border: 10px solid #fff;
}
.single_process_number_inner{
	position:relative;
}
.single_process_number_inner {
    position: absolute;
    left: 0;
    top: 55%;
    height: 100%;
    width: 100%;
    margin: auto;
    transition: .5s;
}
.single_process_number span {
    height: 50px;
    width: 50px;
    background: #0762f8;
    display: inline-block;
    line-height: 50px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
}
.single_process_content {
    padding-top: 30px;
}
.single_process_content h2 {
    font-size: 22px;
}
.single_process:hover .single_process_number_inner {
    top: 40%;
}
/*============================
	solve Pricing Area  Css
=============================*/
.pricing_area {
    background: #fff;
    padding: 80px 0 65px;
}
.single_pricing {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    padding: 0 0 32px;
    transition: .5s;
    overflow: hidden;
    box-shadow: 0px 8px 14.72px 1.28px rgba(207, 207, 207, 0.3);
    border-radius: 10px;
}
.pricing_head {
    padding: 12px 0 21px;
    background: #0762f8;
}
.pricing_title h3 {
    font-size: 25px;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 5px;
}
.pricing_tk h2 {
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #fff;
	transition:.5s;
}
.pricing_tk span {
    font-size: 14px ;
    color: #fff ;
    font-weight: 400;
}
.pricing_body {
    margin-top: 40px;
}
.pricing_body .featur ul li {
    display: block;
    font-size: 15px;
    margin-bottom: 18px;
}
.pricing_body .deactive {
    text-decoration: line-through;
    color: #CCDCEA;
}
.pricing_button {
    margin-top: 33px;
}
.order_now a {
    background: #f5f5f5;
    color: #0762f8;
    padding: 18px 55px;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    display: inline-block;
}
.active .order_now a {
    background:#0762f8;
	color:#fff;
}
.order_now a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background:#0762f8;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
	transition:.5s;
}
.single_pricing:hover{
	transform:translateY(-10px);
}
.single_pricing:hover .order_now a:before {
    width: 180%;
}
.single_pricing:hover .order_now a {
	color:#fff;
}

/*=========================
	solve Portfolio Area  Css
==========================*/
.portfolio_area {
    padding: 78px 0 65px;
    background: #f7fafd;
}
.portfolio_area .center .section_title_text {
    width: 45%;
}
/* Portfolio Nav */
.portfolio_nav {
    margin-bottom: 50px;
}
.portfolio_menu ul {
    text-align: center;
    list-style: none;
}
.portfolio_menu ul li {
    display: inline-block;
    margin: 0 14px;
    cursor: pointer;
}
.portfolio_menu ul li a{
    display: block;
    color:#fff;
	text-transform:uppercase;
	position:relative;
	transition:.5s;
}
.portfolio_menu ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 24px;
    height: 2px;
    width: 0%;
    background: #fff;
	transition:.5s;
}

/* Single Portfolio */
.single_portfolio {
    overflow: hidden;
    margin-bottom: 30px;
	position:relative;
	transition:.5s;
}
.single_portfolio_thumb {
    transform: scale(1.01);
	transition:.5s;
}
.single_portfolio_thumb::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(123, 76, 244, 0.8);
    opacity: 0;
    transition: .5s;
    border: 3px solid #fff;
    right: 0;
    bottom: 0;
    margin: auto;
}
.single_portfolio_thumb img {
    width: 100%;
}
.single_portfolio_content {
    position: absolute;
    left: 0;
    top: 70%;
    right: 0;
    text-align: center;
    background: #fff;
    width: 70%;
    margin: auto;
    border-radius: 5px;
    padding: 20px 10px;
    opacity: 0;
    transition: .5s;
    transform: translateY(-50%);
    z-index: 999;
}
.single_portfolio_icon {
    text-align: center;
    padding-bottom: 10px;
}
.single_portfolio_content_inner {
    text-align: center;
}
.single_portfolio_content_inner h2 {
    font-size: 22px;
}
.single_portfolio_content_inner h2 a {
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    font-size: 20px;
	transition:.5s;
}
.single_portfolio_icon i {
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 5px;
    color: #0762f8;
    transition: .5s;
}
.loade_more {
    margin-top: 50px;
    text-align: center;
}
.loade_more a {
    background: #fff;
    color: #0762f8;
    padding: 11px 26px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
	border:2px solid #0762f8;
}
.loade_more a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #0762f8;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}
/* Portfolio Hover */
.single_portfolio:hover .single_portfolio_thumb {
    transform: scale(1.03);
}
.portfolio_menu ul li a:hover:before {
    width: 100%;
}
.single_portfolio:hover .single_portfolio_content {
    opacity: 1;
    top: 50%;
}
.single_portfolio:hover .single_portfolio_thumb::before{
	opacity:1;
}
.single_portfolio_content_inner h2 a:hover {
   color: #0762f8;
}
.single_portfolio_icon i:hover{
	background: #0762f8;
	color:#fff;
}
.loade_more a:hover {
    color: #fff;
}
.loade_more a:hover:before {
    width: 180%;
}
/*=============================
	solve Testimonial Area  Css
==============================*/
.testimonial_area {
    padding: 80px 0 66px;
}
.single_testimonial_content_text {
    box-shadow: 0 18px 17px 0 rgba(0,0,0,.1);
    padding: 32px 43px 20px;
    position: relative;
}
.single_testimonial_content_text:before {
    content: '';
    bottom: -20px;
    top: auto;
    border-color: #fff transparent transparent #fff;
    display: block;
    position: absolute;
    left: 0;
    margin-left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px;
}
.single_testimonial_thumb {
    float: left;
}
.single_testimonial_thumb img {
    width: 50%;
    border-radius: 50%;
    margin: auto;
    animation: checkAnim 2s infinite;
}
.single_testimonial_content_title h4 {
    font-size: 20px;
    margin-top: 30px;
}

@keyframes checkAnim {
 0%,
 100% {
  box-shadow:0 0 0 5px rgba(123, 76, 244, 0.8)
 }
 50% {
  box-shadow:0 0 0 8px rgba(123, 76, 244, 0.8)
 }
}

/*==================================
	solve Call Do Action Area  Css
===================================*/
.call_do_action {
    background: url(../images/action.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    padding: 95px 0 104px;
}
.call_do_action::before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:rgba(123, 76, 244, 0.7);
}	
.single_call_do_action_title h2 {
    font-size: 30px;
    color: #fff;
}
.single_call_do_action_icon {
    float: left;
    margin-right: 12px;
}
.single_call_do_action_number span{
	color:#fff;
}
.single_call_do_action_icon i{
   color:#fff;
}
.call_do_action_button a {
    background: transparent;
    color: #fff;
    padding: 13px 40px;
    font-size: 18px;
    font-weight: 500;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid #fff;
}
.call_do_action_button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background:#fff;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
	transition:.5s;
}
.signel_call_do_action_sub p {
    color: #fff;
}
.call_do_action_button a:hover{
	color:#0762f8;
	
}
.call_do_action_button a:hover:before {
    width: 180%;
}
.video-icon {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	padding-top: 8px;
}
.video-icon a i {
    color: #0762f8;
    font-size: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.73);
    height: 70px;
    width: 70px;
    line-height: 70px;
    transition: .5s;
	text-align:center;
}
.video-icon a i:hover{
	background:#0762f8;
	color:#fff;
}
.video-icon::before {
    content: "";
    position: absolute;
    left: 34px;
    top: 53%;
    height: 90px;
    width: 90px;
    background: rgba(255,255,255,0.8);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
}
/*=========================
	solve Blog Area  Css
==========================*/
.blog_area {
    padding: 79px 0 37px;
}
.blog_area.style2{
    padding: 80px 0 70px;
}
.single_blog {
    margin-bottom: 60px;
}
.blog_area .section_title {
    margin-bottom: 80px;
}
.blog_area.style2 .section_title {
    margin-bottom: 40px;
}
.single_blog_thumb{
	position:relative;
}
.thumb_img_border {
    position: absolute;
    left: -25px;
    top: -33px;
    bottom: 24px;
    right: 113px;
    border: 10px solid #0762f8;
    z-index: -1;
}
.thumb_img_border.right {
    right: 62px;
    left: 24px;
}
.single_blog_content_inner {
    margin-top: 40px;
}
.single_blog_content_title a {
    font-size: 24px;
    font-weight: 600;
}
.meta_box {
    padding: 9px 0 0;
}
.meta_box span {
    margin-left: 60px;
}
.single_blog_button {
    margin-top: 32px;
}
.single_blog_button a {
    background:#0762f8;
    color: #fff;
    padding: 12px 50px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 10px;
    display: inline-block;
	border:2px solid #0762f8;
}
.single_blog_button.active a {
   border:2px solid #0762f8;
   background:transparent;
}
.single_blog_button a:hover {
    color: #0762f8;
}
.single_blog_button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #fff;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
	transition:.5s;
}
.single_blog_button.active a:before {
    background: #0762f8;
	
}
.single_blog_button.active a{
	color:#0762f8;
}
.single_blog_button.active a:hover{
	color:#fff;
}
.single_blog_button a:hover:before {
    width: 180%;
}

/*==========================
	solve Subscribe Area CSS
===========================*/
.subscribe_area {
    background: url(../images/bg-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 68px 0;
}
.single_subscribe_content_title h2 {
    font-size: 28px;
	color:#fff;
	margin:0;
}
.single_subscribe_contact {
    background: #fff;
    padding: 16px 16px;
	border-radius:5px;
}
.single_subscribe_contact .subscribe_form input {
    font-size: 14px;
    height: 60px;
    padding-left: 40px;
    position: relative;
    width: 64%;
    background: #eef5fc;
    border: 0;
    margin-bottom: 14px;
    margin: auto;
    border-radius: 5px;
}
.single_subscribe_contact .subscribe_button button {
    text-align: center;
    border: medium none;
    border-radius: 5px;
    font-size: 15px;
    background: #0762f8;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    margin: auto;
    position: absolute;
    right: 32px;
    bottom: 17px;
    height: 60px;
    display: inline-block;
    letter-spacing: 1px;
    width: 30%;
    cursor: pointer;
    font-weight: 500;
}

/*====solve SERVICE FLIPBOX AREA ==== */
.service-area.flipbox {
    padding: 100px 0 70px;
}
.flipbox .section-main-title h1 {
    color: #fff;
}
.flipbox .section-sub-title h6 {
    color: #fff;
}
.flipbox .section-title{
	margin-bottom:30px;
}
.em-service-flipbox {
	perspective: 1000px;
	position: relative;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	z-index: 1;
}
.em-service-flipbox .service-flipbox-font,
.em-service-flipbox .service-flipbox-back {
	min-height: 250px;
	height: auto;
	box-shadow: 0px 1px 51.3px 5.7px rgba(137,143,156,.15);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: rotateX(0);
	-webkit-transform: rotateX(0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: transform .7s ease, -webkit-transform .7s ease;
	position: relative;
}
.em-service-flipbox .service-flipbox-back::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,transparent -5%,#00247e);
}
.em-service-flipbox .service-flipbox-font {
    background: linear-gradient(to top,transparent 5%,#0c5adb);
}
.em-service-flipbox .service-flipbox-inner {
	text-align: center;
	padding: 0 25px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	perspective: inherit;
	-webkit-perspective: inherit;
	outline: transparent solid 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
	transform: translateY(-50%) translateZ(60px) scale(0.94);
	z-index: 2;
}
.service-flipbox-icon {
	font-size: 45px;
	text-align: center;
	display: inline-block;
	color: #fff;
	overflow: hidden;
}
.service-flipbox-font .em-service-desc p {
    color: #fff;
}
.em-service-flipbox .em-service-title h3 {
    font-size: 22px;
    padding-bottom: 13px;
    text-transform: capitalize;
    -webkit-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    color: #fff;
}
.em-service-flipbox .service-flipbox-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 2px;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.em-service-flipbox .service-flipbox-back .service-batton a {
	color: #fff;
	text-transform: capitalize;
	margin-top: 22px;
	background: transparent;
	color: #fff;
	display: inline-block;
	padding: 3px 25px;
	border-radius: 30px;
	border: 2px solid #fff;
	transition: .5s;
}
.service-flipbox-back .em-service-desc p{
    color: #fff;
}
.em-service-flipbox .service-flipbox-back .service-batton a i {
	display: none;
}
.em-service-flipbox .service-flipbox-back .em-service-title h3 {
	padding-bottom: 16px;
	padding-top: 0;
	color: #fff;
	margin-bottom: 0;
}
.em-service-flipbox .service-flipbox-font .em-service-desc,
.em-service-flipbox .service-flipbox-back .em-service-desc {
	color: #fff;
}
/* Service Style Two */
.em-service-flipbox.style2{
	position:relative;
}
.style2.em-service-flipbox .service-flipbox-font::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,transparent -5%,#00247e);
}
.em-service-flipbox.style2 .service-flipbox-font .service-batton a {
    color: #fff;
    text-transform: capitalize;
    margin-top: 22px;
    background: transparent;
    color: #fff;
    display: inline-block;
    padding: 3px 25px;
    border-radius: 30px;
    border: 2px solid #fff;
    transition: .5s;
}
.em-service-flipbox.style2 .service-flipbox-font .em-service-desc p {
    color: #fff;
}
.em-service-flipbox.style2 .service-flipbox-back::before {
	background:linear-gradient(to top,transparent 5%,#0c5adb);
}
.em-service-flipbox.style2 .em-service-desc p {
    color: #fff;
}

/* Service Home Two Area */
.home2 .em-service-flipbox .service-flipbox-font {
    background: transparent;
    border: 1px solid #0c5adb;
	border-radius: 8px;
}
.home2 .em-service-flipbox .service-flipbox-back {
    border-radius: 8px;
	overflow:hidden;
}
.home2 .service-flipbox-font .em-service-desc p {
    color: #fff;
}

/* Service Home Three Area */
.service-area.home3{
    background: #eff2f7;
}

/* Service Area Hover Css */
.em-service-flipbox:hover .service-flipbox-font {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.em-service-flipbox:hover .service-flipbox-back {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.em-service-flipbox .service-flipbox-back .service-batton a:hover {
	color: #fff;
	border-color: #0c5adb;
	background: #0c5adb;
}
.mb-30{
	margin-bottom:30px;
}
/*=========================
	solve Contact Now Area Css 
=========================*/
.contact_now_area {
    background: #0762f8;
    padding: 70px 0 70px;
}
.single_contact_now {
    text-align: center;
    background: #fff;
    padding: 30px 30px 30px;
    margin-bottom: 30px;
	border-radius:5px;
}
.single_contact_now_inner {
    border: 2px solid #ddd;
    border-radius: 5px;
	transition:.5s;
}
.single_contact_now:hover .single_contact_now_inner {
    border: 2px solid #0762f8;
}

.single_contact_now_icon {
    padding-top: 24px;
}
.single_contact_now_icon i {
    font-size: 40px;
    color: #0762f8;
}
.single_contact_now_content {
    padding-bottom: 15px;
}
.single_contact_now_content h2 {
    font-size: 22px;
    padding-bottom: 12px;
}
.single_contact_now_content p {
    padding: 0;
    margin: 0;
    margin-bottom: 6px;
}
.contact_now_area .section_title_inner h2 {
    color: #fff;
}
.contact_now_area .section_title_text p {
    color: #fff;
}
/*=========================
	solve Contact Form Area Css 
=========================*/

.contact_area {
	padding: 81px 0 100px;
}
.form_field_inner{
    width: 50%;
    float: left;
}
.contact_form .form_field_inner input {
    width: 97%;
    background: transparent;
    border: 1px solid #ddd;
    height: 50px;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.contact_form .text_area .form_field_inner_text textarea {
    width: 98.4%;
    height: 250px;
    background: transparent;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 5px;
    padding-left: 15px;
    margin-bottom: 30px;
    padding-top: 25px;
}
.contact_form .form_field_inner input:focus,
.contact_form .form_field_inner_text textarea:focus {
	border: 1px solid #0762f8;
	background: transparent;
}
.contact_button button {
    background: #0762f8;
    border: 2px solid #0762f8;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: inherit;
    margin-top: 10px;
    cursor: pointer;
}
.contact_button button:hover {
	background: transparent;
	border-color: #0762f8;
	color: #0762f8;
}
/*=========================
 	solve GOOGLE MAP AREA CSS
==========================*/
.map {
    width: 100%;
    margin: 0;
    height: 410px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

/*==========================
	solve Middle Footer CSS
===========================*/
.footer-middle {
    padding: 71px 0 93px;
    position: relative;
    background: #f7fafd;
}
.footer-middle .widget h2 {
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 42px;
	margin-top: 20px;
	text-transform: capitalize;
}
/*footer widget 1 */
.company_info_desc {
	padding-bottom: 13px;
}
.em_form_title h3 {
	font-size: 23px;
	font-weight: 500;
	padding-bottom: 37px;
	padding-top: 16px;
}
.social_media h3 {
	font-size: 23px;
	padding-bottom: 41px;
	margin-top: 0;
	font-weight: 500;
}
.social_media a {
	background: transparent;
	border-radius: 5px;
	color: #0762f8;
	display: block;
	font-size: 17px;
	height: 35px;
	line-height: 33px;
	margin-bottom: 0;
	margin-right: 8px;
	text-align: center;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 35px;
	border: 1px solid #0762f8;
	display: inline-block;
}
.social_media a:hover{
	background:#0762f8;
	border-color: #0762f8;
	color: #fff;
}
/*footer widget 2 */
.quick-post-text i {
	color: #fff;
	background: #0762f8;
	height: 17px;
	width: 17px;
	line-height: 17px;
	text-align: center;
	transition: .5s;
	margin-right: 10px;
	font-size: 13px;
}
.quick-post-text .rcomment i {
	margin-right: 5px;
}
.footer-middle .quick-post-text h4 a {
	font-weight: 400;
	font-size:15px;
	transition:.5s;
}
.quick-post-text h4{
	transition:.5s;
}
.footer-middle .quick-post-text h4:hover {
	margin-left:10px;
}
/*footer widget 3 */
.single-widget-item {
	overflow: hidden;
}
.recent-post-item {
	clear: both;
}
.recent-post-image a {
	display: inline-block;
	margin-top: 6px;
	margin-bottom: 5px;
}
.recent-post-text a {
	color: #333;
	font-size: 14px;
}
.recent-post-text .rcomment i {
	margin-right: 5px;
}
.recent-post-text .rcomment {
	color: #333;
}
.recent-post-item {
	clear: both;
	transition:.5s;
}
.recent-post-image img {
	max-width: 87%;
}
.recent-post-text {
	overflow: hidden;
}
.recent-post-text>h4 {
	margin-bottom: 0;
}
.footer-middle .recent-post-text h4 a {
	color: #fff;
	font-weight: 500;
	font-size:15px;
}
.footer-middle .recent-post-text .rcomment {
	color: #fff;
	font-size: 13px;
	font-weight: 400;
}
.footer-middle .rcomment.recent-post-text > h4 {
	margin-bottom: 8px;
	font-weight: 500;
	line-height: 1;
	margin-top: 0;
}
.footer-middle .widget ul li,
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before,
.footer-middle .tagcloud a,
.footer-middle caption,
.footer-middle table,
.footer-middle table td a,
.footer-middle cite,
.footer-middle .rssSummary,
.footer-middle span.rss-date,
.footer-middle span.comment-author-link,
.footer-middle .textwidget p,
.footer-middle .widget .screen-reader-text {
	color: #fff;
}
.footer-middle .widget ul {
	list-style: none;
}
.footer-middle .widget ul li {
	margin-bottom: 17px;
	list-style: none;
}
.menu-quick-link-container ul li i {
	background: #0762f8;
	height: 17px;
	width: 17px;
	text-align: center;
	margin-right: 10px;
	transition: .5s;
	line-height: 17px;
	font-size: 13px;
}
.menu-quick-link-container ul li i:hover{
	background:#0762f8;
}
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before {
	-webkit-transition: .5s;
	transition: .5s;
}
.footer-middle .widget ul li a:hover{
	color: #0762f8;
}
/*footer widget 4 */
.quote_form_inner {
	padding-top: 6px;
}
.quote_form_field input {
	font-size: 14px;
	height: 40px;
	padding: 5px 15px;
	position: relative;
	width: 100%;
	background:#fff;
	border: 1px solid #fff;
	border-radius: 10px;
	color: #999999;
	transition: .3s;
}
.quote_form_field input:focus {
	border-color: #0762f8;
}
.quote_form_field textarea {
	width: 100%;
	height: 85px;
	border: 0;
	padding-left: 15px;
	border-radius: 5px;
	color: #fff;
	background-color: #0762f8;
}
.quote_button {
    margin: 0;
    position: absolute;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50px;
    border: medium none;
    bottom: 0;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 20px;
    background: #0762f8;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.widget_quote_text ul li i {
	float: left;
	margin-right: 10px;
	padding-top: 4px;
	font-size: 18px;
}
.footer-sociala-icon {
	clear: both;
	float: left;
	font-size: 18px;
	margin-right: 12px;
	color: #0762f8;
}
/* Blog Widget Css */
.blog-grid .recent-post-text>h4 {
	margin-bottom: 3px;
	line-height: 18px;
}
.blog-grid .recent-post-text .rcomment {
	color: #6d6d6d;
	font-size: 12px;
}
/*=============================
	solve Footer Bottom Area Css 
==============================*/
.footer-bottom {
	background: #f7fafd none repeat scroll 0 0;
	padding: 0 0 25px;
}
.footer-bottom .admin {
    background: #fff;
    padding: 15px 30px;
}
.copy-right-text p {
	font-size: 14px;
	margin: 7px 0 0;
	padding: 0;
}
.footer-menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-menu ul li {
	display: inline-block;
}
.footer-menu ul li a {
	color: #151948;
	margin-left: 10px;
	text-align: center;
	font-size: 15px;
	transition: .3s;
}
.footer-menu ul li:last-child a {
	padding-right: 0px;
}
.footer_style_3 .footer-menu ul li:first-child a {
	padding-left: 0px;
}
/*=================================
	solve BLOG DETAILS AREA CSS
==================================*/
.blog-details-area {
    background: #fff;
}
/* Blog Left Sidebar CSS */
.blog_area.left-sidebar {
    background: #fff;
}
.solve-blog-thumb img {
    transform: scale(1.01);
    transition: .5s;
    width: 100%;
}
.solve-single-blog.admin:hover .solve-blog-thumb img {
    transform: scale(1.2);
}
.left-sidebar .solve-single-blog {
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
	margin-bottom:30px;
}
.left-sidebar .solve-blog-thumb {
    overflow: hidden;
}
.left-sidebar .em-blog-content-area {
    padding: 0 30px 20px;
}
.left-sidebar .blog-page-title h2 {
    font-size: 22px;
}
.blog-page-datetime {
    background: #fff;
    width: 62%;
    padding: 12px 0 10px;
    border-radius: 0;
    position: relative;
    margin-top: -45px;
    padding-left: 24px;
}
.blog-page-datetime span {
    font-size: 18px;
}
.left-sidebar .blog-page-title a {
    color: #0d1218;
    font-weight: 600;
}
.blog-page-content-text p {
    color: #0d1218;
}
.left-sidebar .solve-blog-meta-left {
    padding: 13px 0 16px;
}
.left-sidebar.blog2 .em-blog-content-area {
    padding: 0 22px 15px;
}
.left-sidebar.blog2 .solve-blog-meta-left span {
    margin-right: 15px;
}
.left-sidebar.blog2 .solve-blog-meta-left i {
    margin-right: 6px;
}
.left-sidebar.blog2 .blog-page-title {
    padding-top: 6px;
}
.left-sidebar.blog2  .solve-blog-thumb img {
    width: 100%;
}
/* Blog Details  Content CSS */
.blog_details {
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
    padding: 15px 20px;
}
.blog_dtl_thumb img {
    width: 100%;
}
.blog_dtl_content h2 {
    color: #0d1218;
    font-size: 35px;
    padding-top: 25px;
}
.solve-blog-meta-left {
    padding: 12px 0 35px;
}
.solve-blog-meta-left span {
    color: #0d1218;
    margin-right: 40px;
}
.solve-blog-meta-left i {
    margin-right: 10px;
}
.blog_dtl_content p {
    color: #0d1218;
}
.blog_dtl_content h3 {
    color: #0d1218;
    padding: 10px 0 20px;
    font-size: 28px;
}
.blog_details blockquote {
    margin: 37px 0 36px;
    font-size: 14px;
    border-left: 7px solid #0762f8;
    background: #f7fafd;
    font-style: italic;
    font-weight: 500;
    padding: 25px 35px 15px;
}
.signatures {
	text-align: right;
	font-weight: 600;
	font-style: italic;
	font-size: 15px;
}
/* POST REPLY CSS */
.blog_comments_section {
    padding: 20px 15px 18px;
    margin: 50px 0 0;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
}
.comments_ttl>h3 {
    font-size: 28px;
    color: #0d1218;
}
.comments_ttl {
	margin-bottom: 37px;
}
.commentst_content p {
    color: #0d1218;
}
.comments_thumb {
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
.commentst_content {
	overflow: hidden;
}
.blog_comments_section .post_meta {
	margin-bottom: 6px;
}
.blog_comments_section .post_meta span {
	font-weight: 400;
	padding-right: 15px;
	color: #6d6d6d;
}
.blog_comments_section .post_meta span:hover {
	color: #03a9f4;
}
.blog_comments_section .post_meta span:last-child:before {
	display: none;
}
.commentst_meta_reply {
	float: right;
}
.commentst_meta_reply i {
	margin-right: 10px;
}
.commentst_meta_reply:hover {
	color: #03a9f4;
}
.single_commentst_inner {
	margin-bottom: 44px;
	margin-top: 46px;
	padding-left: 63px;
}
.badmin i {
	margin-right: 3px;
}

/* COMMENT FORM CSS */
.blog_reply {
    overflow: hidden;
    margin-top: 50px;
    padding: 20px 15px 37px;
    box-shadow: 0 7px 16px rgba(0, 0, 0, 0.15);
}
.reply_ttl>h3 {
    font-size: 28px;
    color: #0d1218;
}
.reply_ttl {
	margin-bottom: 36px;
}
.blog_reply .em_contact_form {
	margin-bottom: 0;
}
.blog_reply .contact_bnt button:hover {
	background: #0D2352;
	color: #fff;
}
/* contact title css */
.request_form_title h2 {
	color: rgba(221, 221, 221, 0.79);
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 47px 0 7px;
}
.request_form_title h1 {
	color: rgba(255, 255, 255, 1);
	font-size: 35px;
	font-weight: 700;
	padding-bottom: 40px;
	text-transform: uppercase;
	margin: 0;
}

/* solve Form Css */
.blog_reply .form_field {
	width: 100%;
}
.blog_reply .form_field_inner {
	width: 50%;
	float: left;
}
.blog_reply .form_field_inner input, .blog_reply .form_field_inner textarea {
    width: 95%;
    background: #f7fafd;
    border: 0;
    height: 50px;
    padding-left: 15px;
    color: #151948;
    margin-bottom: 20px;
}
.blog_reply .text_area .form_field_inner {
	width: 100%;
}
.blog_reply .text_area .form_field_inner textarea {
    width: 97.5%;
    height: 150px;
    padding-top: 15px;
}
.blog_reply .contact_button button {
    background: #0762f8;
    border: 0;
    color: #fff;
    padding: 12px 38px;
    cursor: pointer;
    letter-spacing: 1px;
}
.paginations {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 28px;
}
.page-numbers li {
    display: inline-block;
}
.paginations a, .page-numbers span.current {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: auto 5px;
    border: 1px solid #ddd;
    color: #888;
}
.paginations a:hover, .paginations a.current, .page-numbers span.current {
    background: #0762f8;
    border-color: #0762f8;
    color: #fff;
}
/*=============================
   solve Team Details Area Css
 =============================*/
.team_details_area {
    padding: 95px 0 65px;
    background: #f7fafd;
}
.single_team_details {
    text-align: center;
    padding: 32px 0 18px;
    box-shadow: 0 10px 30px 0 rgba(17,12,79,.1);
	background:#fff;
	margin-bottom:30px;
}
.single_team_details_content_inner {
    padding: 10px 0 15px;
}
.single_team_details_content_inner h2 {
    font-size: 24px;
}
.single_team_details_content_inner span{
    color: #0762f8;
}
.single_team_details_icon a {
    font-size: 16px;
    background: #0762f8;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 5px;
	margin:3px;
}
.single_team_details_phone {
    padding-top: 20px;
}
.single_team_details_phone_icon i {
    font-size: 30px;
	color: #0762f8;
}
.single_team_details_phone .number p {
    font-size: 18px;
}
.single_team_details_overview {
    margin-left: 30px;
}
.single_team_details_overview_content_text .overview_text {
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 5px;
}
.team_details_skill {
    margin-bottom: 34px;
    padding-top: 15px;
}
.team_details_skill p b {
    display: inline-block;
    width: 170px;
    font-weight: 600;
    font-size: 16px;
}
.team_details_skill p span {
    width: 170px;
}
/*==========================
    solve Skill Area Css
 ===========================*/
.skill_area{
    padding: 80px 0 70px;
}
.our_skill{
	margin-bottom:30px;
}
.skill-wrapper h5 {
    font-size: 18px;
    padding: 15px 0 12px;
}
/* Appointment Css */
.appointment {
    position: relative;
}
.sign-up-form-wrap {
    background: #f4f7fa;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    position: absolute;
    left: 0;
    top: 130px;
    width: 100%;
}
.form-group .btn {
    background: #0762f8;
    color: #fff;
    padding: 10px 0;
    width: 100%;
}
/*=========================
   solve Brand Area Css
 =========================*/
.brand_area {
    background: #f7fafd;
    padding: 70px 0 42px;
}
.single_brand {
    position: relative;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.15);
    background-color: #ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.single_brand_thumb img {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    opacity: 0.4;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.single_brand:hover .single_brand_thumb img{
	opacity:1;
}
/*=========================
   solve Error Page Area Css
 =========================*/
.error_page_area {
    padding: 65px 0 98px;
}
.single_error_inner {
    text-align: center;
}
.single_error_inner h1 {
    font-size: 150px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 30px;
}
.single_error_inner h1 span{
	color:#0762f8;
}
.single_error_inner h2 {
    padding-bottom: 16px;
    font-size: 28px;
}
.single_error_button {
    margin-top: 30px;
}
.single_error_button a {
    background: #fff;
    color: #0762f8;
    padding: 11px 26px;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
	border:2px solid #0762f8;
}
.single_error_button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #0762f8;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}
.single_error_button a:hover {
    color: #fff;
}
.single_error_button a:hover:before {
    width: 180%;
}
.input-group.error-page form {
    width: 64%;
}
.input-group.error-page input:focus {
	border: 2px solid #0762f8 !important;
	background: transparent;
}
#scrollUp {
    background: #0762f8 none repeat scroll 0 0;
    bottom: 30px;
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
}
/* bounce-animate */
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }


@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
	
	
@-webkit-keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

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

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

.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
            transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
            transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
            transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
            transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes animationFramesOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}