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

Template Name: petech - IT Solutions & Services HTML5 Template
Version: 0.1

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

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

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



/*============================
 petech	Main Menu Area Css
==============================*/
.petech_nav_manu {
    background: #fff;
    transition: .5s;
    margin-bottom: 0;
    z-index: 2;
    position: relative;
}
.petech_nav_manu.style-three {
    padding: 15px 0;
}
.petech_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: #211e3b !important;
	transition:.5s;
}

/* logo Css*/
.logo {

}
/* petech Menu Css*/
.petech_menu {
}
.petech_menu ul {
    text-align: center;
    list-style: none;
    display: inline-block;
}
.petech_menu>ul>li {
 display: inline-block;
 position: relative;
}
.petech_menu > ul > li > a {
    display: block;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: relative;
    color: #211e3b;
    font-weight: 800;
    text-transform: capitalize;
    margin: 30px 10px;
    font-size: 17px;
}
.white .petech_menu > ul > li > a {
    color: #fff;
}
.petech_menu ul li:last-child a {
 margin-right: 0px;
}
.petech_menu>ul>li.current>a {
 color: #43baff;
}
.white .petech_menu>ul>li.current>a {
 color: #fff;
}
/* sub menu style */
.petech_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 #43baff;
}
.petech_menu ul li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 100%;
 z-index: 9;
}
.petech_menu ul .sub-menu li {
 position: relative;
}
.petech_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #211e3b !important;
}
.petech_menu ul .sub-menu li:hover>a,
.petech_menu ul .sub-menu .sub-menu li:hover>a,
.petech_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.petech_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
 background:#43baff;
 color: #fff !important;
}

/* sub menu 2 */
.petech_menu ul .sub-menu .sub-menu {
 left: 100%;
 top: 130%;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
}
.petech_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 */
.petech_menu ul .sub-menu .sub-menu li {
 position: relative;
}
.petech_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;
}
.petech_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 */
.petech_menu ul .sub-menu .sub-menu .sub-menu li {
 position: relative;
}
.petech_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.petech_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%;
}
/* Search Box */
.search-box-outer{
	position:relative;
}
.search-box-btn span{
    font-size: 20px;
    color: #001d23;
    cursor: pointer;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    height: 58px;
    width: 58px;
    line-height: 52px;
    display: inline-block;
    border: 2px solid #e9e9e9;
    text-align: center;
    border-radius: 5px;
}
.search-box-btn:after{
	display:none;
}
.sticky .search-box-btn span {
    color: #fff;
}
.style-three .search-box-btn span {
    color: #fff;
}
.search-box-outer .dropdown-menu{
	top:49px !important;
	right:0px;
	padding:0px;
	width:280px;
	left: auto !important;
	border-radius:0px;
	border-top:3px solid #0060ff;
	-webkit-transform: translate3d(0px, 0px, 0px) !important;
	transform: translate3d(0px, 0px, 0px) !important;
}

.btn-box{
	position:relative;
	float:left;
	margin-left:30px;
}
.search-box-btn.search-box-outer {
    display: inline-block;
}
.nav-btn.navSidebar-button {
    display: inline-block;
}
.petech_menu .search-box{
	display:inline-block;
}

.petech_menu .search-box .form-group{
	position:relative;
	margin:0px;
	top:-1px;
}

.petech_menu .search-box .form-group input[type="text"],
.petech_menu .search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	padding:10px 50px 10px 25px;
	background:none;
	display:block;
	font-size:14px;
	width:200px;
	height:74px;
	color:#222222;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:#ffffff;
	border-radius:0px 50px 50px 0px;
}

.petech_menu .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:74px;
	width:45px;
	font-size:14px;
	color:#000048;
	line-height:100%;
	background:none;
	display:inline-block;
	font-weight:normal;
	text-align:left;
	cursor:pointer;
}
/***

====================================================================
	Search Popup
====================================================================

***/


.search-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.search-popup{
	width: 100%;
}
.search-active .search-popup{
	transform: translateY(0%);
	margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #43baff;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.search-popup .close-search span{
	position: relative;
	height: 70px;
	width: 70px;
	font-size: 30px;
	line-height: 70px;
	color: #ffffff;
}

.search-active .search-popup .close-search{
	visibility: visible;
	opacity: 1;
	top: 50%;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.search-popup form{
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin:-35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.search-active .search-popup form{
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.search-popup .form-group{
	position:relative;
	margin:0px;
	overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:18px;
	line-height: 50px;
	color:#000000;
	height:70px;
	width:100%;
	padding: 10px 30px;
	background-color: #ffffff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	font-weight:500;
	text-transform:capitalize;
}
.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #000000;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
	color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
	color:#000000;
}

.search-popup .close-search.style-two{
	position: absolute;
	right: 25px;
	left: auto;
	color:#ffffff;
	width:auto;
	height:auto;
	top:25px;
	margin:0px;
	border:none;
	background:none !important;
	box-shadow:none !important;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.search-popup .close-search.style-two span{
	font-size:20px;
	color:#ffffff;
}

.header-src-btn {
    text-align: right;
}
.header-button {
    display: inline-block;
    margin-left: 10px;
}
.style2 .header-button {
    margin-left: 0;
}
.style2 .search-box-btn span{
    color: #fff;
    background: #43baff;
    border-color: #43baff;
}
.style-three .style2 .search-box-btn span{
    height: 54px;
    width: 54px;
    line-height: 44px;
	background:#fff;
	border:0;
	border-radius:5px;
	color:#43baff;
}
.petech_nav_manu.sticky a.dtbtn:hover {
    color: #fff !important;
}
.header-button .dtbtn {
    -moz-user-select: none;
    background: #43baff;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0;
    padding: 12px 24px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius: 5px;
    border: 2px solid #43baff;
    font-weight: 700;
	position:relative;
	z-index:1;
	transition:.5s;
}
.white .header-button .dtbtn {
    background: #423e6d;
	border-color:#423e6d;
}
.header-button .dtbtn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: #211e3b;
    transition: .5s;
    border-radius: 5px;
    z-index: -1;
	transition:.5s;
}
.white .header-button .dtbtn:before {
    background: #43baff;
}
.header-button .dtbtn:hover:before {
	width: 100%;
}
.header-button a span{
    font-size: 20px;
    font-weight: 700;
    margin-left: 6px;
}
a.dtbtn:hover {
    border: 2px solid #211e3b;
    background: #211e3b;
    color: #fff;
}
.petech_menu li a:hover:before{
	width:101%;
}
.petech_nav_manu.sticky .logo_img {
    display: none;
}
.main_sticky {
    display: none;
}
.petech_nav_manu.sticky .main_sticky {
    display: inherit;
}
.petech_nav_manu.sticky .petech_menu li a {
    color: #fff;
}
.petech_nav_manu.sticky a.dtbtn {
    color: #43baff;
	background:#fff;
	border: 2px solid #fff;
}
.petech_nav_manu.sticky a.dtbtn:hover {
    color: #43baff;
}
.mobile-menu.mean-container {
	overflow: hidden;
}

/*====================================================
--<	petech Header Top Menu Area Css -->
======================================================*/
.header_top_menu_phone.pn_bg {
    position: relative;
	z-index:1;
}
.header_top_menu_phone.pn_bg::before {
    position: absolute;
    left: -400px;
    content: "";
    top: -22px;
    height: 260%;
    width: 235%;
    background: #43baff;
    z-index: -1;
}
.header_top_menu_phone_inner ul {
    list-style: none;
}
.header_top_menu_phone_inner ul li {
    display: inline-block;
}
.header_top_menu_phone_inner ul li a {
    font-size: 15px;
    color: #fff;
}
.header_top_menu_phone_inner ul li a span{
    font-size: 16px;
    margin-right: 10px;
}
.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 span {
    font-size: 16px;
    margin-right: 10px;
    color: #fff;
}
.header_top_menu_address_inner ul li a {
    color: #fff;
    font-size: 15px;
    margin-right: 15px;
}
.header_top_menu_icon_inner ul li a {
    color: #645e91;
    font-size: 15px;
    margin-left: 8px;
    height: 38px;
    width: 38px;
    line-height: 40px;
    background:transparent;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #645e91;
}
.header_top_menu_icon_inner ul li a:hover {
    color: #fff;
    background:#43baff;
    border: 1px solid #43baff;
}
.header_top_menu_text_inner p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #fcfcfc;
    font-family: Montserrat;
}
.style_three .header_top_menu_icon_inner ul li a {
    color: #fff;
    font-size: 13px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
}
/* Header Middle Address Css */
.header_middle_address_inner_icon {
    float: left;
    margin-right: 12px;
}
.header_middle_address_inner_icon span {
    height: 45px;
    width: 45px;
    background: #43baff;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
}
.header_address_content_inner span {
    display: block;
    color: #001d23;
    font-weight: 600;
}
.header_address_content_inner a {
    color: #001d23;
    font-size: 15px;
    font-weight: 600;
    font-family: Montserrat;
}
/*
<!-- ============================================================== -->
<!-- petech - Slider Area Css -->
<!-- ============================================================== -->*/
.slider1 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider2 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider3 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider4 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}

.slider5 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 800px;
}
.slider6 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 800px;
}

.slider_text_inner h4 {
    font-weight: 500;
    padding-bottom: 12px;
}
.slider_text_inner h3 {
    font-size: 75px;
    font-weight: 200;
}
.slider_text_inner h1 {
    font-size: 100px;
    font-weight: 300;
	margin-top:0;
}
.slider_text_inner h2 {
    font-size: 85px;
	margin-top:0;
}
.slider_button .button a {
    background: #43baff;
    display: inline-block;
    padding: 20px 38px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
	position:relative;
	transition:.5s;
	z-index:1;
}
.slider_button .button a:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:0%;
	background:#fff;
	transition:.5s;
	border-radius:5px;
	z-index:-1;
}
.slider_button .button a:hover:before{
	width:100%;
}
.slider_button .button a:hover{
	color: #001d23;
}
.slider_button .button .active {
    background: #fff;
    color: #001d23;
	margin-left:10px;
	transition:.5s;
}
.slider_button .button .active:hover:before{
	background:#43baff;
}
.slider_button .button .active:hover{
	color:#fff;
}
.slider_button .button a span {
    font-size: 20px;
    font-weight: 700;
    margin-left: 6px;
}
.slider5 .slider_text_inner h2 {
    font-size: 65px;
}
.slider5 .slider_dec p {
    color: #fff;
    font-size: 20px;
    width: 58%;
}
.slider5 .slider_button .button a {
    padding: 10px 25px;
    text-transform: capitalize;
}
.slider5 .slider_button .button .active {
    margin-left: 32px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.slider5 .slider_button .button .active:hover{
	border-color:#43baff;
}
/* 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);
}

/*
<!-- ============================================================== -->
<!-- petech - Breatcome Area Css -->
<!-- ============================================================== -->*/
.breatcome_area{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:600px;
	position:relative;
}
.breatcome_area:before{
	position: absolute;
    content: '';
    background: rgba(33,30,59, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.breatcome_title {
    text-align: center;
}
.breatcome_title_inner h2 {
    color: #fff;
    font-size: 95px;
    font-weight: 700;
}
.breatcome_content {
    padding-top: 25px;
}
.breatcome_content ul li {
    display: inline-block;
}
.breatcome_content ul li a {
    color: #fff;
    opacity: .7;
	transition:.5s;
	 font-size: 20px;
}
.breatcome_content ul li i {
    color: #fff;
    opacity: .7;
    padding: 0 5px;
}
.breatcome_content ul li span {
    color: #fff;
    opacity: .7;
    font-size: 20px;
}
.breatcome_content ul li a:hover {
    opacity:1;
}
/*====================================================
--<	petech Section Title Css -->
======================================================*/
.section_title {
    position: relative;
    z-index: 1;
}
.main_title h1,
.main_title h2{
    font-size: 50px;
	margin:0;
}
.sub_title h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #43baff;
}
.text-left .section_text.bd-left p {
    font-size: 18px;
    color: #00184d;
    position: relative;
    margin-left: 40px;
    font-weight: 600;
}
.text-left .section_text.bd-left p:before {
    position: absolute;
    left: -36px;
    content: "";
    width: 5px;
    height: 100%;
    background: #43baff;
    top: 0;
}
.section_text.bold p {
    font-size: 18px;
    color: #616161;
    font-weight: 600;
}
.section_text.white p {
    color: #fff;
}
.white .section_text{
    color: #fff;
}
.white .sub_title h5 {
    color: #fff;
}
.sub_title.brd_ab:before {
    position: absolute;
    content: "";
    height: 200px;
    width: 200px;
    top: -26px;
    left: 0;
    border: 2px solid #ededed;
    border-radius: 50%;
	z-index:-1;
}
.white .sub_title.brd_ab:before {
    border: 2px solid #413e3e;
}
.white .sub_title.brd_ab:after {
    border: 2px solid #413e3e;
}

.sub_title.brd_ab:after {
    position: absolute;
    content: "";
    height: 200px;
    width: 200px;
    top: -26px;
    left: 100px;
    border: 2px solid #ededed;
    border-radius: 50%;
	z-index:-1;
}
.text-center .sub_title.brd_ab:before {
    left: -95px;
    right: 0;
    margin: auto;
}
.text-center .sub_title.brd_ab:after {
    left: 0;
    right: -95px;
    margin: auto;
}
.em_bar_bg {
	height: 5px;
    width: 90px;
    background:rgba(67,186,255,0.3);
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}
.text-left .em_bar_bg {
    margin: inherit;
}
.em_bar_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #43baff;
    -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);
  }
}
/*====================================================
--<	petech Feature Area Css -->
======================================================*/
.single_feature {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.single_feature:before {
    position: absolute;
    left: 0;
    content: "";
    height: 250px;
    width: 250px;
    background: #43baff;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
	transition:.5s;
}
.single_feature_inner {
    border: 1px solid #e9e9e9;
    padding: 65px 30px 50px;
    transition: .5s;
    text-align: center;
    position: relative;
    z-index: 222;
    background: #fff;
}

.single_feature_icon {
    padding-top: 20px;
}
.single_feature_icon span {
    font-size: 80px;
	color:#43baff;
}
.single_feature_title {
    padding: 26px 0 20px;
}
.button_two a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #6d6d6d;
}
.button_two a span {
    font-size: 20px;
    margin-left: 5px;
	color:#43baff;
}
.single_feature:hover:before{
	bottom: -32px;
}
.single_feature_inner:hover{
	box-shadow:10px 0 30px rgba(0, 0, 0, 0.1);
	border-color:transparent;
}
/* Feature Area Style Two */
.feature_area.two{
	background:url(images/resource/fc-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.single_feature_two {
    background: #fff;
    padding: 40px 20px 45px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
	transition:.5s;
}
.single_feature_two::before {
    position: absolute;
    content: "";
    left: 0;
    top: -3px;
    height: 3px;
    width: 0%;
    background: #43baff;
    right: 0;
    margin: auto;
	transition:.5s;
}
.single_feature_two::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    height: 3px;
    width: 0%;
    background: #43baff;
    right: 0;
    margin: auto;
	transition:.5s;
}
.single_feature_two:hover::after{
	width: 80%;
}
.single_feature_two:hover::before{
	width: 80%;
}
.single_feature_two_content h4{
	transition:.5s;
}
.single_feature_two_content p {
    padding: 18px 0 30px;
	transition:.5s;
}
.single_feature_two_number{
	position:relative;
}
.single_feature_two_number_inner {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -120px;
    z-index: -1;
}
.single_feature_two_number_inner h1 {
    font-size: 280px;
    color: #f9f9f9;
    font-weight: 500;
}
.single_feature_two_icon {
    padding: 56px 0 53px;
}
.single_feature_two_icon span {
    font-size: 150px;
    color: #43baff;
	z-index:1;
}
.single_feature_two_button .button_two a {
    transition: .5s;
}
.single_feature_two:hover {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.single_feature_two:hover .single_feature_two_number_inner{
	opacity:0;
}
.single_feature_two:hover .single_feature_two_content h4,
.single_feature_two:hover .single_feature_two_content p,
.single_feature_two:hover .button_two a{
	color:#fff;
}
/* Feature Style Three */
.row.mar-t {
    margin-top: -125px;
    z-index: 1;
    position: relative;
}
.row.mar-t3 {
    margin-top: -170px;
    z-index: 1;
    position: relative;
}
.single_feature_three {
    background: #211e3b;
    padding: 35px 35px 40px;
    margin-bottom: 30px;
    position: relative;
    transition: .5s;
    border-radius: 5px;
}
.single_feature_three:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 5px;
    background: #43baff;
	transition:.5s;
}
.single_feature_three_content p {
    padding-top: 18px;
}
.single_feature_three_button a {
    color: #fff;
}
.single_feature_three_button a i {
    margin-left: 10px;
    color: #e4e4e7;
}
.single_feature_three:hover:before{
	width: 100%;
}
.single_feature_three:hover{
	transform:translateY(-8px);
}
/* Feature Style Four */
.single_feature_four {
    text-align: center;
    border: 2px solid #ddd;
    padding: 68px 22px 30px;
	position:relative;
	z-index:1;
	transition:.5s;
	margin-bottom:30px;
}
.single_feature_four::before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    content: "";
    background: #211e3b;
    z-index: -1;
	transition:.5s;
}
.single_feature_four_icon span {
    font-size: 60px;
	color:#43baff;
}
.single_feature_four_content h4 {
    padding: 15px 0 10px;
	transition:.5s;
}
.single_feature_four_content p{
	transition:.5s;
}
.single_feature_four_button_icon a span {
    font-size: 30px;
	color:#787878;
	transition:.5s;
}
.single_feature_four:hover .single_feature_four_button_icon a span,
.single_feature_four:hover .single_feature_four_content h4,
.single_feature_four:hover .single_feature_four_content p{
	color:#fff;
}
.single_feature_four:hover::before {
	height: 100%;
}
.single_feature_four:hover{
	border: 2px solid #211e3b;
}
/* Feature Shape */
.feature-top-shape {
    position: relative;
}
.feature-top-shape-inner {
    bottom: -125px;
    position: absolute;
    right: -145px;
}
/*====================================================
--<	petech  About Area Css -->
======================================================*/
.about_area.abg {
    background: url(images/about/bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.style_three .single_about_thumb {
    position: relative;
    margin-left: -50px;
}
.style_three .single_about_content {
    float: left;
}
.style_three .single_about_icon {
    margin-right: 12px;
}
.single_about_thumb_inner img {
    width: 100%;
}
.col-lg-6.gave0 {
    padding: 0;
}
.single_about_thumb {
    overflow: hidden;
}
.single_about_icon {
    float: left;
    margin-right: 18px;
    overflow: hidden;
}
.single_about_icon i {
    font-size: 24px;
    color: #43baff;
}
.single_about_content_inner {
    overflow: hidden;
}
.single_about_content_inner h5 {
    margin: 0;
    padding-bottom: 16px;
}
.button a {
    background: #43baff;
    display: inline-block;
    padding: 22px 42px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    position: relative;
    transition: .5s;
    z-index: 1;
}
.button a:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:0%;
	background:#211e3b;
	transition:.5s;
	border-radius:5px;
	z-index:-1;
}
.button a:hover:before{
	width:100%;
}
.cta_button .button a:before {
    background: #595487;
}
.button .style3 {
    background: #595487;
	position:relative;
}
.button .style3:after{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:0%;
	background:#43baff;
	transition:.5s;
	border-radius:5px;
	z-index:-1;
}
.button .style3:hover:after{
	width:100%;
}
.button a span {
    font-size: 20px;
    font-weight: 700;
    margin-left: 6px;
}
.button_three a {
    font-size: 14px;
    text-transform: uppercase;
    background: #43baff;
    color: #fff;
    display: inline-block;
    padding: 10px 30px;
    font-weight: 700;
    border-radius: 5px;
	transition:.5s;
}
.button_three a:hover {
    background: #423e6d ;
}

/*about area style eight*/

.icon-top-title {
    padding: 0 0 30px;
}
.style-eight .icon-top-title h3 {
    font-size: 25px;
    margin-top: 5px;
}
.dreamit-icon-box {
    background: #F1F6FC;
    margin-bottom: 20px;
    padding: 14px 20px 15px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
}
 .content-icon {
    float: left;
    margin-right: 25px;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
}
 .content-icon i {
    font-size: 12px;
    color: #f16722;
    display: inline-block;
    transform: rotate(-45deg);
    text-align: center;
    margin: 0;
}

/* About Shape Css */
.about_shape {
    position: relative;
}
.about_shape_inner {
    position: absolute;
    right: -25px;
    top: 45px;
    z-index: 1;
}
.about_shape_inner2 {
	position: absolute;
	right: 0;
	top: -75px;
}
.about_shape_inner3 {
    position: absolute;
    right: -20px;
    bottom: -61px;
}
.about_shape_inner4 {
    position: absolute;
    right: 12px;
    top: 45px;
    z-index: -1;
}
.about_shape_inner5 {
    position: absolute;
    top: -150px;
    z-index: -1;
}
/*====================================================
--< ITplot why-join-us Css -->
======================================================*/
.singles-joins-box {
    background: #fff;
    text-align: center;
    padding: 30px 0px 20px;
    box-shadow: 0px 0px 18px 1px rgb(0 0 0 / 12%);
    margin-bottom: 30px;
    border-radius: 5px;
    position: relative;
    top: 40px;
}
.singles-joinss-box {
    background: #fff;
    text-align: center;
    padding: 30px 0 20px;
    box-shadow: 0px 0px 18px 1px rgb(0 0 0 / 12%);
    margin-bottom: 30px;
    border-radius: 5px;
}
.joins-icon i {
    display: inline-block;
    font-size: 38px;
    color: #43BAFF;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #F3F7F7;
    border-radius: 50%;
}
.joins-titles h3 {
    font-size: 20px;
    color: #222;
    line-height: 26px;
    padding: 10px 0 0;
}
/*join button*/
.join-button {
    margin-top: 33px;
}
.join-button a {
    display: inline-block;
    font-size: 16px;
    background: #43BAFF;
    color: #fff;
    letter-spacing: 1px;
    padding: 11px 30px;
    transition: .5s;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.join-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    background: #000000;
    height: 0;
    width: 100%;
    border-radius: 5px;
    transition: .6s;
}
.join-button a:hover:before {
    height: 100%;
}
/*section title*/
.dreamit-section-title h1 {
    font-size: 50px;
    margin: 0;
}
.dreamit-section-title span {
    color: #43BAFF;
}
.dreamit-section-title h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #43baff;
    padding-bottom: 12px;
}
p.section-text {
    padding: 15px 0 0;
}
/*====================================================
--< ITplot .circular-area Css -->
======================================================*/
.circular-area {
    padding: 100px 0 0;
    background: #F6F7F9;
}
.single-circular-box {
    background: #FFFFFF;
    padding: 20px 32px 0;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: .9s;
    position: relative;
    z-index: 1;
}
.single-circular-box:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: 0;
    top: 0;
    background: #43BAFF;
    width: 0;
    height: 100%;
    transition: .5s;
    border-radius: 5px;
}
.circular-icon {
    float: left;
    margin-right: 25px;
}
.circular-thumb {
    float: left;
    margin: 2px 25px 0 0;
}
.circular-icon i {
    font-size: 55px;
    width: 95px;
    height: 95px;
    line-height: 95px;
    background: #F6F7F9;
    color: #43BAFF;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
}
.circular-title {
    position: relative;
    top: 15px;
}
.circular-title h3 {
    font-size: 26px;
    transition: .5s;
    padding: 0 0 5px;
    margin: 0;
}
.circular-title p {
    font-size: 16px;
    margin: 0;
    transition: .5s;
}
.circular-btn {
    text-align: right;
    position: relative;
    top: -42px;
}
.circular-btn a {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #43BAFF;
    padding: 12px 22px;
    border-radius: 5px;
    color: #222222;
    font-weight: 500;
}
.single-circular-box:hover:before {
    width: 100%;
    left: 0;
}
.single-circular-box:hover .circular-title h3{
    color: #fff;
}
.single-circular-box:hover .circular-title p{
    color: #fff;
}
.single-circular-box:hover .circular-btn a{
    color: #222;
    background: #fff;
}

/*career details*/
.details-title h3 {
    font-size: 20px;
    padding: 0 0 15px;
}
.details-text h4 {
    font-size: 20px;
    padding: 15px 0 15px;
}
p.career-text {
    padding: 20px 0 0;
}
.career-details-title h4 {
    font-size: 20px;
    padding: 0 0 15px;
}
.career-details-title p {
    margin-bottom: 0;
}
.career-details-title p span {
    font-size: 13px;
    color: #F16722;
    margin-right: 4px;
}
/*single details box*/
.singles-details-box {
    padding: 25px 35px 40px;
    border: 1px solid #E7E7E7;
}
.career-analysis {
    padding: 0 0 15px;
}
.details-title h4 {
    font-size: 20px;
    font-weight: 700;
}
.career-details-icon {
    float: left;
    margin-right: 15px;
    margin-top: 8px;
}
.career-details-icon i {
    font-size: 30px;
    color: #F16722;
}
/*career button*/
.career-button a {
    display: inline-block;
    background: #43BAFF;
    border: 2px solid #43BAFF;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 9px 26px;
    border-radius: 5px;
    transition: .5s;
    margin-top: 14px;
    position: relative;
    z-index: 1;
}
.career-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    bottom: 0;
    background: #000000;
    height: 0;
    width: 100%;
    border-radius: 5px;
    transition: .6s;
}
.career-button a:hover:before {
    height: 100%;
}
/*====================================================
--< ITplot calls-do-actions Css -->
======================================================*/
.calls-do-actions {
    padding: 65px 0 195px;
    background: #F6F7F9;
    margin: 0 0 -95px;
}
.calls-do-actions .section-title {
    text-align: center;
}
.calls-do-actions .section-title h1 {
    font-size: 42px;
    font-weight: bold;
    color: #222222;
}
.calls-do-actions .section-title h5 {
    font-size: 32px;
    color: #222222;
    font-weight: 600;
    padding: 0 0 5px;
}
.calls-do-button {
    text-align: center;
    position: relative;
    top: 27px;
}
.calls-do-button a {
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    background: #181B2A;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 26px;
    transition: .5s;
    border-radius: 5px;
}
.calls-do-button a:hover {
    background: #D00A2B;
}

/*====================================================
--<	Techno Service Area Css -->
======================================================*/
.single_service {
	position: relative;
	margin-bottom: 40px;
}
.single_service::before {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    height: 3px;
    width: 80%;
    background: #ebebeb;
    bottom: 0;
    margin: auto;
	transition:.5s;
}
.single_service_icon {
    position: absolute;
    left: -15px;
    top: -25px;
}
.single_service_icon span {
    font-size: 35px;
    background: #43baff;
    height: 75px;
    width: 75px;
    display: inline-block;
    text-align: center;
    line-height: 75px;
    border-radius: 0 50px 50px 50px;
    color: #fff;
	transition:.5s;
}
.single_service_icon.color2 span {
    background: #ef6330;
}
.single_service_icon.color3 span {
    background: #9850ff;
}
.single_service_icon.color4 span {
    background: #ff9000;
}
.single_service_icon.color5 span {
    background: #00d692;
}
.single_service_icon.color6 span {
    background: #b3c805;
}

.single_service_thumb {
    overflow: hidden;
}
.single_service_thumb img {
	width: 100%;
}
.single_service_content {
    text-align: center;
    padding: 25px 15px 32px;
}
.single_service_content p {
    padding-top: 12px;
}
.single_service:hover::before{
	background: #ef6330;
	width: 100%;
}
.single_service:hover .single_service_icon span{
	border-radius: 50px 0 50px 50px;
}
/*Service Style Two */
.single_service_two {
    background: #f7f8f9;
    padding: 30px 30px 25px;
    z-index: 1;
    position: relative;
    margin-bottom: 30px;
    transition: .5s;
    border-radius: 5px;
}
.single_service_two_arrow {
    position: absolute;
    right: 43px;
    top: 54px;
}
.single_service_two_arrow a {
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: transparent;
    display: inline-block;
    text-align: center;
    color: #43baff;
    border: 2px solid #e5f2fa;
    transition: .5s;
}
.single_service_two_icon span {
    font-size: 100px;
    display: inline-block;
    color: #43baff;
	position:relative;
	z-index:1;
}
.single_service_two_icon span:after {
    position: absolute;
    content: "";
    left: -12px;
    top: -50px;
    height: 100px;
    width: 100px;
    background: rgba(67,186,255,0.4);
    z-index: -1;
    border-radius: 50%;
    display: inline-block;
	transition:.5s;
}
.single_service_two_content h4{
	transition:.5s;
}
.single_service_two_content p {
    padding-top: 20px;
    font-size: 16px;
	transition:.5s;
}
.single_service_two:hover .single_service_two_icon span:after{
	left: 0px;
    top: -35px;
}
.single_service_two:hover {
    background: #211e3b;
}
.single_service_two:hover .single_service_two_content h4,
.single_service_two:hover .single_service_two_content p{
	color:#fff;
}
/*Service Style Three */
.single_service_three{
	margin-bottom:30px;
}
.single_service_three_icon {
    float: left;
}
.single_service_three_icon span {
    color: #43baff;
    font-size: 60px;
}
.single_service_three_content {
    overflow: hidden;
}
.single_service_three_content p {
    padding-top: 10px;
}
/*Service Top Bg Area */
.service_top_bg_area{
	background: url(images/about/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
/* Video Css */
.margin_bottom- {
    position: relative;
    margin-bottom: -188px;
}
.single_video_thumb {
	overflow: hidden;
}
.video-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding-top: 8px;
}
.video-icon a {
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    position: relative;
    color: #43baff;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-blue 1s linear infinite;
    -webkit-transition: .5s;
    background: #fff;
    font-size: 28px;
    z-index: 1;
}

@-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)
    }
}

/*service area style two */
.service-area.style-two {
    background: #F1F6FC;
}
.style-two .dreamit-service-box {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 50px 35px 16px;
    background: #fff;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    transition: .5s;
    margin-bottom: 30px;
}
.style-two .dreamit-service-box-1 {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 50px 35px 16px;
    background: #43BAFF;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    transition: .5s;
    margin-bottom: 30px;
}
.style-two .dreamit-service-box:after {
    position: absolute;
    right: 0;
    left: inherit;
    content: "";
    height: 15%;
    width: 15%;
    background: #43BAFF;
    top: 0;
    border: 0;
    z-index: -1;
    transition: .5s;
    border-radius: 5px 5px 5px 60px;
}
.style-two .em-service-title h2 {
    font-size: 24px;
    margin: 25px 0 15px;
    transition: .3s;
    font-weight: 700;
}
.white .em-service-title h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 25px 0 15px;
    transition: .3s;
}
.style-two .service-icon i {
    font-size: 60px;
    color: #43BAFF;
    display: inline-block;
    transition: .5s;
}
.white .service-icon i {
    color: #fff;
}
.style-two .dreamit-service-box:hover:after {
    width: 100%;
    height:100%;
    border-radius: 5px 5px 5px 5px;
}

.style-two .dreamit-service-box:hover .service-icon i, .style-two .dreamit-service-box:hover .em-service-title h2,
.style-two .dreamit-service-box:hover .em-service-text p, .white .em-service-title h2{
    color: #fff;
}
/*====================================================
--<	petech Why Choose Us Area Css -->
======================================================*/
.whay_choose_us_area{
	background:url(images/resource/ch-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.choose_shape {
    position: relative;
}
.choose_shape_inner {
    position: absolute;
    top: -80px;
    left: 35px;
}
.choose_shape_inner2 {
    position: absolute;
    left: -175px;
    bottom: 180px;
}
.single_choose_thumb_inner {
    position: relative;
    margin-left: -130px;
    margin-right: 30px;
	z-index:1;
}
.single_choose_thumb_inner img {
    width: 100%;
}
.choose_us_icon {
    position: relative;
}
.choose_us_icon_inner {
    position: absolute;
    bottom: 80px;
    right: 100px;
}
.choose_us_icon_inner span {
    height: 200px;
    width: 200px;
    font-size: 100px;
    display: inline-block;
    background: #43baff;
    color: #fff;
    text-align: center;
    line-height: 200px;
    border-radius: 0 100px 100px;
	z-index:1;
}
.choose_us_icon_inner span:after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 220px;
    width: 220px;
    background: rgba(67,186,255,0.1);
    border-radius: 0 100px 100px;
}
.single_choose_icon {
    float: left;
    margin-right: 28px;
	position:relative;
}
.single_choose_icon:before {
    position: absolute;
    content: "";
    left: 12px;
    top: 50px;
    height: 35px;
    width: 10px;
    background: #211e3b;
    z-index: 1;
    transform: rotate(-50deg);
}
.single_choose_icon:after {
    position: absolute;
    content: "";
    right: 8px;
    top: 0;
    height: 35px;
    width: 10px;
    background: #211e3b;
    z-index: 1;
    transform: rotate(-44deg);
}
.single_choose_icon span {
    height: 80px;
    width: 80px;
    color: #fff;
    font-size: 30px;
    display: inline-block;
    position: relative;
    border: 4px solid #646276;
    border-radius: 100%;
    text-align: center;
    line-height: 78px;
	transition:.5s;
}
.single_choose_content_inner {
    overflow: hidden;
}
.single_choose_content_inner h4 {
    margin: 0;
    padding-bottom: 20px;
}
.choose_us .button a:hover {
    color: #43baff;
}
.choose_us .button a:before {
    background: #fff;
}
.single_choose_content:hover .single_choose_icon span{
	border-color:#43baff;
}

ontent: "";
}
/*====================================================
--<	petech Case Study Area Css -->
======================================================*/
.single_case_study{
	position:relative;
	margin-bottom:30px;
}
.single_case_thumb {
    position: relative;
}
.single_case_thumb img {
    width: 100%;
	transition:.5s;
}
.single_case_thumb:before {
    position: absolute;
    left: 0;
    top: 40px;
    content: "";
    height: 100%;
    width: 100%;
    border: 25px solid #43baff;
    opacity: 0;
    transition: .5s;
}
.single_case_content {
    position: absolute;
    left: 0;
    bottom: -70px;
    right: 0;
    text-align: center;
    margin: auto;
    transition: .5s;
    transform: translateY(-50%);
	transition:.5s;
}
.single_case_content_inner a {
    font-weight: 700;
    color: #fff;
}
.single_case_content_inner span {
    color: #fff;
    display: inline-block;
    padding-top: 5px;
}
.single_case_button a {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    padding-top: 15px;
	opacity:0;
	transition:.5s;
}
.single_case_study:hover .single_case_button a{
	opacity:1;
}
.single_case_study:hover .single_case_content{
	bottom:0;
}
.single_case_study:hover .single_case_thumb:before{
	top:0;
	opacity:1;
}
/*====================================================
--<	petech Mission Vision Area Css -->
======================================================*/
.single_mission_thumb {
    float: left;
    margin-right: 30px;
}
.single_mission_content_inner h6 {
    position: relative;
}
.single_mission_content_inner p {
    padding-top: 15px;
}
.vs-tab {
    border-bottom: 2px solid #ddd;
}
.mission-tab a{
    color: #43baff !important;
    font-size: 20px;
    background: none !important;
    font-weight: 700;
    padding: 0 0 20px;
    position:relative;
}
.mission-tab a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 1px;
    height: 100%;
    width: 100%;
    border-bottom: 3px solid #43baff;
}
.mission-tab a span {
	font-size:24px;
	margin-right:10px;
}
.vision-tab a{
    color: #43baff !important;
    font-size: 20px;
    background: none !important;
    font-weight: 700;
    padding: 0 0 20px;
	position:relative;
}
.vision-tab a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 1px;
    height: 100%;
    width: 0%;
    border-bottom: 3px solid #43baff;
	transition:.5s;
}
.vision-tab a:hover:before{
	width: 100%;
}
.vision-tab a span {
	font-size:24px;
	margin-right:10px;
}
.single_mission_shape {
    position: relative;
}
.single_mission_shape_inner {
    position: absolute;
    left: 60px;
    top: -60px;
    z-index: -1;
}
.single_mission_shape_inner2 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.single_mission_shape_inner3 {
    position: absolute;
    right: -20px;
    bottom: -50px;
}

/*====================================================
--<	petech Team Area Css -->
======================================================*/
.team_area.bg{
	background:url(images/team/team-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.single_team{
	margin-bottom:30px;
	position:relative;
}
.single_team_thumb {
    position: relative;
}
.single_team_thumb:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background:-webkit-linear-gradient(90deg, rgba(34, 31, 60, 0.94902) 0%, rgba(34, 31, 60, 0.47) 40%, rgba(34, 31, 60, 0.45) 43%, rgba(34, 31, 60, 0) 100%);
    bottom:-50px;
    content: "";
    opacity:0;
    transition: .5s;
}
.single_team:hover .single_team_thumb:before{
	opacity: 1;
	bottom:0;
}
.single_team_thumb img {
    width: 100%;
}
.single_team_icon {
    position: relative;
}
.single_team_icon_inner {
    position: absolute;
    left: 0;
    bottom: -70px;
    right: 0;
    text-align: center;
    margin: auto;
    transition: .5s;
    transform: translateY(-50%);
	opacity:0;
}
.single_team_icon_inner a {
    height: 42px;
    width: 42px;
    line-height: 42px;
    background: #4267b2;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
	margin:0 3px;
	transition:.5s;
}
.single_team_icon_inner .instagram{
	background:#e9455a;
}
.single_team_icon_inner .pinterest{
	background:#e60023;
}
.single_team_icon_inner .twitter{
	background:#1da1f2;
}
.single_team_content {
    text-align: center;
}
.single_team_content span {
    color: #b7b7b7;
	font-weight:500;
}
.single_team:hover .single_team_icon_inner{
	bottom:0;
	opacity:1;
}
.single_team_icon_inner a:hover{
	background:#43baff;
}
/* Team Style Two */
.single_team_two_inner {
    background: #f7f8f9;
    text-align: center;
    position: relative;
    z-index: 1;
    border-radius: 3px;
    transition: .5s;
    margin-bottom: 130px;
}
.single_team_two_inner:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:0%;
	width:100%;
	background:#211e3b;
	z-index:-1;
	transition:.5s;
	border-radius:3px;
}
.single_team_two_thumb img {
    position: relative;
    margin-top: -86px;
    border: 7px solid #43baff;
    border-radius: 100%;
    display: inline-block;
	transition:.5s;
}
.single_team_content_two {
    padding: 22px 20px 60px;
}
.single_team_content_two_title h4
.single_team_content_two_text p{
	transition:.5s;
}
.single_team_content_two_title span {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #6d6d6d;
    padding-top: 10px;
    display: inline-block;
}
.single_team_two_icon a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 12px;
	background:transparent;
	margin:0 3px;
}
.single_team_two_icon a:hover {
	background:#43baff;
	border-color:#43baff;
	color:#fff;
}
.single_team_two_inner:hover:before{
	height:100%;
}
.single_team_two_inner:hover .single_team_content_two_title span,
.single_team_two_inner:hover .single_team_content_two_title h4,
.single_team_two_inner:hover .single_team_content_two_text p{
	color:#fff;
}
.single_team_two_inner:hover{
	box-shadow:3px 0 13px rgba(67,186,255,0.2);
}
.cta_bg{
	background:url(images/resource/call.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position: relative;
    margin-bottom: -210px;
}
.cta_bg.two {
    margin-bottom: 0;
}
/*team area style three*/
.style-three .dreamit-team-thumb {
    position: relative;
    margin-bottom: 30px;
    background: inherit;
    box-shadow: inherit;
    transition: .3s;
    overflow: hidden;
    border-bottom: 0;
    border-radius: 4px;
}
.dreamit-team-thumb-inner:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(67,186,255,0.85);
    opacity: 0;
    transition: .5s;
}
.style-three .em-team-content {
    background: none;
    padding: 0;
    box-shadow: inherit;
    transition: .5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    opacity: 0;
}
.style-three .team-title h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.style-three .team-title span {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}
/*social menu*/
.style-three .team-content-socail-icon {
    position: absolute;
    bottom: 23px;
    right: 50%;
    top: inherit;
    width: inherit;
    padding: 0;
    background: inherit;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transition: .3s;
    opacity: 0;
}
.style-three .team-content-socail a {
    font-size: 14px;
    color: #F16722;
    display: inline-block;
    margin: 0 0 0 5px;
    width: 30px;
    height: 30px;
    line-height: 34px;
    text-align: center;
    background: #ffff;
    border-radius: 50%;
}
.style-three .dreamit-team-thumb:hover .em-team-content{
    top: 30px;
    opacity: 1;
}
.style-three .dreamit-team-thumb:hover .team-content-socail-icon {
    opacity: 1;
    right: 0;
    left: 0;
}
.style-three .dreamit-team-thumb:hover {
    box-shadow: inherit;
    transform: translateY(-10px);
}
.dreamit-team-thumb:hover .dreamit-team-thumb-inner:before {
    opacity: 1;
}
/*====================================================
--<	petech 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:transparent;
    border: medium none;
    font-size: 18px;
    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: 10px 18px;
    font-weight: 700;
    letter-spacing: 0;
    position: relative;
    margin: 0 3px;
    margin-bottom: 7px;
    display: inline-block;
    border-radius: 5px;
    color: #001d23;
}
.portfolio_nav ul li:hover, .portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #43baff;
}

/* Single Portfolio */
.single_portfolio {
    overflow: hidden;
    margin-bottom: 30px;

	transition:.5s;
	z-index:1;
}
.single_portfolio_thumb {
	transition:.5s;
	position:relative;
}
.single_portfolio_thumb:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background:-webkit-linear-gradient(90deg, rgba(34, 31, 60, 0.94902) 0%, rgba(34, 31, 60, 0.57) 40%, rgba(34, 31, 60, 0.55) 43%, rgba(34, 31, 60, 0.10) 100%);
    top: 0;
    content: "";
    opacity: 1;
    transition: .5s;
}
.single_portfolio:hover .single_portfolio_thumb:before{
	background: -webkit-linear-gradient(90deg, rgba(67,186,255, 0.94902) 0%, rgba(67,186,255, 0.57) 40%, rgba(67,186,255, 0.52) 43%, rgba(67,186,255, 0.15) 100%);
}
.single_portfolio:hover .single_portfolio_icon a{
	background: #43baff;
	border-color:#43baff;
}
.single_portfolio_icon {
    position: absolute;
    right: 30px;
    top: 30px;
}
.single_portfolio_icon a {
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: transparent;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 2px solid #c2d2dd;
	transition:.5s;
}
.single_portfolio_content {
    position: absolute;
    transition: .5s;
    right: 35px;
    bottom: 50px;
    left: 34px;
    background: #fff;
    margin: auto;
    padding: 10px 20px 15px;
    border-radius: 0;
    text-align: center;
}
.single_portfolio_content a {
    font-weight: 700;
}
.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_thumb img {
    width: 100%;
}
.single_portfolio_content_inner span {
    color: #fff;
}
/* Portfolio Hover */
.portfolio_menu ul li a:hover:before {
    width: 100%;
}
.single_portfolio:hover .single_portfolio_content {
    opacity: 1;
    bottom: 100px;
}
/* Portfolio Style Two */
.style_two .single_portfolio {
    margin-bottom: 60px;
}
.style_two .single_portfolio_content {
    bottom: 16px;
}
.style_two .single_portfolio:hover .single_portfolio_content{
	bottom: 16px;
	box-shadow:3px 0 7px rgba(0,0,0,0.4);
}
.style_two .single_portfolio_thumb:before {
    background:-webkit-linear-gradient(90deg, rgba(34, 31, 60, 0.62) 0%, rgba(34, 31, 60, 0.47) 40%, rgba(34, 31, 60, 0.55) 35%, rgba(34, 31, 60, 0.04) 100%);
}
.style_two .single_portfolio:hover .single_portfolio_thumb:before{
	background: -webkit-linear-gradient(90deg, rgba(67,186,255, 0.70) 0%, rgba(67,186,255, 0.42) 40%, rgba(67,186,255, 0.35) 43%, rgba(67,186,255, 0.05) 100%);
}
.style_two .single_portfolio_icon {
    position: absolute;
    right: 45%;
    top: 68%;
	opacity:0;
	transition:.5s;
}
.style_two .single_portfolio_icon a {
    background: #fff;
    color: #43baff;
    border: 2px solid #fff;
}
.style_two .single_portfolio:hover .single_portfolio_icon{
	top: 58%;
	opacity:1;
}
.style_two .single_portfolio:hover .single_portfolio_icon a{
	background: #fff;
    color: #43baff;
    border: 2px solid #fff;
}
.row.mar-t2{
    background: #f6f6f6;
    margin-top: -250px;
}
/* Portfolio Style THree */
.style_three .single_portfolio_content {
    position: absolute;
    transition: .5s;
    right: 35px;
    bottom: 80px;
    left: 34px;
    background: transparent;
    margin: auto;
    padding: 0;
    border-radius: 0;
    text-align: center;
}
.style_three .single_portfolio_thumb:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgba(33,30,59, 0.9);
    top: 0;
    content: "";
    opacity: 0;
    transition: .5s;
}
.style_three .single_portfolio_thumb:after {
    position: absolute;
    left: 0;
    width: 63%;
    height: 39%;
    background: url(images/shape/pt.png);
    top: -50px;
    content: "";
    transition: .5s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	opacity: 0;
}
.style_three .single_portfolio_content {
    bottom: 40px;
	opacity:0;
}
.style_three .single_portfolio_content a {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.style_three .single_portfolio_content span {
    color: #fff;
    padding-top: 10px;
    display: inline-block;
}
.style_three .single_portfolio:hover .single_portfolio_thumb:before{
	opacity: 1;
	background:rgba(33,30,59, 0.7);
}
.style_three .single_portfolio:hover .single_portfolio_thumb:after{
	opacity: 1;
	top: 0;
}
.style_three .single_portfolio:hover .single_portfolio_content{
	bottom: 70px;
	opacity:1;
}
/*====================================================
--<	petech Testimonial Area Css -->
======================================================*/
.single_testimonial {
    text-align: center;
    padding: 40px;
}
.single_testimonial_thumb {
    text-align: center;
    display: inline-block;
    margin-bottom: 45px;
	position:relative;
}
.single_testimonial_thumb::before {
    position: absolute;
    content: "";
    left: 0;
    top: 128px;
    height: 50px;
    width: 50px;
    background: #fff;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
}
.testi_thumb_inner {
    position: absolute;
    left: -180px;
}
.testi_thumb_inner2 {
    position: absolute;
    left: -200px;
    top: 290px;
}
.testi_thumb_inner3 {
    position: absolute;
    right: -160px;
    top: -190px;
}
.testi_thumb_inner4 {
    position: absolute;
    right: -170px;
    bottom: 100px;
}
.single_testimonial_thumb img {
    height: 101px;
    width: 101px;
}
.single_testimonial_content_inner {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    margin: 0 120px;
    padding: 58px 84px;
}
.single_testimonial_bold_text p {
    font-size: 20px;
    color: #001d23;
    font-weight: 600;
}
.single_testimonial_content_title h4 {
    font-size: 19px;
    margin-top: 26px;
    font-weight: 700;
}
.single_testimonial_content_title span {
    color: #43baff;
    font-weight: 500;
    font-size: 16px;
    display: block;
    padding-top: 4px;
}
.white .single_testimonial_content_title span {
    color: #fff;
}
.experience_thumb img {
    width: 100%;
}
.style_two .single_testimonial_thumb {
    text-align: center;
    display: inline-block;
    margin-bottom: 45px;
    position: relative;
    float: left;
    margin-right: 20px;
}
.style_two .single_testimonial_thumb img {
    height: 70px;
    width: 70px;
}
.style_two .single_testimonial_bold_text p {
    font-size: 30px;
    line-height: 40px;
}
.style_two .single_testimonial_content_text p {
    font-size: 18px;
}
/* Testimonial Css */
.single_testimonial_three {
    text-align: center;
}
.testimonial_style_three_thumb img {
    width: 100%;
}
.single_testimonial_three .single_testimonial_thumb {
    margin-bottom: 0;
}
.single_testimonial_three .single_testimonial_thumb::before {
    display:none;
}
.single_testimonial_three .single_testimonial_content_title span {
    padding-top: 12px;
}
.single_testimonial_three .single_testimonial_content_text p {
    font-size: 18px;
}
.single_testimonial_three .single_testimonial_content_title{
	position:relative;
}
/* Testimonial Style Four */
.testimonial_area.four {
    background: url(images/resource/testi-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.four .single_testimonial_content_two {
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    padding: 30px 30px 25px;
    margin-top: 10px;
}
.style_two.four .single_testimonial_bold_text p {
    font-size: 24px;
    line-height: 32px;
}

@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 .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: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:#43baff;-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}

/*====================================================
--<	Techno Accordion Css -->
======================================================*/
.accordion_area{
    background: url(images/resource/fc-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.single_accordion_thumb {
    position: relative;
    margin-left: -150px;
    margin-right: 30px;
}
.single_accordion_thumb_inner img {
    width: 100%;
}
.single_accordion_thumb .video-icon {
    left: 64%;
    top: 72%;
}
.single_accordion_thumb .video-icon a {
    width: 85px;
    height: 85px;
    line-height: 85px;
    border-radius: 50%;
    font-size: 25px;
}
.accordion_area .card-header {
    padding: .65rem 1.25rem .80rem;
    margin-bottom: 0;
    background-color:#fff !important;
}
.accordion_content button {
    font-size: 18px;
    font-weight: 600;
    text-decoration: none !important;
    color: #001d23 !important;
}
.accordion_area .btn.focus, .btn:focus {
    box-shadow:none;
}
/*====================================================
--<	petech How IT Work Area Css -->
======================================================*/
.how_it_work {
    background: url(images/about/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.single_it_work_inner {
    background: url(images/resource/ask.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    padding: 15px 55px 20px;
}
.single_it_work_content {
    padding: 0 20px;
}
.single_it_work_number h1 {
    font-size: 115px;
    color: #fff;
    opacity: .3;
}

/*====================================================
--<	petech How IT Work Area Css -->
======================================================*/
.asked_question_area {
    background: url(images/about/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.single_asked_icon {
    float: left;
    margin-top: 3px;
}
.single_asked_icon i {
    color: #43baff;
    font-size: 18px;
}
.single_asket_text p {
    color: #fff;
    font-size: 18px;
}
.subscribe_form {
    position: relative;
}
.asked_question_area .subscribe_form button {
    border-radius: 50%;
    padding: 0;
    position: absolute;
    right: 4px;
    top: 4px;
    height: 48px;
    width: 48px;
    background: #43baff;
    color:#fff;
}
.asked_question_area .subscribe_form input {
    height: 55px;
    border-radius: 30px;
}
.asked_bx_qs_icon {
    float: left;
}
.asked_bx_qs_icon span {
    font-size: 40px;
    color: #43baff;
}
.asked_bx_qs{
    background: #211e3b;
    padding: 25px 22px;
}
.asked_question_area .single_accordion {
    background: #f7f7f7;
    padding: 60px 50px 50px;
	border-radius:5px;
}
.asked_question_area .card {
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

/*====================================================
--<	petech Experience Area Css -->
======================================================*/
.experience_area{
	background:#f8f8f8;
}
.skill-title {
    font-weight: 600;
    margin-bottom: 18px;
}
/*====================================================
--<	petech Counter Area Css -->
======================================================*/
.countr_text h1 {
    font-size: 100px;
    font-weight: 500;
}
.counter_desc h5 {
    font-size: 24Spx;
    font-weight: 500;
}
.counter_desc p {
    padding-top: 15px;
}


/*====================================================
--<	petech Pricing Area Css -->
======================================================*/
.pricing_area{
	background:#f8f8f8;
}
.single_pricing {
    background: #fff;
    margin-bottom: 30px;
}
.single_pricing_content {
    background: url(images/resource/pr-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 25px 0 77px;
}
.active .single_pricing_content {
    background: url(images/resource/pr-bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 25px 0 77px;
}

.single_pricing_content_inner {
    text-align: right;
    padding-right: 50px;
}
.single_pricing_title h4 {
    font-weight: 500;
    text-transform: uppercase;
}
.single_pricing_tk h2 {
    font-weight: 500;
}
.single_pricing_tk h2 span {
    font-size: 20px;
}
.single_price_body {
    padding: 55px 28px 40px;
}
.single_price_body ul {
    list-style: none;
}
.single_price_body ul li {
    font-size: 18px;
    margin-bottom: 18px;
}
.single_price_body ul li i {
    color: #43baff;
    margin-right: 10px;
}
.single_pricing_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;
}
.single_pricing_button a span {
    font-size: 20px;
    margin-left: 5px;
}
.single_pricing_button a:before {
    position: absolute;
    left: 0;
    content: "";
    width: 10%;
    height: 100%;
    background: #43baff;
    top: 0;
    transition: .5s;
    z-index: -1;
}
.single_pricing:hover .single_pricing_button a:before{
	width: 100%;
}
.single_price_icon {
    position: relative;
}
.single_price_icon_inner {
    position: absolute;
    bottom: 0;
    left: 74px;
}
.single_price_icon_inner span {
    color: #fff;
    font-size: 50px;
    height: 100px;
    width: 100px;
    background: #ff9000;
    line-height: 95px;
    display: inline-block;
    text-align: center;
    border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
    border: 5px solid #fff;
}
/*====================================================
--<	petech Contact Area Css -->
======================================================*/
.single_address_icon {
    float: left;
    margin-right: 12px;
    margin-top: 16px;
}
.single_address_icon span {
    font-size: 30px;
    color: #43baff;
}
.single_address_content_inner {
    overflow: hidden;
}
.single_contact_address {
    border: 2px solid #ddd;
    border-top: 2px solid #43baff;
    padding: 60px 20px 50px 65px;
}
.single_address_content_inner h4 {
    padding-bottom: 8px;
}
.single_address_content_inner span {
    display: block;
}
.map {
    width: 100%;
    margin: 0;
    height: 510px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.google_map_area .col-lg-12.p0 {
    padding: 0;
}
/*====================================================
--<	petech Contact Area Css -->
======================================================*/
.contact_from {
    background: #f8f8f8;
    padding: 25px 45px 30px;
    position: relative;
    margin-top: -170px;
}
.form_box textarea {
    border: 3px solid #43baff;
    color: #495057;
    background-color: #fff;
    width: 100%;
    height: 140px;
    padding: 12px 0 0 20px;
}
.form_box input {
    border: 3px solid #43baff;
    color: #495057;
    background-color: #fff;
    width: 100%;
    height: 65px;
    padding-left: 15px;
}
.quote_btn button {
    background: #43baff;
    color: #fff;
    width: 100%;
    height: 65px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
	transition:.5s;
}
.quote_btn button:hover{
	color:#fff;
}
/*=========================
   techno Error Page Area Css
 =========================*/
.single_error_inner {
    text-align: center;
}
.single_error_inner h1 {
    font-size: 180px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 30px;
}
.single_error_inner h1 span {
    color: #43baff;
}
.single_error_inner h2 {
    padding-bottom: 16px;
    font-size: 28px;
}
.single_error_button {
    margin-top: 30px;
}
.single_error_button a {
    background: #fff;
    color: #43baff;
    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 #43baff;
}
.single_error_button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #43baff;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}
.single_error_button a:hover {
    color: #fff;
}
.single_error_button a:hover:before {
    width: 180%;
}
/*====================================================
--<	petech Blog Area Css -->
======================================================*/
.blog_area{
	background: url(images/resource/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.single_blog {
    overflow: hidden;
    transition: .5s;
    background: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.single_blog:hover {
    border-color: transparent;
    box-shadow:0 5px 30px rgba(0,0,0,0.2);
}
.single_blog_content {
    padding: 33px 20px 20px;
}
.blog_description {
    padding-top: 10px;
}
.blog_page_title a {
    font-weight: 700;
}
.single_blog_thumb img {
    width: 100%;
}
.single_content_date {
    position: absolute;
    right: 0;
    top: 162px;
}
.single_content_date_inner h3 {
    color: #fff;
    font-size: 25px;
}
.single_content_date_inner {
    padding: 2px 15px 10px;
    background: #ef6330;
    display: inline-block;
}
.single_content_date_inner.color2 {
    background: #43baff;
}
.single_content_date_inner.color3 {
    background: #6659d4;
}
.single_content_date_inner span {
    color: #fff;
    display: block;
    font-weight: 700;
	font-size:15px;
}

.blog_page_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;
}
.blog_page_button a:before {
    position: absolute;
    left: 0;
    content: "";
    width: 10%;
    height: 100%;
    background: #43baff;
    top: 0;
	transition:.5s;
	z-index:-1;
}
.single_blog:hover .blog_page_button a:before{
	width: 100%;
}
.single_blog:hover .blog_page_button a{
	color:#fff;
}
.single_blog:hover .petech_blog_meta span{
	color:#fff;
}
.petech_blog_meta span{
	transition:.5s;
}
.blog_page_button a span {
    font-size: 20px;
    font-weight: 700;
    margin-left: 6px;
}
.blog_page_button a:hover {
    color:#43baff;
}
.blog_page_title a:hover {
    color:#43baff;
}
.petech_blog_meta a {
    color: #43baff;
    transition: .3s;
    position: relative;
    font-weight: 700;
}
.meta-date span {
    font-weight: 700;
}
.petech_blog_meta a:before {
    position: absolute;
    right: -6px;
    height: 14px;
    width: 1px;
    background: #666;
    content: "";
    top: 5px;
}
.petech_blog_meta a:hover{
	color:#43baff;
}

.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: #43baff;
    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 Blog All */
.blog_area.style_two{
	background: url(images/resource/bg2.jpg);
}
.blog_area.style_two.grid{
	background:#fff;
}

.style_two .single_blog {
    background: #252241;
    text-align: left;
}
.style_two .single_blog_content {
    padding: 35px 30px 30px;
}
.style_two .petech_blog_meta a {
    color: #bdd1d6;
}
.style_two .petech_blog_meta span {
    color: #bdd1d6;
}
.style_two .meta-comment i {
    color: #43baff;
    margin-right: 5px;
}
.style_two .petech_blog_meta a i {
    color: #43baff;
	margin-right: 5px;
}
.style_two .blog_description p {
    color: #bdd1d6;
}
.style_two .button_two a {
    color: #bdd1d6;
}
.style_two .blog_page_title a {
    color: #fff;
}
.style_two .blog_page_title a:hover{
	color: #43baff;
}
.petech_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);
}
/* Style Three */
.blog_area.style_three {
    background: #fff;
}
.style_three .single_blog_content {
    padding: 33px 24px 30px;
    text-align: left;
    border: 1px solid #f1f1f1;
	transition:.5s;
}
.style_three .button_two a {
    color: #001d23;
}
.style_three .button_two a span {
    font-size: 15px;
    color: #001d23;
}
.blog_description p,
.meta-comment{
	transition:.5s;
}
.single_blog:hover {
	background:#252241;
}
.single_blog:hover .blog_page_title a,
.single_blog:hover .button_two a,
.single_blog:hover .button_two a span,
.single_blog:hover .meta-comment,
.single_blog:hover .petech_blog_meta a,
.single_blog:hover .blog_description p,
.single_blog:hover .blog_page_title a{
	color:#fff;
}
.style_three .single_blog:hover .single_blog_content{
	border-color:#252241;
}
/*====================================================
--<	petech Footer Middle Area Css -->
======================================================*/

.footer-middle {
	background: url(images/resource/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.footer-middle.style_three{
	background: url(images/resource/bg3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.footer-middle .row.ft-tp {
    border-bottom: 2px solid #282449;
}
.footer_middle_socail_menu {
    text-align: right;
}
.footer_middle_socail_menu_inner a {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background: #2a2a45;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    margin: 0 3px;
	color:#43baff;
	transition:.5s;
}
.footer_middle_socail_menu_inner a:hover {
    background: #43baff;
	color:#fff;
}

.footer_main_logo{
    border-bottom: 2px solid #282449;
}
.widget-title {
    color: #fff;
    font-size: 22px;
}
.company-info-desc p {
    color: #b1b8ba;
    font-size: 15px;
}
.menu-quick-link-container ul li a {
	color: #b1b8ba;
	position: relative;
	transition: .5s;
}
.footer_buttom .subscribe_form input {
    font-size: 15px;
    width: 85%;
    background: transparent;
    border-bottom: 2px solid #ddd;
    border-top: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    left: -25px;
}
.footer_buttom .subscribe_form button {
    right: 12px;
    top: 6px;
    font-size: 25px;
    background: transparent;
    padding: 0;
    border-radius: 0 5px 5px 0;
    color: #fff;
    position: absolute;
    height: 51px;
    width: 103px;
}
.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-middle.style_three .subscribe_form input {
    width: 100%;
    border: 1px solid #636378;
    border-top: 1px solid #636378;
    border-radius: 0;
    border-left: 1px solid #636378;
    border-right: 1px solid #636378;
    left: 0;
	height:52px;
	border-radius:5px;
}
.footer-middle.style_three .subscribe_form button {
    right: 0;
    top: 0%;
    font-size: 25px;
    background: #43baff;
    padding: 7px 29px;
    border-radius: 0;
    border-radius: 5px;
    position: absolute;
}
.footer-social-info p span {
    font-weight: 600 !important;
    color: #fff;
}
.footer-social-info p {
    color: #fff;
}
.recent-post-item.active {
    border-bottom: 1px solid #adb0be;
}
.follow-company-icon a:hover{
	color:#43baff;
}
.follow-company-text a p:hover {
    color:#43baff;
}
.menu-quick-link-container ul li a:hover{
	color:#43baff;
}
.recent-post-text a:hover{
	color:#43baff;
}
.footer-call-info span {
    color: #43baff;
}
.flaticon-phone-call .phone_number {
    color: #b1b8ba;
}
.footer-address-info h6 {
    padding-bottom: 15px;
}
.footer-address-info span {
    display: inline-block;
    float: left;
    margin-right: 10px;
	color:#43baff;
}
.footer-address-info p {
	 color: #b1b8ba;
}
.single_widget_thumb {
    position: relative;
    display: inline-block;
}
.single_widget_thumb_inner {
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: 3px;
}
.single_widget_thumb_inner::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    background: rgba(67,186,255,0.7);
	transition:.5s;
}
.single_widget_thumb_inner:hover::before {
	width: 100%;
}
.single_widget_thumb_inner:hover .widget_icon_recent{
	left: 50%;
	opacity:1;
}
.widget_icon_recent {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    content: "";
	transition:.5s;
	opacity:0;
}
.widget_icon_recent a {
    font-size: 20px;
    color: #fff;
}
/* Footer Style Two */
.footer-middle.style_two{
    background: #fff;
}
.style_two .widget-title {
    color: #001d23;
}
.style_two .company-info-desc p {
    color: #6d6d6d;
}
.style_two .menu-quick-link-container ul li a {
    color: #6d6d6d;
}
.style_two .flaticon-phone-call .phone_number {
    color: #6d6d6d;
}
.style_two .footer-address-info p {
    color: #6d6d6d;
}
.style_two .footer-address-info h6 {
    padding-bottom: 15px;
    color: #001d23;
}
.style_two .footer_buttom .subscribe_form button {
    top: 0;
    font-size: 18px;
    background: #43baff;
    padding: 9px 20px;
    position: absolute;
    right: 40px;
    width: 70px;
	height:50px;
}
.style_two .footer_buttom .subscribe_form input {
    background: #eeeeee;
    border-bottom:none;
    height: 50px;
}
.company_icon a {
    height: 42px;
    width: 42px;
    background: #4267b2;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin: 0 3px;
}
.company_icon .instagram{
	background: #e9455a;
}
.company_icon .pinterest{
	background: #e60023;
}
.company_icon .twitter{
	background: #1da1f2;
}
.company_icon a:hover{
	background: #43baff;
}
.style_two .menu-quick-link-container ul li a:hover {
    color: #43baff;
}
/*====================================================
--<	petech Footer Bottom Area Css -->
======================================================*/

.footer-bottom {
    background: #343057;
    padding: 24px 0 5px;
}
.style_two .footer-bottom {
    padding: 20px 0 0;
    border-top: 2px solid #e6e6e6;
	background:none;
}
.footer-bottom-content-copy p {
	color: #b1b8ba;
}
.style_two .footer-bottom-content-copy p {
    color: #6d6d6d;
}
.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);
}
.footer_buttom_menu_inner ul {
    list-style: none;
    text-align: right;
}
.footer_buttom_menu_inner ul li {
    display: inline-block;
    margin: 0 12px;
}
.footer_buttom_menu_inner > ul > li > a {
    display: block;
    color: #211e3b;
    font-weight: 800;
    font-size: 17px;
	transition:.5s;
}
.footer_buttom_menu_inner > ul > li > a:hover{
	color:#43baff;
}
/*====================================================
--<	petech Blog Details Area Css -->
======================================================*/
.blog-details-area {
    background: #fff;
}
.petech-blog-thumb img {
    transform: scale(1.01);
    transition: .5s;
    width: 100%;
}
.petech-single-blog.admin:hover .petech-blog-thumb img {
    transform: scale(1.2);
}
/* Blog Details  Content CSS */
.blog_details_top_title {
    border-left: 5px solid #43baff;
    padding-left: 30px;
}
.blog_details_top_title h2 {
    font-size: 30px;
}
.petech-blog-meta-left span {
    font-weight: 600;
    margin-right: 25px;
}
.blog_details_men_name {
    position: relative;
    margin-left: 70px;
}
.blog_details_men_name::before {
    position: absolute;
    left: -65px;
    content: "";
    top: 10px;
    height: 3px;
    width: 40px;
    background: #43baff;
}
.blog_details_thumb img {
    width: 100%;
}
.blog_dt_title h4 {
    font-weight: 700;
}
.blog_dtl_thumb img {
    width: 100%;
}
.petech-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: #43baff;
    border-color: #43baff;
    color: #fff;
}
.blog_details_tp_dex p {
    font-size: 18px;
}
.blog_details_tp_dex p i {
    color: #43baff;
}
.blog_details_popular_tag p span {
    font-weight: 800;
    color: #001d23;
}
.Popular_tage_share {
    float: left;
}
.Popular_tage_share p span {
    font-weight: 800;
    color: #001d23;
}
.blog_details_popular_icon a {
    font-size: 15px;
    color: #6d6d6d;
    margin: 0 5px;
    display: inline-block;
	transition:.5s;
}
.blog_details_popular_icon a:hover {
    color: #43baff;
}
.blog_details_author {
    background: #f8f8f8;
    overflow: hidden;
    padding: 40px 30px 40px;
}
.blog_details_author_thumb {
    float: left;
}
.blog_details_author_thumb img {
    height: 150px;
    width: 150px;
}
.blog_details_author_social_profile a {
    font-size: 15px;
    display: inline-block;
    margin-right: 12px;
	color:#43baff;
	transition:.5s;
}
.blog_details_author_social_profile a:hover {
	color:#ef6330;
}

.blog_details_author_content p {
    padding-top: 10px;
}
.blog_details_author {
    background: #f8f8f8;
    overflow: hidden;
    padding: 40px 30px 40px;
    border-left: 5px solid #43baff;
}
.blog_details blockquote {
    margin: 37px 0 36px;
    font-size: 14px;
    border-left: 7px solid #43baff;
    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 */

.commentst_content p {
    color: #0d1218;
}
.comments_thumb {
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
.commentst_content {
	overflow: hidden;
}
.blog_comments_section .post_meta span {
    font-weight: 600;
    padding-left: 15px;
    color: #777777;
    font-size: 15px;
}
.blog_comments_section .post_meta span:hover {
	color: #03a9f4;
}
.blog_comments_section .post_meta span:last-child:before {
	display: none;
}
.commentst_meta_reply i {
    margin-left: 10px;
    color: #43baff;
}
.commentst_meta_reply {
    font-size: 18px;
    font-weight: 600;
    color: #616161;
}
.single_commentst_inner .commentst_meta_reply {
    color: #03a9f4;
}
.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 */
.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;
}

/* petech Form Css */
.blog_reply_coment_dtl {
    background: #f8f8f8;
    padding: 25px 45px 30px;
}
.blog_reply_coment_dtl .contact_from {
    padding: 0;
}
.blog_reply_coment_dtl .form_box textarea {
    border: 3px solid #43baff;
    color: #495057;
    background-color: #fff;
    width: 100%;
    height: 140px;
    padding: 12px 0 0 20px;
}
.blog_reply_coment_dtl .form_box input {
    border: 3px solid #43baff;
    color: #495057;
    background-color: #fff;
    width: 100%;
    height: 65px;
    padding-left: 15px;
}
.blog_reply_coment_dtl .quote_btn button {
    background: #43baff;
    color: #fff;
    width: 100%;
    height: 65px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
}
.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: #43baff;
    border-color: #43baff;
    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;
}

#scrollUp {
	background: #43baff none repeat scroll 0 0;
	bottom: 30px;
	color: #fff;
	font-size: 22px;
	height: 70px;
	line-height: 70px;
	right: 100px;
	text-align: center;
	width: 70px;
	border-radius: 5px;
}
/*====================================================
--<	Techno Animate Css -->
/* bounce-animate */
.bounce-animate {
  animation-name: float-bob;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear; }


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


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

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

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

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

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

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

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

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

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

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

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


/*Loader*/

.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 666;
}
.loader {
  position: relative;
  display: block;
  z-index: 201;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  transition: all 1s 1s ease;
  border: 3px solid transparent;
  border-top-color: #9A241C;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.loader:before {
  position: absolute;
  content: '';
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-left-color: #FF3C00;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loader:after {
  position: absolute;
  content: '';
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-right-color: #fff;
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  -o-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}
/* Here comes the Magic */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}
.loader-wrapper .loder-section.left-section {
  left: 0;
  transition: 1s 1.4s ease;
}
.loader-wrapper .loder-section.right-section {
  right: 0;
  transition: 1s 1.4s ease;
}

/* When page loaded */
.loaded .loder-section.left-section {
  left: -100%;
}
.loaded .loder-section.right-section {
  right: -100%;
}
.loaded .loader-wrapper {
  visibility: hidden;
}
.loaded .loader {
  top: -100%;
  opacity: 0;
}

/*particles js*/
div#particles {
    position: relative;
}

#webcoderskull {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px;
    width: 100%;
}
div#particles .slider3 {
    background-image: inherit;
}