@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700&display=swap');


.jR3DCarouselGalleryCustomeTemplate .captions{position: relative;padding: 4px 0;bottom: 27px;background: #ec1c8e;display:block     }
.jR3DCarouselGalleryCustomeTemplate a{text-decoration: none;      }
.jR3DCarouselSlide{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.jR3DCarouselSlide .img_div img{width: 250px !important;height: auto !important;}
.jR3DCarouselGallery .navigation {display: none;}
.jR3DCarouselGallery {margin: 0 auto;}
.controls {display: block!important;color:#000!important;opacity: 0.2;-webkit-transition: all .8s ease;transition: all .8s ease;}
.controls:hover {opacity: 0.5;-webkit-transition: all .8s ease;transition: all .8s ease;}
.previous.controls {left: -50px!important;}
.next.controls {right: -50px!important;}
.jR3DCarousel > div {border: 0px solid blue;}

/*.jR3DCarousel {position: relative;width: 380px!important;height: 290px!important;margin:0 auto;}*/
/*.jR3DCarousel .img_div:first-child {position: absolute;left:0;height: 150px;width: 150px;margin-left: 60px;-webkit-perspective: 150px;perspective: 150px;
-webkit-transform: skew(-0.07turn, 0deg);transform: skew(-0.07turn, 0deg);}
.jR3DCarousel .img_div:first-child img {padding: 50px;position: absolute;border: 1px solid black;background-color: red;background: rgba(100,100,100,0.5);
-webkit-transform-style: preserve-3d; -webkit-transform: rotateX(45deg); 
transform-style: preserve-3d;transform: rotateX(45deg);}

.jR3DCarousel .img_div:last-child {position: absolute;right:0;height: 150px;width: 150px;margin-left: 60px;-webkit-perspective: 150px;perspective: 150px;
-webkit-transform: skew(0.07turn, 0deg);transform: skew(0.085turn, 0deg);}
.jR3DCarousel .img_div:last-child img {padding: 50px;position: absolute;border: 1px solid black;background-color: red;background: rgba(100,100,100,0.5);
-webkit-transform-style: preserve-3d; -webkit-transform: rotateX(45deg); 
transform-style: preserve-3d;transform: rotateX(45deg);}*/

/*thumbs
.jR3DCarousel .img_div:first-child {position: absolute;top: 0;left: 0; }
.jR3DCarousel .img_div:nth-child(2) {position: absolute;top: 0;right: 0; }
.jR3DCarousel .img_div:nth-child(3) {position: absolute;bottom: 0;left: 0; }
.jR3DCarousel .img_div:last-child {position: absolute;bottom: 0;right: 0; }*/

.jR3DCarouselSlide img {height: auto!important;}

/*.header-overlay {height: 0;-webkit-transition: all .8s ease;transition: all .8s ease;}*/

/*Styles 2020*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {letter-spacing: 0;}
input {border-radius: none;}
body {font-family: 'Nunito Sans', sans-serif;font-weight: 600; letter-spacing: 0; background: transparent;}
h1, h2, h3, h4, h5, h6 {font-family: 'Nunito Sans', sans-serif;font-weight: 700;margin: 0;}
h1 {font-size: 60px;}
h2 {font-size: 40px;}
h3 {font-size: 36px;}
h4 {font-size: 30px;}
h5 {font-size: 28px;}
h6 {font-size: 24px;}
h2.about-subhead {text-transform: capitalize;padding: 50px 0 25px;}
h3,h3.content_head {font-size: 24px;}
body p {line-height: 28px;font-size: 17px;}
a:hover {color: #841405;}

.background:first-child {background: #FFF;}
.menu ul li:before {display: none;}
.menu ul li a {border: 0;border-bottom: 1px solid;border-radius: 0;}
/*.scroll-up .header-overlay{background: transparent;}*/
section#section2 {
    padding-top: 50px;
}
section#section3 {
    padding: 100px 0;
}

.intro-title, .intro-subtitle {text-align: left;}
#slide2 .intro-title,#slide2 .intro-subtitle {text-align: right;}
h1.intro-title {
    font-size: 60px;
    font-weight: 700;
}
p.intro-subtitle {
    font-size: 30px;
    font-weight: 100;
    line-height: normal;
}
.content-title h1 {
    font-size: 60px;
}
.content-title p {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
}
#section4 h1 {font-size: 32px;line-height: 40px;word-break: break-word;}
#section4 h2 {font-size: 30px;font-weight: 100;line-height: 30px;word-break: break-word;}
#section4 p {font-size: 16px;line-height: normal;font-weight: 400;}
.readmore-white a {color: #fff;text-transform: capitalize;font-size: 20px;}
.slide-text,.hover_content {padding-left: 20px;padding-right: 20px;}
.casestudy-btn-wrapper {padding: 30px;}
.client_section h3 {font-size: 40px;font-weight: 300;}

.page-center {max-width: 1200px; margin: 0 auto;}
#site_header #main_nav {background: #FFF;}
#site_header #main_nav .menu {text-align: center;}
#site_header #main_nav .menu a {font-weight: 300; text-transform: uppercase;}
#site_header .open_nav {float: right;}
#site_header #main_nav .close_nav {right:0;left: auto;}
#site_header #main_nav .menu ul li:before, #site_header #main_nav:after {display: none;}
#site_header.expand_nav #main_nav {width: 100%;}
#toggle span, #toggle span:before, #toggle span:after {-webkit-box-shadow: none;box-shadow: none;border-radius: 10px;}
.footer h4 {font-weight: 200;font-size: 36px;margin: 20px 0;}
.social_icons li a {font-size: 30px;padding: 0 20px 0 0;}
.footer .footer_bottom {font-weight: 200;}
.signup input[type=email] {border-radius: 0;}
.signup input[type=button] {line-height: 20px;}
ul.blogs {padding: 15px 0;}
ul.blogs img {max-width: 100px;}
.blogs h5 {font-size: 20px;}
.blogs p {font-size: 16px;line-height: normal;}
.testimonial-bg {  background: #000;}
#myCarousel p { font-size: 20px;margin-bottom: 15px;color: #fff;line-height: 1.8rem;}
#myCarousel h2 {font-size: 20px;color: #fff;letter-spacing: 0.5px;font-weight: 200;}
#myCarousel h3 {font-size: 18px;color: #fff;letter-spacing: 0.5px;font-weight: 500;}



.careers {overflow: hidden;}
#career.services-title {height: 30vh;background: #0d3e99;}
#career.services-title .intro_text, #career.variety-title .intro_text, #career.casestudy-title .intro_text {vertical-align: bottom;padding-bottom: 50px;}
.career-no {font-weight: 500;color: #FFF;width: 100px;text-align: center;top: 0;left: 0;font-size: 70px;height: 100px;line-height: 100px;margin: 0 auto;}
.service-section h2 {font-weight: 300;text-align: left;font-size: 40px;margin-bottom: 15px;}
h2.career-heading {text-align: center;font-weight: 500}
/*.career-section {margin: 0;}
.row.career-section:after {content: '';border: 2px solid #CCC;border-radius: 5px;width: 100px;margin: 50px auto;}*/
.career-cols {display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 950px; margin: 50px auto;-webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);box-shadow: 0 0 30px rgba(0,0,0,.1);padding: 30px}
.career-col-l1{padding: 0 50px;}
p.case-tag {margin-top: 0;}
.case-tag span {display: inline-block;background: #999;padding: 0 12px;margin: 5px 5px 5px 0;color: #FFF;font-size: 12px;border-radius: 50px;}
.case-desc {padding: 15px 0 25px;}
.case-type {margin-top: 0;}

.pad-0{padding:0 !important;}
.career-col-content {height: 100vh;display: table;}
.career-col-content .content-wrapper{display: table-cell;vertical-align: middle;}

button.slick-prev, button.slick-prev:hover{left: -8%;}
button.slick-next, button.slick-next:hover{right: -8%;}

section#services-content h3 {padding: 10px 0;}
.services-icons {min-height: 190px;}
.services-icons, .process-nos {text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.process-nos {margin-top: 0;}
.services-icons object {max-width: 100%;height: 68px;-webkit-transition: all .25s ease;transition: all .25s ease;margin: 5px auto;position: absolute;left: 0;right: 0;top: 10px;}
.services-icons li {margin: 0 auto 20px;font-weight: 700;-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;padding: 80px 0 0;-webkit-transition: all .25s ease;transition: all .25s ease;position: relative;opacity: .7;}
.services-icons li:hover object {-webkit-transition: all .25s ease;transition: all .25s ease;-webkit-transform: scale(1.2);transform: scale(1.2); }
.services-icons li:before {display: none;}
.services-icons li:after {content: '';background: #ec6127;position: absolute;height: 3px;width: 0;left: 25%;bottom: -10px;-webkit-transition: all .5s ease;transition: all .5s ease;border-radius: 10px;}
.services-icons li:hover:after {width: 100%;left: 0;-webkit-transition: all .25s ease;transition: all .25s ease;}
.services-icons.process-nos {min-height: auto;}
#startup-serv .services-icons.process-nos li {-webkit-box-flex: 0;-ms-flex: 0 0 18%;flex: 0 0 18%;margin: 0;padding: 10px 0;}
.services-icons.process-nos li {-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;margin: 0 1.66%;padding: 10px 0;}
.services-icons.process-nos li:hover {padding: 5px 0 15px 0;-webkit-transition: all .25s ease;transition: all .25s ease; font-size: 16px;cursor: default;opacity: 1;}
.process-nos.row2 {direction: rtl;}
.process-nos.row2 li {direction: ltr;}
.services-icons.process-nos.row2 li:after {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.services-icons.about-icons li {-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;}
.services-icons.about-icons object {top: 0;}

.process-nos span {display: block;float: left;text-align: left;}
span.process-no {height: 30px;line-height: 25px;border: 2px solid #000;border-radius: 100px;font-weight: 900;width: 30px;
text-align: center;font-size: 18px;margin-right: 10px;}
span.process-name {line-height: normal;}
span.process-name:after {position: absolute;content: '';display: block;width: 30px;height: 20px;right: 15px;top: 12px;
background: url(../img/icons/drawn-arrow.svg);background-size: cover;}
#startup-serv span.process-name:after {position: absolute;content: '';display: block;width: 25px;height: 15px;right: 5px;top: 15px;background: url(../img/icons/drawn-arrow.svg);background-size: cover;background-repeat: no-repeat;}
.row2 span.process-name:after {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.row2 li:first-child span.process-name:after {background: none;}
.process-nos.row1 li:last-child span.process-name:after {width: 90px;
    height: 100px;
    right: -15px;
    top: 25px;
    background: url(../img/icons/hero-game-arrow-curved.svg);
    background-repeat: no-repeat;}

#startup-serv .process-nos.row1 li:last-child span.process-name:after{
    width: 80px;
    height: 130px;
    right: -45px;
    top: 4px;
    background: url(../img/icons/iterate-curved-arrow2.svg);
    background-repeat: no-repeat;
}

#services-content .main-body {background: #FFF;padding-top: 50px;}
#services-content .container { margin: 50px auto;}
#product-engg .services-icons li:after, #product-engg .career-no {background: #e6385b;}
#product-engg p span {background: #e6385b;color: #FFF;padding: 0 5px;}
#enter-serv .services-icons li:after ,#enter-serv .career-no {background: #f1ab19;}
#enter-serv p span {background: #f1ab19;color: #FFF;padding: 0 5px;}
#startup-serv .services-icons li:after, #startup-serv .career-no {background: #28a745;}
#startup-serv p span {background: #28a745;color: #FFF;padding: 0 5px;}
#ded-engg .services-icons li:after, #ded-engg .career-no {background: #17a2b8;}
#ded-engg p span {background: #17a2b8;color: #FFF;padding: 0 5px;}

.main-body {background: #FFF;}

#cs-variety {background: url(/img/header-background.png) center no-repeat;background-size: auto 150%;background-position: right 0;}
#cs-franklin {background: url(/img/franklin-project.jpg) center no-repeat;background-size: cover;}
#cs-highroad {background: url(/img/highroad-project.jpg) center no-repeat;background-size: cover;}
#cs-tvs {background: url(/img/tvstoybox-project.jpg) center no-repeat;background-size: cover;}
#cs-fashion {background: url(/img/fashion-ecommerce-major-project.jpg) center no-repeat;background-size: cover;}

#career.casestudy-title {height: 30vh;background: transparent;}
.casestudy-heading {font-size: 40px;font-weight: 300;}
/*.casestudy-heading:after {content: '';background: #000;height: 1px; width: 25px;}*/
.career-desc2:before {content: '';border: 1px solid #000;height: 100px;position: absolute;left: 0;top: 60px;}

h1.headings {font-family: 'Nunito Sans', sans-serif;font-weight: 300;}
section#sectio-02 {background: transparent;}

#career.variety-title {height: 50vh; background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 0, 0, 0.9)),to(rgba(0, 0, 0, 0.5))), url(../img/variety-header-background.jpg); background: linear-gradient(0deg,rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5)), url(../img/variety-header-background.jpg);background-size: cover;background-position: center;}
.sectio-02 {margin-top: 50px;}

.content .overlay {background: -webkit-gradient(linear,left bottom, left top,from(rgba(0, 0, 0, 0.5)),to(rgba(0, 0, 0, 0)));background: linear-gradient(0deg,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));}
.content-details {top: 90%;}
#technology-content .main-body {background: #FFF;padding-top: 50px;}
#technology-content .career-col-l1 {font-size: 48px; padding: 0;}
#technology-content .career-col-l1 h2 {padding: 15px 0;font-size: 29px;font-weight: 400;}
#technology-content .career-col-r1 img {height: 80px;margin: 0 5px;}
.contact-cols {display: -webkit-box;display: -ms-flexbox;display: flex;max-width: 950px; margin: 50px auto;}
.tech-cols:after {content: '';background: #CCC;display: block;height: 2px;position: absolute;bottom: -20px;left: 0;right: 0;}
.tech-cols{
    display: -webkit-box;display: -ms-flexbox;display: flex;margin: 50px auto;
}

#priority {text-align: center;padding: 25px 0;}
#priority ul {max-width: 600px;margin: 0 auto;}
#priority li {display: inline-block;}
div#priority h3 {font-size: 30px;padding: 20px 0;}
#priority li:before {-webkit-transform: skewX(0deg);
transform: skewX(0deg);border-radius: 20px;display: block;}
#priority li {margin: 0 20px;}
#vtrio-adv {position: relative;}
#vtrio-adv h2 {font-weight: 500;position: absolute;max-width: 240px;padding: 25px;top: 0;left: 0;font-size: 32px;background: #ec6127;color: #FFF;}
div#vtrio-adv {padding: 100px 0 100px 170px;}

div#vtrio-adv ul {margin: 0;padding: 50px;background: #EEE;}
div#vtrio-adv ul:last-child {padding-top: 0;}

.quotes-section {margin: 100px auto!important;text-align: center;}
.quotes-section object {max-width: 200px;}

/*
#icon-reward .st0 {
    fill: #3B73B9;
}
#icon-reward .st1 {
    fill: #DBDDDD;
}
#icon-reward .st2 {
    fill: #C73C3C;
}
*/



.quotes-section h1:before,.quotes-section h1:after {display: none;}

.btn-border{
    background:#fff !important;
    color:#15bdef !important;
}

.btn-vtrio {background: /*#15bdef*/ #15bdef;font-size: 20px;font-weight: 700;padding: 8px 25px 8px;  position: relative;display: inline-block;cursor: pointer;overflow: hidden;color: #0d3e99;-webkit-transition: all .25s ease;transition: all .25s ease;line-height: 28px;color: #FFF;    text-transform: capitalize;border-radius: 25px;border: 2px solid #15bdef;}
.btn-vtrio:hover {text-decoration: none;color: #98e5fb;}
/*
.btn-vtrio {font-size: 20px;font-weight: 800;padding: 8px 15px 10px;  position: relative;display: inline-block;cursor: pointer;overflow: hidden;color: #0d3e99;-webkit-transition: all .25s ease;transition: all .25s ease;line-height: 28px;}
.btn-vtrio.btn-red {color: #e92308;}
.btn-vtrio.btn-red:hover {color: #0d3e99;}
.btn-vtrio.btn-red:before, .btn-vtrio.btn-red:after {background-color: #e92308;}
.btn-vtrio.btn-red > *:before, .btn-vtrio.btn-red > *:after {background-color: #e92308;}
.btn-vtrio.btn-red > * > *:before, .btn-vtrio.btn-red > * > *:after {background-color: #0d3e99;}
.btn-vtrio.btn-red > * > * > *:before, .btn-vtrio.btn-red > * > * > *:after {background-color: #0d3e99;}
.btn-vtrio:hover {color:#e92308;-webkit-transition: all .25s ease;transition: all .25s ease;  text-decoration: none;}
.btn-vtrio:before, .btn-vtrio:after {content: "";position: absolute;left: 0;height: 3px;width: 100%;background-color: #0d3e99;}
.btn-vtrio:before {top: 0;}
.btn-vtrio:after {bottom: 0;}
.btn-vtrio:hover > * > *:before, .btn-vtrio:hover > * > *:after {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn-vtrio:hover > * > * > *:before, .btn-vtrio:hover > * > * > *:after {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn-vtrio > *:before, .btn-vtrio > *:after {content: "";position: absolute;top: 0;height: 100%;width: 3px;background-color: #0d3e99;}
.btn-vtrio > *:before {left: 0;}
.btn-vtrio > *:after {right: 0;}
.btn-vtrio > * > *:before, .btn-vtrio > * > *:after {content: "";position: absolute;left: 0;z-index: 9;height: 3px;width: 100%;background-color: #e92308;}
.btn-vtrio > * > *:before {top: 0;-webkit-transform: translate3d(-105%, 0, 0);transform: translate3d(-105%, 0, 0);transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.btn-vtrio > * > *:after {bottom: 0;-webkit-transform: translate3d(105%, 0, 0);transform: translate3d(105%, 0, 0);transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.btn-vtrio > * > * > *:before, .btn-vtrio > * > * > *:after {content: "";position: absolute;top: 0;z-index: 9;height: 100%;width: 3px;background-color: #e92308;}
.btn-vtrio > * > * > *:before {left: 0;-webkit-transform: translate3d(0, 105%, 0);transform: translate3d(0, 105%, 0);transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
.btn-vtrio > * > * > *:after {right: 0;-webkit-transform: translate3d(0, -105%, 0);transform: translate3d(0, -105%, 0);transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
*/
.technology-slack {margin-top: 0px;padding-bottom: 50px;padding-left: 15px;padding-right: 15px;}


#career.franklin-title {
    height: 50vh;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5))), url(../img/franklin-header-background.jpg);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(../img/franklin-header-background.jpg);
    background-size: cover;
    background-position: center 25%;
}
#career.tvstoybox-title {
    height: 50vh;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5))), url(../img/tvs-header-background.jpg);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(../img/tvs-header-background.jpg);
    background-size: cover;
    background-position: center 50%;
}
#career.highroad-title {
    height: 50vh;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5))), url(../img/highroad-header-background.jpg);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(../img/highroad-header-background.jpg);
    background-size: cover;
    background-position: center 40%;
}
#career.fashion-title {
    height: 50vh;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.5))), url(../img/fashion-header-background.jpg);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)), url(../img/fashion-header-background.jpg);
    background-size: cover;
    background-position: center 15%;
}



/*=====testimonial styles=====*/

.testimonial-bg .text-outerwrapper {
    display: table;
    height: 230px;
}

.testimonial-bg .text-outerwrapper .text-innerwrapper {
    display: table-cell;
    vertical-align: middle;
}
#service_inquiry {
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.1);box-shadow: 0 4px 20px rgba(0,0,0,.1);
}

#service_inquiry .enquiry_form {margin: 0 auto;max-width: none;}
#service_inquiry .enquiry_form .field {padding: 0;}
#service_inquiry .enquiry_form .action .btn-vtrio {padding: 0;margin: 12px 34px;}
#myModal {padding: 0!important;}
button.close {font-family: none;}
button.close {padding: 0;position: absolute;right: 10px;top: 0;font-size: 4rem;font-weight: 100;}
#service_inquiry .enquiry_form .action input {
    position: relative;
    z-index: 999;
    background: transparent;
    color: #FFF;
    margin: 0 auto;
    padding: 8px 15px 10px;
    font-weight: 800;
    text-transform: capitalize;
}
#service_inquiry #response_message.error {
    border: none;
    background: #d93600;
    color: #FFF;
    font-size: 24px;
    line-height: normal;
}
.hrmail{
    background: #007bff;
    text-align: center;
    color: white;
    font-size: 56px;
    font-weight: 400;
    line-height: normal;
    padding: 5px 0 10px;
    margin-bottom: 80px;
}
.hrmail a {color: #FFF;}
div#address-box p {
    margin: 20px 0;
    padding: 10px 10px 10px 65px;
    position: relative;
}

div#address-box p:before {
    content: '';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 30px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
div#address-box p#loc:before {background-image: url(../img/icons/contact-location.svg);}
div#address-box p#phn:before {background-image: url(../img/icons/contact-phone.svg);}
div#address-box p#mob:before {background-image: url(../img/icons/contact-mobile.svg);}
div#address-box p#fax:before {background-image: url(../img/icons/contact-fax.svg);}
div#address-box p#eml:before {background-image: url(../img/icons/contact-email.svg);}


#address-box h3 {
    font-size: 48px;
    font-weight: 300;
}

.modal {z-index: 9999;}

@media (min-width: 479px) {
.career-cols:nth-of-type(2n) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
}

@media (min-width: 768px) {
    div#vtrio-adv h2,
    div#vtrio-adv .vtrio_adv {
        -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.5);
    }
    
#service_inquiry .enquiry_form .field {padding: 10px 0;}
    .testimonial-bg {
        background: #0062b3;
        position: absolute;
        bottom: 70px;
        height: 230px;
        width: 100%;
    }
#service_inquiry br {display: none;}
}

@media (max-width: 1199px){
/*#section1 video {height: 105vh!important;}*/
.square_section {padding: 0;}
.square_section div {max-width: none;}
section#section3 {padding: 50px 0;}
.banner_wrap {margin: auto;}
}

@media (max-width: 980px){
h1.intro-title {font-size: 50px;line-height: 50px;}
p.intro-subtitle {font-size: 24px;}
#section1 video {height: 125vh!important;}
}

@media (max-width: 767px){
.menubg-white .navbar-collapse li.contact a {
    background: transparent!important;
}
    #startup-serv span.process-name:after{
        top:50px !important;
        right: 250px;
    }
    #startup-serv .process-nos.row1 li:last-child{
        height: 130px;
    }
    #startup-serv .process-nos.row1 li:last-child span.process-name:after{
        width: 110px;
        height: 100px;
        right: 200px;
        top: 15px;
        -webkit-transform: rotate(0deg)!important;
        transform: rotate(0deg)!important;
    }
    .services-icons.process-nos li {overflow: hidden;padding-left: 0;display: block;height:70px;}
    span.process-name:after {
    -webkit-transform: rotate(90deg)!important;
    transform: rotate(90deg)!important;
    }
    div#startup-serv ul.services-icons.row1{
        padding-left: 120px;
    }
    .content-wrapper, .square_section{
        height: auto;
    }
    .service-section h2{
        font-size: 35px;
    }
    #services-content{
        padding-right: 35px;
    }
    .process-nos span {height: 30px;}
    span.process-name {line-height: 30px;}
    
.header-overlay {min-height: 60px;overflow: visible;}
h1.intro-title,.content-title h1 {font-size: 40px;line-height: 40px;}
p.intro-subtitle {font-size: 24px;}
.fullsize-video-bg .inner > div {padding: 0!important;}
.previous.controls {left: -30px!important}
.next.controls {right: -30px!important}
.owl-carousel .owl-item img {width: 100%;height: auto;}
.client_section img {padding: 0;}
.item {max-height: 600px;}
section#services-content .career-col-l1 {height: 200px;}
section#services-content .career-cols {margin-bottom: 0;}
.client_section h3 {font-size: 30px;}
#service_inquiry h3 {font-size: 28px;}
section#service_inquiry {padding: 10px 0;}
#service_inquiry .enquiry_form .field {padding: 0;}
    h3, h3.content_head{
        font-size: 20px;
    }
    .content-details h4 {
        font-size: 18px;
    }
    .content-details {
        top: 90%;
    }
    #myCarousel,
    .img_position,
    .testimonial-bg .text-outerwrapper {
        bottom: auto;
        height: auto;
    }
    .testimonial-bg .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .testimonial-bg {
        background: #0062b3;
        height: auto;
        width: 100%;
    }
    .testimonial-bg .text-outerwrapper .text-innerwrapper {
        display: block;
        text-align: center;
        padding: 15px;
    }
.career-no {
    position: static;
    float: left;
    font-size: 50px;
    padding: 0;
    width: 80px;
    height: 80px;
    margin: 0;
    line-height: 80px;
}
.career-no p {clear: both;}
.career-col-content {
    padding: 20px;
}
.services-icons li {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;word-break: break-word;}
.casestudy-title,.services-title {height: 200px!important;}
.tech-cols,.contact-cols {
    display: block;
}
#technology-content .career-col-l1, #technology-content .career-col-r1 {
    max-width: none!important;
}
.career-col-l1, .career-col-r1 {
    padding: 0 10px;
    max-width: none;}
#vtrio-adv h2 {
    position: static;
    margin: 0;
    max-width: none;
        font-size: 40px;
        line-height: normal;
        padding: 20px;
}
div#vtrio-adv {
    padding: 0;
}
div#vtrio-adv ul {
    padding: 20px 0;
}
div#priority, .quotes-section h1, .quotes-section h1 {
    text-align: left;
}
.quotes-section {
    width: auto;
    padding: 0px;
    margin: 0!important;
}
ul.links li {
    float: left;
    padding-right: 20px;
}
.repeater .repeater-section {margin: 0;}
div#product-engg ul.services-icons,div#enter-serv ul.services-icons,div#startup-serv ul.services-icons, ul.services-icons object {display: block;}
ul.services-icons br {display: none;}
#ded-engg br {display: block;}
#ded-engg ul{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
section#technology-content .tech-cols {margin-top: 0;}
.career-cols {display: block;}
.about-icons {display: block;}
.contact-cols .career-col-l1 {margin: 0;}
}

@media (max-width: 479px) {
/*#video-viewport {left: -100%!important;overflow: visible!important;}*/
    .career-col-content p{
        font-size: 14px;
    }
    div#startup-serv ul.services-icons.row1{
        padding-left: 50px;
    }
.career-no p {clear: both;}
.career-no {float: none;max-width: 100px;}
.service-section h2 {margin-bottom: 20px;font-size: 28px;}
.process-nos {display: block;}
   #ded-engg .services-icons.process-nos li{height: 90px}
   #ded-engg span.process-name:after{
        top: 60px!important;
    }
    #ded-engg span.process-name {
        line-height: 20px;
    }
.services-icons.process-nos li {overflow: hidden;padding-left: 0;display: block;height:70px;}
span.process-name:after {-webkit-transform: rotate(90deg)!important;transform: rotate(90deg)!important;left: 0;
    top: 40px!important;
    width: 25px;
    height: 15px;
    right: 5px;}
.process-nos.row1 li:last-child span.process-name:after {width: 30px;height: 20px;right: 15px;top: 12px;background: url(../img/icons/drawn-arrow.svg);background-size: cover;display: block;}
.row2 li:first-child span.process-name:after {background: url(../img/icons/drawn-arrow.svg);background-size: cover;}
.process-nos {margin: 0;}
div#ded-engg ul {display: block;}
#ded-engg .services-icons.row2 li:last-child span:after {display: none;}
span.process-name:after {position: absolute;margin: 0 auto !important;}
/*#ded-engg br {display: none;}*/
    #startup-serv span.process-name:after{
        top:50px !important;
    }
    div#startup-serv ul.services-icons{
        padding-bottom: 30px;
    }    
    div#startup-serv ul.services-icons .process_wrapper{
        height:60px;
    }
    span.process-no[
        margin-right: 7px;
    ]
    .process-nos span{
        display: inline-block;
        float: none;
    }
    #startup-serv .process-nos.row1 li:last-child{
        height: 130px;
    }
    #startup-serv .process-nos.row1 li:last-child .process_wrapper{
        height: 120px;
    }
    #startup-serv .process-nos.row1 li:last-child span.process-name:after{
        right: 70px;
        top: 40px !important;
        left: 0px;
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important;
    }
    
}