/* montserrat-regular - latin */
 

body {
	font-family: 'Plus Jakarta Sans', sans-serif;
	color:#748187;
	font-size:16px;
	font-weight:normal;
}
/* Max content widths */

ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
.size-auto,  .size-full,  .size-large,  .size-medium,  .size-thumbnail {
	max-width: 100%;
	height: auto
}
/* Navbar */


h1, h2, h3, h4{
     font-family: "Oswald", Sans-serif;
    font-size: 20px;
    font-weight: 600;
}


.navbar-topbar {
	border-radius: 0;
}
.navbar .dropdown-menu li {
	width: 100%;
	margin-left: 0 !important;
}
.navbar .dropdown-menu {
	margin-top: 0;
	border: none;
}
/* Main content */



#content article {
	margin: 40px 0
}
#content header {
	margin: 20px 0
}
#content section {
	margin-bottom: 20px
}
#content footer {
	padding-bottom: 20px
}
.page-header {
	background: #f9f9f9 none repeat scroll 0 0;
	border-bottom: 1px solid #eee;
	margin: 40px 0 20px;
	padding: 10px 14px;
}
/* Sidebar */



.sidebar {
	margin-top: 20px
}
.sidebar section {
	margin-bottom: 40px
}
.sidebar ul,  .sidebar ol {
	list-style-type: none;
	padding: 0
}
.sidebar li {
	margin: 10px 0
}



/* Hide form placeholders on focus */



input:focus::-webkit-input-placeholder {
color: transparent;
}
 input:focus:-moz-placeholder {
color: transparent;
} /* FF 4-18 */
 input:focus::-moz-placeholder {
color: transparent;
} /* FF 19+ */
 textarea:focus::-webkit-input-placeholder {
color: transparent;
}
 textarea:focus:-moz-placeholder {
color: transparent;
} /* FF 4-18 */
 textarea:focus::-moz-placeholder {
color: transparent;
} /* FF 19+ */
/* Comments */



#respond {
	margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
	padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
	content: "Thread " counter(li); /* Use the counter as content */
	counter-increment: li; /* Increment the counter by 1 */
	position:absolute;
	top: 0;
	right: 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom-left-radius: 4px;
	padding: 5px 20px 5px 10px;
	color: #999
}
ol.commentlist li ol,  ol.commentlist li ul {
	list-style-type: none;
	margin: 0
}
.commentlist li li {
	background: #f9f9f9;
}
.commentlist li li li {
	background: #fff
}
.commentlist li li li li {
	background: #f9f9f9
}
.commentlist li li li li li li {
	background: #fff
}
.commentlist li {
	padding: 20px
}
.commentlist ul li {
	margin-top: 20px;
	margin-bottom: 0
}
.reply p {
	margin: 0
}
/* Site footer */



.site-footer {
	padding: 40px 0
}
.site-footer ul,  .site-footer ol {
	list-style-type: none;
	padding: 0
}
.site-footer li {
	margin: 10px 0
}
.site-sub-footer p {
	text-align: center
}
.site-footer p {
	text-align: center
}


.serviceImg{
	position:relative;	
}
.serviceImg h3{ position: absolute;  display:block; opacity:1;   transition: all .4s ease-out;
    bottom: 0;
    background: #fff;
    width: 100%;
    padding: 18px 22px;
    margin: 0; color:#000; } 

.content {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: auto;
  overflow: hidden; border-radius:15px 15px 11px 11px;
  
  box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	
	
}

.content:hover .serviceImg h3{ display:none; opacity:0;
	
}

.content .content-overlay { 
 background: rgb(46,49,146);
background: linear-gradient(90deg, rgba(46,49,146,0.9) 0%, rgba(31,154,205,0.9) 100%);


  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  
  transition: all .4s ease-out;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: left;
  padding-left: 2em;
  padding-right: 2em;
  width: 100%; height:100%;
  top: 20px;
  left:0;
  opacity: 0;
/*  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -93%);*/
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 30px;
  left: 0%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
    color: #fff;
   
       font-size: 14px;
    line-height: 23px;
}
 

 

.fadeIn-top{
  top:40px;
}


.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 15px;
    font-weight: normal;
    display: block;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 0 1em;  font-size: 14px;
    
}

 

 .contactForm p{margin-bottom:11px;}

 .contactForm label {
                width: 100%;
            }

            .contactForm .btn-primary {
                color: #fff;
                background: rgb(46,49,146);
background: linear-gradient(90deg, rgba(46,49,146,1) 0%, rgba(31,154,205,1) 100%);
                border:0 solid #2b4b88;
                padding: 12px 35px 11px 35px;
                border-radius: 25px;
                text-transform: uppercase;
                font-weight: 500;
                cursor: pointer; font-family:18px; transition: ease 0.5s all;
            }
.contactForm .btn-primary:hover{ transition: ease 0.5s all;    color: #fff; background: linear-gradient(90deg, rgba(31,154,205,1) 0%, rgba(46,49,146,1) 100%);
          
	
}

            .contactForm label input.number {
                display: block;
                width: 100%;
                padding: .5rem .75rem;
                font-size: 1rem;
                line-height: 1.25;
                color: #464a4c;
                background-color: #fff;
                background-image: none;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                border: 1px solid rgba(0, 0, 0, .15);
                border-radius: .25rem;
                -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            }

            .contactForm label input.error {
                border: 1px dotted red;
            }

            .contactForm label input.number:active {
                border: 1px solid #5cb3fd!important;
            }

.contactForm textarea{
	height:75px; resize:none;	
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
   font-family:18px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
	 border: 1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contactForm label input.number{
  color: #fff;

	 border: 1px solid #fff;
	border-radius: 0;  background-color: transparent;
}

.form-control:focus{box-shadow:none; outline:none; background-color: transparent;}
 

 .form-control::placeholder {box-shadow:none; outline:none; background-color: transparent; color: #fff;}




.gallery-item img {
    border: 0px solid #cfcfcf !important; max-width: fit-content !important; width:100% !important;
}

.gallery-item{padding:0 65px 0 0; margin-top: 3px !important;}

.menubg{ background:url(../img/menubg.png) repeat-x top center;  padding: 10px 0px 25px 0px; }

.she-header{
	background-color: #fff !important; -webkit-box-shadow: 0px 0px 30px 0px rgba(194,194,194,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(194,194,194,1);
box-shadow: 0px 0px 30px 0px rgba(194,194,194,1);
}

.menubg.she-header{ background:none;  padding: 0 0px 0 0px; }

.she-header .menu-item a.hfe-menu-item, .she-header .sub-menu a.hfe-sub-menu-item {
    color: #000 !important;
}


.ekit-wid-con .elementkit-tab-wraper.vertical {
     
   /* align-items: center;*/
}


 .elementkit-tab-nav .elementkit-nav-link:hover {
    color: #FFFFFF;
    background-color: #2952A4;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #2952A4;
}

.technologiesText p{color:#fff;     margin: 0;}

 .elementkit-tab-wraper.vertical .elementkit-nav-item:not(:last-child) {
    margin-bottom: 0 !important;
}

 .ekit-wid-con .elementkit-tab-wraper .elementkit-nav-link {
   
    align-items: flex-start;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #fff;
}
@media screen and (max-width: 767px) {
 
}
.contentArea ul{
	padding:0 0 0 33px;
	margin:0 0 15px; color:#505050;
}


.contentArea ul li{
	padding:0 0 6px 3px;  color:#505050;
	margin:0 0 0 25px;     list-style: unset;
}



.contentArea ol{
	padding:0 0 0 33px;
	margin:0 0 15px; color:#505050;
}


.contentArea ol li{
	padding:0 0 6px 25px;  color:#505050;
	margin:0 0 0 25px;     list-style: unset;
}


.contentArea ol li span, .contentArea ol li strong{ 
	  color:#505050 !important;
	 
}

.copryrights h2 a:hover{color:#fff !important;}