/*-----------------------------------------------------------------------------------
   CSS INDEX
  ===================
  1. Theme Default CSS (body, link color, section etc)
  2. Header Area
   2.1 Stick menu Area
  3. About Area
  4.Services Area
  5.Skill Area
  6.Faq Area
  7.Wellcome Area
  8.Team Area
  9.Review Area
  10.Portfolio Area
  11. Pricing Table
  12. Testimonials area
  13. Review Area
  14. Quote area
  15.Footer Area
  16.Home Page-2 Area
  17.Home Page 3  CSS
  18.Blog CSS
  17.Blog Details CSS
-------------------------------------------------------------------------------b----*/
/*----------------------------------------1.  Theme default CSS----------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
html, body {
width: 100%;
height: 100%;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
a:focus {
outline: 0px solid;
}
img {
max-width: 100%;
height: auto;
}
.fix {
overflow: hidden;
}
p {
margin: 0 0 15px;
color: #5c5c5d;
text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Raleway', sans-serif;
margin: 0 0 15px;
color: #444;
font-weight: 500;
}
h1 {
font-size: 48px;
line-height: 50px;
}
h2 {
font-size: 38px;
line-height: 40px;
}
h3 {
font-size: 20px;
line-height: 32px;
}
h4 {
font-size: 24px;
line-height: 26px;
}
h5 {
font-size: 20px;
line-height: 22px;
}
h6 {
font-size: 16px;
line-height: 20px;
}
a {
transition: all 0.3s ease 0s;
text-decoration: none;
}
a:hover {
color: #fa7602;
text-decoration: none;
}
.read-more{
color: #ff8c00; 
}
a:active, a:hover {
outline: 0 none;
}
body {
background: #fff none repeat scroll 0 0;
color: #444;
/* font-family: 'Open Sans', sans-serif;*/
font: normal 13px / 22px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
font-size: 15px;
overflow-x: hidden;
line-height: 22px;
}
/* Back to top button */
.back-to-top {
position: fixed;
/* display: none; */
background: #ff7c00;
color: #fff;
padding: 6px 12px 9px 12px;
font-size: 16px;
border-radius: 2px;
right: 20px;
bottom: 5%;
transition: background 0.5s;
}
.back-to-top.show {
visibility: visible;
opacity: 1;
}

.back-to-top.hide {
visibility: hidden;
opacity: 0;
}
@media (max-width: 768px) {
.back-to-top {
  position: fixed;
  bottom: 50px;
}
.video-frame{
  width: 500px;
}


}
.back-to-top:focus {
background: #ff8c00;
color: #fff;
outline: none;
}
.back-to-top:hover {
background: #eaa300;
color: #fff;
}
.footer-padding{
padding-left: 50px;
padding-right: 0px;
}
.clear {
clear: both;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
-moz-appearance: none;
box-shadow: none !important;
}
div#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 20;
width: 100%;
height: 100%;
overflow: visible;
background: #fff url('../img/preloader.gif') no-repeat center center;
}
::-moz-selection {
background: #ff8c00;
text-shadow: none;
}
::selection {
background: #ff8c00;
text-shadow: none;
}
.area-padding {
padding: 50px 0px 30px;
}
.area-padding-2 {
padding: 70px 0px 50px;
}
.padding-2 {
padding-bottom: 90px;
}
.section-headline h2 {
display: inline-block;
font-size: 24px;
font-weight: 600;
margin-bottom: 50px;
position: relative;
text-transform: uppercase;
}
.section-headline h2::after {
border: 1px solid #333;
bottom: -5px;
content: "";
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 40%;
}
.contact-form{
    background-color: #eee;
    padding: 28px 32px 1px;
}
.sec-head {
display: inline-block;
font-size: 17px;
font-weight: 600;
margin-bottom: 0;
padding: 0 0 10px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}

.modal-content-home {
  background-color: #fff;
  border: none;
  max-width: 950px !important;
}
.modal-body-home {
  max-height: none !important;
  overflow-y: auto;
  padding:0px 10px !important;
}
/*--------------------------------  2. Header top Area--------------------------------*/
.top-bar{
background: #ff8c00;
}
.top-nav ul li{
  display: inline-block;
  font-size: 15px;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.header-area {
/* position: fixed; */
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 999;
background:#272727;
/*box-shadow: 0px 1px 10px #969595;*/
border-bottom: 1px solid #ffb963;

}
.navbar-header a.navbar-brand {
height: 50px;
padding: 2px 0;
}
.main-menu ul.navbar-nav li {
display: inline-block;
padding: 0px 18px;
}
.main-menu ul.navbar-nav li a{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 20px 0px;
text-transform: uppercase;
}
.main-menu ul.navbar-nav li:hover{
/*  background: #fff;*/
color:#ff8c00;
}
.main-menu ul.navbar-nav li.active > a::after,.main-menu ul.navbar-nav li:hover > a::after  {
border: 1px solid #ff8c00;
bottom: 0px;
content: "";
left: 0;
position: absolute;
width: 100%;
}
.main-menu ul.navbar-nav li.active a:hover {
background: none;
color: #fff;
}
.main-menu ul.navbar-nav li.active a:focus {
color: #fff;
}
.main-menu ul.navbar-nav li.active{
/*background-color: #fff;*/
}
.main-menu ul.navbar-nav li.active a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ff8c00!important;
position: relative;
}
.main-menu ul.navbar-nav li a:hover {
color: #ff8c00;
}
.navbar {
border: medium none;
margin-bottom: 0;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
  transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
z-index:999;
}
.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
background: none;
color: #333;
}
.navbar-default .navbar-toggle {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
padding: 25px 0px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
background-color: transparent;
color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: none;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
width: 30px;
height: 2px;
}
.top-right.text-right {
float: right;
position: relative;
top: 24px;
margin-left: 20px;
}
.top-right.text-right>li {
float: right;
margin: 0px 8px;
}
.top-right.text-right li a {
color: #fff;
}
.main-menu .dropdown ul {
background: #272727;
}
.main-menu .dropdown ul li {
display: block;
}
.main-menu .dropdown ul li a{
padding: 10px 0px;
}
.card-title-blog{
padding: 0px 20px;
}

.bg-blog1 {
background: #0c4685;
padding: 10px 12px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 15px;
width: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
position: absolute;
left: 0px;
/* bottom: 0px; */
}

.bg-blog1 img {
width: 32px;
margin-right: 12px;
}


/*------------------------------- 2.1. Stick menu--------------------------------*/

.sticky {
position: fixed;
top: 0;
width: 100%;
}
.header-area.stick {
background-color: #272727;
height: 50px;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
.stick .navbar-header a.navbar-brand {
display: inline-block;
height: 50px;
}
.stick .navbar-brand>img {
display: none;
}
.stick .navbar-brand.sticky-logo>img {
display: block;
}
.sticky-logo h1 {
color: #fff;
padding: 0;
margin: 0;
font-size: 36px;
font-weight: bold;
line-height: 1;
}
.sticky-logo h1 span {
color: #ff8c00;
}
.stick .main-menu ul.navbar-nav li.active > a::after {
border: 1px solid #ff8c00;
bottom: 0px;
content: "";
left: 0;
position: absolute;
width: 100%;
}
.stick .main-menu ul.nav>li>a:hover {
color: #ff8c00;
}
.stick .main-menu ul.navbar-nav li.active a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ff8c00;
position: relative;
}
.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
background-color: #f5f5f5;
color: #fff;
outline: medium none;
}
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
color: #fff;
}
.stick .logo {
height: 20px;
}
.stick .logo a {
margin-top: 0px;
}
.stick .main-menu ul.nav>li>a {
color: #fff;
line-height: 20px;
padding: 15px 0px;
/*  text-transform: capitalize;*/
/*  letter-spacing: 1px;*/
}
.main-menu ul.navbar-nav li:hover > a {
color: #ff8c00;
}
.stick .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
width: 30px;
height: 2px;
}
.stick .navbar-default .navbar-toggle {
padding: 10px 0px;
}
.cont-detail{
float: right;
margin-top: 2px;
font-size: 12px;
font-weight: inherit;
letter-spacing: 0.8px;
}
.cont-detail li a{
color: #fff !important;
text-decoration: none;
vertical-align: text-bottom;
}
.cont-detail li a i{
  color: #fff;
}
/*------------------------------ 3. About Area--------------------------------*/
.about-area {
background-color: #ffffff;
}
.about img{
height: 360px !important;
}
.single-well>a {
display: block;
}
.single-well ul li {
color: #444;
display: block;
padding: 5px 0;
}
.single-well ul li i {
color: #ff8c00;
padding-right: 10px;
font-size: 12px;
}
.single-well p {
color: #444;
margin-bottom: 8px;
}

.my-modal {
  z-index: 1051; 
}



/*-------------------------------- 4.Services Area--------------------------------*/
.services-icon {
color: #ff8c00;
  display: inline-block;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 35px;
  height: 22px;
  width: 55px;
}
.single-services:hover>.services-icon>i{
color: #fc8200;}
.section-headline.services-head>h2 {
margin-bottom: 25px;
}
.services-details {
padding:30px 0px 15px;
transition: all 0.5s ease 0s;
}
.services-details:hover h4, .services-details:hover .services-icon {
color: #ff8c00;
}
.row.second-row {
margin-top: 40px;
}
.section-head>h2 {
color: #333;
}
.single-services>h4 {
  color: #444;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 18px;
}
#services .single-services>p,.services .single-services>p {
  color: #5c5c5d;}

.single-services>p {
color: #5c5c5d;
font-size: 15px;
letter-spacing: 0.4px;
}
.single-services.crm-need ul li {
margin-bottom: 8px;
}
.single-services.crm-need p {
font-weight: bold;
}
#solution h4 ,.solution h4 {
   font-size: 17px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 600;
  border-bottom: 1px solid #949393;
  margin: 0px 0 5px;
}
/*----------------------------------------  5.Skill Area----------------------------------------*/
.our-skill-area {
position: relative;
}
.our-skill-area {
/*background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg") no-repeat fixed center top / cover;*/
  background: #f3f3f3;
  /* background: linear-gradient(to right, #00ffff4f 0%, #c8ff9973 100%); */
}
.test-overly {
/*  background: rgba(0, 0, 0, 0.80);*/
/*background: rgba(0, 0, 0, 0.21);*/
position: absolute;
width: 100%;
height: 100%;
}
.progress-h4 {
color: #fff;
font-weight: 500;
}
/*---------------------------------------- 6.Faq Area----------------------------------------*/

.faq-details .panel-heading {
padding: 0;
}
.panel-default>.panel-heading {
background-color: transparent;
border: medium none;
color: #333;
}
.faq-details h4.check-title a {
color: #333;
display: block;
font-weight: 700;
letter-spacing: 2px;
margin-left: 40px;
padding: 6px 10px;
text-decoration: none;
}
.panel-body {
padding: 15px 15px 0px 50px;
}
.faq-details h4.check-title {
color: #444;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
}
.faq-details a span.acc-icons {
position: relative;
}
.faq-details a span.acc-icons::before {
color: #333;
content: "";
font-family: fontawesome;
font-size: 24px;
height: 40px;
left: -51px;
line-height: 39px;
position: absolute;
text-align: center;
top: -10px;
width: 42px;
}
.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
color: #ff8c00;
}
.faq-details a.active span.acc-icons::before {
content: "";
font-family: fontawesome;
font-size: 24px;
height: 40px;
left: -51px;
line-height: 39px;
position: absolute;
text-align: center;
top: -10px;
width: 42px;
}
.second-row {
margin-top: 30px;
}
.event-content.head-team h4 {
background: transparent none repeat scroll 0 0;
color: #333;
padding: 30px 0 10px;
font-weight: 500;
text-transform: capitalize;
}
.tab-menu .nav-tabs>li>a:hover {
border-color: #eee #eee #ddd;
}
.tab-menu {
display: block;
text-align: center;
}
.tab-menu ul.nav {
margin: 0;
padding: 0;
}
.tab-menu ul.nav li {
border: medium none;
display: inline-block;
}
.tab-content {
border: 1px solid #ccc;
padding: 0 15px 15px;
    background: #fff;
}
.tab-menu ul.nav li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 0;
color: #444;
display: block;
font-weight: 500;
margin-right: 5px;
padding: 10px 20px;
font-family: raleway;
font-size: 18px;
}
.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
border-bottom: 1px solid #fff;
color: #ff8c00!important;
    background: #fff;
}
.tab-menu .nav-tabs {
border-bottom: none;
}
.tab-main-img a {
position: relative;
display: block;
}
.footer-contacts p span i{
padding: 5px 7px;
width: 27px;
height: 22px;
text-decoration: none;
margin: 2px;
font-size: 12px;
}
.tab-main-img a:hover span.events-offer {
height: 20%;
}
.tab-main-img a span.events-offer {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
bottom: 0;
color: #fff;
content: "";
font-size: 20px;
font-weight: 700;
height: 0%;
left: 0;
line-height: 70px;
padding: 0;
position: absolute;
text-align: left;
transition: all 0.5s ease 0s;
width: 100%;
padding: 0px 10px;
}


/*----------------------------------------whatsapp---------------------------------------------*/


.whatsapp-floating-button {
position: fixed;
bottom: 90px;
right: 14px;
z-index: 20;
}
.whatsapp-button {
display: block;
width: 50px;
height: 50px;
background-color: #25d366;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 58px;
font-size: 24px;
}
.whatsapp-button i {
color: #fff;
font-size: 32px;
line-height: 40px;
}






/*---------------------------------------- 7.Wellcome Area Css----------------------------------------*/
.wellcome-area {
background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg");
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
}
.well-bg {
position: relative;
}
.wellcome-text {
margin: 70px 0;
padding: 30px 40px;
}
.well-text>h2 {
color: #fff;
font-size: 44px;
font-weight: 500;
line-height: 50px;
}
.well-text p {
font-size: 18px;
font-style: italic;
color: #fff;
}
.wellcome-text .section-headline p {
margin-bottom: 0;
}
.subs-feilds {
border: 1px solid #fff;
display: inline-block;
height: 52px;
margin-top: 30px;
width: 60%;
border-radius: 30px;
overflow: hidden;
}
.suscribe-input input {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #fff;
float: left;
font-size: 15px;
line-height: 24px;
padding: 11px 15px;
width: 70%;
height: 50px;
}
.suscribe-input button {
background: #ff8c00none repeat scroll 0 0;
border: medium none;
border-radius: 0 20px 20px 0;
color: #fff;
float: left;
font-size: 20px;
font-weight: 700;
padding: 14px 20px;
width: 30%;
}
.suscribe-input button:hover {
background: #fff none repeat scroll 0 0;
color: #ff8c00;
}
/*---------------------------------------- 8.Team Area Css----------------------------------------*/

.team-member {
background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
display: block;
margin-right: -15px;
padding: 10px;
position: relative;
overflow: hidden;
}


.team-member::before {
background: rgba(0, 0, 0, 0) url("../img/team/team01.jpg") repeat scroll 0 0;
content: "";
display: block;
height: 100%;
left: 0;
margin-right: -15px;
padding: 10px;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
transition: 5s;
transform: scale(1);
}
.team-member:hover.team-member::before {
transform: scale(1.2);
}
.single-team-member {
border: 1px solid #ddd;
}
.team-left-text h4 {
color: #fff;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.team-left-text p {
color: #fff;
font-size: 17px;
line-height: 26px;
}
.email-news {
display: block;
margin: 30px 0;
overflow: hidden;
text-align: center;
width: 100%;
}
.email-news .email_button input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #fff;
color: #fff;
float: left;
font-size: 13px;
padding: 8px;
width: 81%;
}
.email-news .email_button>button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #fff;
color: #fff;
float: left;
font-size: 16px;
padding: 8px 12px;
text-align: center;
}
.email-news .email_button>button:hover {
background: #ff8c00;
border: 1px solid #fff;
color: #fff;
}
.team-left-icon ul li {
display: inline-block;
}
.team-left-icon ul li a:hover {
color: #ff8c00;
background: #fff;
border: 2px solid #fff;
}
.team-left-icon ul li a {
border: 2px solid #fff;
color: #fff;
display: block;
font-size: 16px;
height: 40px;
line-height: 37px;
margin: 0 3px;
width: 40px;
}
.team-member-carousel .single-team-member {
overflow: hidden;
width: 100%;
}
.single-team-member:hover .team-img a:after {
opacity: 1;
}
.single-team-member:hover .team-social-icon {
top: 45%;
opacity: 1;
}
.team-img {
position: relative;
}
.team-img>a {
display: block;
}
.team-img>a::after {
background: rgba(0, 0, 0, 0.70);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
opacity: 0;
}
.team-social-icon {
left: 50%;
margin-left: -61px;
opacity: 0;
position: absolute;
top: 30%;
transition: 1.3s;
}
.team-social-icon ul li {
display: inline-block;
}
.team-social-icon ul li a {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
font-size: 14px;
height: 34px;
line-height: 35px;
margin: 0 3px;
width: 34px;
}
.team-social-icon ul li a:hover {
color: #fff;
border: 1px solid #ff8c00;
background: #ff8c00;
}
.team-content {
padding: 10px 0px;
}
.team-content>h4, .team-content>p {
color: #444;
margin-bottom: 5px;
}
.team-content.head-team p {
margin-bottom: 0;
}
.team-left-icon.text-center {
margin-bottom: 20px;
}
.head-team h4 {
display: inline-block;
font-size: 25px;
font-weight: 600;
padding-bottom: 10px;
text-transform: uppercase;
}
/*-------------------------------- 9.review Area--------------------------------*/
.reviews-area {
background: url(../img/background/bg1.jpg);
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-attachment: fixed;
width: 100%;
height: auto;
position: relative;
}
.work-left-text {
background: #ff8c00none repeat scroll 0 0;
}
.work-left-text {
width: 50%;
}
.work-right-text {
background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
float: right;
height: 100%;
overflow: hidden;
padding:20px 20px;
width: 50%;
position: absolute;
right: 0;
top: 0;
}
.business-bullet-point{ color:#fff; }
.business-bullet-point ul li{
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
  letter-spacing: .2px;
  }
  .business-bullet-point ul li i{
padding-right: 12px;font-size: 10px;color: #fca700;
  }
.work-right-text h2 {
color: #fff;
text-transform: uppercase;
font-size: 24px;
}
.work-right-text h5 {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;text-align: justify;
  /* text-transform: uppercase; */
}
.work-right-text .sus-btn {
margin-left: 0;
margin-top: 20px;
}
.single-awesome-4 {
display: block;
float: left;
overflow: hidden;
width: 33.33%;
}
.single-awesome-4 .add-actions {
padding: 10px 20px;
}
/*---------------------------------------- 10.Portfolio Area Css----------------------------------------*/
.pst-content {
padding-left: 10px;
}
.project-menu {
margin-bottom: 40px;
text-align: center;
}
.project-menu li {
display: inline-block;
}
.project-menu li a {
  /* background: #fff none repeat scroll 0 0; */
  border-bottom: 2px solid #f3f3f3;
  /* border-radius: 20px; */
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 0 4px;
  padding: 6px 15px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.project-menu li a.active, .project-menu li a:hover {
border-color: #ff8c00;
/*  background: #ff8c00;*/
color: #ff8c00;
text-decoration: none;
}
.single-awesome-portfolio {
float: left;
overflow: hidden;
padding: 15px;
width: 25%;
position: relative;
}
.single-awesome-project {
overflow: hidden;
margin: 6px;
margin-right: 2.2rem;
box-shadow: 0px 0px 4px 4px #b0b0b0;
border-radius: 10px;
background: #fff;
height: 125px;
}
.first-item {
margin-bottom: 30px;
}
.awesome-img {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.awesome-img>a {
display: block;
position: relative;
}
.single-awesome-project:hover .awesome-img>a::after {
opacity: 1;
}
.single-awesome-project:hover .add-actions {
opacity: 1;
bottom: 0;
}
.awesome-img>a::after {
background: rgb(255 167 0 / 70%) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: 0.4s;
margin-top: 34%;
height: 5em;
}
.add-actions {
background: rgb(0 0 0 / 0%) none repeat scroll 0 0;
bottom: 30px;
display: block;
/*height: 100%;*/
left: 0;
opacity: 0;
overflow: hidden;
padding: 10px 15px;
position: absolute;
transition: all 0.4s ease 0s;
width: 100%;
}
.project-dec {
display: block;
height: 100%;
width: 100%;
}
.project-dec a {
display: block;
height: 100%;
width: 100%;
}
.project-dec h4:hover {
color: #fff;
}
.project-dec h4 {
color: #fff;
font-size: 15px;
margin-bottom: -10px;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.5px;
}
.project-dec span {
color: #ddd;
font-size: 13px;
}
.project-action-btn {
display: block;
height: 100%;
text-align: center;
transition: all 1s ease 0s;
width: 100%;
}
.project-action-btn li {
display: block;
height: 100%;
width: 100%;
}
.project-action-btn li a {
display: block;
height: 100%;
width: 100%;
}

.mobility-solution{
    background-color:#ff8c00;
}

.read-more-btn{
    background-color:#ff8c00;
}




/*---------------------------------------- 11. Pricing Area----------------------------------------*/
.pricing-area {
background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}
.pri_table_list {
border: 1px solid #ccc;
text-align: center;
transition: all 0.4s ease 0s;
background: #fff;
}
.pri_table_list h3 span {
font-size: 16px;
}
.pri_table_list ol li {
border-bottom: 1px solid #ccc;
color: #666;
padding: 12px 15px;
position: relative;
text-align: left;
}
.pri_table_list li.check.cross::after {
content: "\f00d";
font-family: fontawesome;
font-size: 14px;
position: absolute;
right: 50px;
top: 12px;
color: indianred;
}
.pri_table_list li.check::after {
content: "\f00c";
font-family: fontawesome;
font-size: 14px;
position: absolute;
right: 50px;
top: 12px;
color: #ff8c00;
}
.pri_table_list button {
background: #444 none repeat scroll 0 0;
border: 1px solid #444;
color: #fff;
margin-bottom: 25px;
padding: 10px 35px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
border-radius: 30px;
}
.pri_table_list>h3 {
color: #333;
font-size: 24px;
font-weight: 700;
line-height: 25px;
padding: 30px 0 20px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.pri_table_list ol {
list-style: outside none none;
margin: 0;
padding: 0 0 25px;
}
.pri_table_list.active {
transition: all 0.4s ease 0s;
position: relative;
overflow: hidden;
}
.saleon {
background: #ff8c00none repeat scroll 0 0;
color: #fff;
font-size: 13px;
font-weight: 700;
left: -26px;
padding: 2px 25px;
position: absolute;
text-transform: uppercase;
top: 16px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
.pri_table_list>button:hover {
background-color: #fff;
border: 1px solid #333;
color: #333;
}
.active>h3 {
background: #f5f5f5 none repeat scroll 0 0;
color: #333;
transition: all 0.4s ease 0s;
}
.active>button {
background: #ff8c00none repeat scroll 0 0;
border: 1px solid #ff8c00;
color: #fff;
transition: 0.4s;
}
.active>button:hover {
background: #333 none repeat scroll 0 0;
border: 1px solid #333;
color: #fff;
transition: 0.4s;
}
/*---------------------------------------- 12.Testimonial Area Css----------------------------------------*/
.testimonials-area {
background: rgba(0, 0, 0, 0) url("../img/background/slider1.jpg") no-repeat fixed center top / cover;
height: auto;
width: 100%;
}
.testi-inner {
position: relative;
width: 100%;
height: auto;
z-index: 1;
}
.testi-overly {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.quate {
border: 1px dotted #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 24px;
height: 70px;
line-height: 70px;
width: 70px;
}
.quate:hover {
color: #fff;
}
.testi-img img {
border: 1px dotted rgba(0, 0, 0, 0.05);
border-radius: 2px;
height: 80px;
margin: 0 auto;
padding: 5px;
transition: background 0.6s ease-out 0s;
width: 80px !important;
}
.testi-text p {
color: #fff;
font-size: 16px;
line-height: 1.5em;
margin: 20px 0;
letter-spacing: 1px;
}
.testi-text h6 {
color: #fff;
font-size: 20px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
background: #fff none repeat scroll 0 0;
display: inline-block;
height: 8px;
width: 8px;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
bottom: -30px;
display: block;
left: 50%;
margin-left: -20px;
position: absolute;
}
.testimonial-content {
margin-bottom: 15px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
display: inline-block;
margin: 0 3px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
background: #ff8c00;
}
.testi-text.text-center>h6 {
color: #fff;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.guest-rev {
color: #ddd;
font-size: 16px;
}
.guest-rev>a {
color: #ff8c00;
font-size: 14px;
}
/*--------------------------------13.Blog Area--------------------------------*/
.blog-area {
height: auto;
width: 100%;
}
.blog-text h4 a {
color: #444;
text-decoration: none;
}
.blog-text h4 {
color: #444;
margin-bottom: 15px;
}
.blog-btn {
border-bottom: 1px dotted #444;
color: #444;
text-decoration: none;
}
.blog-btn {
border-bottom: 1px dotted #444;
color: #444;
display: inline-block;
padding: 0 1px 5px 0;
position: relative;
text-decoration: none;
}
.blog-btn {
position: relative;
}
.blog-btn::after {
content: "\f178";
font-family: fontawesome;
position: absolute;
right: -20px;
top: 1px;
transition: all 0.3s ease 0s;
}
.blog-btn:hover::after {
right: -30px;
}
.blog-btn:hover {
color: #333;
text-decoration: none;
}
.blog_meta span.date_type i {
margin-left: 5px;
}
.blog-meta span.comments-type {
margin-left: 5px;
}
.blog-meta span i {
padding-right: 10px;
}
.blog-content .blog-meta {
border-bottom: 1px dotted #333;
}
.blog-meta {
border-bottom: 1px dotted #fff;
padding: 10px 0;
}
.comments-type>a, .date-type, .blog-meta span.comments-type {
color: #333;
letter-spacing: 1px;
margin-right: 5px;
}
.blog-meta .comments-type i {
padding-right: 0 !important;
}
.blog-content-right .comments-type>a, .blog-content-right .date-type, .blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p {
color: #fff;
letter-spacing: 1px;
}
.single-blog .ready-btn {
border: 1px solid #444;
border-radius: 30px;
color: #444;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 500;
margin-top: 10px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.single-blog .ready-btn:hover {
border: 1px solid #ff8c00;
color: #fff;
}

.form-head-text{
   color:#000000 !important; 
}

/*------------------------------  13. Quote area--------------------------------*/
.suscribe-area {
background: #ff8c00none repeat scroll 0 0;
padding: 30px 0;
}
.suscribe-text {
display: block;
padding: 10px 0;
}
.suscribe-text h3 {
color: #fff;
display: inline-block;
font-size: 20px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
}
.sus-btn {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
color: #ff8c00;
display: inline-block;
font-size: 16px;
font-weight: 700;
margin-left: 100px;
padding: 10px 20px;
text-decoration: none;
text-transform: uppercase;
border-radius: 30px;
}
.sus-btn:hover {
background: #ff8c00none repeat scroll 0 0;
border: 2px solid #fff;
color: #fff;
}
/*-------------------------------- 14.Contact Area--------------------------------*/
.m-b-10{
 margin-bottom: 10px; 
}
.mapouter{
  margin-top: 26%;
}
.contact-area {
height: auto;
width: 100%;
/* padding: 25px 0px;*/
}
.contact-content {
padding: 100px;
background: #000 none repeat scroll 0 0;
}
.contact-content-right {
padding: 100px;
}
.form-group {
  margin-bottom: 7px !important;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
/*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
    background: rgb(255, 255, 255) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #060606;
  margin-bottom: 5px;
  padding-left: 20px;
  width: 100%;
  font-size: 15px;
  padding: 8px 15px;
  height: 40px;
  border-radius: 10px;
}

.contact-form textarea  {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 0;
color: #060606;
height: 100px;
padding: 10px 15px;
width: 100%;
padding: 10px 15px;
border-radius: 10px;
}
.contact-form button[type="submit"] {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #444;
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px;
  padding: 7px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}
.contact-form button[type=submit]:hover {
color: #fff;
border: 1px solid #ff8c00;
background: #ff8c00;
}
.contact-form #sendmessage {
color: #ff8c00;
border: 1px solid #ff8c00;
display: none;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.contact-form #errormessage {
color: red;
display: none;
border: 1px solid red;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
.contact-form #sendmessage.show, .contact-form #errormessage.show, .contact-form .show {
display: block;
}
#contact .form .validation {
color: red;
display: none;
margin: 0 0 20px;
font-weight: 400;
font-size: 13px;
}
.single-icon i {
font-size: 24px;
width: 50px;
height: 50px;
border: 1px solid #444;
line-height: 46px;
border-radius: 50%;
margin-bottom: 20px;
}
.single-icon p {
font-size: 16px;
line-height: 30px;
}
.contact-icon {
margin-bottom: 40px;
}
#google-map {
height: 370px;
margin-bottom: 20px;
}
/*---------------------------------------- 15. Footer Area----------------------------------------*/
.footer-area {
padding: 10px 0;
background: #272727;
}
.f-gap{
padding-top: 10px;
}
.footer-head p {
color: #ffffff;
}
.footer-head h4 {
color: #fff;
font-size: 16px;
letter-spacing: 2px;
padding-bottom: 0px;
text-transform: uppercase;
}
.footer-logo {
  /* padding-bottom: 10px; */
  width: 150px;
  margin-top: -8px;
  margin-left: -14px;
}
.footer-logo h2 {
color: #fff;
padding: 0;
margin: -4px 0 0;
font-size: 36px;
font-weight: bold;
line-height: 1;
}
.footer-logo h2 span {
color: #ff8c00;
}
.footer-icons ul li {
display: inline-block;
}
.footer-icons ul li a {
border: 1px solid #fff;
color: #fff;
display: block;
font-size: 16px;
height: 40px;
line-height: 38px;
margin-right: 5px;
text-align: center;
width: 40px;
border-radius: 50%;
}
.flicker-img>a {
float: left;
padding: 1px;
width: 33.33%;
}
.footer-icons {
margin-top: 25px;
}
.footer-contacts p span {
color: #ff8c00;
font-weight: 700;
}
.popular-tag ul li {
display: inline-block;
}
.footer-contacts p{
margin: 0px 0px 0px;
}
.footer-contacts .fa-circle{
  color: #ff8c00;
  font-size: 10px;
  margin-right: 10px;
}
.footer-content {
display: block;
overflow: hidden;
}
.popular-tag ul li a:hover, .footer-icons ul li a:hover {
background: #ff8c00;
border: 1px solid #ff8c00;
color: #fff;
}
.popular-tag ul li a {
border: 1px solid #444;
border-radius: 30px;
color: #444;
display: block;
font-size: 13px;
font-weight: 600;
margin: 5px 3px;
padding: 5px 10px;
position: relative;
text-decoration: none;
text-transform: capitalize;
transition: all 0.4s ease 0s;
width: 70px;
text-align: center;
}
.footer-area-bottom {
background: #222222;
padding: 10px 0;
}
.copyright-text a:hover {
text-decoration: underline;
color: #fff;
}
.copyright-text a {
color: #fff;
}
.copyright>p {
margin-bottom: 0;
color: #fff;
text-align: center;
}
.copyright a, .credits a {
color: #fff;
}
.credits {
padding-top: 5px;
text-align: center;
}


/*form css*/

.send-button5{
  padding: 10px 20px;
  background-color: #ff8c00;
  border: 1px solid #ff8c00;
  border-radius: 40px;
  color: #fff;
}



.send-button5:hover{
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #ff8c00;
  border-radius: 40px;
  color: #ff8c00;
}
/*----------------------------------------Home Page Slider CSS-----------------------------------------*/
.carousel-caption{
top: 32%;
}
.carousel-caption h1, .carousel-caption h3{
  color: #fff;
  font-size: 38px;
  font-weight: 700;
}
.carousel-caption p{
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}

.layer-btn a.ready-btn {
border: 1px solid #fff;
border-radius: 30px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 17px;
font-weight: 600;
margin-top: 20px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
z-index: 222;
}

.layer-btn a.ready-btn:hover {
color: #fff;
background: #ff8c00;
border: 1px solid #ff8c00;
text-decoration: none;
}

.ready-btn.right-btn {
margin-right: 15px;
background: #ff8c00;
border: 1px solid #ff8c00!important;
}

.ready-btn.right-btn:hover {
background: transparent !important;
border: 1px solid #fff !important;
}
.slider-img{
width: 100%;
/*height: 750px !important;*/
/*opacity: 0.8;*/
}
/*----------------------------------------16.Home Page 2  CSS----------------------------------------*/
.header-bg {
background: url(../img/slider/slider1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-attachment: fixed;
}
.header-bg.home-2 {
width: 100%;
height: 100%;
position: relative;
}
.home-overly {
background: rgba(0, 0, 0, 0.50);
height: 100%;
position: absolute;
width: 100%;
}
.home-2 .layer-1-3, .home-3 .layer-1-3 {
margin: 10px 0 0;
}
/*----------------------------------------17.Home Page 3  CSS----------------------------------------*/
.home-video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.header-image.home-3 {
width: 100%;
height: 100%;
position: relative;
}
.table {
width: 100%;
height: 100%;
display: table;
}
.table-cell {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle;
}
/*---------------------------------------- 18. Blog page----------------------------------------*/
.page-area {
position: relative;
}
.blog-page .banner-box {
margin-bottom: 40px;
}
.search-option input {
border: medium none;
padding: 6px 15px;
width: 80%;
}
.search-option {
border: 1px solid #ccc;
height: 42px;
margin-bottom: 30px;
}
.search-option button {
background: transparent none repeat scroll 0 0;
border: medium none;
font-size: 20px;
padding: 8px 23px;
}
.search-option button:hover {
color: #ff8c00;
}
.left-blog h4 {
border-bottom: 1px solid #ddd;
color: #444;
font-size: 17px;
font-weight: 500;
margin-bottom: 0;
padding: 15px 10px;
text-transform: uppercase;
}
.left-blog {
background: #f9f9f9 none repeat scroll 0 0;
margin-bottom: 30px;
overflow: hidden;
padding-bottom: 20px;
}
.left-blog li {
border-bottom: 1px solid #ddd;
display: block;
}
.left-blog ul li a:hover {}
.left-blog ul li a {
color: #444;
display: block;
font-size: 14px;
padding: 10px;
text-transform: capitalize;
}
.recent-single-post {
border-bottom: 1px solid #ddd;
display: block;
overflow: hidden;
padding: 15px 10px;
}
.ready-btn {
border: 1px solid #fff;
border-radius: 30px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 17px;
font-weight: 600;
margin-top: 30px;
padding: 12px 40px;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
z-index: 222;
}
.ready-btn:hover {
color: #fff;
background: #ff8c00;
border: 1px solid #ff8c00;
text-decoration: none;
}
.post-img {
display: inline-block;
float: left;
padding: 0 5px;
width: 35%;
}
.pst-content {
display: inline-block;
float: left;
width: 65%;
}
.pst-content p a:hover, .left-blog ul li a:hover {
color: #ff8c00;
}
.blog-page .single-blog {
margin-bottom: 40px;
}
.pst-content p a {
color: #444;
font-size: 15px;
}
.header-bottom h1, .header-bottom h2 {
color: #fff;
}
.blog-tags {
padding: 1px 0;
}
.left-blog li:last-child {
border-bottom: 0;
}
.popular-tag.left-blog ul li a:hover {
color: #fff;
}
.popular-tag.left-side-tags.left-blog ul {
padding: 0 10px;
}
.blog-1 .banner-box {
margin-bottom: 30px;
}
.left-tags .left-side-tags ul li {
border-bottom: 0;
}
.left-tags .left-side-tags ul li a {
padding: 3px 10px;
width: auto;
}
.left-side-tags h4 {
margin-bottom: 15px;
}

.privacy-policy{
  color: #5c5c5d !important;
  font-weight: 600;
  font-size: 22px !important;
  margin: 20px 0px 4px 0px !important;
}

/* .privacy-separator{
  border-bottom: 3px solid #000;
  width: 150px;
} */

.page-header.privacy-policy-banner{
  background-image: url(../img/privacy-policy.jpg);
 }
 
 .privacy-policy-top{
     padding-top:15px !important;
 }
 
 
 @media screen and (max-width: 480px) {
   .privacy-policy-top{
     padding-top:10px !important;
 }
  }
 
 
 
 .privacy_policy_url{
  color:#000;
  text-decoration: underline;
}

.privacy_policy_url:hover{
  color:#ff8c00;
  text-decoration: underline;
}
 
 
 /*--------------------------career form css---------------------------*/
 
 
 .career-form-btn{
  border: 1px solid #ff8c00;
  padding: 4px 12px;
  border-radius: 16px;
  background-color:#ff8c00;
  color:#fff !important;
}


.career-form-btn:hover{
    color:#ff8c00 !important;
    background-color:#fff;
}

.career-form-btn i {
  transition: transform 0.3s ease !important;
}

.career-form-btn:hover i {
  transform: translateX(6px) !important;
}

.form-control-career{
  height: 38px !important;
}


.custom-modal-career{
    padding:0px !important;
    margin:0px !important;
}


.custom-modal {
  display: none; 
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 60px;
}

/* Custom Modal Content */
.custom-modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  border: 1px solid #888;
  width: 50%;
  max-width: 500px;
  border-radius: 8px;
}

@media screen and (max-width: 480px) {
  .custom-modal-content {
    width: 100%;
  }
  
  .custom-modal-career{
    padding-top:55px !important;
}
}


/* Close Button Style */
.closeBtn {
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  float: right;
  cursor: pointer;
  padding: 20px 20px 20px 0px;
}

.closeBtn:hover,
.closeBtn:focus {
  color: #ff8c00;
  text-decoration: none;
  cursor: pointer;
}

.form-section-career{
padding-left: 20px;
padding-right: 20px;
padding: 0px 20px 20px 20px;

}

/* form input {
  width: 100%;
  padding: 8px;
  margin: 5px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
} */

.submit-form-btn {
  padding: 8px 16px;
  background-color: #ff8c00;
  color: white;
  border: none;
  cursor: pointer;
  font-weight: 600;
  border-radius: 24px;
  border: 1px solid #ff8c00;
}

.submit-form-btn:hover {
    border: 1px solid #ff8c00;
  background-color: #fff;
  color: #ff8c00;
}

.apply-job-form{
  color: #ff8c00;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  /* background-color: #000; */
  padding: 20px;
}


#file:focus {
  outline: none;
}


.send-button5{
  padding: 10px 20px;
  background-color: #ff8c00;
  border: 1px solid #ff8c00;
  border-radius: 40px;
  color: #fff;
}



.send-button5:hover{
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #ff8c00;
  border-radius: 40px;
  color: #ff8c00;
}

 
 
 /*-----------------------career form css end---------------------------*/
 
 
/*----------------------------------------  19. Blog Details css----------------------------------------*/
.post-information h2 {
color: #363636;
font-size: 22px;
text-transform: uppercase;
}
.post-information {
padding: 20px 0;
}
.post-information .entry-meta span a {
color: #444;
display: inline-block;
padding: 10px 0;
}
.entry-meta span a:hover {
color: #ff8c00;
}
.post-information .entry-meta {
border-bottom: 1px solid #ccc;
margin: 20px 0;
}
.post-information .entry-meta span i {
padding: 0 10px;
}
.entry-content>p {
color: #444;
}
.entry-meta>span {
color: #444;
}
.entry-content blockquote {
background: #fff none repeat scroll 0 0;
border-left: 5px solid #ff8c00;
font-size: 17.5px;
font-style: italic;
margin: 0 0 20px 40px;
padding: 22px 20px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
background-color: #ff8c00;
border-color: #ff8c00;
color: #fff;
cursor: default;
z-index: 3;
blo}
.social-sharing {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
display: block;
margin: 30px 0;
}
.social-sharing>h3 {
display: inline-block;
font-size: 18px;
margin: 0;
padding: 20px 10px;
}
.sharing-icon {
display: inline-block;
float: right;
padding: 13px 10px;
}
.sharing-icon a {
border: 1px solid #444;
color: #444;
display: block;
float: left;
font-size: 18px;
height: 34px;
line-height: 30px;
margin-left: 10px;
text-align: center;
width: 34px;
}
.sharing-icon a:hover {
color: #ff8c00;
border: 1px solid #ff8c00;
}
.single-blog .author-avatar {
float: left;
margin-right: 10px;
}
.single-blog .author-description h2 {
font-size: 18px;
margin: 0;
padding: 0 0 5px;
}
.author-info {
background: #fff none repeat scroll 0 0;
float: left;
margin: 30px 0;
padding: 15px;
width: 100%;
}

.single-post-comments {
margin-bottom: 60px;
max-width: 650px;
}
.comments-heading h3, h3.comment-reply-title {
border-bottom: 1px solid #e8e8e9;
color: #444;
font-size: 18px;
margin: 0 0 20px;
padding: 0 0 5px;
text-transform: uppercase;
}
.comments-list ul li {
margin-bottom: 25px;
}
.comments-list-img {
float: left;
margin-right: 15px;
}
.comments-content-wrap {
color: #42414f;
font-size: 12px;
line-height: 1;
margin: 0 0 15px 80px;
padding: 10px;
position: relative;
}
.author-avatar {
display: inline-block;
float: left;
width: 10%;
}
.author-description h2 {
color: #777;
font-size: 20px;
text-transform: uppercase;
}
.author-description h2 a {
color: #000;
}
.comments-content-wrap span b {
margin-right: 5px
}
.comments-content-wrap span a:hover {}
span.post-time {
margin-right: 5px
}
.comments-content-wrap p {
color: #909295;
line-height: 18px;
margin-bottom: 5px;
margin-top: 15px;
}
li.threaded-comments {
margin-left: 50px
}
.comment-respond {
margin-top: 60px;
}
h3.comment-reply-title {}
span.email-notes {
color: #42414f;
display: block;
font-size: 12px;
margin-bottom: 10px;
}
.comment-respond p {
color: #444;
margin-bottom: 5px;
}
.comment-respond input[type=text], .comment-respond input[type=email] {
border: 1px solid #e5e5e5;
border-radius: 0;
height: 32px;
margin-bottom: 15px;
padding: 0 0 0 10px;
width: 100%;
}
.comment-respond textarea#message-box {
border: 1px solid #e5e5e5;
border-radius: 0;
max-width: 100%;
padding: 10px;
height: 130px;
width: 100%;
}
.comment-respond input[type="submit"] {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #ff8c00;
border-radius: 20px;
box-shadow: none;
color: #444;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 40px;
line-height: 14px;
margin-top: 20px;
padding: 10px 15px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.comments-content-wrap span a {
color: #000;
}

.comments-content-wrap span a:hover {
color: #ff8c00;
}

.comment-respond input[type=submit]:hover {
border: 1px solid #ff8c00;
color: #fff;
background: #ff8c00;
}

.single-blog .blog-pagination {
border-top: 1px solid #e5e5e5;
margin: 0;
padding-top: 30px;
}
.technology-details {
  transition: all 0.5s ease 0s;
  /*background: #fff;*/
  padding: 40px 16px 30px;
  margin: 8px 0px;
  box-shadow: 0px 1px 10px 2px rgba(32, 33, 36, 0.15);
  border-color: rgba(223,225,229,0);height: 280px;
  border-radius: 10px;
  border: 1px solid #fff;
}
.php_bg{
background: #fff3f3;
}
.e-commerce_bg{
background: #fcf4fd;
}
.cms_bg{
background: #f1f9ee;
}
.java_bg{
background: #f4faff;
}
.net_bg{
background: #f9f4ee;
}
.mobile-app_bg{
background: #f4fdfd;
}
.technology-details:hover{
  transition: all 0.5s ease 0s;
  /*background: #fff;*/
  box-shadow: 0px 1px 10px 2px rgb(250 130 0 / 22%);
  border-color: rgba(223,225,229,0);
  border: 1px solid #fb8202;
}
.technology-details:hover h4{
color: #fb8202;
}
.technology-details:hover img{
transform: scale(1.1);
  transition: 1s;
}
.technology-details h4{
color:#444;
}
.technology-heading>h2{
  color: #444 !important;
}
.technology-heading>h2::after {
  border: 1px solid #444;
}
.services-details:hover>.single-services>h4{
  color:#444;
}
.single-well img{
  width: 100%;
  height: 450px;
  border-radius: 4px;
}
#solution{
    background: #ffffff;
}
#contact{
    /*background: #e0e4e5;*/
}
.p-l-0{
padding-left: 0px !important;
}
.p-lr-0{
padding-left: 0px !important;
padding-right:0px !important;
}
.p-r-0{
padding-right:0px !important;
}
.solution-img-sec {
width: 200px;
height: 135px;
}


.contact_info_m, .icon_wrap {
  display: table-cell;
  vertical-align: middle;
}
.contact_detail li {
  list-style: none;
  color: #555;
  font-size: 14px;
  line-height: 24px;
  margin: 4px 0;
  padding: 0 5px 0 0;
}
.contact_detail.border-left{
border-left: 1px solid #ddd;
}
.icon_wrap .fa {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e6e5e5;
  border-radius: 50%;
  color: #555;
  display: inline-block;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: 32px;
}
.icon_wrap .fa-map-marker {
  /*margin-top: -36px;*/
}
#services .col-md-4:hover{
  transition: all 0.5s ease 0s;
  background: #fff;
  box-shadow:0px 1px 11px 2px rgba(250, 130, 0, 0.32);
  border-color: rgba(223,225,229,0);
}
.navbar-header {
  float: left;
  width: 150px;    
  margin-top: -3px;
  }
.navbar-brand>img {
  display: block;
  width: 90%;
  overflow: hidden;
}
.nivo-controlNav{
display:none !important;
}
.footer-contacts a,.footer-contacts a:hover,.footer-contacts a:focus{
color:#fff; font-size: 14px;
}
.about-sec-details {
  transition: all 0.5s ease 0s;
  /*background: #fff;*/
  background-image: linear-gradient(to bottom right, #fcf2ff80, #ffedcb);
  padding: 20px 14px 15px;
  margin: 25px 0px 0px;
  box-shadow: 0px 1px 11px 2px rgba(32, 33, 36, 0.15);
  border-color: rgba(223,225,229,0);
 text-align: justify;
}
#about .well-left{
  box-shadow: 1px 0px 12px #888888;  
  -webkit-background-clip: border-box;
}
.about-sec-details>.single-services>h4 {
  color: #444;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 5px;
}
.about-sec-details>.single-services>ul>li>i{
  color: #ff8c00;
  padding-right: 5px;
  font-size: 12px;
}
.m-t-10{
  margin-top:10px;
}
.message-text p{
  font-size: 12px;
  margin: 0 0 5px;
text-align: center;
}
.divider:after {
  content: "";
  border-bottom: 1px solid #ff8c00;
  width: 68%;
  position: absolute;
  bottom: 0;
  left: 50px;
  right: 0;
  margin: auto;
}
.divider{
margin-bottom: 15px;  
}
.m-b-10{margin-bottom:10px;}
.layer-1-2 h1,.layer-1-2 h2,.layer-1-2 h3,.layer-1-2 h4,.layer-1-2 h5,.layer-1-2 h6 {
  color: #fff !important;
  font-size: 50px !important;
  font-weight: 700 !important;
  line-height: 60px !important;
}

@media (max-width: 767px){
.area-padding {padding: 20px;}

.navbar-header {
  float: left;
  width: 100%;
  margin-top:0px;
}
.navbar-brand>img {width: 50%; height:auto;}
.navbar-header a.navbar-brand, .stick .navbar-header a.navbar-brand {
  margin-top: -6px;
}
.technology-details .single-services p{
  font-size:15px;
}
.about-sec-details>.single-services>h4{ font-size: 14px;line-height: 15px; }
.solution-img-sec{ margin: 0 auto;}
.services-contents{ margin: 0 15px; }
.section-headline h2 { font-size: 2rem !important; }
.single-well img { 
width: 100%; 
height:215px !important;
}
.divider:after { content: ""; border-bottom: 1px solid #ff8c00; width: 68%; position: absolute; bottom: 0; left: 0;  right: 0;  margin: auto;}
.services-contents>.p-l-0{padding:15px !important;}
.contact_detail { margin: 10px 0; padding: 5px 15px !important; }
.contact_detail li{ font-size: 14px;margin: 4px 0;}
}
.contact_detail .pt-10{
  padding-top:10px;
}
.footer-contacts .fa-circle{
  color: #ff8c00;
  font-size: 10px;
  margin-right: 10px;
}



@media only screen and (min-width: 768px) and (max-width: 800px) {
  .solution .col-sm-6{ height: 290px; }
  .solution .solution-img-sec { width: 166px; height: 145px;}
  .contact_detail li{ font-size: 12px;}
}
@media only screen and (max-width: 1024px) and (min-width: 801px){
  .solution .col-sm-6 { height: 190px;}
  .solution .solution-img-sec { width: 166px; height: 145px;}
  p{ font-size: 13px }
  #solution .solution-img-sec {
  width: 175px;
  height: 148px;
}
.contact_detail li{ font-size: 12px;}
}
@media (max-width: 991px) and (min-width: 768px){
.work-right-text { padding: 36px 11px !important;}
.work-right-text h5 { font-size: 12px !important; line-height: 16px !important;}
#solution .solution-img-sec { width: 130px;  height: 148px;}
.services-contents .about-move {
  height: 334px;
}
.single-services>h4{font-size:1.3rem;}
.technology-details{
    height: 330px; margin: 8px 5px;
}
.section-headline h2{ font-size: 2rem !important; }
#technology .services-contents {padding-left:25px;}
.single-services>p ,body { color: #5c5c5d; font-size: 13px;}
.layer-1-1 h2 { font-size: 2rem !important;}
.layer-1-2 h1{ font-size: 2.5rem !important; }
.about-sec-details>.single-services>h4 {
  font-size: 1.1rem;
  line-height: 17px;
}
.business-bullet-point ul li {
   font-size: 11px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.banner-grey-strip a:before{
  position: absolute;
  bottom: 0px !important;
}
.contact_detail li{ font-size: 12px;}

.slider-img{
width: 100%;
height: 400px !important;
}
.carousel-caption {
  top: 30%;
}
.carousel-caption h1, .carousel-caption h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}
.carousel-caption p{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}

}

/*------- mystyle --------*/
.side-fixed-icons {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 45%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 10;
}
.side-fixed-icons li {
  border-bottom: 1px solid #fff;
}
.side-fixed-icons a {
  display: block;
  padding: 2px;
  background: #ff8c00;
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

.side-fixed-icons a:hover {
  color: #fff;
background-color: #272727;
  transform: scale(1.1);
  text-align: center;
  /* padding-right:-10px; */
}




.side-fixed-icons i {
  font-size: 18px;
  color: white;
  padding: 5px 7px;
  width: 27px;
  height: 22px;
  text-decoration: none;
  margin: 2px;
}
.side-fixed-icons .fa {
padding: 7px 8px;
}
.side-fixed-icons span {
  display: block;
  font-size: 12px;
}

.banner-grey-strip {
  color: #fff;
  position: relative;
  text-align: center;
  background: #00000055;
  padding-top: 40px;
  padding-bottom: 50px;
  margin-top: -120px;
  z-index: 10;
}
.banner-grey-strip a {
  color: #e4dddd;
  font-size: 20px;
}
.banner-grey-strip a:hover {
  text-decoration: none;
  color: #aaa;
}
.banner-grey-strip a:before {
  position: absolute;
  bottom: -10px;
  width: 80%;
  height: 1px;
  background: #aaa;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 768px){
.banner-grey-strip a {
  display: block;
  min-height: 30px;
}

}
/* mycss */
.d-none {
  display: none;
}
.help-block.with-errors {
  color: #ff5050;
  margin-top: 5px;
}
/*.page-header {*/
/*    width: 100%;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    position: relative;*/
/*    z-index: 0;*/
/*	margin: 0px;*/
/*    padding-top: 90px;*/
/*    padding-bottom: 40px;*/
/*	height: 260px;*/
/*    background-position: 64% 6%;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*}*/
.page-header {
  background-size: cover;
  width: 100%;
  height: auto;
  padding-top: 90px;
  padding-bottom: 40px;
}
.page-header h1 {
  color: #fff;
  font-size: 30px;
  max-width: 480px;
line-height: inherit;
  margin-top: 20px;
}
.page-header p {
  color: #fff;
  margin-top: 15px;
  font-size: 16px;
  max-width: 700px;
}
.page-header.service-banner{
 background-image: url(../img/service-banner.jpg);
}

.page-header.blog-1{
background-image: url(../img/service-banner.jpg);
}
.page-header.product-banner{
 background-image: url(../img/product-banner.jpg);
}
.page-header.technology-banner{
 background-image: url(../img/technology-banner.jpg);
}
.page-header.solution-banner{
 background-image: url(../img/solution-banner.jpg);
}
.product_crm .well-left{
box-shadow: 1px 0px 14px #cacfd5;
  -webkit-background-clip: border-box;
}
.crm-system {
margin-top: 15px;
text-align: justify;
}
.crm-system ul{
  margin-bottom: 15px;
}
.crm-system>ul>li>i {
  color: #ff8c00;
  padding-right: 5px;
margin-bottom: 5px;
  font-size: 10px;
vertical-align: middle;
}
.about-area .section-headline p{
text-align:center;
font-weight: 600;
}

.box {
      left: -400px;
      top: 22%;
      z-index: 999;
      color: #fff;
      cursor: pointer;
      position: fixed;
      -webkit-transition-timing-function: ease-in-out;
      transition-duration: 4s;
      transition-timing-function: ease-in-out;
  }
  .box1 {
      left: 0px;
      top: 22%;
      color: #fff;
      cursor: pointer;
      position: fixed;
      -webkit-transition-timing-function: ease-in-out;
      transition-duration: 4s;
      transition-timing-function: ease-in-out;
      z-index: 999;
  }
  .close-btn {
      font-size: 27px;
      float: right;
      margin-top: -12px;
      background: #f64502;
      border-radius: 100%;
      width: 30px;
      height: 30px;
      text-align: center;
      color: #fff;
      line-height: 27px;
      cursor: pointer;
      margin-right: -17px !important;
  }
  .form-button {
      color: #ffffff;
      padding: 8px 20px;
      background: #ffa600;
      border: 0px;
      border-radius: 50px;
      text-align: center;
      margin: 0px auto;
      font: normal 14px / 22px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
      font-weight: 500;
  }
  #slide_form_header {
      width: 370px;
      height: 365px;
      background: #7eb2d9;
  }
  #sidebar p {
      writing-mode: vertical-rl;
      font-size: 25px;
      background: #000;
      color: #fff;
      cursor: pointer;
      border-radius: 4px;
      padding: 10px 0px;
  }
  #slide_form_header h2 {
      background: #ffa600;
      margin: 0px;
      text-transform: capitalize;
      font-size: 20px;
      padding: 7px 12px;
      text-align: left;
      color: #fff;
      font-weight: 500;
      line-height: 25px;
  }
  #slide_form_header form {
      padding: 10px;
      text-align: center;
      border: 1px solid #e4e4e4;
      border-radius: 3px;
      margin: 10px 15px 10px;
  }
  #slide_form_header .form-control {
      margin-bottom: 10px;
      font: normal 13px / 22px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  }
  #slide_form_header .form-control {
      padding: 6px 16px;
      border-radius: 0px;
  }
  #slider {
      z-index: 999;
      position: fixed;
      top: 20%;
  }

@media only screen and (min-width: 320px) and (max-width: 480px){
.navbar-brand>img {width: 50%; height:auto;}
.slider-img{
 width: 100%;
 /*height: 350px !important;*/
}
.carousel-caption {
  top: 30%;
}

.service-shadow1{
height: 420px !important;
}
.mob-pad{
    margin-top:10px !important;
}
.crm-mobile{
    line-height:1 !important;
}

.mobile-hide-line{
    display:none !important;
}

.send-button5{
  padding: 7px 14px !important;
  background-color: #ff8c00;
  border: 1px solid #ff8c00;
  border-radius: 40px;
  color: #fff;
 
}

.send-button5:hover{
  padding: 7px 14px;
  background-color: #fff;
  border: 1px solid #ff8c00;
  border-radius: 40px;
  color: #ff8c00;
}


.send-btn-mob{
    margin-bottom:10px !important;
}

.video-frame{
  width: 350px !important;
}

.logo-animate .modal-content .modal-header{
  display: block !important;
 padding: 6px 22px;
 }

.carousel-caption h1, .carousel-caption h3 {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
}
.carousel-caption p{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}
.nivoSlider img{
  height: 300px;
}
.layer-1-2 {
  margin: 30px 0;
}
.banner-grey-strip {
  position: relative;
  top: -7% !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 36px !important;
}
.banner-grey-strip a:before {
  position: absolute;
  bottom: 0px !important;
}
.navbar-header {
  float: left;
  width: 100%;
  margin-top: 0px;
}

.page-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  margin: 0px;
  padding-top: 60px;
  padding-bottom: 40px;
  height: 260px;
  background-position: 64% 6%;
  background-size: cover;
  background-repeat: no-repeat;
}
.page-header h1 {
  color: #fff;
  font-size: 28px;
  max-width: 475px;
  line-height: inherit;
  margin-top: 10px;
}
.page-header p {
  color: #fff;
  margin-top: 12px;
  font-size: 14px;
  max-width: 700px;
}
.services-contents {
  margin: 0px;
}
.modal-content{
width: 360px !important;
  float: none !important;
}
.modal-header {
  padding: 3px;
  /*background-color: #000 !important;*/
}
.modal-title {
  font-size: 17px;
}
.contact-form {
  margin-top: 10px;
}
.contact-form input[type="text"], .contact-form input[type="email"]{
  height: 40px;
}
.contact-form textarea{
  height: 85px;
}
.contact-form button[type="submit"]{
  font-size: 12px;
  padding: 6px 25px;
}
.side-image-content .bg-color{
 height: 650px !important;   
}
.side-image-content .sides .inner h2::after {
  top: 9% !important;
}
.box {
  left: -400px;
  top: 22%;
  z-index: 999;
  color: #fff;
  cursor: pointer;
  position: fixed;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 4s;
  transition-timing-function: ease-in-out;
}
.box1 {
  left: 0px;
  top: 22%;
  color: #fff;
  cursor: pointer;
  position: fixed;
  -webkit-transition-timing-function: ease-in-out;
  transition-duration: 4s;
  transition-timing-function: ease-in-out;
  z-index: 999;
}
.close-btn {
  font-size: 27px;
  float: right;
  margin-top: -12px;
  background: #f64502;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height: 27px;
  cursor: pointer;
  margin-right: -17px !important;
}
.form-button {
  color: #ffffff;
  padding: 8px 20px;
  background: #ffa600;
  border: 0px;
  border-radius: 50px;
  text-align: center;
  margin: 0px auto;
  font: normal 14px / 22px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 500;
}
#slide_form_header {
  width: 320px;
  height: fit-content;
  background: #7eb2d9;
}
#sidebar p {
  writing-mode: vertical-rl;
  font-size: 25px;
  background: #000;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  padding: 10px 0px;
}
#slide_form_header h2 {
  background: #ffa600;
  margin: 0px;
  text-transform: capitalize;
  font-size: 18px;
  padding: 7px 12px;
  text-align: left;
  color: #fff;
  font-weight: 500;
  line-height: 25px;
}
#slide_form_header form {
  padding: 10px;
  text-align: center;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  margin: 10px 15px 10px;
}
#slide_form_header .form-control {
  margin-bottom: 10px;
  font: normal 13px / 22px "Montserrat", Helvetica, Arial, Verdana, sans-serif;
}
#slide_form_header .form-control {
  padding: 6px 16px;
  border-radius: 0px;
}
#slider {
  z-index: 999;
  position: fixed;
  top: 20%;
}
}
/* Our Technology Partner */
.side-image-content {
  width: 100%;
padding-top: 20px;
}
.side-image-content .bg-color{
 background-color: rgb(0, 51, 73);
 visibility: visible;
 height: 360px;   
}
.side-image-content .sides .inner {
  color: #ffffff;
  padding: 0 35px;
}
.side-image-content .sides .inner h2 {
color: #fff;
  font-size: 24px;
margin-top: 0px;
padding-top: 15px; 
}
.side-image-content .sides .inner h2::after {
  border: 1px solid #ff8c00;
  top: 16%;
  content: "";
  left: 5px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 93%;
}
.side-image-content .sides .inner p {
  color: #fff;
text-align: justify;
}
.side-image-content .sides .inner ul{
  text-align: justify;
}
.side-image-content .sides .inner ul li{
  margin-bottom: 8px;
}
.side-image-content .sides .inner ul li i {
  color: #ff8c00;
  padding-right: 8px;
  font-size: 12px;
}
/* .side-image-content .sides .inner ul li::before {
  content: "\2022";
  color: #ff8c00;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
} */
.modal{
top: 10%;
}
.modal-header{
/* background: none; */
/*background-color: #000;*/
}
.close {
/*color: #ffffff !important;*/
opacity: 0.5;
}


.close:hover {
  color: #ff8c00;
  opacity: 0.7 !important;
}


.form-control-bg{
  /*background-color:#FAF9F6 !important;*/
}

.modal-content{
  /*border: 4px solid #ff8c00 !important;*/
  /* box-shadow: 1px 1px 8px #ff8c00; */
}

/*-----------------------Index page form------------ */


/* Container styling */
.input_wrapper {
  position: relative;
  margin-bottom: 16px !important;
}

/* Label styling */
.label1 {
  position: absolute;
  left: 15px;
  top: 9px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: normal;
  color: #6e6e6e;
}

/* Input box styling */
.input-box-form, .message-box-form {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-box-form:focus + .label1,
.message-box-form:focus + .label1,
.input-box-form:not(:placeholder-shown) + .label1,
.message-box-form:not(:placeholder-shown) + .label1 {
  top: -10px !important;
  font-size: 14px !important; 
   /*background-color: #eee; */
  background-image: linear-gradient(#eee 50%, #fff 50%) !important;
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (max-width: 480px) {
  .label1 {
    top: 9px !important;
  }
}

/* ----------------------- */


/*-----------------------model form------------ */

.input_wrapper {

  position: relative;
  margin-bottom: 16px !important;
}
label {
  position: absolute;
  left: 15px;
  top: 9px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: normal;
  /*color: #000;*/
   color: #a7a7a7; 
}

input,textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input:focus + label,
textarea:focus + label,
input:not(:placeholder-shown) + label,
textarea:not(:placeholder-shown) + label {
  top: -10px;
  font-size: 14px; 
   background-color:#fff; 
  font-weight: bold;
  color:#5C5C5C;
  /*background-image: linear-gradient(#fff 50%, #FAF9F6 50%);*/
  padding-left: 4px;
  padding-right: 4px;
}

.modal-dialog {
  position: relative;
  margin: 10vh auto; 
  max-height: 100vh; 
  overflow-y: auto;
}

.modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}

.modal-body-form{
  max-height: 800px !important;
}

@media screen and (max-width: 480px) {
  label {
    top: 9px;
  }
}

/* ----------------------- */


.modal-header button{
font-size: 28px;
}
.modal-title {
color: #ff8c00;
text-transform: uppercase;
font-weight: bold;
text-align: center;
font-size: 21px;
}


.modal-body{
background: none; 
padding: 16px 16px 16px 0px;
}

/* Style the modal content */
.modal-content {
    background-color: #fff;
    border: none;
    max-width: 900px; /* Fixed width */
}


/* Center the modal dialog */
.modal-dialog {
    position: fixed; 
    top: 1%; 
    left: 20%;
    transform: translate(-80%, -80%); 
    margin: 0; 
    width: 100%;
    padding-right: 0px !important;
}

.side-gap-img-form{
  padding-right: 0px !important;
}

.img-form{
  /* object-fit: fill; */
  /* height: 335px; */
  padding: 16px 0px 16px 16px;
  padding-right: 0px !important;
}

.img-form-work-monitoring{
    height: 350px !important;
}

.about-form-text{
  margin: 4px 0px;
}

.form-text{
  padding: 8px 32px 0px;
  margin: 0px;
  font-size: 14px;
  line-height: 1.3;
}

@media screen and (max-width: 1200px) {
  .modal-content {
    background-color: #fff;
    border: none;
    max-width: 600px !important;
}

/* Center the modal dialog */
.modal-dialog {
    position: fixed; 
    top: 1%; 
    left: 20%;
    margin: 0; 
    width: 100%;
}
}

@media screen and (max-width: 780px) {
  .modal-content {
    background-color: #fff;
    border: none;
    max-width: 600px !important;
}

/* Center the modal dialog */
.modal-dialog {
    position: fixed; 
    top: 1%; 
    left: 5%;
    margin: 0; 
    width: 100%;
}
.img-form{
  object-fit: contain;
  height:320px;
  width: 100%;
  padding: 4px 0px 4px 4px;
}

.contact-form{
  margin-top:0px !important;
}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .modal-content {
        width: 385px !important;
        float: none !important;
    }
}
@media screen and (max-width: 480px) {
  .modal-content {
    background-color: #fff;
    border: none;
    max-width: 600px !important;
}

.form-text{
  padding: 8px 18px 0px;
  margin: 0px;
  font-size: 12px;
  line-height: 1.3;
}


/*---------------- modal scroll------------- */

.modal-dialog {
  position: relative;
  max-height: 100vh; 
  overflow-y: auto;
}

.modal-body {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}
.page-header-erp{
    height:320px !important;
}


/* Center the modal dialog */
.modal-dialog {
    position: fixed; 
    top: 1%; 
    left: 0%;
    margin: 0; 
    width: 100%;
}
.img-form{
  object-fit: contain;
  height:180px;
  width: 100%;
  padding: 4px 0px 4px 4px;
}

.img-form-work-monitoring{
    height:180px !important;
}

.contact-form{
  margin-top:0px !important;
}
.side-gap-img-form{
  padding-right: 15px !important;
}
}




.modal-footer{
padding:2px; border-top:none; background: none;
}
.side-image-content .bg-image {
background-image: url(../img/idoss-crm1.jpg); 
visibility: visible;
height: 354px;
}
.send-button {
background: #ff8c00 !important;
  color: #fff !important;
  border: 1px solid #ff8c00 !important;
}
.send-button:hover {
background: #ff8c00 !important; 
}
.simplify-your-financials {
  padding-bottom: 30px;
  padding-top: 24px;
}
.simplify-your-financials h3 {
  color: #004b87;
  position: relative;
  margin-bottom: 30px;
}
.simplify-your-financials h3:before {
  position: absolute;
  bottom: -10px;
  width: 100px;
  height: 3px;
  background: #ff8c00;
  content: "";
}
.simplify-your-financials ul li {
  margin-bottom: 10px;
  text-align: justify;
}
.simplify-your-financials ul li i{
  color: #5d5a5a;
  padding-right: 5px;
  font-size: 12px;
}
.simplify-your-financials img{
  width: 100%;
  height: 280px;
  border-radius: 6px;
  box-shadow: 1px 0px 14px #9c9c9c;
  -webkit-background-clip: border-box;
}

/* pagebuilder css */

#pagebuilder {
  padding: 0;
}
.pagebuilder {
  padding: 40px 0;
}
.pagebuilder {
  padding: 10px 0;
  overflow: hidden;
  position: relative;
}
.dienst {
  padding: 15px;
  border: 1px solid #e5e5e5;
}
.aligncenter {
  text-align: center;
}
.dienst_titel.border h3 {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #e5e5e5;
  display: inline-block;
}
.dienst_icon {
  margin: 0 0 20px 0;
}
.dienst_icon i {
  font-size: 85px;
}
.pagebuilder .col-lg-3:first-of-type .dienst_titel h3, .pagebuilder .col-lg-3:first-of-type .dienst_icon i {
  color: #b0198e;
}
.pagebuilder .col-lg-3:nth-of-type(2) .dienst_titel h3, .col-lg-3:nth-of-type(2) .dienst_icon i {
  color: #95c11f;
}
.pagebuilder .col-lg-3:nth-of-type(3) .dienst_titel h3, .pagebuilder .col-lg-3:nth-of-type(3) .dienst_icon i {
  color: #3996d9;
}
.pagebuilder .col-lg-3:nth-of-type(4) .dienst_titel h3, .pagebuilder .col-lg-3:nth-of-type(4) .dienst_icon i {
  color: #eec10c;
}
.dienst_tekst h3 {
  line-height: 25px;
  font-size: 17px;
  color: #2c3e50;
  font-weight: 700;
}
.dienst_tekst p {
  line-height: 22px;
  font-size: 15px;
  color: #2c3e50;
}
.start-relationship h2{
color: #196cb3;
}
.start-relationship h2::after {
  border: 1px solid #ff8c00;
  bottom: -5px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}

/*------------------- career -------------------------*/
.section-jobs-page .job-summary {
  padding: 5px 5px;
  border-bottom: 1px dashed #ccc !important;
  font-size: 20px;
  background-color: #ebd1a0;
  color: #000;
  text-align: left;
  margin-top: 2px;    
}
.section-jobs-page .jobs-location, .section-jobs-page .jobs-designation, .section-jobs-page .jobs-qualification, .section-jobs-page .jobs-skills, .section-jobs-page .jobs-experience, .section-jobs-page .jobs-positions {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px 5px;
  margin-top: 15px;    
}
.section-jobs-page .jobs-link {
  margin-top: 15px;
  color: #ff8c00;
  text-align: center;
  font-weight:bold; 
}
.section-jobs-page .jobs-link a {
  padding: 5px;
  color: #ff8c00;
  text-decoration: underline;    
}
.section-jobs-page span {
 font-weight: bold;
}
.current-opening{
transition: all 0.5s ease 0s;
  background: #fff;
  padding: 10px 14px 15px;
  box-shadow: 0px 1px 11px 2px rgba(32, 33, 36, 0.15);
  border-color: rgba(223,225,229,0);
  text-align: justify;
}

.sidebar-contact .toggle {
  background: #ff8c00;
  display: block;
  width: 35px;
  height: 201px;
  text-align: center;
  z-index: 10;
  position: fixed;
  top: 55%;
  /*left: 0;*/
  right: 0;
  line-height: 48px;
}


.sidebar-contact .toggle:hover {
  background: #272727;
  transform: scale(1.1);
}


.toggle:before {
  content: '\f003';
  font-family: fontAwesome;
  font-size: 15px;
font-weight: 600;
  color: #fff;
}
.sidebar-contact .toggle span {
  line-height: 16px;
  position: absolute;
  left: -58px;
  transform: rotate(90deg);
  width: 155px;
  font-size: 15px;
font-weight: 600;
  top: 107px;
  color: #fff;
  transform: rotate(270deg);
  text-transform: uppercase;
}

/*----------------------------------------.Salesforce CSS Start----------------------------------------*/
.sales{
margin-bottom: 32px;
}
.sales-padding{
padding: 36px 0px 30px;
}
.salesforce{
margin: 20px 0 8px;
}
.salesforce h5{
color: #fff;
font-size: 24px;
}
.Salesforce-service{
margin-top: 20px;
}
.single-well .Salesforce-service li{
display: inline-block;
margin-right: 18px;
color: #fff;
font-size: 16px;
}
.single-well .Salesforce-service li i{
 padding-right:6px ;
}
.center-align-content{
  display: flex;
  justify-content: center;
}
.salesforce hr{
width: 25%;
margin: 0 auto;
margin-bottom: 17px;
height: 1px;
background: #fff;
}
.salesforce-bg{
background-image: url(../img/salesforce_banner.jpg);
background-color: rgba(0, 0, 0, 0.65);
background-blend-mode: color-burn;
background-size: cover;
background-attachment: fixed;
padding: 20px 0 30px;
background-position: 0;
}
.sales-heading{
line-height: initial;
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 500;
}

/*---------------------------------- Update CSS 04/02/2022 ----------------------------------------*/
@media (min-width: 1200px){
.container {
  width: 1270px !important;
}
}
@media (min-width: 768px){
.navbar-right .dropdown-menu {
  right: auto;
  left: 0;
}
}
#home_services .about-move{ 
background-image: #fff;   
padding: 0px 10px;
border-radius: 6px;
box-shadow: 0px 6px 10px #d0d0d0;
/*height: 300px;*/
overflow: hidden;
margin: 10px 0px;
border: 1px solid #fce9c7;
}
/*#home_services .about-move:hover img{
transform: scale(1.1);
transition: 1s;  
}*/
#home_services .app_dev{
box-shadow: 1px 4px 8px #fbdfac;
}
#home_services .app_dev:hover{
box-shadow: 1px 4px 8px #d0d0d0;
transform: scale(1.02);
transition: 1s;
}
#home_services .about-move.app_dev:hover{
background-image: linear-gradient(#ffe5b5, #fff8eb);
box-shadow: 0px 6px 14px #d0d0d0; 
transition: 1s;
}
.solution_bg{
background-color: #fff;
}
.form-control:focus {
  border-color: #ff8c00 !important;
  box-shadow: inset 0 1px 1px #fea6004f, 0 0 7px #ff8c007d !important;
}
.owl-carousel .owl-nav.disabled {
  display: inline-block !important;
}
.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 34%;
  left: -70px;
}
.owl-carousel .owl-nav .owl-prev span {
  font-size: 400%;
}
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 34%;
  right: -70px;
}
.owl-carousel .owl-nav .owl-next span {
  font-size: 400%;
}
#owl_crowsel1.owl-theme .owl-nav [class*=owl-]:hover {
  background: #0F51B5;
  color: #FFF;
  text-decoration: none;
}
#owl_crowsel1.owl_crowsel1 .item{
  display: inline-block;
}
.dropdown:hover .dropdown-menu{
display: block;
}
/*.main-menu .dropdown.active.open .dropdown-menu{
border: 1px solid #fea701;
}*/
.portfolio-area{
background: url("../img/portfolio/portfolio-bg1.jpg");
background-color: rgba(0, 0, 0, 0.55);
background-blend-mode:color-burn ;
background-attachment: fixed;
background-size:cover;
background-repeat: no-repeat;
}
.section-headline .text-white::after{
border: 1px solid #fff !important;
}
#portfolio{
margin-bottom: 10px;
}
.service_content{
padding: 18px 16px;
}
.service_content h4{
font-size: 20px;
}
/*s*/
.p-0{
padding: 0px;
}
.service_item{
  background-image: #fff;
  
  border-radius: 6px;
  box-shadow: 0px 6px 10px #ececec;
   height: 240px; 
  overflow: hidden;
  margin: 10px 0px;
  border: 1px solid #ececec;
}
#home_services .service_item:hover{
box-shadow: 1px 4px 8px #d0d0d0;
transform: scale(1.01);
transition: 1s;
}
.ser-read-more{
border: 1px solid #ff8c00;
color: #ff8c00;
padding: 8px 16px;
}
.picture img{
height: 258px;
}
.bg-blog{
background: #0c4685;
  padding: 10px 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 15px;
  width: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.bg-blog img{
width: 32px;
margin-right: 12px;
}
.services_card{
background: #fff;
}
.para{
padding: 14px;
color: #5c5c5d;
background: #fff;
}
.services-area1{
background: #f3f5fa;
}
.service-shadow{
box-shadow: 1px 4px 11px #d0d0d0;
}
/*.service-shadow:hover{
box-shadow: 0px 2px 8px 0px #ff8c00;
}*/
.service-shadow{
margin-bottom: 30px;
height: 400px;
background: #fff;
overflow: hidden;
}
.service-shadow figure{
position: relative;
overflow: hidden;
}
.service-shadow:hover img {
  transform: scale(1.1);
  transition: 1s;
}
#home_services .app_development:hover{
box-shadow: 0px 2px 8px 0px #28659299;
}
#home_services .pro_development:hover{
box-shadow: 0px 2px 8px 0px #496b32ba;
}
#home_services .app_maintenance:hover{
box-shadow: 0px 2px 8px 0px #c71f2e82;
}
#home_services .digital_mark:hover{
box-shadow: 0px 2px 8px 0px #a8007b75;
}
#home_services .it_consult:hover{
box-shadow: 0px 2px 8px 0px #0c468585;
}
#home_services .staffing:hover{
box-shadow: 0px 2px 8px 0px #bd3ab763;
}
.sol_heading{
background-image: linear-gradient(45deg, #0c4685, #479fff61);
  color: #fff;
  padding: 8px 12px;
  font-size: 18px;
}
.solution_card{
border: 2px dotted #eaf1f7;
  padding: 0px 10px;
  background: #f7fbff;
}
.solution_card:hover img{
transform: scale(1.1);
transition: 1s;
}
.solution_card:hover p{
transform: scale(1.03);
transition: 1s;
}
.solution_card:hover h4{
transform: scale(1.03);
transition: 1s;
}
.divider p{
height: 130px;
overflow: hidden;
}
.check-sign{
  display: flex !important;
  justify-content: start;
}
.idoss-carrer{
position: relative;
top: -4px;
}
.jobs-skills .check-sign .fa-circle{
font-size: 6px;
margin-right: 10px;
margin-top: 4px;
} 
.jobs-skills-details{
font-weight: 500 !important;
}

.footer-logo img{ max-width: 85%; }

.erp-para p{
background: linear-gradient(90deg, rgba(14,55,134,1) 0%, rgb(37 111 184) 76%, rgb(132 194 255) 100%);
  color: #fff;
  padding: 42px;
}

/*------------------- Idoss Logo Animation --------------------------*/
.logo-animate .modal-content{
 /*width: 110% !important;*/
 background-color: #393939d9;
 float: none;
 width: max-content;
}
.logo-animate .modal-content .modal-header{
 display: flex;
padding: 6px 22px;
}
.logo-animate .modal-content .modal-header button{
margin-left: 80%;
color: #ccc !important;
text-shadow: none;
opacity: 1;      
}
.logo-animate .modal-content .modal-footer{
text-align: center;
padding-bottom: 10px;
}

/*------------------- Idoss Web & Mobile View Banner & Videos  --------------------------*/
@media (min-width: 767px){
.mob-banner {
  display: none !important;
}
.idoss-mobile-info{
display: none !important;
}
}
@media (max-width: 768px){
.web-banner {
  display: none !important;
}
.idoss-web-info{
display: none !important;
}
}
@media (min-width: 768px){
.logo-animate .modal-dialog {
  /*width: 880px;*/
  margin: 30px auto;
}
.logo-animate .modal-body {
  padding: 20px 20px 0px;
}


/*------------------- blog --------------------------*/
.blog-1{
background-image: url(../img/blog/blogbannernew.jpg);
background-repeat: no-repeat; 
background-position:center;
background-size:cover;
margin-top: 40px;
}
.blog-1{
display: flex !important;
align-items:flex-start;
gap: 50px;
}
.blog-card{
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.blog-card:hover img{
transform: scale(1.05);
transition: 1s;
}
.blog-card{
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.single-well{
margin-top: 20px;
}
.card-design{
font-size: 16px;
font-weight: 600;
color: #ff8600;
}  
.card-title{
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
line-height: 18px;
margin-top: 10px; 
}
.card-body{
padding: 10px 16px;
}
.single-well h4{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 10px;
margin-bottom: 8px;
}
.card.design{
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
line-height: 10px;
text-align: start;
}
.single-well p{
margin: 0 0 15px;
color: #5c5c5d;
text-align: justify;
margin-bottom: 8px;
}

.technologies-section{
background: #eff5f6;
  padding: 60px 0;
}
.technologies-grid img {
  border-radius: 3px;
  padding: 10px;
  box-shadow: 0px 0px 0px #b1b1b1;
  border: solid 1px #e2e2e2;
  background-color: #ffffff7a;
}

/*------------ WhatsApp Icon CSS ------------------*/
/* .whatsapp-floating-button {
position: fixed;
bottom: 90px;
right: 14px;
z-index: 9999;
}
.whatsapp-button {
display: block;
width: 50px;
height: 50px;
background-color: #25d366;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 58px;
font-size: 24px;
}
.whatsapp-button i {
color: #fff;
font-size: 32px;
line-height: 40px;
} */

@media only screen and (max-width: 767px) 
{
.whatsapp-floating-button {
    /* bottom: 45px !important;
    left: 20px !important; */
}

.whatsapp-button {
  /* width: 44px;
  height: 44px;
  line-height: 46px; */
}
.whatsapp-button i {
  /* color: #fff;
  font-size: 28px;
  line-height: 12px; */
}
}

/*----------------------------------------.End CSS----------------------------------------*/