@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*----------------------------------------
 Don't change any css from here. If you need to change, Please use child theme.
------------------------------------------*/

html,
body {
	overflow-x:hidden;
}

/* box layout */

.box.wrapper {
    max-width: 1200px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 0px 5px #ddd;
}
/* end box layout */

.fix {
    overflow: hidden;
}
.clear_both {
    clear: both;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */


/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/* @font-face {
    font-family: 'Sofia Pro';
    src:  url('../fonts/Sofia%20Pro%20Bold.ttf');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Sofia Pro';
    src:  url('../fonts/Sofia%20Pro%20Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: block;
} */

button:focus {
    outline: none;
}

body {	
    color: #626262;
     font-family:'Mulish', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     font-family: 'Saira', sans-serif; 
    font-style: normal;
	margin-bottom: 0;
    line-height: 1.2;	
    font-weight: 600;
    transition: .5s;
	font-size:30px;
    color: #232323;
    margin: 0 0 10px;	
	
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
a{
    transition: .5s;
	 color: #232323;	
}
a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}
a:focus,
a:hover {
    text-decoration: none;
    text-decoration: none;
	color:#333;
}
.uppercase {
    text-transform: uppercase;
}
.capitalize {
    text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #232323;
    transition: .5s;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 18px;
	
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
ul {
    margin: 0px;
    padding: 0px;
}

li {
	list-style:none;
}
input:focus,
button:focus
{
	border-color:transparent;
	outline-color:transparent;
}
textarea:focus{
	border-color:transparent;
	outline-color:transparent;
}
hr {
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

label {
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

a,i, cite, em, var, address, dfn,ol,li,ul{
	font-style:normal;
	font-weight:400;
}



*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::-moz-placeholder {
    color: #626262;
    font-size: 16px;
}
::-webkit-input-placeholder {
    color: #626262;
    font-size: 16px;
}
:-ms-input-placeholder {
    color: #626262;
    font-size: 16px;
}
::placeholder {
    color: #626262;
    font-size: 16px;
}



/* progress area css */
/* witr_single_skill */
.witr_single_progress {
	overflow:hidden;
	position: relative;
}

/*-----------------------
    Progress Bar Style1
-------------------------*/
.witr_progress-style1 {height: 30px;box-shadow: none;border-radius: 0;overflow: visible;background: #fff;margin-top: 20px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.witr_progress-style1 + .witr_progress-style1 {margin-top: 50px;}
.witr_progress-style1 .progress-bar {position: relative;text-align: left;line-height: 30px;border-radius: 0;box-shadow: none;}
.witr_title1 .witr_label {position: absolute;left: 5px;top: 0px;color: #232323;font-size: 16px;font-weight: 600;}
.witr_progress-style1 .witr_percent {position: absolute;right: 10px;font-weight: 500;color: #fff;font-size: 14px;line-height: 30px;}

/*-----------------------
    Progress Bar Style2
-------------------------*/
.witr_progress-style2 {height: 4px;box-shadow: none;border-radius: 0;overflow: visible;margin-top: 20px;}
.witr_progress-style2 + .witr_progress-style2 {margin-top: 50px;}
.witr_progress-style2 .progress-bar {position: relative;text-align: left;line-height: 4px;border-radius: 0;box-shadow: none;}
.witr_title2 .witr_label {position: absolute;left: 0px;top: 0px;color: #232323;font-size: 16px;font-weight: 700;}
.witr_progress-style2 .witr_percent {position: absolute;right: 0;font-weight: 700;color: #232323;font-size: 16px;top: -19px;}

/*-----------------------
    Progress Bar Style3
-------------------------*/
.witr_progress-style3 {height: 30px;box-shadow: none;border-radius: 0;overflow: visible;margin-top: 20px;}
.witr_progress-style3 + .witr_progress-style3 {margin-top: 40px;}
.witr_progress-style3 .progress-bar {position: relative;text-align: left;line-height: 30px;border-radius: 0;box-shadow: none;}
.witr_progress-style3 .witr_label {position: absolute;left: 0;color: #fff;font-size: 13px;font-weight: 500;padding: 0 12px;background: rgba(255, 255, 255, 0.3);}
.witr_progress-style3 .witr_percent {position: absolute;right: 10px;font-weight: 500;color: #fff;font-size: 12px;line-height: 26px;top: -10px;background: #232323;padding: 0 7px;}

/*-----------------------
    Progress Bar Style4
-------------------------*/
.witr_progress-style4 {height: 40px;box-shadow: none;border-radius: 0;overflow: visible;padding: 4px;background: #fff;box-shadow: 0 10px 20px rgba(68, 68, 68, 0.05);}
.witr_progress-style4 + .witr_progress-style4 {margin-top: 30px;}
.witr_progress-style4 .progress-bar {position: relative;text-align: left;border-radius: 0;box-shadow: none;}
.witr_progress-style4 .witr_label {position: absolute;left: 5px;color: #fff;font-size: 12px;font-weight: 500;padding: 0 12px;background: rgba(255, 255, 255, 0.3);top: 50%;transform: translateY(-50%);}
.witr_progress-style4 .witr_percent {position: absolute;right: 6px;font-weight: 500;color: #fff;font-size: 11px;background: rgba(255, 255, 255, 0.3);top: 50%;transform: translateY(-50%);padding: 0 5px;}

/*-----------------------
    Progress Bar Style5
-------------------------*/
.witr_progress-style5 {height: 24px;box-shadow: none;border-radius: 0;overflow: visible;margin-top: 30px;}
.witr_progress-style5 + .witr_progress-style5 {margin-top: 60px;}
.witr_progress-style5 .progress-bar {position: relative;text-align: left;border-radius: 0;box-shadow: none;}
.witr_title5 .witr_label {position: absolute;left: 0px;top: -3px;color: #232323;font-size: 20px;font-weight: 600;}
.witr_progress-style5 .witr_percent {position: absolute;right: 0;font-weight: 500;color: #fff;font-size: 12px;top: -35px;background: #0c3eb9;padding: 3px 6px;border-radius: 4px;}
.witr_progress-style5 .witr_percent:after {content: '';position: absolute;border: 11px solid transparent;border-right-color: #0c3eb9;left: -19px;top: 50%;transform: translateY(-50%);}
.progress.witr_progress-style5 {
    margin-top: 37px;
}

/*-----------------------
    Progress Bar Style6
------------------------*/
.witr_progress-style6 {overflow: visible;position: relative;margin-top: 20px;box-shadow: none;background: rgba(0, 0, 0, 0.04);padding: 3px;border-radius: 10px;}
.witr_progress-style6 + .witr_progress-style6 {margin-top: 60px;}
.witr_progress-style6 .progress-bar {position: relative;text-align: left;border-radius: 7px;line-height: 30px;box-shadow: none;}
.witr_title6 .witr_label {position: absolute;left: 2px;top: 8px;color: #232323;font-size: 16px;font-weight: 600;}
.witr_progress-style6 .witr_percent {position: absolute;color: #fff;font-size: 11px;bottom: 27px;text-align: center;z-index: 10;text-align: center;right: 0;font-weight: 600;}
.witr_progress-style6 .witr_percent:after {content: '';position: absolute;background: #232323;border-radius: 0px 30px 30px 30px;width: 30px;height: 30px;left: -6px;top: 0;z-index: -1;transform: rotate(-130deg);}
.progress.witr_progress-style6 {
    margin-top: 44px;
}
/*-----------------------
    Progress Bar Style7
-------------------------*/
.witr_progress-style7 {height: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);border-radius: 0;overflow: visible;padding: 3px;background: #fff;margin-top: 20px;}
.witr_progress-style7 + .witr_progress-style7 {margin-top: 60px;}
.witr_progress-style7 .progress-bar {position: relative;text-align: left;line-height: 4px;border-radius: 0;box-shadow: none;}
.witr_title7 .witr_label {position: absolute;left: 0px;top: 0px;color: #232323;font-size: 15px;font-weight: 600;}
.witr_progress-style7 .witr_percent {position: absolute;right: -13px;font-weight: 500;color: #fff;font-size: 10px;top: -30px;background: #232323;padding: 8px 5px;}
.witr_progress-style7 .witr_percent:after {content: '';position: absolute;border: 5px solid transparent;left: 50%;border-top-color: #232323;top: 20px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

/*-----------------------
    Progress Bar Style8
-------------------------*/
.witr_progress-style8 {position: relative;height: 40px;box-shadow: none;border-radius: 20px;overflow: visible;padding: 7px;background: #fff;box-shadow: 0 1px 10px rgba(68, 68, 68, 0.08);}
.witr_progress-style8 + .witr_progress-style8 {margin-top: 30px;}
.witr_progress-style8 .progress-bar {text-align: left;border-radius: 0;box-shadow: none;border-radius: 15px;}
.witr_progress-style8 .witr_label {position: absolute;left: 20px;color: #fff;font-size: 13px;font-weight: 500;top: 50%;transform: translateY(-50%);}
.witr_progress-style8 .witr_percent {position: absolute;right: 14px;top: 50%;font-weight: 500;color: #232323;font-size: 13px;transform: translateY(-50%);}

/*-----------------------
    Progress Bar Style9
------------------------*/
.witr_progress-style9 {overflow: visible;position: relative;border-radius: 10px;margin-top: 20px;box-shadow: none;background: #eee;padding: 0px;height: 20px;}
.witr_progress-style9 + .witr_progress-style9 {margin-top: 60px;}
.witr_progress-style9 .progress-bar {text-align: left;border-radius: 10px;line-height: 30px;margin-left: -1px;box-shadow: none;}
.witr_title9 .witr_label {position: absolute;left: 2px;top: 0px;color: #232323;font-size: 16px;font-weight: 600;}
.witr_progress-style9 .witr_percent {position: absolute;color: #999;font-size: 11px;top: 50%;text-align: center;z-index: 10;text-align: center;right: 0;font-weight: 600;transform: translateY(-50%);}
.witr_progress-style9 .witr_percent:after {content: '';position: absolute;background: #eee;border-radius: 30px 30px 0px 30px;width: 30px;height: 30px;left: -6px;top: 0;z-index: -1;transform: rotate(130deg);}

/*-----------------------
    Progress Bar Style10
------------------------*/
.witr_progress-style10 {overflow: visible;margin-top: 20px;box-shadow: none;background: #eee;padding: 0px;height: 12px;border-radius: 6px;}
.witr_progress-style10 + .witr_progress-style10 {margin-top: 60px;}
.witr_progress-style10 .progress-bar {position: relative;text-align: left;border-radius: 10px;line-height: 30px;margin-left: -1px;box-shadow: none;}
.witr_title10 .witr_label {position: absolute;left: 2px;top: -25px;color: #232323;font-size: 20px;font-weight: 700;}
.witr_progress-style10 .witr_percent {position: absolute;width: 36px;height: 36px;line-height: 32px;background: #fff;color: #0c3eb9;font-size: 13px;top: 50%;text-align: center;z-index: 10;text-align: center;right: -1px;font-weight: 600;transform: translateY(-50%);border: 2px solid #0c3eb9;border-radius: 50%;text-align: center;}
.witr_progress-style10 .progress-bar-success .witr_percent {border-color: #5cb85c;color: #5cb85c;}
.witr_progress-style10 .progress-bar-info .witr_percent {border-color: #5bc0de;color: #5bc0de;}
.witr_progress-style10 .progress-bar-warning .witr_percent {border-color: #f0ad4e;color: #f0ad4e;}
.witr_progress-style10 .progress-bar-danger .witr_percent {border-color: #d9534f;color: #d9534f;}
.progress.witr_progress-style10 {
    margin: 15px 0;
}
.progress{
margin-top: 29px;

}
.progress-bar{
    background-color: #0c3eb9;

}




.witr_ds_content_aream {
    position: relative;
 overflow:hidden;   
}




/*=====================
techit HEADING TOP AREA CSS
=========================*/
/* LEFT RIGHT CSS */

.em40_header_area_main {} .em40_header_area_main.hdisplay_none {
    display: none;
}

.techit-header-top {
    background: #0c3eb9;
    padding: 12px 0;
	 padding-right: 210px;
    padding-left: 210px;
}
.top-address p {
    margin-bottom: 0;
}
.top-address p span,
.top-address p a {
    margin-right: 20px;
}
.top-address p span i,
.top-address p a i {
    font-size: 13px;
    color: #fff;
    margin-right: 10px;
}
.top-address p a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
/* TOP RIGHT CSS */

.top-right-menu ul.social-icons {
    margin: 0;
    padding: 0;
}
.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}
.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 15px;
}
.top-address p a,
.top-right-menu ul.social-icons li a,
.top-address p span {
    color: #fff;
    font-size: 15px;
}
.top-right-menu .social-icons li a:hover,
.top-right-menu .social-icons li a i:hover {
    color: #ff7e00;
}
.top-both-p0 .top-address p a,
.top-both-p0 .top-address p span {
    margin-right: 0px;
    margin-left: 12px;
}
/* sub menu css */

.top-right-menu ul .sub-menu {
    position: absolute;
    left: 0px;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-top: 1px solid #f00;
    width: 150px;
    
    transition: .5s;
    text-align: left;
    background: #fff;
    z-index: 1;
}
.top-right-menu ul.social-icons li:hover .sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.top-right-menu ul .sub-menu li {
    padding: 5px 0px 0px 5px;
}
.top-right-menu ul .sub-menu li a {
    font-size: 12px;
}
.top-right-menu ul .sub-menu ul {
    display: none;
}
.top-welcome p {
    padding: 0px;
    margin: 0px;
}
.top-address.em-login a {
    margin-right: 10px;
}
.top-address.em-login a + a {
    margin-right: 0;
}
.top-address.em-login p a i,
.top-address.em-login p a i {
    margin-right: 5px;
}
.top-address.em-login a + a:before {
    content: "|";
    margin-right: 12px;
}
.txtc {
    text-align: center;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
/* top opening */

.top-address.menu_18 span {
    background: #fff;
    padding: 8px 15px 9px;
    display: inline-block;
    color: #232323;
}
.top-right-menu ul.social-icons.menu_18,
.top-right-menu ul.social-icons.menu_19 {
    padding: 7px 0;
}
.em-login.menu_18,
.em-quearys-top.menu_19 {
    padding: 7px 0;
}

/* address left right icon */

.top-right-menu.litop {
    float: left;
}
/* mobile logo   */

.mobile_menu_logo.text-center {
    padding: 20px 0;
}
/*=====================
END techit HEADING TOP AREA CSS
=========================*/

/*========================
EM CREATIVE HEADER
=========================*/

.em_creative_header {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 28px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.em_creative_header:before {
    background: #0c3eb9 none repeat scroll 0 0;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 25%;
    height: 100%;
    z-index: -1;
    position: absolute;
}
.em_creative_header:after {
    background: #0c3eb9 none repeat scroll 0 0;
    content: "";
    left: 18%;
    top: 0;
    bottom: 0;
    width: 15%;
    height: 100%;
    position: absolute;

    -webkit-transform: rotate(-121deg);
            transform: rotate(-121deg);
    z-index: -1;
}
.single_header_address {} .creative_logo_thumb {
    z-index: 9;
    text-align: right;
}
.creative_header_icon {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.creative_header_icon i {
    color: #0c3eb9;
    font-size: 28px;
    margin-top: 5px;
}
.creative_header_address {
    overflow: hidden;
    padding-left: 80px;
}
.creative_header_address_text > h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.creative_header_address_text > p {
    margin: 0;
}
.creative_logo_thumb {
    z-index: 9;
}
.creative_header_button {
    padding-left: 50px;
    position: relative;
    margin-top: 5px;
}
.creative_header_button:before {
    content: "";
    position: absolute;
    background: #0c3eb9;
    width: 1px;
    height: 74px;
    left: 10px;
    top: -21px;
}
.creative_header_button .dtbtn {
    background: #0c3eb9 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-family: raleway;
    font-size: 14px;
    font-weight: 600;
    margin-left: 0;
    padding: 6px 26px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.creative_header_button > a:hover {
    background: #0c3eb9 none repeat scroll 0 0;
}
.em_slider_social {
    position: fixed;
    right: 30px;
    text-align: center;
    top: 60%;
      z-index: 999999;
}
.em_slider_social li {
    display: block;
    list-style: outside none none;
    text-decoration: none;
}
.em_slider_social a {
background: #0c3eb9 none repeat scroll 0 0;
    border: 1px solid #0c3eb9;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 33px;
    margin-bottom: 10px;
    text-align: center;
    width: 35px;
}

.em_slider_social a:hover {
    background: #0c3eb9;
    color: #fff;
    border-color: #0c3eb9;
}
/* .no-logo-sr .creative_search_icon { */
    /* position: absolute; */
    /* right: 19%; */
    /* top: 50%; */
    /* -webkit-transform: translateY(-50%); */
            /* transform: translateY(-50%); */
    /* z-index: 999; */
/* } */
/* .no-logo-sr .em-quearys-top.msin-menu-search .em-quearys-inner { */
    /* top: 70px; */
/* } */
.no-logo-sr .techit_menu ul {
    text-align: center;
}
.no-logo-sr .techit_menu ul li {
    text-align: left;
}

/*=======================
techit HEADING NAV AREA CSS
========================*/

.mean-container .mean-bar {
    padding: 0;
}
.mean-container .mean-nav {
    background: #0c3eb9 none repeat scroll 0 0;
    float: none;
}
.main_menu_div {
    position: relative;
}
.techit_nav_area {
    background: #fff none repeat scroll 0 0;
}
/* LOGO CSS */

.logo {} .logo a {
    font-size: 23px;
    font-weight: 700;
    display: inline-block;
	    margin-top: 30px;
}
.techit_menu {}
/* MENU CSS */

.techit_menu ul {
    text-align: right;
    list-style: none;
}
.techit_menu > ul > li {
    display: inline-block;
    position: relative;
}
.techit_menu > ul > li > a {
    display: block;
    margin: 32px 15px 38px;
    
    transition: .5s;
    position: relative;
    color: #232323;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;;
    	
}
.techit_menu > ul > li > a:before, .techit_menu > ul > li.current > a:before {
  background: #ffb600 none repeat scroll 0 0;
  bottom: -7px;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 15%;
  display:none;
} 

.heading_style_2 .techit_menu > ul > li > a {
    color: #fff;
}
.heading_style_3 .techit_menu > ul > li > a {
    color: #fff;
}
.heading_style_4 .techit_menu > ul > li > a {
    color: #fff;
}
.heading_style_5 .techit_menu > ul > li > a {
    color: #fff;
}
.techit_menu ul li:last-child a {
    margin-right: 0px;
}
.techit_menu > ul > li.current > a,
.techit_menu > ul > li:hover > a,
.creative_header_menu > ul > li:hover > a {
    color: #0c3eb9;
    background-color: transparent;
}
.techit_menu > ul > li:hover > a:before,
.techit_menu > ul > li.current > a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* transparent 2 */

.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
    padding: 25px 0;
    
    transition: .5s;
}
.hbg2 {
    background: rgba(0, 0, 0, .85);
    padding: 0 0 10px;
}
/* stycky nav js */
.techit_nav_area.scroll_fixed.postfix.prefix {
    background: #000000cc;
}
.techit_nav_area.scroll_fixed.postfix {
    padding-right: 210px;
    padding-left: 210px;
}

.transprent-menu.menu4 {
    position: relative;
}
.transprent-menu .techit_nav_area {
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: transparent;
    padding: 0;
    
    transition: .5s;
    position: absolute;
}
.techit_nav_area.postfix {
    -webkit-transition: .3s;
    transition: .3s;
}
.techit_nav_area.prefix,
.hbg2 {} 
.techit_nav_area.prefix .techit_menu > ul > li > a {
    color:#fff;
}
.techit_nav_area.prefix .techit_menu > ul > li.current > a {
    color: #0c3eb9;
}
/* LOGO LEFT RIGHT CSS */

.logo-left {} .logo-right .logo {
    text-align: right;
}
.logo-right .techit_menu > ul {
    text-align: left;
}
.logo-right .techit_menu > ul > li:first-child a {
    padding-left: 0px;
}
.logo-right .techit_menu > ul > li:last-child a {
    padding-right: auto;
}
/* logo top */

.logo-top .logo {
    text-align: center;
}
.logo-top .techit_menu > ul {
    text-align: center;
}
.logo-top > .techit_menu > ul > li:last-child a {
    padding-right: auto;
}
/* sub menu style */

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

.techit_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
.techit_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 */

.techit_menu ul .sub-menu .sub-menu li {
    position: relative;
}
.techit_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;
}
.techit_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 */

.techit_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}
.techit_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {} .techit_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%;
}
/* user login */

/* user login */
.logged-in .trp_nav_area {
 top: 32px;
}
 .logged-in .transprent-menu .techit_nav_area.prefix {
 top: 32px;
}
 .logged-in .trp_nav_area.hbg2 {
 top: 32px;
}
.elementor-editor-active.logged-in .trp_nav_area {
 top: 0px;
}
 .elementor-editor-active.logged-in .transprent-menu .techit_nav_area.prefix {
 top: 0px;
}
 .elementor-editor-active.logged-in .trp_nav_area.hbg2 {
 top: 0px;
}

/* maing menu search */
/* 
nav.techit_menu.main-search-menu {
    float: right;
}
.techit_menu.main-search-menu > ul,
.em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 20px;
}
.em-quearys-top.msin-menu-search .em-quearys-inner {
    top: 59px;
} */
/* has menu icon */

.techit-main-menu .menu-item-has-children > a:after {
    margin-left: 5px;
    content: "\f107";
    font-family: FontAwesome;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 13px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.techit-main-menu .menu-item-has-children .menu-item-has-children> a:after {
    margin-left: 8px;
    content: "\f105";
}
/* menu button */

.donate-btn-header {
    display: inline-block;
}
a.dtbtn {
    border: none;
    display: block;
    font-size: 17px;
    margin-left: 30px;
    font-weight: 700;
    text-transform: capitalize;
    background-color: #0c3eb9;
    border-radius: 3px;
    color: #fff;
    padding: 10px 25px 14px;
    
}
a.dtbtn:hover {
    background: #15234a;
}
.redX {
    color: #0c3eb9;
}
.techit-main-menu a.dtbtn {
background:#1a5cfefc
}


/* logo sticky */

.techit-main-menu .logo a.main_sticky_main_l {
    display: block;
}
.techit-main-menu .logo a.main_sticky_l {
    display: none;
}
/* logo pre */

.techit-main-menu .prefix .logo a.main_sticky_main_l {
    display: none;
}
.techit-main-menu .prefix .logo a.main_sticky_l {
    display: block;
}
.headroom--pinned {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.headroom--unpinned {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
.header--fixed {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    will-change: transform;
}
.menu-height-space {
    height: 100px;
}

/* sticky logo */
.creative_logo_thumb a.main_sticky_l {
    display: none;
}
.creative_logo_thumb .logo a {
    margin-top: 0;
}


/*=======================
END techit HEADING NAV AREA CSS
========================*/
/*=====================
techit BLOG AREA CSS
=========================*/

.techit-blog-area {
    padding: 100px 0 70px;
}
.techit-single-blog {
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(148,146,245,0.2);
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.techit-single-blog.techit-lt {
    text-align: left;
}
.techit-blog-index.blog-area.techit-blog-area,
.techit-blog-area.techit-blog-archive {
    padding: 100px 0 50px;
}
.techit-blog-index.blog-area.techit-blog-area {
    padding: 100px 0 100px;
}
/* BLOG THUMB CSS */

.techit-blog-thumb {
    overflow: hidden;
}
.techit-blog-thumb a {
    position: relative;
}
.techit-blog-thumb a {
    display: block;
}
.techit-blog-thumb a:before {
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #f00;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;
    
    transition: .5s;
}
.techit-blog-thumb img {
    
    transition: .5s;
    display: block;
	    width: 100%;
}
/* BLOG TITLE AND CONTENT CSS */

.blog-inner {} .blog-content {} .blog-content h2 {
    color: #232323;
    margin: 0 0 18px;
}
.blog-content h2 a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-content h2 a:hover {
    color: #0c3eb9;
}
.blog-content p {}
/* BLOG POST META CSS */

.techit-blog-meta {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}
.techit-blog-meta:after {
    display: block;
    clear: both;
    content: "";
}
.techit-blog-meta a {}
/* BLOG POST META LEFT CSS */
/* left style 1 */

.techit-blog-meta-left {
    padding: 0 0 9px;
}
.techit-blog-meta-left a,
.techit-blog-meta-left span {
    color: #666;
    font-size: 16px;
    margin-right: 10px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.techit-blog-meta-left a:hover,
.techit-blog-meta-left span:hover {
    color: #0c3eb9;
}
.techit-blog-meta-left i {
    color: #0c3eb9;
    margin-right: 5px;
}
/* BLOG POST META RIGHT CSS */

.techit-blog-meta-right {
    float: right;
    padding: 0px 0;
}
.techit-blog-meta-right a,
.techit-blog-meta-right span {
    font-size: 12px;
    color: #454545;
    margin-left: 5px;
}
.techit-blog-meta-right i {
    margin-right: 5px;
}
/* blog readmore */

.readmore a {
    border: 1px solid #ddd;
    color: #444;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    padding: 6px 10px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}
.readmore a:hover {
    border-color: #0c3eb9;
    background: #0c3eb9;
    color: #fff;
}
/* blog hover */

.techit-single-blog:hover .techit-blog-thumb a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-single-blog:hover .techit-blog-thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*========================
EMD techit BLOG AREA CSS
=========================*/
/*========================
techit BLOG DETAILS AREA CSS
=========================*/

.techit-single-blog-details {} .techit-single-blog--thumb {} .techit-single-blog--thumb a {} .techit-single-blog--thumb img {} .techit-single-blog--thumb {
    padding-bottom: 20px;
}
.techit-single-blog-title h2 {
    font-size: 26px;
    padding: 0;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 8px;
    text-transform: capitalize;
    color: #232323;
}
.techit-single-blog-details .techit-blog-meta {
    padding: 0px;
    margin: 0px;
}
.techit-single-blog-details .techit-blog-meta-right,
.techit-single-blog-details .techit-blog-meta-left {
    padding: 0px 0 10px 0;
}
.techit-blog-social {
    margin-bottom: 40px;
    margin-top: 40px;
}
.techit-single-icon-inner {
    text-align: center;
}
.techit-single-icon-inner a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #0c3eb9;
    border-radius: 5px;
    color: #0c3eb9;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 38px;
    margin: 0 5px;
    text-align: center;
    width: 40px;
}
.techit-single-icon-inner a:hover {
    background: #0c3eb9;
    border-color: #0c3eb9;
    color: #fff;
}
.techit-single-icon-inner a i {}
 .single-blog-content ul {
    padding-bottom: 10px;
    padding-top: 40px;
}
/*========================
techit COMMENT AREA CSS
=========================*/
/* POST REPLY CSS */

.post_comment {
    border: 1px solid #f1f1f1;
    margin: 20px 0;
    padding: 0 15px;
}
.comment_inner {} .commment_title {} .commment_title h3 {
	color: #232323;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    text-transform: capitalize;
}
.commment_title h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -9px;
    width: 40px;
    height: 2px;
    background: #0c3eb9;
}
.commment_title p {} .post_replay {} .post_replay_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
word-break: break-all;	
}
.mgl-30 {
    margin-left: 30px;
}
.post_reply_thumb {} .post_reply_thumb img {
    border-radius: 50%;
}
.post_replay {
    margin-top: 25px;
}
.post_reply {
    padding-left: 15px;
    width: 100%;
}
.post_reply div.st {
    font-size: 18px;
    font-weight: 400;
}
.post_reply div.st a {
    color: #232323;
}
.reply_date {
    overflow: hidden;
    margin-bottom: 5px;
}
.reply_date span.span_left {
    float: left;
    font-size: 13px;
}
.reply_date span.span_right {
    float: right;
    color: #5986f2;
    font-size: 12px;
    font-weight: 400;
}
.post_reply p {} .comments-area .children {
    margin-left: 30px;
}
.post_comment .post_comment {
    margin-left: 15px;
}
/* COMMENT FORM CSS */

.comment_field {} .comment_field .input-field {
    width: 33.33%;
    float: left;
}
.comment_field .input-field label,
.comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .textarea-field label {
    margin-top: 30px;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    height: 42px;
    font-size: 12px;
}
.comment_field .input-field input[type="text"] {} 
.comment_field .input-field input[type="email"] {}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 120px;
    padding: 10px;
}
.comment_field .input-field input,
.comment_field .textarea-field textarea {
    color: #555555;
}
.techit_btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
     color: #232323; 
    margin-top: 30px;
    padding: 12px 25px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
}
.techit_btn:hover {
    border-color: #0c3eb9;
    background: #0c3eb9;
    color: #fff;
}
.em-theme-main-page .commment_title h3 {
    margin-top: 0px;
}
.em-theme-main-page .empgc {
    margin-top: 40px;
}
.em-theme-main-page .empgc.commment_title h3 {
    margin-bottom: 35px;
}
.em-single-page-comment .commment_title.empgc > h3 {
    margin-bottom: 35px;
}
.logged-in-as {
    margin-bottom: 0;
    margin-top: 30px;
}
.logged-in-as a {
    color: #232323;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 45px 30px 47px;
    background-color: #f1f1f1;
}

a.comment-edit-link {
    margin-bottom: 12px;
    display: inline-block;
}
.em-theme-main-page .comments-area {
    margin-top: 40px;
    clear: both;
}
/*========================
 techit unittest
=========================*/

.blog-page-title h2 {
    color: #232323;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 7px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-page-title a {
    color: #232323;
    display: inline-block;
    font-weight: 600;
	word-break: break-all;
}
.blog-page-title h2 a:hover {
    color: #0c3eb9;
}
.em-blog-content-area {
    padding: 20px 15px 25px;
    text-align: left;
}
.single-blog-content iframe {
    margin-top: 20px;
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #232323;
    font-size: 30px;
}
.post_reply h1,
.post_reply h2,
.post_reply h3,
.post_reply h4,
.post_reply h5,
.post_reply h6 {
    color: #303030;
    font-size: 30px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
}
.blog-content h2,
.post_reply h2 {
    font-size: 26px;
}
.blog-content h3,
.post_reply h3 {
    font-size: 22px;
}
.blog-content h4,
.post_reply h4 {
    font-size: 20px;
}
.blog-content h5,
.post_reply h5 {
    font-size: 18px;
}
.blog-content h6,
.post_reply h6 {
    font-size: 17px;
}
/* single blog */

 .single-blog-content h1,
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4,
.single-blog-content h5,
.single-blog-content h6 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 30px;
    font-weight: 600;
}
.single-blog-content h2 {
    font-size: 26px;
}
.single-blog-content h3 {
    font-size: 22px;
}
.single-blog-content h4 {
    font-size: 20px;
}
.single-blog-content h5 {
    font-size: 18px;
}
.single-blog-content h6 {
    font-size: 17px;
} 
/*========================
 techit PAGINATION AREA CSS
=========================*/

.paginations {
    text-align: center;
    margin-top: 20px;
}
.paginations a,
.page-numbers span.current {
    width: 35px;
    height: 35px;
    line-height: 31px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: auto 5px;
    border: 1px solid #ddd;
    color: #888;
}
.page-numbers li {
    display: inline-block;
}
.paginations a:hover,
.paginations a.current,
.page-numbers span.current {
    background: #0c3eb9;
    border-color: #0c3eb9;
    color: #fff;
}
/*========================
 END techit PAGINATION AREA CSS
=========================*/

.kc_counter_box i {
    display: inline-block;
    font-size: 45px;
    margin-bottom: 0;
}
/*========================
 techit BREADCRUMB AREA CSS
=========================*/

.breadcumb-blog-area {
    padding: 50px 0 65px;
    background-color: #f7f7f7;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.breadcumb-inner h2 {
    font-size: 36px;
    color: #464646;
}
.breadcumb-area {
    padding:200px 0 122px;
   background-image: url(../images/breadcume1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;	
    position: relative;
    overflow: hidden;
	
}
  
    
.breadcumb-area::before{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:rgb(12 62 185 / 75%);
	content:"";

}
.breadcumb-area::after{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 420px;
    background-repeat: repeat-x;
    background: url(../images/shapeb.png);	
	content:"";
	z-index:1;
	animation: witr_slide 100s linear infinite;
}
/* witr_slide */
@keyframes witr_slide{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}
.breadcumb-inner ul {}
.breadcumb-inner li {
    display: inline-block;
    margin: 0 2px;
	font-weight: 600;
}
.breadcumb-inner li i {
    color: #fff;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color: #fff;
}
.breadcumb-inner li a {
    color: #fff;
    font-weight: 600;	
}
.brpt h2 {
    font-size: 50px;
    color: #fff;
}
.lcase {
    text-transform: lowercase;
}
.ucase {
    text-transform: uppercase;
}
.ccase {
    text-transform: capitalize;
    z-index: 2;	
}
/*========================
 END techit BREADCRUMB AREA CSS
=========================*/
/*========================
 techit 404 AREA CSS
=========================*/
.not-found-area {
    background-color: #fff;
    background-position: center top;
    background-repeat: repeat;
    background-size: cover;
    border-top: 1px solid #f5f3f3;
    padding: 0 0 16px;
}
.not-found {
    display: table;
    width: 100%;
    height: 500px;
    text-align: center;
    padding-bottom: 40px;
}
.not-found-inner {
    display: table-cell;
    vertical-align: middle;
}
.not-found-inner {
    font-size: 30px;
}
.not-found-inner h2 {
    color: #0c3eb9;
    display: inline-block;
    font-size: 160px;
    font-weight: 700;
    line-height: 1.2;
    padding: 15px 0;
}
.not-found-inner p {
    font-size: 30px;
    color: #0c3eb9;	
}
.not-found-inner a {
    color: #0c3eb9;
    font-size: 24px;
    margin-top: 40px;
    display: inline-block;
    text-decoration: underline;
}
/* search error */
.techit-search-page{
	background:#fff;
}
.search-error .search input {
    padding: 20px 0;
}
.search-error .search input[type="text"] {
    padding-left: 10px;
}
.search-error .search button {
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-error > p {
    font-size: 14px;
    margin: 14px 0 19px;
}
.search-error > h3 {
    display: block;
    font-size: 30px;
    color: #232323;
}
.search-error .search input {
    height: 54px;
    border: 1px solid #ddd;
}
/*========================
 END techit 404 AREA CSS
=========================*/

/*========================
techit FOOTER TOP AREA CSS
=========================*/

.top-address-area {
    background: #111111;
    padding: 90px 0px 85px;
    text-align: center;
}
.top_address_logo {
    margin-bottom: 30px;
}
.address_content {
    padding-top: 38px;
}
.top_address_content a,
.top_address_content span {
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    line-height: 12px;
    margin-right: 14px;
}
.top_address_content a i,
.top_address_content span i {
    font-size: 14px;
    margin-right: 11px;
}
.footer-top-address h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 10px;
    font-weight: 700;
    font-size: 26px;
}
.footer-top-address h2 span {
    color: #0c3eb9;
    font-weight: 700;
}
.widget_media_image{
    margin-top: 30px;	
    margin-bottom: 27px;	
}
/*========================
techit FOOTER TOP AREA CSS
=========================*/

.footer-top {
    background: #1b1919 none repeat scroll 0 0;
    padding: 100px 0;
}
.footer-top-inner h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    text-transform: uppercase;
}
.footer-top-inner h2 span {
    color: #0c3eb9;
    font-weight: 600;
}
.footer-top-inner p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 26px;
    margin-left: auto;
    margin-right: auto;
    width: 62%;
}
.footer-social-icon {
    padding: 10px 0 20px;
    text-align: center;
}
.footer-social-icon a i {
    background-color: #0c3eb9;
    border-radius: 50px;
    color: #0c3eb9;
    display: inline-block;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin: 0 7px;
    text-align: center;
    width: 45px;
    -webkit-transition: .3s;
    transition: .3s;
}
.footer-social-icon a i:hover {
    background-color: #0c3eb9;
    color: #fff;
}
.footer-social-icon.htop-menu-s {
    padding: 0;
    display: inline-block;
    margin-left: 30px;
}
.footer-social-icon.htop-menu-s a i {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 0 3px;
    width: 35px;
    color: #232323;
}
.footer-top-inner .text-center {
    margin-bottom: 11px;
    text-align: center;
}
/*========================
END FOOTER TOP AREA CSS
=========================*/
/*========================
techit FOOTER MIDDLE AREA CSS
=========================*/

.footer-middle {
    background: #182c44;
    padding: 67px 0 73px;
}
.footer-middle.wpfd {
    padding: 0;
}
.wpfdp {
    padding-top: 65px;
    padding-bottom: 80px;
}
.footer-middle .widget h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 28px;
    margin-top: 28px;
    position: relative;
    font-weight: 500;
}
.footer-middle .widget h2:before {
 
}
.footer-middle table#wp-calendar td,
.footer-middle table#wp-calendar th {
    color: #fff;
}
.footer-middle #archives-dropdown--1 {
    height: 34px;
}
.footer-middle .widget ul li,
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before,
.footer-middle .tagcloud a,
.footer-middle caption,
.footer-middle table,
.footer-middle table td a,
.footer-middle cite,
.footer-middle .rssSummary,
.footer-middle span.rss-date,
.footer-middle span.comment-author-link,
.footer-middle .textwidget p,
.footer-middle .widget .screen-reader-text {
    color: #fff;
}
.footer-middle .widget h2 {} .footer-middle .widget ul li:before {} .footer-middle .tagcloud a {} .footer-middle .widget ul {
    list-style: none;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-middle .widget ul li a,
.footer-middle .widget ul li:before {
    
    transition: .5s;
}
.footer-middle .widget ul li a:hover,
.footer-middle .widget ul li:hover:before {
    color: #0c3eb9;
}
.recent-portfolio-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.recent-portfolio {
    margin-bottom: 10px;
    margin-right: 10px;
}
.recent-portfolio {
    width: 29.33%;
}
.recent-portfolio-image img {
    width: 100%;
}
/*========================
END FOOTER middle AREA CSS
=========================*/
/*========================
techit FOOTER BOTTOM AREA CSS
=========================*/

.footer-bottom {
	background: #182c44 none repeat scroll 0 0;
    padding: 26px 0 24px;
	position:relative;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    background: #39424d;
    height: 1px;
    width: 61.5%;
    left: 0;
    right: 0;
    margin: auto;
}
.copy-right-text {} .copy-right-text p {
    color: #fff;
    margin: 0;
    padding: 0;
}
.footer-menu {} .footer-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul li a {
    color: #fff;
    padding: 0 10px;
    display: block;
}
.copy-right-text a:hover,
.footer-menu ul li a:hover {
    color: #0c3eb9;
}
.footer-menu ul li:last-child a {
    padding-right: 0px;
}
.footer_style_3 .footer-menu ul li:first-child a {
    padding-left: 0px;
}
.footer-menu ul ul {
    display: none;
}

/*========================
END FOOTER BOTTOM AREA CSS
=========================*/
/*========================
EM40 SCROLL TOP CSS
=========================*/

#scrollUp {
    background: #0c3eb9 none repeat scroll 0 0;
    bottom: 30px;
    color: #fff;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    width: 40px;
}
#scrollUp i {
    color: #fff;
}
/*========================
END EM40 SCROLL TOP CSS
=========================*/

.copy-right-text a {
    color: #0c3eb9;
}
.template-home .vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.wpb_gallery.wpb_content_element.vc_clearfix {
    margin-bottom: 0;
}
.recent-post-item {
    clear: both;
}
.recent-post-image {
    float: left;
    margin-right: 10px;
}
.recent-post-image a {
    display: block;
    margin-top: 10px;
}
.recent-post-text {
    overflow: hidden;
}
.recent-post-text > h4 {
    margin-bottom: 0;
}
.recent-post-text h4 a {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}
.recent-post-text h4 a:hover {
    color: #0c3eb9;
}
.recent-post-text .rcomment {
    color: #232323;
    font-size: 14px;
    text-transform: none;
}
.recent-post-text .rcomment i {
    margin-right: 5px;
}
.recent-post-text .rcomment {
    color: #232323;
}
.footer-middle .recent-post-text h4 a {
    color: #fff;
    font-weight: 600;
}
.footer-middle .recent-post-text > h4 {
    margin-bottom: 5px;
    font-weight: 500;
	    line-height: 1;
}
.footer-middle .recent-post-text > h4 a:hover {
    color: #0c3eb9;
}
.footer-middle .recent-post-text .rcomment {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}
.mean-container .mean-bar {
    float: none;
    background: #0c3eb9 none repeat scroll 0 0;
}
.mean-container .mean-nav ul li li a {
    color: #232323;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* kc element */


.section-title.t_center {
    margin: auto;
    text-align: center;
    width: 63%;
}
.section-title.t_left {
    margin: auto auto auto 0;
    width: 63%;
    text-align: left;
}
.section-title.t_right {
    margin: auto 0 auto auto;
    width: 63%;
    text-align: right;
}
.section-title.t_right .em-bar {
    margin: 0 0 5px auto;
}
.section-title.t_left .em-bar {
    margin: 0 0 5px;
}
.section-title h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 3px;
	text-transform: capitalize;
   	
}
.tmr0 .section-title h2 {
margin:0;
}

.section-title h5 {
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}
.section-title p {} .em-icon {} .em-icon i {} .em-bar-main {
    margin: 10px 0 13px;
}
.em-bar {
    background: #0c3eb9 none repeat scroll 0 0;
    height: 2px;
    margin: 0 auto 5px;
    width: 62px;
}
.em-bar.em-bar-big {
    width: 80px;
}
.em-image {
    margin-bottom: 10px;
}
.em-image img {} .section-title.t_left span {
    color: #0c3eb9;
}

/* title 2 style */
.title_in_area {
    width: 74%;
}
.title_in {
    float: left;
    padding-right: 30px;
    position: relative;
    margin-right: 30px;
}
.title_in:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background: #0c3eb9;
    content: "";
}
.title_in:after {
    position: absolute;
    right: -5px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #0c3eb9;
    content: "";
}
.title_tx h3,
.title_tx h2{
	margin:0;
}
.title_tx h2{
    font-size: 18px;
    font-weight: 600;
}
.title_tx h3 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.title_ptx p {
    margin: 0;
    padding-top: 10px;
    overflow: hidden;
}


/* title css */
.witr_section_title{
	position:relative;	
}
.witr_section_title_inner{
	position:relative;
	z-index:1;
}
.witr_back_title{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	text-align: center;
}
.witr_back_title h4{
	font-size:150px;
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;	
}
.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3{
    font-size: 50px;
    margin: auto;
    margin-bottom: 5px;
    font-weight: 700;	
 }
.text-right.witr_section_title_inner h1,
.text-right.witr_section_title_inner h2,
.text-right.witr_section_title_inner h3{
    margin-right: 0px;		
 }
.text-left.witr_section_title_inner h1,
.text-left.witr_section_title_inner h2,
.text-left.witr_section_title_inner h3{
    margin-left: 0px;		
 }

 .witr_section_title_inner h1{}
.witr_section_title_inner h2{
    font-size: 17px;
    color: #0c3eb9;
    width: 100%;
    margin-bottom: 6px;
    text-transform: uppercase;
 }
.witr_section_title_inner h3{}
.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span{
    color:#0c3eb9;	 
 }
 
 
 
.witr_section_title_inner p {
    margin-top: 10px;
}
.witr_section_title_inner.text-center p{
	 width:74%;
	 margin-right:auto;
	 margin-left:auto;	 
 }
 .witr_section_title_inner.text-left p{
	 width:74%;
	 margin-right:auto;
	 margin-left:0px;
 }
  .witr_section_title_inner.text-right p{
	 width:74%;
	 margin-right:0px;
	 margin-left:auto;
 }
 .witr_image_title {
    margin-top: -5px;
    margin-bottom: 10px;
}
/* bar color title */
.witr_bar_main {
    margin: 10px 0;
}
.witr_bar_inner{
    height: 5px;
    width: 90px;
    background: #0b5be0;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;	
}
.text-left .witr_bar_inner{

  margin-left:0px;
	
}
.text-right .witr_bar_inner{

  margin-right:0px;
	
}
/* extra title */
.witr_extra_title h2{
    font-size: 18px;
    font-weight: 600;
}
.witr_extra_title h3 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
    text-transform: uppercase;
    width: 100%;
}
/*=====================
techit feature SECTION
=========================*/
.em-feature {
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; 
}

.feature_inner_box {
    padding: 30px 21px 21px;
    background: #fff;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
    position: relative;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	z-index:3;
/* box-shadow: 0px 10px 40px 0px rgba(148,146,245,0.2); */	
/* box-shadow: 0px 10px 40px 0px rgba(235,27,43,0.2);	 */
}
.feature_inner_box:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
	z-index:-1;
}
.em-feature:hover .feature_inner_box{
	background: #0c3eb9;	
}
.em-feature:hover{
	margin-top:-10px;
}
.em_feature-icon i{
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 45px;
    line-height: 46px;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 45px;
    background: #fff;
    border-radius: 30px;
    margin-right: 20px;
    text-align: center;
	float: left;
	color: #232323;
	
	transition:.5s;
}
.em_feature-icon img{
	float: left;	
}
.em_content_text {
    padding-top: 10px;
}
.em_feature-icon {}
.em-feature-title h2 {
font-size: 22px;
    font-weight: 600;
    padding-bottom: 3px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	margin-top: 11px;
}
.feature_inner {
    overflow: hidden;
}
.feature_icon {
  margin-top: 21px;
}
.f-readmore {
    padding-top: 7px;
}
.feature_button a{
	color:#232323;
    display: inline-block;	
}
.feature_button a span i {
    margin-left: 10px;
    font-size: 11px;
}
.em-feature:hover .em_feature-icon i {
	background: #0c3eb9;
	color: #fff;
}

.em-feature:hover .feature_button a,
.em-feature:hover h2,
.em-feature:hover .em-feature-desc 
 {
	 color:#fff;
z-index:1;	 
}

/*=====================
 END techit SERVICE  CSS
=========================*/

.em-service {
	padding: 27px 25px 39px;
       text-align: left;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	box-shadow: 0px 6px 40px 0px rgba(148,146,245,0.2);	
}
.em-service:hover {
    background: #0c3eb9;
	position: relative;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	z-index:3;	
}
.em-service:hover:before {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index:-1;
}

.service_top_text {
    display: block;
}
.em-service-icon {
    color: #232323;
    font-size: 35px;
}
.em-service-icon i{
    
    transition:.5s;
}

.em-service-title {
    overflow: hidden;
}
.em-service-title h3 {
    margin: 5px 0 10px;
    font-size: 24px;
    padding: 0;
    text-transform: capitalize;
    
    transition:.5s;	
}
.em-service-desc {
}
.em-service-desc p{
    
    transition:.5s;
}
.service-btn {
    margin-top: 2px;
}
.service-btn > a {
    border-radius: 30px;
    color: #232323;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    transition:.5s;
}
.service-btna a:hover {
    color: #0c3eb9;
}
.em-service:hover .service-btn > a {
    color: #fff;
}
.em-service:hover .em-service-icon,
.em-service:hover .em-service-title h3,
.em-service:hover .em-service-desc {
    color: #fff;
	z-index:1;
}

/* style 2 */
.em-service2 {}
.em-service2 .em-service-icon i {
    width: 60px;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    /* box-shadow: 0px 0px 30px rgba(208, 202, 202, 0.3); */
	box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.em-service2 .em-service-inner{
overflow:hidden;
}
.em-service2.sleft {
	text-align:left;
}
.em-service2.sleft .em-service-icon{
float:left;
margin-right:20px;
margin-top: 10px;
}
.em-service2.smiddle {}
.em-service2.smiddle .em-service-icon {
    margin-bottom: 20px;
}


.em-service2.sright {
text-align:right;	
}
.em-service2.sright .em-service-icon{
float:right;
margin-left:30px;
    margin-top: 10px;
}
.em-service-title h3:hover{
	color:#0c3eb9;
}
.em-service2:hover .em-service-icon i{
	color:#fff;
	background:#0c3eb9;
}


/* service 5 */
.serIcon{
    position: relative;
    margin: 0 0 12px;
    z-index: 9;
}
.serIcon i{
    font-size: 70px;
    line-height: 96px;
    color: #0c3eb9;
}
.SIBG_1{
    background: url(../images/7.png) no-repeat center center;
}

.detail_SS{
    position: relative;
    padding: 0 0 0;
    z-index: 99;
}
.detail_SS h3{
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 23px;	
}
.detail_SS p{
	
    margin-bottom: 28px;
}
.ss_btn a{
    display: inline-block;
    color: #0c3eb9;
    font-size: 16px;
    padding: 15px 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
	transition:1s;
    font-weight: 600;	
}
.ss_btn a:hover{
    color: #fff;
    background: #0c3eb9;
	border-color:#0c3eb9;
}
.ss_btn a i{
	margin-left:5px;
}
/*=====================
techit FUN FACT AREA CSS
=========================*/

.single_counter {
    position:relative;
    padding: 32px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-top: 2px solid #232323;	
    border-bottom: 2px solid #232323;	
}
.single_counter:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-left: 2px solid #232323;
    border-right: 2px solid #232323;
    height: 40%;
}
.single_counter:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    border-left: 2px solid #232323;
    border-right: 2px solid #232323;
    height: 40%;
}
.counter_icon {
    margin-top: 7px;
}
.single_counter:hover .counter-icon{
	color:#fff;
}
.single_counter:hover:before,
.single_counter:hover:after
{
	border-color:#0c3eb9;
}
.single_counter:hover {
    background: #0c3eb9;
    border-color: #0c3eb9;
}
.counter_icon i {
    color: #232323;
    font-size: 30px;
    text-align: center;
    display: block;
}
.countr_text > h1 {
	  color: #232323;
    display: inline-block;
    font-family: poppins;
    font-size: 45px;
    font-weight: 600;
    -webkit-transition: .3s;    margin: 0;
    transition: .3s;
}
.countr_text > h3 {
    color: #232323;
    display: inline-block;
    font-size: 43px;
}
.countr_text span{
    color: #232323;
    display: inline-block;
    font-size: 43px;
    font-weight: 700;	
}
.counter_title {
    padding: 0 0 0;
}
.counter_title h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
    color: #232323;
    padding-top: 20px;
    padding-bottom: 8px;
}
.single_counter:hover .countr_text span,
.single_counter:hover .counter_icon i,
.single_counter:hover .countr_text > h1,
.single_counter:hover .counter_title > h4,
.single_counter:hover .countr_text > h3
 {
    color: #fff;
}
/*=====================
techit TESTIMONIAL AREA CSS
=========================*/
.witr_testi_itemt{
    padding: 0 15px;
}
.em_single_testimonial {
    background: #fff;
    margin-bottom: 30px;
    transition: .5s;
    padding: 41px 50px 43px;
    margin-top: 40px;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.03);
	overflow:hidden;
	position:relative;
}
.em_testi_logo {
    position: absolute;
    right: 10%;
    top: 12%;
}
.em_single_testimonial:hover {
	box-shadow: 0px 0px 30px rgba(12,62,185,0.1);
}
.em_testi_content {
    position: relative;
}
.em_single_testimonial:before {
    color: #0c3eb9;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 60px;
    left: 50px;
    opacity: 0.08;
    position: absolute;
    top: -15px;

}
.em_single_testimonial:after {
    bottom: -18px;
    color: #0c3eb9;
    content: "\f10e";
    font-family: fontawesome;
    font-size: 60px;
    opacity: 0.04;
    position: absolute;
    right: 50px;

}
.em_testi_text {
    text-align: left;
    color: #7f8288;
    margin-bottom: 23px;	
}
.em_test_thumb {
    float: left;
    margin-right: 20px;
}
.em_test_thumb img {
    border-radius: 50%;	
}
.witr_testi_box{
	margin-top: 30px;	
}
.em_testi_title h2 {
    font-size: 21px;
    margin-bottom: 5px;	
}
.em_testi_title h2 sup {}
.em_testi_title span {
    font-size: 16px;
    font-weight: 400;
	color: #7f8288;
}
.witr_testi_box .test-part ul li {
    padding-top: 0px;
}










/* without carousel */

.curosel-style .owl-nav div {
    border:2px solid #0c3eb9;
    border-radius: 50%;
    color: #0c3eb9;
    font-size: 19px;
    height: 44px;
    left: -45px;
    line-height: 42px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 44px;
    text-align: center;
    z-index: 99;
    -webkit-transform: translateY(-49%);
            transform: translateY(-49%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.curosel-style .owl-nav .owl-next {
    left: auto;
    right: -45px;
}
.single_gallery.curosel-style .owl-nav div {
    left: 30px;
}
.single_gallery.curosel-style .owl-nav .owl-next {
    right: 30px;
    left: auto;
}
.portfolio_gallery_post.curosel-style .owl-nav div {
    left: 0px;
}
.portfolio_gallery_post.curosel-style .owl-nav .owl-next {
    right: 0px;
    left: auto;
}
.portfolio_gallery_post.curosel-style .owl-nav div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.curosel-style .owl-nav .owl-next:hover {
    background: #0c3eb9;
    color: #fff;
}
.curosel-style .owl-nav .owl-prev:hover {
    background: #0c3eb9;
    color: #fff
}
.owl-carousel .owl-item img {
    margin: auto;
}
.curosel-style:hover .owl-nav div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.em_testi_content {
    position: relative;
    text-align: center;
}

/*----------------------
 * SUBSCRIBE AREA CSS
 -----------------------*/

.subscribe_area .kc_text_block p {
    color: #666;
    font-family: montserrat;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: center;
}
/*----------------------
 * SLICK SLIDER  AREA CSS
 -----------------------*/

.em-slick-testi-main {
    text-align: center;
}
/*----------------------
 * SLIDER AREA CSS
 -----------------------*/

.main-slider-area {
    overflow: hidden;
    display: block;
    position: relative;
}
.nivo-caption {
    background: #0c3eb9c4;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}



.em-slider-content-nivo {} .em_slider_right {} .em_slider_inner {
    margin: auto;
    /* width: 60%; */
    
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
/* slider title */

.em-slider-title {
    color: #fff;
    font-size: 25px;
    margin-bottom: 21px;
   	
}
.em-slider-sub-title {
    color: #fff;
    font-size: 82px;
    margin-bottom: 5px;
    line-height: 98px;
    font-weight: 700;
}
   	

.text-left .em-slider-descript {
    margin-left: 0;
    margin-right: auto;
}
.text-center .em-slider-descript {
    margin: 0 auto 31px;
}
.text-right .em-slider-descript {
    margin-right: 0;
    margin-left: auto;
}
.em-slider-descript {
    margin-bottom: 43px;
    width: 92%;
    font-size: 20px;
    font-weight: 700;
	color: #fff;	
}
.text-center .em-slider-descript {
	width: 70%;
}

/* button */

.em-button-button-area a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 0 4px;
	padding: 10px 36px;
    position: relative;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 1;
   	
}
a.em-active-button {
    background: #0c3eb9;
    border-color: #0c3eb9;
}
.em-button-button-area a:hover {
    color: #fff;
    background: #0c3eb9;
    border-color: #0c3eb9;
}
a.em-active-button:hover {
    background: transparent;
    border-color: #fff;
}
.em-slider-half-width {
    width: 50%;
}
.em-slider-left {
    padding-right: 30px;
}
.em-slider-right {
    padding-left: 30px;
}
.em-slider-full-width {
    width: 85%;
}
.em-slider-half-width .em-slider-descript {
    width: 100%;
}
/* image */
.text-left .em_slider_s2_content {
    margin-right: 0;
}
.text-center .em_slider_s2_content {
    margin-right: 0;
}
.text-right .em_slider_s2_content {
    margin-left: 10%;
}
.em_slider_s2_image {
    position: relative;
}
.em_slider_s2_image img{
	/* width:100%; */
}
.em_sc_100{
	width:100%;
	    margin-top: 30px;
}

/* directionNav */

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

.em-nivo-slider-wrapper .nivo-controlNav {
    bottom: 50px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.em-nivo-slider-wrapper .nivo-controlNav a {
    background: #000 none repeat scroll 0 0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    margin: 0 5px;
    width: 25px;
	color: #fff;
line-height: 25px;	
}
.em-nivo-slider-wrapper .nivo-controlNav a:hover,
.em-nivo-slider-wrapper .nivo-controlNav a.active {
    background: #0c3eb9 none repeat scroll 0 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*=====================
/*=====================
 PRICING AREA CSS
=========================*/

.single_pricing {
    background-color: #fafafa;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: .3s;
    transition: .3s;
}
.single_pricing:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.pricing_head {
    padding: 40px 0 25px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pricing_icon {
    text-align: center;
}
.pricing_title {
    text-align: center;
}
.pricing_title h2 {
    font-size: 20px;
    color: #fff;
}
.active .pricing_title h3 {} .pricing_title h3 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 36px;
    text-transform: uppercase;
}
.price_item {
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.price_item span {
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.slash {
    font-size: 0;
}
.curencyp {
    bottom: 53px;
    font-size: 24px;
    font-weight: 400;
    left: 5px;
    position: absolute;
}
.tk {
    color: #232323;
    display: inline-block;
    
    font-size: 80px;
    font-weight: 700;
    margin: 0;
    position: relative;
}
.line_barp {} .monthp {
    display: block;
    position: relative;
}
.bootmp {
    color: #666;
    font-size: 24px;
    font-weight: 300;
}
.pricing_body {} .featur {} .featur ul {
    text-align: center;
}
.featur ul li {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
    list-style: none;
}
.featur ul li:last-child {} .order_now {
    background: transparent none repeat scroll 0 0;
    padding: 41px 0 50px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.order_now a {
    background-color: #0c3eb9;
    border: 0 none;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1;
    padding: 20px 50px;
    text-align: center;
    text-transform: uppercase;
}
.single_pricing .order_now a,
.single_pricing .price_item_inner,
.single_pricing .pricing_title > h3 {
    
    transition: .5s;
}
.active.single_pricing .order_now a {
    background: #0c3eb9 none repeat scroll 0 0;
    color: #fff;
    border-color: #0c3eb9;
}
.order_now a:hover {
    background: #0c3eb9 none repeat scroll 0 0;
    color: #fff;
    border-color: #0c3eb9;
}
.single_pricing:hover .tk {
    color: #0c3eb9;
}
/*=====================
END copax PRICING AREA CSS
=========================*/

/* recent post */

.footer-address {
    padding-top: 12px;
}
.footer-widget.address,
.footer-widget.address p {
    color: #fff;
}
.footer_s_inner {
    margin-top: 0px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.single-widget-item {
    overflow: hidden;
}
.recent-post-item {
    clear: both;
	overflow:hidden;
}
.recent-post-image {
    float: left;
}
.recent-post-image a {
    display: inline-block;
}
.recent-post-image a {
	margin-top: 0;
}
.recent-post-text {
    overflow: hidden;
	margin-top: -3px;
}
.blog-left-side .recent-post-item {
    clear: both;
    overflow: hidden;
    margin-bottom: 14px;
}
.blog-left-side .recent-post-text {
    overflow: hidden;
/*     margin-top: 15px; */
}

.recent-post-text h4 a {
    color: #232323;
}
.recent-post-text .rcomment i {
    margin-right: 5px;
}
.recent-post-text .rcomment {
    color: #232323;
}
.footer-middle .recent-post-item + .recent-post-item {
    margin-top: 20px;
}

.learn_btn {
    border: 0 none;
    border-radius: 100px;
    color: #232323;
    display: inline-block;
    font-size: 18px;
	font-weight: 400;
    padding: 8px 22px;
    text-align: center;
    text-transform: capitalize;
    text-align: center;
}

.learn_btn:hover{
	color:#0c3eb9;
}
.learn_btn i {
    font-size: 15px;
    margin-left: 3px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	color:#0c3eb9;
}
.learn_btn:hover i {
}
.learn_more_adn {
    text-align: center;
}
.learn_more {
    padding-top: 7px;
}






/*=====================
techit adn blog css
=========================*/

.techit-single-blog_adn {
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);
    overflow: hidden;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* BLOG THUMB CSS */
.blog_adn_thumb_inner{
	position:relative;
}
.techit-blog-thumb_adn {
    overflow: hidden;
	position:relative;
}
.techit-blog-thumb_adn a {
    position: relative;
}
.techit-blog-thumb_adn a {
    display: block;
}
.techit-blog-thumb_adn:before {
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #0c3eb9;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;
    
    transition: .5s;
}
.techit-blog-thumb_adn img {
    display: block;
    -webkit-transition: 6s;
    transition: 6s;
    width: 100%;
}
/* BLOG TITLE AND CONTENT CSS */
.em-blog-content-area_adn {
    padding: 15px 10px 15px;
}
.blog-inner_adn {} .blog-content_adn {} .blog-content_adn h2 {
    margin: 0 0 18px;
}
.blog-page-title_adn a {
    color: #232323;
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-page-title_adn a:hover {
    color: #0c3eb9;
}
.blog-content_adn h2 a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog-content_adn h2 a:hover {
    color: #0c3eb9;
}
.blog-content_adn p {
    margin-bottom: 0;
}



.blog_add_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    z-index: 999;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
	transition:.5s;
}
.blog_add_icon a {
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #0c3eb9;
    border-radius: 50%;
}
.blog-page-title_adn2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
	z-index: 9999;	
}
.blog-page-title_adn2 h2{
	margin:0px;
    background: rgba(0, 0, 0, 0.72);
    padding: 15px;
	color:#fff;
	
	transition:.5s;
}
.blog-page-title_adn2 h2 a{
	color:#fff;	
	font-size: 24px;
}

/* BLOG POST META CSS */

.techit-blog-meta_adn {
    margin-bottom: 0px;
    margin-top: 0;
    width: 100%;
}
.techit-blog-meta_adn:after {
    display: block;
    clear: both;
    content: "";
}
.techit-blog-meta_adn a {}
/* BLOG POST META LEFT CSS */
/* left style 1 */

.techit-blog-meta-left_adn {
    padding: 0 0 8px;
}
.techit-blog-meta-left_adn a,
.techit-blog-meta-left_adn span {
    color: #454545;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
    text-transform: uppercase;
}
.techit-blog-meta-left_adn a,
.techit-blog-meta-left_adn span {
    color: #666;
    font-size: 12px;
    margin-right: 5px;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
}
.techit-blog-meta-left_adn a:hover,
.techit-blog-meta-left_adn span:hover {
    color: #0c3eb9;
}
.techit-blog-meta-left_adn i {
    margin-right: 5px;
    color: #0c3eb9;
}
.blog-page-title_adn > h2 {
    margin-bottom: 8px;
}
/* BLOG POST META RIGHT CSS */

.techit-blog-meta-right_adn {
    padding: 7px 0;
    text-transform: capitalize;
}
.techit-blog-meta-right_adn a,
.techit-blog-meta-right_adn span {
    font-size: 12px;
    color: #454545;
    margin-left: 5px;
}
.techit-blog-meta-right_adn i {
    margin-right: 5px;
}
/* blog readmore */

.readmore_adn a {
    border: 1px solid #ddd;
    color: #444;
    display: inline-block;
    font-size: 11px;
    font-weight: 400;
    padding: 6px 10px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}
.readmore_adn a:hover {
    border-color: #0c3eb9;
    background: #0c3eb9;
    color: #fff;
}
/* blog hover */

.techit-single-blog_adn:hover 
.techit-blog-thumb_adn:before,
.techit-single-blog_adn:hover .blog_add_icon
 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-single-blog_adn:hover .blog-page-title_adn2 h2{
	background: rgba(0, 90, 255, 0.7);
} 
.blog_nospace_adn.col-xs-12 {
    padding: 0px;
}
.blog_nospace_adn .techit-single-blog {
    margin-bottom: 0px;
}
/* responsive 320 start */
/* small mobile :320px. */

@media (max-width: 479px) {
    body {
        overflow-x: hidden;
    }
    .techit-header-top {
       /* display: none; */
    }
.top-right-menu ul.social-icons li {
    margin-left: 13px;
}
    .mean-container .mean-bar:before {
        text-transform: uppercase;
        top: 19px;
    }
    .mean-container a.meanmenu-reveal {
        padding: 19px 20px 18px;
    }
.witr_ac_style:before,
.active .witr_ac_style:before{
	display:none;
}
	
	
	
}
/* responsive 320 end */

.btn {
    background-color: #0c3eb9;
    border: 0 none;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
}
.btn-lg {
    font-size: 16px;
    padding: 20px 50px;
}
.btn-sm {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 12px 20px;
}
.btn.btn-bordered {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #0c3eb9;
    color: #0c3eb9;
    padding-bottom: 11px;
    padding-top: 11px;
}
.btn.btn-lg.btn-bordered {
    padding-bottom: 16px;
    padding-top: 16px;
}
.btn.btn-sm.btn-bordered {
    padding-bottom: 8px;
    padding-top: 8px;
}
.btn-icon i {
    font-size: 10px;
    left: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.btn-icon:hover i {
    left: 2px;
}
.btn:hover,
.btn:focus {
    background-color: #0c3eb9;
    color: #fff;
}
.btn.btn-bordered:hover {
    background-color: #0c3eb9;
    color: #fff;
}
.btn:active {
    background-color: #AC2925;
}
.button-group {
    margin-top: 30px;
}
.button-group a {
    margin-right: 25px;
}
.button-group a:last-child {
    margin-right: 0;
}
/*=====================
techit event AREA CSS
=========================*/

.techit-single-event_adn {
    margin-bottom: 30px;
    overflow: hidden;
    
    transition: .5s;
}
.related-projects-area {
    padding-bottom: 70px;
}
/* event THUMB CSS */

.techit-event-thumb_adn {
    overflow: hidden;
    position: relative;
}
.techit-event-thumb_adn:before {
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #f00;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;
    
    transition: .5s;
}
.techit-event-thumb_adn img {
    
    transition: .5s;
    display: block;
}
.readmore_icon_adn {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: 99999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
    transition: .5s;
}
.techit-single-event_adn:hover .readmore_icon_adn {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-event-thumb_adn a {
    background: #0c3eb9 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    width: 42px;
}
/* event TITLE AND CONTENT CSS */

.em-event-content-area_adn {
    padding: 15px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-top: 0;
    
    transition: .5s;
}
.event-inner_adn {} .event-content_adn {} .event-content_adn h2 {
    color: #232323;
    margin: 0 0 18px;
}
.event-content_adn h2 a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.event-page-title_adn a {
    color: #232323;
    text-transform: capitalize;
    font-weight: 600;
}
.event-page-title_adn h2 {
    margin-bottom: 6px;
}
/* event POST META CSS */
/* left style 1 */
.techit-event-singlea {
    padding-bottom: 20px;
}
h2.related-projects-title.text-left {
    padding-bottom: 30px;
}
.techit-event-meta-left_adn {
    float: left;
    position: relative;
    line-height: 1;
}
.techit-event-meta-left_adn.esi {
    float: none;
    margin-bottom: 12px;
}
.techit-event-meta-left_adn a, .techit-event-meta-left_adn span {
    color: #232323;
    margin-right: 10px;
    font-size: 14px;
}
.techit-event-meta-left_adn i {
    margin-right: 5px;
}
/* event hover */

.techit-single-event_adn:hover .techit-event-thumb_adn a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.techit-single-event_adn:hover .techit-event-thumb_adn img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.event_nospace_adn.col-xs-12 {
    padding: 0px;
}
.event_nospace_adn .techit-single-event_adn {
    margin-bottom: 0px;
}
.em-pevent .techit-event-thumb_adn {
    float: left;
}
.em-pevent .em-event-content-area_adn {
    padding: 0;
    border: 0px solid #ddd;
    padding-left: 15px;
}
.em-pevent .event-page-title_adn h2 {
    margin: 0 0 3px 0;
}
.techit-single-event_adn.em-pevent {
    padding: 20px 0;
    margin: 0;
    border-top: 1px solid #ddd;
}
.event_date {
    position: absolute;
    left: 0;
    top: 0;
    background: #0c3eb9;
    padding: 10px 13px;
    /* width: 60px; */
    /* height: 70px; */
    
    text-align: center;
    color: #fff;
}
.event_date span {
    display: block;
    line-height: 20px;
}
.event_date_list {
    background: #0c3eb9;
    padding: 23px 0 0;
    width: 90px;
    height: 90px;
    text-align: center;
    font-size: 20px;
    /* line-height: 70px; */
    color: #fff;
}
.event_date_list span {
    display: block;
    line-height: 1;
}
.techit-single-event_adn:hover .event-page-title_adn a {
    color: #0c3eb9;
}
.techit-single-blog--thumb img {
}

.mean-container .mean-bar:before {
    text-transform: uppercase;
}
/*=====================
techit Single Event CSS
=========================*/

.event-description {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 26px 15px 13px;
}
.event-dsc-title > h2 {
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.event-dsc-info li {
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin-bottom: 10px;
}
.event-dsc-info li i {
    margin-right: 10px;
}


/* unit test footer*/
.footer-middle .widget.widget_archive .widget-title {
    margin-bottom: 34px !important;
    margin-top: 28px !important;
}
.footer-middle .widget.widget_search .widget-title {
    margin-top: 25px !important;
}
.footer-middle .widget.widget_tag_cloud .widget-title {
    margin-bottom: 20px !important;
}
.footer-middle .widget.widget_nav_menu .widget-title {
    margin-bottom: 25px !important;
}
.footer-middle .widget.widget_text p img {
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}


.blog-left-side .widget.widget_text p img {
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}

.footer-middle .widget.widget_text p img {
    margin-top: 10px !important;
    margin-bottom: 6px !important;
}

table#wp-calendar td#today a{
    color: #fff;
}
.blog-left-side .widget h2 {
    margin-top: 0;
}

.footer-middle #archives-dropdown--1 {
    height: 34px;
    width: 100%;
}
.widget.widget_categories select{
    width: 100%;
    height: 34px;
}
.widget .screen-reader-text {
    display: none;
}
.search input {
/*     width: 100%; */
}	
	
.textwidget select {
    width: 100%;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}	
	
.comment_field .textarea-field label {
    margin-top: 20px;
    margin-bottom: 10px;
}
.blog-content {
    word-break: break-word;
}
.post-password-form input[type=submit] {
    background: #0c3eb9;
}	
.page-list-single {
    clear: both;
}

.blog-left-side .widget h2 {
    font-size: 24px;

}
.blog-page-title h2 {
    font-size: 21px;
}
.techit-single-blog-title h2 {
    font-size: 30px;
}
.footer-middle .widget h2 {
    font-size: 28px;
    font-weight: 600;
}
.em-blog-content-area {
    padding: 15px 15px 15px;
}


.mobile-menu{
 display:none !important;
}
 .mobile_logo_area{
 display:none !important;
} 

/* color class */

.witr_all_color_style{}
.witr_all_color_style h2{}
.witr_all_color_style h3{}
.witr_all_color_style h1{}
/* end color class */

/* witr carsoule image edit */

/* left */
.images_area.wittr_car_top_left .slick-dots {
    left: 0;
    top:15%;
    display: block;
}
.images_area.wittr_car_top_left .slick-dots li {
    display: block;
}

/* right */
.images_area.wittr_car_top_right .slick-dots {
    left: auto;
    top:15%;
    display: block;
	right:0;
}
.images_area.wittr_car_top_right .slick-dots li {
    display: block;
}

/* top search menu */
/* top quearys */

.em-top-quearys-area {
    position: relative; 
}
.em-header-quearys {
    list-style: none;
}
.em-quearys-menu i {
    background: #0c3eb9;
    border-radius: 5;
    display: inline-block;
    height: 26px;
    text-align: center;
    width: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
}
.em-quearys-inner {} 
.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}
.top-form-control {
    position: relative;
}
.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
	font-weight:500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    -webkit-transition: 1s;
    
    transition: .5s;
    border-bottom: 3px solid #fff;
}
.top-form-control input::-webkit-input-placeholder {
    color: #fff;
    font-size: 50px;
}
.top-form-control input::-moz-placeholder {
    color: #666;
    font-size: 14px;
}
.top-form-control input:-ms-input-placeholder {
    color: #666;
    font-size: 14px;
}
.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    /* height: 44px; */
    
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.em-s-hidden {
    display: none !important;
}


.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    display: flex;
     align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
     transform: scale(1.1);	
    visibility: hidden;
    opacity: 0;
    left: -150%;
    background: rgba(0, 0, 0, 0);
   
	
	
}
.em-quearys-inner{}

.em-s-open{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    background:rgba(117, 30, 255, 0.90)!important;
    -webkit-transform: scale(1);
            transform: scale(1);	
	
}


/* nav.techit_menu.main-search-menu { */
    /* float: right; */
    /* margin-right: 0px; */
/* } */

.witr_h_h12 .techit_menu,
.witr_h_h13 .techit_menu

 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.witr_h_h8 .techit_menu,
.witr_h_h9 .techit_menu,
.witr_h_h10 .techit_menu,
.witr_h_h11 .techit_menu,
.witr_h_h14 .techit_menu,
.witr_h_h17 .techit_menu
 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.techit_menu.main-search-menu > .em-header-quearys,
.em-quearys-top.msin-menu-search
 {
    display: inline-block;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 20px;
	cursor: pointer;
}
.techit_menu div.em-header-quearys {
	text-align: center;
	margin-top: 30px;
}

/* social icon menu style */
.footer-social-icon.htop-menu-s {
    padding: 35px 0px;
    display: inline-block;
    margin-left: 15px;
}
.donate-btn-header {
    padding: 24px 0px;
}
.em_top_cart.hshop {
	padding: 37px 0;
}


/* top search */
.topsr .em-quearys-menu {
    text-align: center;
}
.witr_video_blog_c iframe {
    width: 100%;
    height: 275px;
}
.single-blog-content iframe {
    width: 100%;
}

/* =========== Slick slider Main css============ */
.witr_ds_content{
	position:relative;
	z-index:1;
}
.elementor-section-full_width .witr_containers {
    margin: auto;
	width:70%;
}
.witr_ds_content:before{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	content:"";
    background: #00000059;
	z-index:-1;
}
.witr_ds_content_area{
	
}
.witr_ds_content_inner.witr_containers {
    width: 76%;
    margin: auto;
}
.witr_ds_content {
    height: 898px;
    background-size: cover;
    background-position: center center;
	overflow:hidden;
}
.witr_ds_content_inner {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}
.witr_ds_content_inner h1{
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
	font-weight:700;
}
.witr_ds_content_inner h3,
.witr_ds_content_inner h2{
    font-size: 100px;
    text-transform: capitalize;
    color: #fffefe;
    margin-bottom: 20px;	
		font-weight:700;	
}
.witr_ds_content_inner p {
    width: 62%;
    margin: 15px auto 15px auto;
	color:#fff;
    font-size: 20px;	
}
.witr_slicks_title{
    position: absolute;
    top: -13%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;	
}
.witr_slicks_title h4{
	font-size:150px;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
    line-height: 1;
    opacity: 0.07;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
    margin: 0;	
}
/* slider text align */
.text-left .witr_ds_content_inner h1,
.text-left .witr_ds_content_inner h2,
.text-left .witr_ds_content_inner h3,
.text-left .witr_slicks_title h4,
.text-left .witr_ds_content_inner p {
    width: 62%;
    margin: 14px auto 15px 0;
}
.text-center .witr_ds_content_inner h1,
.text-center .witr_ds_content_inner h2,
.text-center .witr_ds_content_inner h3,
.text-center .witr_slicks_title h4,
.text-center .witr_ds_content_inner p {
    width: 70%;
    margin-left:auto;
    margin-right:auto;
}


.text-right .witr_ds_content_inner h1,
.text-right .witr_ds_content_inner h2,
.text-right .witr_ds_content_inner h3,
.text-right .witr_slicks_title h4,
.text-right .witr_ds_content_inner p {
    width: 62%;
    margin: 14px 0 15px auto;
}

/* slider 2 text align */
.text-left .witrscontainer h1,
.text-left .witrscontainer h2,
.text-left .witrscontainer h3,
.text-left .witr_slicks_title h4,
.text-left .witrscontainer p {
    width: 52%;
    margin-right: auto;
}
.text-center .witrscontainer h1,
.text-center .witrscontainer h2,
.text-center .witrscontainer h3,
.text-center .witr_slicks_title h4,
.text-center .witrscontainer p {
    width: 70%;
    margin-left:auto;
    margin-right:auto;
}


.text-right .witrscontainer h1,
.text-right .witrscontainer h2,
.text-right .witrscontainer h3,
.text-right .witr_slicks_title h4,
.text-right .witrscontainer p {
    width: 52%;
	margin-left: auto;
}
.text-center .witrscontainer h1,
.text-right .witrscontainer h1,
.text-left .witrscontainer h1{
	margin-bottom: 0px;
	margin-top: 0px;	
}
.text-center .witrscontainer h2,
.text-right .witrscontainer h2,
.text-left .witrscontainer h2{
	margin-top: 0px;	
	margin-bottom: 0px;	
}
.text-center .witrscontainer h3,
.text-right .witrscontainer h3,
.text-left .witrscontainer h3{
	margin-top: 0px;	
	margin-bottom: 0px;	
}





.witrscontainer h1 span,
.witrscontainer h2 span,
.witrscontainer h3 span,
.witr_slicks_title h4 span{
	color:#0c3eb9;
}
.text-left .witrscontainer p,
.text-right .witrscontainer p {
    width: 43%;
}

.padding_lr0{
	padding-left:0;
	padding-right:0;
}





/* slider 2 text align */
.text-left .witr_slicks_title h4 {
    width: 50%;
}
.text-right .witr_slicks_title h4 {
    width: 50%;
}
.text-center .witr_slicks_title h4{
    width: 70%;
    margin-left:auto;
    margin-right:auto;
}
@media (min-width: 1200px){
.witr_container_nivo,
.witrscontainer2,
.witrscontainer {
	max-width: 1477px;
}



}
.witr_container_nivo,
.witrscontainer2,
.witrscontainer {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/* slider image thumb position */

.text-left .witr_slider_thumb {
    position: absolute;
    right: 0;
    top: 57%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.text-right .witr_slider_thumb {
    position: absolute;
    left: 0;
    top: 57%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.slider_btn .witr_btn{
	border:none;
	outline: none;
}

.slider_btn .witr_btn.active{
	background: transparent;
	border: 1px solid #ddd;
}

.slider_btn {
    margin-top: 45px;
}
/*

.witr_gbtn::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #060734;
    top: 2px;
    content: "";
    z-index: -1;
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
	transition:1s;
}
.witr_gbtn.active::after {
    position: absolute;
    border-radius: 100px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: linear-gradient(45deg, #00b0ff, #8e00ff);
    top: 2px;
    content: "";
    transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
	transition:.5s;
}
.witr_gbtn:hover::after {
    background: none;
}
.witr_gbtn.active:hover::after {
    background: #060734;
}
*/





/* slider icon css */
.text-center .icon_section {
    position: absolute;
    left: 50%;
    bottom: -90%;
	-webkit-transform:translateX(-50%);
	        transform:translateX(-50%);
}
.text-left .icon_section {
    position: absolute;
    left: 15px;
    bottom: -90%;
}

.text-right .icon_section {
    position: absolute;
    right: 15px;
    bottom: -90%;
}

.icon_title{
    display: inline-block;	
}
.icon_title h3{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
}
.techit_slider_icon{
    display: inline-block;	
}
.techit_slider_icon ul{}
.techit_slider_icon ul li{
    list-style: none;
    display: inline-block;	
}
.techit_slider_icon ul li a{}
.techit_slider_icon ul li a i{
    font-size: 15px;
    color: #fff;
    background: #8e00ff;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    
    transition: .5s;
}
.techit_slider_icon ul li a i:hover{}

/* footer text des */
.techit-description-area{}
.techit-description-area a{}
.techit-description-area a img {
    margin: 31px 0 26px;
}
.techit-description-area p,
.techit-description-area .phone a{
	color:#fff;
}
.techit-description-area .social-icons a{
color: #ffffff;
    background: #ffffff47;
    width: 38px;
    height: 38px;
    line-height: 36px;
    display: inline-block;
    /* border: 1px solid #ffffff; */
    text-align: center;
    border-radius: 5px;
    /* margin: 0 5px; */
    margin-bottom: 5px;
    font-size: 15px;
    margin-right: 3px;
}
.techit-description-area .social-icons a:hover{
	background:#0c3eb9;
/* 	border-color:#0c3eb9;*/
	color:#fff; 
}

/* option2 */
.techit-blog-area .techit-description-area .phone a,
.techit-blog-area .techit-description-area p{
	color:#333;	
}
.techit-blog-area .techit-description-area a img {
    margin: 0px 0 26px;
}
.techit-blog-area .techit-description-area .social-icons a{
     border: 1px solid #0c3eb9;
    margin-left: 5px;
}


/* circle progress */
.witr_circle_area {
    text-align: center;
	    margin-bottom: 30px;
}
.witr_cp_class{
	position:relative;
	text-align:center;
}
span.witr_cir_text {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    font-size: 25px;
    transform: translateX(-50%) translateY(-50%);
	font-weight:700;
	color:#0c3eb9;
}
canvas {
    border-radius: 50%;
}
span.witr_cir_text:first-letter {
  font-size: 0px;
  display:none;
}

.witr_circle_title{
    margin-top: 10px;	
}
.witr_circle_title h3{
	font-size:25px;
}



.witr_btn_hover a:hover{
	color:#0c3eb9 !important;	
}

.slider_btn .witr_btn i {
    font-size: 15px;
    margin-left: 10px;
    margin-right: 0px;
}


.footer-logo img {
    margin-top: 30px;
    margin-bottom: 20px;
}
.footer-address {
    padding-top: 0;
}

.witr_h_h17pdlt .trp_nav_area{
	padding-left:210px;
	padding-right:210px;
}

.ps_absulate{
    position: absolute !important;
   top: 70px;
    left: 20%;
    z-index: 999;
}

.psc_absolute{
    position: absolute !important;
    right: 0;
    left: 0;
    top: -48%; 
    z-index: 999;
}




/* btn css style */


/* button default style */
.witr_btn{
	background: #0c3eb9;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    padding: 12px 30px;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    margin-right: 20px;
	z-index:2;
    transition: 1s;	
}
 .witr_btn:hover{
	background:#15263b;
	color: #fff;	
} 

/* video button i */
.witr_btn i {
    font-size: 18px;
    margin-left: 6px;
    transition: 1s;		
}
.witr_btn i:hover{
    margin-left: 10px;
}

/* button default br style */
.witr_bbtn{
    border-radius: 3px;
    color: #0c3eb9;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 30px;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    margin-right: 20px;
	z-index:2;
    transition: 1s;	
	border:2px solid #0c3eb9;
}
 .witr_bbtn:hover{
	color:#fff;
	background:#0c3eb9;
	border-color:#0c3eb9;
}


/* video button i */
.witr_bbtn i {
    font-size: 15px;
    margin-right: 6px;
}
.witr_bbtn i:hover{
    margin-left: 10px;
}


/* ------------ button gradient style ----------------- */
.witr_gbtn{
	background-color: #3d59e8;
    background: linear-gradient(45deg, #4C0062, #0c3eb9);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    margin-right: 20px;
	z-index:2;
    transition: all 0.5s;	
}
.witr_gbtn:hover{
	color:#fff;
}
.witr_gbtn::before{
    position: absolute;
    border-radius: 3px;
    left: 0;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background:linear-gradient(45deg, #0c3eb9, #4C0062);
    top: 0;
    content: "";
    width: 100%;
	z-index:-2;
transition: all .5s ease;	
}
.witr_gbtn:hover::before{
    opacity: 1;
}
/* video button i */

.witr_gbtn i {
    font-size: 15px;
    margin-right: 6px;
}



/* ------------ button gradient border style ----------------- */
.witr_gbbtn{
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-right: 20px;
	z-index:2;
    transition: all 0.5s;	
}
.witr_gbbtn:hover{
	color:#fff;
}
.witr_gbbtn::before{
    position: absolute;
    border-radius: 3px;
    left: 0;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background:linear-gradient(45deg, #0c3eb9, #4C0062);
    top: 0;
    content: "";
    width: 100%;
	z-index:-2;
transition: all .5s ease;	
}
.witr_gbbtn::after{
    position: absolute;
    border-radius: 3px;
    left: 2px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background:#333;
    top: 2px;
    content: "";
	z-index:-1;
transition: all .5s ease;
    width: calc(100% - 4px);
    height: calc(100% - 4px);	
}


.witr_gbbtn:hover::before{
    opacity: 1;
}
.witr_gbbtn:hover::after{
    opacity:0;
}

/* video button i */

.witr_gbbtn i {
    font-size: 15px;
    margin-right: 6px;
}






/* Video Default Button */
.witr_vbtn{
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
	 color: #fff;
	 background:#4C0062;
}
.witr_vbtn i{
	color:#fff;
}
.witr_vbtn:hover{
	 background:#0c3eb9;	
}
/* Video Default Border Button */
.witr_vbbtn{
     width: 50px;
     height: 50px;
     line-height: 46px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
	 border:2px solid #4C0062;
}
.witr_vbbtn i{
	 color: #4C0062;
}
.witr_vbbtn:hover{
	 background:#0c3eb9;
border-color:#0c3eb9;	 
}
.witr_vbbtn:hover i{
color:#fff;	 
}



/* Video gradient Button */
.witr_vgbtn{
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
     background: linear-gradient(45deg, #0c3eb9, #4C0062);	 
}
.witr_vgbtn i{
	color:#fff;
}

/* Video gradient hover style Button */

.witr_vhgbtn{
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
     background: linear-gradient(45deg, #4C0062, #0c3eb9);	 
}

.witr_vhgbtn::before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition: .3s;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: linear-gradient(45deg, #0c3eb9, #4C0062);
}
 .witr_vhgbtn:hover::before{
     opacity: 1;
}
.witr_vhgbtn i{
	color:#fff;
}


/* Video gradient border style Button */

.witr_vbgbtn{
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
}

.witr_vbgbtn::before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition: .3s;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: linear-gradient(45deg, #0c3eb9, #4C0062);
}
.witr_vbgbtn::after{
     height: calc(100% - 4px);
     width: calc(100% - 4px);	 
     z-index: -1;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     background: #333;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     position: absolute;
     border-radius:50%;
     left: 2px;
     top: 2px;
     content: "";
}
.witr_vbgbtn:hover::after{
	opacity:0;
}
.witr_vbgbtn i{
	color:#fff;
}

/* Video gradient dubble border style Button */

 .witr_vbbgbtn_inner{
     width: 70px;
     height: 70px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-right: 20px;
}
 .witr_vbbgbtn_inner:before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition: .3s;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: -webkit-linear-gradient(45deg, #0c3eb9, #4C0062);
     background: linear-gradient(45deg, #0c3eb9, #4C0062);
}
 .witr_vbbgbtn_inner:after{
     height: calc(100% - 2px);
     z-index: -1;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     background: #04071e;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     position: absolute;
     border-radius:50%;
     left: 1px;
     top: 1px;
     content: "";
     width: calc(100% - 2px);
}
/* inner div btn */
.witr_vbbgbtn{
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
}

.witr_vbbgbtn::before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition: .3s;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: linear-gradient(45deg, #0c3eb9, #4C0062);
}
.witr_vbbgbtn::after{
     height: calc(100% - 4px);
     width: calc(100% - 4px);	 
     z-index: -1;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     background: #04071e;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     position: absolute;
     border-radius:50%;
     left: 2px;
     top: 2px;
     content: "";
}
.witr_vbbgbtn i{
	color:#0c3eb9;
}

/* Video gradient dubble bg border style Button */

 .witr_vdbbgbtn_inner{
     width: 70px;
     height: 70px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-right: 20px;
}
 .witr_vdbbgbtn_inner:before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition: .3s;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: -webkit-linear-gradient(45deg, #0c3eb9, #4C0062);
     background: linear-gradient(45deg, #0c3eb9, #4C0062);
}
 .witr_vdbbgbtn_inner:after{
     height: calc(100% - 2px);
     z-index: -1;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     background: #fff;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     position: absolute;
     border-radius:50%;
     left: 1px;
     top: 1px;
     content: "";
     width: calc(100% - 2px);
}
/* inner div btn */
.witr_vdbbgbtn{
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: relative;
     border-radius: 50%;
     z-index: 2;
     margin-top: 10px;
     display: inline-block;
}

.witr_vdbbgbtn::before{
     position: absolute;
     border-radius:50%;
     left: 0;
     height: 100%;
     z-index:-2;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transition: .3s;
     transition:.3s;
     top: 0;
     content: "";
     width:100%;
     background: linear-gradient(45deg, #0c3eb9, #4C0062);
}
.witr_vdbbgbtn i{
	color:#fff;
}


/* button video text */
.f_left{
	float:left;
	margin-right:5px;
}
 .witr_vider_text {
     float: left;
}
 .witr_vider_text_inner {
     margin-top: 5px;
}
 span.witr_v_text1 {
     color: #626262;
     display:block;
     font-size:17px;
     font-weight:300;
}
 span.witr_v_text2 {
     color: #333;
     font-size:17px;
     font-weight:600;
     text-transform:uppercase;
}


.witr_btn_vstyled {
    display: inline-flex;
}

.witr_btn_vstyle{
	margin-right:15px;
}
.vtbtnsty4{
	margin-top:10px;
}


/* margin top-bottom */
.mrtb5{
margin:5px 0;	
}
.mrtb10{
margin:10px 0;	
}
.mrtb15{
margin:15px 0;	
}
.mrtb20{
margin:20px 0;	
}
.mrtb30{
margin:30px 0;	
}
.mrtb40{
margin:40px 0;	
}
.mrtb50{
margin:50px 0;	
}
.mrtb60{
margin:60px 0;	
}
.mrtb70{
margin:70px 0;	
}
.mrtb80{
margin:80px 0;	
}
.mrtb90{
margin:90px 0;	
}
.mrtb100{
margin:100px 0;	
}
.mrtb110{
margin:110px 0;	
}
.mrtb120{
margin:120px 0;	
}



/* margin top spacing */
.mrt5{
	margin-top:5px;
}
.mrt10{
	margin-top:10px;
}
.mrt15{
	margin-top:15px;
}
.mrt20{
	margin-top:20px;
}
.mrt25{
	margin-top:25px;
}
.mrt30{
	margin-top:30px;
}
.mrt35{
	margin-top:35px;
}
.mrt40{
	margin-top:40px;
}
.mrt45{
	margin-top:45px;
}
.mrt50{
	margin-top:50px;
}
.mrt55{
	margin-top:55px;
}
.mrt60{
	margin-top:60px;
}
.mrt65{
	margin-top:65px;
}
.mrt70{
	margin-top:70px;
}
.mrt75{
	margin-top:75px;
}
.mrt80{
	margin-top:80px;
}
.mrt85{
	margin-top:85px;
}
.mrt90{
	margin-top:90px;
}
.mrt95{
	margin-top:95px;
}
.mrt100{
	margin-top:100px;
}
.mrt110{
	margin-top:110px;
}
.mrt120{
	margin-top:120px;
}
.mrt130{
	margin-top:130px;
}
.mrt140{
	margin-top:140px;
}
.mrt150{
	margin-top:150px;
}
.mrt160{
	margin-top:160px;
}
.mrt170{
	margin-top:170px;
}
.mrt180{
	margin-top:180px;
}
.mrt190{
	margin-top:190px;
}
.mrt200{
	margin-top:200px;
}

/* margin bottom spacing */
.mrb5{
	margin-bottom:5px;
}
.mrb10{
	margin-bottom:10px;
}
.mrb15{
	margin-bottom:15px;
}
.mrb20{
	margin-bottom:20px;
}
.mrb25{
	margin-bottom:25px;
}
.mrb30{
	margin-bottom:30px;
}
.mrb35{
	margin-bottom:35px;
}
.mrb40{
	margin-bottom:40px;
}
.mrb45{
	margin-bottom:45px;
}
.mrb50{
	margin-bottom:50px;
}
.mrb55{
	margin-bottom:55px;
}
.mrb60{
	margin-bottom:60px;
}
.mrb65{
	margin-bottom:65px;
}
.mrb70{
	margin-bottom:70px;
}
.mrb75{
	margin-bottom:75px;
}
.mrb80{
	margin-bottom:80px;
}
.mrb85{
	margin-bottom:85px;
}
.mrb90{
	margin-bottom:90px;
}
.mrb95{
	margin-bottom:95px;
}
.mrb100{
	margin-bottom:100px;
}
.mrb110{
	margin-bottom:110px;
}
.mrb120{
	margin-bottom:120px;
}
.mrb130{
	margin-bottom:130px;
}
.mrb140{
	margin-bottom:140px;
}
.mrb150{
	margin-bottom:150px;
}
.mrb160{
	margin-bottom:160px;
}
.mrb170{
	margin-bottom:170px;
}
.mrb180{
	margin-bottom:180px;
}
.mrb190{
	margin-bottom:190px;
}
.mrb200{
	margin-bottom:200px;
}

/* margin left spacing */
.mrl5{
	margin-left:5px;
}
.mrl10{
	margin-left:10px;
}
.mrl15{
	margin-left:15px;
}
.mrl20{
	margin-left:20px;
}
.mrl25{
	margin-left:25px;
}
.mrl30{
	margin-left:30px;
}
.mrl35{
	margin-left:35px;
}
.mrl40{
	margin-left:40px;
}
.mrl45{
	margin-left:45px;
}
.mrl50{
	margin-left:50px;
}
.mrl55{
	margin-left:55px;
}
.mrl60{
	margin-left:60px;
}
.mrl65{
	margin-left:65px;
}
.mrl70{
	margin-left:70px;
}
.mrl75{
	margin-left:75px;
}
.mrl80{
	margin-left:80px;
}
.mrl85{
	margin-left:85px;
}
.mrl90{
	margin-left:90px;
}
.mrl95{
	margin-left:95px;
}
.mrl100{
	margin-left:100px;
}
.mrl110{
	margin-left:110px;
}
.mrl120{
	margin-left:120px;
}
.mrl130{
	margin-left:130px;
}
.mrl140{
	margin-left:140px;
}
.mrl150{
	margin-left:150px;
}
.mrl160{
	margin-left:160px;
}
.mrl170{
	margin-left:170px;
}
.mrl180{
	margin-left:180px;
}
.mrl190{
	margin-left:190px;
}
.mrl200{
	margin-left:200px;
}
/* margin right spacing */
.mrr5{
	margin-right:5px;
}
.mrr10{
	margin-right:10px;
}
.mrr15{
	margin-right:15px;
}
.mrr20{
	margin-right:20px;
}
.mrr25{
	margin-right:25px;
}
.mrr30{
	margin-right:30px;
}
.mrr35{
	margin-right:35px;
}
.mrr40{
	margin-right:40px;
}
.mrr45{
	margin-right:45px;
}
.mrr50{
	margin-right:50px;
}
.mrr55{
	margin-right:55px;
}
.mrr60{
	margin-right:60px;
}
.mrr65{
	margin-right:65px;
}
.mrr70{
	margin-right:70px;
}
.mrr75{
	margin-right:75px;
}
.mrr80{
	margin-right:80px;
}
.mrr85{
	margin-right:85px;
}
.mrr90{
	margin-right:90px;
}
.mrr95{
	margin-right:95px;
}
.mrr100{
	margin-right:100px;
}
.mrr110{
	margin-right:110px;
}
.mrr120{
	margin-right:120px;
}
.mrr130{
	margin-right:130px;
}
.mrr140{
	margin-right:140px;
}
.mrr150{
	margin-right:150px;
}
.mrr160{
	margin-right:160px;
}
.mrr170{
	margin-right:170px;
}
.mrr180{
	margin-right:180px;
}
.mrr190{
	margin-right:190px;
}
.mrr200{
	margin-right:200px;
}

.pdlr0{
	padding-right:0px;
	padding-left:0px;
}


/*
  Theme Name: Techit 
  Version: 2.0
*/

/*===========================
    1. Theme default css 
===========================*/
.fix{
    clear: both;
}

/*button css*/
.witr_butn {
    padding: 0px 50px;
    border: 2px solid #fff;
    position: relative;
    transition:1s;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    color: #fff;
	line-height: 50px;
    margin-top: 30px;
	text-transform:uppercase;
	display: inline-block;
    font-size: 16px;
    font-weight: 500;
	margin-right: 10px;	
}
.witr_butn:before {
    content: '';
    width: 0;
    height: 100%;
    background: #0c3eb9;
    position: absolute;
    left: 0;
    top: 0;
	z-index:-1;
    border-radius: 5px;
    transition: 1s;
}
.witr_butn:hover:before {
    width: 100%;
	z-index:-1;	
}
 .witr_butn:hover {
   color: #fff;
   border-color:#0c3eb9;
	z-index:999;
} 

.witr_video_butns {
    display: inline-block;
    color: #fff;
	text-transform:uppercase;
	font-size: 16px;
    overflow: hidden;
}
/*===========================
    3.banner css 
===========================*/
.elementor-section-full_width .witr_containers2 {
    margin: auto;
	width:70%;
	
}
.elementor-3402 .elementor-element.elementor-element-1a8d65f:not(.elementor-motion-effects-element-type-background),
.elementor-3402 .elementor-element.elementor-element-1a8d65f > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	animation: witr_slide_banner 100s linear infinite;	
}
/* witr_slide */
@keyframes witr_slide_banner{
  from { background-position: 0 0; }
    to { background-position: 1920px 0; }
}
.witr_banner_area {
    height: 1044px;
    padding: 0;
/*     background: rgba(0, 0, 0, 0.6);	 */
    position: relative; 
}

.witr_banner_content {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1; 
}
/* .witr_banner_content.text-left {
    margin-left: 30px;
}
.witr_banner_content.text-right {
    margin-right: 30px;
} */

.witr_banner_content h1 {
    color: #fff;
    font-size: 27px;
    margin-bottom: 0px;
}
.witr_banner_content h2 {
    color: #fff;
    font-size: 100px;
    margin-bottom: 30px;
	font-weight:700;
}

.witr_banner_content h1 span,
.witr_banner_content h2 span{
	color: #0c3eb9;	
}

.witr_banner_content p {
	color:#fff;
    font-size: 20px;
    width: 42%;
}
.witr_banner_content.text-center p{
    margin: 20px auto 16px auto;
}
.witr_banner_content.text-left p{}
.witr_banner_content.text-right p{
    margin: 20px 0 16px auto;
}
.witr_banner_content a {
 	
}
.witr_banner_contentt a.witr_butn {
    font-weight: 600;
    color: #232323;
}

.witr_rimg img{
    top: 50%;
    position: absolute;
    right: 0;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
	
}


.witr_banner_contentt ul {}
.witr_banner_content ul li {
    display: inline-block;
}
.witr_banner_content ul li a {}
.witr_banner_content a i {
    color: #0c3eb9;
    background: #fff;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
	
	transition:.5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
}
.witr_banner_content a i:hover{
    color: #fff;
    background: #0c3eb9;	
}
.witr_ico2 {
	 margin-top: 10px;
}


.witr_banner_content form{
    position: relative;
    width: 445px;   
}
.witr_banner_content form input{
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    height: 50px;
    width: 445px;
    padding-left: 30px;
    border-radius: 30px;
    margin-top: 45px;
}
.witr_banner_content form input::-webkit-input-placeholder{
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
}
.witr_banner_content form input:-ms-input-placeholder{
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
}
.witr_banner_content form input::-moz-placeholder{
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
}
.witr_banner_content form input::placeholder{
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
}
.witr_banner_content form button {
	position: absolute;
	right: 0px;
	bottom: 0;
	background: #fff;
	border: 0;
	height: 50px;
	padding: 14px 35px;
	border-radius: 30px;
    color: #0c3eb9;
    font-weight: 500;
    cursor: pointer;
	line-height: 0px;    
}


.witr_banner_video_item {
    position: absolute;
    left: 72%;
    top: 50%;
    transform: translateX(-50%) translateY(-50px);
    z-index: 9999;
}
.witr_banner_video_item a{
    position: relative;
    display: block;	
}
.witr_banner_video_item a::after,
.witr_banner_video_item a::before{
	content:"";
	position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    /* margin-left: .5px; */
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    animation: witr_banner_ripple 2s infinite;
}
.witr_banner_video_item a::after {
    animation-delay: 1.5s;
    content: "";
}
.witr_banner_video_item i {
	color: #0c3eb9 ;
	height: 70px;
	width: 70px;	
	text-align: center;
	line-height: 70px;
	background: #fff;
	border-radius: 50%;
	font-size: 25px;	
}
@keyframes witr_banner_ripple{
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}	
}



/*===========================
    4.feature css 
===========================*/
.sub-border {
    /* border-bottom: 1px solid #dddddd; */
}
.sub-item {
	position: relative;
/* 	margin-top: 20px; */
}
.sub-item i {
    font-size: 30px;
    color: #fff;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    background: #0c3eb9;
}
.single_feature:hover .sub-item i{
	
	transition:.5s;
}
.sub-item span {
    position: absolute;
    top: -6px;
    left: 50%;
    font-size: 50px;
    color: #eeeeee;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.sub-item h3 {
    font-size: 24px;
    margin-top: 19px;
/*     padding-bottom: 2px; */
    color: #232323;
}
/*====== home page 2 ======*/
.sub-border-2 {}
.sub-border-2 .sub-item span {
    top: 31px;
    left: 45%;
	z-index: 999;
}
.sub-border-2 .sub-item p {
    padding: 0 0px;
}
/*====== home page 3 ======*/
/* .sub-item-3 {
    border: 1px solid #ddd;
    padding: 20px 30px 30px;
} */
.sub-item.sub-item-3 i {
    height: 80px;
    width: 80px;
    color: #0c3eb9;
    line-height: 78px;
    border: 2px solid #0c3eb9;
    background: none;
    
    transition: .5s;
}
.sub-item.sub-item-3 p {
	padding-top: 22px;
}
.sub-item.sub-item-3:hover i {
    color: #fff;
	background:#0c3eb9;
}
.sub-item-3.sub-item h3 {
     padding-bottom: 8px;
margin-top:0px;	 
}

/*====== home page 6 ======*/
.sub-item.sub-item-6 i {
    border-radius: 30% 70% 70% 30% / 50% 50% 50% 50%;
    background: #f7f8ff;
    color: #0c3eb9 ;
    
    transition: .5s;
}
.sub-item.sub-item-6:hover i {
    color: #fff;
}
/*====== home page 8 ======*/
.sub-item.sub-item-8 {
	padding: 30px 20px 21px;
    transition: .5s;
}
.sub-item.sub-item-8:hover {
	box-shadow: 0px 0px 29px -26px #000;
}


/* ===== feature style 3d css ===== */
.witr_feature_3d {
    perspective: 1000px;
    transition: .1s;
}
.witr_feature_3d:hover .witr_single_feature_3d {
    transform: rotateY( -180deg);
}
.witr_single_feature_3d {
    transition: transform .5s;
    transform-style: preserve-3d;
    position: relative;
    text-align: center;
    z-index: 999;	
}
.witr_feature_position{
    left: 0;
    padding: 40px 20px 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); 	
}
.witr_feature_front_3d,
.witr_feature_back_3d {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.witr_feature_front_3d {
    z-index: 2;
}
.witr_feature_back_3d {
    z-index: 3;
    transform: rotateY( -180deg);
}
.witr_feature_3d,
.witr_feature_front_3d,
.witr_feature_back_3d {
	height: 398px;
	width:100%;
}
/* tittle css */
.witr_feature_content_3d{}
.witr_feature_icon_3d {
	margin-bottom: 14px;
}
.witr_feature_icon_3d i {
    font-size: 35px;
	color:#fff;
}

.witr_feature_content_3d h3 {
    margin-bottom: 12px;
	color:#fff;
	font-size: 25px;
}
.witr_feature_content_3d p {
	color:#fff;
}

/* feature Front Face */
.witr_feature_front_3d {
    background: #0c3eb9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.witr_feature_front_3d:before {
/*     background: rgba(0, 0, 0, 0.7); */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.witr_feature_back_3d {
    background: #15263b;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.witr_feature_back_3d:before {
    /* background: rgba(73, 0, 221, 0.7); */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


/*  feature Button */
.witr_feature_btn_3d {
    margin-top: 27px;
    z-index: 999;
}
.witr_feature_btn_3d a {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 8px 33px;
    transition: 1s;
}
.witr_feature_btn_3d  a:hover {
    background: #fff;
    color: #0c3eb9;
}

/* Feature Slug */
.witr_slug_feature{
	background-image:url(../images/pr1.jpg);
	position:relative; 
	padding:120px 0px;
	overflow:hidden;
	margin-bottom: 30px;
}
.witr_slug_feature.slug_feature1{
	background-image:url(../images/pr2.jpg);
}
.witr_slug_feature.slug_feature2{
	background-image:url(../images/pr3.jpg);
}
.witr_slug_feature .witr_feture_back_con_slugf{
	position: absolute;
	top: -244px;
	left: 0px;
	opacity: 1;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0px 30px;
	background: rgb(12 62 185 / 80%);
	transition:1s;
}
.witr_slug_feature:hover .witr_feture_back_con_slugf{
top:0;
}

.witr_back_con_slugf {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.witr_slug_front_contentf {
	display: flex;
	background: rgb(12 62 185 / 80%);
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 10px 20px;
	transition:1s;
}

.witr_feature_iconf  {
    color: #fff;
    font-size: 40px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.witr_feature_iconf i{}

.witr_back_con_slugf .witr_content_textf h3 {
	font-size: 25px;
	margin-bottom: 11px;
	padding-top: 0;
	color:#fff;
}
.witr_slug_front_contentf .witr_content_textf h3 {
    color: #fff;
    margin-left: 20px;
    margin-top: 17px;
    font-size: 25px;
}
.witr_content_textf p {
	color: #fff;
}
.witr_slug_feature:hover .witr_slug_front_contentf{
	bottom:-100px;
} 
.witr_slug_front_contentf .witr_content_textf p {
	display: none;
}
.witr_feature_btn_f a {
	color: #fff;
	background: #fff;
	color: #0c3eb9;
	padding: 6px 21px;
	border-radius: 5px;
	margin-top: 15px;
	display: inline-block;
}
.witr_feature_btn_f a:hover{
color:#fff;
background:#0c3eb9;
}

/* box feature */
.singleService{
    position: relative;
    padding: 24px 0 0;
    transition: 1s;

}
.singleService h3{
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 7px;
}
.singleService p{
    margin-bottom: 88px;
}

.box {
    position: relative;
    text-align: center;
}
.box:before{
    width: 267px;
    height: 276px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
	transition:1s;
    text-align: center;
    background: url(../images/s5.png) no-repeat center center / cover;
    animation: box_blinker_before 9s linear infinite;
	
}
@keyframes box_blinker_before {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.box:after{
    width: 163px;
    height: 182px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    content: '';
	transition:1s;
    text-align: center;
    background: url(../images/s6.png) no-repeat center center / cover;
    animation: box_blinker_after 9s linear infinite;
}
@keyframes box_blinker_after{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.singleService:hover .box:before{
    visibility: hidden;
    opacity: 0;
}
.singleService:hover .box:after{
    visibility: visible;
    opacity: 1;
}
.box i{
    color: #4621ff;
    font-size: 53px;
    line-height: 53px;
    z-index: 5;
    top: 0;
    left: 6px;
    text-align: center;
    position: relative;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singleService h2{
    font-size: 60px;
    line-height: 37px;
    color: #eef3ff;
    top: 35px;
    right: -52px;
    z-index: -1;
    position: relative;
    margin: 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singleService:hover .box i,
.singleService:hover h2{
    color: #0c3eb9;
}
.boxTop{
    padding-top: 100px;
	margin-bottom: 30px;
}
.boxTop .box{
    margin-bottom: 84px;
}
.boxTop h2 {
    top: -49px;
    right: -57px;
}
.boxTop p{
    margin-bottom: 0;
}

/*===========================
    5.feature2 css 
===========================*/

.witr_feature2 {
	position: relative;
	z-index: 1;
	background:#15263b;
    padding: 65px 20px;
	transition:.5s;	
}
.witr_feature2:hover {
	background:#0c3eb9;	
}

.witr_fea2_icon_top i {
    font-size: 80px;
    color: #fff;
}
.single_feature2:hover .witr_fea2_icon_top i{
	transition:.5s;
}
.witr_feature2_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    z-index: -1;
	opacity:0;
	transition:.5s;
}
.single_feature2:hover .witr_feature2_icon{
	opacity:8%;
}
.witr_feature2_icon i {
    font-size: 150px;
    color: #fff;
}
.witr_feature2 h3 {
    font-size: 24px;
    margin-top: 19px;
    color: #fff;
}
.witr_feature2 p {
	color: #fff;
}
.witr_feature_btn2 a {
	color: #fff;
}
.witr_feature_btn2 a:hover{
	color:#0c3eb9;
}


/*===========================
    5.tab area css 
===========================*/
.tab_area {}
.tab_item {}
.tab_item ul {}
.tab_item ul li {
    padding: 0;
}
.tab_item ul li a {
    color: #232323;
    border: 1px solid #e2e2e2;
    padding: 12px 6px;
    font-size: 21px;
    margin-right: 25px;
	margin-bottom: 30px;
	font-weight: 600;	
}
.tab_item ul li a i {
    font-size: 50px;
	color:#0c3eb9;
    position: relative;
    top: -10px;
}
.tab_item ul li a span {
    overflow: hidden;
    display: inline-block;
    width: 54%;
    padding-top: 10px;
	font-family:Saira, sans-serif;	
}

.tab_area .tab_item ul li:last-child a{
    margin-right: 0px;
}
.tab_item .nav-pills li .nav-link.active {
	background:url(../images/tab-bg.png);
	color:#0c3eb9;
    border: 1px solid #fff;
}
.margin_top_30{
	margin-top:30px;
}
.margin_top_40{
	margin-top:40px;
}
.em_post_tab_thumb img {
    width: 100%;
}
.tab_area .tab_content h3 {
    font-size: 34px;	
    line-height: 45px;
    margin-bottom: 20px;	
}
.tab_area .tab_content p {
	    width: 97%;
}
.tab_area .tab_content a {
    color: #0c3eb9;
    display: block;
    margin-top: 30px;
    font-weight: 600;
    transition: .5s;
}
.tab_area .tab_content a:hover {
    color: #232323;
}
.tab_area .tab_content:first-child a {
    margin-right: 25px;
}
.tab_area .tab_content a i {
    margin-left: 5px;
    transition: 1s;
}
.tab_area .tab_content a:hover i{
    margin-left: 15px;
}



.digital-img img {
	width: 100%;
}


/*===========================
    5.play  css 
===========================*/
.witr_play_vi {
	position: relative;
}
.witr_about_image{
	position: relative;	
}
.witr_about_image::before{
    position: absolute;
    content: '';	
    width: 100%;
    height: 100%;
/*     background: rgba(73, 0, 221, 0.6); */	
}
.witr_about_image img{
	width:100%;
}
.play-overlay{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);	
}
.play-overlay a{
    position: relative;
    display: block;	
	
}
.play-overlay a::after,
.play-overlaya::before{
	content:"";
	position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    animation: witr_video_ripple 2s infinite;
}
.play-overlay a::after {
    animation-delay: 1.5s;
}

.play-overlay i {
	color: #0c3eb9 ;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	background: #fff;
	border-radius: 50%;
	font-size: 25px;
}

/*===========================
    10.video css 
===========================*/
.video-part {}
.video-overlay {

    padding: 70px 0 50px;
}

.video-item {}
.video-item a{
    position: relative;
    display:block;	
}

.video-item a::after,
.video-item a::before{
	content:"";
	position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    animation: witr_video_ripple 2s infinite;
}
.video-item a::after {
    animation-delay: 1.5s;
}

.video-item i {
	color: #0c3eb9 ;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	background: #fff;
	border-radius: 50%;
	font-size: 25px;	
}
@keyframes witr_video_ripple{
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);}		
}




.video-item h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    line-height: 30px;
	margin-top: 35px;
}




/*===========================
    6.about area css 
===========================*/

.witr_about_content {}
.witr_about_content h2 {
    font-size: 24px;
}
.witr_about_content h3 {
    font-size: 40px;
/*     margin-bottom: 40px; */	
}
.witr_about_content h2 span,
.witr_about_content h3 span {
    color:#07D1C1;
}
.witr_about_content p {
    margin-top: 20px;
}
.witr_about_content h2,
.witr_about_content h3,
.witr_about_content p {
	margin-left:auto !important;	
	margin-right:auto !important;
}
.witr_about_btn{
	margin-top: 60px;
}
.witr_about_btn a {
    font-size: 17px;
    color: #232323;
    font-weight: 500;
	background:#0c3eb9;
    border-radius: 30px;
    padding: 18px 42px;
    transition: .5s;
}
.witr_about_btn a:hover {
    background: #ff7e00;
    color: #fff;
}
.witr_about_image{}
.witr_about_image img {
/*     width: 100%; */
}

/*===========================
    6.service css 
===========================*/
.service {
    background: rgb(1, 219, 176);
}
.service .section-title h3,
.service .section-title p {
    color: #232323;
}
.service-item i {
    color: #232323;
    height: 68px;
    width: 68px;
/*     border: 2px solid #232323; */
    border-radius: 50%;
    text-align: center;
    line-height: 66px;
    box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);	
    font-size: 24px;
    
    transition: .5s;
}
.service-item:hover i {
    background: #0c3eb9;
    color: #fff;
	border-color:#0c3eb9;
}
.service-item h3 {
    font-size: 25px;
    font-weight: 600;
    padding-top: 18px;
}
.service-item p {
    color: #232323;
    padding-right: 2px;
    padding-top: 0px;
}

/* ===== service style 3d css ===== */
.witr_service_3d {
    perspective: 1000px;
    transition: .1s;
}
.witr_service_3d:hover .witr_single_service_3d {
    transform: rotateY( -180deg);
}
.witr_single_service_3d {
    transition: transform .5s;
    transform-style: preserve-3d;
    position: relative;
    text-align: center;
    z-index: 999;	
}
.witr_service_position{
    left: 0;
    padding: 40px 20px 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); 	
}
.witr_service_front_3d,
.witr_service_back_3d {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.witr_service_front_3d {
    z-index: 2;
}
.witr_service_back_3d {
    z-index: 3;
    transform: rotateY( -180deg);
}
.witr_service_3d,
.witr_service_front_3d,
.witr_service_back_3d {
	height: 398px;
	width:100%;
	margin-bottom: 30px;
}
/* tittle css */

.witr_service_content_3d{}
.witr_service_icon_3d {
	margin-bottom: 14px;
}
.witr_service_icon_3d i {
    font-size: 35px;
	color:#fff;
}

.witr_service_content_3d h3 {
    margin-bottom: 12px;
	color:#fff;
}
.witr_service_content_3d p {
	color:#fff;
}

/* Service Front Face */
.witr_service_front_3d {
    background: #0c3eb9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.witr_service_front_3d:before {
/*     background: rgba(0, 0, 0, 0.7); */
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.witr_service_back_3d {
    background: #0c3eb9;
	background-image:url(../images/it-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.witr_service_back_3d:before {
    background:#0c3eb9cc; 
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.witr_service_back_3d.witr_service2_back_3d {
    background-image:url(../images/service-back-01.jpg);
}
.witr_service_back_3d.witr_service3_back_3d {
    background-image:url(../images/service-back-02.jpg);
}


/* Service Service Button */
.witr_service_btn_3d {
    margin-top: 27px;
    z-index: 999;
}
.witr_service_btn_3d a {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 8px 33px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.witr_service_btn_3d  a:hover {
    background: #fff;
    color: #0c3eb9;
}



/*CREATIVE SERVICE2 SECTION 2*/
.witr_service2 {
    margin-bottom: 30px;
}
.witr_front_content {
	position:relative;
}
.witr_service2_image{
	position:relative;
    overflow: hidden;	
}
.witr_service2_image img{
	width: 100%;
    transition: 1s;	
}
.witr_service2:hover .witr_service2_image img{
	transform:scale(1.2);	
}
.witr_service2_box{
    background: #fff;
    padding: 21px 26px 17px;
    box-shadow: 0px 0px 30px rgba(42,67,113,.15);	
}
.witr_service2_icon,
.witr_ser_img{
    float: left;
	margin-right: 20px;
    margin-top: 8px;	
}
.witr_service2_icon i{
	color: #0c3eb9;
    font-size: 50px;
    transition: all 0.3s ease 0s;	
}

/* witr_custom2_icon */
.witr_custom2_icon{
    float: left;
    margin-right: 20px;
    margin-top: 8px;
}
.witr_custom2_icon i{
    color: #0c3eb9;
    font-size: 47px;
    transition: .5s;
}
.witr_titles{
    overflow: hidden;	
}
.witr_titles h3{
    font-size: 24px;
}
.witr_titles p{
    color: #0c3eb9;
    margin-bottom: 2px;	
}

.witr_service2_btnb{
    position: absolute;
    top: 50%;
    left: -40%;
    transform: translate(-50%, -50%);
    transition: 1s;
}
.witr_service2:hover .witr_service2_btnb{
    left: 50%;
}

.witr_service2_btnb a{
	font-size:16px;
	font-weight:600;
	color:#fff;
	background:#0c3eb9;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: 1s;	
}
.witr_service2_btnb a i{
	margin-left: 4px;
    transition: 1s;	
}
.witr_service2_btnb a:hover i{
	margin-left: 10px;

}


/*====== SERVICE3 SECTION 3 ===========*/
.witr_single_service3{
	position:relative;
	background: #fff;
    transition: .5s;
    padding: 60px 30px 60px;
	z-index:1;
	overflow:hidden;
}
.witr_single_service3:hover{
	position:relative;
    transition: 1s;	
	background-image: url(../images/service.jpg);
    background-position: center center;
    background-size: cover;
}
.solution3 .witr_single_service3::before {
	height:2px;
}
.witr_single_service3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;	
	width:100%;
	height:0;
    background: rgba(12, 62, 185, 0.6);
	z-index:-1;
    transition: 1s;	
}
.witr_single_service3:hover::before {
	height:100%;
}

.witr_top_icon{
    position: absolute;
    top: 16%;
    right: 30px;
    transition: 1s;	
}
.witr_single_service3:hover .witr_top_icon{
	transform: rotate(90deg);
}
.witr_top_icon a{}
.witr_top_icon a i{
	width: 40px;
    display: inline-block;
    height: 40px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    border: 5px solid #e6ebf8;
    border-radius: 50%;
    color: #0c3eb9;	
}
.witr_service3_box{}

.witr_service3_icon{
	    transition: 1s;	
	background:url(../images/7.png) no-repeat top left;			
}
.witr_single_service3:hover .witr_service3_icon{
	background:url(../images/hspape.png) no-repeat top left;
z-index:999;	
}
.witr_service3_icon i{		
    color: #0c3eb9;
    font-size: 64px;
    transition: 1s;	
}

.witr_service3_content{}
.witr_service3_content h3{
    font-size: 24px;
    margin: 22px 0px 17px;
	transition: 1s;
}
.witr_service3_content p{
    transition: 1s;	
}
.witr_service3_btn{
	margin-top: 27px;	
}
.witr_service3_btn a{
	font-size:16px;
	font-weight:600;
    color: #0c3eb9;
    border: 1px solid #ececec;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: 1s;	
}
.witr_single_service3:hover .witr_service3_btn a:hover{
    border: 1px solid #ececec;
	background:transparent;	
}
.witr_single_service3:hover .witr_service3_btn a{
	color:#fff;
	background:#0c3eb9;
    border: 1px solid #0c3eb9;	
}


.witr_service3_btn a i{
	margin-left: 5px;
    transition: 1s;	
}
.witr_service3_btn a:hover i{
	margin-left: 15px;

}
.witr_single_service3:hover .witr_service3_icon i,
.witr_single_service3:hover .witr_service3_content h3,
.witr_single_service3:hover .witr_service3_content p,
.witr_single_service3:hover .witr_service3_btn a{
    color: #fff;
	border-color:#fff;

}


.mobil-item .slick-dots li button {
    background-color: transparent;
    font-size: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
}
.mobil-item .slick-dots li.slick-active button {
    background: #fff;
}


/*===========================
    7.case css 
===========================*/

.witr_case{
     position: relative;
    overflow: hidden;
    padding-bottom: 45px;
	    margin-bottom: 30px;
}
.witr_case_image{
    overflow: hidden;	
}

.witr_case_image img{
    width: 100%;
    transition: 1s;
}
.witr_case:hover .witr_case_image img{
    transform:scale(1.2);
}

.witr_content_case{
    padding: 21px 30px 26px;
    position: absolute;
    background-color: #fff;
    bottom: -79px;
    left: 20px;
    margin: 0 10px;
    transition: 1s;
}
.witr_case:hover .witr_content_case{
	bottom: -4px;
}
.witr_content_service {}
.witr_content_service h3{
    font-size: 21px;
}
.witr_content_service p{
    font-size: 16px;	
	color:#0c3eb9;
	font-weight:700;
    margin-bottom: 4px;	
}
.witr_case_btnb{
	margin-top:20px;
}
.witr_case_btnb a{
	font-size:16px;
	font-weight:600;
    color: #fff;
	background:#0c3eb9;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: 1s;	
	border: 1px solid #0c3eb9;
}
.witr_case_btnb a:hover{
    border: 1px solid #ececec;
	background:transparent;
    color: #0c3eb9;	
}
.witr_case_btnb a i{
	margin-left: 5px;
    transition: 1s;	
}
.witr_case_btnb a:hover i{
	margin-left: 15px;

}






/*===========================
    7.team css 
===========================*/
 .witr_team_section{
    position: relative;
}
.witr_team_section img {
    width: 100%;
}
.witr_team_section:before  {
	content:"";
	position: absolute;
    background: rgba(73, 0, 221, 0.7); 
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
	opacity: 0;
	transition:.5s;
}
.witr_team_section:hover:before{
	opacity: 1;
}
.team_overlay_icon a i{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
	color:#fff;
    top: 50%;
	font-size: 35px;
	opacity: 0;
}
.witr_team_section:hover .team_overlay_icon a i{
	opacity: 1;	
}

/*team post icon */
.team_o_icon{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
	
	transition:.5s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
}
.witr_team_section:hover .team_o_icon{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 	
}
.team_o_icon ul{}
.team_o_icon ul li{
	list-style:none;
}
.team_o_icon ul li a{
	font-size:40px;
	color:#fff;
}
.team_o_icon ul li a:hover{
	color:#232323;
}
/* content css */
.witr_team_content{
	padding: 12px 0;
}
.witr_team_content h5 {
    font-size: 18px;
    font-weight: 600;
}
.witr_team_content span {
    color: #555555;
    font-size: 16px;
    font-weight: 400;
} 
/*====== home page 2 ======*/
.team-part {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    overflow: hidden; 
}
.team-sec{
	position:relative;
}
.team-sec:before{
	content:"";
	position: absolute;
      background-color: rgba(4, 74, 202, 0.94);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
	
	transition:.5s;	
}
.team-sec img{
   width:100%;  
}
.witr_team_content2 {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
	padding: 0 25px;
	
	transition:.5s;
}
.team-part:hover .witr_team_content2,
.team-part:hover .team-sec:before{
     top: -670px; 
}
.witr_team_content2 h5 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin: 12px 0 4px;
}
.witr_team_content2 span {
    color: #fff;
}
.witr_team_content2 p {
    color: #fff;
    padding-top: 10px;
}
/* social css */
.team-part .team-social {
    position: absolute;
    bottom: -110px;
    height: 100px;
    width: 100%;
    background: #fff;
    text-align: center;
    
    transition: .5s;
}
.team-part:hover .team-social {
    bottom: 0px;
}
.team-social ul {
    padding-top: 30px;
}
.team-social ul li {
    display: inline-block;
    margin: 0 3px;
}
.team-social ul li a {
    font-size: 17px;
    color: #555555;
    height: 34px;
    width: 34px;
    line-height: 34px;	
    text-align: center;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
	display: inline-block;
	
	transition:.5s;	
}
.team-social ul li a:hover {
    color: #fff;
background:#0c3eb9;
    border-color: #0c3eb9;
}


/*====== home page 3 ======*/
.witr_team_part{
	overflow:hidden;
	position:relative;
    padding-bottom:30px;	
}
.witr_team_sec_3{}
.witr_team_thumb3{
	position:relative;	
}
.witr_team_thumb3::before{
    content: "";
    position: absolute;
    background: rgba(0, 90, 255, 0.5);
    height: 100%;
    width: 100%;
    right: -100%;
    top: 0;
    transition: 1s; 	
}
.witr_team_part:hover .witr_team_thumb3::before{
    right: 0;	
}

.witr_team_thumb3 img{	
   width:100%;  
}

/*======== social top css ===========*/
.witr_team_top{
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: -23%;
    right: -7px;
    transform: translate(-50%,-50%);
    transition: 1s;	
}
.witr_team_part:hover .witr_team_top{
    top: 24%;	
}
.witr_team_top ul li {
	list-style:none;
}
.witr_team_top ul li a {
    color: #0c3eb9;
    margin: 12px 13px;
    transition: 1s;
    display: block;
}
.witr_team_top ul li a:hover {
    color: #ff8400;
}
.witr_team_content3{
	position:relative;
	background:#fff;
	border-radius:5px;
	padding: 15px 30px 13px;
    margin: 0 20px;
    box-shadow: 0px 0px 30px 0 rgba(42,67,113,.15);
    margin-top: -58px;	
} 
.witr_team_content3 h5 {
	font-size: 24px;
    margin-bottom: 5px;	
}
.witr_team_content3 span {
    color: #626262;
}

/*======= social bottom css ========*/
.witr_bottom_icon{
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translate(-50%,-50%);
    transition: 1s;	
}
.witr_team_part:hover .witr_bottom_icon{
    top: 99%;	
}
.witr_bottom_icon a{}
.witr_bottom_icon a{
    width: 45px;
    height: 45px;
    line-height: 36px;
    display: block;	
    background: #fff;
    text-align: center;
    border: 5px solid #e6ebf8;
    border-radius: 50%;
    color: #0c3eb9;
    transition: 1s;		
}
.witr_bottom_icon a:hover{
    background: #0c3eb9;
    color: #fff;	
}







.blog-left-side {} 
.blog-left-side > div {
	background-color: #fff;
	margin-bottom: 30px;
    padding: 50px 30px 45px;
	box-shadow: 0px 0px 30px 0px rgba(42, 67, 113, 0.15);
}
.blog-left-side > div:last-child {
    margin-bottom: 0px;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side {} .blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0px;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0px !important;
}
.blog-left-side .sub-menu li a:hover,
.blog-left-side .nav .children li a:hover {
    background: transparent;
    color: #18c8ff;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 0 none;
  height: 54px;
  position: relative;
  width: 100%;
}
.defaultsearch input[type="text"] {} .defaultsearch input::-ms-input-placeholder,
.defaultsearch input::-webkit-placeholder,
.defaultsearch input::-moz-placeholder {
    color: #232323;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-size: 18px;
    padding: 16px 20px;
    position: absolute;
    right: 0;
    background: #0c3eb9;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch button:hover{
    background: #232323;
}

.defaultsearch button i {}
.defaultsearch input[type="text"] {
  padding-left: 10px;
}
/* widget list */

.widget {}
.blog-left-side .widget h2 {
  border-bottom: 1px solid #e5e5e5;
  bottom: -1px;
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 17px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  position: relative;
  text-transform: capitalize;
}
.blog-left-side .widget h2::before {
    background: #0c3eb9;
    bottom: 0;
    content: "";
    height: 30px;
    left: -30px;
    position: absolute;
    width: 3px;
    top: -51px;
	transition:1s;
}

.widget >:hover h2::before {
    height: 82px;	
}
.blog-left-side .widget h2{}
.footer-middle .widget h5 {
    color: #232323;
    font-size: 24px;
    text-transform: capitalize;
}
.blog-left-side .widget ul {
    list-style: none;
}
.blog-left-side .widget ul li {
  margin: 0 0 5px;
  padding-left: 20px;
  position: relative;
}
.blog-left-side .widget ul li span{
/*     display: inline-block; */
    font-weight: 300;
}

.blog-left-side .widget ul li:last-child {
	padding-bottom: 0px;
    margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
  margin: 0 0 10px;
  padding-bottom: 10px;
}
.blog-left-side .widget > ul > li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.blog-left-side .widget ul li a {
    color: #626262;
}
.blog-left-side .widget ul li::before {
  color: #626262;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 18px;
  left: 0;
  position: absolute;
  top: -2px;
  display:none;
}
.blog-left-side .widget ul.children li{
	
}
/* widget select */

.widget {} 
.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select{
	width:100%;
}
/* table css */

#wp-calendar {
    width: 100%;
}
/* tags */

.tagcloud a {
    color: #232323;
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}
.tagcloud a:hover {
    background: #0c3eb9;
    color: #fff;
}
.widget_categories ul li:hover:before,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover
.r-post-content h3:hover,
.blog-left-side .widget ul li a:hover,
.r-post-content h3 a:hover {
    color: #0c3eb9;
}

.wp-block-tag-cloud{
	border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0px 0;
    margin-top: 47px;
}

.wp-block-tag-cloud a{
    padding: 12px 18px;
    font-size: 14px !important;
    color: #fff;
    background: #0c3eb9;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    transition: 1s;
    margin-left: 10px;
	margin-bottom:20px;
}	
.wp-block-tag-cloud a:hover{
    background: #15263b;
}	



#wp-calendar caption {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: left;
  text-transform: uppercase;
}
#wp-calendar {
  font-size: 13px;
}
#wp-calendar {
    border: 0px solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
	color:#232323;
}
table#wp-calendar td {
  border: 1px solid #e5e5e5;
  color: #232323;
   padding: 5px 10px;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}
#wp-calendar th, #wp-calendar td {
  padding: 8px;
}
table#wp-calendar th {
  border: 1px solid #e5e5e5;
  color: #232323;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
table#wp-calendar td#today{
	color:#fff ;
	background-color:#0c3eb9 ;
}
table#wp-calendar td#today a{
	color:#fff;
}

.textwidget img {
    margin-bottom: 15px;
}
.textwidget p{
	margin-bottom: 0.5rem;
}
/*=====================
Home 2 Header CSS
======================*/

.dvrm {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .7s;
    transition: .7s;
    position: relative;
    left: 600px;
}
.dvrm {
    margin-right: 80px;
    top: 0px;
}
.dvrm.nav-show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0px;
    
    transition: .5s;
}

 .hamburger{background:rgba(0, 0, 0, 0);border:0 none;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:20px 15px;position:absolute;right:0;text-transform:none;top:50%;transform:translateY(calc(-50% ));transition-duration:0.5s;transition-property:opacity, filter, -webkit-filter;transition-timing-function:linear;z-index:99;outline:none}.hamburger.is-active .hamburger-box{height:17px}.hamburger-box{display:inline-block;height:16px;position:relative;width:36px;margin:auto}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:#fff;border-radius:4px;height:3px;position:absolute;transition-duration:0.15s;transition-property:transform,-webkit-transform;transition-timing-function:ease;width:35px}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;transition-timing-function:ease;transition-duration:0.2s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0, 10px, 0) rotate(45deg);transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{-webkit-transform:translate3d(0, -20px, 0) rotate(-90deg);transform:translate3d(0, -20px, 0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;transition-timing-function:ease;transition-duration:0.2s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0, 10px, 0) rotate(-45deg);transform:translate3d(0, 10px, 0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{-webkit-transform:rotate(45deg) translate3d(5.71429px, -6px, 0);transform:rotate(45deg) translate3d(5.71429px, -6px, 0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{-webkit-transform:translate3d(0, -20px, 0) rotate(90deg);transform:translate3d(0, -20px, 0) rotate(90deg)}





/*======= sungle team css ========*/
.team_single_pic {
    overflow: hidden;
}
.team_single_pic img{
	width:100%;
}
.witr_single_team_s {
    text-align: center;
    background: #efefef;
    padding: 15px 0;
}
.witr_single_team_s  a{
    text-align: center;
    font-size: 25px;
    margin: 0 7px;
}
.team_single_content {
    text-align: center;
}
.team_single_title h2 {
    padding: 20px 0 10px;
    font-size: 24px;
}

/* cur_part_6 */
.witr_single_team {
    position: relative;
    overflow: hidden;
}
.witr_single_team img {
    width: 100%;
    transition: .5s;
}
.witr_single_team:hover img {
    transform: scale(1.04);
}

.witr_single_team:after{
    position: absolute;
	content: '';
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgb(12 62 185 / 70%);
    opacity: 0;
    transition: all 0.4s ease-out;
}
.witr_single_team:hover:after{
    visibility: visible;
    opacity: 1;
}
.witr_team_content_car{
    position: absolute;
    left: -300px;
    bottom: 22px;
    z-index: 3;
	transition: .5s;
}
.witr_single_team:hover .witr_team_content_car{
    left: 30px
} 

.witr_team_content_car span {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    margin: 0 0 9px;
}
.witr_team_content_car h5{
    font-size: 22px;
    color: #fff;
    margin: 0;	
}
.witr_team_content_car span:hover,
.witr_team_content_car h5:hover{
    color: #ad8cdf;
}

/*========================
EM40 TEAM CSS
=========================*/

.em-team {
	text-align:center;
	position: relative;
	
	transition:.5s;
	margin-bottom: 30px;
}
.em-team-one {
	   position: relative;
    overflow: hidden;
    padding-bottom: 55px;

}


/* team image css */
.em-team-content-image {
}
.em-team-content-image img {
    width: 100%;
}
.em-team-content-waraper {
    background-color: #fff;
    bottom: -67px;
    left: 0;
    margin: 0 10px;
    padding: 30px 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.em-team-content-title h2 {
margin-bottom: 5px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
font-size:22px;
}
.em-team-content-subtitle {
font-size: 16px;
margin-bottom: 0;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.em-team-content-socials a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin: 14px 3px 0;
  text-align: center;
  width: 35px;
  color:#0c3eb9;
}
.em-team-content-socials {
    position: relative;
	
	transition:.5s;
}
.em-team-content-socials a:hover{
	 background-color: rgba(4, 74, 202, 0.94);
	color:#fff;
}
.em-team:hover .em-team-content-waraper{
    background-color: rgba(4, 74, 202, 0.94);
 bottom: 0px;
}
.em-team:hover .em-team-content-socials {


}


/* team content */
.em-content-title h5 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0;
  text-transform: capitalize;
  
  transition:.5s; 
}
.em-content-title h5 a {
  font-weight: 500;
}


.em-content-subtitle {
  font-size: 16px;
  margin: 5px 0 0;
  text-transform: capitalize;
    
    transition:.5s;
   
}
.em-team:hover .em-content-title h5,
.em-team:hover .em-content-subtitle {
	color:#fff;
}


/* team social 5 */

.team-wrap {
    overflow: visible;
    position: relative;
}
.team-front {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: -webkit-transform 0.8s, opacity 0.4s;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.8s;
    transition: opacity 0.4s, -webkit-transform 0.8s;
    transition: transform 0.8s, opacity 0.4s;
    transition: transform 0.8s, opacity 0.4s, -webkit-transform 0.8s;
}
.team-front {
    z-index: 2;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
	-webkit-transform:scale(1);
	        transform:scale(1);
	
	transition:.5s;
}
.team-style-2 .em-content-image img {
    margin: 0 auto;
    display: block;
    width: 100%;
    border-radius: 100%;
}
.team-style-2 .em-team:hover .em-content-image:before {
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.team-back-wraper {
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}
.team-back-wraper {
    border-radius: 50%;
    bottom: 0;
    height: 99%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 99%;
    z-index: 1;
    right: 0;
    left: 0;
    margin: auto;
	background:#0c3eb9;
	
}
.team-wrap:hover .team-front{
	-webkit-transform:scale(0);
	        transform:scale(0);	
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.team-style-2 .em-content-socials a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 0 6px;
}

.team-style-2 .em-content-socials a:hover {
    color: #232323;
}


.team-style-2 .em-content-socials {
    margin-top: 11px;
}

.team-style-2 .em-content-waraper {
    left: 0;
    padding: 30px 14px 28px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.team-style-2 .em-content-desc-inner {
    margin-top: 5px;
	color: #fff;
}


/* team content */
.team-style-2 .em-content-title h5 {
    color: #fff;
}
.team-style-2 .em-content-subtitle {
	color:#fff;
}
/* team button */

.team-style-2 .em-content-button a {
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	color:#0c3eb9;
}


/* Team 7*/
.busi_singleTeam{
    position: relative;
    overflow: hidden;
	margin-bottom: 30px;
}
.busi_singleTeam::before{
    position: absolute;
	content: '';
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgba(0, 0, 0, 0.2);
    transition: .5s;	
}
.busi_singleTeam img{
    width: 100%;
    height: auto;
}
.TM_center{
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.busi_TMHover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    background: rgba(255, 255, 255, .90);
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    transition: all ease 400ms;
}
.busi_singleTeam:hover .busi_TMHover{
    opacity: 1;
}
.busi_TMHover::before {
    position: absolute;
    left: 0;
    top: 0;
    background: #0c3eb9;
    width: 0px;
    height: 3px;
    content: '';
    transition: all ease 500ms;
}
.busi_TMHover::after {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #0c3eb9;
    width: 0px;
    height: 3px;
    content: '';
    transition: all ease 500ms;
}
.busi_singleTeam:hover .busi_TMHover::before,
.busi_singleTeam:hover .busi_TMHover::after{
    width: 80px;
}
.busi_singleTeam h5{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-left: -30px;
    transition: all 0.6s ease-in-out;
}
.busi_singleTeam:hover h5{
    margin-left: 0;
}
.busi_singleTeam h5:hover{
    color: #0c3eb9;
}
.busi_singleTeam span{
    font-size: 14px;
    margin-right: -30px;
    transition: all 0.6s ease-in-out;	
}
.busi_singleTeam:hover span{
    margin-right: 0;
}
.busiTS{
    opacity: 0;
    transition: all 0.9s ease-in-out;
	margin-top: 8px;	
}
.busi_singleTeam:hover .busiTS{
    opacity: 1;
    transition: all 0.9s ease-in-out;
}
.busiTS a{
    font-size: 16px;
    color: #7c7c7c;
    height: 34px;
    width: 34px;
    line-height: 30px;
    border: 2px solid #dddddd;
    border-radius: 50%;
    text-align: center;
    transition: .5s;
    display: inline-block;	
}
.busiTS a:hover{
    background: #0c3eb9;
    border-color: #0c3eb9;
    color: #fff;
    transform: rotate(360deg);
}


/* team 8 */
.witr_team_a3d{}
.witr_team_cont_3d {
    -o-perspective: 800px;
    perspective: 800px;
    transition: .5s;
}
.witr_team_cont_3d:hover .witr_team_wrap_3d {
    transform: rotateY( -180deg);
}
.witr_team_wrap_3d {
    transition: transform .5s;
    transform-style: preserve-3d;
    position: relative;
	z-index: 999;
}
.witr_team_front_3d,
.witr_team_back_3d {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: #F9F9F9;
}
.witr_team_front_3d {
    z-index: 2;
}
.witr_team_back_3d {
    z-index: 3;
    transform: rotateY( -180deg);
}

.witr_team_cont_3d,
.witr_team_front_3d,
.witr_team_back_3d {
    height: 300px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;

}
.witr_team_thumb_3d{
    position: relative;
}
.witr_team_thumb_3d::before{
    position: absolute;
	content: '';
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
/*     background:rgba(73, 0, 221, 0.7); */
    opacity: 1;
    transition: .5s;	
}
.witr_team_thumb_3d img {
    width: 100%;
}
.witr_content_waraper {
     left: 0;
    padding: 64px 10px 64px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); 
}

/* team content */
.witr_content_3d h5 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 0;
}
.witr_content_3d span {
    font-size: 18px;
    margin: 5px 0 0;
}
.witr_content_3d p {
    margin-top: 10px;
}
.witr_socials_3d {
    margin-top: 14px;
}
.witr_socials_3d a {
    color: #232323;
    display: inline-block;
    font-size: 18px;
    margin: 0 6px;
}
.witr_socials_3d a:hover {
    color: #0c3eb9;
}

/* witr_tslide_area */
.witr_tslide_area{}
.witr_single_tslide{
    height: 494px;
}
.witr_tslide_thumb{
	    position: relative;
}
.witr_tslide_thumb::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    transition: .5s;	
}
.witr_tslide_thumb img{
	width:100%;
}
.witr_tslide_text{
    box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);	
    padding: 27px 30px 0px;
}

.witr_tslide_text h1{
	font-size:24px;
}
.witr_tslide_text h2{
	font-size: 18px;
	    color: #0c3eb9;
    margin: -5px 0px 29px;
}
.witr_tslide_text p{
	opacity:0;
	margin-top: -15px;
    margin-bottom: 26px;
	transition:.5s;		
}
.witr_single_tslide:hover .witr_tslide_text p{
	opacity:1;	
}

.witr_btn_tslide{
    margin-top: -71px;
	transition:1s;			
}
.witr_single_tslide:hover .witr_btn_tslide{
    margin-top: 0px;	
} 
.witr_tslide_btn{}
.witr_tslide_btn a{
    color: #0c3eb9;
	font-size:17px;
    border-top: 1px solid #ddd;
    display: block;
    padding: 10px 0px;
	transition:1s;	
}
.witr_tslide_btn a:hover{
    color: #fff;
    border-top: 1px solid #0c3eb9;
	background:#0c3eb9;
}
.witr_tslide_btn a i{
	font-size:14px;
    margin-left: 5px;	
}







/*===========================
    8.Screenshots css 
===========================*/
.Screenshots {}
.dnSlide-main {
    position: relative;
}
.dnSlide-main img {
    width: 100%;
}
.Screenshots-fearm {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}
.Screenshots-fearm img {
    width: 154% !important;
    max-width: 154% !important;
    position: relative;
    left: -123px;
    top: -26px;
}
.Screenshots .dnSlide-main .dnSlide-btn {
    border-radius: 50%;
    color: #000;
    height: 40px !important;
    width: 40px !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    z-index: 10;
    cursor: pointer;
    background: #0c3eb9;
}
.Screenshots .dnSlide-main .dnSlide-btn i {
    color: #fff;
}
.Screenshots .dnSlide-main .dnSlide-left-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: -65px;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Screenshots .dnSlide-main .dnSlide-right-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    right: -107px;
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Screenshots .dnSlide-main .dnSlide-left-btn:before {
    position: absolute;
    content: '\f104';
    left: 43%;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 35px;
    font-family: fontawesome;
    color: #fff;
}
.Screenshots .dnSlide-main .dnSlide-right-btn:before {
    position: absolute;
    content: '\f105';
    left: 52%;
    top: 47%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 35px;
    font-family: fontawesome;
    color: #fff;
}
.Screenshots:hover .dnSlide-main .dnSlide-right-btn,
.Screenshots:hover .dnSlide-main .dnSlide-left-btn
{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*====== home page 3 ======*/
.Screenshots-area {
    position: relative;
}
.Screenshots-slide .slick-center .slide-item img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Screenshots-slide .slide-item img {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    width: 100%;
}
.Screenshots-slide .slick-center {
    position: relative;
}
.Screenshots-area .Screenshots-frame-img {
    position: absolute;
    left: 10px;
    top: -29px;
    width: 100%;
}
.Screenshots-frame-img img {
    width: 43%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.Screenshots-slide .slick-arrow.slick-prev {
     left: 200px;
}
.Screenshots-slide .slick-arrow.slick-next {
     right: 200px;
}
/*====== home page 5 ======*/
 .mobile-slide .slick-center .mobile-thumb img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobile-slide .mobile-thumb img {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    width: 100%;
} 
/*====== home page 6 ======*/
.mobile-slide-6 .slick-center .mobile-thumb img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mobile-slide-6 .mobile-thumb img {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    width: 100%;
}
.mobile-slide-7 .mobile-thumb{
    position: relative;
}
.mobile-slide-7 .mobile-thumb .mobile-slide-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
    transition: .5s;
}
.mobile-slide-7 .mobile-thumb .mobile-slide-overlay a{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 25px;
}
.mobile-slide-7 .mobile-thumb:hover .mobile-slide-overlay{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} 

/* carsol imagess area css */
.imagess_area{}
.witr_car_overlay{
	position: relative;
}
.witr_car_overlay::before{
    position: absolute;
	content:"";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index:1;
}



 
/*===========================
    9.pricing css 
===========================*/
.pricing_area{
    border: 1px solid #0c3eb9;
    border-radius: 5px;	
}
.pricing-part {
    position: relative;
    overflow: hidden;
}
.pricing-part sub {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -65px;
    top: 20px;
    background: #0c3eb9;
    line-height: 43px;
    width: 217px;
    height: 45px;
    text-align: center;
    -webkit-transform: rotate(35deg);
    transform: rotate(45deg);
}
.pricing-part i {
    color: #0c3eb9;
    font-size: 40px;
    margin-top: 40px;	
    display: block;
}
.pricing-part h4 {
    font-size: 24px;
    color: #232323;
    margin: 26px 0 12px;
	display: block;
}
.pricing-part h5 {
    font-size: 35px;
     margin-bottom: 30px; 
}
.pricing-part span {
	font-size: 24px;
    margin-right: 5px;
}

.pricing-part ul{}
.pricing-part ul li {
    color: #555555;
    line-height: 40px;
	list-style: none;	
}
 /* pricing list css */
.pricing-part ul li:nth-child(odd){}
.pricing-part ul li:nth-child(even){}
 .witr_btnp_color {
    margin-top: 37px;
    padding-bottom: 40px;
}
.pricing-part a.btn {
     background: #0c3eb9;
    line-height: 41px;
    padding: 0 30px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #0c3eb9;	
}
.pricing-part a.btn:hover {
    background: transparent;
    color: #0c3eb9; 
}
.pricing-part.active {
    background: #0c3eb9;
}
.pricing-part.active i,
.pricing-part .active ul li:nth-child(odd),
.pricing-part .active ul li:nth-child(even),
.pricing-part.active h4,
.pricing-part.active h5,
.pricing-part.active ul li,
.pricing-part.active a {
    color: #232323 ;
}
.pricing-part.active a.btn {
    background-color: transparent ;
    border-color: #fff ;
    color: #fff ;
}
.pricing_area .nav {
	border: 0;
	position: absolute;
	left: 0;
	z-index: 22;
	top: -50px;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.pricing_area .nav li {
    margin: 0 -18px;
}
.pricing_area .nav li a {
    background-color: transparent;
    font-size: 18px;
    font-weight: 600;
    color: #232323;
    line-height: 46px;
    padding: 0 65px;
    border: 1px solid #0c3eb9;
    border-radius: 30px;
}
.pricing_area .nav li a.active {
    background: #0c3eb9;
    color: #fff;
}
/*====== home page 2 ======*/
.pricing-part.pricing-part-2.active {
    background: none;
}
.pricing-part .pricing-part-2{
    border: none;	
}
/* .pricing-part.pricing-part-2.active i,
.pricing-part.pricing-part-2 .active ul li:nth-child(odd),
.pricing-part.pricing-part-2 .active ul li:nth-child(even),
.pricing-part.pricing-part-2.active span,
.pricing-part.pricing-part-2.active h5,
.pricing-part.pricing-part-2.active ul li,
.pricing-part.pricing-part-2.active a {
    color: #232323 ;
    border: none;	
} */
.pricing-part.pricing-part-2 a.btn {
    background: transparent;
    color: #555;
    border: 1px solid #0c3eb9;
}
.pricing-part.pricing-part-2 a.btn:hover {
    color: #fff;
	background:#0c3eb9;
}
.pricing-part.pricing-part-2.active a.btn,.pricing-part.pricing-part-2.active sub {
    color: #fff ;
    background: #642ba2;
}
/*===========================
    10.testomonial css 
===========================*/
.testomonial {
}
.testomonial .test-part {
    border: 2px solid #ddd;
    padding: 30px 17px 10px 30px;
    position: relative;
}
.test-part h6 {
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    color: #232323;
    padding-top: 30px;
    padding-bottom: 7px;
}
.test-part span  {
    color: #232323;
    font-weight: 400;
    font-size: 17px;
}
.test-part ul li {
    display: inline-block;
    padding-top: 20px
}
.test-part p {
    color: #232323;
}
.testomonial .test-part img {
    position: absolute;
    top: -43px;
    left: 30px;
    z-index: 22;
    width: 78px;
    height: 78px;
}
.testomonial.testomonial-5 .test-part img {
    top: -50px;
}
.witr_item_column {
	 padding:0 15px; 
	 padding-top: 60px; 
}
.witr_slick_column {
	padding: 0 15px; 
}
.em_crating {
/*  margin-top: 5px; */
}
.em_crating i {
	 margin-bottom: 11px;
	 color:#0c3eb9;
	 font-size:18px;
}
.em_crating i.active {
	color:#ff7e00;
}

.witr_all_mb_30,
.guttergs
{
 margin-bottom:30px;
}
.witr_all_pd0,
.noguttergs
{
 padding:0px;
}

/*====== home page 5 ======*/
.testomonial.testomonial-5 .witr_item_column {
    padding: 0 15px;
     padding-top: 15px; 
     padding-bottom: 15px; 
}
.testomonial.testomonial-5 {
/*     background: none;
    padding-bottom: 50px; */
}
.testomonial.testomonial-5 .test-part {
    border: 2px solid #ddd;
    padding: 25px 30px 50px;
    position: relative;
}
.testomonial.testomonial-5 .test-part h6 {
	color: #232323;
    padding-top: 0;
}
.testomonial.testomonial-5 .test-part span {
    color: #555;
}
.testomonial .test-part ul li,
.testomonial.testomonial-2 .test-part ul li,
.testomonial.testomonial-5 .test-part ul li {
    padding-top: 0px;
    padding-bottom: 10px;
}


.testomonial.testomonial-5 .test-part p {
    color: #555;
}
.testomonial.testomonial-5 .test-part  img.testimg {
    top: 82%;
}
.testomonial.testomonial-5 .test-part .postimg {
    top: 105%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


/* single_creativeItem */
.single_creativeItem{}
.box-size{}
.testiCreCon{
    position: relative;
    box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.06);
    background: #fff;
    border-radius: 5px;
    padding: 8px 20px 30px 32px;
    margin-top: 71px;
    margin-bottom: 32px;
}
.testiCreCon:after{
    position: absolute;
    content: '';
    left: 35px;
    bottom: -19px;
    width: 40px;
    height: 40px;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
	box-shadow: 0px 2px 29px 5px rgba(0, 0, 0, 0.08);	
}
.testiCreCon i{
    font-size: 100px;
    color: #dddddd;
    margin: -60px 0 3px;
}
.testiCreCon p{
    margin: 0;
}
.testAuthor{}
.testAuthor h6{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}
.testAuthor span{
    font-size: 15px;
}


/* testimonial style 7 */
.witr_client7{
    position: relative;
}
.witr_testiSlider {
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    padding: 0 0 11px;
    margin: auto;
}
.witr_testiSlider .slick-slide.item{
/*     padding: 15px 0; */
    outline: none;
}
.wirt_TraSlider .slick-slide.item{
    outline: none;
}
.witr_testiSlider .slick-slide .witr_autho_thumb img {
    width: 81px;
    height: 81px;
    border-radius: 50%;
    display: inline-block;
}
.witr_content_test7{
    position: relative;
    padding: 0 180px;
}
.witr_content_test7 .em_crating {
	margin:0px 0 20px;
}
.witr_content_test7 .em_crating i {
    font-size: 18px;
}
.witr_content_test7 p{
    position: relative;
    font-size: 18px;
    line-height: 28px;
    z-index: 3;
}
.witr_content_test7 p::after{
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
    content: "\f10e";
    font-family: fontAwesome;
    font-size: 146px;
    line-height: .8;
    color: #eeeeee;
    z-index: -1;
	
}

.witr_author_name {
    margin-top: 20px;
	z-index: 11;
    position: relative;	
}
.witr_content_test7 h6{
    font-size: 20px;
    color: #232323;

}
.witr_content_test7 span{
    font-size: 18px;
}


/*===========================
   testomonial style 8 css 
===========================*/

.witr_testomonial_area {
width:80%;
 margin: auto;
}
.witr_background_test{
    background: #fff;
    box-shadow: 0px 6px 30px 0px rgba(148,146,245,0.2);
    border-top: 2px solid #00a2ff;
    border-bottom: 2px solid #00a2ff;  
	margin-top:50px;
	margin-bottom:60px;
}
.witr_testi_main {
    box-shadow: 0px 6px 30px 0px rgba(148,146,245,0.2);	
    text-align: center;
    padding: 50px 0px;
    background: #fff;
    border-top: 2px solid #00a2ff;
    border-bottom: 2px solid #00a2ff;
    width: 70%;
    margin: auto;
    margin-top: -50px;
    margin-bottom: -50px;
}
.witr_test_part {
    float: left;
    margin-left: 215px;
    margin-right: -165px;	
}
.witr_test_part img {}
.witr_ns_part{}
.witr_ns_part h6 {
	font-size: 22px;
    margin-top: 10px;	
}
.witr_ns_part i {
    color: #00a2ff;
    font-size: 17px;
    font-weight: 500;
}
.witr_test_content{}
.witr_test_content p {
    width: 88%;
    margin: auto;
    margin-top: 30px;
}
.witr_test_name{
	margin: 30px 0 15px;
}
.witr_test_name i{
    color: #00a2ff;
    font-size: 18px;	
}


/*====== home page 2 ======*/
.banner-laptop-2 img {
    width: 100%;
    margin-top: 0;
}

/*===========================
    10.blog css 
===========================*/
.witr_blog_are {}
.blog-part {
   position:relative;
    margin-bottom: 30px;   
}

.blog_part_inner {}
.witr_blog_imags{
 overflow: hidden;	
}
.blog-img {
	position:relative;
	transform: scale(1);
	transition:1s;	
}
.blog-img img{
	width:100%;
}

.blog-img:before {
    position: absolute;
    content: '';
    background: rgba(12, 62, 185, 0.5);
    right: 0;
    width: 0%;
    height: 100%;
    transition: 1s;
}
.blog_part_inner:hover .blog-img:before{
    width: 100%;	        
}
.blog_part_inner:hover .blog-img{
	transform: scale(1.2);		
}

.witr_nth_child{
	margin-bottom: 84px;
}
.wblog-content {
    padding: 20px 28px 24px;
    box-shadow: 0px 0px 15px 0px rgba(148,146,245,0.2);
    background: #fff;	 
}

.witr_position_text{
	padding: 21px 6px 26px 22px;
    position: absolute;
    background: #fff;
    bottom: -168px;
    left: 10px;
    right: 10px;
    transition: 1s;	
}
.witr_nth_child:hover .witr_position_text {
    bottom: -84px;
}
.wblog-content span {
    font-size: 16px;
    color: #626262;
    line-height: 28px;
    margin: 2px 0px 0px 0;
    display: inline-block;
    text-transform: capitalize;	
}
.wblog-content span a {
    color: #626262;	
}
.wblog-content span i {
    padding-right: 5px;
    padding-left: 5px;
	color: #0c3eb9;
    
    transition: .5s;	
}
.wblog-content h5 > a {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    color: #232323;
}
.wblog-content h5 > a:hover,
.wblog-content span i:hover {
    color: #0c3eb9;
}

.wblog-content h5 {
    margin-top: 5px;
}
.witr_buttom_text{
	margin-top:15px;		
}
.witr_buttom_text a {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding: 12px 30px;
	background:#15263b;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
    transition: 1s;
    display: inline-block;
    text-transform: uppercase;
}

.witr_buttom_text a:hover {
    background: #0c3eb9;
    color: #fff;
}
.witr_buttom_text i {
    margin-left: 8px;
    transition: 1s;	
}
.witr_buttom_text:hover i {
    margin-left: 10px;
}
.witr_bt2{}


/*====== blog style 6/1 ======*/
.witr_position_text2{
	padding: 21px 6px 26px 22px;
    transition: 1s;	
}




/*====== blog style 2 ======*/
.wblog-content.blog-content-5 {
    padding: 20px 20px 30px;
}
.wblog-content.blog-content-5 h5 {
    padding-bottom: 0px;
}

/* blog area css 5 */
.busi_singleBlog{
    background: #fff;
    transition: .5s;
	box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.04);	
}
.busi_singleBlog:hover{
    box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
}
.witr_sb_thumb {
    overflow: hidden;
	position: relative;
}
.witr_sb_thumb img{
    width: 100%;
	transition:.5s;	
}
.witr_sb_thumb::before{
	position:absolute;
	content:'';
	background:rgba(0, 0, 0, 0.5);
	top:0;
	left:0;
	bottom:0;
	right:0;
	transform: scale(0);
	transition:.5s;
	z-index:1;
}
.busi_singleBlog:hover .witr_sb_thumb img,
.busi_singleBlog:hover .witr_sb_thumb::before{
	transform: scale(1.2);	
}

.witr_blog_con{
    padding: 12px 30px 18px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}
.witr_blog_con span {
    font-size: 16px;
    line-height: 50px;
    margin-bottom: 3px;	
    font-size: 16px;
    color: #7c7c7c;
    padding-bottom: 15px;
	margin-right: 2px;	
}
.witr_blog_con span i {
    padding-right: 5px;
    padding-left: 5px;
	color: #7c7c7c;
    transition: .5s;	
}
.witr_blog_con span i:hover {
    color: #0c3eb9;
}

.witr_blog_con h2{
    font-size: 24px;
    color: #7c7c7c;
    margin-bottom: 0;
}
.witr_blog_con h2 a{
    display: inline-block;
	font-weight: 600;
}
.witr_blog_con h2 a:hover{
    color: #0c3eb9;
}
.witr_post_Author{
    padding-bottom: 27px;
    margin: 0 30px;
}
.witr_post_Author img{
    width: 33px;
    height: 33px !important;
    border-radius: 50% !important;
    margin-right: 5px
}

.witr_post_Author .nameAuthor{
    font-size: 14px;
    line-height: 36px;
    color: #7c7c7c;
    margin: 0;
}
.witr_post_Author .comment{
    float: right;
    font-size: 17px;
    color: #7c7c7c;
    line-height: 30px;
}
.witr_post_Author .nameAuthor:hover,
.witr_post_Author .comment:hover{
    color: #0c3eb9;
}


/*========= blog area css 6 ==========*/





/*===========================
    10.counter css 
===========================*/

.witr_counter_single{}
.witr_counter_number_inn{
	overflow:hidden;
}
.witr_counter_number_inn h3,
.witr_counter_number_inn span {
    font-size: 45px;
    font-weight: 700;
    color: #232323;
    display: inline-block;
    margin-bottom: 4px;	
}
.witr_counter_number_inn span {
    line-height: 0;	
}
/* content */
.witr_counter_number_inn h4 {
    color: #232323;
    font-size: 18px;
    font-weight: 600;
}

/*====== style 2 ======*/

.witr_counter_icon{}
.witr_counter_icon i {
    color: #232323;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    border: 1px solid #232323;
    text-align: center;
    line-height: 54px;
    font-size: 23px;
    margin-right: 20px;
    float: left;	
}
.witr_custom_icon{}
.witr_custom_icon i{
    color: #232323;
    font-size: 57px;
    margin-right: 15px;
    float: left;
    margin-top: 15px;	
}
/*====== style 4 ======*/
.witr_single_counter {
    border: 2px solid #232323;
    border-radius: 100%;
    padding: 72px 0 61px;
    text-align: center;
    transition: all 0.5s ease 0s;
    height: 270px;
    width: 270px;
	transition: .5s;
	margin:auto;
	margin-bottom: 30px;
}
.witr_single_counter:hover {
	border: 3px dotted #f00;
	background: #0c3eb9;
    animation: border_blinker 3.5s linear;	
}
@keyframes border_blinker {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.witr_counter_icon4{}
.witr_counter_icon4 i {
    color: #232323;
    font-size: 30px;
    text-align: center;
    transition: all 1s ease 0s;
    margin-bottom: 15px;	
}
.witr_counter_text h4 {
    color: #232323;
    font-size: 25px;
}
.witr_counter_text h3 {
    color: #232323;
    display: inline-block;
    font-size: 33px;
    font-weight: 700;	
}
.witr_counter_text span {
    color: #232323;
    font-size: 42px;
    font-weight: 700;
    line-height: 0;
}








/*home page 4*/
.brand-slide-4 {
    border-top: 1px solid #ddd;
}
/*===========================
    10.other page css 
===========================*/
/*====== sing up page ======*/
.sing-up-part h3{
    font-size: 35px;
    color: #232323;
    font-weight: 700;
    line-height: 28px;
    padding-bottom: 25px;
}
.sing-up-part p{
    padding-top: 20px;
    padding-bottom: 10px;
}
.sing-up-part .input-layer{
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 30px;
}
.sing-up-part form input[type="checkbox"] {
    display: none;
}
.sing-up-part form input[type="checkbox"] + .label-text:before {
    content: '\2714';
    border: 2px solid #ddd;
    border-radius: 2px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: transparent;
    margin-right: 10px;
    font-size: 12px;
}
.sing-up-part form input[type="checkbox"]:checked + .label-text:before {
    background: #ddd;
    content: '\2714';
    color: #232323;
    font-family: fontawesome;
    padding: 3px 5px;
}
.sing-up-part form label {
    cursor: pointer;
    padding-top: 30px;
    display: block;
    margin: 0;
    padding-bottom: 30px;
}
.sing-up-part form label span{
    color: #555;
}
.sing-up-part form button{
    line-height: 48px;
    padding: 0 40px;
    background: #584bed;
    border: 1px solid #584bed;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 500;
    
    transition: .5s;
}
.sing-up-part form button:hover{
    background: transparent;
    color: #232323;
}
/*=====================
mettle PORTFOLIO AREA CSS
=========================*/

.portfolio_nav {
    padding: 0px 0 40px;
	text-align: center;
}
.portfolio_nav ul {} .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    border: 1px solid #f3eaea;
    border-radius: 5px;
    color: #232323;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 0 5px 10px;
    padding: 6px 27px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
    color: #fff;
    background: #0c3eb9 none repeat scroll 0 0;
    border-color: #0c3eb9;
}
.prot_wrap {
    overflow: hidden;
}
/* single gallery css */

.single_protfolio {
    position: relative;
/*     margin-bottom: 30px; */
    overflow: hidden;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.prot_content {
    height: 100%;
    width: 100%;
    position: absolute;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 4, 0.5) none repeat scroll 0 0;
    z-index: 9;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
.prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.prot_content h3 {
    margin: 0;
}
.prot_content h3 a {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
}
.prot_content h3 a:hover{
    color: #ff7e00;
}

.prot_content p {
    color: #fff;
    line-height: 1.2;
    margin: 5px 0 0;
}
.prot_content p span {
    display: inline-block;
    padding-top: 0px;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
    position: relative;
    margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}
.nospace.col-xs-12 {
    padding: 0px;
}
.nospace .single_protfolio {
    margin-bottom: 0px;
}
/* load button css */

.gallery_load_button {} .gallery_load_button a {
    border: 1px solid #ddd;
    color: #444;
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}
.gallery_load_button a:hover {
    border-color: #232323;
    background: #232323;
    color: #fff;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
/* portfolio icon css */

.picon {} .picon a {
    background: #0c3eb9 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
	text-align: center;
}
.picon a:hover {
    border-color: #ff7e00;
    background: #ff7e00;
    color: #fff;
}
/* single portfolio */

.pimgs {
}
.pimgs img {} .prots-contentg p {} .prots-contentg ul {
    margin-left: 40px;
}
/*style 1 */

.em_port_content {
    background: rgb(12 62 185 / 70%);
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;
    
    transition: .5s;
    text-align: center;
    color: #fff;
}
.pstyle_1 .porttitle_inner h3 {
    color: #fff;
}
.pstyle_1 .porttitle_inner h3 a {} .pstyle_1 .porttitle_inner p {
    color: #232323;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
    
    transition: .5s;
}
.pstyle_1 .porttitle_inner .prots-content {
    color: #fff;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    background: #fff none repeat scroll 0 0;
    border-radius: 30px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;
    color: #0c3eb9;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid transparent;
}
.portfolio_readmore_btn > a:hover {
    background: #0c3eb9;
    color: #fff;
    border: 1px solid #0c3eb9;
}
.em_port_container {
    overflow: hidden;
    position: relative;
}
.pstyle_1 .porttitle_inner p span {
    padding-top: 5px;
    color: #fff;
}
.pstyle_1 .picon a {
    background: transparent;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    
    transition: .5s;
}
.pstyle_1 .picon a:hover {
    background: #0c3eb9;
    color: #fff;
}
.pstyle2 .prot_content {
   background: rgba(4, 74, 202, 0.85);
}
.pstyle2 .prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 50%;
    opacity: 1;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.pstyle2.pstyle3 .prot_content_inner{
	text-align:left;
}
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out 0.3s;
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background:rgba(73, 0, 221, 0.6);
    padding: 20px;
	
	transition:.5s;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner{
	left: 75%;
}
/* style 4 */

.pstyle4.pstyle_1 .single_protfolio:hover {
    box-shadow: none;
}
.pstyle4 .prot_content_inner {
    top: 50%;
}
.pstyle4 .prot_thumb {
    overflow: hidden;
    position: relative;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    border: 1px solid #f1f1f1;
    border-top: 0px solid #f1f1f1;
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
    text-transform: capitalize;
    color: #454545;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.porttitle_inner4 h3 a {
    text-transform: uppercase;
    color: #454545;
    font-size: 18px;
    font-weight: 600;
}
.porttitle_inner4 p {
    color: #454545;
    line-height: 1;
    margin: 5px 0 0;
}
.porttitle_inner4 p span {
    display: inline-block;
    padding-top: 5px;
}

/* single portfolio2 */
.portfolio-details-box {
}
.gitem img{
}
.portfolio-details-box h2{
	color: #232323;
    line-height: 30px;
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 0px;
}
.portfolio-details-box ul{}
.portfolio-details-box ul li{
    padding-top: 15px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
    list-style: none;		
}
.portfolio-details-box ul li b{
    color: #444;
    font-size: 19px;
    font-weight: 600;	
}
.portfolio-details-box ul li span.eright{
	font-weight: 500;
    color: #626262;
    font-size: 17px;
	margin-left: 5px;	
}
.portfolio-details-box .prots-contentg ul{
    margin-left: 0px;	
}
.portfolio-details-box .techit-single-icon-inner {
    text-align: left;
}
.pr-title{}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 30px;
}

/* call to action */
.witr_call_to_action {
    text-align: left;
	position:relative;
}
.witr_call_to_content {} 
.witr_call_to_content h3 {
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.witr_call_to_content h1 {
    font-size: 36px;
    margin-bottom: 15px;
}
.witr_call_to_content a {
    border: none;
	color:#fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    background-color: #0c3eb9;
    border-radius: 50px;
    margin-top: 20px;
     padding: 8px 30px 10px;
    
    transition: .5s;
}
.witr_call_to_content a:hover {
    background: #0c3eb9;
}
.witr_call_to_content p {
    width: 55%;
    margin: auto;
    margin-left: 0;
    font-size: 16px;
}
.em-call-to-video {
    position: absolute;
    right: 0;
    top: 50%;
	    width: 24%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.em-call-video-link {
    float: left;
    margin-right: 20px;
}
.em-call-to-video h2,
.em-call-to-video i
{
}
.em-call-to-video h2 {
	font-size: 25px;
}
.em-call-to-video i
{
    font-size: 28px;
}
 /*====== apps button =======*/
 .w_apps_button_image{
    display: inline-block;
    margin-right: 34px;	 
 }
 .w_apps_button_image a{}
.w_apps_button{
    display: inline-block;	
}
.w_apps_button a {
	padding: 3px 30px 11px 30px;
    border: 1px solid #0c3eb9;
    border-radius: 30px;
    margin-right: 15px;
	display:block;
	
	transition:.5s;
}
.w_apps_button a:hover {
    background:#642ba2;
	
	transition:.5s;	
}
.w_apps_button a:hover span.icontext,
.w_apps_button a:hover span.spaninner{
	color:#fff;
	
	transition:.5s;	
}
span.icontext {
    float: left;
    font-size: 29px;
	margin-right: 18px;
    margin-top: 14px;
	color:#232323;	
}
 span.spaninner {
    display: block;
    overflow: hidden;
    color: #232323;
    text-transform: capitalize;
    font-size: 23px;	
}
span.smalltext {
    display: block;
	font-size: 14px;	
}
/*====== single image area =======*/
.single_image_area{} 
.single_image{
	position:relative;
} 
.single_image:before{
    content: '';
    position: absolute;
   /*  background: #f00; */
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.single_image img{
	 width:100%;
}
/*====== footer widget area css =======*/ 
.witr_footer_widget_area{} 
.witr_footer_widget{}
	/* title  */
.witr_own_widet_title{} 
.witr_own_widet_title h1{
	font-size: 22px;
    padding-bottom: 3px;
    text-transform: capitalize;	
}
 /* content */
.wittr_footermenu_w_list{} 
.wittr_footermenu_w_list ul{} 
.wittr_footermenu_w_list ul li{
	list-style:none;
}
.wittr_footermenu_w_list ul li a,
.wittr_footermenu_w_list ul li{
    font-size: 16px;
    line-height:38px;
    font-weight: 400;
    color: #555;
    transition: .5s;	
} 
.wittr_footermenu_w_list ul li a:hover{
	color:#0c3eb9;
}
 /* icon */
.wittr_footermenu_w_list ul li i{} 
 /* tags css*/
.witr_own_widet_title h5{
	color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 17px;
    text-transform: capitalize;		
} 
.witr_own_widet_title .tagcloud a{
    color: #fff;
    font-size: 16px !important;
    line-height: 27px;
    margin-right: 15px;
    padding: 0;	
} 
/*======  socials  css =======*/ 
.witr_single_socials{}
.witr_single_socials ul{}
.witr_single_socials ul li{
    list-style: none;	
}
.witr_single_socials ul li a{}
.witr_single_socials ul li a i{	
    display: inline-block;
	color: #555;
    margin-right: 15px;
	font-size:16px;
    
    transition: .5s;
    margin-top: 8px;
}
.witr_single_socials ul li a i:hover{
	color: #0c3eb9;
}
 /*======  Custom Icon  css =======*/ 
.witr_custom_icons{}
.witr_custom_icons a{}
.witr_custom_icons  i{	
	color: #232323;
	font-size:37px;
    transition: .5s;
}
.witr_custom_icons i:hover{}
 
/*====== blog page ======*/
.blog-btn a{
    background: -webkit-gradient(linear, left top, right top, from(rgba(119, 1, 219, 1)), to(rgba(25, 153, 242, 1))) ;
    background: -webkit-linear-gradient(left, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ;
    background: linear-gradient(90deg, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ;
    color: #fff;
    font-weight: 400;
    padding: 0 28px;
    font-size: 18px;
    line-height: 48px;
    border-radius: 30px;
    margin-top: 25px;
}
.blog-tag h4,
.blog-post h4,
.blog-cat h4,
.blog-title h4{
    font-size: 20px;
    line-height: 15px;
    color: #232323;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    position: relative;
}
.blog-tag h4:before,
.blog-post h4:before,
.blog-cat h4:before,
.blog-title h4:before{
    position: absolute;
    content: '';
    bottom: -1px;
    left: 0;
    height: 3px;
    width: 130px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(119, 1, 219, 1)), to(rgba(25, 153, 242, 1))) ;
    background: -webkit-linear-gradient(left, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ;
    background: linear-gradient(90deg, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ;
}
.blog-title img{
    margin-top: 40px;
    width: 100%;
}
.blog-title h5 {
	font-size: 20px;
	font-weight: 500;
	color: #232323;
	padding-top: 23px;
    padding-bottom: 10px;
}
.blog-title h5 span{
    color: #555;
    font-size: 16px;
    font-weight: 400;
}
.blog-title p {
	padding-right: 30px;
}
.blog-left-side .blog-title > ul > li{
    display: inline-block;
	padding:0px;
}
.blog-left-side .blog-title > ul > li > a{
    height: 40px;
    width: 40px;
    background: #584BED;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    display: inline-block;
}
.blog-title ul li:nth-child(2) a{
    background: #FF896A;
}
.blog-title ul li:nth-child(3) a{
    background: #BF113C;
}
.blog-title ul li:nth-child(4) a{
    background: #22478B;
}
.blog-title ul li:nth-child(5) a{
    background: #00AFE1;
}
.blog-cat ul{
    margin-top: 20px;
}
.blog-cat ul li{
    width: 100%;
}
.blog-cat ul li p{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 13px 0 5px;
    border-bottom: 1px solid #ddd;
    color: #555;
}
.blog-cat ul li:last-child p{
    border-bottom: 0;
}
.blog-cat ul li p span{
    position: absolute;
    right: 0;
}
.blog-ad {
    position: relative;
}
.blog-ad .blog-ad-overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(88, 75, 237, 0.8);
	text-align: center;
	padding: 80px 52px;
}
.blog-ad h5{
    font-size: 35px;
    font-weight: 600;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase;
}
.blog-post{
    margin-top: 50px;
}
.blog-post ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    white-space: normal;
}
.blog-cont span{
    color: #555;
    padding-top: 6px;
}
.blog-cont span p {
	line-height: 22px;
}
.blog-tag {
    margin-top: 20px;
}
.blog-tag h4{
    margin-bottom: 22px;
}
.blog-tag span {
	color: #555;
	padding-right: 25px;
	line-height: 38px;
}
.btn-center{
    margin-left: -400px;
}
.blog-tag {}
.single-content h5{
    font-size: 35px;
    font-weight: 600;
    color: #232323;
    line-height: 30px;
    padding: 30px 0 20px;
}
.single-content span{
    font-size: 15px;
    color: #555;
    padding-right: 20px;
    margin-bottom: 17px;
}
.single-content span i{
    font-size: 13px;
    padding-right: 8px;  
}
.blog-title ul {
	display: inline-block;
}
.blog-title span {
	font-size: 20px;
	font-weight: 500;
	color: #555;
	line-height: 28px;
	padding-right: 9px;
}
.blog-form h3,
.blog-cmnt h3 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.blog-q {
	padding: 70px 32px 30px;
	border-left: 2px solid rgba(88, 75, 237, 1);
	box-shadow: 0 0 13px -10px #000;
}
.blog-q h5 {
	font-size: 20px;
	color: #232323;
	font-weight: 600;
	padding-top: 18px;
}
.blog-q span {
	font-size: 17px;
	color: #555;
	line-height: 28px;
}
.blog-q p{
    position: relative;
    z-index: 2;
    font-size: 20px;
}
.blog-q p:before {
	position: absolute;
	content: '\f10e';
	left: 50%;
	top: -10px;
	font-size: 100px;
	font-family: fontawesome;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
	color: rgba(119, 1, 219, .2);
}
.blog-cmnt{}
.blog-cmnt ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 35px;
}
.blog-cmnt .blog-cont h6 {
	line-height: 16px;
	font-size: 20px;
	color: #232323;
}
.blog-cmnt .blog-cont{
    position: relative;
}
.blog-cmnt .blog-cont a {
	color: #555;
	font-size: 16px;
	line-height: 28px;
    position: absolute;
    right: 0;
    top: 0;
}
.blog-cmnt .blog-cont p {
	/* line-height: 28px; */
	padding-top: 5px;
}
.blog-form form input{
    width: 100%;
    height: 50px;
    margin: 50px 0 30px;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding-left: 30px;
    color: #8f8f8f;
}
.blog-form form input::-webkit-input-placeholder{
    color: #8f8f8f;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input:-ms-input-placeholder{
    color: #8f8f8f;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input::-moz-placeholder{
    color: #8f8f8f;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form input::placeholder{
    color: #8f8f8f;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-form form textarea {
	resize: none;
	width: 100%;
	height: 200px;
	margin-left: 15px;
	margin-right: 15px;
    padding: 30px;
    border-radius: 30px;
    border: 1px solid #ddd;
    color: #8f8f8f;
}
.blog-form form textarea::-webkit-input-placeholder{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #8f8f8f;
}
.blog-form form textarea:-ms-input-placeholder{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #8f8f8f;
}
.blog-form form textarea::-moz-placeholder{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #8f8f8f;
}
.blog-form form textarea::placeholder{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #8f8f8f;
}
.blog-form form button {
	font-size: 16px;
	font-weight: 500;
	margin-left: 15px;
	border: 1px solid rgba(119, 1, 219, 1);
	border-radius: 30px;
	padding: 13px 35px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(119, 1, 219, 1)), to(rgba(25, 153, 242, 1))) ;
    background: -webkit-linear-gradient(left, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ;
    background: linear-gradient(90deg, rgba(119, 1, 219, 1) 0%, rgba(25, 153, 242, 1) 100%) ;
    color: #fff;
    cursor: pointer;
    margin-top: 40px;
    
    transition: .5s;
}
.blog-form form button:hover{
    background: transparent;
    color: #232323;
}
/*====== contact page ======*/
.Screenshots .slick-slide img {
    width: 100%;
}
.play-overlay span {
    display: none;
}

/* ======== timeline area css ======== */
.witr_timeline_area{}

/* single timeline */
.witr_hd_timeline_contant {
	position:relative;
    padding-bottom: 39px;	
}
/* left border */
.witr_hd_timeline_inner {
    padding-left: 27px;
}
.witr_hd_timeline_inner:before{
    width: 1px;
    height: 100%;
    
    transition:.5s;
	background: #0c3eb9;
    position: absolute;
    left: 7.5px;
    top: 0;
    content: "";
}
/* circle border */
.witr_dslborder {
    display: inline-block;
    width: 15px;
    height: 15px;
	
	transition:.5s;
	background: #0c3eb9;	
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.witr_hd_timeline_inner:hover:before,
.witr_hd_timeline_inner:hover .witr_hd_sicon_inner,
.witr_hd_timeline_inner:hover .witr_dslborder{
	background: #000;	
}
/* title */
.witr_timeline_item {
    width: 230px;
}
.witr_timeline_item h2{
    font-size:24px;
	font-weight:400;
	
	transition:.5s;
	padding-bottom:10px;
}
.witr_hd_timeline_inner:hover .witr_timeline_item h2{
	color:#000;
}

/* witr_number_item css */
.witr_number_item {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-size: 20px;
}
/* timeline icon css */
.witr_hd_sicon {
    position: absolute;
    left: -17px;
    bottom: -25px;
}
.witr_hd_sicon_inner{
    width: 55px;
    height: 55px;
	background: #0c3eb9;
    line-height: 54px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    
    transition: .5s;
    font-size: 22px;	
}
.witr_hd_sicon_inner i{}
/* margin left spacing */
.mrl15{
	margin-left:15px;
}
.mrl65{
	margin-left:65px;
}
.mrl110{
	margin-left:110px;
}
/* margin right spacing */
.mrr50{
	margin-right:50px;
}
.mrr95{
	margin-right:95px;
}
.mrr90{
	margin-right:90px;
}
/* timeline bottom right text */
.witr_sicon_bottom.witr_hd_timeline_contant {
    padding-bottom: 0px;	
    padding-top: 51px;	
}
.witr_sicon_bottom{
	text-align:right;
}
.witr_sicon_bottom .witr_timeline_item {
    width: 230px;
    margin-right: 0;
    margin-left: auto;
}
.witr_sicon_bottom .witr_dslborder {
    left: auto;
    top: auto;
    bottom: 0;
    right: 1px;
}
.witr_sicon_bottom .witr_hd_timeline_inner:before{
    left: auto;
	right: 7.5px;
    top: auto;
    bottom: 0;
}
.witr_sicon_bottom .witr_hd_timeline_inner {
    padding-left: 0px;
    padding-right: 27px;
}
/* icon bottom position */
.witr_sicon_bottom .witr_hd_sicon {
    position: absolute;
    right: -17px;
    top: -28px;
    left: auto;
    bottom: auto;
}
.middle_border_divider{
height:1px;
display:block;
background: #0c3eb9;
}

/* cursor imags area css */
.blog_sidebar .slide_items img{
 	width:100%; 
}

/* accordion area css */

.accordion_area{}
.card-header.witr_ac_card {
    background: none !important;
    padding: 0;
    border-bottom: 0;
}
.witr_ac_card i {
	margin-right: 10px;
    font-size: 20px;
    position: relative;
    top: -2px;
}
.accordion_area .card-2{
	margin-bottom: 22px;
    border: 1px solid #ddd;
}
.witr_ac_style {
    color: #232323;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 700;
    display: block;
    padding: 7px 15px 11px;
    
    transition: .5s;
}
.witr_ac_style:focus,
.witr_ac_style:hover{
	color:#fff;
	background: #0c3eb9;
}
.witr_ac_style:before {
    position: absolute;
    content: '\f107';
    right: 30px;
    top: 9px;
    font-family: fontawesome;
    font-size: 18px;
}
.active .witr_ac_style:before {
    position: absolute;
    content: '\f106';
    right: 30px;
    top: 9px;
    font-family: fontawesome;
    font-size: 18px;
}
.active .witr_ac_style{
    background: #0c3eb9;
	color:#fff;
}

.card-body ul{}
.card-body ul li{
	margin-left: 18px;
	margin-bottom: 4px;	
}
 /* accouding elementor 2 */
 .elementor-accordion .elementor-accordion-item {
 border: 0 !important;
 border-left: 2px solid #0c3eb9 !important;
 margin-bottom:20px;
 box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.75);
} 
.elementor-accordion .elementor-tab-content {
 border-top: none !important;
}
.elementor-tab-title a,
.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
    color: #232323 !important;
	font-size: 18px;
    font-weight: 700;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
    color: #232323 !important;
}

/* witr single cursor img */
 .slide_item img{
 opacity:0.1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; 
 }
.slick-center .slide_item img{
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
 }
 /*======== slick ========*/
 .slick-prev, .slick-next {
 font-size: 0;
 position: absolute;
 display: block;
 padding: 0;
 cursor: pointer;
 color: transparent;
 outline: none;
  background: transparent; 
 z-index: 1;
 opacity:0;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 50px;
top: 50%;
        transform: translate(0px, -50%);
width: 50px;

transition: .5s;
line-height: 45px;
border: 2px solid #0c3eb9; 
}
.slick-prev {
 left: -15px;
}
.slick-next {
 right: -15px;
}
.witr_ds_content_area .slick-prev {
 left: 15px;
}
.witr_ds_content_area .slick-next {
 right: 15px;
}

 
 .slick-prev:before, .slick-next:before {
 color: #0c3eb9;
 font-size: 25px;
 -webkit-transition: all 0.3s ease 0s;
 transition: all 0.3s ease 0s;
 content: "\f177";
 font-family: FontAwesome;
}
 .slick-next:before {	 
 content: "\f178";
 font-family: FontAwesome;
}
 .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
 background: #0c3eb9;
}
 .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
 color: #fff;
}

 .witr_slick2_active:hover .slick-prev, 
 .witr_slick2_active:hover .slick-next, 
 .witr_slick_active:hover .slick-prev, 
 .witr_slick_active:hover .slick-next, 
 .witr_blog_are:hover .slick-prev, 
 .witr_blog_are:hover .slick-next,
 .witr_tslide_area:hover .slick-prev, 
 .witr_tslide_area:hover .slick-next, 
 .imagess_area:hover .slick-prev, 
 .imagess_area:hover .slick-next,
 .witr_ds_content_area:hover .slick-prev, 
 .witr_ds_content_area:hover .slick-next,
 .blog_wrap:hover .slick-prev, 
 .blog_wrap:hover .slick-next,
 .witr_team_area_c:hover .slick-prev, 
 .witr_team_area_c:hover .slick-next,
 .images_area:hover .slick-prev, 
 .images_area:hover .slick-next,
 .testomonial-slide:hover .slick-prev, 
 .testomonial-slide:hover .slick-next,
 .Screenshots-slide:hover .slick-prev, 
 .Screenshots-slide:hover .slick-next,
 .mobile-slide:hover .slick-prev, 
 .mobile-slide:hover .slick-next,
 .mobile-slide-7:hover .slick-prev, 
 .mobile-slide-7:hover .slick-next,
 .testomonial:hover .slick-prev, 
 .testomonial:hover .slick-next{
	 opacity:1;
}
.blog_wrap  .slick-prev, 
.blog_wrap  .slick-next {
top: 35%;
-webkit-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
 
}

.witr_blog_are  .slick-prev,
.testomonial-slide  .slick-prev,
.blog_wrap  .slick-prev
 {
 left: -65px;
}
.witr_blog_are  .slick-next,
.testomonial-slide  .slick-next,
.blog_wrap  .slick-next
 {
 right: -65px;
}
.witr_slick_active .slick-prev, 
.witr_slick2_active .slick-prev{
    left: 20px;
}
.witr_slick_active .slick-next,
.witr_slick2_active .slick-next{
    right: 20px;
}
 /* cursor css */
.carsur_dots .elementor-slick-slider ul.slick-dots{
	bottom: -70px;
 }
.carsur_dots .elementor-slick-slider ul.slick-dots li{
	margin: 0 5px; 
} 
.carsur_dots .elementor-slick-slider ul.slick-dots li button:before{
 background-color: transparent;
 font-size: 0;
 width: 18px;
 height: 18px;
 border: 1px solid #fff ;
 cursor: pointer;
 border-radius: 50%;
}
 .carsur_dots .elementor-slick-slider ul.slick-dots li.slick-active button:before{
 background-color: #fff;
}
.carsur_dots .elementor-slick-slider ul.slick-dots li button:hover:before{
 background-color: #fff;
}
.slick-dots {
 position: absolute;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 bottom: 0px;
 display: inline-block;
 z-index: 11;
}
.witr_blog_are .slick-dots{
    bottom: -20px;
}
.slick-dots li {
 display: inline-block;
}
.slick-dots li button {
 background-color: transparent;
 font-size: 0;
 width: 20px;
 height: 10px;
 border: 1px solid #0c3eb9;
 margin: 0 5px;
 cursor: pointer;
 border-radius: 5px;
 padding: 0;
 transition:.5s;
}
.slick-dots li.slick-active button {
 background: #0c3eb9;
  width: 30px;
} 
/* text widget */
.witr_text_widget_inner h1,
.witr_text_widget_inner h2{
 font-size: 40px;
 margin-bottom: 5px; 
}
.witr_text_widget_inner h1{
 font-size: 22px;	
}
.witr_text_widget_inner h1 span,
.witr_text_widget_inner h2 span{
	color:#0c3eb9;
}
.witr_text_widget_inner p{
/* margin-top: 23px; */
 margin-bottom: 11px;
}
.witr_text_widget .witr_text_widget_inner h1,
.witr_text_widget .witr_text_widget_inner h2,
.witr_text_widget .witr_text_widget_inner p{
	margin-left:auto !important;	
	margin-right:auto !important;	
}




 
 /* unoy */
.wp-block-button__link {
 padding: 8px 24px 12px;
} 
p.comment-form-cookies-consent {
 position: absolute;
 top: 33%;
 display:none;
}


 /* stasick tab area css */


.techit-tab{
    overflow: hidden;
    clear: both;
    background: #000;
}
.tab_area .nav-tabs {
    border: none;
}
.techit-tab li {
    display: inline-block;
    list-style: none;
    background: #000;
    float: left;
    overflow: hidden;
}
.techit-tab li a{
    padding: 15px 30px;
    display: block;
    border-right: 1px solid #ddd;
    color: #fff;
}
.techit-tab li a.active,
.techit-tab li a:hover
{
    background: #0c3eb9;
    color: #fff;
}

/* single video css */

.single_video {
    margin-top: 30px;
}
.video_image {
    position: relative;
}
.video_image:before {
    background: rgba(0, 0, 0, 0.5);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}

.video_image img{
	width:100%;
}
.choose_video_icon{}
.video_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	-webkit-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
}
.video_icon a{
	text-align: center;
    display: inline-block;
}
.video_icon a i{
	color: #fff;
    border: 5px solid #fff;
    width: 90px;
    height: 90px;
    line-height: 80px;
    font-size: 40px;
    border-radius: 50%;
}
.wic_tab_content {
    padding-top: 16px;
}
.tab_title_content{}
.tab_title_content h2{ 
    font-size: 20px;  
    margin-bottom: 8px;
 }
.wic_text_block p{} 
.video_area .col-md-12{
	padding-left:0;
	padding-right:0;
}

/* tab event css */

.tab-event{
    background: #fff;
    overflow: hidden;
    padding: 15px 0;
}
.techit_single_event {
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
    padding-bottom: 12px;
    padding-top: 16px;
    clear: both;
    overflow: hidden;	
}
.techit_single_event:last-child{
	    border-bottom: 0px solid #ddd;
}
.techit_event_thumb {
    float: left;
    margin-right: 15px;
}
.event_content_area{
	
}

.techit_single_event:hover .event_page_title h2 a{
	color: #0c3eb9;
}
.event_page_title h2 a{
	color: #232323;
    text-transform: capitalize;
    font-weight: 600;
}
.event_pcontent{}
.event_pcontent p{
	margin-bottom: 5px;
}
.techit_event_icon span{
	margin-right: 10px;
} 
.techit_event_icon span i{
	margin-right: 5px;
}

/*========= tab 2 area ===========*/
.tab_area2{
    background: #182C44;
	overflow: hidden;	
}
.techit_tab{
/*     overflow: hidden;
    clear: both;
    background: #000; */	
}

.tab_area2 .nav-tabs {
    border: none;
}
.techit_tab li {
    display: inline-block;
    list-style: none;
    background: #000;
    float: left;
    overflow: hidden;
    margin-right: 15px;	
}
.techit_tab li a{
    padding: 15px 30px;
    display: block;
/*     border-right: 1px solid #ddd; */
    color: #fff;
}
.techit_tab li a.active,
.techit_tab li a:hover
{
    background: #0c3eb9;
    color: #fff;
}

.wic_tab_content2 {
    padding-top: 40px;
}
.witr_tab_title_content2{}
.witr_tab_title_content2 h2{ 
    font-size: 20px;  
    margin-bottom: 19px;
    color: #0c3eb9;	
 }
.witr_tab_btn{}
.witr_tab_btn a{
	color:#0c3eb9;
}
 /* carsur_dots */
.carsur_dots{ 
}
.carsur_dots .swiper-pagination-bullet {
 width: 18px;
 height: 18px;
 background: none;
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 border: 2px solid #fff;
} 
.carsur_dots .swiper-pagination-bullet.swiper-pagination-bullet-active{
 background: #fff; 
} 
.carsur_dots .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: -54px 6px;
} 
.video-item span,
.em-call-to-video span{
	display:none;
}
/* =========================== DEFAULT CONTACT CSS ================================ */
 .wpcf7 label {
 width: 100%;
}
.wpcf7 input,
.wpcf7 textarea
{
 width: 100%;
/*  border-radius:30px; */
 border:1px solid #ddd;
     padding-left: 30px;
}
.wpcf7 input{
    padding: 5px 50px;
}
.wpcf7 textarea{
height: 150px;
}
input.wpcf7-submit {
 width: auto;
 padding: 0px 50px;
 cursor: pointer;
}
.wpcf7-form p {
}
div.wpcf7-response-output {
    color: #efc707;
} 


/*======== contact 1 css ==========*/
.witr_form_area1 {
	width: 100%;
	margin: auto;
}
.witr_form_controls1 {}
.witr_field1 .witr_form_field1 {
	float: left;
	width: 49%;
}
.witr_field1 .witr_form_field1.witr_1width100 {
	width: 100%;
}
.witr_field1 .witr_form_field1.witr_1width25{
	width: 23%;
}

 .witr_field1 .witr_form_field1:after {
	clear: both;
	content: "";
	display: block;
}
 .witr_field1 .witr_form_field1 select,
 .witr_field1 .witr_form_field1 input,
 .witr_text_area1 textarea {
	width: 100%;
	margin-bottom: 20px;
	line-height: 43px;
	background: #15234a; 
    border: 0px solid #ddd;
    color: #fff;
    padding-left: 20px;
    font-size: 15px;
    font-weight: 400;
	border-radius: 5px;
/*     box-shadow: 0px 0px 30px 0px rgba(148,146,245,0.2);	 */
}
.witr_text_area1 textarea {
	height: 190px;
	resize: none;
	padding: 10px 30px 30px;
}
 .witr_field1 .witr_form_field1 select{
    height: 50px;	 
 }
 .witr_con_btn1 {
    text-align: left;
}
 
.witr_con_btn1 .w_btn1{
    background: #0c3eb9;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    line-height: 45px;
    border-radius: 5px;
    font-weight: 400;
    border: 0px solid #0c3eb9;
    transition: .5s;
    padding: 5px 50px;
}
.witr_con_btn1 .w_btn1:hover{
	background: #15234a;
	color:#fff;
}
.witr_field1 .witr_form_field1 input::-webkit-input-placeholder{
    color: #fff;
}
.witr_field1 .witr_form_field1 input:-ms-input-placeholder{
    color: #fff;
}
.witr_field1 .witr_form_field1 input::-moz-placeholder{
    color: #fff;
}
.witr_text_area1 textarea::-webkit-input-placeholder{
    color: #fff;
}
.witr_text_area1 textarea:-ms-input-placeholder{
    color: #fff;
}
.witr_text_area1 textarea::-moz-placeholder{
    color: #fff;
}


.witr_con_btn1 .w_btn1:before{
}
.witr_form_controls1 .witr_field1 .witr_form_field1:nth-child(odd){
	margin-right:1%;
}
.witr_form_controls1 .witr_field1 .witr_form_field1:nth-child(even){
	margin-left:1%;
}


/*========= contact-2 css ==========*/
.witr_form_area2 {
 width: 100%;
 margin: auto;
}
.witr_form_controls2 {}
.witr_field2 .witr_form_field2 {
	float: left;
	width: 49%;
}
.witr_field2 .witr_form_field2.witr_2width100 {
	width: 100%;
}
.witr_field2 .witr_form_field2:after {
	clear: both;
	content: "";
	display: block;
}
.witr_field2 .witr_form_field2 input,
.witr_text_area2 textarea {
	width: 100%;
	margin-bottom: 30px;
	background-color:#15234a;
	border: 0px solid #ddd;
	border-radius: 5px;
	line-height: 43px;
	padding-left: 30px;
	color: #fff;
	height: 53px;
}
.witr_text_area2 textarea {
	height: 200px;
	resize: none;
	padding: 10px 30px 30px;
}
.witr_con_btn2 .w_btn2{
	width: 100%;
	text-align: center;
	background: transparent;
	color: #0c3eb9;
	font-size: 18px; 
	cursor: pointer;
	line-height: 45px;
	border-radius: 5px;
	font-weight: 400;
	border: 1px solid #0c3eb9;
	transition: .5s;
    padding: 5px 50px;
}
.witr_con_btn2 .w_btn2:hover{
	background: #0c3eb9;
	color:#fff;
}
.witr_con_btn2 .w_btn2:before{
}
.witr_form_controls2 .witr_field2 .witr_form_field2:nth-child(odd){
	margin-right:1%;
}
.witr_form_controls2 .witr_field2 .witr_form_field2:nth-child(even){
	margin-left:1%;
}



/* COUNTDOWN CSS */

span.cdowns {
    width: 175px;
    height: 165px;
    background: #0c3eb9;
    display: inline-block;
    margin: 0 29px;
    position: relative;
}
span.cdowns:before {
    position: absolute;
    content: "";
    background: #fff;
    top: 60px;
    right: -37px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
span.cdowns:after{
    position: absolute;
    content: "";
    background: #fff;
    top: 93px;
    right: -37px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
span.cdowns:last-child:before,
span.cdowns:last-child:after
{
display:none;
}
.counterdowns {
    text-align: center;
}

span.time-counts {
    line-height: 119px;
    font-size: 55px;
    color: #fff;
    font-weight: 700;	
}
.counterdowns p {
    color: #fff;
    font-size: 20px;
    line-height: 0px;
    margin-top: -4px;
    font-weight: 700;
}
.dotnone span.cdowns:before,
.dotnone span.cdowns:after
{
	display:none;
}

.mean-container .mean-nav ul li a:hover {
    color:#0c3eb9 ;
    border-radius: 0;
}



/*================================= mailchim 1=================================== */

 .mc4wp-form-fields p {
 position: relative;
 line-height: 27px;
 margin-bottom: 22px; 
}
 .mc4wp-form-fields p label {
 font-size: 16px;
 font-weight: 700;
 margin: 15px 0;
}
 .mc4wp-form-fields input {
    width: 100%;
    height: 48px;
    background: #fff;
    font-size: 16px;
    line-height: 28px;
    color: #b0afaf;
    border-radius: 30px;
    border: none;
    outline: none;
    padding: 0 20px; 
}
 .mc4wp-form-fields button {
    width: 54px;
    height: 48px;
    border-radius: 30px;
    background: #0c3eb9;
    border: none;
    outline: none;
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 18px;
    line-height: 10px;
    color: #fff;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    padding: 7px 0;
    transition: .5s;
}
 .mc4wp-form-fields button:hover {
    background: #0c3eb9;	 
 }

.witr_own_shorcode {
 margin-top: 21px;
}
.checkbox_witr input {
	width: 20px;
	float: left;
	margin-right: 15px;
	margin-top: -8px; 
 }
.checkbox_witr span {
    color: #fff;
    font-size: 15px
 }
.mc4wp-alert.mc4wp-error a, 
.mc4wp-alert.mc4wp-error p{
color: #fff;	
} 
 
.mc4wp-form-fields input::-moz-placeholder {
   color: #b0afaf;
}
.mc4wp-form-fields input::-webkit-input-placeholder {
   color: #b0afaf;
}



 
/* mailchim 2 */
.footer-middle .mc4wp-form-fields input::-moz-placeholder {
 color: #fff;
} 
.footer-middle .mc4wp-form-fields input::-webkit-input-placeholder {
 color: #fff;
} 
 .footer-middle .mc4wp-form-fields p {
 position: relative;
 line-height: 27px;
 margin-bottom: 22px;
 color: #fff; 
}
 .footer-middle .mc4wp-form-fields p label {
 font-size: 16px;
 font-weight: 700;
 margin: 15px 0;
}
 .footer-middle .mc4wp-form-fields input {
 height: 50px;
 position: relative;
 background: transparent;
 width: 100%;
 line-height: 43px;
 color: #fff;
 border: 1px solid #39424d;
 border-radius: 0px;
 padding-left: 30px; 
}
 .footer-middle .mc4wp-form-fields button {
	position: absolute;
    right: 0;
    top: 0;
    /* line-height: 48px; */
    /* background: #fff; */
    /* border: 0; */
    width: 70px;
    height: 50px;
    border-radius: 0px;
    color: #fff;
    background: #0c3eb9;
    cursor: pointer;
    
    transition: .5s; 
}
.footer-middle .mc4wp-form-fields button:hover {
 background: #182C43;
 color: #fff;
}
 .footer-middle .checkbox_witr input {
 width: 20px;
 float: left;
 margin-right: 15px;
 margin-top: -8px; 
 } 
 .footer-middle .checkbox_witr span{
 color:#fff;
 }
 .footer-middle .mc4wp-form-fields p:nth-child(1) {
 margin-bottom: 22px;
}

/* custom icon */
.witr_cs_icon i {
    font-size: 57px;
    margin-bottom: 30px;
    display: inline-block;
    margin: 20px;
    color: #0c3eb9;	
}




.elementor-widget-witr_section_Shape.elementor-widget:not(:last-child) {
    margin-bottom: 0px;
}
.witr_shape_item_inner {
    position: absolute;
    left: 0;
    /* text-align: center; */
    top: 0px;
    /* margin: auto; */
    z-index: -1;
    content: "";
	transition:.5s;	
	
}
.witr_shape_box {
    width: 300px;
    height: 300px;
    background: #ddd;
    border-radius: 50%;
    border: 54px solid #f9f9f9;
    margin: auto;
    transition: .5s;
}
.witr_shape_box_text{
	text-align: center;
    left: 50%;
    top: 50%;
    margin: auto;
    text-align: center;
    position: absolute;
    content: "";
    transform: translateX(-50%) translateY(-50%);
	font-size:18px;
	color:#333;	
}
/* translate lr */
@keyframes witr_movelr_box45 {
  0%{
	  transform: translateX(0px);
	}
  100%{
	  transform: translateX(45px);
	}
}
@keyframes witr_movelr_box90 {
  0%{
	  transform: translateX(0px);
	}
  100%{
	  transform: translateX(90px);
	}
}
@keyframes witr_movelr_box180 {
  0%{
	  transform: translateX(0px);
	}
  100%{
	  transform: translateX(180px);
	}
}
@keyframes witr_movelr_box360 {
  0%{
	  transform: translateX(0px);
	}
  100%{
	  transform: translateX(360px);
	}
}
/* translate tb */
@keyframes witr_movetb_box45 {
  0%{
	  transform: translateY(0px);
	}
  100%{
	  transform: translateY(45px);
	}
}
@keyframes witr_movetb_box90 {
  0%{
	  transform: translateY(0px);
	}
  100%{
	  transform: translateY(90px);
	}
}
@keyframes witr_movetb_box180 {
  0%{
	  transform: translateY(0px);
	}
  100%{
	  transform: translateY(180px);
	}
}
@keyframes witr_movetb_box360{
  0%{
	  transform: translateY(0px);
	}
  100%{
	  transform: translateY(360px);
	}
}


/* rotate */
@keyframes witr_rotate_360 {
  0%{
	  transform: rotate(0deg);
	}
  100%{
	  transform: rotate(360deg);
	}
}
@keyframes witr_rotate_180 {
  0%{
	  transform: rotate(0deg);
	}
  100%{
	  transform: rotate(180deg);
	}
}
@keyframes witr_rotate_90 {
  0%{
	  transform: rotate(0deg);
	}
  100%{
	  transform: rotate(90deg);
	}
}
@keyframes witr_rotate_45 {
  0%{
	  transform: rotate(0deg);
	}
  100%{
	  transform: rotate(45deg);
	}
}

/* another shape*/
.wirt_ani_slick_image {
    position: absolute;
    right: -15%;
    top: -52%;
	animation: rotateIn 20s linear infinite;
	    z-index: 1;
}




.techit_feature_area {
  margin-top: -92px;
    z-index: 999;
	 position: relative;
}

.techit_feature_area .em-service2.sleft {
    background-color: #FFFFFF;
	padding: 23px 10px 10px 20px;
	text-align: left;
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
	transition: 1s;
	    margin-bottom: 30px;
}
.em-service2 .em-service-icon i{
	font-size:28px;
}

.techit_feature_area .em-service2.sleft:hover{
	background-color:#0c3eb9;
	transition: 1s;
}

.techit_feature_area .em-service2:hover .em-service-icon i {
    color: #0c3eb9;
    background: #fff;
}
.techit_feature_area .em-service2:hover .em-service-title h3,
.techit_feature_area .em-service2:hover .em-service-desc p {
    color:#fff;
}
.techit_about_area{
	padding:70px 0px 90px;
}
.video_bg{
	padding: 140px 0px 140px 0px;
    background-image: url(../images/about2.jpg);
    background-size: cover;
}
.about_left {
    margin: 0px 0px 0px 120px;
}


.techit_about_area .singleSS.text-center {
    padding: 27px 0px 37px 0px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
	width: 293px;
    max-width: 293px;
	top: 97px;
    position: absolute;
    left: -84px;
}

.techit_about_area .witr_text_widget_inner h1 {
    color: #0C3EB9;
    font-size: 17px;
    font-weight: 700;
}
.techit_about_area .witr_text_widget_inner h2 {
    font-size: 48px;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
}

.techit_about_area .witr_text_widget p {
    font-size: 20px;
    font-weight: 400;
	margin-top: 27px;
}
.techit_about_area  .about-content span i {
    color: #0C3EB9;
    font-size: 12px;
    margin: 0px 10px 10px 0px;
}

.about-content {
    margin-bottom: 2px;
}

.techit_about_area  .em-service2.sleft.all_color_service {
    margin-top: 30px;
}

.techit_solution_area{
	background-image: url(../images/cbg.jpg);
    background-position: center center;
    background-size: cover;
	padding:95px 0px 470px;
}



.techit_solution2_area .witr_single_service3 {
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
    box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 8%);
	    padding: 60px 42px 60px;
}
.techit_solution2_area .witr_single_service3.bottom_none {
	border-bottom:none;
}
.techit_solution2_area .witr_single_service3.left_none {
	border-right:none;
}

.techit_solution2_area .witr_single_service3::before {
    background:transparent;
	 width: 100%;
    height: 100%;
	transition: 1s;
}
.techit_solution2_area .witr_single_service3:hover {
    background: #0C3EB9;
	    transition: 1s;
}

.techit_solution2_area {
    margin-top: -418px;
}

.pdlf{
	padding-left:0;
	padding-right:0;
}

.techit_skill_area{
	padding:100px 0px 0px;
}
.witr_text_widget_inner h1 {
    color: #0C3EB9;
    font-size: 17px;
    text-transform: uppercase;
}
.witr_text_widget_inner h2 {
    font-weight: 700;
}
.techit_skill_area .witr_text_widget_inner p {
    margin-bottom: 41px;
}
.techit_skill_area .progress.witr_progress-style5 {
    margin-bottom: 20px;
}
.techit_skill_area .witr_progress-style5 {
    height: 6px;
}
.techit_skill_area .witr_shape_item_inner {
    position: absolute;
	left: 20%;
}
.witr_shape_box {
    width: 500px;
    height: 500px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 140px 140px 140px 140px;
    border-color: #0C3EB9;
	 border-radius: 50%;
	     margin: auto;
    transition: .5s;
	position:absolute;
}
.witr_shape_item_inner{
	animation:witr_movetb_box45  5s  linear  2s  infinite  alternate  running;
}
.single_image_area{
	position:relative;
}
.techit_skill_area .witr_counter_single {
    margin: 0px 170px 0px 400px;
    padding: 20px 30px 18px 30px;
    background-color: #FFFFFF;
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
	text-align:center;
	position:absolute;
	top: 60px;
    width: 39%;
}
.techit_skill_area .witr_counter_number_inn h4 {
    color: #232323;
    font-size: 20px;
    font-weight: 500;
}
.techit_skill_area .witr_counter_number_inn h3,
.techit_skill_area .witr_counter_number_inn span {
    font-size: 50px;
    color: #0C3EB9;
}
.techit_project_area{
	background-image: url(../images/cbg.jpg);
    background-position: center center;
    background-size: cover;
	padding:95px 170px 70px;
}

.techit_project_area .witr_section_title_inner.text-center p {
    width: 40%;
}

.project_top{
	margin-top:60px;
}

.techit_team_area{
	padding:100px 0px 70px;
}

.team_top{
	margin-top:40px;
}

.techit_counter_area{
	padding:0px 0px 100px;
}

.counter1 {
	background:#fff;
    box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
    padding:76px 50px 75px 50px;
}
.counter1 .witr_custom_icon i {
	color: #0C3EB9;
}


.techit_video_area{
	background-image: url(../images/fous.jpg);
    background-position: center center;
    background-size: cover;
	padding:100px 0px 100px;
	position:relative;
}
.techit_video_area:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#0c3eb980;
}

.techit_video_area .witr_section_title_inner h3 ,
.techit_video_area .witr_section_title_inner h1{ 
    color: #FFFFFF;
    font-size: 50px;
}
.techit_video_area .witr_section_title_inner h2{
	color:#fff;
}
.techit_video_area .witr_back_title h4 {
    opacity: 0.2;
}
.techit_video_area .witr_button_area {
    text-align: center;
	    margin-top: 35px;
}
.techit_video_area .video-overlay {
    padding: 60px 0 50px;
}

.techit_process2_area{
	padding:100px 0px 30px;
}
.techit_process2_area .witr_section_title_inner.text-center p {
    width: 52%;
}
.process_top{
	margin-top:43px;
}

.techit_tab_area{
	padding:100px 0px 100px;
	background: #F4F9FC;
}

.witr_content p {
    color: #626262;
    font-size: 20px;
	width: 95%;
	margin-top: 34px;
}

.tab_top{
	margin-top:42px;
}
.techit_blog_area{
	padding:100px 0px 72px;
}

.blog_top{
	margin-top:40px;
}
.techit_blog_area .witr_section_title_inner.text-center p {
    width: 55%;
}
    
.techit_testimonial_area{
	background-image: url(../images/skillbg.png);
    background-position: center center;
	background-attachment: fixed;	
	padding:100px 0px 72px;

}

.testi_top{
	margin-top:40px;
}

.witr_brand1_area{
	padding:100px 0;
	background: #0C3EB9;
}
.techit_about_area.about{
	padding:100px 0px 90px;
}

.techit_feature_area.feature2{
	margin-top:0px;
	padding:0px 0px 70px;
}

.techit_counter2_area{
	padding:90px 0px 60px;
	background-color: #0C3EB9;
	
}
.techit_counter2_area  .witr_counter_single {
    margin-bottom: 30px;
}
.techit_counter2_area .witr_custom_icon i {
    color: #fff;
}
.techit_counter2_area .witr_counter_number_inn h3, 
.techit_counter2_area .witr_counter_number_inn span {
    color: #fff;
}
.techit_counter2_area .witr_counter_number_inn h4 {
    color: #fff;
}

.techit_about2_area{
	padding:100px 372px 100px 80px;
}
.techit_about2_area .witr_text_widget_inner h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
}

.techit_about2_area .em-service2.sleft {
    text-align: left;
    margin-top: 20px;
}

.techit_about2_area .witr_text_widget_inner p {
    margin-bottom: 41px;
}
.techit_about2_area .video-item i {
    color: #fff;
    background: #0c3eb9;
}
.techit_about2_area .video-overlay {
    padding: 0px 0 0px;
}
.techit_about2_area .video-item h3 {
    color: #182C44;
    font-size: 18px;
    margin: -53px 0px 0px 53px;
}
.techit_about2_area .video-item a {
    left: -110px;
}

.video_top{
	margin-top:40px;
}

.techit_solution_area.solution3{
	padding:100px 0px 70px;
}
.solution3 .witr_single_service3 {
    margin-bottom: 30px;
}

.solution_top{
	margin-top:40px;
}

.techit_process_area.process2 {
    padding: 100px 0px 70px;
}

.techit_call_to_area{
	background-image: url(../images/vbg.jpg);
    background-position: center center;
    background-size: cover;
	padding:90px 0px 100px;
	position:relative;
}
.techit_call_to_area:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000a6;
}

.techit_call_to_area .witr_section_title_inner h3 ,
.techit_call_to_area .witr_section_title_inner h1{ 
    color: #FFFFFF;
    font-size: 50px;
}
.techit_call_to_area .witr_section_title_inner p{
	color:#fff;
	width:49%;
}
.techit_call_to_area .witr_button_area {
    text-align: center;
    margin-top: 50px;
}
.techit_call_to_area .witr_back_title {
    top: -70px;
}
.techit_call_to_area .witr_back_title h4 {
    opacity: 0.07;
}
.techit_call_to_area  .witr_bbtn {
	border: 2px solid #fff;
	color: #fff;
}

.witr_contacn_title p{
    color: #626262;
    font-size: 20px;
    font-weight: 500;
	margin-top: 30px;
}
.witr_btn2 {
    font-weight: 600;
    color: #043ecd;
}
.team2 .witr_section_title_inner h3 {
    font-size: 47px;
}

.techit_feature_area.feature_bg{
	background-color: #000A24;
	margin-top:0;
	padding:100px 0px 70px;
}
.feature_bg .em-service2.sleft {
    background-color: #15234A;
        transition: 0.5s;
    box-shadow: 0px 0px 117px 0px rgb(12 62 185 / 20%);
}
.feature_bg .em-service-title h3,
.feature_bg .em-service-desc p,
.feature_bg .em-service-icon i{
	color:#fff;
}
.techit_feature_area.feature_bg .em-service2.sleft:hover{
    background-color: #0C3EB9;
    box-shadow: 10px 10px 0px 0px #15234a;
	    transition: 0.5s;
}
.techit_about2_area.about2_bg{
	background-color: #000A24;
	padding:0px 0px 100px;
}
.about2_bg .witr_text_widget_inner h1,
.about2_bg .witr_text_widget_inner h2,
.about2_bg .em-service-title h3,
.about2_bg .em-service-icon i{
	color:#fff;
}
.about2_bg .witr_text_widget p,
.about2_bg .em-service-desc p{
    color: #A3ABBF;
}
.about2_bg .single_image img {
    width: inherit;
}
.techit_solution3_area{
	background-image: url(../images/joinbg.jpg);
    background-position: center center;
    background-size: cover;
	padding:95px 0px 100px;
}

.techit_solution3_area .witr_single_service3 {
   background: #15234A;
}
.techit_solution3_area .witr_single_service3:hover {
    background: #0C3EB9;
    transition: 1s;
}
.techit_solution3_area .witr_single_service3::before {
    background: transparent;
    width: 100%;
    height: 100%;
    transition: 1s;
}
.techit_solution3_area .single_image img {
	    width: 100%;
       height: 420px;
}
.techit_solution3_area .witr_single_service3 {
    padding: 61px 30px;
}

.techit_solution3_area .witr_service3_icon i,
.techit_solution3_area .witr_service3_content  h3,
.techit_solution3_area .witr_service3_content  p,
.techit_solution3_area .witr_service3_btn a{
	color:#fff;
}

.techit_skill_area.process2_bg{
    background-color: #000A24;
    background-image: url(../images/shape3.png);
    background-position: bottom right;
    background-repeat: no-repeat;
	    padding: 100px 0px 100px;
}
.techit_skill_area.process2_bg .witr_counter_single {
    margin: -190px 170px 0px 400px;
    top: inherit;
    width: 39%;
}
.process3_top{
	margin-top:75px;
}
.process2_bg .witr_text_widget_inner h1,
.process2_bg .witr_text_widget_inner  h2
{
	color:#fff;
}
.process2_bg .witr_text_widget_inner  p,
.process2_bg .witr_title5 span {
    color: #A3ABBF;
}

.techit_team_area.team_bg{
	padding:100px 0px 70px;
	background-color: #09132E;
}
.witr_section_title.white h1,
.witr_section_title.white h2,
.witr_section_title.white h3,
.witr_section_title.white p{
	color:#fff;
}
.team_bg .witr_team_thumb3::before {
	background-image: linear-gradient(180deg, rgba(2, 11, 36, 0.5411764705882353) 0%, #020B24 100%);
}
.techit_choose_area.choose_bg{
		padding:100px 0px 70px;
	background-color:#000A24;
}

.choose_top{
	margin-top:60px;
}
.techit_choose_area.choose_bg .em-service2.sleft {
    background-color: #15234A;
    transition: background 1s;
	padding: 25px 10px 10px 20px;
	margin-bottom:30px;
    box-shadow: 8px 8px 30px 0px rgb(42 67 113 / 15%);
}

.white .em-service-title h3,
.white .em-service-desc p{
	color:#fff;
}
.white .em-service-icon i{
    color: #0C3EB9;
    background-color: #FFFFFF;
    margin: 0px -10px 0px 0px;
}
.techit_choose_area.choose_bg .em-service2.sleft:hover {
    background-color:#0C3EB9;
}
.techit_choose_area.choose_bg  .em-service2:hover .em-service-icon i {
    color: #0c3eb9;
    background: #fff;
}
.techit_testimonial_area.testimonial_bg {
    background-color: #000A24;
    background-image: url(../images/testshape.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: inherit;
	padding:0px 0px 70px;
}
.testimonial_bg .em_single_testimonial {
    background-color: #15234A;
    box-shadow: 0px -40px 0px -20px #152349;
}
.testimonial_bg .em_testi_title h2 {
    color: #fff;
}
.testimonial_bg .all_color_testimonial p,
.testimonial_bg .all_color_testimonial span {
    color: #A3ABBF;
}

.techit_best_solution_area{
	padding:100px 0px 70px;
}

.it_top{
	margin-top:40px;
}
.techit_call_to_area.counterdown_area:before {
    background:transparent; 
}
.counterdowns_top{
	margin-top:40px;
}
.counter_it_page{
	padding:100px 0px 100px;
}

.pricing_top{
	margin-top:40px;
}
.all_pricing_color i,
.all_pricing_color h4,
.all_pricing_color h5,
.all_pricing_color ul li{
	color:#fff;
}
.pricing_area.active{
	 background:#0c3eb9de;
}
.pricing_area.active a.btn {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.pricing_area .witr_back_title {
    top: -70px;
}
.pricing_area .witr_back_title h4 {
    opacity: 0.07;
}
.techit_solution_area.techit_solution2_area{
	margin-top:0px;
	padding:100px 0px 100px;
}
.techit_testimonial3_area{
    background-image: url(../images/testi-bg.jpg);
	padding:100px 0px 100px;
}

.techit_testimonial3_area .witr_content_test7 p,
.techit_testimonial3_area .witr_author_name h6,
.techit_testimonial3_area .em_crating i,
.techit_testimonial3_area .witr_author_name span{
	color:#fff;
}
.techit_testimonial3_area .witr_content_test7 p::after {
    color: #182C44;
}
.techit_solution2_area.soluton_industires_page {
padding-bottom:100px;
}
.techit_feature_box_area{
	padding:100px 0px 70px;
	background: #F9F9F9;
}
.techit_feature2_box_area{
	padding:100px 0px 70px;
}
.techit_feature_box_area .feature_inner_box{
	 background-image: url(../images/pr1.jpg);
	     background-size: cover;
}
.techit_feature_box_area .feature_inner_box.feature_th1{
	 background-image: url(../images/pr2.jpg);
	     background-size: cover;
}
.techit_feature_box_area .feature_inner_box.feature_th2{
	 background-image: url(../images/pr3.jpg);
	     background-size: cover;
}
.techit_feature_box_area .feature_inner_box:before {
    background: #0c3eb9ad;
}
.feature_box2 .em-feature-title h2,
.feature_box2 .em-feature-desc p,
.feature_box2 .feature_button.feature_btn a{
	color:#fff;
}
.em-feature1{
	transition: 0.5s;
	margin-bottom: 30px;
}
.em-feature1:hover {
    margin-top: -10px;
	transition: 0.5s;
}

.feature_box_top{
	margin-top:60px;
}
.techit_feature2_box_area .sub-item.sub-item-8 {
    padding: 30px 28px 21px;
}
.techit_testimonial2_area{
	padding:90px 0px 70px;
}
.techit_testimonial4_area{
	padding:90px 0px 70px;
}

.techit_countdown_area{
	padding:90px 0px 100px;
}
.after_color span.cdowns:before {
	background: #0c3eb9;
}
.after_color span.cdowns:after {
	background: #0c3eb9;
}
.techit_project_area span.cdowns {
    border-radius: 30px;
	margin-bottom:30px;
}

.techit_countdown_area.techit_countdown3{
	padding:100px 0px 60px;
}
.techit_countdown3 span.time-counts {
    color: #0c3eb9;
}
.techit_countdown3 .counterdowns p {
    color: #0c3eb9;
}
.techit_countdown3 span.cdowns {
    background: #fff;
}

.techit_countdown4{
	padding:100px 0px 100px;
	    background-color: #F9F9F9;
}
.techit_countdown4 span.cdowns {
    border-radius: 30px 0px;
}

.techit_counter_area.counter2{
	padding:100px 0px 70px;
}
.witr_single_counter:hover .witr_counter_icon4  i,
.witr_single_counter:hover .witr_counter_text  h4,
.witr_single_counter:hover .witr_counter_text  h3,
.witr_single_counter:hover .witr_counter_text  span{
	color:#fff;
}


.techit_pricing_area{
	background-image: url(../images/cbg.jpg);
    background-position: center center;
    background-size: cover;
	padding:90px 0px 70px;
	position:relative;
}
.techit_pricing_area:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#0c3eb9ad;
}
.techit_pricing_area .pricing_area{
	margin-bottom:30px;
}

.witr_back_title.back2 {
    top: -70px;
}
.witr_back_title.back2 h4 {
    opacity: 0.07;
}
.techit_pricing2_area{
	background-image: url(../images/itsolution.jpg);
    background-position: center center;
    background-size: cover;
	padding:90px 0px 70px;
	position:relative;
}
.techit_pricing2_area .pricing_area {
    margin-bottom: 30px;
}
.pricing2 .all_pricing_color i {
    color: #FFFFFF;
    background-color: #0C3EB9;
    border-radius: 5px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 40px 0px;
}
.pricing2 .all_pricing_color i {
	background: #0C3EB9;
}
.pricing2  .witr_btnp_color {
    background-color: #0C3EB9;
    border-radius: 0px 0px 5px 5px;
    padding: 40px 0px 40px 0px;
}
.pricing2  .all_pricing_color ul li:nth-child(odd) {
    background-color:#0201011f;
}
.pricing2 .pricing-part sub {
    background: #182C44;
}

.pricing2 .pricing_area:hover .witr_btnp_color {
    background-color: #112032;
}
.pricing2 .all_pricing_color:hover i {
    background-color: #112032;
}
.pricing-part .active .btn {
    border: 1px solid #FFF;
	background: transparent;
}
.witr_btnp_color .active .btn {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.techit_typography_area{
	padding: 85px 0px 60px;
}

.typography_title{
	margin-bottom:40px;
}
.typography_title.typography2 h3{
	font-size:38px;
}
.typography_title.typography3 h3{
	font-size:32px;
}
.typography_title.typography4 h3{
	font-size:26px;
}
.typography_title.typography5 h3{
	font-size:22px;
}
.typography_title.typography6 h3{
	font-size:18px;
}

.typography_title .witr_section_title_inner.text-left p {
    width: 96%;
}

.techit_typography2_area{
	padding: 90px 0px 60px;
	background: #F9F9F9;
	
}
.typography_title .witr_section_title_inner.text-center p {
    width: 96%;
}
.typography_title .witr_section_title_inner.text-right p {
	width: 96%;
}
.techit_dropcaps_area{
	padding:90px 0px 80px;
}
.content_thumb {
    float: left;
    margin-right: 20px;
	margin-top: 4px;
}
.dropcaps_content p {
    width: 98%;
}
.dropcaps_title h3 {
    font-size: 40px;
    font-weight: 700;
	margin-bottom:33px;
}
.techit_highlight_area{
	padding:100px 0px 75px;
	background: #F9F9F9;
}
.highlight_content p {
	width:100%;
}
.highlight_content p span {
	color:#0c3eb9;
}

.techit_blockquote_area{
	padding:100px 0px 85px;
}
.techit_blockquote_area blockquote {
	margin: 60px 0 20px;
}
.blockquote_content blockquote {
    padding: 25px 47px 25px;
    font-size: 17px;
    border-left: 3px solid #0c3eb9;
    font-weight: 400;
    box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
}
.blockquote_content blockquote p {
    font-weight: 400;
    font-size: 20px;
    position: relative;
}


.techit_progress_area{
	padding:100px 0px 90px;
}

.techit_skill_area.skill1{
	padding:100px 0px 80px;
}
.skill_bar7 .witr_single_progress.all_color_bar {
    margin-bottom: 22px;
}

.skill_top{
	margin-top:40px;
}

.techit_skill_bg{
	background: #F9F9F9;
	padding:100px 0px 80px;
}
.progress1 .progress{
	background:#fff;
}

.progress1 .witr_single_progress.all_color_bar {
    margin-bottom:20px;
}

.techit_skill3_area{
	padding:100px 0px 96px;
}
.progress6 .witr_single_progress {
    margin-bottom: 20px;
}
.techit_skill4_area{
	padding:100px 0px 90px;
}
.techit_skill4_area .witr_single_progress {
    margin-bottom: 20px;
}
.techit_skill_bg .witr_title10 .witr_label {
     top: -8px;
}
.techit_skill_bg.skill5 .progress.witr_progress-style10 {
    margin: 30px 0;
}
.techit_circle_area{
	padding:100px 0px 70px;
}

.techit_icon_area{
	padding:100px 0px 90px;
}
.techit_countdown4.coming{
	background:transparent;
}
.techit_cursol_area{
	padding:0px 0px 100px;
}
.techit_tab_area.choose_us {
    background: transparent;
}

.techit_about3_area{
	padding:100px 0px 0px;
}
.techit_about3_area .witr_text_widget_inner h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
}

.about_top{
	margin-top:40px;
}
.techit_about3_area .witr_text_widget_inner p {
    margin-bottom: 47px;
    width: 90%;
}
.techit_about3_area  .em-service2.sleft {
    text-align: left;
    margin-bottom: 22px;
}
.techit_about3_area .witr_bbtn {
    border: 2px solid #0c3eb9;
}

.wirr_project_area{
	padding: 95px 0px 100px;
}

.project_top{
	margin-top:55px;
}

.witr_single_portfolio_a{
	padding:100px 0px 100px;
}
.techit_testimonial3_area.testimonial4_area{
	padding:90px 0px 100px;
	background:#112032;
}
.testimonial_top{
	margin-top:40px;
}
.service2_area .service-item h3 {
    color: #fff;
	font-size:25px;
}
.service2_area .service-item p {
    color: #fff;
}
.service2_area .service-btn > a {
    color: #fff;
}
.service2_area .service-item i {
    color: #fff;
}
.service2_area .service-item.all_color_service.text-center {
    padding: 0px 5px;
    margin-bottom: 30px;
}
.service3_area .em-service {
	padding: 27px 31px 39px;
	margin-bottom: 30px;
}

.service3_area .em-service-icon i,
.service3_area .em-service-title h3,
.service3_area .service-btn  a,
.service3_area .em-service-desc p{
	color:#fff;
}

.techit_countdown_area.service5.call_to_action2 {
    padding: 90px 0px 100px;
    background-color: #0C1D32;
}
.techit_call_to_area:before {
    background: #182c44b3;
}
.call_to_action2 .witr_call_to_content h3 ,
.call_to_action2 .witr_call_to_content h1 ,
.call_to_action2 .witr_call_to_content p{
    color: #fff;
}
.call_to_action2 .em-call-to-video i ,
.call_to_action2 .em-call-to-video h2{
    color: #fff;
} 

.techit_countdown_area.service5 {
    padding: 90px 0px 100px;
    background: #0C1D32;
}
.blog_area{
	padding:100px 0px 90px;
}
.single_team{
 box-shadow: 0px 0px 30px 0px rgb(35 35 35 / 13%);
 padding: 10px;
}

.team_title .witr_single_title h3{
	font-size:30px !important;
}
.team_title .witr_section_title_inner h3 {
    font-size: 18px;
}
.team_title .witr_section_title_inner h3 span {
    color: #626262;
    font-weight: 400;
}
.team_title .witr_section_title {
    margin-bottom: 27px;
}
.team_title {
    margin-top: 152px;
}
.social_icon .witr_single_socials {
    text-align: left;
}
.social_icon .witr_btn {
   margin-right: 0px;
}
.social_icon {
    margin-top: 35px;
}
.biography{
	margin-top:50px;
}
.biography .witr_section_title_inner h3 {
    font-size: 32px;
}
.biography .witr_section_title_inner.text-left p {
    width: 96%;
}
.techit_contact_area {
    background: #09132E;
    padding: 100px 0px 100px;
}
.techit_contact_area .em-service2.sleft {
    margin-bottom: 30px;
}
.techit_contact_area .em-service2 .em-service-icon i {
    box-shadow: none;
    color: #fff;
}
.techit_contact_area .em-service2.sleft .em-service-icon {
    margin-right: 0px;
    margin-top: 0px;
}
.techit_contact_area .em-service2:hover .em-service-icon i {
    color: #fff;
    background: transparent;
}
.techit_contact_area .em-service-title h3 {
       color: #FFFFFF;
    font-size: 21px;
    font-weight: 500;
    margin: 8px 0px 0px 0px;
}
.techit_contact_area .witr_section_title_inner h3 {
    color: #FFFFFF;
    font-size: 30px;
}
.techit_contact_area .witr_section_title_inner.text-left p {
    width: 68%;
    color: #fff;
}
.witr_field2 .witr_form_field2.field3 {
    float: none;
    width: 100%;
}
.witr_field2 input::-webkit-input-placeholder {
   color: #fff;
}
.witr_field2 textarea::-webkit-input-placeholder {
   color: #fff;
}

.contact_title_top{
	    margin: 243px 0px 0px 66px;;
}

.techit_contact_area .witr_contact_title h3{
	font-size:50px;
}
.techit_contact_area .witr_contact_title .witr_section_title_inner.text-left p {
    width: 94%;
    color: #fff;
}
.witr_contact_title {
    margin-bottom: 50px;
}

.techit_tab2_area{
	padding:100px 0px 0px;
	background:#112032;
}
.techit_tab2_area .tab_area2 {
    background: transparent;
}
.techit_tab2_area .witr_tab_title_content2 h2 {
    color: #fff;
}
.techit_tab2_area .wic_text_block p {
    color: #fff;
}

.single_next_work_area{
	padding:100px 0px 0px;
}
.single_next_work_area .witr_ac_card i {
   font-size: 10px;
}

.techit_faq_area{
	padding:100px 0px 0px;
	background:#F9F9F9;
}

.faq_top{
	margin-top:21px;
}

.techit_blog_area.blog_bg{
	background:#F9F9F9;
	padding: 100px 0px 100px;
}
.techit_blog_area.blog_bg .blog-part {
    margin-bottom:0px;   
}

.witr-blog-side-area{
	padding:100px 0px 90px;
}


.witr-blog-side-area.blog_sidebar .techit-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
}
.blog_sidebar .techit-blog-meta a {
    font-size: 21px;
    font-weight: 600;
    color: #232323;
}
.video-open-inline iframe {
    width: 100%;
    height: 550px;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    padding: 1em 1em;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid #0c3eb9;
}
blockquote p {
    font-weight: 400;
    font-size: 24px;
    position: relative;
    font-style: italic;
}
.techit-description-area.description2 p, .techit-description-area.description2 .phone a {
    color: #333;
}
.techit-description-area.description2 .social-icons a {
    margin-left: 5px;
    border: 1px solid #0c3eb9;
}
.techit-description-area.description2 a img {
    margin: 10px 0 26px;
}

.map_area iframe{
	width:100%;
	height:500px;
}
.single_blog_thumb img {
    width: 100%;
}

.single_blog .techit-single-blog-title {
    padding: 20px 0px;
}
blockquote {
    padding: 25px 32px 25px;
    margin: 60px 0 60px;
    font-size: 17px;
    border-left: 3px solid #0c3eb9;
    font-weight: 400;
    box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
}
.witr_ds_content:before {
    background: #182c4414;
	
}
.slider1 .witr_ds_content::after{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    content: "";
	background-image: url(../images/skillss.png);
	background-size: cover;	
    z-index: -1;
}
.slider_page .witr_ds_content_inner h1,
.slider_page .witr_ds_content_inner h2 ,
.slider_page .witr_ds_content_inner p {
     color: #232323;
}
.slider_page .witr_ds_content_inner h2 span {
     color: #0c3eb9;
}

.service2_bg {
    box-shadow: 0px 0px 30px 0px rgb(42 67 113 / 15%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 154px 0px 0px;
    padding: 32px 40px 26px 40px;
	background: #fff;
}
.service2_bg .witr_section_title_inner h3 {
    font-size: 30px;
	color:#232323;
    font-weight: 600;
    width: 100%;
    margin: 0px 0px 18px 0px;
}
.ps_absulate2 {
   position: absolute !important;
    top: 75%;
    left: 49%;
    z-index: 999;
    right: 22%;
    z-index: 999;
}
.techit_video_area.videopd {
     padding: 100px 0px 300px;
	 margin-bottom: 100px;
}

.banner_area{
	background-image: url(../images/banne-bg-01.jpg);
    background-position: bottom left;
    background-size: cover;
}
.techit_tab_area.tab_bg2 {
    padding: 100px 0px 100px;
    background: #09132E;
}
.tab_bg2 .tab_item ul li a span {
    color: #fff;
}
.tab_bg2 .tab_item ul li a i {
    color: #fff;
}
.tab_bg2 .tab_item .nav-pills li .nav-link.active span{
    color: #0C3EB9;
    border-style: default;
}
.tab_bg2 .tab_item .nav-pills li .nav-link.active i {
    color: #0C3EB9;
}

.tab_bg2 .tab_area .tab_content h3 {
    color: #fff;
}
.tab_bg2 .tab_area .tab_content p {
    color: #A3ABBF;
}

.tab_bg2 .witr_content p{
	    color: #A3ABBF;
    font-size: 20px;
}

.techit_process2_area.techit_process2 {
    background: #000A24;
}

.techit_process2 .witr_tslide_text {
    background-color: #15234A;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
.techit_process2 .witr_tslide_text h1,
.techit_process2 .witr_tslide_btn a,
.techit_process2 .witr_tslide_text h2{
	color:#fff;
}
.techit_process2 .witr_tslide_text p{
	color: #A3ABBF;
}
.techit_blog2_area.blog_bg {
    padding: 100px 0px 72px;
    background: #000A24;
}
.techit_blog2_area.blog_bg .wblog-content.witr_position_text2 {
    background-color: #15234A;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
.techit_blog2_area.blog_bg .wblog-content h5 > a,
.techit_blog2_area.blog_bg .wblog-content h5 a,
.techit_blog2_area.blog_bg .wblog-content span a,
.techit_blog2_area.blog_bg .wblog-content span,
.techit_blog2_area.blog_bg .wblog-content span a i,
.techit_blog2_area.blog_bg .wblog-content span i{
	color:#fff;
}
.techit_skill_area.techit_about_area{
	padding:100px 0px 100px;
}
.techit_skill_area.techit_about_area .witr_counter_single {
    margin: 0px 13px 0px -77px;
    padding: 20px 5px 18px 0px;
    top: 150px;
    width: 33%;
}

.witr_button_area.button4 {
    margin-top: 45px;
}
.techit_pricing2_area.techit_best_solution_area:before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#0c3eb980;
}
.witr_team_area_c {
    margin-bottom: 30px;
}

.techit_solution_area.portfolio_area{
	padding:100px 0px 90px;
}
.banner_area.banner2{
	background-image: url(../images/slider-1.jpg);
    background-position: center center;
    background-size: cover;
	position:relative;
	    animation: witr_slide_banner 100s linear infinite;
}
.banner_area.banner2 .witr_banner_area {
    background: #0c3eb9d6;
	    height: 944px;
}

.techit_about2_area .video-part {
    margin-bottom: 30px;
}
.techit_solution3_area.pricing_area{
	padding:95px 0px 70px;	
}
.techit_solution3_area  .pricing_area{
	margin-bottom: 30px;	
}
.home2_blog2 .blog-part {
    margin-bottom:0px;   
}

#blog .witr_nth_child {
    margin-bottom: 0px;
}
#blog .witr_nth_child:hover .witr_position_text {
    bottom: -45px;
}

.witr_slick_content .witr_btn {
    color: #0C3EB9;
    border-style: default;
    background: #FFFFFF;
}
.witr_slick_content .witr_btn:hover {
    background:#0C3EB9;
	color:#fff;
}
.witr_slick_content .witr_ds_content_inner p {
    width: 43%;
}