/* 1 imported styles */

/* @import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,900,800italic,900italic); */

@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
/*@import url(hover.css);
@import url(jquery.fancybox.css);*/
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);

/*@import url(../revolution/css/settings.css);*/

/*@import url(../js/jquery-ui-1.11.4/jquery-ui.css);*/

.container {padding-right: 15px!important; padding-left: 15px!important;}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #9C9C9C;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif; 
}
a, a:hover, a:active {
    text-decoration: none;
}
a:hover,a:focus,a:visited{
    text-decoration:none;
    outline:none;
}
p{
    color: #666666;
    font-weight: 300;
    line-height: 23.5px;
    margin: 0 0 15px;
    font-family: 'Raleway', sans-serif; 
}
@viewport{
    zoom:1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-soom;
    zoom:1.0;
}


/* 2 flaticon reset styles */


/* 3 .top-bar styles */

.top-bar {border-bottom: 1px solid #EAEAEA;}

.top-bar .left-text p {
    font-size: 13px;
    color: #B6B6B6;
    margin: 0;
    line-height: 48px;
}

.top-bar .left-text p span {
    color: #383838;
}

.social-icons ul,
.social-icons ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.button.quote-r {
    background: #ff3f3b;
   border: 1px solid #ff3f3b!important;
   cursor: pointer;
}
#textarea {
    height: 161px;
}

.social-icons ul li:first-child a {
    border-left: 1px solid #EAEAEA;
}

.social-icons ul li a {
    display: inline-block;
    font-size: 15px;
    color: #A4A4A4;
    border-right: 1px solid #EAEAEA;
    line-height: 48px;
    text-align: center;
    padding: 0 16px;
    margin-left: -5px;
    transition: all .3s ease;
}

.social-icons ul li a:hover {
    color: #fff;
    background: #2AAFAE;
}

/* 4 .header styles */
.single-header-info {
    float: left;
    padding-left: 25px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}
.single-header-info .icon-box,
.single-header-info .content {
    display: table-cell;
    vertical-align: middle;
}
.single-header-info .icon-box .inner-box i::before {
    color: #ffffff;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
}
.single-header-info .content h3 {
    font-size: 13px;
    text-transform: uppercase;
    color: #2B2B2B;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    margin: 0;
    margin-bottom: 5px;
}
.single-header-info .content p {
    font-size: 13px;
    margin: 0;
    color: #272727;
}
.single-header-info .content p b {
    color: #272727;
    font-size: 15px;
    font-weight: 400;
}
.single-header-info .thm-btn {
    margin: 7px 0;
}

/* 5 .mainmenu-area styles */


.mainmenu-area.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
.navigation .nav-footer {
    display: none;
}
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
3
body {
  font-family: 'Open Sans', 'sans-serif';
  background:#f0f0f0;
} */
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: none!important;
}
.img-responsive.slider-main {
    width: 100%;
}
.navbar-nav > li > .dropdown-menu { margin-top: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 15px 15px 15px 15px;
}

.navbar-default .navbar-nav>li>a {
    padding: 28px 20px;
}
.mega-dropdown {
  position: static !important;
}
.teksti-home h4 {
    font-size: 13px;
}
.dropdown-menu > li > a {
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: unset;
}
.teksti-home h4 {
    font-size: 16px;
    color: black;
    font-weight: normal;
    margin: 0;
}
.teksti-home p {
    font-size: 14px;
    text-transform: none;
    padding: 2px 0 0 0;
    margin: 0;
    line-height: 21px;
}
.navbar.navbar-default {
    background: transparent;
    border: none;
    border-radius: 0;
}
.navbar.navbar-default {
    margin-bottom: 0;
}
.kolonat-hom{
    display:flex;
}
.ikonat-home{
    margin-right:15px;
}
.navbar-brand {
    padding: 0;
    margin: 0;
    float: none;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
background-color: #1cc6ca;
}
.dropdown.mega-dropdown:hover {
    background: #1cc6ca;
}

.navbar-wrapper.topBar.mainmenu-area.stricky.slideIn.stricky-fixed.fadeInDown.animated {
    padding: 16px 0;
}
.img-responsive.header-logo {
    width: 120px;
}
.nav.navbar-nav li a {
    color: white!important;
}
.nav.navbar-nav li:last-child a.megamenu{border:0;}
.nav.navbar-nav li a.megamenu {
    color: #5a5454 !important;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: white;
   padding: 11px 15px;
    margin:15px 0 15px 0;
    border-right: 1px solid #f0f0f0;
}
.megamenu .fa {
    margin-right: 8px;
    font-size: 20px;
}
.ikonat-home img {
    max-width: 60px;
}
.nav.navbar-nav li a.megamenu:hover {
    color: #fff !important;
    background: #1cc6ca2e;
}
.navbar-wrapper.topBar.mainmenu-area.stricky.slideIn.stricky-fixed.fadeInDown.animated {
    background: #3b31bd;
    margin-top: 0;
    padding: 0px 0;
}
.nav.navbar-nav {
    float: right;
}
.glyphicon.glyphicon-chevron-down.pull-right {
    font-size: 11px;
    margin-left: 8px;
    margin-top: 5px;
}
.col-md-6.detai-imge {
    padding-left: 0;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.paragraph-d {
    margin-top: 25px;
    margin-bottom: 25px;
}



.mega-dropdown-menu.mega-change::before{
     content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 53%;
    z-index: 10;
}
.mega-dropdown-menu::before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 61%;
    z-index: 10;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}
.mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight:bold;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.mainmenu-area .search-box input {
    background-color: transparent;
    border: none;
    outline: none;
    color: #DAD9D9;
    font-size: 13px;
    line-height: 65px;
    width: calc(100% - 31px);
}
.mainmenu-area .search-box button {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    line-height: 65px;
    color: #DAD9D9;
}

/* 18 .footer styles */

.footer {
    background:#352abb;
    padding: 40px 0;
}
.footer-widget.quick-links p {
    color: white;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0 83px 3px 0px;
}
.footer-widget.quick-links ul {
    margin: 0;
    padding: 0;
}
.fa.fa-envelope.width-icon {
    font-size: 21px;
}
.title {
    font-size: 19px;
    font-weight: bold;
    color: white;
    letter-spacing: 1px;
}
.footer-widget.quick-links ul li a:hover {
    color: #d9601a;
    transition: 0.5s;
}
.socila-icon ul li .fa {
    padding:5px;
}
.footer-widget.quick-links ul li {
    list-style: none;
    font-size: 15px;
    padding-bottom: 8px;
    color: white;
}
.footer-widget.quick-links ul li a {
    color: white;
}
.contact-us {
    margin-top: 0;
 
}
.contact-us {
    position: relative;
    z-index: 2;
  
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contact-icon {
    position: absolute;
}

.contact-icon i {
    font-size: 18px;
    top: 5px;
    position: relative;
    color: #ffffff;
}
.contact-icon img{
    width:12px;
}
.contact-info {
    margin-left: 30px;
}
.contact-info h3 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    margin-top:0;
    line-height: 22px;
}

.socila-icon ul {
    margin: 0;
    padding: 0;
}
.socila-icon {
}
.socila-icon ul li {
    display: inline-block;
    color: white;
    list-style: none;
    padding: 5px;
    font-size: 22px;
    border: 1px solid;
    margin-right: 8px;
    border-radius: 45px;
    width: 35px;
    height: 35px;
}
.facebook-social:hover {
    background: #3b579d;
    transition: 0.5s;
    cursor: pointer
}
.twitter-social:hover {
    background: #1a95ae;
    transition: 0.5s;
    cursor: pointer
}
.google-social:hover {
    background: #e31511;
    transition: 0.5s;
    cursor: pointer
}
.insta-social:hover {
    background: #930909;
    transition: 0.5s;
    cursor: pointer
}


.form-control.fillup {
    padding: 21px;
    background: transparent;
}

.btn.subscribe {
    padding: 11px;
    background: #ff3f3b;
    color: white;
}
.input-group.group-width {
    width: 79%;
    margin-top: 28px;
}


/* css for navbar and slider */
.overlay { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:14%;
left: 136px
}
.navbar.navbar-inverse.navbar-static-top {
    background: transparent;
    border: none;
    border-radius: 0;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 800px;
  background-color:#555;

}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 800px;
}
.image-slider.img-responsive {
    max-width: 492px;
    margin-left: 92px;
}
.image-slider.img-responsive.first-slider {
    max-width: 600px;
    margin-left: 92px;
    margin-top: 92px;
}
.image-slider.img-responsive.second-slider {
    max-width: 500px;
    margin-left: 92px;
    margin-top: 92px;
}
#menu-navbar .active a,#menu-navbar li a:hover {
    background: #3d387d !important;}
.program-list .carousel-control.left,.program-list .carousel-control.right{background: transparent;z-index: 99999;}
.left carousel-control{z-index: 999999;}
.program-list .carousel .carousel-inner .item{margin:50px 0;height: auto !important;background-color: transparent;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    font-size: 30px;
    padding: 4px;
    color: #352abb;
}
.program-list .info p {
    max-height: 55px;
    overflow: hidden;
}
.about-us h3{margin-top: 0 !important;text-shadow: 1px 1px 2px #000;text-align: center;}
.about-us {    width: 50%;
    margin: 0 auto !important;
    padding: 20px;color:#fff;margin-top: 80px !important;
    background: #0000001c;
    margin: 0;
}
#home-banner.banner-section-four.mobile-appp{background-position:0 !important;background: url(../img/ourservices.jpg) !important;   
    background-size: cover !important;}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
.about-us{margin-top: 0 !important}
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
   
  }
}
.text-animation h4 {
  font-size: 45px;
    font-weight: inherit;
    color:#25c0ec;
}
.text-animation h3 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 14px;
    margin-top: 0;
}
.text-animation p {
    font-size: 18px;
    color: #d1d1d1;
    line-height: 1.5;
    font-family: inherit;
}
.text-animation {
    padding: 37px;
    margin-top: 55px;
}
.slider-btn {
    border: 1px solid #cb3734;
    padding: 13px 24px;
    border-radius: 28px;
    font-size: 15px;
    background:#cb3734;
    color: #fff;
    margin-top: 22px;
    display: inline-block;
}
.image-sec {
    background: #1e2c42;
        background-color: rgb(30, 44, 66);
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-attachment: scroll;
        background-image: none;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;;
    height: 187px;
    padding: 32px;
}




.footer-text {
    font-size: 19px !important;
    margin-top: 16px !important;
    
}
.fa.fa-chevron-right {
    margin-right: 10px;
}
/* css for building section */
.web-div h4 {
    font-size: 15px;
    color: #121b23;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 17px;
    text-transform: uppercase;

}

.sub-title {
    font-weight: 700;
color: #008391;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 3px;
    font-size: 15px;
}

.title-builing {
    text-align: center;
    padding: 0 0 60px 0;
}

.title-builing h3 {
    font-size: 29px;
    font-weight: 600;
    color: #2b3132;
    margin: 0px 0px 5px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.title-builing p {
    font-size: 16px;
font-weight: 500;
line-height: 27px;
color: #737879;
}
.inner-box {
    position: relative;
}

.inner-box .inner-content {
    position: absolute;
    left: 0px;
    top: 40px;
    background: #25c9ba;
    max-width: 228px;
    padding: 48px 17px 33px 40px;
    z-index: 1;
}
.inner-content i {
    position: relative;
    display: block;
    font-size: 60px;
    color: #ffffff;
    margin-bottom: 15px;
}
 .inner-content h2 {
    position: relative;
    font-size: 30px;
    color: #ffffff;
    line-height: 36px;
    font-weight: 700;
}
.image-box.image-one {
    position: relative;
    margin: 0px 20px 0px 130px;
    box-shadow: 0 10px 40px rgba(81, 74, 65, 0.20);
}
.image-box.image-two {
    position: absolute;
    bottom: 0px;
    right: -59px;
    z-index: 1;
    box-shadow: 0 10px 40px rgba(81, 74, 65, 0.20);
}
.image-box.image-one.img-responsive img {
    width: 100%;
}
figure {
    margin: 0px;
}
.inner-content::before {
    position: absolute;
    content: '';
    background: #008391;
    width: 100%;
    height: 100%;
    left: -20px;
    top: -20px;
    z-index: -1;
}




.image-box.image-two::before {
    position: absolute;
    content: '';
    background: #008391;
    width: 100%;
    height: 100%;
    left: -20px;
    top: -20px;
    z-index: -1;
}
.wt-separator-outer {
    overflow: hidden;
}
.padding-clearrr {
padding: 5px;
}
.welcom-paragraph {
    padding-left: 40px;
}
.title-builing.feat-on {
    padding: 0 0 10px 0;
    text-align: center;
    margin-bottom: 25px;
}
.web-div {
    padding: 15px 19px;
    background: white;
    font-size: 16px;
    border: 1px solid #e3dddd;
    text-align: center;
     border-radius: 6px;
}
.web-div p {
    color: #656464;
    font-size: 15px;
    line-height: 25px;
}
.web-div img {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 56px;
}
.welcom-paragraph img {
    max-height: 400px;
    margin: auto;
}
.text-uppercase.kd {
    padding: 4px 1px 2px 0;
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    color: #544f53;
}
.development-cycle {
    background: white;
    padding: 20px 5px;
    border: 14px solid #cbc8c8;
}
/* css for services and features  */
.features-imp {
    padding: 77px 0;
    background: #eee;
}
.fetaure-btn.button {
   border: 1px solid #ff3f3b;
padding: 15px 55px;
border-radius: 28px;
font-size: 16px;
background: #ff3f3b;
color: white;
width: 20%;
text-align: center;
margin: auto;

}
.fetaure-btn.button:hover {
    background: #cb3734;
    transition: 0.5s;
    color: white;
    border: 1px solid #cb3734;
    cursor: pointer;
}
.m-service {
    margin: auto;
        margin-top: auto;
    text-align: center;
    margin-top: 65px;
}
.hero_img.text-center img {
    position: absolute;
    max-height: 363px;
    right: -318px;
    top: 72px;
}
#hero_section::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-size: 100% 100% !important;
    padding-top: 15rem;
    z-index: 1;
    background: url(../img/top-img.png);
}
#hero_section {
    padding: 10rem 0 2rem;
    position: relative;
    min-height: 580px;
}
.bg_blue_grad {
 background: linear-gradient(to right bottom, #364292, #3b31bd);
}
.bg_blue_grad.grad2 {
    background: linear-gradient(to right bottom, #713692, #3b31bd);
}
.bg_blue_grad.grad3 {

    background: linear-gradient(to right bottom, #2ca0d4, #0d8aaa);

}
.cros-one {
    text-align: center;
    border: 1px solid white;
    padding: 61px 32px;
    border-radius: 20px;
    background: #3925c9;
        min-height: 500px;
}
.front-bold {
    font-weight: bold;
    font-size: 27px;
}
.cros-one p {
    color: white;
    font-size: 16px;
}
.primary-one {
    background: transparent;
    border: 2px solid white;
    padding: 8px 28px;
    margin: 22px;
    border-radius: 28px;
    color: white;
}
.cros-one h4 {
    color: white;
}
.servicce-div h3 {
    font-size: 35px;
    color: #3925c9;
    margin-bottom: 13px;
}
.servicce-div p {
    font-size: 19px;
    padding-right: 33%;
    line-height: 28px;
    letter-spacing: 1px;
}
.servicce-div {
    margin: 30px 0px;
    display: block;
}



/* css for factory resset */

.factroy {
    background-image: url('../img/factory-bac.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    padding: 90px 0;
}
.web-section {
    padding: 60px 0px 100px 0;
}
.five-step {
    margin: 0;
    padding: 0;
    border: 1px solid white;
   
    border-radius: 18px;
}
.five-step li {
    border-bottom: 1px solid white;
    padding: 7px 0px 9px 0;
    list-style: none;
}
.five-step li:last-child{
    border-bottom: none;
}




.five-step h4 {
    font-size: 17px;
    color: #f4e9e9;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 0 0 0 20px;
}
.five-step li p {
    color: white;
    font-size: 16px;
    margin: 0;
   padding-left: 35px;
}

.ab-groiup h5 {
    font-size: 21px;
    color: white;
    line-height: 32px;
}
.ab-groiup .step {
    font-size: 23px;
    color: orange;
    margin-top: 14px;
    font-weight: bold;
}
.image-step img {
    margin-bottom: 15px;
}
.image-step {
    margin-top: 17%;
}
.padding-cleard{
    padding: 0;
    margin: 0;
}
.aa {
    float: right;
    padding-right: 17px;
}

/*recent work css start form herer  */
.sargam-section{
     background-image: url('../img/sargam/sargam-sec.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    padding: 103px 0;
}
.sargam-section .r-image{margin: 15px 0px;}
.r-image {
    background: white;
    padding: 15px;
    border-radius: 3px;
    min-height: 500px;
}
.sli-l {
    margin: 0;
    padding: 0;
}
.sli-l li {
    font-size: 16px;
    list-style: none;
    padding: 6px 0 0 0;
}
.footer-title h4 {
    font-size: 21px;
    text-transform: uppercase;
    color: #020c6c;
    letter-spacing: 1px;
    border-left: 4px solid;
    padding-left: 17px;
    margin-top: 20px;
}
.footer-title p {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 30px;
    color: #585858;
}
.sargam-btn {
    background: transparent;
    border: 1px solid;
    padding: 6px 23px;
    border-radius: 3px;
    color: #020c6c;
    text-transform: uppercase;
    margin: 10px 0;
}
.titl-recent h3 {
    font-size: 23px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid;
    display: inline-block;
    padding-bottom: 8px;
    letter-spacing: 3px;
}
.titl-recent {
    margin-bottom: 40px;
}
.titl-recent p {
    color: #d5d4d4;
    font-size: 17px;
    letter-spacing: 2px;
}
/* css for our mission section start from  here */
.mission {
    background: #3429b9;
    padding: 90px 0;
}
.mission-title {
    text-align: center;
    color: white;
}
.mission-title p {
    font-size: 17px;
    color: white;
    letter-spacing: 1px;
}
.mission-title h4 {
    font-size: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.mission-title {
    text-align: center;
    color: white;
    margin-bottom: 74px
}
.img-responsive.company-image {
    width: 433px;
    float: right;
}
.company-name h4 {
    font-size: 24px;
    color: white;
    text-transform: capa;
    letter-spacing: 2px;
}
.company-name p {
    color: white;
    font-size: 16px;
    margin-top: 15px;
}
.read-one {
    border: 1px solid white;
    background: white;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 28px;
    margin-right: 13px;
    color: #6e6e6e;
}
.btn-bottom {
    margin-top: 49px;
}
.read-one:hover {
    background: #ff3f3b;
    border: 1px solid #ff3f3b;
    color: white;
    transition: 1s;
}
.company-name {
    padding: 5px 107px 0px 16px;
}

/* css for development section start from here */
.easy-image img {
    width: 200px;
}
.group-title h4 {
    font-size: 36px;
    color: #4b28d0;
    line-height: 43px;
    letter-spacing: 1px;
}
.group-title p {
    font-size: 19px;
    color: #949495;
    line-height: 30px;
    letter-spacing: 0.5px;
    margin-top: 37px;
}
.group-development {
    padding: 103px 0;
}
.easy-use {
    border: 20px solid #cccaee;
}
.easy-image {
    display: inline-block;
    max-width: : 301px;
}
.easy-use {
    border: 20px solid #cccaee;
    max-width: 627px;
    height: 400px;
}
.easy-image.img-side img {
    width: 331px;
    margin-top: 66px;
    padding: 21px;
}
.easy-image.paragraphh {
    max-width: 254px;
    float: right;
    padding: 18px;
    padding-top: 50px;
    background: #352abb;
    height: 360px;
}
.easy-image.paragraphh h5 {
    color: white;
    font-size: 22px;
}
.easy-image.paragraphh p {
    color: white;
    margin-top: 24px;
    font-size: 16px;
}
/* css for nabtab verticle start from here*/
#nav-tabs-wrapper li {
    display: inline-block;
}
.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}
@media screen and (max-width: 768px) {
    .nav-tabs-dropdown {
        display: block;
    }
    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
   .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   }
    .nav-tabs-horizontal  > li {
        float: none;
    }
    .nav-tabs-horizontal  > li + li {
        margin-left: 2px;
    }
    .nav-tabs-horizontal > li,
    .nav-tabs-horizontal > li > a {
        background: transparent;
        width: 100%;
    } 
    .nav-tabs-horizontal  > li > a {
        border-radius: 4px;
    }
    .nav-tabs-horizontal  > li.active > a,
    .nav-tabs-horizontal  > li.active > a:hover,
    .nav-tabs-horizontal  > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
    }
}
#nav-tabs-wrapper {
    border: 3px solid #352abb;
    padding: 0;
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
    width: 84%;
    margin-top: 60px;
}
#nav-tabs-wrapper li {
    display: inline-block;
    margin-top: 0;
    border-right: 3px solid #352abb;
}
#nav-tabs-wrapper li:last-child {
    border-right: none!important;
   }
#nav-tabs-wrapper li a {
    padding: 14px 35px;
    border-radius: 0;
    cursor: pointer;
    margin: 0;
    border: none;
    color:#352abb; 
   
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff!important;
    background-color: #352abb;
}
.nav-stacked > li {
    float: left;
}
/* css start for ceo section from here */
.ceo {
    background-image: url('../img/ceo-img/ceo-bac.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    padding: 20px 0;
}
.ceo-div h4 {
    font-size: 36px;
    font-weight: bold;
    color: white;
    letter-spacing: 1px;
}
.ceo-div p {

    font-size: 16px;
    color: white;
    letter-spacing: 1px;
    line-height: 25px;
    margin-top: 20px;
}
.ceo-div {
    padding: 65px;
}
.ceo-btn a {
    background: transparent;
    border: 1px solid white;
    padding: 15px 36px;
    border-radius: 36px;
    margin-top: 15px;
    color: white;
}
.ceo-btn a {
    color: white;
    letter-spacing: 1px;
    font-size: 17px;
}
.ceo-btn a:hover {
    background: white;
    border: 1px solid white;
    padding: 15px 36px;
    border-radius: 33px;
    margin-top: 15px;
    transition: 1s;
     color: #352abb;
    
}
.ceo-btn {
    border: none;
    background: transparent;
    margin-top: 42px;
}

/* btn cod hover */

.sargam-btn:hover{
    background: #ff3f3b;
border: 1px solid #ff3f3b;
color: white;
transition: 1s;

}
.primary-one:hover{
    background: #ff3f3b;
border: 1px solid #ff3f3b;
color: white;
transition: 1s;
}
.slider-btn:hover{
    background: #ff3f3b;
border: 1px solid #ff3f3b;
color: white;
transition: 1s;
}


/* end for btn cod */
/* css for today section start from here */
.let-image img {
    border: 20px solid #dedddd;
    padding: 0px;
    margin: auto;
    height: 471px;
    width: 100%;
}
.lets-div {
    padding: 100px 0;
}
.somethig-contect {
    background: #c0bde9;
    padding: 35px 48px;
    margin-bottom: 25px;
    width: 80%;
}
.somethig-contect h4 {
    color: black;
    font-size: 21px;
}
.somethig-contect p {
    font-size: 16px;
    letter-spacing: 1px;
}

/* css for product section start from here */
.blog-box-image {
    background: #e6e4e4;
    padding: 40px 0px;
}
.blog-box-image img {
    width: 237px!important;
    margin: auto;
    border-radius: 4px;
}
.btn.btn-default.site-btn {
    border: 1px solid;
    border-radius: 1px;
    margin-top: 6px;
    margin-bottom: 10px;
}
.button.view-btn {
    border: 1px solid #ff3f3b;
    padding: 15px 55px;
    border-radius: 28px;
    font-size: 16px;
    background:  #ff3f3b;
    color: white;
    margin-top: 22px;
}
.button.view-btn:hover {
    background: #cb3734;
    transition: 0.5s;
    color: white;
    border: 1px solid #cb3734;
}
.blog-box:hover {
    box-shadow: 7px 0px 6px 0px #d2cccc;
}
.our-product {
    padding: 50px 0;
}
.site-heading h3{
    font-size : 40px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600;
}
.border {
    background: #7c6ae1;
    height: 2px;
    width: 165px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
}
/* Blog-CSS */
.modal-dialog {
    z-index: 1000;
}
.feature-one {
    border: 1px solid;
    margin-top: 9px;
    padding: 14px 9px;
    text-align: center;

}
/* css for features start from here */
.ih-item.circle {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
}
.ih-item a {
    color: #333;
}

.ih-item.circle.effect16.left_to_right .img::after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    top: 40%;
    left: 95%;
    margin: -4px 0 0 -4px;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}

.ih-item.circle .img::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.imgg {
    background: #1f1737;
}
.ih-item.circle .img img {
    background: none;
    height: auto;
    margin: 75px 33px 0;
    width: 115px;
    background: none;
}
.ih-item.circle.effect16 .info {
    background: #333333;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.circle.effect16 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 0 6px;
    padding: 75px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect16 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect16.left_to_right a:hover .img {
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
}

.ih-item.circle.effect16 .img {
    z-index: 11;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect16.left_to_right .img {
    -webkit-transform-origin: 95% 40%;
    -moz-transform-origin: 95% 40%;
    -ms-transform-origin: 95% 40%;
    -o-transform-origin: 95% 40%;
    transform-origin: 95% 40%;
}
.ih-item.circle .img {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
}
.ih-item, .ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ih-item img {
    width: 100%;
    height: 100%;
}
 .image-layer {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 1090px;
   min-height:593px;
}
.main-slider-twoo {
    position: relative;
    padding-top: 220px;
    padding-bottom: 100px;
    z-index: 1;
}
.main-slider-twoo::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 391px;
    height: 446px;
    background: url(../images/main-slider/side.png) no-repeat;
}

/* css for counter start from here */
.single_counter.p-y-2.m-t-1 p {
    color: white;
    margin-top: 5px;
    margin-bottom: 0;
     color: #15edb9;
}
.statistic-counter {
    margin: 0;
}
.pragraph-dt h3 {
    color: #454141;
}
.single_counter.p-y-2.m-t-1 .fa {
    color: #15edb9;
}
.statistic-counter {
    color: #15edb9;
    font-size: 62px;
    font-weight: bold;
}

.p-y-2 {
    padding-top: 18px;
    padding-bottom: 15px;
    border: 1px solid;
    margin-bottom: 45px;
    display: block;
    color: white;
    border-radius: 10px;
}
.p-y-3 {
    padding-top: 45px;
    padding-bottom: 0px;
}
.m-b-1 {
    margin-bottom: 18px;
}
.m-t-1 {
    margin-top: 45px;
}
  .main_counter_area .main_counter_content .single_counter i{
                font-size:36px;
            }
        
.other-product {
    text-align: center;
    font-size: 30px;
    margin-bottom: 80px;
    text-transform: uppercase;
    color: #0d0c0c;
    font-weight: bold;
    font-family: roboto;
}

.blog-box {
    padding: 0 0px;
    transition: .5s;
    border: 1px solid #e2e2e2;
    margin-bottom: 60px;
    min-height: 450px;
    cursor: pointer;
}
.blog-box-content h4 a {
    font-size: 20px;
    padding: 0px 0 0px;
    text-transform: uppercase;
    color:#2b2b2b;
     text-decoration:none;
    
}
.blog-box-content h4:hover {
    color:#000;
     text-decoration:none;
    
}
.modal-content {
    margin-top: 14%;
    position: relative;
      z-index: 1037;
}
.modal-dialog {
    width: 900px;
margin: 0px auto;
}
.modal-backdrop {
    position:relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color:none;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
 background: #000000e6;
}

.modal-title {
    font-size: 25px !important;
    color: #f1eeed  !important;
}


.blog-box-content {
padding: 10px 20px 20px;
}
.blog-box-text h4 a {
    color: #333;
}

.footer-bottom{
    background: #150c77;
}
.footer-last p {
    padding: 7px 0px 7px 0px;
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: white;
    letter-spacing: 1px;
}
.header_banner_1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 199px;
    padding-bottom: 0;
}






/* css for module get quote start from here */
.lines {
    overflow: hidden;
    position: absolute;
    padding-left: 40px;
    content: "";
    display: block;
    height: 4px;
    margin-bottom: 20px;
    width: 40px;
    z-index: 50;
}

.modal-content{
background-image: url('../img/module.jpg');
  background-size:100% 100%;
  background-attachment: fixed; 
  background-repeat:no-repeat;
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 0px;
}
#big-form {
    margin-top: 0;
}
.auth h1{
  color:#fff!important;
  font-weight:300;
  font-family: 'Open Sans', sans-serif;
}
.auth h1 span{
  font-size:21px;
  display:block;
  padding-top: 20px;
}
.auth .auth-box legend{
  color:#fff;
  border:none;
  font-weight:300;
  font-size:16px;
}
.auth .auth-box{
  background-color:#fff;
  max-width:460px;
  margin:0 auto;
  border:1px solid rgba(255, 255, 255, 0.4);;
  background-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
  margin-top:40px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.32);
  -moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.32);
  box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.32);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 1s ease-in-out;
  -moz-transition: background 1s ease-in-out;
  -ms-transition: background 1s ease-in-out;
  -o-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}
@media(max-width:460px){
  .auth .auth-box{
   margin:0 10px;
 }
}

.auth .auth-box input::-webkit-input-placeholder { /* WebKit browsers */
  color:    #fff;
  font-weight:300;
}
.auth .auth-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #fff;
  font-weight:300;
}
.auth .auth-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #fff;
  font-weight:300;
}
.auth .auth-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #fff;
  font-weight:300;
}
.auth span.input-group-addon,
.input-group-btn button{
  border:none;
  background: #fff!important;
  color:#000!important;
}
.auth form{
    font-weight:300!important;
}
.auth form input[type="text"],
.auth form input[type="password"],
.auth form input[type="email"],
.auth form input[type="search"]{
  border:none;
  padding:10px 0 10px 0;
  background-color: rgba(255, 255, 255, 0)!important;
  background: rgba(255, 255, 255, 0);
  color:#fff;
  font-size:16px;
  border-bottom:1px dotted #fff;
  border-radius:0;
  box-shadow:none!important;
  height:auto;
}
.auth textarea{
  background-color: rgba(255, 255, 255, 0)!important;
  color:#fff!important;
}
.modal-content .auth textarea {
    background-color: rgb(255 255 255)!important;
    color: #4d5d70!important;
}
.auth input[type="file"] {
  color:#fff;
}
.text.clearfix p {
    font-size: 18px;
    margin-bottom: 35px;
    color: #e7e5e5;
}
.auth form label{
    color:#fff;
    font-size:21px;
    font-weight:300;
    margin-bottom: 0;
}
.auth form .help-block{
    color:#fff;
}
.widget-title.title-lines {
    font-size: 20px;
    margin-bottom: 25px;
    color: #f2dd09;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity:7;
}
/*multiple select*/
.auth select[multiple] option, 
.auth select[size] {
  color:#fff!important;
}
.auth label.label-floatlabel {
  font-weight: 300;
  font-size: 11px;
  color:#fff;
  left:0!important;
  top: 1px!important;
}
.modal-footer .btn.btn-default {
    background: transparent;
    color: white;
    padding: 9px 18px;
    border-radius: 2px;
}
.button.quote-r {
    color: white;
    text-align: center;
    padding: 8px 14px;
    border: 1px solid;
    margin-top: 9px;
    display: block;
}
.modal-body {
    position: relative;
    padding: 44px 15px;
}
/* new css start for about us page from here */
.back-abt {
    background-image: url('../img/aboutus_page/banneer-bac-abt.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    padding: 100px 0;
}
.about-us h3 {
    font-size: 41px;
    font-weight: bold;
    color: white;
    margin-top: 77px;
    margin-bottom: 24px;
}
.about-us h4 {
    font-size: 20px;
    font-weight: bold;
    color: white;
    margin-top: 10px;
    margin-bottom:10px;
}
.button.abt-us {
    padding: 6px 30px;
    font-size: 16px;
    border: 1px solid #008391;
    margin-bottom: 14px;
    display: block;
    width: 20%;
    text-align: center;
    color: #008391;
}
.text-uppercase {
    color: #575656;
}
.button.abt-us:hover{
    background: #008391;
transition: 1s;
color: white;
border: 1px solid #008391;
}
.text-uppercase {
    margin-top: 0;
}
.about-us p {
    max-width: 90%;
    color: white;
    font-size: 16px;
    padding: 0 46px 1px 0px;
        padding-bottom: 1px;
    line-height: 25px;
  text-align: center;
}
.abt-detail {
    padding: 100px 0;
}
.abt-img img {
    border: 20px solid #d9d7f2;
}
.detail-side h3 {
    font-size: 30px;
    font-weight: 600;
    color: #352abb;
    margin-top: 0;
}
.detail-side p {
    font-size: 15px;
    line-height: 29px;
    margin: 0;    
}



.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
    position: relative;
    display:inline;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.wrapper { width: 980px; margin: 30px auto; position: relative;}

.count-title {
    font-size: 38px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #352abb;
    font-weight: bold;
}
.count-text {
    font-size: 16px;
    font-weight: normal;
    margin-top: 4px;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: 1px;
}
.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: white;
    background: #352abb;
    height: 60px;
    width: 60px;
    text-align: center;
    padding: 16px;
    border-radius: 32px;
}
.project-ms {
    text-align: center;
    padding: 0px 259px;
    border:2px solid #8d91b4;
    padding: 57px 237px;
    border-radius: 13px;
}
.project-ms p {
    font-size: 16px;
    color: #c3c0c0;
    letter-spacing: 1px;
    line-height: 26px;
}
.project-ms h3 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #e9e4e4;
}
.pagination-p {
    text-align: center;
}
.m-section{
    background: #352abb; 
    padding: 100px 0;
}



.why-choos h3 {
    font-size: 28px;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
}
.panel-heading.chhoos-pannel {
    background: #352abb;
    padding: 14px;
    color: white;  
}
.why-choos img {
    width: 400px;
    margin: auto;
}
.why-choos.text-cycle {
    text-align: center;
}
.panel-heading.chhoos-pannel h4 {
    font-size: 23px;
    text-transform: uppercase;
}
.panel-body.p-body {
    background: #e6e5f7;
    color: black;
    font-size: 16px;
    line-height: 25px;
}
.bottom-line {
    border: 3px solid #352abb;
    width: 12%;
    display: block;
    margin: 0 0 40px 0;
}
/* css for our team */
.teamy {
 position: relative;
 z-index: 1;
 overflow: hidden;
}
.teamy_layout {
 position: relative;
}
.teamy_preview {
 position: relative;
 overflow: hidden;
}
.teamy_avatar {
 display: block;
 max-width: 100%;
 position: relative;
 z-index: 1;
}
.teamy_preview:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 2;
}
.teamy_back {
 width: 100%;
 /* height: 100%;*/
 box-sizing: border-box;
 opacity: 0;
 will-change: opacity;
 display: flex;
 flex-direction: column;
 justify-content: center;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 3;
}
.teamy:hover .teamy_back {
 opacity: 1;
 height: 100%;
 transition: opacity .4s cubic-bezier(0.71, 0.05, 0.29, 0.9) .2s;
}
.teamy_name {
 margin-top: 0;
 margin-bottom: 0;
}
.teamy_post {
 display: block;
}
/*
 * 2. visual styles
 */

/* common styles for visual styles */

.teamy_back {
 padding-left: 10px;
 padding-right: 10px;
 text-align: center;
}
.teamy_content {
    padding: 20px;
    background: #f3f2f2;
}
.teamy_name {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1c1395;
    font-weight: bold;

}
.teamy_post {
    margin-top: .5em;
    font-size: 16px;
    text-transform: capitalize;
    color: #6f6f6f;
    font-weight: unset;

}
/* style 1 */

.teamy_style1 {
 text-align: center;
}
.teamy_style3 .teamy_name {
 font-size: 2em;
}
/*
 * 3. masks
 */

/* mask circle */

.teamy_mask-circle .teamy_preview:before {
 width: 0;
 height: 0;
 padding: 25%;
 border-radius: 50%;
 transition: transform .3s ease, opacity .3s ease-out;
 will-change: opacity, transform;
 opacity: 0;
 transform: translate(-50%, -50%) scale(0);
}
.teamy_mask-circle:hover .teamy_preview:before {
 opacity: 1;
 transform: translate(-50%, -50%) scale(4);
 transition-duration: .6s;
}
/* mask triangle */

.teamy_mask-triangle .teamy_preview:before {
 width: 100%;
 height: 100%;
 opacity: 0;
 -webkit-clip-path: polygon(50% 10%, 15% 90%, 85% 90%);
 clip-path: polygon(50% 10%, 15% 90%, 85% 90%);
 transition-property: transform, opacity;
 transition-duration: .2s, .4s;
 transition-delay: .4s, 0s;
 transition-timing-function: ease-out;
 will-change: transform, opacity;
 transform: translate(-50%, -50%) scale(1);
}
.teamy_mask-triangle:hover .teamy_preview:before {
 opacity: 1;
 transform: translate(-50%, -50%) scale(5);
 transition-delay: .1s, 0s;
 transition-duration: .4s;
}
/*
 * 4. animations for preview
 */

/* zoom */

.teamy_zoom-photo .teamy_avatar {
 transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 will-change: transform;
 transform: scale(1);
}
.teamy_zoom-photo:hover .teamy_avatar {
 transform: scale(1.2);
}
/* zoom and rotate */

.teamy_zoom-rotate-photo .teamy_avatar {
 transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 will-change: transform;
 transform: scale(1) rotate(0);
}
.teamy_zoom-rotate-photo:hover .teamy_avatar {
 transform: scale(1.2) rotate(5deg);
}
/* zoom and slide */

.teamy_zoom-slide-photo .teamy_avatar {
 transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 will-change: transform;
 transform: scale(1) translate(0, 0);
}
.teamy_zoom-slide-photo:hover .teamy_avatar {
 transform: scale(1.2) translate(4%, 4%);
}

/*
 * 5. default skin
 */

@media screen and (max-width: 360px) {
.melnik909 {
 display: none;
}
}
/* layout */

.section:nth-of-type(even) {
 background-color: var(--colorGray);
}
.section_header {
 position: relative;
 padding-bottom: 2rem;
 text-align: center;
 text-transform: capitalize;
}
.section_header:before {
 content: "";
 width: 5rem;
 height: 3px;
 background-color: var(--colorAlternative);
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
}
.section_title {
 font-size: 2.4rem;
 font-family: 'heebo';
}
.section_title span {
 color: #007efa;
}
.section_hint {
 font-size: 1.4rem;
 display: block;
 margin-top: 0rem;
}
.section_content {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;
}

@media screen and (min-width: 641px) {
.section {
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.section_header {
 margin-bottom: 1rem;
}
.section_content {
 justify-content: center;
}
}

@media screen and (max-width: 640px) {
.section {
 padding-top: 4rem;
 padding-bottom: 4rem;
}
.section_header {
 margin-bottom: 3rem;
}
}
/* demo params */

.teamy_preview:before {
 background-color: var(--demoColorMask, rgba(1, 94, 186, .8));
}
.teamy_style2 .teamy_content {
 background-color: var(--demoColorContent, rgba(72, 27, 174, .85));
}
/* social buttons */

.social {
 box-sizing: border-box;
 width: 35px;
 height: 35px;
 padding: 6px;
 /* background-color: #fff;*/
 color: #fff;
 border-radius: 100%;
 margin: 0px;
 position: relative;
 display: inline-block;
 vertical-align: middle;
}
.social:hover {
 box-sizing: border-box;
 background-color: #fff;
}
.social_icon {
 width: 100%;
 height: 100%;
 fill: rgba(72, 27, 174, 1);
 fill: var(--demoColorIcon, rgba(72, 27, 174, 1));
}
.social_name {
 position: absolute;
 left: -9999px;
}
/* grid */

.teamy-team {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

@media screen and (max-width: 424px) {
.teamy {
 width: 100%;
}
.teamy:not(:first-child) {
 margin-top: 3rem;
}
}
.section_header {
    border-top: 2px solid #e0e1e1;
    padding: 34px 297px;
}
.title.section_title {
    color: #3b31bd;
    font-size: 30px;
    text-transform: uppercase;
}
.section_hint {
    font-size: 16px;
    display: block;
    margin-top: 19px;
    line-height: 25px;
    color: #4f4f4f;
}
.teamy_preview img {
    width: 100%;
    border-radius: 15px 15px 0px 0px;
    border-bottom: 9px solid #3b31bd;
}
/*=============== team ===============*/


/* css for product list start form here */
.produnt-list-bac {
    background-image: url('../img/product-list/product-list.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    padding: 100px 0;
}

.clera-fix{
    clear: both;
}
.list-back {
    background: #352abb;
    padding: 28px 14px;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 20px;
}
.list-img img {
    border: 11px solid #eeeff3;
    border-radius: 5px;
    min-height: 227px;
}
.row.define-row {
    max-width: 1200px;
    margin: auto;
}
.listing-detail h4 {
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}
.listing-detail p {
    font-size: 17px;
    color: white;
}
.detail-button {
    padding: 10px 34px;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 26px;
    border: 1px solid white;
    background: transparent;
    color: white;
    float: right;
}
.detail-button a {
    color: white;
    letter-spacing: 1px;
}
.detail-button:hover {
    background: #ff3f3b;
    border: 1px solid #ff3f3b;
    color: white;
    transition: 1s;
}
.product-title h3 {
    font-size: 29px;
    text-transform: uppercase;
    color: #606060;
    font-weight: bold;
}
.product-title P {
    font-size: 17px;
    line-height: 25px;
    margin: 14px 0 26px 0;
}
.listing-detail.service p {
    color: #534e4e;
    font-size: 15px;
}
.product-title {
    text-align: center;
    padding: 8px 100px;
}
.p-list {
    padding: 80px 0;
}
/* css for sevice page start from here */
.list-back.service {
    background: transparent;
    border-radius: 0;
    -webkit-box-shadow: 1px 0px 31px 2px rgba(54,42,187,1);
-moz-box-shadow: 1px 0px 31px 2px rgba(54,42,187,1);
box-shadow:  0px 1px 3px 0px rgb(54, 42, 187);
 margin-bottom: 35px;
}
.service-img {
    background: #352abb;
    padding: 18px;
}
.listing-detail.service h4 {
    color: #352abb;
}
.listing-detail.service p {
    color: #657074;
}
.service-btn {
    padding: 10px 34px;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 26px;
    border: 1px solid #352abb;
    background: transparent;
    float: right;
}
.service-btn a {
    color: black;
}
.service-btn a:hover {
    color: white;
}
.service-btn:hover {
    background: #ff3f3b;
    border: 1px solid #ff3f3b;
    color: white;
    transition: 1s;
}
.missin-service{
    background: #352abb;
    padding: 40px 0;
}
.msission-banenr {
    text-align: center;
}
.msission-banenr h3 {
    font-size: 28px;
    font-weight: bold;
    color: white;
}

.package-div {
    background: #3198db;
    margin: 15px 0;
    padding: 43px 20px;
    text-align: center;
}
.package-div h5 {
    color: white;
    font-size: 33px;
    text-transform: capitalize;
    padding: 0;
    margin: 0 0 12px 0px;
    letter-spacing: 1px;
}

.package-div .fa{
    font-size: 36px;
    color: white;
}
.package-btn {
    margin-top: 36px;
    font-size: 16px;
    border: 0;
    background: #2e393f;
    color: white;
    padding: 7px 30px;
    border-radius: 3px;
}
.package-btn a {
    color: white;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.package-div.serv {
    background: #0ebc9b;
}
.package-div.servv {
    background: #ffc52a;
}
.package-title h3 {
    text-align: center;
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 19px;
}
.package {
    padding: 90px 0;
}

/* testimonial css start from here */
.test-div {
    display: inline-flex;
    margin: 25px 0;
    -webkit-box-shadow: 1px 0px 31px 2px rgba(239,239,242,1);
-moz-box-shadow: 1px 0px 31px 2px rgba(239,239,242,1);
box-shadow: 0px 0px 1px 6px rgb(239, 239, 242);
   background: #ffffff;
}
.t-paragraph {
    display: inline-block;
    float: left;
    width: 364px;
    padding: 5px;
}
.t-paragraph h4 {
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 3px;
}
.t-paragraph span {
    color: #9e9d9d;
    font-size: 21px;
    text-transform: capitalize;
    font-weight: unset;
}
.t-paragraph p {
    font-size: 17px ;
    margin-top: 4px;
    line-height: 24px;
    color: #a19a9a;
    letter-spacing: 0.5px;
}
.fa.fa-facebook.fb-icon:hover {
    background: #0d418c;
    color: white;
    transition: 1s;
}
.fa.fa-twitter.fb-icon:hover {
    background: #0ea3e2;
    color: white;
    transition: 1s;
}
.fa.fa-google-plus.fb-icon:hover {
    background: #ee1c0a;
    color: white;
    transition: 1s;
}
.fa.fa-instagram.fb-icon:hover {
    background: #a9132c;
    color: white;
    transition: 1s;
}

.testi-button { border: 1px solid #352abb; background: transparent; padding: 7px 29px; font-size: 14px; border-radius: 20px;text-transform: uppercase;letter-spacing: 1px; float: right;margin: 8px 26px;  color: #352abb;}
.testimonials {background: #adbbc0;padding: 70px 0;                                                                                                         }
.testimonial-title {text-align: center;}
.testimonial-title h3 {text-align: center;font-size: 29px;color: white;margin: 17px 0 33px 0;padding: 0 310px;line-height: 42px;}

/* css for contact us page */
.contact-section { background-image: url('../img/contact/contact.jpg'); background-repeat: no-repeat; background-position: center; width: 100%;  background-size: cover;  padding: 100px 0;}
.well.well-sm { border: 41px solid #d1dbfa; padding: 50px 36px; background: white; max-width: 860px;   margin: auto;}
.form-group.contact-forme label {font-size: 17px;}
.form-group.contact-forme .form-control {  padding: 24px 20px;}
.contact-title { text-align: center;}
.contact-title h3 {font-size: 30px;text-transform: uppercase;color: #575353;margin-bottom: 16px;}
.contact-title p { font-size: 16px; padding: 0 48px; letter-spacing: 1px; margin-bottom: 33px;}
.contact-formee {padding: 20px 0 60px 0;}
#btnContactUs {width: 100%; padding: 12px 27px;font-size: 15px;border-radius: 30px;margin-top: 13px;text-transform: uppercase;letter-spacing: 3px;background: #2f5be7; border: none; margin-bottom: 50px;}
.footer-icon h3 { color: #444444; font-weight: bold;}
.footer-icon ul li { display: inline-block;}
.footer-icon ul {  margin: 0;  padding: 0;}
.footer-icon .fa { font-size: 22px;border: 1px solid #f8f8f8;background: #f8f8f8;color: #1e76bd;padding: 20px 20px;height: 60px;width: 60px; border-radius: 32px;margin-right: 6px;cursor: pointer;}
.glyphicon-lg{font-size:4em}
.fa.fa-subway { font-size: 36px; border: 1px solid  #d1dbfa; padding: 20px 14px; height: 80px; width: 80px; border-radius: 42px;color: #d1dbfa;}
.info-block .square-box{  margin-right:0px;text-align:center!important;padding:20px 20px;}
.info-block.block-info.clearfix h5 {color: #7a74bd;font-size: 19px;text-transform: uppercase;letter-spacing: 1px;}
.info-block.block-info.clearfix p {  color: #7d7b7b;}
.row.define-row.border-use { border: 2px solid  #d1dbfa; padding: 39px 76px; border-radius: 10px; max-width: 1348px;}
.get-div h3 {text-align: center;font-size: 24px;text-transform: uppercase;margin-bottom: 22px;color: #70716c;}
.get-section {  padding: 50px 0;}
.address {background: #3198db;padding: 25px 27px; min-height: 250px;}
.address h4 { color: white; border-bottom: 2px solid; padding-bottom: 10px; width: 100%; font-size: 21px;}

#message {  height: 148px;padding: 10px 23px;}
.add { margin: 0; padding: 0;}
.add li {list-style: none;color: white;font-size: 17px;padding-bottom: 12px;}
.ast{ background:#0ebc9b ;}
.astt{background: #67749c;}
.bottom-catagories{ padding: 20px 0 50px 0;}
.google-map {border: 25px solid #d7d8d8; margin: 15px 0px 40px 0;}
/* css for service detail start from here .. */
.over_image {
   border: 10px solid #dfdee0;
    padding: 0px;
    border-radius: 8px;
    margin-bottom: 25px;
}
.overview-detail h3 {font-size: 29px;color: black;font-weight: bold;text-transform: capitalize;}
.overview-detail p {font-size: 15px;letter-spacing: 0px;line-height: 25px;}
.over_image img {
    width: 100%;
    padding: 0px;
    margin: auto;
}
.contact-title.mobile-app {margin-bottom: 30px;}
.overview{ background: #352abb; padding: 50px 0;}
.service-model {border: 2px solid #d1c4c4;padding: 20px 49px;border-radius: 13px;
min-height: 348px;
}
.feature-one p {
    margin: 0;
}
.service-modele h3 {
    text-align: center;
    margin-bottom: 21px;
    color: #848282;
}
.feature-sec {
    padding: 100px 0;
}




.service-model h3 { font-size: 19px; text-transform: uppercase; font-weight: 600; color: #d1c4c4; margin-bottom: 8px; margin-top: 19px;}
.service-model p { color: #cecdcd; font-size: 14px; line-height: 27px;}
.round .fa {font-size: 37px;border: 1px solid #4e4b4b;padding: 21px;border-radius: 4px;color: #4e4b4b;}
.col-md-10.legend-info h3 { margin: 0; padding-bottom: 5px; font-size: 20px; text-transform: uppercase; letter-spacing: 1px;  color: #4e4b4b;}
.program-list {padding: 50px 0;}
.col-md-10.legend-info p {  font-size: 16px;}
.mobile-appp { background-image: url('../img/service_detail/app-bac.jpg');background-repeat: no-repeat;background-position: center; width: 100%;background-size: cover;  padding: 70px 0;}

.image-hover {
  background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-hover .overlay {width: 100%;height: 100%; overflow: hidden; position: absolute;top: 0; left: 0;padding: 40px; text-align: left;
}
.image-hover .overlay::before {
  content: '';
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  opacity: 0;
  transition: opacity .35s, transform .45s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}
.image-hover img {-webkit-transition: opacity 0.35s, -webkit-transform 0.45s;max-width: none;width: calc(108%);transition: opacity .35s, transform .45s; -webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
.image-hover h2 {padding: 11% 0 10px; color: #fff; position: relative; font-size: 23px; text-transform: uppercase; font-weight: bold;}
.image-hover .btn-hover { display: inline-block; color: #fff; opacity: 0; margin: 0; padding: 0; border: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;transition: opacity .35s, transform .45s; -webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
.image-hover:hover img { opacity: .6; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.image-hover:hover .overlay::before {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.image-hover:hover .btn-hover {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.listout-development .fa { font-size: 25px; color: #a29f9f;}
.listout-development h4 {margin: 0;padding: 5px 0 2px 0; color: #595454; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;}
.listout-development a {display: block;text-decoration: none;border: 2px solid transparent;padding:10px 22px;transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.listout-development a:hover{  color: #4c4b4b;text-decoration: none;outline: none;border-color: #35373e;}
.listout-development a:hover .fa{ color: black;}
.listout-development a:hover h4{  color: black;}
.listout-development a:hover p{color: black;}
.web-devlopment {padding: 60px 0;}
.icon-image { border: 11px solid #8b6ec84d;}
.program-ll { margin-top: 15px;}
/* css for slick slider */

.stopfade { opacity: .5;}
.brand {background: #3b31bd;padding: 0px 0;}
.brand.counter1 {
    background: #713692;
}
.brand.counter2 {
    background: #2d8fca;
}

#bgvid { border: 15px solid;}

#polina { font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;font-weight:100;  background: rgba(0,0,0,0.3); color: white;padding: 2rem;width: 30%;float: right; font-size: 1.2rem;}
h1 {font-size: 3rem; text-transform: uppercase; margin-top: 0; letter-spacing: .3rem;}
#polina button {  display: block;  width: 80%;  padding: .4rem;  border: none;  margin: 28px auto;  font-size: 1.3rem;  background: rgba(255,255,255,0.23);color: #fff;border-radius: 3px;cursor: pointer; transition: .3s background;}
#polina button:hover {  background: rgba(0,0,0,0.5);}

/* @media screen and (max-width: 500px) { 
  div{width:70%;} 
} */
.small-device-sltn {
    width: 100%;
    background-color: #ffffff;
    background-image: url(../img/small-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    padding-top: 175px;
    padding-bottom: 218px;
}
.small-dvc-img img {
    width: 400px;
    float: left;
}
.over-view {

    display: block;
    height: 330px;
    margin-bottom: 77px;
}

/*.banner-section-four::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 64%;
    width: 100%;
    height: 290px;
    background: url(../img/banner-layer.png) repeat-x;
}*/
.banner-section-four {
    position: relative;
    padding-top: 120px;
    height: 400px;
    padding-bottom: 50px;
    background-size: cover;
}

.banner-section-four::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    display: block;
 background-image: linear-gradient(to bottom right, #1b1b1d3d 0%, #564ec05c 100%);

}


.testimonial-section-four::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px;
    background: url(../img/border-top.png) left center repeat-x;
}
.testimonial-section-four {
    position: relative;
    padding-top: 150px;
    padding-bottom: 20px;
}






/* css for skill bar */
.wrapper{
    background-color:grey;
    margin:0px;
    padding:0px;
}
.wrapper.skill.maintain-skill{
    margin:10px 0px;
    padding:2px 10px;
    border-radius:5px;
    color:white;
}
.wrapper.skill {
    width: 100%;
}
.pragraph-dt p {
    font-size: 15px;
    line-height: 29px;
}
.php{background-color:#1D1F20;}
.css{background-color:#1D1F20;}
.htm{background-color:#1D1F20;}
.javascript{background-color:#1D1F20}
.php,
.css,
.htm,
.javascript {width:17%;}

.php1{
    width:85%;
    transition:2s;
    background-color:#1D1F20;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0,0,0);
    /* or */
    -webkit-transform: translateZ(0);
}
.css1{width:78%;
transition:2s;
background-color:#1D1F20;
-webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0,0,0);
    /* or */
    -webkit-transform: translateZ(0);}
.htm1{
    width:65%;
    transition:2s;
    background-color:#1D1F20;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0,0,0);
    /* or */
    -webkit-transform: translateZ(0);
}
.j-logo {
   /* background: #14112f; */
   padding: 30px;

}
.about-cont {
    background: #b6f8e8;
    padding: 30px 30px;
}
.about-cont h3 {
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 21px;
    color: #000000b3;

}
.about-single {
    background: #f3f3f3;
    padding: 43px 0;
    margin-top: 70px;
}
.about-singleee{
     margin: 70px 0;
}
.img-responsive.img-wid {

    width: 434px;
    margin: auto;

}








.about-cont a {
    color: #000000b3;
    border: 1px solid;
    padding: 7px 35px;
    border-radius: 3px;
}
.about-cont a:hover {

    background: #000000e6;
    color: white;
    transition: 1s;
    border: 1px solid black;

}



.j-logo img {
    width: 200px;
}
/* detail css start from here */

.detail-overview h3 {
    font-size: 24px;
    text-transform: capitalize;
    color: #656363;
    margin: 0 0 0 0;
    padding-bottom: 5px;

}
.detail-overview p {
    font-size: 15px;
}
.paragraph-d {
    margin-top: 13px;
    font-size: 15px;
}

.detail-overview h3 {
    font-size: 25px;
    background: #3a3074;
    padding: 10px 26px;
    color: white;
    width: 39%;
    margin-top: 20px;
margin-bottom: 22px;
border-radius: 5px;
}

.services-listsid h4 {
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    color: #8f8888;
    padding: 0;
    margin: 0;
}
.image-boxxx {
    background: #101320;
    padding: 29px;
    height: 178px;
}
.m-vider.image-s.img-responsive {
    width: 199px;
}
.detail-section {
    padding: 45px 0;
}
.services-listsid ul {
    margin: 0;
    padding: 0;
}
.services-listsid ul li {
     border: 2px solid #d7d4d4;
    padding: 10px 10px;
    list-style: none;
    margin-bottom: 12px;
}
.services-listsid li a {
    font-size: 16px;
    color: #999898;
}
.ikonat-home.detail-image img {
    width: 40px;
}
.ikonat-home.detail-image img:hover {
  transition: 1s;
transform: rotate(360deg);
}


.teksti-home.detail-side h4 {
    margin-top: 8px;
    font-size: 17px;
}
.ikonat-home.detail-image {
    margin-right: 7px;
}
.websit-digital {
    background: #f9fdfe;
    padding: 14px 20px;
    color: white;
}
.websit-digital h4 {
    font-size: 18px;
    line-height: 23px;
    text-transform: full-size-kana;
    color: #3b3935;
}
.websit-digital p {
    color: #291b1b;
    text-align: justify;
}
.web-simg {
    padding: 14px 20px;
}
.web-simg img {
    width: 374px;
    margin: auto;
}
.webb-sec {
    background: #dfe6e7;
    padding: 100px 0;
}
.understant-div {
    padding: 20px 20px;
    background: #0b633b;
}
.understant-div h4 {
    color: white;
    font-size: 17px;
    line-height: 23px;
    text-align: start;
}
.boxpart.wow.fadeInUp.one.animated a {
    padding: 10px 26px;
    font-size: 16px;
    border: 1px solid white;
    margin-top: 19px;
    display: block;
    text-align: center;
    color: white;
}
/* css for work progress bar */
.proprocess {
    position: relative;
}
.verticle {
    width: 5px;
    height: 470px;
    background: #ccffff;
    position: absolute;
    top: 80px;
    left: 590px;
    z-index: 99;
}
.diagnosal-line-1 {
    position: absolute;
    top: 0px;
    right: 0px;
}
.diagnosal-line-1, .diagnosal-line-2, .diagnosal-line-3, .diagnosal-line-4 {
    width: 95px;
    height: 5px;
    background: #ccffff;
    z-index: 1;
}
.diagnosal-line-2 {
    position: absolute;
    top: 150px;
    left: 0px;
}
.diagnosal-line-1, .diagnosal-line-2, .diagnosal-line-3, .diagnosal-line-4 {
    width: 95px;
    height: 5px;
    background: #ccffff;
    z-index: 1;
}
.diagnosal-line-3 {
    position: absolute;
    top: 300px;
    right: 0px;
}
.diagnosal-line-1, .diagnosal-line-2, .diagnosal-line-3, .diagnosal-line-4 {
    width: 95px;
    height: 5px;
    background: #ccffff;
    z-index: 1;
}
.diagnosal-line-4 {
    position: absolute;
    top: 450px;
    left: 0px;
}
.diagnosal-line-1, .diagnosal-line-2, .diagnosal-line-3, .diagnosal-line-4 {
    width: 95px;
    height: 5px;
    background: #ccffff;
    z-index: 1;
}
.circle-text-1 {
    top: -15px;
    left: -20px;
    z-index: 199;
}
.circle-text-1, .circle-text-3, .circle-text-4, .circle-text-2, .circle-text-3, .circle-text-4 {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    padding: 10px 5px;
    background: #ccffff;
    box-shadow: 0px 1px 8px #9c2a27;
}
.processing-1 h3 {
    font-size: 20px;
    font-weight: 700;
    color: #593b37;
    margin: 0 !important;
}
.processing-1 h3 {
    font-size: 20px;
    font-weight: 700;
    color: #593b37;
}
.p-first {
    background: #ccffff;
    border-radius: 10px;
    margin: 0 92px 20px 0px;
}
.hideoverflowh {
    overflow: hidden;
}
.processing-1 .col-md-5 img {
    width: 40px;
    height: 40px;
    padding: 5px;
}
.processing-1 h5 {
    font-size: 17px;
    color: #593b37;
    font-weight: 700;
    padding-top: 7px;
}

.ffright {
    float: right;
}
.processing-1 .p-first img, .processing-1 .p-third img {
    float: right;
}
.p-second {
    background: #ccffcc;
    border-radius: 10px;
    margin: 0 0px 20px 93px;
    top: 160px;
}
.processing-1 .col-md-5 img {
    width: 40px;
    height: 40px;
    padding: 5px;
}
.processing-1 .p-second img, .processing-1 .p-forth img {
    float: left;
}
.ffleft {
    float: left;
}
.p-third {
    background: #ccff99;
    border-radius: 10px;
    margin: auto 92px 20px 0;
    top: 100px;
}
.bar-1 {
    width: 100%;
    height: 2px;
    background: #593b37;
}
.processing-1 p {
    text-align: justify;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}
.p-forth {
    background: #ccff66;
    border-radius: 10px;
    margin: auto 0px 20px 93px;
    top: 250px;
}
.prgress-f {
    padding: 109px 0;
}
.clearfix{
    clear: both;
}
.circle-text-2 {
    top: 130px;
    left: -20px;
    z-index: 199;
}
.circle-text-3 {
    top: 285px;
    left: -20px;
    z-index: 199;
}
.circle-text-4 {
    top: 430px;
    left: -20px;
    z-index: 199;
}
.prgress- {
    padding: 100px 0;
    margin-bottom: 180px;
}
.detail-title{
    font-size: 24px;
text-transform: capitalize;
color: #656363;
margin: 0 0 0 0;
padding-bottom: 4px

}
.title-div {
    text-align: center;
    margin-bottom: 5%;
}
/* css for career start from here */
.career-section {
    background-image: url('../img/career/career.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    background-size: cover;
    padding: 100px 0;
}
.span4 img {
    margin-right: 10px;
}
.span4 {
    background: white;
    display: inline-block;
    padding: 25px;
}
.itnernshipo h3 {
    font-size: 27px;
    margin: 26px 0 18px 0;
}
.inten-sec {

    background: #f2eeee;
    padding: 50px 0;

}
.apply {
    margin: 0;
    padding: 1px 4px 2px 52px;
}
.span4 img {
    max-width: 500px;

}
.apply li {
    list-style: none;
    font-size: 15px;
    padding-bottom: 9px;
}
.apply {
    margin: 0;
    padding: 0;
}
.span4 .img-left {
    float: left;
}
.span4 .img-right {
    float: right;
}
.typed-keywords {
    display: inline-block;
    position: relative;
    -webkit-transition: width 0.6s cubic-bezier(0.8, 0, 0.2, 1);
    transition: width 0.6s cubic-bezier(0.8, 0, 0.2, 1);
    -webkit-perspective: 600px;
    perspective: 600px;
}
.text-slide-activated .typed-keywords .keyword {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.text-slide-activated .typed-keywords .keyword.active {
    position: relative;
    display: inline-block;
    -webkit-animation: textSlideIn 0.6s 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) both alternate;
    animation: textSlideIn 0.6s 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) both alternate;

}
.text-slide-activated .typed-keywords .keyword.text-slide-up {
    -webkit-animation: textSlideUp 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) both alternate;
    animation: textSlideUp 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) both alternate;

}
.typed-keywords .keyword {
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: auto;
    opacity: 0;

}
.why-career {
    border: 2px solid orange;
    text-align: center;
    padding: 18px 25px;
    border-radius: 7px;
    background: #f5f4f4;
}
.why-career:hover {
    box-shadow: 0px 0px 12px 0px #e3840f;
    border: 2px solid #e3840f;
    transition: 0.5s;
    cursor: pointer;
}
.button.cve {
    background: transparent;
    padding: 9px 10px;
    border: 1px solid orange;
    margin: 17px auto;
    display: block;
    width: 50%;
    text-align: center;
    color: orange;
}
.titlee-va h4 {
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
    background: #b0afaf;
    padding: 12px 15px;
    color: white;
}
.posts {
    text-align: center;
    border: 1px solid;
    padding: 20px 15px;
}
.posts {
    text-align: center;
    border: 2px solid #1babbe;
    padding: 9px 15px;
    background: #17d7f0;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.posts:hover{
    box-shadow: 0px 0px 12px 0px #1babbe;
    border: 2px solid #1babbe;
    transition: 0.5s;
    cursor: pointer;
}
.clear-fix{
    clear: both;
}
.posts h4 {
    color: white;
    font-size: 21px;
}
.imortan h3 {
    margin: 0 0px 15px 0;
}
.button.primary.apply-on {
    border: 1px solid white;
    padding: 9px 36px;
    display: block;
    width: 50%;
    margin: 8px auto;
    color: white;
}
.imortan a {
    font-size: 16px;
}
.imortan {
    border: 3px solid #dddcdc;
    margin-top: 35px;
    text-align: center;
    padding: 24px 38px;
    border-radius: 5px;
}
.blink {
    -webkit-animation: blink 1s step-end infinite;
            animation: blink 1s step-end infinite;
            transition: 1s;
}
@-webkit-keyframes blink { 50% { visibility: hidden; }}
        @keyframes blink { 50% { visibility: hidden; }}

.blink {
    -webkit-animation: blink 1s step-end infinite;
            animation: blink 1s step-end infinite;
            transition: 1s;
               color: #E42418;
              text-transform: uppercase;
}
@-webkit-keyframes blink { 50% { visibility: hidden; }}
        @keyframes blink { 50% { visibility: hidden; }}}

.button.primary.apply-on:hover {
    background: white;
    color: black;
    transition: 1s;
}
.button.cve:hover {
    background: orange;
    color: white;
    transition: 1s;
}
/* css for tab */
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 316px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: #199dbc;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid white;
}
#London h3 {
    font-size: 17px;
    color: #545252;
    margin-top: 15px;
    margin-bottom: 4px;
}
.tab.verticle-tab span {
    font-size: 14px;
    text-transform: none;
    margin-top: 6px;
    display: block;
   color: white;
}
/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #1273cc;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #1273cc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 502px;
}
/* css for media page start from here */
.responsibility ul li {
    list-style: bibe;
    padding-bottom: 7px;
    color: #5d5d5d;
}
.responsibility ul {
    padding: 5px 0px 0px 15px;
}
.media-title {
    text-align: center;
    margin-bottom: 30px;
}
.mediaa {
    padding: 50px 0;
}
.all-logo h4 {
    padding: 3px 0 0px 0;
    display: block;
    margin-bottom: 17px;
    text-align: center;
    font-size: 21px;
}
.button.download-img {
    padding: 7px 34px;
    background: #45bce4;
    color: white;
    border-radius: 2px;
}
.dwonload-btn {
    text-align: center;
   border-bottom: 4px solid #e1e0e0;
    padding-bottom: 18px;
}
.all-logo {
    margin-bottom: 60px;
}
.p-logo {
    border: 5px solid #e1e0e0;
    padding: 20px 20px;
    height: 150px;
    width: 100%;
}
.p-logo img {
    margin: auto;
}
.image-s.img-responsive {
    width: 108px;
}
.p-logo.esl img {
    margin-top: 27px;
}
/* css for portfolio page start from here*/
.port-title h3 {
    font-size: 33px;
    margin: 6px 0 3px 0;
}
.port-title {
    text-align: center;
    border: 2px solid #dbd6d6;
    padding: 15px;
    margin-bottom: 16px;
}
.port-title p {
    font-size: 16px;
    letter-spacing: 1px;
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
  cursor: pointer;
  margin-top: 20px;
  border: 12px solid #dfdcdc;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 3em;
    text-align: left;
    background: #0c08084d;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0);
}
.port-title.port-pro {
    margin-top: 40px;
}
.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 20px;
  background-color: transparent;
  padding: 5% 0 10px 0;
  text-shadow: 3px 4px 4px #000;
  text-align: left;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

.hovereffect:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.mediaa .hovereffect a{opacity: 1;}
.hovereffect:hover .overlay:before,
.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  #carousel3d .carousel-3d-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
#carousel3d .carousel-3d-slide.current {
  background-color: #333;
  color: #fff;
}
#carousel3d .carousel-3d-slide.current span {
  font-size: 20px;
  font-weight: 500;
}
/*************************************************************/