body {background: #fffdf7; line-height: 24px; font-family: 'Lato', sans-serif; font-weight: 500; font-size: 16px; color: #666666; overflow-x: hidden; overflow-y: auto; padding: 0px; margin: 0px; } .body-wrapper {overflow: hidden; width: 100%; } h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; } h1 {font-family: 'Roboto Slab', serif; font-weight: 300; margin-bottom: 22px; } h2 {font-size: 36px; line-height: 40px; font-family: 'Roboto Slab', serif; color: #3c4098; font-weight: 300; margin-bottom: 20px; } h3 {font-size: 24px; line-height: 30px; font-family: 'Roboto Slab', serif; color: #ea750f; font-weight: 400; margin-bottom: 18px; } textarea {resize: none; } :focus {outline: -webkit-focus-ring-color auto 0px !important; } .mt20 {margin-top: 20px; } .margin-top4 {margin-top: 4%; } .float-left {float: left !important; } .float-right {float: right; } .display-none {display: none; } .gredient1 {background: linear-gradient(90deg, red, yellow); background: -webkit-linear-gradient(90deg, red, yellow); background: -moz-linear-gradient(90deg, red, yellow); background: -o-linear-gradient(90deg, red, yellow); background: -ms-linear-gradient(90deg, red, yellow); } .font-blue {color: #3c4098; } .font-orange {color: #ea750f; } .font-white {color: #fff; } .font-grey {color: #666666; } .font-lato {font-family: 'Lato', sans-serif; } .font-Roboto {font-family: 'Roboto Slab', serif; } .color-orange {color: #ea750e; } .font-size16 {font-size: 16px; } .fa-long-arrow-right {padding-left: 2%; font-weight: inherit; } a:hover, a:focus {text-decoration: none; } section {padding: 9% 0 0; } .section1 {margin: 0 !important; padding: 0 !important; } .container-fluid {padding-right: 0px !important; padding-left: 0px !important; margin-right: auto; margin-left: auto; } p {line-height: 24px; font-family: 'Lato', sans-serif; font-weight: 500; font-size: 16px; margin-bottom: 15px; color: #555555; } .core-detail {display: inline-block; width: 100%; margin-bottom: 50px; } .core2 {display: inline-block; margin-bottom: 30px; -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; background-color: #fff; } .core2 a {font-family: 'Roboto Slab', serif; transition: all 0.5s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; margin-bottom: 30px; display: inline-block; padding: 40px 50px; min-height: 330px; text-decoration: none; cursor: auto; } .core2:hover {-webkit-box-shadow: 0px 4px 15px 0px rgba(234, 117, 15, 0.2); -moz-box-shadow: 0px 4px 15px 0px rgba(234, 117, 15, 0.2); -ms-box-shadow: 0px 4px 15px 0px rgba(234, 117, 15, 0.2); box-shadow: 0px 4px 15px 0px rgba(234, 117, 15, 0.2); background-color: #ea750e; } .core2:hover a {color: #fff; } .core2 p {margin-bottom: 0px; } .core2:hover p {color: #fff; } .core2:hover h2 {color: #fff; } .core2:hover .img-display {display: block !important; } .core2:hover img {display: none; } .padding0 {padding-right: 0px !important; padding-left: 0px !important; } .padding-top0 {padding-top: 0px !important; } .padding-bottom9 {padding-bottom: 9%; } .padding-top {padding-top: 145px; } .core2 h2 {font-size: 24px; color: #ea750e; font-family: 'Roboto Slab', serif; font-weight: 400; letter-spacing: 0px; line-height: 28px; margin-top: 15px; } .core2-p {color: #555555; } .width2 {width: 14% !important; } .common-read-more-btn {background: #ea750f url(../images/btn-white-arrow.svg) center right 40px no-repeat; padding: 12px 70px 15px 40px; font-size: 16px; font-weight: 400; text-transform: none; letter-spacing: 0px; color: #FFF; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; transition: all ease-in 0.1s; -webkit-transition: all ease-in 0.1s; -moz-transition: all ease-in 0.1s; -ms-transition: all ease-in 0.1s; font-family: 'Lato', sans-serif; margin-top: 30px; display: inline-block; border: 0px; margin: 20px 0px 0px; } .common-read-more-btn:hover, .common-read-more-btn:focus {background-color: #333085; color: #fff; text-decoration: none; } .common-read-more-text {color: #ea750f; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; } .common-read-more-text:after {content: ''; position: absolute; top: 7px; right: -28px; background-image: url('../images/sprite-arrow.svg'); background-repeat: no-repeat; background-position: 0 0; width: 20px; height: 9px; } .common-read-more-text:hover {color: #333085; } .common-read-more-text:hover:after {background-position: 0 -21px; } .btn-orange {color: white; background-color: #ea750e; border-color: #ccc; display: inline-block; padding: 12px 35px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; } .btn-orange:hover {color: white; text-decoration: none; } .margin10 {margin-top: 10%; } .bgimg {position: relative; } .bgimg-bgimg {position: absolute; top: -337px; left: -500px; z-index: -1; } .global {padding-top: 150px; } select::-ms-expand {display: none; } select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent url("../images/dropdown-arrow.svg") no-repeat right !important; } .form-main select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent url("../images/contact-dropdown.svg") no-repeat right !important; } #inspiration {background: linear-gradient(55deg, #57b4b6, #333185); background: -webkit-linear-gradient(55deg, #57b4b6, #333185); background: -moz-linear-gradient(55deg, #57b4b6, #333185); background: -o-linear-gradient(55deg, #57b4b6, #333185); background: -ms-linear-gradient(55deg, #57b4b6, #333185); position: relative; overflow: hidden; } .inspi-bg {position: absolute; bottom: -330px; right: 0px; z-index: 1; } .inspi-bg img {max-width: 100%; width: auto; height: auto; } #inspiration h3 {color: white; } #inspiration p {color: white; } .inspiration-img1 {position: absolute; top: -190px; } .btn-blue {color: white; background-color: #332f84; border-color: #ccc; display: inline-block; padding: 12px 35px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; } .btn-blue:hover {color: white; text-decoration: none; } #inspiration::before {content: ""; display: block; background: url("../images/inspiration-before.png") no-repeat; width: auto; height: 510px; max-width: 100%; background-size: 100% auto; } #inspiration::after {content: ""; display: block; background: url("../images/inspiration-after.png") no-repeat; width: auto; height: 167px; max-width: 100%; background-size: 100% auto; } .margin5 {margin: 5% 0px; } .padding-left10 {padding-left: 10%; } .padding-right10 {padding-right: 10%; } #footer {position: relative; } #footer .footer-main {background-color: #333185; padding: 90px 0px 95px; position: relative; } .footer-heading > img {margin-top: -3px; } #footer .footer-heading {color: white; font-size: 18px; margin-bottom: 10px; font-family: 'Roboto Slab', serif; font-weight: 400; } #footer p {color: #c3c1ff; font-size: 14px; padding-left: 25px; } #footer a {color: #c3c1ff; } #footer a:hover, #footer a:active, #footer a.active {color: #fff; } #footer .fa-long-arrow-right {color: #c3c1ff; } #footer ul {list-style-type: none; padding-left: 0px; } #footer a.common-read-more-text {font-size: 14px; text-decoration: none; } #footer a.common-read-more-text::after {background-position: 0px -55px; } #footer a.common-read-more-text:hover::after, #footer a.common-read-more-text:focus::after {background-position: 0px -42px; } #footer .social-icon a {padding-left: 0px; } .social-icon a:hover .fa {opacity: 0.8; } .social-icon {display: inline-block; width: 100%; margin-bottom: 10px; margin-top: 5px; margin-left: 25px; } .social-icon a .fa {background: #8481d9; width: 23px; height: 23px; line-height: 23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #333185; margin: 0px 5px 0px 0px; text-align: center; } #footer ul li {font-size: 13.5px; line-height: 24px; } #footer ul li a {color: #c3c1ff; text-decoration: none; } /*.footer-margin {margin:10px 0px 0px; }*/ .p-margin {margin-top: 45px; } .fa-stack-2x {color: #c3c1ff; } .fa-inverse {color: #333185 !important; } .margin25 {margin-top: 25%; } .regular h4 {color: #ea750e; font-size: 24px; text-transform: capitalize; } .margin-bottom5 {margin-bottom: 5%; } .nav>li>a:focus, .nav>li>a:hover {background-color: transparent !important; } /*end slick slider css*/ /*topcarousel slider start*/ html, body {height: 100%; } .carousel {position: relative; } .carousel, .item, .active {height: 100%; } .topcarouselslider .carousel-inner {height: 100%; background: #000; position: relative; width: 100%; overflow: hidden; } .topcarouselslider .carousel-caption {padding-bottom: 80px; } .animated {-webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .topcarouselslider .carousel-caption .content {font-family: 'Roboto Slab', serif; font-size: 36px; font-weight: 300; line-height: 42px; letter-spacing: 0px; margin: 0px; color: #fff; } .topcarouselslider.blogbanner .carousel-caption .content {width: 70%; } .topcarouselslider .slider-button {margin: 45px 0px 0px; display: inline-block; width: 100%; } .home .topcarouselslider .carousel-caption {left: 8%; } .topcarouselslider .carousel-caption {right: 20%; left: 22%; padding-bottom: 0; text-align: left; top: 55%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); padding-top: 0px; bottom: inherit; text-shadow: 0 0px 0px rgba(0, 0, 0, 0); } .topcarouselslider .carousel-indicators {position: absolute; bottom: inherit; left: 21.5%; z-index: 15; width: 100%; padding-left: 0; margin-left: 0; text-align: left; list-style: none; width: 30%; top: 68.5%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .topcarouselslider .carousel-indicators .active {width: 12px; height: 12px; background-color: rgba(255, 255, 255, 1); } .topcarouselslider .carousel-indicators li {display: inline-block; width: 12px; height: 12px; margin: 0px 0 0 4px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.25); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border: 0px none; } .topcarouselslider .carousel-caption p {margin: 25px auto 0; display: inline-block; } .btn-blue-orange {background: #333085 url(../images/btn-white-arrow.svg) center right 35px no-repeat; padding: 12px 64px 15px 44px; font-size: 16px; font-weight: 400; text-transform: none; letter-spacing: 0px; color: #FFF; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; transition: all ease-in 0.1s; -webkit-transition: all ease-in 0.1s; -moz-transition: all ease-in 0.1s; -ms-transition: all ease-in 0.1s; font-family: 'Lato', sans-serif; display: inline-block; } .btn-blue-orange:hover, .btn-blue-orange:focus {background-color: #ea750f; color: #fff; text-decoration: none; } .slider-down {position: absolute; width: 100%; text-align: center; bottom: 30px; } .slider-down a {border: 2px solid #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; width: 25px; height: 42px; display: inline-block; vertical-align: top; position: relative; } .slider-down a span {position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; animation: rev-ani-mouse 2s linear infinite; } @keyframes rev-ani-mouse {0% {opacity: 1; top: 29% } 15% {opacity: 1; top: 50% } 50% {opacity: 0; top: 75% } 100% {opacity: 0; top: 29% } } .topcarouselslider .fill {width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } /*topcarousel slider END*/ /* video gallery 3d filp css start */ .video-main .slick-slider {margin-left: -12%; margin-right: -12%; } .video-main .slick-list {padding-top: 10%!important; padding-bottom: 12%!important; padding-left: 15%!important; padding-right: 15%!important; } .video-main .slick-dots {text-align: right; position: absolute; bottom: 0; left: 0; right: 0; } .video-main .slick-track {max-width: 100%!important; transform: translate3d(0, 0, 0)!important; -webkit-transform: translate3d(0, 0, 0)!important; -moz-transform: translate3d(0, 0, 0)!important; -o-transform: translate3d(0, 0, 0)!important; -ms-transform: translate3d(0, 0, 0)!important; perspective: 100px; } .video-main .slick-slide {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; width: 100%!important; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transition: transform 1s, opacity 1s; -webkit-transition: transform 1s, opacity 1s; -moz-transition: transform 1s, opacity 1s; -o-transition: transform 1s, opacity 1s; -ms-transition: transform 1s, opacity 1s; } .video-main .slick-snext, .video-main .slick-sprev {display: block; } .video-main .slick-current {opacity: 1; position: relative; display: block; transform: translate3d(0, 0, 20px); -webkit-transform: translate3d(0, 0, 20px); -moz-transform: translate3d(0, 0, 20px); -o-transform: translate3d(0, 0, 20px); -ms-transform: translate3d(0, 0, 20px); z-index: 2; } .video-main .slick-snext {opacity: 1; transform: translate3d(20%, 0, 0px); -webkit-transform: translate3d(20%, 0, 0px); -moz-transform: translate3d(20%, 0, 0px); -o-transform: translate3d(20%, 0, 0px); -ms-transform: translate3d(20%, 0, 0px); z-index: 1; } .video-main .slick-sprev {opacity: 1; transform: translate3d(-20%, 0, 0px); -webkit-transform: translate3d(-20%, 0, 0px); -moz-transform: translate3d(-20%, 0, 0px); -o-transform: translate3d(-20%, 0, 0px); -ms-transform: translate3d(-20%, 0, 0px); } /* video gallery 3d filp css start */ /* video-gallery css START */ .videoinnercntnt h2 {font-size: 20px; margin-bottom: 5px; line-height: 25px; } .video-main {margin-bottom: 100px; } .videoitem > a.video {margin-bottom: 0px; position: relative; cursor: pointer; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; overflow: hidden; border: 0px none; padding: 0; vertical-align: top; margin-top: 0px; display: inline-block; } .videoitem > a.video img {max-width: 100%; width: auto; height: auto; margin: 0 auto; } .videoitem .video-overlay {background: rgba(234, 117, 14, 0.80); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: .5s ease; -webkit-transition: .5s ease; -moz-transition: .5s ease; -o-transition: .5s ease; -ms-transition: .5s ease; } .videoitem:hover .video-overlay {opacity: 1; } .videoitem .video-overlay .videoinnercntnt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; background-color: transparent; color: white; font-size: 16px; max-width: 100%; width: 100%; } .videoitem > a.video .videoinnercntnt img {max-width: 60px; width: auto; height: auto; } /* video-gallery css END */ /*menu css*/ header {display: inline-block; width: 100%; background: #fff; position: fixed; top: 0px; z-index: 999; left: 0px; } .navigation-bar .nav-menu-nav {padding-top: 29px; position: relative; } .navigation-bar .header-logo a {display: inline-block; } .navigation-bar .header-logo a img {max-width: 100%; width: auto; height: auto; } .navigation-bar {width: 100%; display: inline-block; float: left; position: fixed; top: 0; left: 0; right: 0; z-index: 4; background: #fff; padding: 15px 0px; /* -webkit-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1); -ms-box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.1);*/ } .navigation-bar .navbar-collapse {padding-left: 0px; padding-right: 0px; position: relative; } .navigation-bar ul.nav li {position: relative; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 20px; letter-spacing: 0px; padding: 0px 16px; } .navigation-bar ul.nav li > a {color: #3c4098; text-decoration: none; padding: 0px; } .navigation-bar ul.nav li > a:hover {color: #ea750f; } .navigation-bar ul.nav li > ul {position: absolute; top: 100%; left: 0; display: none; list-style: outside none; width: 245px; padding: 20px 15px 20px 15px; -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, .175); -moz-box-shadow: 0 12px 12px rgba(0, 0, 0, .175); -ms-box-shadow: 0 12px 12px rgba(0, 0, 0, .175); box-shadow: 0 12px 12px rgba(0, 0, 0, .175); background: #fff; max-width: 280px; z-index: 2; } .navigation-bar ul.nav li:hover > ul {display: block; } .navigation-bar ul.nav li > ul > li {width: 100%; display: block; padding: 8px 0px 8px 17px; border-bottom: 1px solid #ddd; } .navigation-bar ul.nav li > ul > li:last-child {border-bottom: 0px none; padding: 8px 0px 0px 17px; } .navigation-bar ul.nav li > ul > li > a {position: relative; } .navigation-bar ul.nav li > ul > li > a:before {content: ''; position: absolute; top: 8px; left: -15px; width: 6px; height: 6px; background: #ea750f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; } .navigation-bar ul.navbar-nav {float: right; margin-right: 40px; } .sidetop-overlay {position: absolute; height: auto; width: 100%; position: fixed; z-index: 9999; display: none; overflow-x: hidden; } .sidebar {display: block; } .sidebar .searchbg .btn-submit.btn-blue-orange {background: #333085 url(../images/btn-white-arrow.svg) center right 25px no-repeat; padding: 8px 57px 10px 35px; font-size: 16px; font-weight: 400; text-transform: none; letter-spacing: 0px; color: #FFF; display: inline-block; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; transition: all ease-in 0.1s; -webkit-transition: all ease-in 0.1s; -moz-transition: all ease-in 0.1s; -ms-transition: all ease-in 0.1s; font-family: 'Lato', sans-serif; display: inline-block; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); border: 0px none; height: auto; text-transform: capitalize; } .sidebar .searchbg .btn-submit.btn-blue-orange:hover, .sidebar .searchbg .btn-submit.btn-blue-orange:focus {background: #221f6f url(../images/btn-white-arrow.svg) center right 25px no-repeat; } .searchpoint {position: relative; } .searchpoint a.toggle-right {right: 0px; top: -24px; width: 30px; height: 30px; line-height: 28px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; padding: 0px; -webkit-box-shadow: 0px 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 0 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0 0px 0px rgba(0, 0, 0, 0); } .searchpoint a.toggle-right:hover {color: #fff; } .sidebar .searchbg input[type="text"] {padding: 8px 15px 8px 40px; height: 42px; border: none; width: 100%; border-bottom: 1px solid #fff; background-color: transparent; color: #fff; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); font-size: 16px; text-transform: capitalize; } .sidebar .searchbg span {position: relative; width: 100%; display: inline-block; } .sidebar .searchbg span:before {content: "\f002"; position: absolute; top: 50%; left: 5px; color: #ffffff; font-family: fontawesome; font-size: 20px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .sidebar .searchbg .form-control:focus, .sidebar .searchbg .form-control {border-bottom: 1px solid #fff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); -ms-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); } .searchbg input[type="text"]::-moz-placeholder {color: #fff; opacity: 0.4; } .searchbg input[type="text"]:-ms-input-placeholder {color: #fff; opacity: 0.4; } .searchbg input[type="text"]::-webkit-input-placeholder {color: #fff; opacity: 0.4; } .navigation-bar ul.nav > li:nth-child(7), .navigation-bar ul.nav > li:nth-child(8) {z-index: 9; } /*krupa css homepage topslider END*/ /*CSS ISHANI*/ .button-pre:hover, .button-next:hover {background-color: #333185; } .button-pre {position: absolute; bottom: 50%; left: 0%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background-color: #d9d5e4; border: 1px solid transparent; height: 50px; width: 50px; line-height: 50px; z-index: 1; background-image: url(../images/homepage-slider-previous-arrow-white.svg); background-position: center; background-repeat: no-repeat; } .button-next {position: absolute; bottom: 50%; right: 0%; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; background-color: #d9d5e4; border: 1px solid transparent; height: 50px; width: 50px; line-height: 50px; z-index: 1; background-image: url(../images/btn-white-arrow.svg); background-position: center; background-repeat: no-repeat; } .rev_slider .fa-long-arrow-left, .press-release-detail-slider .fa-long-arrow-left {font-size: 20px; color: white; } .rev_slider .fa-long-arrow-right, .press-release-detail-slider .fa-long-arrow-right {font-size: 20px; color: white; } button:focus {outline: none; } .fa-play-circle {font-size: 60px !important; } .margin-bottom15 {margin-bottom: 15%; } .rev_slide:focus {outline: none; } #about a:hover {color: #3c4098; } .btn-orange:hover {background-color: #3c4098; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .btn-blue:hover {background-color: #ea750e; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } .therapi-slickmain {padding: 0px; margin-top: 200px; } .therapi-slickmain h2 {margin-bottom: 35px; } .therapi-slickmain h3 {margin-top: 10px; } .therapislickslider .item {margin: 0px 15px; } .therapislickslider .item img {max-width: 100%; width: auto; height: auto; margin: 10px auto 0px; } .therapislickslider .slick-dots {text-align: center; } .therapislickslider .slick-dots li {width: 12px; height: 12px; margin: 0px 4px; } .therapislickslider .slick-dots li button {width: 12px; height: 12px; background: transparent; } .therapislickslider .slick-dots li button::before {width: 12px; height: 12px; background: #ea750f; opacity: 0.25; } .therapislickslider .slick-dots li.slick-active button::before, .therapislickslider .slick-dots li:hover button::before {opacity: 1 } .therapi-slickmain h3 a:hover {color: #ea750f; } @media screen and (max-width: 420px) {#inspiration::before {height: 291px; } } @media screen and (max-width: 320px) {#inspiration::before {height: 220px; } } @media screen and (min-width: 420px) and (max-width:992px) {#inspiration::before {height: 430px; } } /* saf3+, chrome1+ */ @media screen and (-webkit-min-device-pixel-ratio:0) {/*.sidebar .searchbg span:before{top: 0px;}*/ } /*Ishani start Css press release detail page*/ .common-main {position: relative; } .header-image-common {margin: 115px 0px 140px 0px; overflow: hidden; } .press-release-content .header-image img {width: 100%; position: relative; } .press-release-content {padding-bottom: 130px; } .bg-left-common {position: absolute; top: 345px; z-index: -1; } .bg-right-common {position: absolute; bottom: -200px; z-index: -1; right: 0px; } .contact-form-main .bg-right-common {position: absolute; bottom: -200px; z-index: 0; right: 0px; } .margin-bottom {margin-bottom: 0px !important; } .press-release-content h1 {margin-bottom: 0px; line-height: 50px; } .press-release-content span {font-size: 14px; color: #999999; font-family: 'Lato', sans-serif; } .press-release-content .inner-detail img {width: 100%; } .press-release-content .media-video {border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; margin: 20px 0px 0px 0px; display: inline-block; width: 100%; overflow: hidden; height: 532px; } .media-video iframe, .detail-video {width: 100% !important; height: 100% !important; } .press-release-detail-slider {width: 100%; display: inline-block; } .press-release-content .press-release-detail-slider img {border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; margin: 30px 0px 5px 0px; } .press-release-detail-slider .button-pre, .press-release-detail-slider .button-next {bottom: 45%; } .press-release-content .content-inner {margin-bottom: 60px; } .press-release-content .content-detail {margin-top: 30px; } .press-release-content .content-detail h2 {font-size: 20px; color: #ea750e; font-family: 'Roboto Slab', serif; font-weight: 400; letter-spacing: 0px; line-height: 28px; margin: 0px 0px 10px 0px; } .press-release-content .content-detail h1 {color: #ea750e; } .press-release-content .content-detail h4 {font-size: 24px; color: #ea750e; font-family: 'Roboto Slab', serif; margin-bottom: 18px; } .press-release-content .content-detail h5 {font-size: 20px; color: #ea750e; font-family: 'Roboto Slab', serif; margin-bottom: 18px; } .press-release-content .content-detail h6 {font-size: 18px; color: #ea750e; font-family: 'Roboto Slab', serif; margin-bottom: 18px; } .press-release-content .content-detail ul, .about-our-heritage ul, .governance-content ul, .business-contract ul, .business-accordian ul, .business-contract-operation ul, .business-contract ul, .custulli ul, .upcoming-event-single ul, .upcoming-event-main ul {padding-left: 0px; list-style-type: none; } .press-release-content .content-detail ul li {font-size: 16px; margin-bottom: 15px; } .press-release-content .content-detail ul li, .about-our-heritage ul li, .governance-content ul li, .business-contract ul li, .business-accordian ul li, .business-contract-operation ul li, .business-contract ul li, .custulli ul li, .upcoming-event-single ul li, .upcoming-event-main ul li {padding: 0 0 0 20px; position: relative; margin-bottom: 20px; } .press-release-content .content-detail ul li:before, .about-our-heritage ul li:before, .governance-content ul li:before, .business-contract ul li:before, .business-accordian ul li:before, .business-contract-operation ul li:before, .business-contract ul li:before, .custulli ul li:before, .upcoming-event-single ul li:before, .upcoming-event-main ul li:before {content: ""; background: url(../images/ul-icon.svg)no-repeat top left; position: absolute; height: 20px; width: 20px; left: 0; top: 7px; } .press-release-content .content-detail ul li ul {padding-left: 20px; margin-top: 20px; } .press-release-content .content-detail ol {padding-left: 0px; counter-reset: item; list-style-type: none; } .press-release-content .content-detail ol li {margin-top: 20px; } .press-release-content .content-detail ol ol {padding-left: 20px; } .press-release-content .content-detail ol li:before {padding-right: 10px; content: counters(item, ".") "."; counter-increment: item; } .navigation-bar ul.nav li > a.active {color: #f58220; } .press-release-content .bread-content, .press-release-main .bread-content {background-image: url('../images/Press-release-detail-header.jpg'); background-repeat: no-repeat; background-size: cover; height: 330px; padding: 130px 0px 100px 0px; } .breadcrumb-main div {font-size: 36px; color: #ffffff; font-family: 'Roboto Slab', serif; font-weight: 300; line-height: 40px; } .breadcrumb-main .breadcrumb {background-color: transparent; color: #ffffff; padding: 20px 0px; margin-bottom: 0px; } .breadcrumb-main .breadcrumb li a {color: #ffffff; } .breadcrumb-main .breadcrumb>li:after {padding: 0 5px; color: #ffffff; content: "/\00a0"; } .breadcrumb>li+li:before {padding: 0 5px; color: transparent; content: "/\00a0"; display: none; } .breadcrumb-main .breadcrumb>.active {color: #ffffff; } .media-interview, .tab-year, .press-release-content, .about-leadership-chairman, .aboutus-overview, .board-of-directors, .executive-directors, .aboutus-csr, .business-api, .about-our-heritage, .the-care, .searchlist, .about-corporate-governance, .research-api-development, .research-process, .research-development-main, .growth-development, .therapies-overview, .therapies-gastronenterology, .business-contract, .business-contract-operation, .upcoming-event, .news-gallery {position: relative; } /*Ishani End Css press release detail page*/ /*Ishani Start Css press release page*/ .press-release-main {position: relative; } .awsome-interview {border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; margin: 30px 0px 125px; display: inline-block; width: 100%; background-color:#fdfdfd; -webkit-border-radius: 0px 40px 40px 0px; -moz-border-radius: 0px 40px 40px 0px; -ms-border-radius: 0px 40px 40px 0px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04); border-radius:50px; overflow: hidden; } .awsome-interview .awsome-interview-img {width: 47%; display: inline-block; float: left; position: relative; } .awsome-interview .awsome-interview-img .MI-video {display: inline-block; cursor: pointer; width: 100%; } .awsome-interview .awsome-interview-img img {width: 100%; border-radius: 50px 0px 0px 50px; -webkit-border-radius: 50px 0px 0px 50px; -moz-border-radius: 50px 0px 0px 50px; -ms-border-radius: 50px 0px 0px 50px; } .awsome-interview .overlay-main {background: rgba(51, 49, 133, 0.25); position: absolute; top: 0; left: 0; right: 0; bottom: 7px; opacity: 1; transition: .5s ease; -webkit-transition: .5s ease; -moz-transition: .5s ease; -o-transition: .5s ease; -ms-transition: .5s ease; border-radius: 50px 0px 0px 50px; -webkit-border-radius: 50px 0px 0px 50px; -moz-border-radius: 50px 0px 0px 50px; -ms-border-radius: 50px 0px 0px 50px; } .awsome-interview .MI-video-overlay {display: inline-block; width: 100%; } .awsome-interview .MI-video-overlay img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 100%; width: 13%; text-align: center; } .media-video .MI-video-overlay img {position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-width: 100%; width: auto; text-align: center; } .awsome-interview .awsome-interview-content {width: 53%; background-color: #fdfdfd; height: auto; padding: 35px 70px 47px; float: left; /* border-radius: 0px 40px 40px 0px; -webkit-border-radius: 0px 40px 40px 0px; -moz-border-radius: 0px 40px 40px 0px; -ms-border-radius: 0px 40px 40px 0px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04); -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04);*/ } .awsome-interview .awsome-interview-content h2, .awsome-interview-grid .grid-content h2, .upcoming-event-main .grid-content h3 {margin-bottom: 5px; } .awsome-interview .awsome-interview-content h2 a, .awsome-interview-grid .grid-content h2 a {color: #ea750e; font-size: 22px; font-family: 'Roboto Slab', serif; font-weight: 500; } .upcoming-event-main .grid-content h2 a {color: #333185; } .upcoming-event-main .grid-content h2 a:hover {color: #ea750e; } .awsome-interview .awsome-interview-content span, .awsome-interview-grid .grid-content span, .upcoming-event-main .grid-content span {font-size: 14px; color: #999999; font-family: 'Lato', sans-serif; margin: 0px 0px 30px 0px; } .awsome-interview .awsome-interview-content p {margin: 15px 0px; } .awsome-interview-grid .grid-content, .upcoming-event-main .grid-content {background-color: #fdfdfd; padding: 30px 27px; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.03); border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; -moz-border-radius: 0px 0px 50px 50px; -ms-border-radius: 0px 0px 50px 50px; transition: all ease-in 0.1s; } .awsome-interview-grid .grid-content:hover, .upcoming-event-main .grid-content:hover {-webkit-box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); -moz-box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); -ms-box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); } .awsome-interview-grid .grid-content h2:hover a, .awsome-interview .awsome-interview-content h2:hover a {color: #333185; } .awsome-interview-grid, .grid-content p {margin-top: 15px; } .awsome-interview-grid, .grid-content-link {display: inline-block; font-size: 16px; width: 100%; font-weight: 600; color: #333185; margin-top: 12px; } .awsome-interview-grid, .grid-content-link:hover {color: #ea750e; } .awsome-interview-grid {display: inline-block; width: 100%; } .awsome-interview-grid .grid-img {margin: 50px 0px 0px 0px; } .awsome-interview-grid .grid-img img, .upcoming-event-main .grid-img img {border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; -moz-border-radius: 50px 50px 0px 0px; -ms-border-radius: 50px 50px 0px 0px; width: 100%; } .awsome-interview-grid .block-nav {padding-left: 0; margin-bottom: 0; list-style: none; } .block-nav li {position: relative; display: block; } .tab-year {padding-bottom: 150px; } .tab-years .block-nav-tabs {display: inline-block; } .tab-years .block-nav-tabs li {float: left; margin-bottom: -1px; } .tab-years .block-nav-tabs>li>a {padding: 10px 40px; background-color: #f58220; margin-right: 10px; color: white; font-size: 20px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; position: relative; } /*extra start*/ .tab-years .block-nav-tabs>li>a.arrow {padding: 10px 40px; background-color: #f58220; margin-right: 10px; color: white; font-size: 20px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border: 0px; font-family: 'Roboto Slab', serif; font-weight: normal; } /*extra end*/ .tab-years .block-nav-tabs>li>a:hover, .tab-years .block-nav-tabs>li>a:focus {background-color: #333185 !important; color: white; } .tab-years .block-nav-tabs {border-bottom: 1px solid transparent; } .tab-years .block-nav-tabs>li.active>a, .tab-years .block-nav-tabs>li.active>a:focus, .tab-years .block-nav-tabs>li.active>a:hover {background-color: #333185; color: white; } .tab-years .block-nav-tabs>li.active>a:after {z-index: -1; position: absolute; top: 100%; left: 50%; content: ''; border-top: solid 10px #333185; border-left: solid 12px transparent; border-right: solid 12px transparent; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .tab-content {display: inline-block !important; width: 100%; } .inner-2017, .inner-2018 {display: inline-block; width: 100%; } /*Ishani End Css press release page*/ /*Ishani Start css for contact us page*/ .bread-content {background-repeat: no-repeat; background-size: cover; background-position: top center; padding: 130px 0px 100px 0px; margin: 92px 0px 0px; } .country-grid {text-align: center; display: inline-block; width: 100%; } .tab-country, .footer-subheading {display: inline-block; margin: 30px 0px; } .footer-left-background {position: absolute; left: 0px; bottom: 0px; } .last-footer {width: 100%; background-color: #1d1b68; padding: 50px 0px 35px; z-index: 1; } .footer-links {margin-left: 25px; } .footer-links ul li {color: #c3c1ff; font-size: 14px; display: inline-block; } .footer-links ul li:after {content: " | "; padding: 0px 5px; } .footer-links ul li:last-child:after {display: none; } .tab-country .block-nav-tabs {display: inline-block; border-bottom: 1px solid transparent; padding: 0px; } .tab-country .block-nav-tabs>li {margin-right: 5px; margin-bottom: 10px !important; float: left; margin-bottom: -1px; } .tab-country .block-nav-tabs>li:last-child {margin-right: 0px; } .tab-country .block-nav-tabs>li>a {padding: 10px 30px; background-color: #f58220; /* margin-right: 10px;*/ color: white; font-size: 18px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; } .tab-country .block-nav-tabs>li>a.arrow {padding: 10px 30px; background-color: transparent; /*margin-right: 10px;*/ color: #333185; font-size: 18px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border: 1px solid #333185; } .tab-country .block-nav-tabs>li>a:hover, .block-tab-country .block-nav-tabs>li>a:focus {background-color: #333185 !important; color: white; } .tab-country .block-nav-tabs>li.active>a, .tab-country .block-nav-tabs>li.active>a:focus, .tab-country .block-nav-tabs>li.active>a:hover {background-color: #333185; color: white; } .tab-country .block-nav>li>a {position: relative; display: block; } .tab-country .block-nav-tabs>li.active>a:after {z-index: -1; position: absolute; top: 100%; left: 50%; content: ''; border-top: solid 10px #333185; border-left: solid 12px transparent; border-right: solid 12px transparent; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .tab-country-content h2 {color: #ea750e; font-size: 24px; font-family: 'Roboto Slab', serif; font-weight: 500; text-align: left; margin: 15px 0px 10px 0px; line-height: 30px; text-transform: capitalize; } .tab-country-content .address-common p {color: #555555; font-family: 'Lato', sans-serif; text-align: left; display: inline-block; margin-bottom: 7px; width: 87%; } #uk .address-detail .min-height {float: left; } .tab-country-content .address-common .location span {background-image: url('../images/location-icon.svg'); display: inline-block; float: left; margin: 5px 7px 0px 0px; height: 18px; background-repeat: no-repeat; vertical-align: middle; background-size: 100% auto; width: 18px; } .tab-country-content .address-common .phone-number span {background-image: url('../images/phone-icon.svg'); display: inline-block; float: left; margin: 3px 5px 0px 0px; height: 18px; background-repeat: no-repeat; vertical-align: middle; background-size: 100% auto; width: 18px; } .tab-country-content .address-common .fax span {background-image: url('../images/fax-icon.svg'); display: inline-block; float: left; margin: 3px 5px 0px 0px; height: 18px; background-repeat: no-repeat; vertical-align: middle; background-size: 100% auto; width: 18px; } .tab-country-content .address-common .email span {background-image: url('../images/email-icon.svg'); display: inline-block; float: left; margin: 7px 5px 0px 0px; height: 18px; background-repeat: no-repeat; vertical-align: middle; background-size: 100% auto; width: 18px; } .tab-country-content .address-common .web span {background-image: url('../images/web-icon.svg'); display: inline-block; float: left; margin: 8px 5px 0px 0px; height: 18px; background-repeat: no-repeat; vertical-align: middle; background-size: 100% auto; width: 18px; } .contact-form-main {background: -webkit-linear-gradient(55deg, #57b4b6, #333185); background: -moz-linear-gradient(55deg, #57b4b6, #333185); background: -o-linear-gradient(55deg, #57b4b6, #333185); background: -ms-linear-gradient(55deg, #57b4b6, #333185); position: relative; overflow: hidden; } .contact-form-main h3 {color: white; font-size: 36px; font-family: 'Roboto Slab', serif; font-weight: 300; text-align: center; margin: 185px 0px 35px; text-transform: capitalize; } .contact-form-main p {color: white; text-align: center; margin: 0px 0px 35px 0px; } .contact-form-main .contact-form-inner {width: 100%; display: inline-block; padding-bottom: 150px; } .contact-form-main .contact-form-inner .form-main {width: 870px; /*width:74%;*/ margin: auto; text-align: center; } .contact-form-main .contact-form-inner .form-main .width {width: 30.7%; display: inline-block; /* margin:0px 30px 30px 0px;*/ } .contact-form-main .contact-form-inner .form-main .last-name {margin: 0px 29px; } .contact-form-main .contact-form-inner .form-main textarea.form-control {height: 200px; width: 100%; } .contact-form-main .contact-form-inner .form-main input[type=submit] {border: 0px; margin: 20px 0px 0px; } .contact-form-main .contact-form-inner .form-main .form-control {display: block; width: 100%; height: 50px; padding: 12px 20px; font-size: 16px; line-height: 1.42857143; color: #ffffff; background-color: transparent; background-image: none; border: 1px solid #89acc2; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .contact-form-main + #footer {margin-top: 0px; } .email-margin-left {margin-left: 40px; } .form-control::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color: #fff; } .form-control:-ms-input-placeholder {/* IE 10+ */ color: #fff; } .form-control:-moz-placeholder {/* Firefox 18- */ color: #fff; } .form-control::-moz-placeholder {/* Firefox 19+ */ color: #fff; } ::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color: #000; } :-ms-input-placeholder {/* IE 10+ */ color: #000; } :-moz-placeholder {/* Firefox 18- */ color: #000; } ::-moz-placeholder {/* Firefox 19+ */ color: #000; } textarea {height: 130px; } option {/*background-color:#f58220;*/ color: black; } .contact-inner-main .bg-right-common {position: absolute; bottom: -170px; z-index: 1; right: 0px; } .contact-form-main::before {content: ""; display: block; background: url(../images/contact-before.png) no-repeat; width: auto; height: 115px; max-width: 100%; background-size: 100% auto; } .tab-country-content .min-height {min-height: 220px; width: 47%; display: inline-block; float: left; padding: 0px; } .tab-country-content .min-height:nth-last-of-type(odd) {float: right; } #UK .address-detail .min-height:nth-last-of-type(odd), #Sweden .address-detail .min-height:nth-last-of-type(odd), #Russia .address-detail .min-height:nth-last-of-type(odd), #USA .address-detail .min-height:nth-last-of-type(odd), #Kenya .address-detail .min-height:nth-last-of-type(odd), #Nigeria .address-detail .min-height:nth-last-of-type(odd), #Ethiopia .address-detail .min-height:nth-last-of-type(odd), #Japan .address-detail .min-height:nth-last-of-type(odd) {float: left; } .tab-country-content .address-common p a {color: #555555; font-family: 'Lato', sans-serif; text-align: left; line-height: 24px; font-weight: 500; font-size: 16px; margin-bottom: 15px; } .tab-country-content .min-height:nth-child(3) {clear: left; } .address-detail {/*width:870px;*/ margin: 0 auto; /*display: inline-block;*/ } .clear-left {clear: left; } .img {width: 100%; } /*Ishani End css for contact us page*/ /*start css for about us Overview*/ .m-overview {margin: 25px auto; } .about-overview {margin: 80px 0 0px; padding-bottom: 160px; } /*end css for about us Overview*/ /*start css for about us leadership chairmain */ .leadership-chairman-main {background: -webkit-linear-gradient(55deg, #57b4b6, #333185); background: -moz-linear-gradient(55deg, #57b4b6, #333185); background: -o-linear-gradient(55deg, #57b4b6, #333185); background: -ms-linear-gradient(55deg, #57b4b6, #333185); position: relative; overflow: hidden; } .about-leadership-chairman {padding-bottom: 20px; } .about-leadership-chairman h2, .about-overview h2 {margin-top: 30px; } .about-leadership-chairman .chairman-img, .about-overview .chairman-img, .governance-image .chairman-img, .research-process .chairman-img, .research-api-development .chairman-img, .about-corporate-governance .chairman-img, .research-development-main .chairman-img, .growth-development .chairman-img, .growth-last-sec .chairman-img, .therapies-overview .chairman-img, .therapies-gastronenterology .chairman-img, .business-contract .chairman-img, .business-contract-operation .chairman-img {border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); margin-bottom: 20px; } .leadership-chairman-main:before {content: ""; display: block; background: url(../images/contact-before.png) no-repeat; width: auto; height: 115px; max-width: 100%; background-size: 100% auto; } .leadership-chairman {padding: 100px 0px 100px; display: inline-block; } .leadership-chairman h3 {margin: 0px 0px 30px; text-align: left; } .leadership-chairman p {text-align: left; color: white; } .leadership-chairman h3 {color: white; font-size: 36px; font-family: 'Roboto Slab', serif; font-weight: 300; margin: 0px 0px 35px; } .research-process .bg-left-common {display: none; } /*End css for about us leadership chairmain */ /*start css for about us board of directore*/ .I-directores {border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; background-color: #ffffff; margin-top: 50px; min-height: 385px; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1); } .I-directores:hover {-webkit-box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); -moz-box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); -ms-box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); box-shadow: 0px 5px 25px 0px rgba(234, 117, 15, 0.1); } .I-directores h3 {font-size: 20px; color: #ea750f; margin-bottom: 5px; text-transform: capitalize; } .I-directores:hover h3 {color: #3c4098; } .I-directores span {font-size: 14px; color: #999999; display: block; } .I-directores img {border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; -ms-border-radius: 50px 50px 0px 0px; -moz-border-radius: 50px 50px 0px 0px; } .director-space {width: 100%; display: inline-block; } .directors-main .prof-detail span {font-size: 14px; color: #999999; margin-bottom: 5px; display: block; } .directors-main .prof-detail .designation {margin-bottom: 15px; } .director-name {padding: 30px; } .directors-main {/*margin:30px 0px 0px;*/ display: inline-block; width: 100%; } .directors-main .modal-dialog {width: 100%; } .board-of-directors p:last-child {margin-bottom: 0px; } .executive-directors {padding-top: 140px; display: inline-block; width: 100%; padding-bottom: 150px; } .directors-main .modal-content {border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; padding: 45px 35px 35px 50px; overflow: hidden; } .directors-main .prof-round-img {display: inline-block; width: 17%; float: left; margin-right: 55px; } .directors-main .prof-round-img img {margin: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; } .directors-main .prof-detail {display: inline-block; width: 75%; } .directors-main .prof-detail h3 {margin-bottom: 5px; } /*end css for about us board of directors*/ /*start css for aboutus csr*/ .div-business {width: 41.66666667%; font-size: 24px; color: #ea750f; font-family: 'Roboto Slab', serif; margin: 20px 0px; line-height: 30px; } .expression-care-img-section {position: relative; padding-top: 45px; width: 100%; /*display: inline-block;*/ padding-bottom: 115px; } .expression-care-img-section h3 {margin-bottom: 20px; } .model-color {background-color: #474590; opacity: 0.9 !important; } .model-color .modal-dialog {width: 100%; opacity: 1; margin: 130px auto 0px; } .model-color .modal-content {border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; padding: 40px 35px; } body.modal-open {overflow: visible; } .btn-close {display: inline-block; vertical-align: middle; cursor: pointer; background-color: #ffffff; border: 1px solid transparent; position: absolute; right: 0px; border-radius: 0 0 0 80%; -webkit-border-radius: 0 0 0 80%; -moz-border-radius: 0 0 0 80%; -ms-border-radius: 0 0 0 80%; /*top: -17px;*/ padding: 0px; width: 50px; height: 50px; } .btn-close img {position: absolute; bottom: 20px; right: 15px; } .background-csr-popup {position: absolute; right: 0px; bottom: 0px; } /*krupa popup css start*/ .about-csr-block .grid-item {width: 49.8%; } .about-csr-block .blank-div {height: 180px; } .csr-images a {position: relative; width: 100%; overflow: hidden; border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); display: inline-block; margin-bottom: 20px; } .aboutimg {display: block; width: 100%; height: auto; } .csr-overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(234, 117, 15, 0.75); border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; } .csr-images:hover .csr-overlay {opacity: 1; } .overlay-search {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .csr-images .modal .modal-dialog, .directors-main .modal-dialog {width: 100%; margin: 14% auto 0%; } .csr-images .modal, .directors-main .modal {background: rgba(51, 49, 133, 0.9); } .csr-images .modal-content {border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; padding: 35px 35px 25px 35px; overflow: hidden; } .aboutus-csr h3 {margin-bottom: 25px; } /*krupa popup css END*/ /*end css for aboutus csr */ /*start css for thecare-research-for-care */ .date {margin-top: 30px; display: inline-block; } .the-care-slider .topcarouselslider .carousel-caption {top: 51% !important; } .commitment-care .heading-div {font-size: 23px; text-align: center; line-height: 30px; font-family: 'Roboto Slab', serif; color: #ea750f; font-weight: 400; margin-bottom: 18px; } .commitment-care .heading-div:hover {color: #3c4098; cursor: pointer; } .commitment-care {display: inline-block; width: 100%; margin-bottom: 40px; } .commitment-care .heading-div {font-size: 23.3px; margin-top: 10px; text-align: center; line-height: 30px; font-family: 'Roboto Slab', serif; color: #ea750f; font-weight: 400; margin-bottom: 18px; } .commitment-care img {margin: 0 auto 10px; } .commitment-inner {display: inline-block; width: 100%; text-align: center; } .Commitment-to-care {margin-bottom: 50px; font-size: 36px; color: #3c4098; text-align: center; font-family: 'Roboto Slab', serif; font-weight: 300; line-height: 40px; } .commitment-space {margin-bottom: 20px; } /*end css for thecare-research-for-care */ /*start css for business api */ .business-api h1 {color: #002b6e; } .business-api-table .table>tbody>tr>td {padding: 14px 16px; border-right: 1px solid #dddddd; border-left: none; border-top: none; border-bottom: none; } .business-api-table .table>tbody>tr>td:last-child {border-right: none; } .business-api-table .table>thead:first-child>tr:first-child>th {background-color: #ea750e; color: white; padding: 15px 20px; } .business-api-table .table tr:nth-child(even) {background-color: #fbfbff; } .business-api-table .table tr:nth-child(odd) {background-color: #ffffff; } .business-api-table .table {border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; overflow: scroll; /*box-shadow: 25px 0px 25px rgba(0, 0, 0, 0.04);*/ -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); margin-bottom: 0px; } .business-api-table .table-responsive {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border: none; } .api-dropbox .form-control, .api-textbox input, .dataTables_filter input[type="search"] {font-size: 16px; padding: 10px; height: 50px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; color: #555555; } .api-dropbox .form-group {background-color: white; } .api-textbox::placeholder {color: #555555; opacity: 1; /* Firefox */ } .api-textbox:-ms-input-placeholder {/* Internet Explorer 10-11 */ color: #555555; } .api-textbox::-ms-input-placeholder {/* Microsoft Edge */ color: #555555; } .category-product-section {display: inline-block; width: 100%; margin: 20px 0px 10px; } .api-searchpoint {float: left; } .api-searchpoint .api-search-icon {/*position: absolute;*/ color: #fff; background: #f58220; cursor: pointer; text-align: center; padding: 13px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -webkit-transition: -webkit-transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; transform: translate( 0px, 0px); -ms-transform: translate( 0px, 0px); -o-transform: translate( 0px, 0px); -webkit-transform: translate( 0px, 0px); -moz-transform: translate( 0px, 0px); z-index: 50; margin-top: 40px; border: none; margin-top: 38px; } .api-search-icon img {height: 24px; width: 24px; } .pdf-download {float: right; margin: 0px 15px; } .pdf-download .btn-blue-orange {margin-top: 38px; } .inner-content {margin: 70px 0px 0px; position: relative; padding-bottom: 150px; } /*end css for business api */ /*start css for aboutus our heritage */ .heritage-year {/*margin-top:90px;*/ display: inline-block; width: 100%; padding-bottom: 50px; } .heritage-inner h2 {margin-top: 30px; } .heritage-inner {/*position: relative;*/ /*display: inline-block;*/ width: 100%; /*padding-top: 98px;*/ } .heritage-inner span {font-size: 16px; color: #333085; font-weight: 600; margin-bottom: 18px; } .heritage-inner h3 {font-weight: 300; margin-bottom: 20px; } .heritage-inner .span-div {margin-bottom: 10px; } .pipe-lines {/*position: relative;*/ /*display: inline-block;*/ width: 100%; } .pipe-lines img {margin: auto; z-index: -1; width: 68%; } .heritage-icon {width: 100%; display: inline-block; margin-top: 7px; } .heritage-icon .icon {width: 24%; display: inline-block; text-align: center; } .heritage-icon .icon img {margin: auto; } .heritage-icon .icon h4 {margin-top: 30px; color: white; font-size: 36px; font-family: 'Roboto Slab', serif; text-transform: capitalize; } .heritage-icon .icon h5 {color: white; font-size: 18px; margin-bottom: 165px; font-family: 'Roboto Slab', serif; text-transform: capitalize; } .calling-years {padding-bottom: 70px; display: inline-block; } .heritage-inner .year-image {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); } /*.heritage-year p{margin-bottom: 0px;}*/ /*end css for aboutus our heritage */ /*start css for thecare page*/ .talk-care {display: inline-block; width: 100%; padding: 10px 0px 120px; } .talk-care .heading-div {font-size: 20px; margin: 20px 0px 5px; text-align: center; line-height: 30px; font-family: 'Roboto Slab', serif; color: #ea750f; font-weight: 400; } .talk-care img {margin: auto; } .worth-sharing {font-family: 'Roboto Slab', serif; font-weight: 300; margin-bottom: 22px; text-transform: capitalize; font-size: 36px; color: #3c4098; } .blog-link {margin: 15px 0px; } .blog-link a {color: #3c4098; } .tranding-slider {width: 33%; display: inline-block; /*float: left; margin-right: 6%;*/ } .tranding-stroy {display: inline-block; width: 100%; padding-bottom: 120px; overflow: hidden; position: relative; } .tranding-blocks {display: inline-block; width: 100%; float: right; margin-right: -500px; } .tranding-blocks-inner {width: 33%; float: left; padding-right: 15px; padding-left: 15px; } .tranding-stroy .awsome-interview-grid .grid-img, .tranding-stroy .awsome-interview-grid, .grid-content-link {margin: 0px; } .tranding-stroy .col-md-4.col-sm-6 h2 {margin-top: 250px; } .tranding-blocks-inner.last-block {position: absolute; right: -18%; } /*.tranding-blocks .slick-initialized .slick-slide{width:100% !important;} .tranding-blocks .slick-slider .slick-track, .slick-slider .slick-list{width:100% !important;}*/ .tranding-stroy .button-pre {left: -41%; bottom: 40px; } .tranding-stroy .button-next {left: -36%; bottom: 40px; } .margin-auto {margin: auto; } .tranding-blocks .slick-list {padding-bottom: 20px; } .margin-top {margin-top: 0px; } .the-care .bg-left-common {top: 1000px; } /*end css for thecare page*/ /*start css for searchlist page*/ .searchlist {padding-bottom: 125px; } .searchlist h3:before {content: url('../images/searchlist-icon.svg'); margin-right: 14px; vertical-align: middle; } .searchlist-main h3 {margin: 25px 0px 12px; } .searchlist-main .download-text {padding: 5px 0px 5px 37px; } .download-text {padding: 5px 0px; } .searchlist-main hr {border-top: 1px solid #dddddd; } .searchlist-main p {padding-left: 37px; } .download-text a {color: #3c4098; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; } .download-text a:hover {color: #ea750f; } .download-text a:after {content: ''; position: absolute; top: 7px; right: -28px; background-image: url('../images/sprite-arrow.svg'); background-repeat: no-repeat; background-position: 0 0; width: 20px; height: 9px; background-position: 0 -21px; } .download-text a:hover:after {background-position: 0 0; } /*end css for searchlist page*/ /*about our governance css start */ .work-policy .download-text {padding: 0px; } .work-policy {padding: 20px 0px 115px; position: relative; } .work-policy-inner {margin-top: 30px; display: inline-block; /*min-height: 185px;*/ } /*about our governance css end*/ /*rnd page css start*/ .win-win {text-align: center; padding: 125px 0px } .win-win img {margin: auto; padding-bottom: 20px } .win-win-inner {text-align: center; min-height: 285px; } .win-win-inner h3 a {font-size: 24px; line-height: 30px; font-family: 'Roboto Slab', serif; color: #ea750f; font-weight: 400; margin-bottom: 18px; } .win-win-inner h3 a:hover {color: #3c4098; } /*rnd page css end*/ /*carrer page css start*/ .carrer-main, .carrer-life-main {padding-bottom: 100px; } .carrer-main img, .carrer-life-main img {border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); } .font-white {color: #ffffff; } .carrer-inner {padding: 160px 15px 145px; } .carrer-inner h2 {margin-bottom: 30px; } .carrer-inner input[type=submit] {margin-top: 0px; } /*carrer page css end*/ /*research formulation development css start*/ .gredient-main {background: -ms-linear-gradient(55deg, rgba(87, 180, 182, .9), rgba(51, 49, 133, .9)); background: linear-gradient(55deg, rgba(87, 180, 182, .9), rgba(51, 49, 133, .9)); background: -moz-linear-gradient(55deg, rgba(87, 180, 182, .9), rgba(51, 49, 133, .9)); background: -o-linear-gradient(55deg, rgba(87, 180, 182, .9), rgba(51, 49, 133, .9)); position: relative; overflow: hidden; } .gredient-bg {background-image: url(../images/bg-gredient.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: top left; } .gredient-main:before, .gredient-life-main:before {content: ""; display: block; background: url(../images/contact-before.png) no-repeat; width: auto; height: 115px; max-width: 100%; background-size: 100% auto; } .gredient-main:after, .gredient-life-main:after {content: ""; display: block; background: url(../images/inspiration-after.png) no-repeat; width: auto; height: 167px; max-width: 100%; background-size: 100% auto; } .gredient-padding {padding: 150px 15px; } .gredient-main p, .gredient-life-main p {color: #ffffff; } .formulation-bottom {padding-bottom: 50px; } .growth-last-sec {padding-bottom: 20px; } .pull-right-cust {float: right; } /*research formulation development css end*/ /*core therapies overview css start*/ .core-blocks {text-align: center; padding: 80px 0px; position: relative; } .core-blocks-inner {margin-bottom: 60px; } .core-blocks img {margin: 0px auto 10px; } /*core therapies overview css end*/ /*core therapies Gastroenterlogy  css start*/ .core-therapies-single {padding-bottom: 110px; } .gastroenterlogy-blocks {padding: 0px; position: relative; } .therapies-gastronenterology {padding-bottom: 80px; } .gastroenterology-blocks-inner {padding: 45px; background-color: #ffffff; border-radius: 20px; position: relative; margin-bottom: 40px; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .gastroenterology-icon {position: absolute; top: 48px; left: -12px; } /*core therapies Gastroenterlogy  css end*/ /*businesses contract manufacturing css start*/ .business-accordian {padding: 130px 0px; } /*.business-accordian-inner, */ .business-accordian-inner .panel-body {padding: 0px 30px 30px 70px; } .business-accordian-inner .panel-heading {padding: 25px 30px; } .business-accordian-inner .panel-group .panel, .business-accordian-inner .panel-default>.panel-heading+.panel-collapse>.panel-body {border: 0px; border-radius: 0px 0px 20px 20px; } .business-accordian-inner .panel-default>.panel-heading {background-color: #ffffff; border-radius: 20px; } .business-accordian-inner .panel.panel-default {border-radius: 20px; margin-bottom: 30px; } .business-accordian-inner .panel-collapse {background-color: #ffffff; border-radius: 0px 0px 20px 20px; } .business-accordian-inner .panel-collapse h3 {font-size: 20px; margin-top: 30px; } .business-accordian-inner .panel-title > a:before {float: left !important; content: url(../images/minus-icon.svg); padding-right: 25px; color: #999; } .business-accordian-inner .panel-title > a.collapsed:before {float: left !important; content: url(../images/plus-icon.svg); } .business-accordian-inner .panel-heading .panel-title a {font-size: 24px; color: #333085; font-family: 'Roboto Slab', serif; } .frmulation-tabbing {padding-bottom: 145px; } /*businesses contract manufacturing css start*/ /*business contract research operation css start*/ .business-contract {position: relative; } .business-contract {padding-bottom: 130px; } .business-contract-operation .opartion-span {font-size: 24px; line-height: 30px; font-family: 'Roboto Slab', serif; color: #ea750f; font-weight: 400; margin-bottom: 18px; } .busi-margin {padding-top: 70px; } .busi-margin h2 strong {font-family: 'Roboto Slab', serif } .certification-main {padding: 150px 0px 130px; position: relative; } .certification-main .csr-images a {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; max-width: 100%; width: auto; } .certification-main .csr-images a img {max-width: 100%; width: auto; margin: auto; } .certification-main .csr-overlay {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; } .certification-main p {line-height: 20px; } .certi-margin {margin-bottom: 30px; } .certi-marginp {margin-bottom: 10px; } /*business contract research operation css end*/ .governance-image-main {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding-bottom: 100px; } .pd100 {padding: 100px 0px; } .pd50 {padding: 50px 0px; } .research-api-development {padding-bottom: 50px; } .growth-development {padding-bottom: 50px } .business-contract.formulation-bottom {padding-bottom: 120px; } .evensecleft {padding: 0px !important; } /* NITESH DATE 01-02-19 NEW CSS EDTI */ .padding-top-0 {padding-top: 0px; } .heading-div a {color: #ea750e; } .heading-div a:hover {color: #333185; } .heritage-care {background: -webkit-linear-gradient(90deg, #57b4b6, #333185); background: -moz-linear-gradient(90deg, #57b4b6, #333185); background: -o-linear-gradient(90deg, #57b4b6, #333185); background: -ms-linear-gradient(90deg, #57b4b6, #333185); } /*career life cadila pharma css start*/ .gredient-life-main {/*background: -ms-linear-gradient(55deg, rgba(87,180,182,1), rgba(51,49,133,1)); background: -webkit-linear-gradient(55deg, rgba(87,180,182,1), rgba(51,49,133,1)); background: -moz-linear-gradient(55deg, rgba(87,180,182,1), rgba(51,49,133,1)); background: -o-linear-gradient(55deg, rgba(87,180,182,1), rgba(51,49,133,1));*/ background: -webkit-linear-gradient(90deg, #57b4b6, #333185); background: -moz-linear-gradient(90deg, #57b4b6, #333185); background: -o-linear-gradient(90deg, #57b4b6, #333185); background: -ms-linear-gradient(90deg, #57b4b6, #333185); position: relative; overflow: hidden; } .blocks-life-main {display: inline-block; width: 100%; position: relative; } .blocks-life {width: 32%; display: inline-block; padding-left: 15px; padding-right: 15px; vertical-align: top; } .blocks-life p {font-size: 18px; margin-bottom: 25px; margin-top: 15px; } .blocks-life img {margin: auto; } .gredient-life-main h2 {margin-bottom: 30px; } .gredient-life-main .gredient-padding {padding: 150px 15px 130px; } .emp-engagement p {margin-bottom: 50px; } .life-photo-gallery .csr-images h2 {font-size: 18px; line-height: 24px; margin-top: 10px; } .life-photo-gallery img {border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; } .photo-gall {padding-top: 35px; } .life-photo-gallery {padding-bottom: 80px; } .life-photo-gallery .overlay-search img {border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; } .life-photo-gallery a.img {height: auto !important; width: auto; } .life-photo-gallery a {margin-bottom: 0px; } /*career life cadila pharma css end*/ /*about our core value css start*/ .about-core-value {width: 100%; display: inline-block; margin-bottom: 90px; } .about-core-inner {width: 16.6%; display: inline-block; padding: 0px 15px 15px; margin-left: 4.2%; margin-right: 4.2%; vertical-align: top; } .our-core img {border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -moz-border-radius: 50px; box-shadow: 2px 2px 2px #000; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); } .our-core h3 {font-weight: 300; padding-top: 50px; } .our-core {margin-top: 45px; } .our-core p {margin-bottom: 30px; } .talk-care.about-core {padding-bottom: 15px; padding-top: 30px; } .expression-care-img-section.our-core-main {padding-top: 0px; } /*about por core value css end*/ /*about leadership founder chairman css start*/ .founder-chairman h1:before {content: ""; display: block; background: url(../images/starting-quote.png) no-repeat; height: 60px; background-position: top left; } .founder-chairman h1:after {content: ""; display: block; background: url(../images/end-quote.png) no-repeat; height: 60px; background-position: top right; position: absolute; width: 100%; } .founder-chairman h1 {margin-bottom: 30px; } .founder-chairman, .building-timeline, .timeline {position: relative; } .founder-heading {width: 90%; } .founder-chairman .bg-left-common {display: none; } .building-timeline-main {display: inline-block; width: 100%; } .building-timeline:before {content: ""; width: 4px; height: 100%; background: #fadbbd; position: absolute; top: 0; left: 50%; /*max-height:100%;*/ } .building-timeline .timeline:before {content: ""; width: 21px; height: 5px; background: #fadbbd; margin-left: -38px; position: absolute; top: 36px; left: 51.5%; } .building-timeline .building-timeline-icon {width: 25px; height: 25px; border-radius: 50%; background: transparent; ; margin: 0 auto; position: absolute; top: 26px; right: 51.5%; z-index: 1; border: 5px solid #ea750f; ; } .timeline-content {width: 47.4%; padding: 45px; background-color: #ffffff; border-radius: 20px; position: relative; -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } .building-timeline .timeline:nth-child(2n+1) .timeline-content {float: right; text-align: left; width: 47%; ; } .building-timeline .timeline:nth-child(2n+1) .building-timeline-icon {left: 52%; right: auto; } .building-timeline .timeline:nth-child(2n+1):before {margin-left: -13px; } .building-timeline .timeline:before, .building-timeline .timeline:after {content: ""; display: block; /*width: 100%;*/ clear: both; } .building-timeline-main {padding-bottom: 130px; } .founder-gredient p {font-size: 24px; font-weight: 300; line-height: 30px; margin-bottom: 20px; font-family: 'Roboto Slab', serif; } .timeline-head img {margin: auto; } .building-timeline {padding-top: 50px; } .founder-chairman .governance-image-main {padding-bottom: 35px; } .founder-heading h3 {margin-bottom: 5px; } /*about leadership founder chairman css end*/ /*Date 140219 Start*/ .padding-bottom-90 {padding-bottom: 90px; } .simple-content-box {margin-bottom: 50px; } /*Date 140219 End*/ /*Date 080319 start css for formulation page*/ .dataTables_filter input[type="search"] {margin: 15px 0px 30px; width: 262px; display: block; border: 1px solid #ccc; font-weight: normal; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .dataTables_filter input[type="search"]:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } .dataTables_filter label {margin-top: 30px; } body.home .container {width: 90%; } /*osteoarthritis css start*/ .api-textbox.osteoarthritis-form input {padding: 12px 70px 15px 40px; color: #fff; margin: 0px; } .api-textbox.osteoarthritis-form input[type=text], .api-textbox.osteoarthritis-form input[type=number], .api-textbox.osteoarthritis-form input[type=tel] {padding: 12px 20px; color: #555555; } .api-textbox.osteoarthritis-form textarea.form-control {font-size: 16px; padding: 12px 20px; height: 90px; } .osteoarthritis-main {padding-bottom: 150px; } .custom-file-upload {text-align: left; color: #ea750f; font-size: 16px; cursor: pointer; font-weight: normal; padding: 12px 20px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 6px; width: 100%; } .choosefilelabel {text-align: right; } .api-textbox.osteoarthritis-form {padding-top: 68px; } #file-upload {display: none; } .osteoarthritis-form .wpcf7-response-output.wpcf7-mail-sent-ok {background: #d4edda; border: 1px solid #d4edda; margin: 30px 0 0; padding: 10px; color: #155724; border-radius: 7px; margin: 0px 15px; } .osteoarthritis-form .wpcf7-response-output.wpcf7-validation-errors {background: #f8d7da; border: 1px solid #f8d7da; margin: 30px 0 0; padding: 10px; color: #721c24; border-radius: 7px; margin: 0px 15px; } .osteoarthritis-form form.invalid span.wpcf7-not-valid-tip {position: relative; text-align: left; color: #f58220; margin: 0px 15px; } .osteoarthritis-form .form-control::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color: #999; } .osteoarthritis-form .form-control:-ms-input-placeholder {/* IE 10+ */ color: #999; } .osteoarthritis-form .form-control:-moz-placeholder {/* Firefox 18- */ color: #999; } .osteoarthritis-form .form-control::-moz-placeholder {/* Firefox 19+ */ color: #999; } .osteoarthritis-form::-webkit-input-placeholder {/* Chrome/Opera/Safari */ color: #999; } .osteoarthritis-form:-ms-input-placeholder {/* IE 10+ */ color: #999; } .osteoarthritis-form:-moz-placeholder {/* Firefox 18- */ color: #999; } .osteoarthritis-form::-moz-placeholder {/* Firefox 19+ */ color: #999; } /*osteoarthritis css start*/ /*upcoming events css start*/ .upcoming-event-main .grid-content p span, .upcoming-event-single p span {color: #333185; font-size: 16px; line-height: 24px; font-weight: bold; } .upcoming-event-main .grid-content p a, .upcoming-event-single p a {color: #555555; } .upcoming-event-main p, .upcoming-event-single p {margin-top: 0; } .upcoming-event-main .events-contact-info p, .upcoming-event-single .events-contact-info p {margin: 0px; } .upcoming-event-main .events-contact-info, .upcoming-event-single .events-contact-info {margin: 15px 0px; } .events-social-share ul {padding-left: 0px; display: inline-block; margin: 0; } .events-social-share ul li {list-style: none; display: inline-block; padding: 0px 20px 0px 0px; } .events-social-share ul li a {color: #666666; font-size: 16px; line-height: 24px; } .events-social-share {display: inline-block; } .events-social-share ul li a:hover {color: #333185; } .events-social-share div {display: inline-block; } .events-social-share ul li:before {display: none; } .upcoming-event-main .grid-content h3 a, .upcoming-event-single .grid-content h3 a {font-size: 24px; line-height: normal; font-family: 'Roboto Slab', serif; font-weight: 500; color: #333185; } /*upcoming events css end*/ .upcoming-event-main .grid-content h3 a:hover, .upcoming-event-single .grid-content h3 a:hover {color: #ea750e } .upcoming-event-main .events-social-share, .upcoming-event-single .events-social-share {margin-top: 10px; } .upcoming-event-single ol, .upcoming-event-main ol {padding-left: 0; padding: 0 0 0 20px } .upcoming-event-single ol li, .upcoming-event-main ol li {margin-bottom: 20px; } .event-year-month {padding: 40px 0px 25px; } .upcoming-event-main {padding-bottom: 135px; position: relative; } /*upcoming events css end*/ /*alliances css start*/ .alliances-main .heritage-year .heritage-inner:nth-child(odd) {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding-bottom: 50px; -webkit-flex-direction: row; flex-direction: row; } .alliances-main .heritage-year .heritage-inner:nth-child(even) {display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding-bottom: 50px; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /*alliances css start*/ .news-gallery {padding-bottom: 125px; clear: both; } body.single-news .life-photo-gallery.padding-top.news-gallery {padding-bottom: 0; padding-top: 40px; } .news-cust-tab .awsome-interview-grid .grid-content {margin: 50px 0px 0px 0px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; } .news-cust-tab .awsome-interview-grid {margin-top: 30px; } .title-content-zigzag-box {padding-top: 145px; padding-bottom: 110px; } /* Policy style  section start 280919 */ .policy-block {position: fixed; bottom: 0px; background: #1d1b68; padding: 30px 0px; color: #c3c1ff; z-index: 9; width: 100%; } .policy-block a,.body-wrapper .policy-block p a{color: #ddd; } .policy-block a:hover,.body-wrapper .policy-block p a:hover; {color: #fff; } .policy-block p {margin-bottom: 0px; font-size: 18px; color: #c3c1ff; } .policy-block-title {font-size: 18px; text-transform: uppercase; font-weight: 400; color: #fff; margin-bottom: 10px; } .p-close {position: absolute; top: -30px; right: 0px; cursor: pointer; background: #1d1b68; padding: 6px 10px 10px 10px; } .policy-div {margin-top: 5px; color: #777; } .policy-div a {margin: 0px 5px; } /* policy style section end*/ .awsome-interview .awsome-interview-content h2{line-height:30px;} .wfi-main p{font-size:36px;font-family: 'Roboto Slab', serif;line-height:normal;font-weight: 300;} .wfi-main .gredient-padding{padding:200px 0px;} .wfi-grid-main .about-csr-block .grid-item{vertical-align: top;} .gredient-bg.wfi-main{background-size: 100% auto;background-image: url(../images/wfi-bg.jpg);} .wfi-grid-main .grid-item:first-child .our-core, .wfi-grid-main .grid-item:nth-child(2) .our-core{margin-top:0px;} .wfi-grid-main .csr-images a.common-read-more-text{vertical-align: middle;border-radius: unset;box-shadow: unset;width: unset;overflow: unset;}.wfi-grid-main .csr-images .common-read-more-text:after{top:9px;}.wfi-grid-main .our-core p{margin-bottom:20px;}.body-wrapper p a{color:#1d1b68;}.body-wrapper p a:hover{color:#ea750f;}