/************************* *******Typography****** **************************/ body {background: #fff; font-family: 'Roboto', sans-serif; color: #4e4e4e; line-height: 22px; font-size: 15px;} h1, h2, h3, h4, h5, h6 {font:'Roboto', sans-serif; color: #4e4e4e; font-weight:600;} h1 {font-size: 36px; color: #fff;} h2 {font-size: 20px;} h3 {font-size: 16px; color: #787878; font-weight: 400; line-height: 24px;} h4 {font-size: 16px;} h2.center, h2.center-1 {font-size: 28px; font-weight:300; margin-top: 0; text-transform:uppercase; color:#E84E44;} h2.center span, h2.center-1 span {color:#000;} @font-face {font-family: 'uni_sansthin_caps'; src: url('fonts/uni_sans_thin-webfont.woff2') format('woff2'), url('fonts/uni_sans_thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face {font-family: "Flaticon"; src: url("../fonts/flaticon.eot"); src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.svg") format("svg"); font-weight: normal; font-style: normal;} [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {font-family: Flaticon; font-size: 20px; font-style: normal; margin-left: 20px;} h5.errorpage{font-size: 70px; color: #1c92d7; text-align: center;} h6.errorpage{font-size: 17px; text-align: center; margin-top: 20px;} /************************* *******Common Elements****** **************************/ a {-webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms;} a:hover, a:focus {text-decoration: none; outline: none;} ul li {list-style-type:none;} hr {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;} .no-padding {padding-left: 0; padding-right: 0;} .no-margin {margin: 0; padding: 0;} .btn-primary {padding: 8px 20px; background: #0068b1; color: #fff; border-radius: 0px; border:none; margin-top: 0px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .btn.btn-primary:hover{background: #7fba00;} .btn-primary:hover, .btn-primary:focus {background: #0068b1; outline: none; box-shadow: none;} .btn-transparent {border: 3px solid #fff; background: transparent; color: #fff;} .btn-transparent:hover {border-color: rgba(255, 255, 255, 0.5);} .dropdown-menu {margin-top: -1px; min-width: 260px;} .media>.pull-left {margin-right: 20px;} .media>.pull-right {margin-left: 20px;} .mb-30{margin-bottom:30px;} body > section {padding: 50px 0;} .center {text-align: center; padding-bottom: 10px;} .scaleIn {-webkit-animation-name: scaleIn; animation-name: scaleIn;} .lead {font-size: 16px; line-height: 24px; font-weight: 400; text-align:center; margin-bottom:45px;} .transparent-bg {background-color: transparent !important; margin-bottom: 0;} section .divider {margin: 10px auto 40px; width: 60%;} .divider {background: #dddee2 none repeat scroll 0 0; border: 0 none; clear: both; height: 1px; margin: 10px 0; position: relative; text-align: center;} .divider .flaticon-arrow483:before, .divider .flaticon-arrow483-ash:before {content: "\e006"; background: #fff; color: #bbb; border-radius: 50px; padding:15px; position: absolute; top:-23px; left: 43%;} .divider .flaticon-arrow483-ash:before {background: #f8f8f8;} .button-more {margin: 1em; padding: 0.7em 2em; color: #fff; background: #E84E44; font-size: 16px;border-radius: 8px; border: none; overflow: hidden; vertical-align: middle; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;} .button-more .flaticon-keyboard53:before {content: "\e08c"; color:#fff; font-size:16px; font-weight:bold; margin-left:-12px;} .button-more::before {content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 38px; height: 38px;border-radius: 50%; background: #7fba00; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1); transition-timing-function: cubic-bezier(0.7,0,0.9,1);} .button-more:focus {outline: none;} .button-more > span {vertical-align: middle;} .button-more .button__icon {vertical-align: middle;} .button-more > span {vertical-align: middle; padding-left: 0.75em;} .button-more:hover::before {-webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1);} @-webkit-keyframes scaleIn { 0% {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} 100% {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} } @keyframes scaleIn { 0% {opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);} 100% {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} } /************************* *******Header****** **************************/ .top-bar {background: #212121; line-height: 9px;} .top-number {padding-top: 17px;} .top-number b{color:#fff;} .top-number .glyph {float: left; margin-left: -14px;} .top-number .glyph-icon{float: left; color: #7fba00;} .top-number .flaticon-telephone5:before, .top-number .flaticon-message106:before {font-size: 12px;} .top-number .flaticon-telephone5:before {content: "\e0de"; margin-left: 12px;} .top-number .flaticon-message106:before {content: "\e0a4"; margin-left:12px;} .list-inline {list-style: outside none none;} .list-inline > li {display: inline-block;} .topLinks{float:right; margin-left:20px;} .top-links-nav li span, .top-links-nav li a {border-right: 1px solid #a0a9b1; color: #b1b2b1; display: inline-block; font-size: 14px;font-weight: 500; margin-left: 0; padding-right: 10px; line-height: 12px; padding-left: 5px;} .top-links-nav li span.noborder {border: none !important;} .top-links-nav li a {border: none; padding: 0px;} .top-links-nav li a:hover {color: #fff;} .top-links-nav li i {color: #E84E44; display: inline-block; vertical-align: middle;} .topLinks .dropdown-menu{background:#f6f6f6 !important; z-index:10000; border-radius:0px; min-width:105px !important;} .topLinks .dropdown-menu li{border-bottom: solid 1px #ccc; padding: 10px 0; font-size:12px;} .topLinks .dropdown-menu li:last-child{border-bottom:0px; padding-bottom:5px;} .top-mail{float:right; padding-top:12px;} .social {/*text-align: right;*/ position: relative; float:right;} .social .glyph {float: left;} .social-share {display: inline-block; list-style: none; padding: 0; margin: 0;} ul.social-share li {display: inline-block; padding-top:5px;} ul.social-share li a {display: inline-block; color: #fff; background: #404040; width: 25px; height: 25px; line-height: 16px; text-align: center; border-radius: 2px;} ul.social-share li a:hover {background: #7fba00; color: #fff;} ul.social-share li a .flaticon-socialnetwork168:before {content: "\e0d3"; color: #fff; position: absolute; top: 9px; right: 119px; font-size:13px;} ul.social-share li a .flaticon-logo95:before {content: "\e096"; color: #fff; position: absolute; top: 10px; right: 92px; font-size: 13px;} ul.social-share li a .flaticon-facebook55:before {content: "\e05d"; color: #fff; position: absolute; top: 10px; right: 62px; font-size: 13px;} ul.social-share li a .flaticon-google116:before {content: "\e07a"; color: #fff; position: absolute; top: 10px; right: 35px; font-size: 13px;} ul.social-share li a .flaticon-chat27:before {content: "\e0e0"; color: #fff; position: absolute; top: 10px; right: 5px; font-size: 16px;} .navbar>.container .navbar-brand{margin-left: 0;} .navbar-brand {padding: 0; margin: 0;} .navbar {border-radius: 0; margin-bottom: 0; background: #fff; padding: 15px 0; padding-bottom: 0;} .navbar-nav{margin-top: 0px;} .navbar-nav>li{margin-left: 16px; padding-bottom: 28px;} .navbar-inverse .navbar-nav > li > a {padding: 5px 12px; margin: 0; border-radius: 3px; color: #10181f; line-height: 24px; display: inline-block;} .navbar-inverse .navbar-nav > li > a:hover{background-color: #d53b31; color: #fff;} .navbar-inverse {border: none;} .navbar-inverse .navbar-brand {font-size: 36px; line-height: 50px; color: #fff;} .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #d53b31; color: #fff;} .navbar-inverse .navbar-nav .dropdown-menu {background-color: rgba(0,0,0,.85); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); border: 0; padding: 0; margin-top: 0; border-top: 0; border-radius: 0; left: 0;} .navbar-inverse .navbar-nav .dropdown-menu:before{position: absolute; top:0;} .navbar-inverse .navbar-nav .dropdown-menu > li > a {padding: 8px 15px; color: #fff;} .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a{background-color: #d53b31; color: #fff;} .navbar-inverse .navbar-nav .dropdown-menu > li:hover > .flaticon-arrow483:before {background-color: #d53b31; color: #fff;} .navbar-inverse .navbar-nav .dropdown-menu > li.divider {background-color: transparent;} .navbar .flaticon-arrow483:before {content: "\e006"; float:right; color:#000; font-size:10px; margin:1px 0 0 10px;} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-top: 0; padding-bottom: 0;} /************************* *******Contact Info****** **************************/ #conatcat-info{background: #f8f8f8; padding: 18px 0 16px;} #conatcat-info .flaticon-telephone5:before{width: 60px; height: 60px; font-size: 30px; line-height: 60px; color: #fff; background: #d53b31;text-align: center; border-radius: 10px; padding:15px;} #conatcat-info .flaticon-telephone5:before{content: "\e0de";} .contact-info h2{margin-top: 18px; color: #000;} .contact-info{color:#000;} .media-body{padding-left:20px;} #conatcat-info .call-btn{margin-top:18px;} #conatcat-info .call-btn a {color: #df1f26; padding:10px; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;border:1px solid #df1f26 ;} #conatcat-info .call-btn:hover a {color: #fff; background:#df1f26; transition: all 0.5s ease 0s;} /*********************** ********* Footer ****** ************************/ #footer ul{list-style:none; margin:0px; padding:0px;} .footer_menu ul li a, .footer_menu span a{text-decoration: none; color: #9E9E9E; display: inline-block; padding: 5px 0px;} .footer_menu ul li a:hover, .footer_menu span a:hover{color:#fff;} .footer_top{overflow: hidden; padding: 30px 0px 50px; border-bottom: 1px solid #0F0F0F; background: none repeat scroll 0% 0% #2d2d2d; color: #AAA;} .footer_top p{color:#fff; font-weight:400;} .footer_b{background: #212121; border-top: 1px solid #555;} .footer_menu li a:before {display: inline-block; content: "\e08c"; color:#5B5B5B; font-size:10px; font-family: "Flaticon"; margin-right:5px;} .menu_head{color: #C5C5C2!important; font-weight: 700; font-size: 16px; font-weight:300; line-height: 24px; margin: 15px 0px 35px 0px;} .menu_head:after{position: absolute; left: 18px; width: 55px; height: 1px; content: ""; top: 49px;} .menu_head:before{position: absolute; left: 32px; width: 24px; height: 5px; content: ""; display: inline-block; top: 47px;} .menu_head::after, .menu_head::before {background: #d53b31 none repeat scroll 0 0;} #footer .flaticon-home168:before, #footer .flaticon-telephone5:before, #footer .flaticon-message106:before {margin:0px 4px 0 0; font-size:14px; color:#d53b31;} #footer .flaticon-home168:before{content: "\e082";} #footer .flaticon-telephone5:before{content: "\e0de";} #footer .flaticon-message106:before {content: "\e0a4";} .footer_b {padding-top:10px;} .footer_b a {color: #fff;} .footer_b ul > li {display: inline-block; margin-left: 15px;} .footer_b ul > li a, .text-block{color:#9e9e9e; font-size:13px;} .footer_b ul > li a{color:#fff;} .footer_b a:hover {color: #9e9e9e;} .f-posts li { margin-bottom: 10px; padding-bottom: 17px; border-bottom: 1px solid #383838; } .f-posts li:last-child { border-bottom: none; } .f-posts li img { float: left; width: 55px; border: 5px solid rgba(0,0,0,0.1); } .f-posts li h5{ margin: 0px 0px 5px 70px; font-weight: 400; font-size: 14px; line-height:18px; } .f-posts li h5 a{ color: #9E9E9E; } .f-posts li h5 a:hover { color: #fff; } .f-posts li p { font-size: 12px; line-height:18px; color:#9E9E9E; } /************************* *******Home Page****** **************************/ /* =============Slider================== */ #main-slider {position: relative;} #main-slider .carousel .carousel-content {margin-top: 100px;} #main-slider .carousel .slide-margin{margin-top: 40px;} #main-slider .carousel .slide-margin-sp{margin-top: 0px;} #main-slider .carousel h1, #main-slider .carousel h2 {font-size: 27px; line-height: 70px; font-family: 'Open Sans', sans-serif; word-spacing:3px; letter-spacing:2px; font-weight:300;} #main-slider .carousel h1 span{color: #fff; display: block;} #main-slider .carousel h1 b{color: #fff; display: block; font-family: 'Roboto'; font-size:50px;} #main-slider .carousel h2 {color: #fff; line-height: 30px; font-size:15px;} #main-slider .carousel h2 span{font-family: 'Roboto'; font-size:20px; font-weight:600;} #main-slider .carousel a.btn-slide {padding: 8px 20px; background: #df1f26; color: #fff; border-radius: 4px; margin-top: 25px; display: inline-block;} #main-slider .carousel a.btn-slide:hover {background: #000;} #main-slider .carousel .slider-img, #main-slider .carousel .slider-img-sp, #main-slider .carousel .slider-img-sp1{text-align: right; position: absolute;} #main-slider .carousel .slider-img-sp{top:30px;} #main-slider .carousel .slider-img-sp1{top:340px; left:60px; color:#fff; font-size:17px;} #main-slider .carousel .item {background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0;top: 0; position: absolute; width: 100%; display: block !important; height: 520px; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms;} #main-slider .carousel .item:first-child {top: auto; position: relative;} #main-slider .carousel .item.active {opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1;} #main-slider .prev, #main-slider .next {position: absolute; top: 50%; background-color: #0068b1; color: #fff; display: inline-block;margin-top: -25px; height: 40px; line-height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 4px; z-index: 5;} #main-slider .prev:hover, #main-slider .next:hover {background-color: #000;} #main-slider .prev {left: 10px;} #main-slider .next {right: 10px;} #main-slider .flaticon-keyboard53:before, #main-slider .flaticon-keyboard54:before {color:#fff; font-size:12px; margin-left:0px;} #main-slider .flaticon-keyboard53:before{content: "\e08c";} .flaticon-keyboard54:before {content: "\e08d";} #main-slider .carousel-indicators li {width: 10px; height: 10px; background-color: #fff; margin: 0 15px 0 0; position: relative;} #main-slider .carousel-indicators li:after {position: absolute; content: ""; width: 12px; height: 12px; border-radius: 100%; background: rgba(0, 0, 0, 0); border: 1px solid #FFF; left: -2px; top: -2px;} #main-slider .carousel-indicators .active{width: 10px; height: 10px; background-color: #7fba00; margin: 0 15px 0 0; border: 1px solid #7fba00; position: relative;} #main-slider .carousel-indicators .active:after {position: absolute; content: ""; width: 12px; height: 12px; border-radius: 100%; background: #0068b1; border: 1px solid #0068b1; left: -2px; top: -2px;} #main-slider .active .animation.animated-item-1 {-webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both;} #main-slider .active .animation.animated-item-2 {-webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both;} #main-slider .active .animation.animated-item-3 {-webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both;} #main-slider .active .animation.animated-item-4 {-webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both;} #main-slider .active .animation.animated-item-5 {-webkit-animation: fadeInDown 300ms linear 1200ms both; -moz-animation: fadeInDown 300ms linear 1200ms both; -o-animation: fadeInDown 300ms linear 1200ms both; -ms-animation: fadeInDown 300ms linear 1200ms both; animation: fadeInDown 300ms linear 1200ms both;} /* =============Our Passion================== */ .passion{background: #f8f8f8 ;} .passion .container > .row > div{padding: 0;} .passion .block {text-align: center;} .passion .block h3 {color: #000; font-size:18px;} .passion .block h3, .passion .block p {padding: 0 20px;} .passion .flaticon-sticker3:before, .passion .flaticon-inspiration:before, .passion .flaticon-happy47:before{font-size:70px; color:#E84E44; text-align:center; margin-left:0px; vertical-align:middle;} .passion .flaticon-sticker3:before{content: "\e0d7";} .passion .flaticon-inspiration:before {content: "\e087";} .passion .flaticon-happy47:before {content: "\e07d"; font-size:60px;} .passion .block:hover .flaticon-sticker3:before, .passion .block:hover .flaticon-inspiration:before, .passion .block:hover .flaticon-happy47:before {color:#7fba00;} .passion .picon{padding:40px 0 30px;} /* =============Transform Block================== */ .home_block_1 {background: rgba(0, 0, 0, 0) url(../img/about_us.png) repeat fixed center center / cover;} .home_block_1 .big_block{width: 100%;} .big_block {padding: 30px 0;} .big_block em{font-size:26px; color:#0068b1;} .big_block p{margin-top:20px;} .home_block_1 .container-fluid > div{padding: 0 30px;} .home_block_1 .container-fluid > div{background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;} .sp-container {padding-left: 0; padding-right: 0;} /* =============Our Approach================== */ .workprocess{background: #fff;} .workprocess .container > .row > div{padding: 0;} .workprocess .block {text-align: center;} .workprocess .block h3 {color: #000; font-size:18px;} .workprocess .block h3, .workprocess .block p {padding: 0 20px;} .workprocess .flaticon-like82:before, .workprocess .flaticon-reload13:before, .workprocess .flaticon-arrow59:before {font-size:50px; color:#fff; text-align:center; margin-left:0px; vertical-align:middle; background:#E84E44; padding:18px; border-radius:50px;} .workprocess .flaticon-like82:before {content: "\e091";} .workprocess .flaticon-reload13:before {content: "\e0b5";} .workprocess .flaticon-arrow59:before {content: "\e007";} .workprocess .block:hover .flaticon-like82:before, .workprocess .block:hover .flaticon-reload13:before , .workprocess .block:hover .flaticon-arrow59:before {background:#7fba00;} .workprocess .wp-icons{padding:40px 0 30px;} /* =============Partners================== */ #partner {background: url(../images/partners/partner_bg.png) center center no-repeat fixed; background-size: cover;} #partner h2, #partner h3 {color: #fff;} #partner a{margin-right:50px;} /************************* *******Services & Differentiators Blocks****** **************************/ #service, #service-inside, #differentiators { background: #f8f8f8; padding-bottom: 40px;} #service-inside, #differentiators {background: #fff;} .services, .differentiators {padding: 0;} .service-wrap, .differentiators-wrap {margin: 35px 0; overflow: hidden;} .service-wrap .glyph {display: inline-block; width: 150px; height:88px; margin: 10px; margin-top:40px; text-align: center; vertical-align: central; float:left;} .service-wrap .glyph .glyph-icon {display: block; font-size: 62px;} .service-wrap .glyph .glyph-icon:before {background: #fff none repeat scroll 0 0; border-radius: 50%; color: #d53b31; font-size: 54px; margin-left: 0; padding: 24px;} .service-wrap:hover .glyph .glyph-icon:before {background:#d53b31; color:#fff;} .service-wrap .flaticon-notepad9:before {content: "\e0a7"; font-size: 62px;} .service-wrap .flaticon-settings48:before {content: "\e0c9";} .service-wrap .flaticon-bars42:before {content: "\e010";} .service-wrap .flaticon-shield29:before {content: "\e0cc";} .service-wrap .flaticon-smartphone8:before {content: "\e0d2";} .service-wrap .flaticon-dart13:before {content: "\e04e";} .service-wrap .flaticon-screen125:before {content: "\e0bc";} .service-wrap .flaticon-button30:before {content: "\e02a";} .service-wrap .flaticon-clock125:before {content: "\e02e";} .service-wrap h2, .differentiators-wrap h2 {margin-top: 10px; font-weight: 500; font-size: 20px;} .differentiators-wrap h2 {margin-top: 45px;} .service-wrap h4, .differentiators-wrap h4 {font-size: 13px; font-weight: 400; line-height: 24px;} .differentiators-wrap .glyph {display: inline-block; margin: 40px 20px 10px 0; float: left;} .differentiators-wrap .glyph .glyph-icon:before {color: #d53b31; margin-left: 0; font-size: 70px;} .differentiators-wrap:hover .glyph .glyph-icon:before {color: #7fba00;} .differentiators-wrap .flaticon-question42:before {content: "\e0b3"; font-size: 80px !important;} .differentiators-wrap .flaticon-silhouette107:before {content: "\e0cf";} .differentiators-wrap .flaticon-cogwheel54:before {content: "\e038"; font-size: 60px !important;} .differentiators-wrap .flaticon-stopwatch6:before {content: "\e0d8";} .differentiators-wrap .flaticon-repair13:before {content: "\e0b6";} .differentiators-wrap .flaticon-speed12:before {content: "\e0d5";} .differentiators-wrap .flaticon-file148:before {content: "\e062";} .differentiators-wrap .flaticon-currency13:before {content: "\e049";} /************************* *******About Us Page****** **************************/ .about-page h1{color: #0169b1; font-size: 20px; margin-top: 10px;} .about-page h4{color: #ffffff; background-color: #7fba00; padding: 6px 9px 6px 14px; font-size: 16px; width: 120px; margin-top: 10px;} .about-page h5{color: #ffffff; font-size: 16px; margin-top: 10px;} .about-page h4:nth-child(3) {margin-top:30px;} .about-page a{cursor:pointer;} .about-page p.mission{margin-top: -10px; text-align: justify; border-top: 1px solid #7fba00; padding-top: 8px; margin-bottom: -6px;} .about-page p.statement{font-size: 18px; border-radius: 8px; color: #2aace3; line-height: 27px; font-weight: 400; padding: 13px; border: 8px solid #f6f6f6;font-style: italic;} .about-page ul li::before, .service-page ul li::before, .service-page-capability ul li::before, .service-page-benefits ul li::before {color: #d53b31; content: "\e08c"; display: inline-block; font-family: "Flaticon"; font-size: 10px; padding-right: 8px;} .about-page ul li, .service-page-capability ul li, .service-page-benefits ul li{line-height: 1.6em; text-indent:-8px} .service-page-benefits ul li, .careers-pnt li{margin-bottom: 5px;} /************************* *******Inside Service Page****** **************************/ .service-page {/*background:#f8f8f8;*/ background:#fff; padding:15px 0;} .service-page h1, .service-page-capability h1, .service-page-benefits h1{color: #4e4e4e; font-size: 26px; margin-top: 0px; font-weight:400; line-height:28px; margin-bottom: 20px;} .service-page ul{margin-bottom: 15px;} .service-page p{line-height: 26px;} .service-page h2, .service-page-benefits h2, .ta-capability h2 {color: #4e4e4e; font-size: 17px; margin-bottom: 20px; font-weight:400; line-height:32px;} .service-page-benefits h2{color: #E84E44; font-size: 24px;} .service-page-capability{background:#E84E44; padding:50px 0;} .ta-capability {background: url(../img/why_bg.png) center center no-repeat fixed; background-size: cover; padding:20px 0 30px;} .ta-capability p {color:#fff; font-size:15px; line-height: 28px;} .ta-capability h2 {color: #fff; font-size: 26px;} .service-page-capability h1, .service-page-capability h2 {color: #fff; text-align:center;} .service-page-capability ul li::before {color: #fff !important;} .service-page-benefits {padding:0px 0;} .tr-service {padding: 30px 0;} .tr-service p {margin: 30px 0 50px;} .tr-service .top-border {border-top: 1px dashed #fff; content: ""; margin-top: 70px; position: relative;} .tr-service .top-border .top-icon {background: #E84E44; border: 1px solid #fff; border-radius: 50%; height: 110px; left: 44.3%; line-height: 110px; position: absolute; text-align: center; top: -58px; width: 110px;} .tr-service fieldset {border: 1px solid #fff; padding: 25px 20px; position: relative; transition: all 0.35s ease 0s;} .tr-service fieldset:hover {box-shadow: 0 3px 5px rgba(216, 216, 216, 0.4); transition: all 0.35s ease 0s;} .tr-service legend, .tr-service-2 legend {background: #E84E44 none repeat scroll 0 0; left: 38.6%; position: absolute; top: -12px; width: 60px; border-width:0px; padding-left:3px;} .tr-service-2 legend {left: 44%;} .tr-service h2 {color:#fff; font-size: 16px; font-weight: 600; letter-spacing: 1px; margin: 40px 0 15px; text-align: center; text-transform: uppercase;} .tr-service ul li {color:#fff;} .tr-service .tr-service-1 {padding-top: 115px; position: relative;} .tr-service .tr-service-1::before {border-left: 1px dashed #fff; content: " "; height: 73px; left: 50%; position: absolute; top: 5px;} .tr-service .tr-service-2 {padding-top: 190px; position: relative;} .tr-service .tr-service-2::before {border-left: 1px dashed #fff; content: " "; height:95px; left: 50%; position: absolute; top: 55px;} .tr-service legend i::before, .top-icon i::before {font-size: 60px; color:#fff;} .tr-service legend i {line-height: 1.5; margin: 0 10px;} .top-icon i {line-height: 1.8; margin-right: 10px;} .tr-service .flaticon-bars42:before, .tr-service .flaticon-cogwheel55:before, .tr-service .flaticon-wrench1:before, .tr-service .flaticon-send4:before, .tr-service .flaticon-settings48:before {color:#fff; font-size: 55px; margin-left: 0;} .tr-service .flaticon-bars42:before {content: "\e010";} .tr-service .flaticon-cogwheel55:before {content: "\e039";} .tr-service .flaticon-wrench1:before {content: "\e0f9";} .tr-service .flaticon-send4:before {content: "\e0bf";} .tr-service .flaticon-settings48:before {content: "\e0c9";} /************************* *******Management Page****** **************************/ .ch-grid {margin: 1em 0 3em; padding: 0; list-style: none; display: block;} .ch-grid:after, .ch-item:before {content: ''; display: table;} .ch-grid:after {clear: both;} .ch-grid li {width: 280px; height: 280px; display: inline-block; margin: 0px;} .ch-item {width: 100%; height: 100%; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: relative; cursor: default; -webkit-perspective: 900px; -moz-perspective: 900px; -o-perspective: 900px; -ms-perspective: 900px; perspective: 900px;} .ch-info {position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; text-align:center;} .ch-info > div {display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear;transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%; transform-origin: 50% 0%;} .ch-info .ch-info-front {box-shadow: inset 0 0 0 16px rgba(0,0,0,0.3);} .ch-info .ch-info-back {-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); background:#01afee; opacity: 0;} .ch-img-1 {background: url(../images/kkk.png)no-repeat; z-index: 12;} .ch-img-2 {background: url(../images/ceo.png)no-repeat; z-index: 12;} .ch-img-3 {background: url(../images/vp.png)no-repeat; z-index: 12;} h6.mgmt, h5.mgmt, p.mgmt {font-size: 18px; font-weight: 400; text-align: center; width: 280px; margin: 0px; color: #E84E44} h5.mgmt {font-size: 15px; font-weight: 600; color: #4e4e4e; margin: 10px 0;} p.mgmt {font-size: 14px; color: #4e4e4e} /************************* *******Contact Us Page****** **************************/ .contact_full {margin-top: 40px;} .left_contact {color: #e7e7e7; max-width: 850px;} .form-control {box-shadow: none !important;} .form {border-radius: 0; color: #7f7f7f; font-size: 18px; height: auto; letter-spacing: 0.5px; margin-bottom: 15px; padding: 15px 15px 12px 70px; text-transform: capitalize !important; width: 100%;} .right textarea {border: 1px solid #eee; padding: 10px 15px; width: 100%;} .right .form-control {box-shadow: none !important;} .contact_full .btn-main {margin-top: 20px;} .left h4, .right h4 {margin-bottom: 20px;} .contact_txt li {border-bottom: 1px dotted #555; display: block; margin-bottom: 5px; padding-bottom: 10px;} .contact_txt li:last-child {border-bottom: 0 none;} .contact_txt i {color: #555; float: left; height: 40px; padding-top: 5px; width: 40px;} .contact_txt li p {color: #555;} .form-icon {color: #ddd; position: absolute; right: 0; top: 10px;} .form-level {position: relative;} .form-level input {border: 1px solid #eee; margin-bottom: 10px; padding: 10px 15px; width: 100%; color: #000;} .form-level textarea{height:206px;} .form-level span {color: #888; font-size: 20px; height: 47px; padding-left: 17px; position: absolute; width: 50px;} .form-level *:-moz-placeholder {color: #555; text-transform: capitalize;} .form-level *::-moz-placeholder {color: #555; text-transform: capitalize;} .left_contact input[type=text]{ } .left_contact input[type=text]:hover, textarea:hover {border: 1px solid #E84E44;} .form-level input:hover .form-level span {color: #E84E44!important;} .left_contact input:hover, .right textarea:hover {border:1px solid #E84E44; background: #F6F6F6; color: #E84E44;} .btn-main.featured{background: #E84E44; border:1px solid #E84E44; color: #fff;} .btn-main.featured:hover{background: #7fba00; color:#fff; border:1px solid #7fba00;} /*===================================================== GOOGLE MAP =======================================================*/ #map_canvas, #map_canvas_2, #map_canvas_3, #map_canvas_4, #map_canvas_5 { width: 100%; height: 300px; margin-bottom:10px; } /*.maps {position: relative;} */ .map-area{position:relative;} .contact-area { background: rgba(0, 175, 240, 0.8) none repeat scroll 0 0; padding: 10px 50px; width: 30%; height: 300px; padding-left: 50px; } .contact-area-1, .contact-area-3, .contact-area-5{position: absolute; left: 0; top: 0; } .contact-area-2, .contact-area-4{position: absolute; right: 0; top: 0; } .maps .section-title h2, .maps .section-title h3 { color: #fff; padding-bottom: 0px; text-align: left; font-size:24px; font-weight: 400; } .maps .section-title h3 { font-size:18px; padding-bottom: 5px; } .contact-area > p { color: #fff; font-size: 16px; font-weight: 400; left: -3px; margin: 0; padding-bottom: 20px; position: relative; } .contact-area > p span { color: #fff; display: inline-block; font-size: 25px; margin-right: 10px; } .contact-area a { color: #fff; display: block; font-size: 16px; font-weight: 400; padding-bottom: 20px; } .contact-area a span, .contact-area a span.mbox { color: #fff; display: inline-block; font-size: 20px; margin-right: 10px; } .contact-area a span.mbox { font-size: 16px; } .mail { left: -4px; position: relative; } /************************* *******Social Page****** **************************/ .social-icons .flaticon-socialnetwork168:before, .social-icons .flaticon-logo95:before, .social-icons .flaticon-facebook55:before, .social-icons .flaticon-slideshare2:before, .social-icons .flaticon-pinterest3:before, .social-icons .flaticon-youtube18:before, .social-icons .flaticon-chat27:before, .social-icons .flaticon-google116:before {color:#fff; line-height:3.4em; font-size:36px; margin-left:0px;} .social-icons .flaticon-socialnetwork168:before {content: "\e0d3";} .social-icons .flaticon-logo95:before {content: "\e096";} .social-icons .flaticon-facebook55:before {content: "\e05d";} .social-icons .flaticon-slideshare2:before {content: "\e0d0";} .social-icons .flaticon-pinterest3:before {content: "\e0b0";} .social-icons .flaticon-youtube18:before {content: "\e0fd";} .social-icons .flaticon-chat27:before {content: "\e0e0";} .social-icons .flaticon-google116:before {content: "\e07a";} .social-icons .padding{padding-top:20px;} .social-ht{height:120px; text-align: center; } .social-fb {background:#3765a3;} .social-in {background:#0274b3;} .social-t {background:#5ea9dd;} .social-ss {background:#10384e;} .social-p {background:#cb2027;} .social-y {background:#df192a;} .social-b {background:#E84E44;} .social-g {background:#dc4a38;} /*********************** ********* Careers ****** ************************/ .jobs-item {-webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background: #f8f8f8; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,.09); box-shadow: 0px 1px 2px 0px rgba(0,0,0,.09); margin-bottom: 30px; padding: 20px; position: relative;} .jobs-item .thumb {display: none; padding: 3px; float: left; border: 1px solid #E7E7E7; margin-right: 20px; width:125px;} .thumb-ht {height:90px; position:relative;} .thumb-hr {background:#E84E44;} .thumb-hr-img {height: 48px; width: 68px; background:url(../images/transforma-sprites.png) no-repeat -1090px -37px ; position:absolute; top:22px; left:26px;} .thumb-java-img {height: 48px; width: 48px; background:url(../images/transforma-sprites.png) no-repeat -1040px -32px ; position:absolute; top:20px; left:36px;} .jobs-item.with-thumb .thumb, .jobs-single-item .thumb {display: block;} .jobs-item .thumb img {width: 80px; height: auto;} .jobs-item .date {display: inline-block; background: #E84E44; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px; line-height: 16px; font-size: 14px; text-align: center; font-weight: bold; color: #ffffff; float: left; margin-right: 10px;} .jobs-item .date > span {display: block; background: #ffffff; color: #303C42; -webkit-border-radius: 2px; border-radius: 2px; padding: 0 3px;} .jobs-item .title {margin: 0; text-transform: none; font-size: 14px;} .jobs-item .title a {color: inherit; text-decoration: none;} .jobs-item h5 {margin-top:30px;} .jobs-item .meta {display: inline-block; color: #808080; margin-bottom: 10px;} .jobs-item.compact .meta {margin-bottom: 0;} .jobs-item .top-btns {list-style: none; margin: 0; padding: 0; position: absolute; top: 20px; right: 20px;} .jobs-item .top-btns li {float: left; margin-left: 5px;} .jobs-item .top-btns li .btn {padding-left: 0; padding-right: 0; width: 30px;} .jobs-item .social-icons {position: relative; list-style: none; margin: 0; padding: 0;} .jobs-item .social-icons > li {float: left; margin-right: 5px;} .jobs-item .social-icons.pull-right > li {float: left; margin-right: 0; margin-left: 5px;} .jobs-item .social-icons > li > span {display: inline-block; line-height: 30px; margin-right: 5px;} .jobs-item .social-icons > li .btn { padding-left: 0; padding-right: 0; width: 30px;} .jobs-item .description {margin-bottom: 0;} .jobs-item.compact .description {display: none;} .jobs-item .content {display: none; padding-top: 20px;} .jobs-item.active .read-more {display: none;} .jobs-item .additional-requirements {list-style: none; margin: 0; padding: 10px 0 0;} .jobs-item .additional-requirements > li {display: block; border-bottom: 2px solid #CECECE; background: #E7E7E7; color: inherit; margin: 0 5px 5px 0; padding: 5px 20px 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; line-height: 20px; float: left;} .jobs-view-toggle {list-style: none; margin: 0 15px 0 0; padding: 0;} .jobs-view-toggle li {float: left; margin-right: 5px;} .jobs-view-toggle .btn {padding-left: 0; padding-right: 0; text-align: center; width: 30px;} .progress-bar {position: relative; display: block; margin: 0px 0;} .progress-bar > .progress-bar-title {margin: 0 0 10px 0;} .progress-bar > .progress-bar-inner {position: relative;display: block; width: 100%; height: 10px; -webkit-border-radius: 3px; border-radius: 3px; background: #e7e7e7; } .progress-bar > .progress-bar-inner > span { position: absolute; top: 0; left: 0; display: block; width: 0; height: 100%; -webkit-border-radius: 3px; border-radius: 3px; background: #E84E44; -webkit-transition: width .75s ease-out; -moz-transition: width .75s ease-out; -o-transition: width .75s ease-out; transition: width .75s ease-out; } .progress-bar.style-2 > .progress-bar-inner { padding: 3px; background: #E84E44; } .progress-bar.style-2 > .progress-bar-inner > span { position: relative; top: 0; left: 0; height: 4px; -webkit-border-radius: 1px; border-radius: 1px; background: #ffffff; } .progress-bar.toggle { padding-left: 46px; } .progress-bar.toggle > .progress-bar-toggle { position: absolute; top: 0; left: 0; display: block; padding: 9px 0 6px 0; width: 34px; height: 37px; border-bottom: 2px solid #1797c7; -webkit-border-radius: 3px; border-radius: 3px; background: #E84E44; color: #ffffff; text-align: center; text-decoration: none; font-size: 14px; font-family: 'FontAwesome'; line-height: 20px; } .progress-bar.toggle > .progress-bar-toggle:before { content: '\f067'; } .progress-bar.toggle.active > .progress-bar-toggle:before { content: '\f068'; } .progress-bar.toggle.active > .progress-bar-toggle, .progress-bar.toggle > .progress-bar-toggle:hover { border-bottom-color: #127499; background: #1d8eb8; } .progress-bar.toggle > .progress-bar-content { display: none; padding-top: 10px; } .progress-bar.toggle.active > .progress-bar-content { display: block; } .btn-career { background: #E84E44 none repeat scroll 0 0; border-bottom: 2px solid #1797c7; color: #ffffff; padding-bottom: 5px; } .btn-career:hover, .btn-career:focus, .btn-career:active, .btn-career.active { background-color: #1d8eb8; color: #ffffff; outline: 0 none; } .btn-gray { background: #e7e7e7 none repeat scroll 0 0; border-bottom: 2px solid #cecece; color: inherit; padding-bottom: 5px; } .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active { background-color: #d6d6d6; color: inherit; outline: 0 none; } #listcloud { line-height: 3em; padding: 2px; text-align: center; } #listcloud li { display: inline; margin-left: 18px; color:#E84E44; } #listcloud li.tag2 { font-size: 0.8em; font-weight: 200; } #listcloud li.tag3 { font-size: 0.9em; font-weight: 300; } #listcloud li.tag4 { font-size: 1em; font-weight: 400; } #listcloud li.tag5 { font-size: 1.2em; font-weight: 500; } #listcloud li.tag6 { font-size: 1.4em; font-weight: 600; } #listcloud li.tag7 { font-size: 1.6em; font-weight: 700; } .whitepaper{ position:relative; } .whitepaper h2, .whitepaper h2.longhead { position: absolute; bottom: 70px; right: 50px; color: #fff; font-size: 24px; line-height: 36px; } .whitepaper h2.longhead { width: 234px; bottom: 50px; } .whitepaper-padding { padding-top: 30px; } .recent-work-wrap img{ width: 100%; border-radius:5px; border:solid 5px #fff; } .recent-work-wrap .recent-work-inner{ top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0; margin-bottom: 0; } .recent-work-wrap .recent-work-inner h3{ margin: 10px 0; font-size: 18px; color: #fff; text-align:center; } .recent-work-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 0; background: rgba(217, 35, 45, 0.8); color: #fff; vertical-align: middle; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; padding: 30px; border-radius:10px; border:solid 5px #fff; } .recent-work-wrap:hover .overlay { opacity: 1; } .modal{text-align:left !important;} .modal-header{background:#0169b1; color:#fff;} .modal-title-req{color: #ffffff; font-size: 16px; margin-top: 3px;} .modal-body{overflow:hidden;} .modal-body .btn-primary { margin-top: 0px !important; padding-top:7px !important; } .modal-body .input-group-btn { vertical-align: top; } .modal-body .form-group { margin-bottom: 0px; } .modal-body .form-control{margin-bottom:10px;} .modal-body .noform-control{margin-bottom:10px;} .modal-body p{font-size:12px;} .modal-footer{border:none; margin-top:-20px;} .btn-success{background:#E84E44; border:none;} .btn-success:hover{background:#7fba00;} .cta-title{color: #E84E44 !important; font-size: 16px; margin: 8px 0 18px 15px;} .cta-body{overflow:hidden;} .cta-body .btn-primary { margin-top: 0px !important; padding-top:7px !important; } .cta-body .input-group-btn { vertical-align: top; } .cta-body .form-group { margin-bottom: 0px; } .cta-body .form-control{margin-bottom:10px;} .cta-body .noform-control{margin-bottom:10px;} .cta-body p{font-size:10px; margin:-8px 0 6px 6px;} .cta-footer{border:none; margin:0px 20px 10px; overflow:hidden;} .cta-btn-success{background:#E84E44; border:none; color:#fff;} .cta-btn-success:hover{background:#7fba00; color:#fff;} .circle-wrapper{margin: 60px 0; min-height: 575px; position: relative;} .big-circle-container, .big-circle-entry, .big-circle-entry img{position: absolute; left: 0; top: 0; width: 100%; height: 575px; border-radius: 300px; -webkit-border-radius: 300px; overflow: hidden;} .big-circle-container{left: 50%; margin-left: -287px; width: 575px;} .big-circle-entry{opacity: 0; background: #E84E44; z-index: 1;} .big-circle-entry:first-child{opacity: 1;} .big-circle-entry.visible{opacity: 1;} .big-circle-entry img{opacity: 0.3;} .big-circle-entry .cell-view{height: inherit; text-align: center; position: relative; z-index: 1;} .big-circle-entry .title{font-size: 24px; line-height: 32px; color: #fff; margin: 180px 100px 20px 100px;} .big-circle-entry .text{font-size: 18px; line-height: 32px; color: #fff; margin:0 40px; } .circle-entry{z-index: 1;} .circle-entry:nth-child(2n+1){clear: both;} .circle-entry:nth-child(1), .circle-entry:nth-child(2){margin-top: 25px; min-height: 400px;} .circle-entry .image-wrapper{width: 120px; height: 120px; -webkit-border-radius: 150px; overflow: hidden; position: relative; margin: 0 25px;} .circle-entry .image-wrapper:after{border: 11px #fff solid; border-radius: 150px; -webkit-border-radius: 150px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background:#E84E44;} .circle-entry img{position: absolute; width: 100px; height: 100px; left: 10px; top: 10px; border-radius: 150px; -webkit-border-radius: 150px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .circle-entry:nth-child(1) .image-wrapper, .circle-entry:nth-child(3) .image-wrapper{float: right;} .circle-entry:nth-child(2) .image-wrapper, .circle-entry:nth-child(4) .image-wrapper{float: left;} .circle-entry:nth-child(1) .content, .circle-entry:nth-child(3) .content{margin: 0 170px 0 45px; text-align: right;} .circle-entry:nth-child(2) .content, .circle-entry:nth-child(4) .content{margin: 0 45px 0 170px;} .circle-entry .title{font-size: 18px; line-height: 18px; color: #232c3b; font-family: 'bold', sans-serif, Arial; padding: 10px 0 15px 0;} .circle-entry:hover .title{color: #7fba00;} .circle-entry .text{font-size: 14px; line-height: 22px; color: #6a7483;} .core .flaticon-familiar17:before, .core .flaticon-dart13:before, .core .flaticon-bars42:before, .core .flaticon-justice4:before { content: "\e05e"; font-size:60px; color: #fff; position:absolute; z-index:1001; top:50px; left:10px; } .core .flaticon-familiar17:before { content: "\e05e"; } .core .flaticon-dart13:before { content: "\e04e"; font-size:50px; top:48px; left:14px; } .core .flaticon-bars42:before { content: "\e010"; font-size:50px; top:47px; left:16px; } .core .flaticon-justice4:before { content: "\e08b"; font-size:55px; top:47px; left:12px; } #newsroom h5{color: #fff; background-color: #7fba00; padding: 6px 9px 6px 14px; font-size: 16px; width: 120px; margin-top: 10px;} #newsroom h6{color: #0169b1; font-size: 16px; margin-top: 10px;} #newsroom ul li::before, .service-page ul li::before, .service-page-capability ul li::before, .service-page-benefits ul li::before, .ta-capability ul li::before, .careers-pnt li::before {color: #d53b31; /*content: "\e08c";*/ display: inline-block; font-family: "Flaticon"; font-size: 10px; padding-right: 8px;} .careers-pnt{margin-top:10px;} .ta-capability ul li::before, .ta-capability ul li {color: #fff; text-indent: -10px; margin-bottom:5px;} #newsroom ul li, .service-page-capability ul li, .service-page-benefits ul li, .careers-pnt li{line-height: 1.6em; text-indent:-8px} .newsroom caption{ border-bottom: 1px dashed #cccccc; color: #222c37; font-size: 28px; padding: 10px 0; text-align: left; } /************************* *******Plugins****** **************************/ /* =============functional-testing ================== */ .functional-testing {background: url(../img/functional-testing.png) no-repeat center center / cover; padding: 100px 0 50px;} .functional-testing .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .functional-testing h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .functional-testing ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .functional-testing ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .functional-testing ul li a {color: #fff;} .functional-testing ul li a:hover, .functional-testing ul li.select{color: #7fba00;} .functional-testing ul li .fa {padding: 0 10px; color:#7fba00} .functional-testing ul li a {padding: 20px 0;} /* =============breadcrumbs================== */ .manual-testing {background: url(../img/manual-testing.png) no-repeat center center / cover; padding: 100px 0 50px;} .manual-testing .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .manual-testing h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .manual-testing ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .manual-testing ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .manual-testing ul li a {color: #fff;} .manual-testing ul li a:hover, .manual-testing ul li.select{color: #7fba00;} .manual-testing ul li .fa {padding: 0 10px; color:#7fba00} .manual-testing ul li a {padding: 20px 0;} /* =============devops-testing================== */ .devops-testing {background: url(../img/devops-testing.png) no-repeat center center / cover; padding: 100px 0 50px;} .devops-testing .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .devops-testing h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .devops-testing ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .devops-testing ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .devops-testing ul li a {color: #fff;} .devops-testing ul li a:hover, .devops-testing ul li.select{color: #7fba00;} .devops-testing ul li .fa {padding: 0 10px; color:#7fba00} .devops-testing ul li a {padding: 20px 0;} /* =============agile-testing================== */ .agile-testing {background: url(../img/services.png) no-repeat center center / cover; padding: 100px 0 50px;} .agile-testing .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .agile-testing h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .agile-testing ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .agile-testing ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .agile-testing ul li a {color: #fff;} .agile-testing ul li a:hover, .agile-testing ul li.select{color: #7fba00;} .agile-testing ul li .fa {padding: 0 10px; color:#7fba00} .agile-testing ul li a {padding: 20px 0;} /* =============agile-testing================== */ .automation-testing {background: url(../img/automation-testing.png) no-repeat center center / cover; padding: 100px 0 50px;} .automation-testing .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .automation-testing h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .automation-testing ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .automation-testing ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .automation-testing ul li a {color: #fff;} .automation-testing ul li a:hover, .automation-testing ul li.select{color: #7fba00;} .automation-testing ul li .fa {padding: 0 10px; color:#7fba00} .automation-testing ul li a {padding: 20px 0;} /* =============web-development================== */ .web-development {background: url(../img/web-developmentpng.png) no-repeat center center / cover; padding: 100px 0 50px;} .web-development .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .web-development h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .web-development ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .web-development ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .web-development ul li a {color: #fff;} .web-development ul li a:hover, .web-development ul li.select{color: #7fba00;} .web-development ul li .fa {padding: 0 10px; color:#7fba00} .web-development ul li a {padding: 20px 0;} /* =============careers================== */ .careers-banner {background: url(../img/carrier.png) no-repeat center center / cover; padding: 185px 0 145px;} .careers-banner .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .careers-banner h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .careers-banner ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .careers-banner ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .careers-banner ul li a {color: #fff;} .careers-banner ul li a:hover, .careers-banner ul li.select{color: #7fba00;} .careers-banner ul li .fa {padding: 0 10px; color:#7fba00} .careers-banner ul li a {padding: 20px 0;} /* =============Contact================== */ .contact-banner {background: url(../img/contact.png) no-repeat center center / cover; padding: 100px 0 50px;} .contact-banner .flaticon-keyboard53:before {display:inline-block; content: "\e08c"; color:#d53b31; font-size:12px; margin:0px 5px 0;} .contact-banner h1 {background: #212121; color: #fff; padding: 10px 20px; border-radius:3px; font-weight: 400; font-size:18px; float: left; margin-top: 0px;} .contact-banner ul {background:rgba(0, 0, 0, 0.5); float: right; padding: 10px; border-radius:3px;} .contact-banner ul li {display: inline; font-size:11px; text-transform: uppercase; font-weight: 400;} .contact-banner ul li a {color: #fff;} .contact-banner ul li a:hover, .contact-banner ul li.select{color: #7fba00;} .contact-banner ul li .fa {padding: 0 10px; color:#7fba00} .contact-banner ul li a {padding: 20px 0;} @media (max-width: 1199px) { .circle-entry:nth-child(1) .content, .circle-entry:nth-child(3) .content{margin: 0 170px 0 0;} .circle-entry:nth-child(2) .content, .circle-entry:nth-child(4) .content{margin: 0 0 0 170px;} } @media (max-width: 991px) { .circle-entry:nth-child(1) .content, .circle-entry:nth-child(3) .content{margin: 0 140px 0 0;} .circle-entry:nth-child(2) .content, .circle-entry:nth-child(4) .content{margin: 0 0 0 140px;} .big-circle-container{position: relative;} .circle-entry, .circle-entry:nth-child(1), .circle-entry:nth-child(2), .circle-entry:nth-child(3), .circle-entry:nth-child(4){margin-top: 25px; margin-bottom: 0;} .circle-entry:nth-child(1), .circle-entry:nth-child(2){min-height: 0;} .circle-entry .image-wrapper{margin: 0;} .circle-wrapper{margin-bottom: 30px;} .circle-wrapper{min-height: 0;} } @media (max-width: 767px) { .big-circle-container{display: none;} } /* lg */ @media (min-width: 1200px) { /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu { display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; } } /* md */ @media (min-width: 992px) and (max-width: 1199px) { /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;} .navbar-nav > li {margin-left: 10px;} .navbar-collapse {padding-left: 0; padding-right: 0;} .services-wrap {padding: 40px 10px 40px 30px;} .passion .picon-1 {left: 216px;} .passion .picon-2 {left: 209px;} .passion .picon-3 {left: 210px;} .passion .picon-4 {left: 212px;} .workprocess .wp-icons {left: 128px;} } /* sm */ @media (min-width: 768px) and (max-width: 991px) { #main-slider .carousel h1 {font-size: 20px; line-height: 48px;} #main-slider .carousel h1 b{font-size:30px;} .workprocess .container .icon::before {background:none;} /* Make Navigation Toggle on Desktop Hover */ .dropdown:hover .dropdown-menu {display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms;} .navbar-collapse {padding-left: 0; padding-right: 0;} .navbar-nav > li {margin-left: 0;} #main-slider .carousel h2 {font-size: 20px;} .services-wrap {padding: 40px 0 40px 30px;} } /* xs */ @media (max-width: 767px) { .workprocess .container .icon::before {background:none;} .container > .navbar-header, .container > .navbar-collapse{margin-left: 0;} .top-number{font-size: 14px;} .navbar-nav > li {padding-bottom: 0;} #main-slider .carousel h1 {font-size: 25px;} #main-slider .carousel h2 {font-size: 16px;} .nav-tabs > li.active > a:after{display: none;} #footer .pull-right{float: none !important;} .navbar {padding: 15px 0;} .navbar-toggle{background:#212121;} } /* XS Portrait */ @media (max-width: 640px) { .topLinks{text-align:center;} #main-slider .carousel .slide-margin-sp{margin-top: 60px;} } /* XS Portrait */ @media (max-width: 480px) { .top-bar {line-height: 23px;} .social {right: 16px;} .topLinks {margin-right: 28px;} .list-inline {margin-bottom: 0px;} .top-mail {padding-top: 6px;} } @media (max-width: 360px) { #main-slider .carousel h1 {font-size: 20px; line-height: 48px;} #main-slider .carousel h1 b{font-size:30px;} .top-mail {text-align: right; clear: both; padding: 6px;} } @media (max-width: 320px) { .top-links-nav li span, .top-links-nav li a { border-right: 0px;} } footer ul li::before{content: "" !important;}