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

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

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

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



/*============================
 techno	Main Menu Area Css
==============================*/
.techno_nav_manu {
    background: #fff;
    transition: .5s;
    margin-bottom: 0;
    z-index: 999;
    position: relative;
}
.techno_nav_manu.transparent_menu {
    background: transparent;
    margin-bottom: -87px;
    position: relative;
}
.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #00247e !important;
	transition:.5s;
}

/* logo Css*/
.logo {
 
}
/* techno Menu Css*/
.techno_menu {
    text-align: right;
}
.techno_menu ul {
    text-align: right;
    list-style: none;
    display: inline-block;
}
.techno_menu>ul>li {
 display: inline-block;
 position: relative;
}
.techno_menu > ul > li > a {
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    color: #232323;
    font-weight: 600;
    text-transform: capitalize;
    margin: 30px 10px;
    font-size: 17px;
}
.white .techno_menu > ul > li > a {
    color: #fff;
}
.techno_menu ul li:last-child a {
 margin-right: 0px;
}
.techno_menu>ul>li.current>a {
 color: #00247E;
}
.white .techno_menu>ul>li.current>a {
 color: #fff;
}
/* sub menu style */
.techno_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -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 #0c5adb;
}
.techno_menu ul li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 100%;
 z-index: 9;
}
.techno_menu ul .sub-menu li {
 position: relative;
}
.techno_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #333 !important;
}
.techno_menu ul .sub-menu li:hover>a,
.techno_menu ul .sub-menu .sub-menu li:hover>a,
.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
 background:#0c5adb;
 color: #fff !important;
}

/* sub menu 2 */
.techno_menu ul .sub-menu .sub-menu {
 left: 100%;
 top: 130%;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
}
.techno_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 */
.techno_menu ul .sub-menu .sub-menu li {
 position: relative;
}
.techno_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;
}
.techno_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 */
.techno_menu ul .sub-menu .sub-menu .sub-menu li {
 position: relative;
}
.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.techno_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;
    margin-left: 16px;
}
a.dtbtn {
    -moz-user-select: none;
    background: #0c5adb;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 0;
    padding: 10px 30px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    border-radius: 5px;
    border: 2px solid #0c5adb;
    font-weight: 600;
}
a.dtbtn:hover {
    border: 2px solid #00247E;
    background: #00247E;
    color: #fff;
}
.techno_menu li a:hover:before{
	width:101%;
}
.techno_nav_manu.sticky .logo_img {
    display: none;
}
.main_sticky {
    display: none;
}
.techno_nav_manu.sticky .main_sticky {
    display: inherit;
}
.techno_nav_manu.sticky .techno_menu li a {
    color: #fff;
}
.techno_nav_manu.sticky a.dtbtn {
    color: #0c5adb;
	background:#fff;
	border: 2px solid #fff;
}
.techno_nav_manu.sticky a.dtbtn:hover {
    color: #0c5adb;
}
.mobile-menu.mean-container {
	overflow: hidden;
}

/*====================================================
--<	Techno Header Top Menu Area Css -->
======================================================*/
.header_top_menu_address_inner ul {
    list-style: none;
}
.header_top_menu_address_inner ul li {
    display: inline-block;
}
.header_top_menu_icon_inner ul {
    list-style: none;
	text-align:right;
}
.header_top_menu_icon_inner ul li {
    display: inline-block;
}
.header_top_menu_address_inner ul li a i {
    font-size: 16px;
    margin-right: 10px;
    color: #fff;
}
.header_top_menu_address_inner ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
	margin-right:15px;
}
.header_top_menu_icon_inner ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
	margin:0 5px;
}
/*====================================================
--<	Techno Slider Area Css -->
======================================================*/
.slider1 {
    background-image: url(assets/images/slider/slider-1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider2 {
    background-image: url(assets/images/slider/slider-2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider3 {
    background-image: url(assets/images/slider/slider-3.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider4 {
    background-image: url(assets/images/slider/slider-5.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider5 {
    background-image: url(assets/images/slider/slider-8.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider6 {
    background-image: url(assets/images/slider/slider-4.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
	position:relative;
}
.slider7 {
    background-image: url(assets/images/slider/slider-6.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
	position:relative;
}
.slider8 {
    background-image: url(assets/images/slider/slider-9.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
	position:relative;
}
.slider9 {
    background-image: url(assets/images/slider/slider-11.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
	position:relative;
}
.slider9 {
    background-image: url(assets/images/slider/slider-11.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
	position:relative;
}
.slider10 {
    background-image: url(assets/images/slider/slider-12.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 1050px;
	position:relative;
}
.slider11 {
    background-image: url(assets/images/slider/slider13.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 800px;
	position:relative;
}
.slider12 {
    background-image: url(assets/images/slider/slider14.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 800px;
	position:relative;
}

.slider_text_inner {
    display: inline-block;
}
.slider_text_inner h1  {
    font-size: 65px;
    text-transform: none;
    font-weight: 800;
    color: #fff;
    margin: 0;
    margin: 0;
    line-height: 1.1;
}
.slider_text_inner h1 span{
	color: #0c5adb;
}
.slider_text_inner h5  {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px;
    letter-spacing: 1px;
}

.slider_text_inner p {
    width: 70%;
    font-size: 16px;
    padding: 29px 0 22px;
    color: #fff;
}
.slider_text_desc p {
    color: #fff;
    width: 62%;
    font-size: 18px;
}
.text_center .slider_text_desc p {
    margin: auto;
}
/* Particles Js Slider */
.effective_slider .slider_text > h1 {
	margin-bottom: 13px;
}
.particles-js-canvas-el {
	position: absolute;
	top: 0;
}

/* Color Black */
.color_black .slider_text_inner h1 {
    color: #232323;
}
.color_black .slider_text_desc p {
    color: #616161;
}
.color_black .slider_text_inner h5 {
    color: #0c5adb;
}
/* Button Css */
.button a {
    background: #0c5adb;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #fff;
}
.button.color_two a {
    background: #00247E;
}
.button.color_two a:before {
    background: #0c5adb;
}
.button.two a {
    padding: 14px 35px;
}
.button.three a {
    background: #fff;
    padding: 14px 35px;
    color: #0c5adb;
}
.button.style-four a {
    background: transparent;
    padding: 10px 30px;
    border-radius: 30px;
    color: #0c5adb;
    border: 2px solid #0c5adb;
}
.button.style-four a:before {
    background: #0c5adb;
}
.button .active {
    background: #00247E;
    margin-left: 25px;
}
.button .active:before {
    background: #0c5adb;
}
.button a i {
    margin-left: 5px;
	
}
.button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #00247E;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}
.button a:hover {
    color: #fff;
}
.button a:hover:before {
    width: 180%;
}
.slider12 .button a i {
    font-size: 14px;
}
.slider12 .button a {
    font-size: 17px;
}
.slider12 .button .active {
    background: transparent;
    border: 1px solid #fff;
}
.slider12 .button .active:hover{
	border-color:#0c5adb;
}
/* Video Css */
.slider-video {
    position: relative;
}
.slider-video .video-icon {
    position: absolute;
    right: 0;
    top: -165px;
}
.slider-video.two .video-icon {
    left: 262px;
    top: -74px;
}
.appointment .slider-video.two .video-icon {
    left: 0;
    top: 0;
}
.single-video2 .video-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.video-icon a {
    width: 75px;
    height: 75px;
    line-height: 75px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: relative;
    color: #0c5adb;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
    background: #fff;
    font-size: 28px;
    z-index: 44;
}
.slider10 .video-icon a {
    border-radius: 0;
}
@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.3), 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0);
        box-shadow: 0 0 0 10px rgba(255,255,255, 0.3), 0 0 0 20px rgba(255,255,255, 0.3), 0 0 0 30px rgba(255,255,255, 0)
    }
}

/* Owl Nav Css */
.owl-prev {
    position: absolute;
    left: -60px;
    top: 50%;
	transform:translateY(-50%);
	opacity:1;
	transition:.3s;
}
.owl-next {
    position: absolute;
    right: -60px;
    top: 50%;
	transform:translateY(-50%);
	opacity:1;
	transition:.3s;
}
.owl-carousel:hover .owl-prev{
 left:30px;
}
.owl-carousel:hover .owl-next{
right:30px;
}
.owl-next i,
.owl-prev i{
	background-color: transparent;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    height: 60px;
    width: 60px;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 55px;
    color: #fff;
    border: 2px solid #FFF;
	text-align:center;
}
.owl-next i:hover,
.owl-prev i:hover{
	background-color: rgba(255, 255, 255, 0.2);
}
/*====================================================
--<	Techno Banner Area Css -->
======================================================*/
.banner1 {
    height: 800px;
}
.banner_text_content h1 {
    font-size: 60px;
    font-weight: 800;
    margin: 0;
}
.banner1 .cd-headline.clip span b {
    color: #232323;
	text-transform:capitalize;
	font-weight:800;
}

.data_science_video {
    position: relative;
}
.banner_area .data_science_video_inner {
    position: absolute;
    left: 40%;
    bottom: -16px;
}
.data_science_video_inner a i {
    position: absolute;
    left: 52px;
    font-size: 35px;
    color: #0c5adb;
    top: 50%;
    transform: translate(-50% , -50%);
    text-align: center;
}
.single_banner_thumb_inner img {
    width: 100%;
}
.banner_shape {
    position: relative;
}
.banner_shape_inner1 {
    position: absolute;
    top: 156px;
    left: 24%;
}
.banner_shape_inner2 {
    position: absolute;
    top: 220px;
    left: 56%;
}
.banner_shape_inner3 {
    position: absolute;
    top: 162px;
    left: 92%;
}
.banner_shape_inner4 {
    position: absolute;
    top: 371px;
    left: 190px;
}
.banner_shape_inner5 {
    position: absolute;
    right: -140px;
    top: 342px;
}
.banner_shape_inner6 {
    position: absolute;
    right: 55px;
    bottom: -77px;
}
/* Banner Home Two Shape  */
.machine_banner_shape{
	position:relative;
}
.machine_banner_shape_inner1 {
    position: absolute;
    top: -100px;
    left: 115px;
}
.machine_banner_shape_inner2 {
    position: absolute;
    left: 6px;
    top: 60px;
}
.machine_banner_shape_inner3 {
    position: absolute;
    left: 184px;
    top: 100px;
}
.machine_banner_shape_inner4 {
    position: absolute;
    left: 265px;
    top: 70px;
}
.machine_banner_shape_inner5 {
    position: absolute;
    right: -45px;
    top: -92px;
}
.machine_banner_shape_inner6 {
    position: absolute;
    top: 100px;
    right: -20px;
}
.machine_banner_shape_inner7 {
    position: absolute;
    top: 60px;
    right: -195px;
}
.machine_banner_shape_inner8 {
    position: absolute;
    top: 210px;
    left: -10px;
}
.machine_banner_shape_inner9 {
    position: absolute;
    top: 340px;
    left: 230px;
}
.machine_banner_shape_inner10 {
    position: absolute;
    top: 225px;
    right: -165px;
}
.machine_banner_shape_inner11 {
    position: absolute;
    right: 30px;
    top: 345px;
}
/* Banner Style Two */
.banner2{
	background:url(assets/images/cn-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:900px;
}
.banner2 .banner_text_content h1 {
    font-size: 45px;
}
/* Banner Style Three */
.banner3{
	background:url(assets/images/slider/banner1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:850px;
}
.banner3 .banner_text_content h1 {
    font-size: 55px;
}
.affiliate_banner_shape {
    position: relative;
}
.affiliate_banner_shape_inner1 {
    position: absolute;
    top: 170px;
    left: 0;
}
.affiliate_banner_shape_inner2 {
    position: absolute;
    top: 170px;
    left: 0;
}
.affiliate_banner_shape_inner3 {
    position: absolute;
    top: 45px;
    left: 126px;
}
.affiliate_banner_shape_inner4 {
    position: absolute;
    top: -30px;
    left: 170px;
}
.affiliate_banner_shape_inner5 {
    position: absolute;
    right: -245px;
    top: 50px;
}
.affiliate_banner_shape_inner5 img {
    width: 80%;
}
.affiliate_banner_shape_inner6 {
    position: absolute;
    right: -135px;
    top: 190px;
}
.affiliate_banner_shape_inner7 {
    position: absolute;
    right: -163px;
    top: -45px;
}



/*====================================================
--<	Techno Lines Css -->
======================================================*/
.lines {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
width: 90vw;
}

.lines .line {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}

.lines .line::after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 100%;
top: 0;
left: 0;
background-color: #ffffff;
-webkit-animation: moveLeftBounces-one 20s linear infinite;
animation: moveLeftBounces-one 20s linear infinite;
}

.lines .line:nth-child(1) {
margin-left: -25%;
}

.lines .line:nth-child(1)::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}

.lines .line:nth-child(3)::after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.lines .line:nth-child(3) {
margin-left: 25%;
}

.lines .line-two {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}

.lines .line-two::after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 100%;
top: 0;
left: 0;
background-color: #d80650;
-webkit-animation: moveLeftBounces-two 20s linear infinite;
animation: moveLeftBounces-two 20s linear infinite;
}

.lines .line-two:nth-child(1) {
margin-left: -25%;
}

.lines .line-two:nth-child(1)::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}

.lines .line-two:nth-child(3)::after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.lines .line-two:nth-child(3) {
margin-left: 25%;
}

.lines .line-three {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}

.lines .line-three::after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 100%;
top: 0;
left: 0;
background-color: #d80650;
-webkit-animation: moveLeftBounces-one 20s linear infinite;
animation: moveLeftBounces-one 20s linear infinite;
}

.lines .line-three:nth-child(1) {
margin-left: -25%;
}

.lines .line-three:nth-child(1)::after {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}

.lines .line-three:nth-child(3)::after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}

.lines .line-three:nth-child(3) {
margin-left: 25%;
}

@-webkit-keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/*====================================================
--<	Techno Nivo Slider Area Css -->
======================================================*/
.nivo_slider_area {
	position: relative;
}
.nivo-caption {
	background: rgba(0, 0, 0, 0.0);
	height: 100%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.em_slider_inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}

/* slider title */
.em-slider-title {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 23px;
	text-transform: uppercase;
}
.em-slider-main-title {
    color: #fff;
    font-size: 120px;
    font-weight: 800;
}
.em-slider-sub-title {
    color: #fff;
    font-size: 33px;
    font-weight: 400;
}
.em-nav-slider-title-center {
    color: #fff;
    font-size: 55px;
    font-weight: 800;

}
.em-nav-slider-title-centerspan{
	color: #0c5adb;
}
.em-slider-up-title {
	font-size: 38px;
	color: #fff;
	font-weight: 300;
	padding-bottom: 8px;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.em-slider-sub-em-title {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
}
.em-slider-descript {
	font-size: 17px;
	margin-bottom: 20px;
	width: 59%;
	z-index: 999;
	font-weight: 400;
	color: #ddd;
	margin-top: 10px;
}
.text-left .em-slider-descript {
	margin-left: 0;
	margin-right: auto;
}

.text-center .em-slider-descript {
	margin: 11px auto 28px;
}
.text-right .em-slider-descript {
	margin-right: 0;
	margin-left: auto;
}
.text-center {
	text-align: center;
}
/* slider button */
.em-slider-button.wow.bounceInUp.em-button-button-area.animated {
	padding-top: 19px;
}
.em-button-button-area a {
	border: 1px solid #ccc;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	margin-right: 10px;
	margin-top: 12px;
	padding: 15px 41px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	z-index: 999;
	letter-spacing: 1px;
	border-radius: 5px;
}
a.em-active-button {
	background: #0c5adb;
	border-color: #0c5adb;
}

.em-button-button-area a:hover {
	color: #fff;
	background: #0c5adb;
	border-color: #0c5adb;
}

a.em-active-button:hover {
	background: transparent;
	border-color: #fff;
}

.em-slider-half-width {
	width: 50%;
}

.em-slider-left {
	padding-right: 30px;
}

.em-slider-right {
	padding-left: 30px;
}

.em-slider-full-width {
	width: 85%;
}

.em-slider-half-width .em-slider-descript {
	width: 100%;
}

/* directionNav */
.em-nivo-slider-wrapper .nivo-directionNav a {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 75px;
    width: 50px;
    line-height: 68px;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: #0c5adb;
    font-size: 40px;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    border-radius: 0;
    background: #fff;
    margin-right: 30px;
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {
	margin-left: 30px;
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
	left: auto;
	right: 0;
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
	background: #0c5adb;
	border-color: #0c5adb;
	color: #fff;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
	left: 50px;
}

.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
	left: auto;
	right: 50px;
}
/* controlNav */

.em-nivo-slider-wrapper .nivo-controlNav {
	bottom: 50px;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 9;
	display: none;
}

.em-nivo-slider-wrapper .nivo-controlNav a {
	background: #000 none repeat scroll 0 0;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	height: 25px;
	margin: 0 5px;
	width: 25px;
	color: #fff;
	line-height: 25px;
}

.em-nivo-slider-wrapper .nivo-controlNav a:hover,
.em-nivo-slider-wrapper .nivo-controlNav a.active {
	background: #FFA700 none repeat scroll 0 0;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.cd-headline.clip span {
  display: inline-block;
  padding: 0 0 0;
}
.cd-headline.clip span b{
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
}
/* Appointment Css */
.appointment {
    position: relative;
    z-index:99 !important;
}
.sign-up-form-wrap{
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    
}
.form-control {
    height: 54px;
    background-color: #fff;
    border-color: transparent;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid #e6e6e6;
    padding: 6px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}
.form-group .btn {
    background: #0C5ADB;
    border: 0;
    display: inline-block;
    text-align: center;
    border-radius: 7px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff;
	width:100%;
	height: 54px;
}
.appointment_title {
    font-weight: 800;
}
.slider_bottom_shape_inner {
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    z-index:-1;
}

/*
<!-- ============================================================== -->
<!-- Techno - Breatcome Area Css -->
<!-- ============================================================== -->*/
.breatcome_area{
	background:url(assets/images/slider/slider-10.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:500px;
	position:relative;
}
.breatcome_area:before{
	position: absolute;
    content: '';
    background-image: linear-gradient(to right, rgba(12,90,219, 0.85), rgba(12,90,219, 0.80), rgba(18,85,194, 0.70), rgba(34,86,172, 0.75), rgba(38,85,163, 0.75));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.breatcome_title {
    text-align: center;
}
.breatcome_title_inner h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}
.breatcome_content ul li {
    display: inline-block;
}
.breatcome_content ul li a {
    color: #fff;
    opacity: .7;
	transition:.5s;
}
.breatcome_content ul li i {
    color: #fff;
    opacity: .7;
    padding: 0 5px;
}
.breatcome_content ul li span {
    color: #fff;
    opacity: .7;
}
.breatcome_content ul li a:hover {
    opacity:1;
}
/*====================================================
--<	Techno Dark Slider Area Css -->
======================================================*/
.bg-dark{
	background:#232435;
}
.bg-dark2{
	background:#181b2d;
}
.dark1 {
    background-image: url(assets/images/slider/dark1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.dark2 {
    background-image: url(assets/images/slider/dark2.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.dark.top_feature .techno_flipbox .techno_flipbox_font {
    background: #181b2d;
}
.dark.top_feature .techno_flipbox .flipbox_title h3 {
    color: #fff;
}
.dark .about_icon .icon {
    color: #fff;
}
.dark .singel-about-content h5 {
    color: #fff;
}
.dark .singel-about-content p {
    color: #fff;
}
.dark .single_work_content_title h4 {
    color: #fff;
}
.dark .single_it_work_content_text p {
    color: #fff;
}
.dark .single_testimonial_content_title h4 {
    color: #fff;
}
.dark .single_blog {
    border: 0;
}
.dark .cntr_bg_up {
    position: relative;
    margin-bottom: -100px;
}
/*====================================================
--<	Techno Landing area Css -->
======================================================*/
.landing .slider_text_desc p {
    margin: auto;
}
.landing .button {
    margin: auto;
}
.landing .big-half-circle.big-half-circle-1 {
    width: 100%;
    margin-bottom: 0px;
    height: 80px;
    position: absolute;
    bottom: 0;
}
/*====================================================
--<	Techno Section Title Css -->
======================================================*/
.section_sub_title h6 {
    letter-spacing: 5px;
    color: #0c5adb;
    font-size: 16px;
}
.section_title.text_center {
	text-align:center;
}
.section_main_title h1,
.section_main_title h2 {
    font-weight: 800;
	margin:0;
}
.text_left .section_main_title h1 {
    margin: 0;
    letter-spacing: -1px;
}
.section_main_title h1 span{
	color:#0c5adb;
}
.section_content_text p {
    font-size: 18px;
}
.text_center .section_content_text p {
    width: 75%;
    margin: auto;
    font-size: 19px;
}
.section_content_text.bold p {
    font-size: 22px;
    font-weight: 600;
}
.section_title.white .section_main_title h1,
.section_title.white .section_main_title h2 {
    color: #fff;
}
.section_title.white .section_sub_title h6 {
    color: #fff;
}
.section_title.white .section_content_text p {
    color: #fff;
}
.section_button {
    text-align: right;
}
.phone_number h5 {
    letter-spacing: 1px;
    font-weight: 500;
}
.em_bar {
	background: #9B50DB none repeat scroll 0 0;
	height: 2px;
	margin: 0 auto 5px;
	width: 62px;
	
}
.text_left .em_bar {
    margin: 0;
}
.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: #0C5ADB;
    -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);
  }
}

/*====================================================
--<	Techno Flipbox Top Feature Area Css -->
======================================================*/
.nagative_margin {
    position: relative;
    margin-top: -100px;
}
.nagative_margin3 {
	position: relative;
	margin-top: -100px;
	z-index: 99;
}
.nagative_margin4 {
    position: relative;
    margin-top: -225px;
}
.nagative_margin5 {
    position: relative;
    margin-top: -70px;
}
.top_feature .techno_flipbox .techno_flipbox_font {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.10);
    border: 0;
}
.top_feature .techno_flipbox .techno_flipbox_back {
    background: #0c5adb;
	box-shadow:0 5px 20px rgba(0,0,0,0.10);
	border-radius:8px;
}
.top_feature .techno_flipbox .techno_flipbox_inner {
    padding: 0 30px;
}
.top_feature .techno_flipbox .techno_flipbox_back::before {
    display:none;
}
.top_feature .icon {
    color: #0c5adb;
    font-size: 45px;
    display: inline-block;
    line-height: 46px;
}
.top_feature .techno_flipbox .flipbox_title h3 {
    font-size: 20px;
    color: #232323;
    font-weight: 700;
	font-family: Muli;
}

/* Top Feature Style Two */

.top_feature.two .techno_flipbox .techno_flipbox_font, .top_feature.two .techno_flipbox .techno_flipbox_back {
    min-height: 223px;
}
.top_feature.two .techno_flipbox .techno_flipbox_back {
    background: #fff;
}
.top_feature.two .techno_flipbox .techno_flipbox_inner {
    padding: 0 24px;
}
.top_feature.two .icon {
    color: #fff;
    font-size: 40px;
    line-height: 90px;
    height: 90px;
    width: 90px;
    background: #0c5adb;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
}
.top_feature.two .techno_flipbox .flipbox_title h3 {
    padding-bottom: 0;
	font-size:21px;
}
.top_feature.two .techno_flipbox .techno_flipbox_back .flipbox_title h3 {
    color: #232323;
	font-size:21px;
}
.top_feature.two .techno_flipbox_back .flipbox_desc p {
    color: #616161;
}
/* Feature Style Three */
.feature_style_three {
    position: relative;
	border-radius:10px;
}
.feature_style_three:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(41,55,66,0.6);
    content: "";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 10px;
}
.feature_style_tree_thumb img {
    width: 100%;
	border-radius:10px;
}
.feature_style_tree_content {
    position: absolute;
    left: 0;
    bottom: -67px;
    padding: 0 50px 0 38px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.feature_style_thre_icon .icon {
    color: #fff;
    font-size: 50px;
}
.feature_style_three_title h4 {
    color: #fff;
    font-weight: 700;
}
.feature_style_three_text {
    color: #fff;
	opacity:0;
	transition:.3s;
}
.feature_style_three_butoon a {
    color: #fff;
    text-transform: uppercase;
	opacity:0;
	transition:.3s;
	font-size:14px;
}
.feature_style_three:hover:before {
    background: rgba(12,90,219,0.85);
}
.feature_style_three:hover .feature_style_three_text,
.feature_style_three:hover .feature_style_three_butoon a{
	opacity:1;
}
.feature_style_three:hover .feature_style_tree_content {
    bottom: 45px;
}

/* Feature Style Four */
.feature_style_four {
    background: #fff;
    text-align: center;
    box-shadow: 6px 5px 30px 0px rgba(0,0,0,0.12);
    border-radius: 7px;
    transition: .5s;
	padding:50px 45px;
}
.feature_style_four.active{
	background: #0C5ADB;
}
.feature_style_four_icon i {
    background: #EDF4FC;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    line-height: 130px;
    font-size: 40px;
    color: #0C5ADB;
    transition: .4s;
    display: inline-block;
}
.feature_style_four_title h4 {
    font-weight: 700;
	transition:.5s;
}
.feature_style_four_text p{
	transition:.5s;
}
.feature_style_four_button a{
	transition:.5s;
}
.feature_style_four.active .feature_style_four_title h4, 
.feature_style_four.active .feature_style_four_text p, 
.feature_style_four.active .feature_style_four_button a {
    color:#fff;
}
.feature_style_four_button a i {
    margin-left: 6px;
}
.feature_style_four:hover{
	background: #0C5ADB;
	transform:translateY(-10px);
}
.feature_style_four:hover .feature_style_four_title h4, 
.feature_style_four:hover .feature_style_four_text p, 
.feature_style_four:hover .feature_style_four_button a{ 
	color:#fff;
}
/* Feature Style Five */
.feature_style_five{
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    padding: 35px 30px 10px;
    box-shadow: 0 10px 29.7px 0.3px rgba(225,225,225,.64);
    position: relative;
	border-radius:0px 50px 50px 50px;
	background:#fff;
}
.feature_style_five::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/images/dot.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index:1;
}
.feature_style_five_cion i {
    color: #0c5adb;
    background-color: #eff2f7;
    border-radius: 0 40px 40px;
    font-size: 25px;
    line-height: 70px;
	height:70px;
	width:70px;
	transition:.5s;
}
.feature_style_five_title h4 {
    font-size: 22px;
    font-weight: 700;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.feature_style_five_text p{
	transition:.5s;
}
.feature_style_five:hover{
	background:#0c5adb;
	transform:translateY(-10px);
}
.feature_style_five:hover .feature_style_five_title h4,
.feature_style_five:hover .feature_style_five_text p{
	color:#fff;
}
/* Feature Style Six */
.single_feature_six {
    background: rgba(0,0,0,.67);
    padding: 20px 20px 15px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.single_feature_six::before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #0c5adb;
    content: "";
	transition:.5s;
	z-index:-1;
}
.single_feature_six_icon {
    float: left;
    margin-top: 12px;
}
.single_feature_six_icon i {
    font-size: 40px;
    color: #fff;
}
.single_feature_six_content.white {
    overflow: hidden;
}
.single_feature_six_content p {
    padding-top: 10px;
}
.single_feature_six:hover::before{
	width:100%;
}
/* Feature Style Seven */
.single_feature_seven {
    text-align: center;
    padding: 40px 24px;
    border: 1px solid #e4ecf9;
    position: relative;
    z-index: 1;
    background: #fff;
	margin-bottom:30px;
}

.single_feature_seven:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    content: "";
    background: #adc7f1;
    transition: .3s;
    z-index: -1;
}
.single_feature_six_seven_icon .icon {
    font-size: 55px;
    color: #0c5adb;
	transition:.5s;
}
.single_feature_seven_content h4 {
    transition: .5s;
    padding-top: 15px;
}
.single_feature_seven_content p {
    padding-top: 8px;
    transition: .5s;
}
.single_feature_seven:hover:before{
	width: 100%;
    height: 100%;
	background:#0c5adb;
}
.single_feature_seven:hover .single_feature_six_seven_icon .icon,
.single_feature_seven:hover .single_feature_seven_content h4,
.single_feature_seven:hover .single_feature_seven_content p{
	color:#fff;
}
/* Feature Style Eight */

.feature_style_eight{
    background: #fff;
    box-shadow: 0 20px 50px 5px #e9eef7;
    text-align: center;
    padding: 60px 40px 45px;
	transition:.5s;
	border-radius:7px;
}
.feature_style_eight:hover{
	box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
}
.feature_style_eight_icon{
  position: relative;
  display: inline-block;
  font-size: 60px;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease;
  background: #fff;
  box-shadow: 0 20px 50px 5px #e9eef7;
  color:#0c5adb;
}
.feature_style_eight:hover .feature_style_eight_icon{
	color:#fff;
}
.feature_style_eight:hover .feature_style_eight_icon{
  box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
}
.feature_style_eight_icon:before {
    position: absolute;
    content: '';
    background: rgba(12,90,219,0.10);
    width: 100%;
    height: 100%;
    left: -8px;
    top: -5px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.2);
	transition:.5s;
}
.feature_style_eight:hover .feature_style_eight_icon:before{
	background: rgba(12,90,219,0.80);
}
.anim-icon{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  -webkit-animation: service_hexagon 3s infinite linear;
  -moz-animation: service_hexagon 3s infinite linear;
  -o-animation: service_hexagon 3s infinite linear;
  animation: service_hexagon 3s infinite linear;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.feature_style_eight:hover .anim-icon{
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.anim-icon .icon-1{
  position: absolute;
  left: -25px;
  top: 60px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 5s infinite linear;
  animation: zoom-fade-two 5s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}
.anim-icon .icon-2{
  position: absolute;
  left: 10px;
  top: -20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 4s infinite linear;
  animation: zoom-fade-two 4s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}
.anim-icon .icon-3{
  position: absolute;
  top: 15px;
  right: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  -webkit-animation: zoom-fade-two 3s infinite linear;
  animation: zoom-fade-two 3s infinite linear;
  background:rgba(99, 119, 238, 0.8);
}
.feature_style_eight_title a {
    font-size: 24px;
    font-weight: 700;
}
/* Feature Style Nine */
.style_nine .feature_style_eight {
    padding: 45px 24px 25px;
}
.style_nine  .feature_style_eight_icon {
    font-size: 40px;
    width: 100px;
    height: 100px;
    line-height: 95px;
    border-radius: 50%;
}
.style_nine .feature_style_eight_title a {
    font-size: 20px;
}
/*====================================================
--<	Techno Flipbox Area Css -->
======================================================*/
.techno_flipbox_font {
    border: 1px solid #0c5adb;
    border-radius: 8px;
}
.flipbox .section_main_title h1 {
    color: #fff;
}
.flipbox .section_sub_title h6 {
    color: #fff;
}
.flipbox .section_title{
	margin-bottom:30px;
}
.techno_flipbox {
	perspective: 1000px;
	position: relative;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	z-index: 1;
}
.techno_flipbox .techno_flipbox_font,
.techno_flipbox .techno_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;
}
.techno_flipbox .techno_flipbox_back::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,transparent -80%,#00247e);
}
.icon {
    font-size: 45px;
    line-height: 45px;
}
.techno_flipbox .techno_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;
}
.techno_flipbox_icon {
	font-size: 45px;
	text-align: center;
	display: inline-block;
	color: #fff;
	overflow: hidden;
}
.techno_flipbox_font .flipbox_desc p {
    color: #fff;
}
.techno_flipbox .flipbox_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;
}
.techno_flipbox .techno_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;
}
.techno_flipbox .techno_flipbox_back .flipbox_button a {
    text-transform: capitalize;
    margin-top: 22px;
    background: #fff;
    color: #0c5adb;
    display: inline-block;
    padding: 4px 25px;
    border-radius: 5px;
    border: 2px solid #fff;
    transition: .5s;
}
.techno_flipbox_back .flipbox_desc p{
    color: #fff;
}
.techno_flipbox .techno_flipbox_back .flipbox_button a i {
	display: none;
}
.techno_flipbox .techno_flipbox_back .flipbox_title h3 {
	padding-bottom: 16px;
	padding-top: 0;
	color: #fff;
	margin-bottom: 0;
}
.techno_flipbox .techno_flipbox_font .flipbox_desc,
.techno_flipbox .techno_flipbox_back .flipbox_desc {
	color: #fff;
}

/* Flipbox Hover Css */
.techno_flipbox:hover .techno_flipbox_font {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.techno_flipbox:hover .techno_flipbox_back {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.techno_flipbox .techno_flipbox_back .flipbox_button a:hover {
	color: #fff;
	border-color: #0c5adb;
	background: #0c5adb;
}

.pages .techno_flipbox .techno_flipbox_font .flipbox_title h3 {
    color: #444;
}
.pages .techno_flipbox_font .flipbox_desc p {
    color: #666;
}
/*====================================================
--<	Techno About Area Css -->
======================================================*/
.about_icon {
    float: left;
}
.about_icon .icon {
    font-size: 40px;
    color: #0c5adb;
}
.singel-about-content {
    overflow: hidden;
}
.singel-about-content.boder {
    border-left: 1px solid #ddd;
}
.singel-about-content h5 {
    font-weight: 700;
    margin: 0;
}
.single_about_thumb_inner img {
    width: 100%;
}
.about_thumb img {
    width: 100%;
}
.about_skill_thumb img {
    width: 100%;
}
.skill-wrapper h6 {
    margin-bottom: 8px;
}
.pd_gap {
    background: #fff;
    padding: 18px 0 18px;
    border-radius: 8px;
}
.home11 .about_icon .icon {
    font-size: 20px;
    margin-top: -8px;
}
/* Experience Css */

.headingh_experience_number h1 {
    font-size: 136px;
    display: inline;
    font-weight: 800;
    color: #0C5ADB;
    float: left;
    line-height: 1;
    margin-top: -14px;
    margin-right: 15px;
}
.heading_experience_title h2 {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    color: #232323;
    padding-top: 11px;
    display: inline;
}
.heading_experience_text p {
    font-size: 18px;
}
.experience .main_video {
    position: relative;
    margin-top: -285px;
}
/* Data Science About */
.data_science_about_icon .icon {
    height: 90px;
    width: 90px;
    line-height: 90px;
    font-size: 40px;
    color: #0c5adb;
    position: relative;
    text-align: center;
    box-shadow: 0 20px 50px 5px #e9eef7;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
}
.data_science_about_icon .icon:before {
    position: absolute;
    content: '';
    background: rgba(12,90,219,0.10);
    width: 100%;
    height: 100%;
    left: -8px;
    top: -5px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.2);
    transition: .5s;
}
.singel_about_left_inner:hover .data_science_about_icon .icon:before{
	background: rgba(12,90,219,0.90);
}
.singel_about_left_inner:hover .data_science_about_icon .icon{
	color:#fff;
}
.about_content_machine span {
    display: block;
    margin-bottom: 8px;
}
.about_content_machine span i {
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    background: #0c5adb;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
}
/*====================================================
--<	Techno Shape Images Css -->
======================================================*/


.single_slider_shape {
    position: relative;
}
.single_slider_shape_image {
    position: absolute;
    right: -250px;
    top: -499px;
    z-index: 1;
}
.single_slider_shape_image img {
    width: 90%;
}
.single_slider_rot_inner {
    position: absolute;
    bottom: -340px;
    left: 50%;
}
.single_slider_rot.two .single_slider_rot_inner {
    left: -45%;
}
.single_slider_sp {
    position: absolute;
    bottom: 370px;
    left: 79%;
}
.single_slider_sp img {
    width: 100%;
    opacity: 0.8;
}

.single_about_shape{
    position: relative;
}
.single_about_shape_thumb {
    position: absolute;
    bottom: -70px;
    z-index: -1;
    left: -94px;
}
.single_about_shape_thumb img {
    width: 70%;
	
}
.single_about_signesur_thumb {
    float: left;
}
.single_about_signesur_thumb img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}
.border_ift {
	position:relative;
	z-index:1;
}
.border_ift:after {
    content: '';
    width: 536px;
    height: 475px;
    background: 0 0;
    position: absolute;
    bottom: 12px;
    right: -41px;
    z-index: -1;
    border: 15px solid #00000008;
    animation: bannerimage_translate 3s infinite;
    animation-play-state: running;
    animation-direction: alternate;
}
@keyframes bannerimage_translate{
0%{transform:translateX(0px) translateY( 0px) }
0%{transform:translateX(-30px) translateY( -12px) }
}

/* Home Three About Shape */
.video_thumb img {
    width: 100%;
}
.video_shape_thumb1 {
    position: absolute;
    top: 80px;
    z-index: -1;
    left: -16px;
}
.video_shape_thumb2 {
    position: absolute;
    top: 16px;
    right: 0;
    z-index: -1;
}
.video_shape_thumb3 {
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: -1;
}
.video_shape_thumb4 {
    position: absolute;
    bottom: 83px;
    right: -135px;
    z-index: -1;
}
.main_video {
    position: relative;
    margin-top: -175px;
}
.single-panel-thumb .main_video {
    position: relative;
    margin-top: -325px;
}
/* Data Science Shape Css */
.shape_thumb {
    position: relative;
}
.about_shape_thumb {
    position: absolute;
    bottom: 202px;
    right: 157px;
}
.about_shape_thumb2{
    position: absolute;
    right: 155px;
    bottom: 70px;
}
.about_shape_thumb_affiliate1 {
    position: absolute;
    bottom: 65px;
    left: 150px;
}
.about_shape_thumb_affiliate2 {
    bottom: 443px;
    position: absolute;
    left: 77px;
}
.about_shape_thumb_affiliate2 {
    bottom: 490px;
    position: absolute;
    left: 45px;
}
/* Affiliate Intelligent About */
.about_icon_box_inner i {
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: #0c5adb;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;
    margin-right: 12px;
}
.about_icon_box_inner span {
    font-size: 16px;
    font-weight: 700;
    color: #232323;
}
/*====================================================
--<	Techno Service Area Css -->
======================================================*/
.service_style_one {
    background: #fff;
	border-radius:10px;
}
.service_style_one_icon i {
    width: 75px;
    height: 75px;
    line-height: 75px;
    background: #e8ecfc;
    border-radius: 100%;
    color: #0C5ADB;
    display: inline-block;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
	font-size:35px;
}
.service_style_one_title h4 {
    font-weight: 700;
    color: #0C5ADB;
	position:relative;
}
.service_style_one_title h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 37px;
    height: 1px;
    width: 100px;
    background: #d1d1d1;
    margin: auto;
    right: 0;
}
.service_style_one_button a {
    color: #616161;
    border: 1px solid #e8ecfc;
    padding: 5px 23px;
	border-radius: 30px;
	display: inline-block;
    font-size: 16px;
}
.service_style_one_button a i {
    margin-left: 7px;
}
.service_style_one:hover .service_style_one_button a {
    background-color: #0C5ADB;
    color: #fff;
    border-color: #0C5ADB;
}
.service_style_one:hover .service_style_one_icon i {
    background-color: #0C5ADB;
    color: #fff;
}

/* Service Style Two */
.service_style_two_number {
    float: left;
}
.service_style_two_content {
    overflow: hidden;
}
.service_style_two_number h5 {
    font-weight: 700;
	color:#0c5adb;
	position:relative;
}
.service_style_two_number h5:before {
    position: absolute;
    left: 34px;
    top: 14px;
    height: 2px;
    width: 32px;
    content: "";
    background: #0c5adb;
}
.service_style_two_title h4 {
    font-weight: 700;
	transition:.3s;
}
.service_style_two_button a {
    color: #0c5adb;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.service_style_two_button a i{
	margin-left:5px;
	transition:.3s;
}
.service_style_two_title h4:hover{
	color:#0c5adb;
}
/* Service Style Three 8*/
.service_style_three{
    background: #fff;
    border-radius: 7px;
    box-shadow: 2px 10px 50px rgba(158,158,158,.25);
    border: 2px solid transparent;
    transition: .5s;
}
.service_style_three_icon i {
    width: 95px;
    height: 95px;
    line-height: 95px;
    background: #0c5adb;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-align: center;
    font-size: 30px;
}
.service_style_three_title h4 {
    font-size: 22px;
    font-weight: 700;
	transition:.3s;
}
.service_style_three_bt_icon {
    position: relative;
    margin-bottom: -28px;
}
.service_style_three_bt_icon a {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    border: 2px solid #0c5adb;
    line-height: 50px;
    color: #0c5adb;
    background: #fff;
    transition: .5s;
    display: inline-block;
}
.service_style_three:hover{
	border: 2px solid #0c5adb;
}
.service_style_three_title h4:hover{
	color:#0c5adb;
}
.service_style_three:hover .service_style_three_bt_icon a{
	background: #0c5adb;
	color:#fff;
}

/* Service Style Four */
.service_style_four {
    background: #fff;
    border-radius: 7px;
    transition: .5s;
    box-shadow: 2px 10px 50px rgba(158,158,158,.25);
}
.service_style_four_icon i {
    font-size: 48px;
    display: inline-block;
    color: #0c5adb;
    transition: .5s;
}
.service_style_four_title h4 {
    transition: .5s;
    font-size: 22px;
	font-weight:700;
}
.service_style_four_text p{
	transition:.5s;
}
.service_style_four_button a {
    color: #0c5adb;
	transition:.5s;
}
.service_style_four_button a i {
    margin-left: 5px;
}
.service_style_four:hover{
	background: #0c5adb;
	transform:translateY(-8px);
}
.service_style_four:hover .service_style_four_icon i,
.service_style_four:hover .service_style_four_title h4,
.service_style_four:hover .service_style_four_text p,
.service_style_four:hover .service_style_four_button a{
	color:#fff;
}
/* Service Style Five */
.service_style_five {
    border: 1px solid #d5c7c7;
    border-radius: 8px;
	background:transparent;
	transition:.5s;
}
.service_style_five_title h4 {
    font-size: 22px;
    font-weight: 700;
	transition:.5s;
}
.service_style_five_icon i{
	transition:.5s;
}
.service_style_five_text p{
	transition:.5s;
}
.service_style_five_button a {
    transition:.5s;
}
.service_style_five_button a i {
    margin-left: 5px;
}
.service_style_five:hover {
    border: 1px solid #0c5adb;
	background:#0c5adb;
	transform:translateY(-8px);
}
.service_style_five:hover .service_style_five_title h4,
.service_style_five:hover .service_style_five_icon i,
.service_style_five:hover .service_style_five_text p,
.service_style_five:hover .service_style_five_button a{
	color:#fff;
}

/* Service Style Six */
.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 50px;
    margin-bottom: 30px;
    background: #fff;
}
.single_service_inner::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    background: #0c5adb;
    content: "";
    z-index: -1;
    border-radius: 0 30px 30px;
	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:#0c5adb;
}
.single_service_inner:hover::before{
	background:#fff;
}
.single_service_inner:hover .single_service_icon i{
	color:#0c5adb;
} 

/* Service Style Seven */

.service_style_seven {
    box-shadow:0 0 15px rgba(51,51,51,0.1);
	transition:.5s;
}
.service_style_seven_icon {
    float: left;
}
.service_style_seven_icon i {
    color: #0c5adb;
    font-size: 40px;
    margin-top: 14px;
}
.service_style_seven_content {
    overflow: hidden;
}
.service_style_seven_title h4 {
    font-weight: 700;
}
.service_style_seven:hover{
	box-shadow:0 0 40px rgba(51,51,51,0.1);
}
/* Service Style Eight */
.service_style_eight {
    border: 1px solid rgba(255, 255, 255, 0.30);
    padding: 35px 25px 33px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    overflow: hidden;
}
.service_style_eight::before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    height: 50px;
    width: 50px;
    background: #0c5adb;
    border-radius: 0 0 5px 0;
    z-index: -1;
	transition:.5s;
}
.service_style_eight:hover::before{
	height: 100%;
    width: 100%;
}
.service_style_eight_icon .icon i {
    color: #fff;
}
.service_style_eight_content h4 {
    padding-bottom: 10px;
    font-size: 22px;
}
.service_style_eight_content a {
    color: #fff;
}
.service_style_eight_content a i {
    font-size: 20px;
    margin-left: 10px;
}
/* Service Style Nine */

.service_style_nine {
    background: #fff;
    padding: 60px 40px 34px;
    box-shadow: 0 20px 50px 5px #e9eef7;
    border-radius: 10px;
    margin-bottom: 30px;
	transition:.5s;
}
.service_style_nine:hover{
	box-shadow:0 10px 30px 3px rgba(99, 119, 238, 0.4);
}

.services_style_nine_icon .icon {
    height: 100px;
    width: 100px;
    line-height: 100px;
    font-size: 50px;
    color: #0c5adb;
    position: relative;
    text-align: center;
    box-shadow: 0 20px 50px 5px #e9eef7;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
	transition:.5s;
}
.services_style_nine_icon .icon:before {
    position: absolute;
    content: '';
    background: rgba(12,90,219,0.10);
    width: 100%;
    height: 100%;
    left: -8px;
    top: -5px;
    z-index: -1;
    border-radius: 50%;
    box-shadow: -10px 10px 20px 0px rgba(0, 0, 0, 0.2);
    transition: .5s;
}
.service_style_nine:hover .services_style_nine_icon .icon{
	color:#fff;
}
.service_style_nine:hover .services_style_nine_icon .icon:before{
	background: rgba(12,90,219,0.80);
}
/* Service Style Ten */
.single_service_style_ten {
    box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
    background: #fff;
    padding: 30px 30px 15px;
	position:relative;
	transition:.5s;
	margin-bottom:30px;
}
.single_service_style_ten::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 3px;
    width: 20%;
    background: #0c5adb;
	transition:.5s;
}
.single_service_style_ten:hover:before{
	width:100%;
}
.single_service_style_ten:hover{
	transform:translateY(-10px);
}
.single_service_style_ten:hover .service_style_ten_icon .icon {
	background: rgba(12,90,219,0.90);
	color:#fff;
}
.service_style_ten_content h4 a {
    font-size: 22px;
    font-weight: 700;
}
.service_style_ten_icon .icon {
    background: rgba(12,90,219,0.10);
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 35px;
    color: #0c5adb;
    border-radius: 5px;
	transition:.5s;
}
/* Service Style Eleven */
.single_service_style_eleven {
    box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
    padding: 35px 30px 30px;
    margin-bottom: 30px;
    border-radius: 0 40px;
    position: relative;
	z-index:1;
}
.single_service_style_eleven::before {
    position: absolute;
    left: 0;
    content: "";
    height: 0%;
    width: 100%;
    background: #0c5adb;
    bottom: 0;
    z-index: -1;
    border-radius: 0 40px;
	transition:.5s;
}
.service_style_eleven_icon {
    float: left;
    margin-right: 15px;
}
.service_style_eleven_icon .icon {
    background: rgba(12,90,219,0.10);
    height: 58px;
    width: 58px;
    line-height: 58px;
    font-size: 28px;
    text-align: center;
    border-radius: 50%;
    color: #0c5adb;
	transition:.5s;
}
.service_style_eleven_title h4 {
    transition: .5s;
    font-size: 21px;
}
.service_style_eleven_text p {
    transition: .5s;
}
.servic_style_eleven_button a {
    transition: .5s;
}
.single_service_style_eleven:hover .service_style_eleven_title h4,
.single_service_style_eleven:hover .service_style_eleven_text p,
.single_service_style_eleven:hover .servic_style_eleven_button a{
	color:#fff;
}
.single_service_style_eleven:hover .service_style_eleven_icon .icon{
	transform:rotate(360deg);
}
.single_service_style_eleven:hover::before{
	height:100%;
}
.single_service_style_eleven:hover .service_style_eleven_icon .icon{
	background:#fff;
}
/*====================================================
--<	Techno Service Details Area Css -->
======================================================*/
.service-details-pn-list ul li {
    margin-bottom: 2px;
    transition: .5s;
    list-style: none;
}
.service-details-pn-list ul li a {
    position: relative;
    display: block;
    padding: 14px 15px 14px 18px;
    background-color: #F3F6F9;
    font-weight: 600;
    font-size: 17px;
    transition: .5s;
    color: #232323;
    font-family: Muli;
}
.service-details-pn-list ul li a:hover {
    background: #0C5ADB !important;
    color: #fff !important;
}
.service-details-pn-list ul li a i {
    float: right;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    margin-top: 5px;
}
.service-details-big-button a {
    color: #ffffff;
    background: #0c5adb;
    font-family: Open Sans;
    font-weight: 500;
    text-transform: capitalize;
    border: 0px solid #ffffff;
    border-radius: 5px;
    padding: 14px 35px 14px 35px;
    display: block;
}
.service-details-big-button a:hover {
    background: #00247e;
}

.details-big-content {
    text-align: center !important;
}
.service-details-big-button a span i {
    margin-left: 20px;
}
.service-details-pn-about{
	position:relative;
	z-index:1;
}
.service-details-pn-about::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(12,90,219,.85);
    z-index: -1;
}
.service-details-pn-about-content{
    text-align: center;
}
.service-main-details-content-title h3 {
    font-weight: 800;
}
.service-details-pn-about-content-title h4 {
    color: #fff;
	font-weight:700;
}
.service-details-pn-about-content-text p {
    color: #fff;
}
.service-details-pn-about-content-button a {
    display: inline-block;
    padding: 10px 30px;
    background: #fff;
    color: #0C5ADB;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 700;
}
/*-- Main Service Details --*/
.service-main-details-inner-thumb img {
    width: 100%;
}
.service-details-video-thumb img {
    width: 100%;
}
.service-details-video .single-video{
	position:relative;
}
.service-details-video .video-icon {
    position: absolute;
    left: 0;
    bottom: 265px;
    right: 0;
}
.service-details-research-button a {
    color: #ffffff;
    background: #0c5adb;
    font-family: Open Sans;
    font-weight: 500;
    text-transform: capitalize;
    border: 0px solid #ffffff;
    border-radius: 5px 5px 5px 5px;
    padding: 14px 35px 14px 35px;
    margin-top: 15px;
	transition:.5s;
}
.service-details-research-button a:hover {
    background: #00247e;
}
.service-details-research-title h4 {
    font-weight: 800;
}

/*====================================================
--<	Techno Team Area Css -->
======================================================*/
.single_team {
    overflow: hidden;
    border-radius: 5px;
	transition:.5s;
}
.single_team_thumb{
	position: relative;
}
.single_team_thumb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(12,90,219,0.85);
    content: "";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.single_team_icon {
    position: absolute;
    top: 50%;
    right: -50px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #fff;
    width: 45px;
    padding: 13px 0;
	opacity:0;
}
.single_team_icon a {
    display: block;
    font-size: 16px;
    color: #0C5ADB;
    text-align: center;
    margin: 4px 0px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.single_team_thumb img {
    width: 100%;
}
.single_team_content {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #fff;
    padding: 12px 20px 23px;
    text-align: center;
    border-bottom: 2px solid #0c5adb;
}
.single_team_content h4 {
    font-size: 20px;
    font-weight: 700;
    transition: .3s;
    display: block;
}
.single_team_content span {
    color:#0c5adb;
	padding-top:2px;
}
/* Team Hover Css */
.single_team:hover{
	transform:translateY(-10px);
}
.single_team:hover .single_team_icon{
	opacity:1;
	right: -1px;
}
.single_team_content h4:hover{
	color:#0c5adb;
}
.single_team:hover .single_team_thumb:before{
	opacity:1;
}
/* Team Style Three */

.team_style_three {
    position: relative;
    transition: .5s;
}
.team_style_three-thumb {
    position: relative;
	z-index:1;
	transition:.5s;
}
.team_style_three_thumb_inner {
    position: relative;
	z-index:1;
	transition:.5s;
	overflow:hidden;
}
.team_style_three_thumb_inner:before {
    position: absolute;
    left: -70px;
    bottom: -59px;
    height: 120px;
    width: 133%;
    background: #fff;
    content: "";
    -webkit-transform: skew(-30deg);
    -khtml-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-98deg);
}
.team_style_three-thumb:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    height: 100%;
    width: 100%;
    background: #0c5adb;
    content: "";
    -webkit-transform: skew(1deg);
    -khtml-transform: skew(69deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    opacity: 0; 
    transition: .5s;
    z-index: -1;
}
.team_style_three_thumb_inner img {
    width: 100%;
}
.team_style_three_content {
    position: absolute;
    bottom: -21px;
    left: 0;
    right: 18px;
    z-index: 1;
    padding: 15px 10px 35px 50px;
    transition: .5s;
}
.team_style_three_content:before {
    background:#0c5adb;
	transition:.5s;
}

.team_style_three_content:before, .team_style_three_content:after {
    content: '';
    top: 0;
    left: 0;
    right: 50px;
    bottom: 0;
    position: absolute;
    z-index: -2;
    -webkit-transform: skew(-30deg);
    -khtml-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -webkit-transition: all .2s linear 0ms;
    -khtml-transition: all .2s linear 0ms;
    -moz-transition: all .2s linear 0ms;
    -ms-transition: all .2s linear 0ms;
    -o-transition: all .2s linear 0ms;
    transition: all .2s linear 0ms;
}

.team_style_three_title h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.team_style_three_sub_title {
    transition: .5s;
    position: absolute;
    left: 51px;
    top: 40px;
}
.team_style_three_sub_title span {
    font-size: 14px;
    color: #fff;
    transition: .5s;
}
.team_style_three_icon a {
    color: #fff;
    display: inline-block;
    margin: 5px;
}
.team_style_three_icon {
    opacity: 0;
    transition: .5s;
    position: absolute;
    left: 47px;
    top: 50px;
}
.team_style_three:hover .team_style_three_icon {
    opacity: 1;
    top: 35px;
}
.team_style_three:hover .team_style_three-thumb:after{
	opacity:1;
	-webkit-transform: rotate(-10deg);
	    -webkit-transform: skew(1deg);
	        transform: rotate(-10deg);
}
.team_style_three:hover .team_style_three_sub_title {
    margin-top: -20px;
    opacity: 0;
}
.team_style_three:hover .team_style_three_content:before {
    background:#00247e;
	transition:.5s;
}
/* Team Style Three */
.single_team_style_three{
	margin-bottom:30px;
}
.single_team_style_three_thumb {
    position: relative;
}
.single_team_style_three_thumb img {
    width: 100%;
}
.single_team_style_three_icon {
    position: absolute;
    top: 90%;
    right: 0;
    left: 0;
    text-align: center;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 83%;
    background: #0c5adb;
    margin: 0 30px;
    margin: auto;
	padding:12px 0;
	transition:.5s;
	opacity:0;
}
.single_team_style_three_content {
    text-align: center;
    padding: 10px 0 22px;
    -webkit-box-shadow: 0 16px 32px rgba(207,228,255,.8);
    box-shadow: -1 16px 32px rgba(207,228,255,.8);
    -webkit-transform: translateY(0px);
	z-index:1;
}
.single_team_style_three:hover .single_team_style_three_icon{
	top: 82%;
	opacity:1;
}
.single_team_style_three_icon i {
    color: #fff;
    margin: 0 5px;
}

/*====================================================
--<	Techno Software Area Css -->
======================================================*/
.single_software_box{
	margin-bottom:20px;
}
.single_software_box_content {
    background: #eff2f7;
    padding: 8px 15px 20px 17px;
    position: relative;
    z-index: 1;
    border-radius: 3px;
}
.single_software_box_content::before {
    position: absolute;
    left: 0;
    content: "";
    bottom: 0;
    height: 0%;
    width: 100%;
    background: #0c5adb;
    z-index: -1;
	transition:.5s;
	border-radius:3px;
}
.single_software_box:hover .single_software_box_content::before{
	height: 100%;
}
.single_software_box_content h5 {
    font-size: 17px;
}
.single_software_box:hover .single_software_box_content h5{
	color:#fff;
}
.software_thumb_inner img {
    width: 100%;
}
.software_shape_thumb_inner1 {
    position: absolute;
    bottom: 0;
    left: 45px;
}
.software_shape_thumb_inner1 img {
    width: 40%;
}
.software_shape_thumb_inner2 {
    position: absolute;
    bottom: -35px;
    left: 340px;
}
.software_shape_thumb_inner2 img {
    width: 85%;
}
.software_shape_thumb_inner3 {
    position: absolute;
    top: -49px;
    right: 0;
}
.software_shape_thumb_inner4 {
    position: absolute;
    top: -74px;
    left: 104px;
}





/*====================================================
--<	Techno Case Study Area Css -->
======================================================*/

.single_case_study {
    overflow: hidden;
    margin-bottom: 30px;
	position:relative;
	transition:.5s;
}
.single_case_study_thumb {
    transform: scale(1.01);
	transition:.5s;
}
.pdn_0 {
    padding: 0;
}
.single_case_study_thumb::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background:rgba(12,90,219,0.85);
    opacity: 0;
    transition: .5s;
    border: 3px solid #fff;
    right: 0;
    bottom: 0;
    margin: auto;
}
.single_case_study_thumb img {
    width: 100%;
}
.single_case_study_content {
    position: absolute;
    left: 0;
    top: 70%;
    right: 0;
    text-align: center;
    background: #fff;
    width: 80%;
    margin: auto;
    border-radius: 5px;
    padding: 20px 10px;
    opacity: 0;
    transition: .5s;
    transform: translateY(-50%);
    z-index: 1;
}
.single_case_study_icon {
    text-align: center;
    padding-bottom: 10px;
}
.single_case_study_content_inner {
    text-align: center;
}
.single_case_study_content_inner h2 {
    font-size: 22px;
}
.single_case_study_content_inner h2 a {
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    font-size: 20px;
	transition:.5s;
}
.single_case_study_icon i {
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 5px;
    color: #0c5adb;
    transition: .5s;
}
/* Portfolio Hover */
.single_case_study:hover .single_case_study_thumb {
    transform: scale(1.03);
}
.single_case_study:hover .single_case_study_content {
    opacity: 1;
    top: 50%;
}
.single_case_study:hover .single_case_study_thumb::before{
	opacity:1;
}
.single_case_study_content_inner h2 a:hover {
   color: #0c5adb;
}
.single_case_study_icon i:hover{
	background: #0c5adb;
	color:#fff;
}

/* Case Study Style Two */
.case_study_style_two{
	position:relative;
}
.case_study_style_two_thumb {
    position: relative;
    z-index: 1;
}
.case_study_style_two_thumb:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgba(12,90,219,0.65);
    content: "";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	border-radius: 10px;
}
.case_study_style_two_thumb img {
    width: 100%;
    border-radius: 10px;
}
.case_study_style_two_content {
    position: absolute;
    left: 0;
    top: 80%;
    right: 0;
    background:transparent;
    width: 100%;
    margin: auto;
    border-radius: 5px;
    padding: 0 30px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
	text-align: left;
}
.case_study_style_two_title h4 a {
    color: #fff;
    font-weight: 700;
    display: block;
}
.case_study_style_two_title span {
    color: #fff;
	font-weight:600;
}
.case_study_style_two_button a {
	color: #fff;
}
.case_study_style_two:hover .case_study_style_two_content{
	top: 70%;
}
/* Style Three */
.three .case_study_style_two_content {
    top: 75%;
}
.three .case_study_style_two:hover .case_study_style_two_content{
	top: 60%;
}
.three .case_study_style_two_title h4 {
    font-size: 20px;
}
/*====================================================
--<	Techno Case Study Details Area Css -->
======================================================*/
.single-case-study-details {
    box-shadow: 0 0 30px rgba(0,0,0,0.10);
    padding: 50px;
}
.case-study-details-title h3 {
    font-weight: 800;
}
.case-study-details-content-inner ul li span {
    font-size: 20px;
    margin-right: 10px;
	font-weight:700;
}
.case-study-details-content-inner ul li {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: 300;
    padding: 13px 0;
    text-transform: capitalize;
    list-style: none;
}
.case-study-details-content-inner ul li:last-child{
	border-bottom:none;
}
.case-study-details-icon-text span {
    font-size: 20px;
    margin-right: 10px;
    font-weight: 700;
	float:left;
}
.case-study-details-icon-inner a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #0C5ADB;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    margin-right: 10px;
    line-height: 35px;
}
.case-study-details-full-title h3 {
    font-weight: 800;
}
.case-study-details-thumb img {
    width: 100%;
}
/*====================================================
--<	Techno Portfolio Area Css -->
======================================================*/

/* 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;
}
.portfolio_nav ul li {
    background: #f2f4ff;
    border: medium none;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    text-transform: capitalize;
    padding: 12px 27px;
    font-weight: 500;
    letter-spacing: 2px;
    position: relative;
    margin: 0 3px;
    margin-bottom: 7px;
    display: inline-block;
    border-radius: 5px;
}
.portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #0c5adb;
}

/* Single Portfolio */
.single_portfolio {
    overflow: hidden;
    margin-bottom: 30px;
	position:relative;
	transition:.5s;
}
.single_portfolio_thumb {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	transition:.5s;
}
.single_portfolio_content {
    position: absolute;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    right: 20px;
    bottom: 20px;
    left: 20px;
    opacity: 0;
    background: #0c5adb;
    margin: auto;
    text-align: left;
    padding: 30px 20px 30px;
    border-radius: 5px;
}
.single_portfolio_icon {
    text-align: center;
    padding-bottom: 10px;
}
.single_portfolio_content_inner {
    text-align: center;
}
.single_portfolio_content_inner h2 {
    font-size: 22px;
    margin: 0;
}
.single_portfolio_content_inner h2 a {
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    color: #fff;
}
.single_portfolio_icon i {
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 5px;
    color: #135ef3;
	transition:.5s;
}
.single_portfolio_thumb img {
    width: 100%;
}
.single_portfolio_content_inner span {
    color: #fff;
}
/* Portfolio Hover */
.single_portfolio:hover .single_portfolio_thumb {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.portfolio_menu ul li a:hover:before {
    width: 100%;
}
.single_portfolio:hover .single_portfolio_content{
	opacity: 1;
	bottom:35px;
}
.single_portfolio_icon i:hover{
	background: #fff;
	color:#135ef3;
}
/* Portfolio Style Two */
.style_two .single_portfolio_thumb {
    position: relative;
    z-index: 1;
}
.style_two .single_portfolio_thumb:after {
    content: "";
    background: rgba(12,90,219,.85);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    transform-origin: top;
    -moz-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    -moz-transform: perspective(15em) rotateX(-90deg);
    -o-transform: perspective(15em) rotateX(-90deg);
    -ms-transform: perspective(15em) rotateX(-90deg);
    -webkit-transform: perspective(15em) rotateX(-90deg);
    transform: perspective(15em) rotateX(-90deg);
    z-index: 1;
    left: 0;
}
.style_two .single_portfolio_content_inner h2 a {
    font-weight: 700;
    color: #232323;
}
.style_two .single_portfolio_content_inner span {
    color: #135ef3;
}
.style_two .single_portfolio_icon i {
    background: #135ef3;
    color: #fff;
}
.style_two .single_portfolio_content {
    z-index: 1;
	background:#fff;
}
.style_two .single_portfolio:hover .single_portfolio_thumb:after {
    -moz-transform: perspective(0) rotateX(0);
    -o-transform: perspective(0) rotateX(0);
    -ms-transform: perspective(0) rotateX(0);
    -webkit-transform: perspective(0) rotateX(0);
    transform: perspective(0) rotateX(0);
}
/* Portfolio Style Three */

.style_three .single_portfolio_thumb {
    position: relative;
}
.style_three .single_portfolio_thumb::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: rgba(12,90,219,0.75);
	transition:.5s;
}
.style_three .single_portfolio_content {
    right: 0;
    left: 0;
    opacity: 0;
    background: transparent;
    text-align: left;
    padding: 0;
}
.style_three .single_portfolio:hover .single_portfolio_thumb::before{
	height: 100%;
}
/*====================================================
--<	Techno  How It Work Area Css -->
======================================================*/
.single_it_work {
    text-align: center;
}
.single_it_work_content_list{
	position:relative;
}
.single_it_work_content_list::before {
	position: absolute;
	right: -75px;
	top: 26px;
	height: 1px;
	width: 130px;
	content: "";
	background: #ddd;
}
.single_it_work_content_list.three::before {
	display:none;
}
.single_it_work_content_list span {
    background: #0c5adb;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
	position:relative;
	height:45px; 
	width:45px; 
	line-height:45px; 
	display:inline-block; 
		transition:.3s;
}
.single_work_content_title h4 {
    font-size: 20px;
    font-weight: 700;
}
.single_it_work_content_list span:after {
    position: absolute;
    left: -10px;
    top: -10px;
    height: 65px;
    width: 65px;
    content: "";
    background: #0c5adb;
    z-index: -1;
    border-radius: 50%;
    right: 0;
    margin: auto;
    opacity: 0.4;
		transition:.3s;
}
.single_it_work_content_list span:before {
    position: absolute;
    left: -20px;
    top: -20px;
    height: 85px;
    width: 85px;
    content: "";
    background: #0c5adb;
    z-index: -1;
    border-radius: 50%;
    right: 0;
    margin: auto;
    opacity: 0.2;
	transition:.3s;
}
.single_it_work:hover .single_it_work_content_list span,
.single_it_work:hover .single_it_work_content_list span:before,
.single_it_work:hover .single_it_work_content_list span:after{
	transform: scale(1.1);
}

/* How It Work Style Tow */
.it_work_style_two .techno_flipbox .techno_flipbox_font, .it_work_style_two .techno_flipbox .techno_flipbox_back {
    min-height: 410px;
}
.it_work_style_two .it_work_style_two .techno_flipbox .techno_flipbox_inner {
    top: 50%;
}
.techno_flipbox_font .icon {
    color: #fff;
    font-size: 30px;
    line-height: 80px;
    height: 80px;
    width: 80px;
    background: #0c5adb;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
	display:inline-block;
}
.it_work_style_two .techno_flipbox_font {
    background: #ffffff;
    border: 2px solid #e8ecfc;
    border-radius: 7px 7px 7px 7px;
}
.it_work_style_two .techno_flipbox_font .flipbox_title h3 {
    color: #444;
	font-weight:700;
	font-size:24px;
}
.it_work_style_two .techno_flipbox_font .flipbox_desc p {
    color: #666;
}
.it_work_style_two .techno_flipbox .techno_flipbox_back .flipbox_button a {
    background:inherit;
    color: #fff;
    display: inline-block;
    padding: 0;
    border-radius: inherit;
    border:inherit;
	font-size:18px;
	margin-top:5px;
	font-weight:600;
}
.it_work_style_two .techno_flipbox .techno_flipbox_back::before {
    background:inherit;
}
/* How IT Work Style Three */
.style_three .single_how_it_work {
    position: relative;
}
.style_three .how_it_work_number {
    position: absolute;
    top: -50px;
    left: 56px;
}
.style_three .how_it_work_icon .icon {
    color: #0c5adb;
    font-size: 65px;
    z-index: 1;
	transition:.5s;
}
.style_three .how_it_work_number h4 {
    height: 45px;
    width: 45px;
    line-height: 45px;
    background: #0c5adb;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
}
.style_three .how_it_work_icon_bg_thumb_inner {
    position: absolute;
    top: -48px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}
.style_three .how_it_work_bg_thumb_inner_hv {
	position: absolute;
    top: -18px;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
	opacity:0;
	transition:.5s;
}
.style_three .how_it_work_title a {
    font-weight: 700;
    font-size: 22px;
}
.style_three .single_how_it_work:hover .how_it_work_bg_thumb_inner_hv{
	top: -48px;
	opacity:1;
}
.style_three .single_how_it_work:hover .how_it_work_icon .icon{
	color:#fff;
}

/*====================================================
--<	Techno  Pricing Area Css -->
======================================================*/
.single_pricing {
    padding: 51px 40px 60px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    transition: .5s;
}
.single_pricing.active {
    border: 1px solid #0c5adb;
}
.pricing_title h3 {
    font-size: 30px;
    color: #0c5adb;
    font-weight: 700;
}
.pricing_body {
    border: 1px solid #e6e6e6;
	border-radius: 8px;
	transition:.5s;
}
.single_pricing.active .pricing_body {
    border: 1px solid #0c5adb;
}
.pricing_body .featur ul li {
    margin-bottom: 13px;
    display: block;
}
.curencyp {
    font-size: 29px;
    font-weight: 500;
    position: relative;
    top: -15px;
	color: #0c5adb;
}
.pricing_tk h2 {
    display: inline-block;
    font-size: 55px;
    font-weight: 700;
    color: #0c5adb;
}
.pricing_tk h2 span {
    font-size: 19px ;
    font-weight: 500 ;
}
.order_now a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 42px;
    color: #616161;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
	transition:.5s;
	background:transparent;
}
.single_pricing.active .order_now a {
    color: #fff;
    border: 1px solid #0c5adb;
	background:#0c5adb;
}
.single_pricing:hover {
	border: 1px solid #0c5adb;
}
.single_pricing:hover .pricing_body{
	border: 1px solid #0c5adb;
}
.single_pricing:hover .order_now a{
	background:#0c5adb;
	color:#fff;
	border: 1px solid #0c5adb;
}

/* Pricing Style Two */

.pricing_style2 {
    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_style2 {
    padding: 12px 0 21px;
    background: #0762f8;
}
.pricing_title_style2 h3 {
    font-size: 25px;
    color: #fff;
    text-transform: capitalize;
    padding-bottom: 5px;
}
.pricing_tk_style2 h2 {
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #fff;
	transition:.5s;
}
.pricing_tk_style2 span {
    font-size: 14px ;
    color: #fff ;
    font-weight: 400;
}
.pricing_body_style2 {
    margin-top: 40px;
}
.pricing_body_style2 .featur_style2 ul li {
    display: block;
    font-size: 15px;
    margin-bottom: 18px;
}
.pricing_body_style2 .deactive {
    text-decoration: line-through;
    color: #CCDCEA;
}
.pricing_style2_button {
    margin-top: 33px;
}
.order_style2_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_style2_now a {
    background:#0762f8;
	color:#fff;
}
.order_style2_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;
}
.pricing_style2:hover{
	transform:translateY(-10px);
}
.pricing_style2:hover .order_style2_now a:before {
    width: 180%;
}
.pricing_style2:hover .order_style2_now a {
	color:#fff;
}
/* Pricing Style Three */
.single_pricing_three {
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,.2);
	text-align:center;
	border-radius:5px;
	overflow:hidden;
}
.pricing_head_three {
    position: relative;
    background: #0c5adb;
    padding: 36px 0 50px;
    z-index: 1;
}
.pricing_head_three:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: url(assets/images/new/pricing-bg1.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: auto;
    z-index: -1;
}
.pricing_thumb {
    position: relative;
    display: inline-block;
    border: 1px solid #0c5adb;
    border-radius: 50%;
    z-index: 1;
    background: #fff;
    top: -50px;
}
.pricing_body_three .featur ul li {
    list-style: none;
    padding: 6px 0;
}
.pricing_tk_three h2 {
    font-size: 70px;
    color: #fff;
}
.pricing_tk_three span {
    font-size: 20px;
}
.pricing_head_three .curencyp {
    font-size: 30px !important;
    font-weight: 700;
    position: relative;
    top: -37px;
    color: #fff;
    right: -18px;
}
.order_now a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 42px;
    color: #616161;
    border: 1px solid #0c5adb;
    border-radius: 5px;
    transition: .5s;
    background: transparent;
}
.single_pricing_three:hover .order_now a {
	background:#0c5adb;
	color:#fff;
}
/* Pricing Style Four */

.pricing_style_four {
    background: #fff;
    margin-bottom: 30px;
    box-shadow: 0 20px 50px 5px #e9eef7;
}
.pricing_style_four_content {
    background: url(assets/images/new/pr-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 25px 0 77px;
}
.active .pricing_style_four_content {
    background: url(assets/images/new/pr-bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 25px 0 77px;
}

.pricing_style_four_content_inner {
    text-align: right;
    padding-right: 50px;
}
.pricing_style_four_title h4 {
    font-weight: 500;
    text-transform: uppercase;
}
.pricing_style_four_tk h2 {
    font-weight: 500;
}
.pricing_style_four_tk h2 span {
    font-size: 20px;
}
.pricing_style_four_body {
    padding: 55px 28px 40px;
}
.pricing_style_four_body ul {
    list-style: none;
}
.pricing_style_four_body ul li {
    font-size: 18px;
    margin-bottom: 18px;
}
.pricing_style_four_body ul li i {
    color: #0c5adb;
    margin-right: 10px;
}
.pricing_style_four_button a {
    background: #211e3b;
    display: block;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.pricing_style_four_button a span {
    font-size: 20px;
    margin-left: 5px;
}
.pricing_style_four_button a:before {
    position: absolute;
    left: 0;
    content: "";
    width: 10%;
    height: 100%;
    background: #0c5adb;
    top: 0;
    transition: .5s;
    z-index: -1;
}
.pricing_style_four:hover .pricing_style_four_button a:before{
	width: 100%;
}
.single_price_icon {
    position: relative;
}
.single_price_icon_inner {
    position: absolute;
    bottom: 0;
    left: 74px;
}
.single_price_icon_inner .icon {
    color: #fff;
    font-size: 50px;
    height: 100px;
    width: 100px;
    background: #00247e;
    line-height: 95px;
    display: inline-block;
    text-align: center;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
    border: 5px solid #fff;
}

/*====================================================
--<	Techno Process Area Css -->
======================================================*/

.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;
    height: 230px;
    width: 230px;
    line-height: 230px;
}
.single_process_thumb img {
    border-radius: 100%;
    border: 10px solid #fff;
    width: 100%;
}
.single_process_number {
    position: relative;
}
.single_process_number_inner {
    position: absolute;
    left: 0;
    bottom: -25px;
    margin: auto;
    transition: .5s;
    content: "";
    right: 0;
}
.single_process_number span {
    height: 50px;
    width: 50px;
    background: #0c5adb;
    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;
    font-weight: 700;
}
.single_process:hover .single_process_number_inner {
    bottom:50px;
}
/* Process Style Two */

/*====================================================
--<	Techno Counter Area Css -->
======================================================*/
.cntr_bg_up{
	background: #ffffff;
    border-radius: 15px;
    box-shadow: 11px 11px 38px rgba(0,0,0,0.2);
}
.countr_text h1 {
    font-size: 40px;
    font-weight: 800;
}
.counter_desc h5 {
    margin-top: 6px;
	color:#0c5adb;
}
.single_counter_icon i {
    font-size: 30px;
    color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #0C5ADB;
    border-radius: 100%;
    line-height: 80px;
}
.white .countr_text h1 {
    color: #fff;
}
.white .counter_desc h5 {
    color: #fff;
}
.border_bottom_lin {
    position: relative;
}
.border_bottom_lin::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    height: 90px;
    width: 3px;
    background: #0c5adb;
    content: "";
    margin: auto;
}
.single_counter_content {
    overflow: hidden;
}
.single_counter_icon_two .icon {
    float: left;
    margin-right: 20px;
    margin-top: 12px;
}
.single_counter_icon_two .icon i {
    font-size: 35px;
    background: #0c5adb;
    height: 70px;
    width: 70px;
    line-height: 70px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
/* Counter Style Three */
.counter_style_three {
    text-align: center;
    border: 2px solid #686666;
    padding: 0 20px 40px;
    border-radius: 10px;
    transition: .5s;
    margin-bottom: 40px;
}
.color2 .counter_style_three_icon .icon {
    background: #fd8424;
}
.color3 .counter_style_three_icon .icon {
    background: #d83030;
}
.counter_style_three.color2:hover{
	border-color:#fd8424;
}
.counter_style_three.color3:hover{
	border-color:#d83030;
}

.counter_style_three_icon .icon {
    background: #0c5adb;
    display: inline-block;
    height: 85px;
    width: 85px;
    line-height: 80px;
    color: #fff;
    font-size: 36px;
    border-radius: 50% 15%;
    position: relative;
    margin-top: -50px;
}
.counter_style_three:hover{
	border: 2px solid #0c5adb;
}
/* Counter Style Four */
.counter_style_four{
	margin-bottom:30px;
}
.counter_style_four_icon .icon {
    font-size: 42px;
    color: #fff;
}
.counter_style_four_icon .icon:before {
    content: '';
    position: absolute;
    left: -23px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -8px;
    width: 85px;
    height: 85px;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    background-image: url(assets/images/shape/cn-shape.png);
    transform: rotate(-70deg);
    background-repeat: no-repeat;
    background-size: cover;
}
.counter_style_four_text h1 {
    color: #fff;
    font-size: 35px;
}
.counter_style_four_text h5 {
    color: #fff;
    font-size: 18px;
}
.counter_style_four:hover .counter_style_four_icon .icon:before{
	transform:rotate(-130deg);
}

/*====================================================
--<	Techno Testimonial Area Css -->
======================================================*/
.single_testimonial_content_text {
    box-shadow: 0 18px 17px 0 rgba(0,0,0,.1);
    padding: 32px 43px 20px;
    position: relative;
    background: #fff;
}
.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: 100%;
    border-radius: 50%;
    margin: auto;
}
.single_testimonial_content_title h4 {
    font-size: 20px;
    margin-top: 30px;
    font-weight: 700;
}
.single_testimonial_content_title span {
    color: #0c5adb;
    font-weight: 500;
    font-size: 16px;
    display: block;
    padding-top: 4px;
}
.single_testimonial_content_title.white span {
    color: #fff;
}
.experience_thumb img {
    width: 100%;
}
/* Testimonial Style Two */
.single_testimonial_two {
    box-shadow: 0px 0px 27px 0px rgba(0,0,0,.17);
    text-align: center;
    background: #fff;
    padding: 40px 20px 30px;
}
.single_testimonial_thumb_two img {
    border-radius: 50%;
    margin: auto;
}
.single_testimonial_content_title_two h4 {
    font-size: 22px;
}
.single_testimonial_content_title_two span {
    color: #0c5adb;
}
@keyframes checkAnim {
 0%,
 100% {
  box-shadow:0 0 0 5px rgba(12,90,219, 0.8)
 }
 50% {
  box-shadow:0 0 0 8px rgba(12,90,219, 0.8)
 }
}

/* Tesimonial Style Two */
#section-quote{width:100%;position:relative;overflow:hidden;text-align:center}
#section-quote > h2{color:#0e1c2a;font-family:OpenSans-Regular;font-size:36px;font-weight:normal}
#section-quote > p{color:#767676;font-family:OpenSans-Light;font-size:18px;text-align:center;margin-top:10px}
#section-quote .container-quote{position:relative;width:100%;margin:55px 0 150px;height:135px;-webkit-perspective:10000px;-moz-perspective:10000px;-ms-perspective:10000px;perspective:10000px}
#section-quote .container-quote .quote{width:520px;height:100%;position:absolute;top:0px;left:50%;cursor:pointer;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 1s cubic-bezier(0.5,-0.01, 0, 1.005);-moz-transition:all 1s cubic-bezier(0.5,-0.01, 0, 1.005);-o-transition:all 1s cubic-bezier(0.5,-0.01, 0, 1.005);transition:all 1s cubic-bezier(0.5,-0.01, 0, 1.005)}
#section-quote .container-quote .quote.hide-top{opacity:0;-webkit-transform:translateX(-50%) translateY(-100%) rotateX(70deg);-moz-transform:translateX(-50%) translateY(-100%) rotateX(70deg);-ms-transform:translateX(-50%) translateY(-100%) rotateX(70deg);-o-transform:translateX(-50%) translateY(-100%) rotateX(70deg);transform:translateX(-50%) translateY(-100%) rotateX(70deg)}
#section-quote .container-quote .quote.show{opacity:1;-webkit-transform:translateX(-50%) translateY(0%) rotateX(0deg);-moz-transform:translateX(-50%) translateY(0%) rotateX(0deg);-ms-transform:translateX(-50%) translateY(0%) rotateX(0deg);-o-transform:translateX(-50%) translateY(0%) rotateX(0deg);transform:translateX(-50%) translateY(0%) rotateX(0deg)}
#section-quote .container-quote .quote.hide-bottom{opacity:0;-webkit-transform:translateX(-50%) translateY(100%) rotateX(-70deg);-moz-transform:translateX(-50%) translateY(100%) rotateX(-70deg);-ms-transform:translateX(-50%) translateY(100%) rotateX(-70deg);-o-transform:translateX(-50%) translateY(100%) rotateX(-70deg);transform:translateX(-50%) translateY(100%) rotateX(-70deg)}
#section-quote .container-quote .quote p{line-height:28px;display:block}
#section-quote .container-quote .quote .container-info{display:inline-block;padding-left:40px;position:relative;margin-top:20px;text-align:left}
#section-quote .container-quote .quote .container-info .pp{height:30px;width:30px;border-radius:100%;position:absolute;left:0px;top:50%;border:2px solid #fff;box-shadow:0 2px 3px rgba(0,0,0,0.1);background-repeat:no-repeat;background-position:center center;background-size:120%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
#section-quote .container-quote .quote-text-1 .container-info .pp{background-image:url(assets/images/testi/1.jpg)}
#section-quote .container-quote .quote-text-2 .container-info .pp{background-image:url(assets/images/testi/2.jpg)}
#section-quote .container-quote .quote-text-3 .container-info .pp{background-image:url(assets/images/testi/3.jpg)}
#section-quote .container-quote .quote-text-4 .container-info .pp{background-image:url(assets/images/testi/4.jpg)}
#section-quote .container-quote .quote-text-5 .container-info .pp{background-image:url(assets/images/testi/5.jpg)}
#section-quote .container-quote .quote-text-6 .container-info .pp{background-image:url(assets/images/testi/6.jpg)}
#section-quote .container-quote .quote-text-8 .container-info .pp{background-image:url(assets/images/testi/8.jpg)}
#section-quote .container-quote .quote-text-9 .container-info .pp{background-image:url(assets/images/testi/9.jpg)}
#section-quote .container-quote .quote-text-10 .container-info .pp{background-image:url(assets/images/testi/10.jpg)}
#section-quote .container-quote .quote-text-11 .container-info .pp{background-image:url(assets/images/testi/11.jpg)}
#section-quote .container-quote .quote-text-12 .container-info .pp{background-image:url(assets/images/testi/12.jpg)}
#section-quote .container-quote .quote-text-13 .container-info .pp{background-image:url(assets/images/testi/13.jpg)}
#section-quote .container-quote .quote-text-14 .container-info .pp{background-image:url(assets/images/testi/14.jpg)}
#section-quote .container-quote .quote .container-info .name {color: #444;font-size: 22px;font-weight: 600;}
#section-quote .container-quote .quote .container-info .job{color:#666;font-size:16px}
#section-quote .container-pe-quote{position:absolute;height:100%;top:0px;z-index:1}
#section-quote .container-pe-quote.left{left:110px}
#section-quote .container-pe-quote.right{right:80px}
#section-quote .container-pe-quote .pp-quote{cursor:pointer;position:absolute;border-radius:100%;box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);animation-name:floating;-webkit-animation-name:floating;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 1px;-moz-transform-origin:50% 1px;-ms-transform-origin:50% 1px;-o-transform-origin:50% 1px;transform-origin:50% 1px;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}
#container-general .anim-section-quote #section-quote .container-pe-quote .pp-quote{opacity:1}
#section-quote .container-pe-quote .pp-quote .img{overflow:hidden;border-radius:100%;height:100%;width:100%;background-repeat:no-repeat;background-position:center center;background-size:120%;position:relative;z-index:1}
#section-quote .container-pe-quote .pp-quote.li-quote-1 .img{background-image:url(assets/images/testi/1.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-2 .img{background-image:url(assets/images/testi/2.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-3 .img{background-image:url(assets/images/testi/3.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-4 .img{background-image:url(assets/images/testi/4.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-5 .img{background-image:url(assets/images/testi/5.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-6 .img{background-image:url(assets/images/testi/6.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-7 .img{background-image:url(assets/images/testi/7.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-8 .img{background-image:url(assets/images/testi/8.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-9 .img{background-image:url(assets/images/testi/9.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-10 .img{background-image:url(assets/images/testi/10.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-11 .img{background-image:url(assets/images/testi/11.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-12 .img{background-image:url(assets/images/testi/12.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-13 .img{background-image:url(assets/images/testi/13.jpg);}
#section-quote .container-pe-quote .pp-quote.li-quote-14 .img{background-image:url(assets/images/testi/14.jpg);}
#section-quote .container-pe-quote .pp-quote:after{content:'';position:absolute;top:50%;left:50%;height:calc(100% + 5px);width:calc(100% + 5px);border-radius:100%;background-color:#fff;-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#section-quote .container-pe-quote .pp-quote:hover:after,
#section-quote .container-pe-quote .pp-quote.active:after{background:#0c5adb;-webkit-transform:translate(-50%,-50%) scale(1.05);-moz-transform:translate(-50%,-50%) scale(1.05);-ms-transform:translate(-50%,-50%) scale(1.05);-o-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
@keyframes floating{from{-webkit-transform:rotate(0deg) translate(-10px) rotate(0deg);-moz-transform:rotate(0deg) translate(-10px) rotate(0deg);-ms-transform:rotate(0deg) translate(-10px) rotate(0deg);-o-transform:rotate(0deg) translate(-10px) rotate(0deg);transform:rotate(0deg) translate(-10px) rotate(0deg)}
to{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);-moz-transform:rotate(360deg) translate(-10px) rotate(-360deg);-ms-transform:rotate(360deg) translate(-10px) rotate(-360deg);-o-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg)}
}
@-webkit-keyframes floating{from{-webkit-transform:rotate(0deg) translate(-10px) rotate(0deg);-moz-transform:rotate(0deg) translate(-10px) rotate(0deg);-ms-transform:rotate(0deg) translate(-10px) rotate(0deg);-o-transform:rotate(0deg) translate(-10px) rotate(0deg);transform:rotate(0deg) translate(-10px) rotate(0deg)}
to{-webkit-transform:rotate(360deg) translate(-10px) rotate(-360deg);-moz-transform:rotate(360deg) translate(-10px) rotate(-360deg);-ms-transform:rotate(360deg) translate(-10px) rotate(-360deg);-o-transform:rotate(360deg) translate(-10px) rotate(-360deg);transform:rotate(360deg) translate(-10px) rotate(-360deg)}
}
#section-quote .container-pe-quote .li-quote-1{height:90px;width:90px;left:40px;top:30px;animation-duration:10s;-webkit-animation-duration:10s;-webkit-transition-delay:0.6s;transition-delay:0.6s}
#section-quote .container-pe-quote .li-quote-2{height:63px;width:63px;left:150px;top:150px;animation-duration:12s;-webkit-animation-duration:12s;-webkit-transition-delay:0s;transition-delay:0s}
#section-quote .container-pe-quote .li-quote-3{height:82px;width:82px;left:-70px;top:180px;animation-duration:11s;-webkit-animation-duration:11s;-webkit-transition-delay:0.6s;transition-delay:0.6s}
#section-quote .container-pe-quote .li-quote-4{height:48px;width:48px;left:80px;top:250px;animation-duration:6s;-webkit-animation-duration:6s;-webkit-transition-delay:0.2s;transition-delay:0.2s}
#section-quote .container-pe-quote .li-quote-5{height:73px;width:73px;left:-60px;top:320px;animation-duration:7s;-webkit-animation-duration:7s;-webkit-transition-delay:0.7s;transition-delay:0.7s}
#section-quote .container-pe-quote .li-quote-6{height:63px;width:63px;left:65px;top:380px;animation-duration:5s;-webkit-animation-duration:5s;-webkit-transition-delay:0.1s;transition-delay:0.1s}
#section-quote .container-pe-quote .li-quote-12{height:63px;width:63px;left:-15px;top:460px;animation-duration:8s;-webkit-animation-duration:8s;-webkit-transition-delay:0.3s;transition-delay:0.3s}
#section-quote .container-pe-quote .li-quote-7{height:73px;width:73px;right:-15px;top:30px;animation-duration:5s;-webkit-animation-duration:5s;-webkit-transition-delay:0.7s;transition-delay:0.7s}
#section-quote .container-pe-quote .li-quote-8{height:73px;width:73px;right:50px;top:150px;animation-duration:8s;-webkit-animation-duration:8s;-webkit-transition-delay:0.4s;transition-delay:0.4s}
#section-quote .container-pe-quote .li-quote-9{height:48px;width:48px;right:150px;top:90px;animation-duration:7s;-webkit-animation-duration:7s;-webkit-transition-delay:0.3s;transition-delay:0.3s}
#section-quote .container-pe-quote .li-quote-10{height:90px;width:90px;right:225px;top:250px;animation-duration:8s;-webkit-animation-duration:8s;-webkit-transition-delay:0.4s;transition-delay:0.4s}
#section-quote .container-pe-quote .li-quote-11{height:52px;width:52px;right:40px;top:320px;animation-duration:7s;-webkit-animation-duration:7s;-webkit-transition-delay:0.5s;transition-delay:0.5s}
#section-quote .container-pe-quote .li-quote-13{height:42px;width:42px;right:128px;top:380px;animation-duration:9s;-webkit-animation-duration:9s;-webkit-transition-delay:0.2s;transition-delay:0.2s}
#section-quote .container-pe-quote .li-quote-14{height:48px;width:48px;right:108px;top:470px;animation-duration:7s;-webkit-animation-duration:7s;-webkit-transition-delay:0.2s;transition-delay:0.2s}

/* Testimonial Style Three */
.testimonial_style_three_content {
    position: relative;
    z-index: 1;
    padding: 50px 50px 50px 50px;
}
.testimonial_style_three_content::before {
    position: absolute;
    content: "";
    left: -100px;
    top: 0;
    height: 100%;
    width: 123%;
    background: #0c5adb;
    z-index: -1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 17% 0%);
}

.testimonial_style_three_title {
    border-left: 2px solid #fff;
    padding-left: 25px;
}
.testimonial_style_three_title h4 {
    color: #fff;
    font-weight: 800;
}
.testimonial_style_three_title span {
    color: #fff;
    font-weight: 600;
}
.testimonial_style_three_text p {
    color: #fff;
    font-size: 20px;
    font-style: italic;
}
.testimonial_style_three_reviwer_star i {
    color: #fff;
    font-size: 20px;
    display: inline-block;
    margin-right: 2px;
}
.testimonial_style_three_quote i {
    font-size: 50px;
    color: #fff;
}
/*====================================================
--<	Techno Tab Area Css -->
======================================================*/
.nagative_margin2 {
    position: relative;
    margin-top: -108px;
}
.nav-tabs .nav-item {
    margin: 0 5px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0c5adb;
    background-color: #fff;
    border-color: transparent !important;
}
.nav-tabs .nav-link {
    border: 1px solid #0c5adb !important;
    background: #0c5adb;
    padding: 22px 50px;
    font-size: 20px;
    color: #fff;
}
.nav-tabs {
    border-bottom: inherit !important;
}
.nav-tabs .nav-link i {
    font-size: 30px;
    display: block;
    text-align: center;
	padding-bottom:5px;
}
.tab_thumb img {
    width: 100%;
}
.tab_content_title h4 {
    font-weight: 700;
}
.tab_content_sub_text ul {
    display: block;
}
.tab_content_sub_text ul li {
    list-style: none;
    margin-bottom: 5px;
}
/*====================================================
--<	Techno Choose Us Area Css -->
======================================================*/
.choose_us .techno_flipbox .techno_flipbox_font, .choose_us .techno_flipbox .techno_flipbox_back {
    min-height: 410px;
}
.choose_us .techno_flipbox .techno_flipbox_font{
	position:relative;
	border:0 !important;
}
.choose_us .techno_flipbox .techno_flipbox_font::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,black 0%,rgba(255,255,255,0) 100%) !important;
}
.choose_us .techno_flipbox .techno_flipbox_inner {
    top: 72%;
}
.choose_us .techno_flipbox .techno_flipbox_back .techno_flipbox_inner {
    top: 50%;
}

/* Style Two */
.choose_icon_lft{
	float:left;
}
.choose_icon_lft i {
    color: #0c5adb;
    height: 70px;
    width: 70px;
    line-height: 68px;
    border: 1px solid #307cff;
    border-radius: 4px 4px 4px 4px;
	font-size:30px;
	text-align:center;
	background:transparent;
	transition:.5s;
}
.choose_content_title_lft h5 {
    font-weight: 700;
}
.choose_us_content:hover .choose_icon_lft i{
	background:#0c5adb;
	color:#fff;
}
.choose_content_text_bold p {
    font-size: 19px;
    font-weight: 600;
    color: #232323;
}
/* New Choose Us */
.single_choose_us_thumb img {
    width: 100%;
}
.single_choose_us_icon .icon {
    height: 70px;
    width: 70px;
    background: #0c5adb;
    line-height: 68px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 35px;
    float: left;
    margin-right: 20px;
	border:1px solid #0c5adb;
	transition:.5s;
}
.single_choose_us_content:hover .single_choose_us_icon .icon{
	background:transparent;
	color:#0c5adb;
	
	
}
/*====================================================
--<	Techno Fun Faq Area Css -->
======================================================*/
.single_fun_faq {
    background: url(assets/images/new/fun1.jpg);
    padding: 20px 30px;
	margin-bottom:30px;
}
.single_fun_faq_number h1 {
    font-size: 45px;
    font-weight: 800;
}
/*====================================================
--<	Techno Accordion Area Css -->
======================================================*/
.main-accordion-lt {
    background: #2d2d2d;
}
.acd-items.acd-arrow {
    margin-left: 160px;
}
.panel-heading .panel-title a {
    background: #393939;
    display: block;
    font-weight: 600;
    padding: 10px 15px;
    position: relative;
    color: #fff;
    font-size: 18px;
}
.faq .panel-heading .panel-title a {
    background: #eff2f7;
	color:#232323;
	transition:.5s;
}
.faq .panel-heading .panel-title a:hover {
	color:#0c5adb;
}

.faq .panel-body p {
    color: #8a8a8a;
}
.acd-items .panel-heading {
  padding: 0;
}

.panel.panel-default {
  border-color: #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
}
.panel-body p {
    color: #cccccc;
}
.default .panel-body p {
    color: #666;
}
.accordion-area .absod {
    padding: 0;
}
.panel-heading.mb-3 a i {
    font-size: 15px;
    margin-right: 10px;
}
.panel-group.symb .panel-heading a::after {
  
  content:"-";
  font-size: 20px;
  position: absolute;
  right: 10px;
  top: 7px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.panel-group.symb .panel-heading a.collapsed:after {
    content: "+";
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.single_faq_title h4 {
    font-weight: 700;
}
/*====================================================
--<	Techno Contact Area Css -->
======================================================*/
.form_box input {
    width: 100%;
    height: 50px;
    padding-left: 15px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
	transition:.5s;
}

.form_box textarea {
    width: 100%;
    background: transparent;
    padding-left: 15px;
    padding-top: 20px;
    height: 250px;
    border: 1px solid #fff;
    border-radius: 5px;
	color: #fff;
	transition:.5s;
}
.quote_btn button {
    background: #fff;
    border: 0;
    display: inline-block;
    text-align: center;
    padding: 14px 39px;
    border-radius: 7px;
    transition: .3s;
}
.quote_btn button:hover {
    background: #00247e;
    color:#fff;
}
.appointment_form_inner{
	background: #ffffff;
    padding: 70px 70px 70px 70px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 5px 30px rgba(0,0,0,0.15);
} 
.appointment_title h1 {
    text-align: center;
    font-weight: 800;
}
.appointment_form .form_box input {
    border: 1px solid #e6e6e6;
    color: #495057;
}
.appointment_form .form_box textarea {
    border: 1px solid #e6e6e6;
	color: #495057;
}
.appointment_form .quote_btn button {
    background: #0c5adb;
	color:#fff;
}
.appointment_form  .form_box input:focus,
.appointment_form  .form_box textarea:focus{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.main_contact_area .form_box input {
    border: 1px solid #e6e6e6;
    color: #495057;
	background-color: #fff;
}
.main_contact_area .form_box textarea {
    border: 1px solid #e6e6e6;
	color: #495057;
	background-color: #fff;
}
.main_contact_area .quote_btn button {
    background: #0c5adb;
	color:#fff;
}
.main_contact_area  .form_box input:focus,
.main_contact_area  .form_box textarea:focus{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.map {
    width: 100%;
    margin: 0;
    height: 410px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.google_map_area .col-lg-12{
    padding: 0;
}
/* Contact Style Three */ 
.style_three .contact_address_company ul li {
    list-style: none;
    display: block;
    margin-bottom: 12px;
}
.style_three .contact_address_company ul li i {
    font-size: 25px;
    color: #fff;
    margin-right: 15px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: #0c5adb;
    text-align: center;
    border-radius: 50%;
}
.style_three .contact_address_company ul li a {
    color: #616161;
}
.style_three .contact_from_box {
    box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
    background: #fff;
    padding: 35px 50px 40px;
    border-top: 8px solid #0c5adb;
    border-radius: 5px;
}
.style_three .form_box textarea {
    height: 180px;
}
.style_three .footer-bottom-content-copy p {
    color: #232323;
}
.style_three .footer-bottom-right-text a {
    color: #232323;
}
/*====================================================
--<	Techno Contact Address Area Css -->
======================================================*/
.single_contact_address {
    border: 1px solid #d0e5fb;
    border-radius: 5px 5px 5px 5px;
    padding: 30px 25px 15px;
}
.contact_address_icon i {
    font-size: 40px;
    color: #0c5adb;
}
.contact_address_title h4 {
    font-weight: 700;
}
.single_contact_address_two {
    background: #fff;
    box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.2);
    padding: 30px 22px 37px;
    margin-bottom: 30px;
}
.single_contact_address_two_content h4 {
    font-size: 22px;
}
.single_contact_address_two_icon .icon {
    height: 70px;
    width: 70px;
    line-height: 70px;
    font-size: 35px;
    display: inline-block;
    background: #0c5adb;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    float: left;
    margin-right: 15px;
}
.single_contact_address_two_content span {
    color: #0c5adb;
    text-transform: uppercase;
}
.single_contact_rt_thumb img {
    width: 100%;
}
.cnt_box {
    background: #fff;
    box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.2);
}
.contact_sm_area .form_box input {
    border: 1px solid #ddd;
}
.contact_sm_area .form_box textarea {
    border: 1px solid #ddd;
	height: 180px;
}
.contact_sm_area .quote_btn button {
    background: #0c5adb;
    color: #fff;
}
.contact_sm_area .form_box input:focus,
.contact_sm_area .form_box textarea:focus{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.single_contact_abs_thumb img {
    width: 100%;
}
.app .form_box textarea {
    height: 170px;
}
/* Contact Address Style Two */
.single_contact_now {
    background: #fff;
    padding: 25px;
    text-align: center;
    border-radius: 5px;
	margin-bottom:30px;
}
.single_contact_now_inner {
    border: 2px solid #ddd;
    padding: 30px 20px 15px;
    border-radius: 5px;
	transition:.5s;
}
.single_contact_now_icon i {
    color: #0c5adb;
    font-size: 40px;
}
.single_contact_now:hover .single_contact_now_inner{
	border-color: #0c5adb;
}


/*====================================================
--<	Techno Blog Area Css -->
======================================================*/
.single_blog {
    border: 1px solid #ebebeb;
    overflow: hidden;
	transition:.5s;
}
.single_blog_content{
    background: #fff;
}
.single_blog:hover {
    border-color: transparent;
    box-shadow:0 5px 30px rgba(0,0,0,0.2);
}
.blog_page_title h3 {
    font-size: 21px;
    transition: .5s;
}
.blog_page_title a {
    font-weight: 700;
}
.single_blog_thumb img {
    width: 100%;
}
.blog_page_button a {
    font-size: 15px;
    transition: .5s;
    color: #616161;
}
.blog_page_button.style_two a {
    font-size: 15px;
    transition: .5s;
    color: #0c5adb;
    border: 1px solid #0c5adb;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 30px;
}
.blog_page_button a i {
    margin-left: 6px;
}
.blog_page_button a:hover {
    color:#0C5ADB;
}
.blog_page_title a:hover {
    color:#0C5ADB;
}
.techno_blog_meta a {
    color: #616161;
	transition:.3s;
	position:relative;
}
.techno_blog_meta a:before {
    position: absolute;
    right: -6px;
    height: 14px;
    width: 1px;
    background: #666;
    content: "";
    top: 5px;
}
.techno_blog_meta a:hover{
	color:#0C5ADB;
}

.subscribe_content_title h2 {
    font-size: 32px;
    font-weight: 700;
}
.subscribe_form input {
    font-size: 14px;
    height: 65px;
    padding: 5px 25px;
    position: relative;
    width: 100%;
    background: #F6F6FC;
    border: 0;
    border-radius: 0;
    margin-bottom: 14px;
    margin: auto;
    border: 0;
    border-radius: 15px;
}
.subscribe_form_send button {
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border: medium none;
    border-radius: 15px;
    background: #0c5adb;
    display: block;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    text-align: center;
    margin: auto;
    padding: 15px 43px;
    position: absolute;
    right: 20px;
    top: 74%;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.subscribe_form_send button:hover{
	color: #fff;
}
/* Style Two*/
.style_two .row.sbc_bg_box {
    background: #0c5adb;
    border-radius: 15px;
    padding: 25px 0 55px;
    position: relative;
    margin-bottom: -140px;
    z-index: 1;
}
.style_two.tp-mg .row.sbc_bg_box {
    margin-bottom: 0;
    margin-top: -145px;
}
.style_two .subscribe_bg_box form {
    background: #fff;
    padding: 30px 40px 25px;
    border-radius: 80px;
}
.style_two .subscribe_form input {
    font-size: 14px;
    height: 65px;
    padding: 5px 25px;
    position: relative;
    width: 75%;
    background: #F6F6FC;
    border: 0;
    border-radius: 0;
    margin-bottom: 14px;
    margin: 0;
    border: 0;
    border-radius: 40px;
}
.style_two .subscribe_form_send button {
    border-radius: 40px;
    background: #0c5adb;
    font-weight: 600;
    margin: auto;
    padding: 17px 55px;
    right: 55px;
    top: 68%;
	color:#fff;
}
.style_two .subscribe_form_send button:hover{
	color:#fff;
}
/* Style Blog All */
.techno_blog_meta.shado_bg {
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.11);
    padding: 10px 12px;
    position: relative;
    margin-top: -26px;
    background: #fff;
    border-radius: 5px;
}
.single_blog_thumb.el_thumb {
    overflow: hidden;
}
.single_blog_thumb.el_thumb img{
	transition:.5s;
	overflow:hidden;
}
.single_blog:hover .single_blog_thumb.el_thumb img{
	transform: scale(1.2);
}
.single_blog_date {
    position: absolute;
    right: 0;
    top: 0;
}
.single_blog_date_inner {
    background: #0c5adb;
    display: inline-block;
    padding: 2px 15px 10px;
}
.color2 .single_blog_date_inner {
    background: #fd8424;
}
.color3 .single_blog_date_inner {
    background: #d83030;
}
.single_blog_date_inner h3 {
    color: #fff;
}
.single_blog_date_inner span {
    display: block;
    color: #fff;
}

/*====================================================
--<	Techno Footer Middle Area Css -->
======================================================*/

.footer-middle {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background: #111a3a;
}
.widget-title {
    color: #fff;
    font-size: 22px;
}
.company-info-desc p {
    color: #fff;
}
.menu-quick-link-container ul li a {
    color: #fff;
	position:relative;
	transition:.5s;
}
.menu-quick-link-container ul li a:before {
    position: absolute;
    content: "";
    left: -24px;
    top: 10px;
    height: 1px;
    width: 13px;
    background: #fff;
}
.menu-quick-link-container ul li {
    padding-bottom: 10px;
    list-style: none;
}
.recent-post-text a {
    color: #fff;
	font-weight:500;
	transition:.5s;
}
.recent-post-image {
    float: left;
}
.follow-company-text a {
    font-size: 16px;
    transition: .5s;
}
.follow-company-text a p {
    color:#fff;
	transition:.5s;
}
.follow-company-text {
    float: left;
}
.follow-company-icon a {
    font-size: 16px;
    color: #fff;
    margin: 0 5px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
}

.footer-social-info p span {
    font-weight: 600 !important;
    color: #fff;
}
.footer-social-info p {
    color: #fff;
}
.recent-post-text span {
    color: #adb0be;
}
.recent-post-item.active {
    border-bottom: 1px solid #adb0be;
}
.follow-company-icon a:hover{
	color:#0c5adb;
}
.follow-company-text a p:hover {
    color:#0c5adb;
}
.menu-quick-link-container ul li a:hover{
	color:#0c5adb;
}
.recent-post-text a:hover{
	color:#0c5adb;
}
/* Footer Style Two */
.footer_middle_area{
    overflow: hidden;
}
.footer_middle_social_icon{
	text-align:center;
}
.footer_middle_social_icon a {
    height: 65px;
    width: 65px;
    line-height: 65px;
    display: inline-block;
    background: #0c5adb;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
	text-align:center;
    margin: 0 5px;
	transition:.5s;
}
.footer_middle_social_icon a.color1{
    background: #ef6330;
}
.footer_middle_social_icon a.color2{
    background: #43baff;
}
.footer_middle_social_icon a.color3{
    background: #ff9000;
}
.footer_middle_social_icon a.color4{
    background:#e60023;
}
.footer_middle_social_icon a.color5{
    background: #00247e;
}
.footer_middle_social_icon a.color6{
    background: #6659d4;
}
.footer_middle_social_icon a.color7{
    background: #5eb414;
}

.footer_middle_social_icon a:hover{
	background: #0c5adb;
}
.footer_bottom_menu_inner {
    text-align: center;
}
.footer_bottom_menu_inner ul {
    list-style: none;
}
.footer_bottom_menu_inner ul li {
    display: inline-block;
}
.footer_bottom_menu_inner ul li a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 12px;
	transition:.5s;
}
.footer_bottom_menu_inner ul li a:hover {
    color: #0c5adb ;
}
.footer_bg_shape {
    position: relative;
}
.footer_bg_shape:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 80%;
    width: 50%;
    background: url(assets/images/new/footer-bgdt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .6;
}
/* Footer Style Three */

.style_three .widget-title {
    color: #232323;
    font-size: 22px;
}
.style_three .menu-quick-link-container ul li a {
    color: #232323;
}
.style_three .menu-quick-link-container ul li a:hover{
	color: #0c5adb;
}
.style_three .company-info-desc p {
    color: #232323;
}
.style_three .footer-social-info p {
    color: #232323;
}
.style_three .recent-post-text a {
    color: #232323;
}
.style_three .follow-company-icon a {
    color: #0c5adb;
}
.style_three .follow-company-text a p {
    color: #232323;
}
.style_three .footer-social-info p span {
    color: #232323;
}
.style_three .menu-quick-link-container ul li a:before {
    background: #0c5adb;
}
/*====================================================
--<	Techno Footer Bottom Area Css -->
======================================================*/
.footer-bottom {
	border-top: 1px solid rgba(255,255,255,.23);
}
.footer-bottom-content-copy p {
    color: #fff;
}
.footer-bottom-right-text {
	text-align: right;
}
.footer-bottom-right-text a {
	color: #fff;
	display: inline-block;
}
.footer-bottom-right-text .absod {
	margin-right: 30px;
	position: relative;
}
.footer-bottom-right-text .absod::before {
	position: absolute;
	content: "";
	right: -17px;
	top: 6px;
	height: 14px;
	width: 1px;
	background: #fff;
	transform: skew(-20deg);
}

/*====================================================
--<	Techno Blog Details Area Css -->
======================================================*/
.blog-details-area {
    background: #fff;
}
.blog_dtl_top_bs span {
	background: #0c5adb;
	padding: 8px 30px;
	color: #fff;
	border-radius: 30px;
}
.techno-blog-thumb img {
    transform: scale(1.01);
    transition: .5s;
    width: 100%;
}
.techno-single-blog.admin:hover .techno-blog-thumb img {
    transform: scale(1.2);
}
/* Blog Details  Content CSS */
.blog_dtl_content {
    padding: 38px 45px 45px;
    -webkit-box-shadow: 0 3px 19px rgba(0,0,0,.08);
    box-shadow: 0 3px 19px rgba(0,0,0,.08);
    border-radius: 0 0 10px 10px;
}
.recent_post_dtls {
    padding: 38px 45px 45px;
    -webkit-box-shadow: 0 3px 19px rgba(0,0,0,.08);
    box-shadow: 0 3px 19px rgba(0,0,0,.08);
    border-radius: 0 0 10px 10px;
}

.blog_dt_title h4 {
    font-weight: 700;
}
.blog_dtl_thumb img {
    width: 100%;
}
.blog_dtl_content h2 {
    color: #0d1218;
    font-size: 35px;
    padding-top: 20px;
    font-weight: 700;
}
.techno-blog-meta-left {
    padding: 12px 0 35px;
}
.techno-blog-meta-left span {
    color: #0d1218;
    margin-right: 40px;
}
.techno-blog-meta-left i {
    margin-right: 10px;
}
.blog_details_dtn_icon a i {
    border: 1px solid #e6e6e6;
    color: #565872;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
}
.blog_details_dtn_icon a i:hover {
    background: #0c5adb;
    border-color: #0c5adb;
    color: #fff;
}
.blog_dtl_content h3 {
    color: #0d1218;
    padding: 10px 0 20px;
    font-size: 24px;
    font-weight: 700;
}
.blog_details blockquote {
    margin: 37px 0 36px;
    font-size: 14px;
    border-left: 7px solid #0c5adb;
    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: 38px 45px 45px;
    -webkit-box-shadow: 0 3px 19px rgba(0,0,0,.08);
    box-shadow: 0 3px 19px rgba(0,0,0,.08);
    border-radius: 0 0 10px 10px;
}
.comments_ttl>h3 {
    font-size: 24px;
    color: #0d1218;
    font-weight: 700;
}
.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: 24px;
    color: #0d1218;
    font-weight: 700;
}
.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;
}

/* techno Form Css */
.blog_reply_coment_dtl .form_box input {
    border: 1px solid #e6e6e6;
    color: #495057;
	background-color: #fff;
}
.blog_reply_coment_dtl .form_box textarea {
    border: 1px solid #e6e6e6;
	color: #495057;
	background-color: #fff;
}
.blog_reply_coment_dtl .quote_btn button {
    background: #0c5adb;
	color:#fff;
}
.blog_reply_coment_dtl .form_box input:focus,
.blog_reply_coment_dtl .form_box textarea:focus{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}


.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: #0c5adb;
    border-color: #0c5adb;
    color: #fff;
}
.wedget_sideber_thumb img {
    width: 100%;
}
.widget_about_thumb{
	text-align:center;
}
.widget_about_content{
	text-align:center;
}
.widget_about_content h5 {
    font-weight: 700;
    padding-bottom: 3px;
}
.widget_about_icon{
	text-align:center;
}
.widget_about_icon a {
    display: inline-block;
    margin: 0 3px;
}




/*=============================
   techno Team Details Area Css
 =============================*/
.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: #0c5adb;
}
.single_team_details_icon a {
    font-size: 16px;
    background: #0c5adb;
    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: #0c5adb;
}
.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 Style Two */
.team_style_two {
    position: relative;
	transition:.5s;
}
.team_style_two:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(12,90,219,0.85);
    content: "";
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 100%;
}
.team_style_two_thumb img {
    width: 100%;
    border-radius: 100%;
}
.team_style_two_content {
    position: absolute;
    left: 0;
    top: 62%;
    transform: translateY(-50%);
    text-align: center;
    right: 0;
    transition: .5s;
    transition-delay: .3s;
	opacity:0;
}
.team_style_two_title h5 {
    color: #fff;
    font-weight: 700;
	display:block;
	padding-bottom:5px;
}
.team_style_two_title span {
    color: #fff;
}
.team_style_two_icon a {
    display: inline-block;
    color: #fff;
    margin: 0 5px;
    font-size: 14px;
}
.team_style_two:hover .team_style_two_content{
	top: 50%;
	opacity:1;
}
.team_style_two:hover:before {
	opacity: 1;
}


/*==========================
    techno Skill Area Css
 ===========================*/
.skill_area{
    padding: 80px 0 70px;
}
.our_skill{
	margin-bottom:30px;
}
.skill-wrapper h5 {
    font-size: 18px;
    padding: 15px 0 12px;
}

/*=========================
   techno Brand Area Css
 =========================*/

/*=========================
   techno 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:#0c5adb;
}
.single_error_inner h2 {
    padding-bottom: 16px;
    font-size: 28px;
}
.single_error_button {
    margin-top: 30px;
}
.single_error_button a {
    background: #fff;
    color: #0c5adb;
    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 #0c5adb;
}
.single_error_button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #0c5adb;
    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 #0c5adb !important;
	background: transparent;
}
#scrollUp {
    background: #0c5adb 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%;
}
.intro__bg,
.intro__bg canvas {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* 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; }
.bounce-animate2 {
  animation-name: float-bob2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob2;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob2;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob2;
  -o-animation-duration: 3s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate3 {
  animation-name: float-bob3;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob3;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob3;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob3;
  -o-animation-duration: 4s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
.bounce-animate4 {
  animation-name: float-bob4;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob4;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob4;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob4;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
 .bounce-animate5 {
  animation-name: float-bob5;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob5;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob5;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob5;
  -o-animation-duration: 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  100% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  50% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px); }
  100% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes float-bob4 {
  0% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px); } }
@-webkit-keyframes float-bob5 {
  0% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px); }
  100% {
    -webkit-transform: translateY(-75px);
    transform: translateY(-75px); } }
@-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);
  }
}


/*Banner video animation*/
#spinnerbtn {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.7;
	position: relative;
	height: 100px;
	width: 100px;
	background: none;
	border-radius: 100px;
	border-top: 10px solid #0c5adb;
	border-bottom: 10px solid #0c5adb;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	-webkit-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	-moz-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	-ms-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	-o-animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
	animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
}

#spinnerbtn:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -1;
	border-radius: 115px;
	border: 15px solid #0c5adb;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;

	-webkit-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	-moz-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	-ms-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	-o-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
}
.white-color #spinnerbtn {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

.white-color #spinnerbtn:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -1;
	border-radius: 115px;
	border: 15px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.white-color .data_science_video_inner a i {
    color: #fff;
}
@keyframes "spin" {
 0% {
    -webkit-transform: rotate(360deg);
   	-moz-transform: rotate(360deg);
   	-o-transform: rotate(360deg);
   	-ms-transform: rotate(360deg);
   	transform: rotate(360deg);
 }
 100% {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
}
@-moz-keyframes spin {
 0% {
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@-webkit-keyframes "spin" {
 0% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@-ms-keyframes "spin" {
 0% {
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@-o-keyframes "spin" {
 0% {
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@keyframes "spin2" {
 0% {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
 100% {
    -webkit-transform: rotate(360deg);
   	-moz-transform: rotate(360deg);
   	-o-transform: rotate(360deg);
   	-ms-transform: rotate(360deg);
   	transform: rotate(360deg);
 }
}
@-moz-keyframes spin2 {
 0% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@-webkit-keyframes "spin2" {
 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@-ms-keyframes "spin2" {
 0% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@-o-keyframes "spin2" {
 0% {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes "glow" {
 0% {
    -webkit-box-shadow: none;
   	box-shadow: none;
 }
 50% {
    -webkit-box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb;
   	box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb;
 }
 100% {
    -webkit-box-shadow: none;
   	box-shadow: none;
 }
}
@-moz-keyframes glow {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   box-shadow: none;
 }

}
@-webkit-keyframes "glow" {
 0% {
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 50% {
   -webkit-box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   -webkit-box-shadow: none;
   box-shadow: none;
 }

}
@-ms-keyframes "glow" {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   box-shadow: none;
 }

}
@-o-keyframes "glow" {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   box-shadow: none;
 }

}