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

Template Name: 
Version: 0.1
 
================================================*/

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

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



/*============================
 dreamit	Main Menu Area Css
==============================*/
.dreamit_nav_manu {
    background: #fff;
    transition: .5s;
    margin-bottom: 0;
    z-index: 999;
    position: relative;
}
.dreamit_nav_manu.style-three {
    padding: 15px 0;
}
.dreamit_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 {
 
}
/* dreamit Menu Css*/
.dreamit_menu {
}
.dreamit_menu ul {
    text-align: center;
    list-style: none;
    display: inline-block;
}
.dreamit_menu>ul>li {
 display: inline-block;
 position: relative;
}
.dreamit_menu > ul > li > a {
	display: block;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	position: relative;
	color: #211e3b;
	font-weight: 300;
	text-transform: capitalize;
	margin: 30px 10px;
	font-size: 17px;
}
.white .dreamit_menu > ul > li > a {
    color: #fff;
}
.dreamit_menu ul li:last-child a {
 margin-right: 0px;
}
.dreamit_menu>ul>li.current>a {
 color: #43baff;
}
.white .dreamit_menu>ul>li.current>a {
 color: #fff;
}
/* sub menu style */
.dreamit_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;
}
.dreamit_menu ul li:hover>.sub-menu {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 visibility: visible;
 top: 100%;
 z-index: 9;
}
.dreamit_menu ul .sub-menu li {
 position: relative;
}
.dreamit_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;
}
.dreamit_menu ul .sub-menu li:hover>a,
.dreamit_menu ul .sub-menu .sub-menu li:hover>a,
.dreamit_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.dreamit_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
 background:#43baff;
 color: #fff !important;
}

/* sub menu 2 */
.dreamit_menu ul .sub-menu .sub-menu {
 left: 100%;
 top: 130%;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 visibility: hidden;
}
.dreamit_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 */
.dreamit_menu ul .sub-menu .sub-menu li {
 position: relative;
}
.dreamit_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;
}
.dreamit_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 */
.dreamit_menu ul .sub-menu .sub-menu .sub-menu li {
 position: relative;
}
.dreamit_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.dreamit_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;
}
.dreamit_menu .search-box{
	display:inline-block;
}

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

.dreamit_menu .search-box .form-group input[type="text"],
.dreamit_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;
}

.dreamit_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;
}
.dreamit_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;
}
.dreamit_menu li a:hover:before{
	width:101%;
}
.dreamit_nav_manu.sticky .logo_img {
    display: none;
}
.main_sticky {
    display: none;
}
.dreamit_nav_manu.sticky .main_sticky {
    display: inherit;
}
.dreamit_nav_manu.sticky .dreamit_menu li a {
    color: #fff;
}
.dreamit_nav_manu.sticky a.dtbtn {
    color: #43baff;
	background:#fff;
	border: 2px solid #fff;
}
.dreamit_nav_manu.sticky a.dtbtn:hover {
    color: #43baff;
}
.mobile-menu.mean-container {
	overflow: hidden;
}

/*====================================================
--<	dreamit 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;
}
/*
 ============================================================== 
 dreamit - Slider Area Css 
 ============================================================== */
.slider1 {
    background-image: url(assets/images/slider/slider1.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider2 {
    background-image: url(assets/images/slider/slider2.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider3 {
    background-image: url(assets/images/slider/slider3.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}
.slider4 {
    background-image: url(assets/images/slider/slider4.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 900px;
}

.slider5 {
    background-image: url(assets/images/slider/slider5.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 800px;
}
.slider6 {
    background-image: url(assets/images/slider/slider6.jpg);
    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);
}

/*
 ============================================================== 
 dreamit - Breatcome Area Css 
 ============================================================== */
.breatcome_area{
	background:url(assets/images/resource/brct.jpg);
	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;
}
/*====================================================
--<	dreamit 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);
  }
}
/*====================================================
--<	dreamit 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(assets/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:url(assets/images/resource/fc1.jpg);
	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;
}
/*====================================================
--<	dreamit  About Area Css 
======================================================*/
.about_area.abg {
    background: url(assets/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 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;
}
/*====================================================
--<	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(assets/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)
    }
}
/*====================================================
--<	dreamit Why Choose Us Area Css 
======================================================*/
.whay_choose_us_area{
	background:url(assets/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: "";
}
/*====================================================
--<	dreamit 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;
}
/*====================================================
--<	dreamit 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;
}

/*====================================================
--<	dreamit Team Area Css 
======================================================*/
.team_area.bg{
	background:url(assets/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(assets/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;
}
/*====================================================
--<	dreamit 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(assets/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;
}
/*====================================================
--<	dreamit 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: 20px;
    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(assets/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-text-1 .container-info .pp{background-image:url(assets/images/testi/1.html)}
#section-quote .container-quote .quote-text-2 .container-info .pp{background-image:url(assets/images/testi/2.html)}
#section-quote .container-quote .quote-text-3 .container-info .pp{background-image:url(assets/images/testi/3.html)}
#section-quote .container-quote .quote-text-4 .container-info .pp{background-image:url(assets/images/testi/4.html)}
#section-quote .container-quote .quote-text-5 .container-info .pp{background-image:url(assets/images/testi/5.html)}
#section-quote .container-quote .quote-text-6 .container-info .pp{background-image:url(assets/images/testi/6.html)}
#section-quote .container-quote .quote-text-8 .container-info .pp{background-image:url(assets/images/testi/8.html)}
#section-quote .container-quote .quote-text-9 .container-info .pp{background-image:url(assets/images/testi/9.html)}
#section-quote .container-quote .quote-text-10 .container-info .pp{background-image:url(assets/images/testi/10.html)}
#section-quote .container-quote .quote-text-11 .container-info .pp{background-image:url(assets/images/testi/11.html)}
#section-quote .container-quote .quote-text-12 .container-info .pp{background-image:url(assets/images/testi/12.html)}
#section-quote .container-quote .quote-text-13 .container-info .pp{background-image:url(assets/images/testi/13.html)}
#section-quote .container-quote .quote-text-14 .container-info .pp{background-image:url(assets/images/testi/14.html)}
#section-quote .container-quote .quote .container-info .name {color: #444;font-size: 22px;font-weight: 600;}
#section-quote .container-quote .quote .container-info .job{color:#666;font-size:16px}
#section-quote .container-pe-quote{position:absolute;height:100%;top:0px;z-index:1}
#section-quote .container-pe-quote.left{left:110px}
#section-quote .container-pe-quote.right{right:80px}
#section-quote .container-pe-quote .pp-quote{cursor:pointer;position:absolute;border-radius:100%;box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);animation-name:floating;-webkit-animation-name:floating;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform-origin:50% 1px;-moz-transform-origin:50% 1px;-ms-transform-origin:50% 1px;-o-transform-origin:50% 1px;transform-origin:50% 1px;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-ms-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease}
#container-general .anim-section-quote #section-quote .container-pe-quote .pp-quote{opacity:1}
#section-quote .container-pe-quote .pp-quote .img{overflow:hidden;border-radius:100%;height:100%;width:100%;background-repeat:no-repeat;background-position:center center;background-size:120%;position:relative;z-index:1}
#section-quote .container-pe-quote .pp-quote.li-quote-1 .img{background-image:url(assets/images/testi/1.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-2 .img{background-image:url(assets/images/testi/2.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-3 .img{background-image:url(assets/images/testi/3.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-4 .img{background-image:url(assets/images/testi/4.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-5 .img{background-image:url(assets/images/testi/5.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-6 .img{background-image:url(assets/images/testi/6.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-7 .img{background-image:url(assets/images/testi/7.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-8 .img{background-image:url(assets/images/testi/8.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-9 .img{background-image:url(assets/images/testi/9.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-10 .img{background-image:url(assets/images/testi/10.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-11 .img{background-image:url(assets/images/testi/11.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-12 .img{background-image:url(assets/images/testi/12.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-13 .img{background-image:url(assets/images/testi/13.html);}
#section-quote .container-pe-quote .pp-quote.li-quote-14 .img{background-image:url(assets/images/testi/14.html);}
#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(assets/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;
}
/*====================================================
--<	dreamit How IT Work Area Css 
======================================================*/
.how_it_work {
    background: url(assets/images/about/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.single_it_work_inner {
    background: url(assets/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;
}

/*====================================================
--<	dreamit How IT Work Area Css 
======================================================*/
.asked_question_area {
    background: url(assets/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;
}

/*====================================================
--<	dreamit Experience Area Css 
======================================================*/
.experience_area{
	background:#f8f8f8;
}
.skill-title {
    font-weight: 600;
    margin-bottom: 18px;
}
/*====================================================
--<	dreamit 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;
}


/*====================================================
--<	dreamit Pricing Area Css 
======================================================*/
.pricing_area{
	background:#f8f8f8;
}
.single_pricing {
    background: #fff;
    margin-bottom: 30px;
}
.single_pricing_content {
    background: url(assets/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(assets/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;
}
/*====================================================
--<	dreamit 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;
}
/*====================================================
--<	dreamit 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%;
}
/*====================================================
--<	dreamit Blog Area Css 
======================================================*/
.blog_area{
	background: url(assets/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 .dreamit_blog_meta span{
	color:#fff;
}
.dreamit_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;
}
.dreamit_blog_meta a {
    color: #43baff;
    transition: .3s;
    position: relative;
    font-weight: 700;
}
.meta-date span {
    font-weight: 700;
}
.dreamit_blog_meta a:before {
    position: absolute;
    right: -6px;
    height: 14px;
    width: 1px;
    background: #666;
    content: "";
    top: 5px;
}
.dreamit_blog_meta a:hover{
	color:#43baff;
}

.subscribe_content_title h2 {
    font-size: 32px;
    font-weight: 700;
}
.subscribe_form input, .subscribe_form textarea {
    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(assets/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 .dreamit_blog_meta a {
    color: #bdd1d6;
}
.style_two .dreamit_blog_meta span {
    color: #bdd1d6;
}
.style_two .meta-comment i {
    color: #43baff;
    margin-right: 5px;
}
.style_two .dreamit_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;
}
.dreamit_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 .dreamit_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;
}
/*====================================================
--<	dreamit Footer Middle Area Css 
======================================================*/

.footer-middle {
	background: url(assets/images/resource/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.footer-middle.style_three{
	background: url(assets/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, .footer_buttom .subscribe_form textarea {
    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;
	color: #fff;
}

.footer_buttom .subscribe_form textarea {
	height: 100px;
	margin-left: 30px;
	color:#fff;
}

.footer_buttom .subscribe_form input[type="submit"]
{
	border: none;
}
.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;
}
/*====================================================
--<	dreamit 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;
}
/*====================================================
--<	dreamit Blog Details Area Css 
======================================================*/
.blog-details-area {
    background: #fff;
}
.dreamit-blog-thumb img {
    transform: scale(1.01);
    transition: .5s;
    width: 100%;
}
.dreamit-single-blog.admin:hover .dreamit-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;
}
.dreamit-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%;
}
.dreamit-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;
}

/* dreamit 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;
}