@charset "utf-8";
/* CSS Document */
h1 { font-size: 32px; font-weight: 600; margin: 5px 0 15px 0; color: #0066a6; font-family: "Open Sans"; margin-bottom: 15px; }
h2 { font-size: 30px; font-weight: 600; margin: 5px 0 15px 0; color: #00a584; font-family: "Open Sans"; margin-bottom: 15px; }
h3 { font-size: 26px; font-weight: 600; margin: 5px 0 15px 0; color: #00a584; font-family: "Open Sans"; margin-bottom: 15px; }
h4 { font-size: 24px; font-weight: 600; margin: 5px 0 15px 0; color: #0066a6; font-family: "Open Sans"; line-height: 32px; margin-bottom: 15px; }
h5 { font-size: 22px; font-weight: 600; margin: 5px 0 15px 0; color: #0066a6; font-family: "Open Sans"; margin-bottom: 15px; }
h6 { line-height: 24px; font-size: 18px; font-weight: 600; margin: 5px 0 15px 0; color: #00a584; font-family: "Open Sans"; }
p { color: #545454; margin: 5px 0 15px 0; }
.container .row { margin-bottom: 0; }
.top-row { position: relative; padding: 5px 0; background:#00a584; }
.top-row p { color: #fff; margin: 0; }
.top-row p a { text-decoration: none; color: #fff; }
.top-row .top-left-cnt p { text-align: left; }
.top-row .top-center-cnt p { text-align:center; }
.top-row .top-right-cnt p { text-align:right; }
.top-head { text-align: center; margin-bottom: 30px; }
.top-head.middle { margin: 50px 0 15px 0; }
.btn-box { margin-top: 30px; }
.btn-box a { padding: 8px 25px; border-radius: 3px; border:1px solid #00a584; color: #00a584; font-size: 16px;
  -webkit-transition-duration: 0.7s; -webkit-box-shadow: 0px 0px 0 0 #00a584 inset, 0px 0px 0 0 #00a584 inset;}
.btn-box a:hover { -webkit-box-shadow: 150px 0px 0 0 #00a584 inset, -150px 0px 0 0 #00a584 inset; color: #fff;
    border-color: #00a584; border-radius: 20px; }

.btn-box-white { margin-top: 30px; }
.btn-box-white a { padding: 8px 25px; border-radius: 3px; border:1px solid #fff; color: #0066a6; background:#fff; font-size: 16px;
  -webkit-transition-duration: 0.7s; -webkit-box-shadow: 0px 0px 0 0 #00a584 inset, 0px 0px 0 0 #00a584 inset;}
.btn-box-white a:hover { -webkit-box-shadow: 150px 0px 0 0 #00a584 inset, -150px 0px 0 0 #00a584 inset; color: #fff;
    border-color: #fff; border-radius: 20px; }

.btn-box a.btn-box-blue { margin-right: 15px; padding: 8px 25px; border-radius: 3px; border:1px solid #0066a6; color: #fff; background:#0066a6; font-size: 16px;
  -webkit-transition-duration: 0.7s; -webkit-box-shadow: 0px 0px 0 0 #0066a6 inset, 0px 0px 0 0 #0066a6 inset;}
.btn-box a.btn-box-blue:hover { -webkit-box-shadow: 150px 0px 0 0 #000 inset, -150px 0px 0 0 #000 inset; color: #fff;
    border-color: #000; border-radius: 20px; }

body { margin:0; padding:0; background:#fff; font-size:14px; color:#545454; font-family: "Open Sans"; }
.clearfix { clear:both;}
.container { width:100%; max-width: 1170px; content:''; padding:0 15px;}
.top-nav { position: relative; width: 100%;  display: table; }
.top-nav .container { position: relative; }
.top-nav nav .brand-logo img { max-width: 150px; }
.top-nav nav { background: none; line-height: 22px; height: 0; box-shadow: none; }
.top-nav header { position: absolute; top: 25px; z-index: 999; width: 100%; }
.top-nav header ul.desk { margin-top: 15px; }
.top-nav nav ul a:hover { background:none; color: #009dff; }

/** slider css start **/
.slider-section { -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); }
.slider-caption { position: absolute; top: 40%; left: 5%; width: 40%; text-align: center; }
.slider-caption h1 { font-size:45px;  color: #fff;
  font-weight:540; font-family: 'Open Sans Condensed', sans-serif; }
.carousel.carousel-slider .carousel-item .slider-caption p { color: #fff; font-size: 22px;
  font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; }

.slider-caption-right { position: absolute; top: 40%; right: 5%; width: 40%; text-align: center; }
.slider-caption-right h1 { font-size:45px;  color: #fff;
  font-weight:540; font-family: 'Open Sans Condensed', sans-serif; }
.carousel.carousel-slider .carousel-item .slider-caption-right p { color: #fff; font-size: 22px;
  font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; }
/** slider css end **/

/** technologies css start **/
.technologies-sec { text-align: center; margin: 45px 0; }
.technologies-sec h6 { font-weight: 400; color: #373737;  }
/** technologies css end **/

/** services css start **/
.services-section { padding:50px 0; background: #e8e8e8; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);  }
.services-section .service-box-sec { padding:40px 50px; background: #fff; text-align: center; position: relative; }
.service-box-sec .service-content-box { position: relative; }
.service-box-sec .service-content-box h5 { color: #545454;  }
.service-box-sec .service-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 0;
  background: #00a584; display: block; transition: 0.5s ease; cursor: pointer;  } 
.service-box-sec:hover .service-overlay { display: block; height: 100%; width: 100%; }
.service-overlay .service-overlay-content { position: relative; top: 35%; display: none; }
.service-box-sec:hover .service-overlay-content { display: block; }
.service-overlay .service-overlay-content h5 { color: #fff; }
/** services css end **/

/** Home blog css start **/
.home-blog { margin: 60px 0 50px 0;}
.home-blog .home-blog-box { position: relative; margin-bottom: 30px; box-shadow:0 0 7px #0066a6;
  text-align: center; }
.home-blog-box .blog-overlay { position: absolute; display: block; width: 0; height: 100%;
  background: rgba(0,102,166,0.9); top: 0; right: 0; transition: 0.5s ease; cursor: pointer; }
.home-blog-box:hover .blog-overlay { display: block; width: 100%; height: 100%; }
.blog-overlay .blog-overlay-content { position: relative; top: 35%; display: none; }
.home-blog-box:hover .blog-overlay-content { display: block; }
.blog-overlay .blog-overlay-content img { margin-bottom: 10px; }
.blog-overlay .blog-overlay-content a { color: #fff; font-size: 16px; font-weight: 500; }
.home-blog-box .blog-box-content { padding: 10px; }
.home-blog-box .blog-box-content img { max-width: 100%; margin-bottom: 15px; }
.home-blog-more { text-align: center; }
/** Home blog css end **/

/** client css start **/
.home-client-section { padding: 50px 0; background: #eaeaea; }
.home-client-section .client-logo-box { text-align: center; margin-bottom: 25px; }
.home-client-section .client-logo-box a img { position: relative; transition: all .45s cubic-bezier(.165,.84,.44,1);
box-shadow: 0 0 15px rgba(0, 165, 132); z-index: 0; max-width: 100%;}
 .home-client-section .client-logo-box a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2);
    box-shadow: 0 5px 20px rgba(0, 165, 132); z-index: 2;}
/** client css end **/

/** subcribe css start **/
.subcribe-section { padding:30px 0 20px 0; /*background:url(../images/subcribe-banner.jpg) no-repeat center top;*/ background: #00a584;  color: #fff; }
.subcribe-section .top-head h2, .subcribe-section .top-head p{ color:#fff; }
/** subcribe css end **/

.page-footer { background: none; }
.page-footer .footer-top { margin: 30px 0 20px 0; }
.page-footer .footer-top h6 { color: #00a584; }
.page-footer .footer-top ul li a { color: #00a584; }
.page-footer .footer-top ul li a:hover { color: #00a584; }
.page-footer .footer-copyright { background: #00a584; color: #fff; text-align: center; }

/** banner images**/
.banner-section .banner-caption { position: absolute; top: 40%; left: 5%; width: 40%; }
.banner-caption.contact h1 { font-size: 25px !important; }
.banner-caption.contact h3 { text-shadow: 0 5px 15px #000; font-size: 45px; font-weight: 600; color: #fff; }
.banner-caption.contact #spin {
  color:#ff7e00;
}
.banner-caption.contact #spin:after {
  content:"";
  animation: spin 10s linear infinite;
}
@keyframes spin {
  0% { content:"Hi Y’all !"; }
  30% { content:"Howdy?"; }
  70% { content:"What’s Up?"; }
  90% { content:"Hey Yo !"; }
 /* 40% { content:"consectetur"; }
  50% { content: "adipisicing"; }
  60% { content: "elit"; }
  70% { content: "Hic"; }
  80% { content: "atque"; }
  90% { content: "fuga"; }*/}
.banner-section .banner-img img { max-width: 100%; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);  }
.banner-section .banner-caption h1 { font-size:45px;  color: #fff;
  font-weight:540; font-family: 'Open Sans Condensed', sans-serif; }
.banner-section .banner-caption p { color: #fff; font-size: 22px;
  font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; }
.banner-section .slider-caption, .banner-section .slider-caption-right { text-align: left; }
.banner-section .carousel.carousel-slider { -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); }

/** about section start**/
.about-top { text-align: center; margin: 45px 0; }
.about-top h6 { font-weight: 400; color: #373737;  }
.about-middle { padding:50px 0; background: #e8e8e8; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);  }
.about-middle-box { width: 100%; margin: 15px 0; }
.about-middle-box .about-middle-icon { width: 70px; float: left; margin-right: 15px; }
.about-middle-box .about-middle-content h5 { color: #00040e; }
.vision-mission { margin: 50px 0; }
.vision-mission .our-vision, .vision-mission .our-mission { padding: 25px; border-radius: 6px; 
    min-height: 595px; box-shadow: 0 5px 20px rgba(0,25,41,0.7); }
 .vision-mission .our-vision:hover, .vision-mission .our-mission:hover { position: relative;
  top: -5px; } 
.vision-mission .our-vision img, .vision-mission .our-mission img { max-width: 100%; margin-bottom: 20px; }
/** about section end**/

/** Blog section start**/
.blog-main { margin:40px 0 30px 0; }
.blog-main .bog-box { box-shadow: 0 5px 15px rgba(0,44,71,0.9); margin-bottom: 40px;
  padding:15px 15px 25px 15px; border-radius:4px;}
.blog-main .bog-box img { max-width: 100%; }
.bog-box .blog-box-content { margin-top: 15px; }
.video-box { margin-bottom: 15px; box-shadow: 0 5px 15px rgba(0,44,71,0.9); }
.video-box video { width: 100%; margin-bottom: -5px;}
.blog-single { margin:40px 0 30px 0;}
.bog-left-box .blog-title-img { margin-bottom: 15px; }
.bog-left-box .blog-title-img img { max-width: 100%; }
.social-section { position: relative; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8; }
.social-section ul{ margin: 0; padding: 0; display: block; }
.social-section ul li{ list-style: none; margin: 0 20px; display: inline-block; }
.social-section ul li .fa{ font-size: 20px; color: #fff; line-height: 30px;
  transition: .5s;}
.social-section ul li a{ position: relative; display: block; width: 30px; height: 30px; background-color: #009dff; text-align: center; transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0,0); transition: .5s; box-shadow: -9px 10px 10px rgb(0, 0, 0, 0.5);}
.social-section ul li a::before { content: ""; position: absolute; top: 5px; left: -10px;
height: 100%; width: 10px; background: #c4c4c4; transition: .5s; transform: rotate(0deg) skewY(-45deg); }
.social-section ul li a::after{ content: ""; position: absolute; top: 30px; left: -5px; height: 10px;
width: 100%; background: #c4c4c4; transition: .5s;
transform: rotate(0deg) skewX(-45deg); }
.social-section ul li a:hover { transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px); box-shadow: -35px 30px 10px rgb(0, 0, 0, 0.5);
  background: #0066a6;}
.social-section ul li:hover .fa{ color: #fff; }
.bog-left-box .date-auther { margin-bottom: 15px; width: 100%; display: table; }
.bog-left-box .date-auther h6 { width: 50%; float: left; color: #545454; font-weight: 400; }

.blog-right .top-service { width: 100%; margin-bottom: 35px; box-shadow:0 0 5px rgba(0,0,0,0.5);
padding: 15px; }
.blog-right .top-service h3 { text-align: center; color:#fff; margin: 0 0 15px 0; padding: 10px 0; background: #0066a6; }
.blog-right .top-service ul { list-style: none; margin: 0 auto; padding: 0;}
.blog-right .top-service ul li { display: block; margin-bottom: 10px; }
.blog-right .top-service ul li a { padding: 10px 15px; background:#e2e2e2; color: #545454; display: block; }
.blog-right .top-service ul li a:hover { color: #0066a6; border-color: #0066a6; }
.blog-right .popular-blogs { width: 100%; margin-bottom: 35px; box-shadow:0 0 5px rgba(0,0,0,0.5);
padding: 15px;}
.blog-right .popular-blogs h3 { text-align: center; color:#fff; margin: 0 0 30px 0; padding: 10px 0; background: #0066a6; }
.blog-right .popular-blogs .recent-blog { width: 100%; padding-bottom: 8px; border-bottom: 1px dashed #545454; margin-bottom: 25px; }
.blog-right .popular-blogs .recent-blog img { width: 100px; height: auto; float: left; margin-right:7px;  } 
.blog-right .popular-blogs .recent-blog h4 { font-size: 14px; text-transform: capitalize; line-height: 18px; margin: 0 0 7px 0; }
.blog-right .popular-blogs .recent-blog h4 a { color: #00040e; }
.blog-right .popular-blogs .recent-blog h4 a:hover { color:#0066a6;  }
/** Blog section end**/

/** contact section start**/
.contact-section { position: relative; top: -60px; padding: 40px; background: #fff;
  background: #e8e8e8; border-radius: 5px 5px 0 0; box-shadow: 0 5px 20px rgba(0,41,67,0.7); }
.contact-section .about-top { margin:10px 0 20px 0; }
.contact-left ul li { padding-left: 50px; line-height: 40px; margin-bottom: 25px;}
/*.contact-left ul li p { font-size: 16px; }*/
.contact-left ul li a { color: #545454;  }
.contact-left ul li a:hover { color: #00a584; }
.contact-left ul li:nth-child(1) { background:url(../images/address-icon.png) no-repeat left; }
.contact-left ul li:nth-child(2) { background:url(../images/phone-icon.png) no-repeat left; }
.contact-left ul li:nth-child(3) { background:url(../images/mail-icon.png) no-repeat left; }
.contact-left ul li:nth-child(4) { background:url(../images/mail-icon.png) no-repeat left; }
.validation-message {
  color: red;
  font-size: 12px;
}
/* Style to highlight invalid fields */
.invalid-field {
  border: 1px solid red;
}
/** contact section end**/

/** product section start**/
.product-header-bottom .about-top h2 { margin-bottom: 20px; }
.porduct-nav { margin: 15px 0; position: relative; }
.porduct-nav .nav-sec .fixed-action-btn { position: static; text-align: right; }
.porduct-nav .nav-sec .fixed-action-btn.horizontal ul li { margin-top:10px; }
.porduct-nav .logo-sec img { max-width: 100%; }
.porduct-nav .nav-sec { position: relative; }
.porduct-nav .nav-sec .btn-floating {background:#0066a6;}
.porduct-nav .nav-sec .fixed-action-btn.horizontal ul li a.waves-effect img  { max-width: 100%;
  background:#009dff; border-radius: 10px 0; padding: 5px;  }
  .porduct-nav .nav-sec .fixed-action-btn.horizontal ul li a.waves-effect:hover img {
background:#0066a6; }
.porduct-nav .nav-sec .fixed-action-btn.horizontal .waves-effect.waves-light.btn { background:#039be5; padding: 0 7px;} 
.porduct-nav .nav-sec .fixed-action-btn.horizontal .waves-effect.waves-light.btn:hover { background:#0066a6;  }
.porduct-nav .nav-sec .fixed-action-btn.horizontal .waves-effect img { margin-top: 4px; }

.product-middle-section { position: relative; background: url(../images/academic-suites-banner.png) no-repeat center center;
background-size: cover; padding: 100px 0 50px 0;}
.product-middle-section .product-middle-boxone { position: relative; max-width: 85%; margin: 0 auto; margin-top: 40px; }
.product-middle-boxone .product-img-sec .desk {width: 750px; max-height: 565px; max-width: 80%; margin-left: -40px;
transform: matrix3d(6.76044,.16718,-2,.00125,1.91031,7.838,2,-.00032,0,0,1,0,28,32,0,8);}
.product-middle-boxone .product-img-sec img { max-width: 100%; }
.product-middle-boxone .product-img-sec .mobile { width: 377px; max-height: 586px; max-width: 40vw;
position: absolute; top: 100px; left: 60%;
transform: matrix3d(.617678,.139478,0,-.000589,-.220175,.905113,0,-.000005,0,0,1,0,0,0,0,1);}
.product-middle-boxone .product-content { align-self: flex-start; margin-top: 70px; max-width: 50%;
    float: left; z-index: 1; margin-left: 25px;}
.product-middle-boxone .product-img-sec img.mobile { animation: rotateInRight 1s cubic-bezier(.28,.06,.07,1);
    animation-delay: .367s; animation-fill-mode: forwards;}
.product-middle-boxone .product-img-sec img.desk{animation: rotateInLeft 1s cubic-bezier(.28,.06,.07,1);
    animation-delay: .367s; animation-fill-mode: forwards; }

.product-middle-section .product-middle-boxtwo { position: relative; max-width: 85%; margin: 0 auto; margin-top: 100px;
  display:table; }
.product-middle-boxtwo .product-img-sec { max-width: 45%; float: left; position: relative; }
.product-middle-boxtwo .product-img-sec .tab { width: 100%; max-height: 210px; max-width: 100%;
  transform: matrix3d(.9,.102242,0,.000598,-.004839,1.880642,0,-.000048,0,0,1,0,0,100,0,1); float: left;}
.product-middle-boxtwo .product-content  { align-self: flex-start; margin-top: 100px; max-width: 50%;
    float: left; z-index: 1; margin-left: 5%;}
.product-middle-boxtwo .product-img-sec img {animation: rotateInRightX 1s cubic-bezier(.28,.06,.07,1);
    animation-delay: .367s;
    animation-fill-mode: forwards;}

.product-middle-section .product-middle-boxthree { position: relative; max-width: 85%; margin: 0 auto; margin-top: 150px;
margin-bottom: 10px;  display:table; }
.product-middle-boxthree .product-img-sec { max-width: 45%; float: left; position: relative; }
.product-middle-boxthree .product-img-sec .andriod { width: auto;
    max-width: 100%; max-height: 470px; float: right; transform-origin: center right -10px;
    transform: matrix3d(1,.059794,0,-.000485,-.154995,1,0,-.000282,0,0,1,0,0,0,0,1);}
.product-middle-boxthree .product-content  { align-self: flex-start; margin-top: 130px; max-width: 50%;
    float: left; z-index: 1; margin-left: 0; margin-right: 5%;}
.product-middle-boxthree .product-img-sec img.andriod {animation: rotateInAndriod 1s cubic-bezier(.28,.06,.07,1);
    animation-delay: .367s; animation-fill-mode: forwards;}

footer.page-footer.product .footer-logo img { max-width: 150px; }
footer.page-footer.product .product-footer-nav ul { text-align: right; }
footer.page-footer.product .product-footer-nav ul li { display: inline-block; margin-left: 10px; }
footer.page-footer.product .product-footer-nav ul li a { font-size: 16px; }

.product-btn { margin-top: 35px; }
.product-btn a { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    padding: 10px 20px; background: #039be5; color: #fff; border-radius:2px; text-transform: uppercase;
    font-size: 15px; font-weight: 400;}
.product-btn a:hover { background: #0388ca; }
.product-btn a.btn-white { -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    padding: 10px 20px; background: #f1efef; color: #039be5; border-radius:2px;}
.product-btn a.btn-white:hover { background: #e4f2f9; }
.product-btn a.btn-blue { margin-right: 15px; }

.model-form .modal { width: 40%; max-height: 90%; height:90%; top: 3% !important; }
form.form-model .row { margin-bottom: 0; }
form.form-model .row .input-field { margin-top: 0; }
form.form-model .btn-box { margin-top: 5px; }
form.form-model .student-option { padding-bottom: 10px; border-bottom: 1px solid #9e9e9e; margin-bottom: 15px; }
form.form-model textarea.materialize-textarea { padding:5px 0; }
.model-form .modal.modal-fixed-footer .modal-footer { display: none; }
.model-form .modal.modal-fixed-footer .modal-content { height: 100%; }
form.form-model .row .input-field input:focus { border-bottom: 1px solid #0066a6;
    -webkit-box-shadow: 0 1px 0 0 #0066a6; box-shadow: 0 1px 0 0 #0066a6; }
form.form-model .row .input-field label.active { color: #0066a6; }
form.form-model textarea.materialize-textarea:focus { border-bottom: 1px solid #0066a6;
-webkit-box-shadow: 0 1px 0 0 #0066a6; box-shadow: 0 1px 0 0 #0066a6; color: #0066a6; }
form.form-model .student-option [type="radio"]:checked+label:after,
 form.form-model .student-option [type="radio"].with-gap:checked+label:before,
  form.form-model .student-option [type="radio"].with-gap:checked+label:after { border: 2px solid #0066a6; }
form.form-model .student-option [type="radio"]:not(:checked)+label:before,
 form.form-model .student-option [type="radio"]:not(:checked)+label:after { border: 2px solid #0066a6; }
form.form-model .student-option [type="radio"]:checked+label:after,
form.form-model .student-option [type="radio"].with-gap:checked+label:after { background-color:#0066a6; }
form.form-model .product-btn { margin-top: 10px; }
/** product section end**/

/** servicve section start**/
.services-main { margin:30px 0; position: relative; }
.services-main .services-main-middle { margin: 10px 0;}
.services-main-middle .service-flip { background-color: transparent; perspective: 1000px; margin-bottom: 25px;}
.services-main-middle .service-flip .service-box-sec { position: relative; width: 100%; height: 100%; transition: transform 0.5s; transform-style: preserve-3d;  padding:25px 25px;
  background: #f5f5f5; text-align: center; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.5);
  box-shadow: 0 5px 20px rgba(0,0,0,.5); border-radius: 3px;}
.services-main-middle .service-flip:hover .service-box-sec { transform: rotateY(90deg);}
/*.service-flip .service-content-box,*/ .service-flip .service-overlay-cnt { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
.service-flip .service-overlay-cnt { background:#00a584; transform: rotateY(-90deg); position: absolute;
  top: 0; left: 0; width:100%; height: 100%; border-radius: 4px; cursor: pointer; -webkit-box-shadow: 0 5px 20px rgba(0,17,28,.8);
  box-shadow: 0 5px 20px rgba(0,17,28,.8); border-radius: 3px;}
.service-flip .service-overlay-cnt .service-overlay-content { position: relative; top: 30%;  }
.service-flip .service-overlay-cnt .service-overlay-content h5 { color: #fff;  font-size: 16px;}
.service-flip .service-cnt-box h5 { color: #545454; font-size: 16px;}
/** servicve section end**/

/** servicve  single section start**/
.service-single-main { margin:30px 0; position: relative; }
.service-single-tp-btm h2.heading { text-align: center; margin-bottom: 25px;  }
.single-tp-btm-box { margin-bottom: 15px;width: 100%; }
.single-tp-btm-box h6 { color: #545454; font-size: 16px; margin-bottom: 5px 0 10px 0; }
.single-tp-btm-box ul { margin-top: 0; }
.single-tp-btm-box ul li { background: url(../images/list-bg-icon.png) no-repeat left; background-size: 22px;
line-height: 24px; padding-left: 37px; color: #545454; font-size: 15px; margin-bottom: 7px;
background-position-y: 5px;}
.single-tp-btm-box.left { border-right: 1px solid #e5e5e5;  }
.single-tp-btm-box.right { padding-left: 30px; }
.servic-mid-box-sec h2.heading { text-align: center; margin-bottom: 20px; }
.servic-mid-box-sec { padding:30px 0 0 0;background: url(../images/our-capability-bg.png) no-repeat;
    background-size: cover; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
    padding-top: 40px; padding-bottom: 0;margin: 45px 0 20px 0; }
.servic-model-box { margin-top: 20px; }
.model-box-sec { padding:35px 15px 15px 15px; text-align: center; }
.model-box-sec h5 { color: #333c4e; font-size: 20px; margin:10px 0; font-weight: 455; }
.servic-model-box ul.row li { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
  min-height: 250px; }
.servic-model-box ul.row li:nth-child(3), .servic-model-box ul.row li:nth-child(6) { border-right:none; }
.servic-model-box ul.row li:nth-child(4), .servic-model-box ul.row li:nth-child(5), .servic-model-box ul.row li:nth-child(6){
  border-bottom: none; }
.product-process { margin: 40px 0 35px 0; position: relative; }
.product-process-model { margin: 20px 0 15px 0; position: relative;  }
.product-process-model ul { margin: 0 auto; overflow: hidden; padding: 20px 15px; }
.product-process-model ul li { width: 20%; float: left; padding: 0; }
.product-process-model ul li:nth-child(even) { padding-top: 125px; }
.product-process-model ul li:nth-child(even) .product-process-img-sec:after { bottom: -59px; height: 50px; }
.product-process-model ul li:nth-child(even) .product-process-img-sec:before{ -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); 
    transform: rotate(180deg);}
.product-process-model ul li .product-process-img-sec { height: 0; padding-bottom: 100%; width: 100%; position: relative; 
  text-align: center;}
.product-process-model ul li .product-process-img-sec:before { content: ''; width: 110%; height: 110%;
    position: absolute; top: -5%; left: -5%; background: url(../images/gear.png) no-repeat 0 0;
    background-size: 100% 100%; }
.product-process-model ul li .product-process-img-sec:after { content: ''; width: 2px; background: #0066a6; position: absolute;
    left: 50%; margin-left: -1px; bottom: -56px; height: 45px; }
.product-process-model ul li .product-process-img-sec img { width: 100px; margin: auto; left: 0; right: 0; padding: 10px; }
.product-process-img-sec .img-align {     position: absolute;  top: 50%; z-index: 10;
  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); left: 0 ; right: 0; }
.product-process-model ul li .product-process-cnt-sec h5 { color: #4d575d; }
.product-process-model ul li .product-process-cnt-sec { text-align: center; font-size: 14px;
  margin-top: 85px; }
.our-story-sec { padding: 50px 0; background: #f5f5f5; position: relative; }
.our-story-sec .story-box-sec { box-shadow: 0 5px 15px rgb(0,102,166,0.4); margin: 20px 0;
  position: relative; background: #fff; border-radius: 0 0 4px 4px;}
.story-box-sec .story-front img { max-width: 100%; }
.story-box-sec .story-front .story-box-cnt { padding: 45px 15px 10px 15px; position: relative; }
.story-box-sec .story-front .story-box-cnt img.title-img { position: absolute; top: -45px; left: 10px;
  max-width: 120px; box-shadow: 0 0 10px #545454; border-radius:3px; }
.story-box-sec .back-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 0;
  background: rgba(0,63,103,0.95); display: block; transition: 0.5s ease; cursor: pointer; }
.story-box-sec:hover .back-overlay  { display: block; height: 100%; width: 100%; }
.back-overlay .overlay-cnt { position: relative; top: 35%; display: none; text-align: center; }
.story-box-sec:hover .overlay-cnt { display: block; }
.back-overlay  .overlay-cnt h5 { color: #fff; }
.story-more-btn { text-align: center; }

.experience-design-btm-box { margin: -10px 0 5px 0; }
.experience-design-btm-box .product-process-model { margin: 20px 0 15px 0; position: relative;  }
.experience-design-btm-box .product-process-model ul { margin: 0 auto; overflow: hidden; padding: 20px 15px; }
.experience-design-btm-box .product-process-model ul li { width: 33%; float: left; padding: 0; }
.experience-design-btm-box .product-process-model ul li:nth-child(even) { padding-top: 80px; }
.experience-design-btm-box .product-process-model ul li:nth-child(even) .product-process-img-sec:after { bottom: -58px; height: 50px; display: none; }
.experience-design-btm-box .product-process-model ul li:nth-child(even) .product-process-img-sec:before{ -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); 
    transform: rotate(180deg);}
.experience-design-btm-box .product-process-model ul li .product-process-img-sec { height: 0; padding-bottom: 100%; width: 100%; position: relative; 
  text-align: center;}
.experience-design-btm-box .product-process-model ul li .product-process-img-sec:before { content: ''; width: 110%; height: 110%;
    position: absolute; top: -5%; left: -5%; background: url(../images/gear-img.png) no-repeat 0 0;
    background-size: 100% 100%; }
.experience-design-btm-box .product-process-model ul li .product-process-img-sec:after { content: ''; width: 2px; background: #0066a6; position: absolute;
    left: 50%; margin-left: -1px; bottom: -53px; height: 45px; display: none; }
.experience-design-btm-box .product-process-model ul li .product-process-img-sec img { width: 100px;
  margin: auto; left: 0; right: 0; padding: 10px; }
.experience-design-btm-box .product-process-img-sec .img-align {     position: absolute;  top: 50%; z-index: 10;
  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); left: 0 ; right: 0; }
.experience-design-btm-box .product-process-model ul li .product-process-cnt-sec h5 { color: #4d575d; font-size: 30px; }
.experience-design-btm-box .product-process-model ul li .product-process-cnt-sec { text-align: center; font-size: 14px;
  margin-top: 25px; }


.experience-design-sec { position: relative; margin: 60px 0;}
.experience-design-sec.dark { position: relative; padding: 50px 0; background: #f5f5f5; margin: 0;}
.experience-design-sec .experience-design-box { position: relative; }
.experience-design-sec .experience-design-box .col.push-l5 { left: 50%; }
.experience-design-box .img-box img { max-width: 100%; }
.experience-design-box .content-box p { font-size: 16px; }
.experience-design-box .content-box h6 { color:#4d575d; }
.our-story-sec.bottom { margin-bottom: -30px; background:none; }
.experience-design-box .arrow-scroll { position: absolute; top:45%; width: 100px; margin: auto; display: block; cursor: pointer; left:45%; text-transform: uppercase; }
  .experience-design-box .arrow-scroll .chevron { margin-top: 20px; display: block; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; color: #FF4081; }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(20px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(20px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.experience-design-box.box-last { text-align: center; }
.experience-design-box.box-last .img-box img  { width: 100%; max-width: 700px;  }

.digital-transformation-sec { margin: 50px 0; position: relative; }
.digital-transformation-sec.top-sec { margin: 10px 0 25px 0; }
.digital-transformation-sec.dark { margin: 0; padding: 25px 0; background: #f5f5f5; }
.digital-transformation-sec .heading-box { text-align: center; }
.digital-transformation-sec .heading-box h2 { color: #00040e; line-height: 38px; }
.digital-transformation-sec .heading-box h2 span { color:#0066a6; display: block; }
.service-single-main .top-head p { font-size: 16px; }
.digital-transformation-box { margin: 25px 0;  }
.digital-transformation-box .digital-img-sec img { max-width: 100%; }
.digital-transformation-box .digital-cnt-sec { margin-top: 10px; }
.digital-transformation-box .digital-cnt-sec p { font-size: 18px; }
.digital-enabler-sec { padding: 45px 0; background: #edecec; margin: 10px 0; }
.digital-enabler-sec h2 { text-align: center; margin-bottom: 35px; }
.digital-enabler-sec .enabler-logo-box { padding: 10px 15px; text-align: center; max-width:100%; background: #fff;
box-shadow:0 4px 10px rgba(19,74,159,0.5); margin:10px 0 30px 0; border-radius: 2px; cursor: pointer; }
.digital-enabler-sec .enabler-logo-box:hover { box-shadow:0 4px 10px rgba(19,74,159,0.7); }
.digital-enabler-sec .enabler-logo-box h5 { color: #333c4e; font-weight: 450; }
.our-key-section { position: relative; margin: 50px 0; }
.our-key-section h2 { text-align: center; margin-bottom: 30px; }
.our-key-section .our-key-box ul { margin:0;}
.our-key-section .our-key-box ul li { background: url(../images/list-bg-icon.png) no-repeat left; background-size: 22px;
line-height: 24px; padding-left: 40px; color: #545454; margin-bottom: 15px; background-position-y: 5px;}
.our-key-section .our-key-box ul li h6 { color: #333c4e; margin-bottom: 7px; }
 

 .mobility-sec { text-align: center; margin: 10px 0 25px 0;  }
 .mobility-sec p { font-size: 18px; }
 .mobility-row-sec { margin: 55px 0; position: relative; }
 .mobility-row-sec.dark { padding: 55px 0; background: #f5f5f5; margin: 0; }
 .mobility-box .mobility-cnt-sec p { font-size: 16px;  }
 .mobility-box .mobility-cnt-sec .story-more-btn { text-align: left; }
 .mobility-box .mobility-img-sec img { max-width: 100%; }
 .mobility-row-sec .mobility-box .col.push-l5 { left: 50%; }

.devops-top { margin: 40px 0; }
.devops-top .top-head { text-align: left; margin: 0; }
.devops-top .devops-top-right ul { margin:0;}
.devops-top .devops-top-right ul li { background: url(../images/list-bg-icon.png) no-repeat left; background-size: 22px;
line-height: 22px; font-size: 15px; padding-left: 40px; color: #545454; margin-bottom: 7px; background-position-y: 5px;}
.devops-box-sec { position: relative; padding:25px 0 40px 0; background: #f5f5f5; }
.devops-box-sec .heading-box { text-align: center; margin: 10px 0 25px 0;  }
.devops-box-sec .heading-box p { font-size: 18px; }
.devops-flip-row { margin-top: 25px; }
.devops-flip-row .devops-flip { background-color: transparent; perspective: 1000px; margin-bottom: 25px;}
.devops-flip-row .devops-flip .devops-flip-box-sec { position: relative; width: 100%; height: 100%; transition: transform 0.5s; transform-style: preserve-3d; 
  padding:15px 15px; background: #fff; text-align: center; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.5);
  box-shadow: 0 5px 20px rgba(0,0,0,.5); border-radius: 3px;}
.devops-flip-row .devops-flip:hover .devops-flip-box-sec { transform: rotateY(90deg);}
.devops-flip-box-sec .devops-cnt-box img { max-width: 100%; }
/*.devops-flip .service-content-box, */.devops-flip .devops-overlay-cnt { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; }
.devops-flip .devops-overlay-cnt { background:#0066a6; transform: rotateY(-90deg); position: absolute;
  top: 0; left: 0; width:100%; height: 100%; border-radius: 4px; cursor: pointer; -webkit-box-shadow: 0 5px 20px rgba(0,17,28,.8);
  box-shadow: 0 5px 20px rgba(0,17,28,.8); border-radius: 3px;}
.devops-flip .devops-overlay-cnt .devops-overlay-content { position: relative; top: 10px; padding: 15px ;  }
.devops-flip .devops-overlay-cnt .devops-overlay-content h5 { color: #fff;  font-size: 15px;}
.devops-flip .devops-overlay-cnt p { color: #fff; font-size: 16px;}
.devops-row-sec { margin: 55px 0; position: relative; }
.devops-row-sec.dark { padding: 55px 0; background: #f5f5f5; margin: 0; }
.devops-box .devops-cnt-sec p { font-size: 16px;  }
.devops-box .devops-cnt-sec .story-more-btn { text-align: left; }
.devops-box .devops-img-sec img { max-width: 100%; }
.devops-row-sec .devops-box-full { text-align: center; }
.devops-row-sec .devops-box-full p { font-size: 16px; }
.devops-row-sec .devops-box-full img { margin-top: 20px; }
.devops-row-sec .devops-box-full img.right-img { margin-left: 20px; }
.home-blog.bottom { padding: 50px 0; background: #f5f5f5; position: relative;
  margin-bottom: -32px; margin-top: 30px; }

.our-offer-sec { padding:50px 0; background: url(../images/our-offer-bg.jpg) no-repeat;
  background-size: cover; margin: 45px 0 20px 0; }
.our-offer-sec .offer-heading { text-align: center; margin-bottom: 20px; }
.our-offer-sec .offer-heading p { font-size: 16px; }
.offer-box-row { margin: 25px 0 0 0; }
.offer-box-row .offer-box-sec { padding: 15px 15px; text-align: center; max-width:100%; background: #fff;
box-shadow:0 4px 10px rgba(19,74,159,0.5); margin:10px 0 20px 0; border-radius: 2px; cursor: pointer;
min-height: 240px;}
.offer-box-row .offer-box-sec:hover { box-shadow:0 4px 10px rgba(19,74,159,0.7); }
.offer-box-row .offer-box-sec h5 { color: #333c4e; font-weight: 450; font-size: 20px; margin: 10px 0; }
.top-head.top { margin: 20px 0 10px 0; }
.offer-row-sec { margin: 55px 0; position: relative; }
.offer-row-sec.dark { padding: 55px 0; background: #f5f5f5; margin: 0; }
.offer-row-sec .offer-box-full { text-align: center; }
.offer-row-sec .offer-box-full p { font-size: 16px; }
.offer-row-sec .offer-box-full img { margin-top: 20px; }
.offer-row-sec .offer-box-full img.right-img { margin-left: 20px; }

.offer-row-sec .offer-heading { text-align: center; margin-bottom: 20px; }
.offer-row-sec .offer-heading p { font-size: 16px; }
.managed-row { margin-top: 25px; }
.managed-row .offer-manage-box { text-align: center; padding: 10px 15px; box-shadow: 0 3px 5px rgba(0,0,0,0.2);
background: #fff; margin-bottom:20px; min-height: 230px; border-radius: 3px; position: relative; }
.managed-row .offer-manage-box h5 { font-size: 18px; color: #333c4e; margin: 10px 0; }
.offer-manage-box .offer-manage-cnt { position: relative; }
.offer-manage-box .manage-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 0;
  background:#fff; display: block; transition: 0.5s ease; cursor: pointer; }
.offer-manage-box:hover .manage-overlay  { display: block; height: 100%; width: 100%; }
.manage-overlay .manage-overlay-cnt { position: relative; top: 20%; display: none; text-align: center; 
  width: 100%; height: 100%; }
.offer-manage-box:hover .manage-overlay-cnt { display: block; }
.manage-overlay .manage-overlay-cnt img { max-width: 250px; position: relative; margin: 0 auto; }
.offer-choose-row { margin-top: 15px; }
.offer-choose-row .offer-choose-box { padding:25px 15px; box-shadow:0 4px 10px rgba(19,74,159,0.5); 
  text-align: center; background: #fafafa; border-radius: 0 0 3px 3px; min-height: 255px;}
.offer-choose-row .offer-choose-box h4 { font-size: 22px; margin: 15px 0 10px 0; /*color: #333c4e; */}


.blockchain-offer-sec { padding:50px 0; background: url(../images/our-offer-bg.jpg) no-repeat;
  background-size: cover; margin: 45px 0 20px 0; }
.blockchain-offer-sec .offer-heading { text-align: center; margin-bottom: 20px; }
.blockchain-offer-sec .offer-heading p { font-size: 16px; }
.blockchain-offer-box-row { margin: 25px 0 0 0; }
.blockchain-offer-box-row .blockchain-box-sec { padding: 25px 15px; text-align: center; max-width:100%; background: #fff;
box-shadow:0 4px 10px rgba(19,74,159,0.5); margin:10px 0 20px 0; border-radius: 2px; cursor: pointer;
min-height: 240px;}
.technology-logo-sec { margin: 50px 0 40px 0; }
.technology-logo-sec .offer-heading { text-align: center; margin-bottom: 20px; }
.technology-logo-sec .offer-heading p { font-size: 16px; }
.technology-logo-sec .technology-logo-row { margin-top:25px; }
.technology-logo-row .technology-logo-box { position: relative; transition: all .45s cubic-bezier(.165,.84,.44,1);
box-shadow: 0 0 15px rgba(0,102,166,0.3); z-index: 0; max-width: 100%; padding:10px; cursor: pointer;
margin-bottom: 25px;}
.technology-logo-row .technology-logo-box:hover { -webkit-transform: scale(1.1); transform: scale(1.1);
    box-shadow: 0 5px 20px rgba(0,41,67,0.7); z-index: 2;}
.technology-logo-row .technology-logo-box img { max-width: 100%; }
.industry-application-sec { padding: 50px 0; background: #f5f5f5; position: relative; }
.industry-application-sec .offer-heading { text-align: center; margin-bottom: 20px; }
.industry-application-sec .offer-heading p { font-size: 16px; }
.industry-application-sec .industry-application-box { margin-top: 25px; width: 100%; display: table; }
.industry-application-sec .industry-application-box ul { margin: 0; }
.industry-application-sec .industry-application-box ul li { width: 50%; border-right: 1px solid #d4e1e9; border-bottom: 1px solid #d4e1e9;
  padding:30px 50px; float: left; min-height: 250px;  }
.industry-application-sec .industry-application-box ul li:nth-child(2n-0) { border-right: none; }
.industry-application-sec .industry-application-box ul li:nth-child(5),
.industry-application-sec .industry-application-box ul li:nth-child(6) { border-bottom: none; }
.industry-application-box ul li .industry-application-cnt p { font-size: 16px; }


.infrastructure-top-sec { padding: 50px 0; background: #f5f5f5; margin-top: 30px; } 
.infrastructure-top-sec .infrastructure-top-left-sec ul { margin-top: 0; }
.infrastructure-top-sec .infrastructure-top-left-sec ul li { background: url(../images/list-bg-icon.png) no-repeat left; background-size: 22px;
line-height: 24px; padding-left: 37px; color: #545454; font-size: 15px; margin-bottom: 7px;
background-position-y: 5px;}
.infrastructure-top-sec .infrastructure-top-right-sec img { max-width: 100%; }
.infrastructure-service-row { margin: 50px 0; position: relative; }
.infrastructure-service-row .infrastructure-service-heading { text-align: center; margin-bottom: 20px; }
.infrastructure-service-row .infrastructure-service-heading p { font-size: 16px; }
.service-manage-row { margin-top: 25px; }
.service-manage-row .infrastructure-service-box { text-align: center; padding: 10px 15px; box-shadow: 0 3px 10px rgba(0,0,0,0.4);
background: #f8f8f8; margin-bottom:25px; min-height: 230px; border-radius: 3px; position: relative; }
.service-manage-row .infrastructure-service-box h5 { font-size: 20px; color: #333c4e; margin: 10px 0; }
.infrastructure-service-box .infrastructure-service-cnt { position: relative; padding:25px 15px;}
.infrastructure-service-box .infrastructure-service-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 0;
  background:#fff; display: block; transition: 0.5s ease; cursor: pointer; }
.infrastructure-service-box:hover .infrastructure-service-overlay  { display: block; height: 100%; width: 100%; }
.infrastructure-service-overlay .infrastructure-service-cnt { position: relative; top: 10%; display: none; text-align: center; 
  width: 100%; height: 100%; }
.infrastructure-service-box:hover .infrastructure-service-cnt { display: block; }
.infrastructure-service-overlay .infrastructure-service-cnt img { max-width: 250px; position: relative; margin: 0 auto; }
.our-partner-sec { padding: 50px 0 35px 0; background: #f5f5f5; }
.our-partner-sec .partner-heading { text-align: center; margin-bottom: 20px; }
.our-partner-sec .partner-heading p { font-size: 16px; }
.our-partner-sec .partner-logo-row { position: relative; margin-top: 25px; }
.partner-logo-row .partner-logo-box { padding: 10px; box-shadow: 0 5px 15px rgb(0,102,166,0.4); cursor: pointer;
margin-bottom: 20px; border-radius: 2px; }
.partner-logo-row .partner-logo-box img { max-width: 100%; }
.partner-logo-row .partner-logo-box:hover { box-shadow: 0 5px 15px rgb(0,102,166,0.6); }


.consulting-services-top-sec { padding: 50px 0; background: #f5f5f5; margin-top: 30px; } 
.consulting-services-top-sec .consulting-top-left-sec ul { margin-top: 0; }
.consulting-services-top-sec .consulting-top-left-sec ul li { background: url(../images/list-bg-icon.png) no-repeat left; background-size: 22px;
line-height: 24px; padding-left: 37px; color: #545454; font-size: 15px; margin-bottom: 7px;
background-position-y: 5px;}
.consulting-services-top-sec .consulting-top-right-sec img { max-width: 100%; }
/** servicve  single section end**/

/** Technologies single section start**/
.technologies-main-sec { margin: 40px 0;}
.technologies-main-sec .top-head p { font-size: 16px; }
.technologies-heading-sec { text-align: center; margin:10px 0 30px 0; }
.technologies-heading-sec p { font-size: 16px; }
.technologies-row-sec { margin:60px 0 50px 0; position: relative; }
.technologies-row-sec.dark { padding: 55px 0; background: #f5f5f5; margin: 0; }
.technologies-row-sec.technologies-last { margin-bottom: -40px; }
/*.technologies-box-section .technologies-cnt-sec { margin-top: 20px; }*/
.technologies-box-section .technologies-cnt-sec p { font-size: 16px; }
.technologies-box-section .technologies-icon-sec ul { margin: 0; text-align: center;}
.technologies-box-section .technologies-icon-sec ul li { display: inline-block; margin: 0 15px 15px 0;}
.technologies-box-section .technologies-icon-sec ul li a img { max-width: 80px; border-radius: 100px; 
  box-shadow: 0 0 10px rgb(0,102,166,0.3); position: relative; -webkit-transition: 2s ease-out;
    -moz-transition: 2s ease-out; transition: 2s ease-out;z-index: 0; }
.technologies-box-section .technologies-icon-sec ul li a:hover img { -webkit-transform: scale(1.2) rotateZ(720deg);
  transform: scale(1.2) rotateZ(720deg); box-shadow: 0 0 10px rgb(0,102,166,0.5); z-index: 2; }
.technologies-row-sec .technologies-box-section .col.push-m5 { left: 50%; }

/** Technologies single section end**/

/** Product section start**/
.product-main { margin:40px 0 20px 0;}
.product-main .top-head { margin-bottom: 40px; }
.product-main .top-head p { font-size: 18px; }
.product-row-sec { margin: 55px 0; position: relative; }
.product-row-sec.dark { padding: 55px 0; background: #ebebeb; margin: 0; }
.products-box-sec .products-cnt-section p { font-size: 16px;  }
.products-box-sec .products-cnt-section .story-more-btn { text-align: left; }
.products-box-sec .products-img-section img { position: relative; transition: all .45s cubic-bezier(.165,.84,.44,1);
  z-index: 0; max-width: 100%; cursor: pointer; border-radius: 2px; box-shadow: 0 5px 15px rgb(0,102,166,0.8); }
.products-box-sec .products-img-section:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);
z-index: 2; box-shadow: 0 5px 15px rgb(0,102,166,0.9);}
/** Product section end**/

/** Map Area **/
.map-area iframe {
  width: 100%;
  height: 600px;
  border: 0;
}

/* Partner sec start*/
.partner-slider { position: relative; padding: 20px 0 30px 0; }
/* Partner sec end*/


/* Twitter New logo Section start*/
.fa.fa-twitter::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  content: "";
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
  background-position: center 3px;
}
/* Twitter New logo Section End*/

/** Careers css start **/
.careers { margin: 60px 0 50px 0;}
.careers .careers-box { position: relative; margin-bottom: 30px; box-shadow:0 0 7px #0066a6;
  text-align: center; }
.careers-box .careers-overlay { position: absolute; display: block; width: 0; height: 100%;
  background: rgba(0,102,166,0.9); top: 0; right: 0; transition: 0.5s ease; cursor: pointer; }
.careers-box:hover .careers-overlay { display: block; width: 100%; height: 100%; }
.careers-overlay .careers-overlay-content { position: relative; top: 35%; display: none; }
.careers-box:hover .careers-overlay-content { display: block; }
.careers-overlay .careers-overlay-content img { margin-bottom: 10px; }
.careers-overlay .careers-overlay-content a { color: #fff; font-size: 16px; font-weight: 500; }
.careers-box .careers-box-content { padding: 10px; }
.careers-box .careers-box-content img { max-width: 100%; margin-bottom: 15px; }
.careers-more { text-align: center; }
.careers-box .careers-box-content li {text-align: left; }

/* Progress Bar Section Start*/
#modded {
	.progress {
		min-height: 36px;
		overflow: hidden;
		position: relative;
		span {
			position: relative;
			float:left;
			color: #fff;
			padding: 8px;
			z-index: 99999;
			i {
				width: inherit;
				font-size: inherit;
				position: relative;
				top: 2px;
				margin-left: 8px;
			}
		}
		.determinate {
			width: 0;
			transition: width 1s ease-in-out;
			padding: 8px;
			position: relative;
			color: #fff;
			text-align: right;
			white-space: nowrap;
		}
	}
	ul.collapsible {
		padding: 0;
		border: none;
		border-radius: 0;
		box-shadow:none;
		li {
			margin-bottom: 14px;
		}
		.collapsible-header {
			padding: 0;
			border-bottom: 0;
			.progress {
				margin: 0;
				border-radius: 0;
			}
		}
		.collapsible-body {
			padding: 16px;
			box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px, rgba(0, 0, 0, 0.117647) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
		}
	}
}
@keyframes grow {
  from {
    width: 0;
  }
}
/* Progress Bar Section End*/

/** Careers css end **/

/** Counter css start **/
.counter_info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.counter_info span {
  font-size: 70px;
  color: #ffffff;
}
.counter_info p {
  margin-bottom: 0;
  color: #ec6e39;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  top: 16px;
}
.fact span {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  padding: 85px;
}
/** Counter css end **/