/*
Theme Name: Infotech

Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.

Version: 3.3.1

Author: Sanjay Kumar (Infosoft Software)

Author Email: sanjayk795@gmail.com
Author Phone: 9555367062
Author URI: http://www.sanjayk795.com

Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options

License: GNU General Public License v2.0 & Apache License 2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0

*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

* { margin: 0px; padding: 0px; outline: none; }
.left { float: left; }
.right { float: right; }
ol, ul, h1, h2, h3, h4, h5, h6, p, a { margin: 0px; padding: 0px; }
li { list-style: none; }
a { transition: all 0.4s ease-in-out; text-decoration: none; }
body { font-size: 14px; color: #000; font-family: Roboto; padding:0px; }

@font-face { font-family: "Albertus MT Std"; src: url("fonts/Albertus MT Std Light.eot"); src: url("fonts/Albertus MT Std Light.eot?#iefix") format("embedded-opentype"),  url("fonts/Albertus MT Std Light.woff2") format("woff2"),  url("../fonts/Albertus MT Std Lightwoff") format("woff"),  url("fonts/Albertus MT Std Light.ttf") format("truetype"),  url("fonts/Albertus MT Std Light.svg#Albertus MT Std") format("svg"); }
header { border-bottom: 1px solid #6a6a69; padding: 25px 0 12px 0; float: left; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; background: none; transition: all 0.3s ease-in-out }
.topheader { float: left; width: 100%; }

.header-right{float:left; width:100%; margin-top:7px; transition:all 0.3s ease-in-out}
.header-right .navbar-default{background-color:transparent; border:none; margin:0px; min-height:10px;}
.header-right .navbar-nav>li{font-size:15px; line-height: 24px; color:#fff; text-transform:uppercase; position:relative; font-family: "Albertus MT Std"; padding:0px 12px;}
.header-right .navbar-nav>li a:after{position:absolute; content:''; width:0px; height:1px; background:#e66832; left:0px; bottom:0px; transition:all 0.3s ease-in-out;}


.header-right .navbar-default .navbar-toggle:focus, .header-right .navbar-default .navbar-toggle:hover{background-color:transparent; color:#fff;}
.header-right .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.header-right .navbar-default .navbar-nav>li>a:focus, .header-right .navbar-default .navbar-nav>li>a:hover{color:#05c3ff;}

.header-right .navbar-nav>li a:hover:after,.header-right .navbar-nav>li.active a:after{width:100%}
.header-right .navbar-default .navbar-nav > li:hover:before{background: #e66832}

.header-right .navbar-default .navbar-nav > .active > a{color:#05c3ff; background:none}
.right-icon { float: right; width: auto; }
.right-icon .fa { font-size: 20px; color: #fff; font-weight: normal; font-style: normal; margin-right: 10px; }
.right-icon span { margin-left:0px }
header.fix-header { background: #000; padding: 15px 0px 12px 0px }
header.fix-header .logo img { width: 150px; }
header.fix-header .logo img.logo-simple { opacity: 0 }
header.fix-header .logo img.logo-color { opacity: 1 }
.img-fix { }
.banner { background: url(images/bannerbg.jpg) no-repeat 0 0/cover; }
.outer-banner { padding: 0px; }
.homebanner { float: left; width: 100%; }
.bannercontent { float: left; width: 100%; padding: 200px 0 50px 0; height: 100vh; text-align: left; }
.bannercontent h3 { font-size: 30px; font-family: 'Raleway', sans-serif; font-weight: 300; line-height: 30px; color: #f5f5f5; margin: 0px; position: relative; padding-bottom: 15px; }
.bannercontent h3 span { text-transform: uppercase; }
.bannercontent h3:before { position: absolute; content: ''; background: #e66832; bottom: 0px; left: 0px; width: 50px; height: 3px; }
.orange { color: #e66832; }
.bannercontent h4 { font-size: 45px; font-family: 'Raleway', sans-serif; font-weight: 300; line-height: 50px; color: #fff; text-transform: uppercase; margin: 37px 0 0 0; letter-spacing: 2px }
span.blue { color: #05c3ff; font-weight: 600; }

.about-content { float: left; width: 100%; padding-top: 40px; background: #e66832; position: relative }
.about-sec:before { position: absolute; content: ''; background: #e66832; top: 0px; left: 0; width: 50%; height: 100%; }
.about-content h3:before { position: absolute; content: ''; background: url(images/about-before.png); width: 12px; height: 16px; top: 6px; left: 0px; }
.about-content h3 { font-family: "Albertus MT Std"; font-size: 30px; color: #fff; position: relative; padding-left: 30px; padding-bottom: 10px; margin: 0 0 30px 0; }
.about-content h3:after { position: absolute; content: ''; background: #fff; width: 60px; height: 4px; bottom: 0px; left: 30px; }
.about-content p { font-family: Roboto; font-size: 15px; line-height: 20px; color: #fff; margin: 0 0 15px 0; padding: 0 30px 0 0; text-align: justify; }
.about-image { float: left; width: 100%; }
.about-image img { min-height: 685px; width: 100%; }
.technology-sec { padding: 80px 0 35px 0; }
.technology { float: left; width: 100%; text-align: center; }
.technology h3 { font-size: 30px; line-height: 40px; color: #464646; margin: 0 0 0 0; font-family: "Albertus MT Std"; }
.technology h3 span { color: #e66832 }
.technology p { font-size: 18px; line-height: 26px; color: #464646; margin: 25px 0 80px 0; padding: 0 100px; font-family: Roboto; }
.techbox { float: left; width: 100%; margin-bottom: 45px; overflow: hidden; height: 285px; }
.techbox img { width: 100%; }
.tech-right { padding: 20px 30px; background: #f7f7f7; text-align: left; min-height: 285px; max-height: 285px; }
.tech-right:hover { background: #3a526a; transition: all 0.4s ease-in-out; }
.tech-right:hover h3, .tech-right:hover p { color: #fff; }
.tech-right h3 { font-size: 23px; color: #464646; line-height: 30px; }
.tech-right p { font-size: 15px; line-height: 22px; color: #464646; padding: 0px; margin: 15px 0 0 0; }
.capability-sec { background: url(images/techcapability-bg.jpg) no-repeat 0 0/cover; background-attachment: fixed; padding: 80px 0 35px 0; }
.capability { float: left; width: 100%; text-align: center; }
.capability ul { width: auto; margin: 35px 0 0 0; padding: 0px; font-size: 0px; }
.capability ul li { list-style: none; display: inline-block; width: 12.5%; font-size: 15px; line-height: 42px; color: #f5f5f5; margin: 0 0 20px 0; font-family: Roboto; font-weight: 200; min-height: 120px; vertical-align: top }
.capability ul li a { text-decoration: none; color: #f5f5f5; }
.capability ul li a span { float: left; width: 100%; margin-bottom: 10px; transition: all 0.3s ease-in-out; }
.capability ul li:hover a span { margin-top: -8px; margin-bottom: 5px; }
.outer-portfolio { padding: 80px 0 0 0; }
.portfolio { float: left; width: 100%; text-align: center; }
.portfolio p { font-size: 15px; line-height: 24px; color: #464646; margin: 10px 0; font-family: "Albertus MT Std"; }
.blog-sec { padding: 80px 0; float: left; width: 100%; text-align: center; }
.blogs h3, .portfolio h3 { font-size: 30px; line-height: 40px; color: #464646; margin: 0 0 0 0; font-family: "Albertus MT Std"; }
.blogs p { font-size: 18px; line-height: 30px; color: #464646; margin: 10px 0; font-family: "Albertus MT Std"; }
.blog-box { text-align: left; padding: 0 15px; box-sizing: border-box; margin-top: 30px; }
.blog-img { float: left; width: 100%; position: relative; overflow: hidden }
.blog-img img { width: 100%; min-height: 470px; max-height: 470px; }

.blog-box .blog-content:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0.8); border-width: 12px; margin-top: -12px; }
.blog-box .blog-content h3 { font-size: 18px; line-height: 42px; color: #fff; font-weight: normal; margin: 0px; font-family: Roboto; font-weight: 300; }
.blog-box .blog-content h4 { font-size: 21px; line-height: 30px; color: #fff; font-weight: bold; font-family: Roboto; font-weight: bold; }
.blog-box .blog-content p { font-size: 15px; line-height: 21px; color: #fff; margin: 20px 0 0 0; font-family: Roboto; font-weight: 300; }
.blog-img:hover .blog-content { opacity: 1; right: 0px }
.blog-img > img { transition: all 0.3s ease-in-out; }
.blog-img:hover > img { transform: scale(1.1) }
.outer-form { background: #00c58b; padding: 80px 0; }
.home-form { float: left; width: 100%; }
.get-touch { float: left; width: 100%; text-align: center; }
.get-touch h3, .capability-sec h3 { font-size: 30px; line-height: 40px; color: #fff; margin: 0 0 0 0; font-family: "Albertus MT Std"; }
.get-touch h3 span, .blogs h3 span, .capability-sec h3 span, .portfolio h3 span { color: #e66832 }
.get-touch p { font-size: 18px; line-height: 30px; color: #fff; margin: 10px 0; font-family: "Albertus MT Std"; }
.form-detail { float: left; width: 100%; margin: 25px 0 0 0; }
.form-des { padding: 0px; }
.input-text { float: left; width: 100%; border-top: 0px; border-left: 0px; appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; border-right: 0px; font-size: 15px; line-height: 42px; color: #fff; border-bottom: 1px solid #bbf0e0; background: none; padding: 10px 0 10px 0px; margin: 0px 0 0 0 }
::-webkit-input-placeholder{color: #fff; font-weight:normal; font-family: Roboto;}
::-moz-placeholder{color: #fff; font-weight:normal; font-family: Roboto;}
:-ms-input-placeholder{color: #fff; font-weight:normal; font-family: Roboto;}
:-moz-placeholder{color: #fff; font-weight:normal; font-family: Roboto;}
select.input-select { position: relative; background-image: url(images/iconselect.png); background-repeat: no-repeat; background-size: 24px 18px; background-position: 100% center }
select.input-select:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 16px; margin-left: -16px; }
.Rcontact { float: left; width: 100%; margin-top: 50px; }
.Rcontact p { font-size: 22px; color: #fff; float: left; margin: 10px 30px 0 0; }
.Rcontact span { display: inline-block; }
.Rcontact span label { font-size: 22px; color: #fff; padding: 0 20px; }
.Rcontact span input[type=radio] { padding: 0 0 0 20px; display: inline-block; }
.rlink { float: left; width: 100%; text-align: center; background: #eaeaea; padding: 10px 0; margin: 25px 0 20px 0; }
.rlink p { font-size: 22px; line-height: 30px; color: #464646; }
.captcha-img { float: left; width: 100%; margin: 20px 0 0 0; }
.form-enquiry { float: left; width: auto; background: none; font-size: 22px; line-height: 24px; color: #fff; border: 1px solid #fff; margin: 80px 0 0 0; padding: 15px 30px; }
.captcha-img img { width: auto; }
.map { float: left; width: 100%; padding: 0px; }
.map img { width: 100%; }
.outer-test { background: url(images/testimonial-bg.jpg) no-repeat 0 0; background-size: cover; padding: 100px 0; background-attachment: fixed; }
.testimonial { float: left; width: 100%; text-align: center; }
.testimonial h3, .testimonial h4 { font-size: 30px; line-height: 40px; color: #fff; position: relative; margin: 0px; padding-bottom: 30px; font-family: "Albertus MT Std"; }
.testimonial h3:after { position: absolute; content: ''; background: #f16d41; width: 90px; height: 3px; bottom: 0px; left: 50%; margin-left: -45px; }
.test-img { float: left; width: 100%; text-align: center; margin: 90px 0 40px 0; }
.testimonial h4 { padding: 0px; margin: 0px; font-family: "Albertus MT Std"; }
.testimonial h5 { color: #8f9499; font-size: 22px; margin: 10px 0 20px 0; font-family: "Albertus MT Std"; }
.testimonial .carousel-control.left, .testimonial .carousel-control.right { background-image: none; }
.logo-slider { float: left; ; width: 100%; padding: 100px 0; }
.logo-slider .bx-wrapper .bx-pager.bx-default-pager a { background: #d3d3d3; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #8f8f8f; }
/**************************** Footer Start *************************/
.outer-top { background: #000; padding: 60px 0; }
.footer-top { float: left; width: 100%; }
.footer-box { float: left; width: 100%; text-align: left; }
.footer-box h3, .social-icon h3 { font-size: 16px; line-height: 30px; color: #b7b7b7; text-transform: uppercase; margin: 0px 0 15px 0; font-family: Roboto; font-weight: 500; }
.footer-box ul { width: auto; margin: 0px; }
.footer-box ul li { font-size: 15px; line-height: 30px; color: #b7b7b7; list-style: none; font-family: Roboto; font-weight: 300; }
.footer-box ul li a { text-decoration: none; color: #b7b7b7; display: inline-block; }
.social-icon { float: left; width: 100%; margin: 0px 0 }
.social-icon ul { float: left; width: 50%; margin: 0px 0 0 0; }
.social-left li, .social-right li { float: left; width: 100%; margin: 10px 0 10px 10px; position: relative; display: block; }
.social-left li span, .social-right li span { color: #b7b7b7; font-family: Roboto; font-weight: 300; font-size: 15px; transition: all 0.3s ease-in-out; margin: 14px 0 0 25px; display: inline-block; }
.social-left li:hover span, .social-right li:hover span { opacity: 1; }
.social-left li a { float: left; width: 50px; height: 52px; background: url(images/social-left.png) no-repeat 0 0; text-decoration: none; transform: scale(0.7) }
.social-right li a { float: left; width: 50px; height: 52px; background: url(images/social-right.png) no-repeat 0 0; text-decoration: none; transform: scale(0.7) }
.social-left li.facebook a { background-position: 0px 0px }
.social-right li.twitter a { background-position: 0px 0px }
.social-left li.facebook a:hover { background-position: -52px 0; }
.social-right li.twitter a:hover { background-position: -52px 0; }
.social-left li.gplus a { background-position: 0px -72px }
.social-right li.youtube a { background-position: 0px -69px }
.social-left li.gplus a:hover { background-position: -52px -72px; }
.social-right li.youtube a:hover { background-position: -52px -69px; }
.social-left li.linkedin a { background-position: 0px -142px }
.social-right li.blog a { background-position: 0px -137px }
.social-left li.linkedin a:hover { background-position: -52px -142px }
.social-right li.blog a:hover { background-position: -52px -135px }
.outer-bottom { background: #808080; padding: 10px 0; }
.footer-bottom { float: left; width: 100%; }
.footer-bottom p { font-size: 14px; line-height: 30px; color: #000; font-family: Roboto; font-weight: 300; }
footer { background: #000 url(images/backfooter.png); opacity: 1; color: #75737f }
.footer-top { padding: 40px 0 30px 0; display: block; float: none; font-size: 14px; }
.footer-top p { margin-bottom: 15px; }
.footer-baout-content { line-height: 22px; }
.footer-baout-content a { display: inline-block; padding-top: 10px; border-bottom: 1px solid #ff6d31; width: 70px; text-decoration: none; cursor: pointer; }
.footer-baout-content span { color: #ff6d31; }
.footer-top h2 { font-size: 18px; color: #fff; text-transform: uppercase; position: relative; display: inline-block; padding: 0px 0 25px 0px; transition: all ease 0.4s; margin-bottom: 30px; }
.footer-top h2::after { content: ""; position: absolute; left: 0; bottom: 10px; width: 60px; height: 2px; background: #ff6d31; transition: all 0.3s ease-in-out; }
/*.footer-top h2:hover  {width:100%;}*/
.footer-top h2:hover:after { width: 100% }
.footer-queck-link {}
.footer-queck-link ul li { width: 100%; margin-bottom: 5px; }
.footer-queck-link ul li a { color: #75737f; padding-bottom: 4px; display: inline-block; cursor: pointer; text-decoration: none; transition: all ease 0.3s; }
.footer-queck-link ul li a:hover { color: #fff; }
.footer-top .email-box { background: #fff; height: 40px; margin-top: 10px; width: 255px; }
.footer-top .email-box input { height: 30px; color: #333; margin: 5px; border: none; width: 190px; display: inline-block; float: left; }
.footer-top .email-box .btngo { height: 40px; background: #ff6d31; color: #fff; padding: 7px 18px; width: 55px; display: inline-block; font-size: 17px; font-weight: bold; }
.footer-btm { background: #1d1c20; padding: 20px 0; }
.footerr-btn-left { color: #666; font-size: 12px; }
.footerr-btn-left p a { margin-left: 10px; color: #fff; }
.address-info { }
.contact-info { padding-top: 10px; }
.contact-info p { margin-bottom: 2px }
.contact-info a{color:#75737f;}
.contact-info a:hover{color:#fff;}
.footerr-btn-right { text-align: right; }
.footerr-btn-right span { padding-right: 15px; font-size: 18px; transition: all ease 0.4s; cursor: pointer; }
.footerr-btn-right span:hover { color: #ff6d31; }
/**************************** Footer End ************************************/
.cd-header { position: relative; height: 150px; background-color: #331d35; }
.cd-header h1 { color: #ffffff; line-height: 150px; text-align: center; font-size: 2.4rem; font-weight: 300; }
.cd-tab-filter { margin-top: 40px; text-align: center; }
.cd-header { height: 180px; }
.cd-header h1 { line-height: 180px; }
.cd-main-content { position: relative; }
.cd-main-content:after { content: ""; display: table; clear: both; }
.cd-main-content.is-fixed .cd-gallery { padding-top: 76px; }
.cd-main-content.is-fixed .cd-filter { position: fixed; height: 100vh; overflow: hidden; }
.cd-main-content.is-fixed .cd-filter form { height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; }
.cd-main-content.is-fixed .cd-filter-trigger { position: fixed; }
.cd-main-content.is-fixed .cd-gallery { padding-top: 50px; }
.cd-tab-filter-wrapper { background-color: #ffffff; box-shadow: none; z-index: 1; margin: 0 0 20px 0; }
.cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
.cd-tab-filter { /* tabbed navigation style on mobile - dropdown */ position: relative; width: 140px; z-index: 1; margin: 0px; }
.cd-tab-filter::after { /* small arrow icon */ content: ''; position: absolute; right: 14px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; width: 16px; height: 16px; background: url("images/cd-icon-arrow.svg") no-repeat center center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; }
.cd-tab-filter ul { position: absolute; top: 0; left: 0; background-color: #ffffff; box-shadow: inset 0 -2px 0 #41307c; }
.cd-tab-filter li { display: none; }
.cd-tab-filter li:first-child { /* this way the placehodler is alway visible */ display: block; }
.cd-tab-filter a { display: block; /* set same size of the .cd-tab-filter */ text-decoration: none; height: 50px; width: 140px; line-height: 50px; padding-left: 14px; }
.cd-tab-filter a.selected { background: #41307c; color: #ffffff; outline: none; }
.cd-tab-filter.is-open::after { /* small arrow rotation */ -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }
.cd-tab-filter.is-open ul { box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2); }
.cd-tab-filter.is-open ul li { display: block; }
.cd-tab-filter.is-open .placeholder a { /* reduces the opacity of the placeholder on mobile when the menu is open */ opacity: .4; }
.cd-tab-filter { width: auto; cursor: auto; }
.cd-tab-filter::after { display: none; }
.cd-tab-filter ul { background: #fff; position: static; box-shadow: none; margin: 0px; width: auto; }
.cd-tab-filter li { display: inline-block; width: auto; font-size: 15px; color: #464646; }
.cd-tab-filter li.placeholder { display: none !important; }
.cd-tab-filter a { display: inline-block; padding: 0 2em; width: auto; color: #464646; font-weight: normal; font-size: 15px; width: 100%; padding: 0 5px; }
.no-touch .cd-tab-filter a:hover { color: #41307c; }
.cd-tab-filter a.selected, .cd-tab-filter a:hover { background: transparent; color: #e66832; box-shadow: none; }
.cd-tab-filter.is-open ul li { display: inline-block; }
.cd-tab-filter { /* tabbed navigation on big devices */ width: 100%; float: right; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
.cd-tab-filter.filter-is-visible { /* reduce width when filter is visible */ width: 80%; }
.cd-gallery { padding: 50px 0 0 0; width: 100%; background: #f5f5f5; }
.cd-gallery li { margin-bottom: 1.6em; /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/ display: none; position: relative }
.cd-gallery li.gap { /* used in combination with text-align: justify to align gallery elements */ opacity: 0; height: 0; display: inline-block; }
.cd-gallery img { display: block; width: 100%; }
.cd-gallery .cd-fail-message { display: none; text-align: center; }
.cd-gallery { /*padding: 10px 0; */ float: right; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
.cd-gallery li { width: 23%; vertical-align: top; margin: 0 1%; }
.cd-gallery ul { font-size: 0px; }
.cd-gallery.filter-is-visible { /* reduce width when filter is visible */ width: 80%; }
.cd-gallery li span { float: left; width: 100%; text-align: center; margin: 30px 0 70px 0; font-size: 15px; font-family: Roboto; font-weight: 300; }
.cd-filter { position: absolute; top: 0; left: 0; width: 280px; height: 100%; background: #ffffff; box-shadow: 4px 4px 20px transparent; z-index: 2; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; -moz-transition: -moz-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; }
.cd-filter::before { /* top colored bar */ content: ''; position: absolute; top: 0; left: 0; height: 50px; width: 100%; background-color: #41307c; z-index: 2; }
.cd-filter form { padding: 70px 20px; }
.cd-filter .cd-close { position: absolute; top: 0; right: 0; height: 50px; line-height: 50px; width: 60px; color: #ffffff; font-size: 1.3rem; text-align: center; background: #37296a; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; z-index: 3; }
.no-touch .cd-filter .cd-close:hover { background: #32255f; }
.cd-filter.filter-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); }
.cd-filter.filter-is-visible .cd-close { opacity: 1; }
.cd-filter { width: 20%; }
.cd-filter form { padding: 70px 10%; }
.cd-filter-trigger { position: absolute; top: 0; left: 0; height: 50px; line-height: 50px; width: 60px; /* image replacement */ overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; background: transparent url("images/cd-icon-filter.svg") no-repeat center center; z-index: 3; }
.cd-filter-trigger.filter-is-visible { pointer-events: none; }
.cd-filter-trigger { width: auto; left: 2%; text-indent: 0; color: #9a9a9a; text-transform: uppercase; font-size: 1.3rem; font-weight: 700; padding-left: 24px; background-position: left center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.no-touch .cd-filter-trigger:hover { color: #41307c; }
.cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover { color: #ffffff; }
.cd-filter-block { margin-bottom: 1.6em; }
.cd-filter-block h4 { /* filter block title */ position: relative; margin-bottom: .2em; padding: 10px 0 10px 20px; color: #9a9a9a; text-transform: uppercase; font-weight: 700; font-size: 1.3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.no-touch .cd-filter-block h4:hover { color: #41307c; }
.cd-filter-block h4::before { /* arrow */ content: ''; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; background: url("images/cd-icon-arrow.svg") no-repeat center center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.cd-filter-block h4.closed::before { -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
.cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before { font-family: "Open Sans", sans-serif; border-radius: 0; background-color: #ffffff; border: 2px solid #e6e6e6; }
.cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select { width: 100%; padding: .8em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
.cd-filter-block input[type='search']:focus, .cd-filter-block input[type='text']:focus, .cd-filter-block select:focus { outline: none; background-color: #ffffff; border-color: #41307c; }
.cd-filter-block input[type='search'] { border-color: transparent; background-color: #e6e6e6; font-size: 1.6rem !important; }
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
display: none;
}
.cd-filter-block .cd-select { position: relative; }
.cd-filter-block .cd-select::after { content: ''; position: absolute; z-index: 1; right: 14px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url("images/cd-icon-arrow.svg") no-repeat center center; pointer-events: none; }
.cd-filter-block select { cursor: pointer; font-size: 1.4rem; }
.cd-filter-block select::-ms-expand {
display: none;
}
.cd-filter-block .list li { position: relative; margin-bottom: .8em; }
.cd-filter-block .list li:last-of-type { margin-bottom: 0; }
.cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; }
.cd-filter-block .checkbox-label, .cd-filter-block .radio-label { padding-left: 24px; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before { width: 16px; height: 16px; left: 0; }
.cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after { display: none; }
.cd-filter-block .checkbox-label::after { width: 16px; height: 16px; }
.cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { border-radius: 50%; }
.cd-filter-block .radio-label::after { width: 6px; height: 6px; background-color: #ffffff; left: 5px; }
.cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before { border-color: #41307c; background-color: #41307c; }
.cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after { display: block; }
.input { position: relative; z-index: 1; display: inline-block; margin: 0; max-width: 100%; width: calc(100% - 2em); vertical-align: top; }
.input__field { position: relative; display: block; float: right; padding: 0.8em; width: 60%; border: none; border-radius: 0; background-color: transparent; color: #aaa; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-appearance: none; }
.input__field:focus { outline: none; }
.input__label { display: inline-block; float: right; padding: 0 1em; width: 40%; color: #fff; font-weight: 300; font-size: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: Roboto; }
.input__label-content { position: relative; display: block; padding: 1.6em 0; width: 100%; }
.graphic { position: absolute; top: 0; left: 0; fill: none; }
.icon { color: #ddd; font-size: 150%; }
.input--hoshi { overflow: hidden; }
.input__field--hoshi { margin-top: 1em; padding: 25px 0px; width: 100%; background: transparent; color: #fff; font-weight: 100; font-family: Roboto; }
.input__label--hoshi { position: absolute; bottom: 0; left: 0; padding: 0 0px; width: 100%; height: calc(100% - 1em); text-align: left; pointer-events: none; }
.input__label-content--hoshi { position: absolute; }
.input__label--hoshi::before, .input__label--hoshi::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 10px); border-bottom: 1px solid #fff; }
.input__label--hoshi::after { margin-top: 2px; border-bottom: 1px solid red; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; font-size: 16px; }
.input__label--hoshi-color-1::after { border-color: transparent; font-size: 16px; }
.input__label--hoshi-color-2::after { border-color: hsl(160, 100%, 50%); }
.input__label--hoshi-color-3::after { border-color: hsl(20, 100%, 50%); }
.input__field--hoshi:focus + .input__label--hoshi::after, .input--filled .input__label--hoshi::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled .input__label-content--hoshi { -webkit-animation: anim-1 0.3s forwards; animation: anim-1 0.3s forwards; }
@-webkit-keyframes anim-1 {
 50% {opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0);}
 51% {opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -40%, 0);}
 100%{opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0);}
}
@keyframes anim-1 {
 50% {opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0);}
 51% {opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -40%, 0);}
 100%{opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0);}
}
input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=radio].css-checkbox + label.css-label { padding-left: 45px; height: 23px; display: inline-block; line-height: 23px; background-repeat: no-repeat; background-position: 0 0; font-size: 23px; vertical-align: middle; cursor: pointer; }
input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -23px; }
label.css-label { background-image: url(images/checkbox_button.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.welcome-area { height: 100%; }
#particles-js { position: absolute; width: 100%; height: 100%; top: 0;}
.welcome-image-area { position: relative; height: 100%; background: url(images/bannerbg.jpg); background-size: cover; z-index: 1; }
.welcome-image-area:after { position: absolute; background: rgba(0, 0, 0, .6); left: 0; top: 0; width: 100%; height: 100%; content: ""; z-index: -1; }
.display-table { display: table; width: 100%; height: 100%; }
.display-table-cell { display: table-cell; vertical-align: middle; }
@-webkit-keyframes home-arrow-down {
 from{-webkit-transform: translate3d( 0, 0px, 0); transform: translate3d( 0, 0px, 0); filter: alpha(opacity=0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
 10% {-webkit-transform: translate3d( 0, 5px, 0); transform: translate3d( 0, 5px, 0); filter: alpha(opacity=100); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
 to  {-webkit-transform: translate3d( 0, 30px, 0); transform: translate3d( 0, 30px, 0); filter: alpha(opacity=0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
@keyframes home-arrow-down {
 from{-webkit-transform: translate3d( 0, 0px, 0); transform: translate3d( 0, 0px, 0); filter: alpha(opacity=0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
 10% {-webkit-transform: translate3d( 0, 5px, 0); transform: translate3d( 0, 5px, 0); filter: alpha(opacity=100); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
 to  {-webkit-transform: translate3d( 0, 30px, 0); transform: translate3d( 0, 30px, 0); filter: alpha(opacity=0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
}
.banner-btn { margin: 50px 0 0 0; }
/***************Buttom Main****************/
.btn-main { text-decoration: none; width: 170px; margin-right: 10px; color: #fff; font-family: "Albertus MT Std"; font-size: 18px; padding: 6px 0px; display: block; position: relative; border: 1px #fff solid; border-radius: 0px; display: inline-block; background: none; }
.btn-main span { position: relative; }
.btn-main:before, .btn-main:before, .btn-main.btn-lg:before{ background: #e66832; content: ''; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; transition: all 0.5s ease-in-out; }
.btn-main:hover { color: #fff; border: 1px #e66832 solid; }
.btn-main:hover:before { width: 100%; }
.btn.btn-main.focus, .btn.btn-main:focus, .btn.btn-main:hover { color: #fff; }
.btn-main.btn-lg { font-size: 20px; padding: 15px 30px; width: 200px }
/***************Buttom White****************/
.btn-white { text-decoration: none; width: 170px; margin-right: 10px; color: #fff; font-family: "Albertus MT Std"; font-size: 18px; padding: 6px 0px; display: block; position: relative; border: 1px #fff solid; border-radius: 0px; display: inline-block }
.btn-white span { position: relative; }
.btn-white:before, .btn-white:before { background: #fff; content: ''; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; transition: all 0.5s ease-in-out; }
.btn-white:hover { color: #e66832; border: 1px #fff solid; }
.btn-white:hover:before { width: 100%; }
.btn.btn-white.focus, .btn.btn-white:focus, .btn.btn-white:hover { color: #e66832; }
/***************Buttom Main****************/

/*.about-content a:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.about-content a:hover, .about-content a:focus, .about-content a:active{color:#e66832;}*/

.grid { position: relative; clear: both; margin: 0 auto; list-style: none; text-align: center; }
.grid figure { position: relative; float: left; overflow: hidden; width: 100%; height: auto; text-align: center; cursor: pointer; }
.grid figure img { position: relative; display: block; width:260px; height:180px }
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.3s ease-in-out }
figure.effect-bubba:hover figcaption { display: block; opacity: 1 }
.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid figure h2 { margin: 0; word-spacing: -0.15em; font-weight: 300; font-size: 17px; }
figure.effect-bubba img { transition: all 0.3s ease-in-out }
figure.effect-bubba:hover img { opacity: 1; transform: scale(1.2) }
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); }
figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-bubba:hover h2 { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*//////////////////////about page css start here////////////////////////*/

.about-banner { }
.bannercontent h5 { font-family: "Albertus MT Std"; font-size: 45px; line-height: 65px; color: #fff; text-transform: uppercase; letter-spacing: 3px; }
.bannercontent h5 span { font-weight: bold; }
.about-page { padding: 100px 0; }
.about-img { position: relative; }
.about-pageimg { float: left; width: 100%; }
.aboutpage-content { position: absolute; top: 65px; background: rgba(230,104,50,0.88); left: 0px; padding: 30px 40px; box-sizing: border-box; }
.aboutpage-content h4 { font-size: 18px; color: #fff; font-weight: bold; font-family: Roboto; position: relative; margin: 0px; padding: 0 0 10px 0; }
.aboutpage-content h4:after { position: absolute; content: ''; background: #fff; width: 60px; height: 2px; left: 0px; bottom: 0px; }
.aboutpage-content p { font-size: 16px; text-align: justify; line-height: 22px; color: #fff; font-family: Roboto; font-weight: 300; padding: 0px; margin: 20px 0 0 0; }
.outer-diagram { padding: 0px; background: #fff; position: relative; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.outer-diagram:before { position: absolute; content: ''; background: #0bd57d; top: 0px; right: 0px; width: 50%; height: 724px; }
.diagram { width: 100%; float: left; }
.diagram .col-sm-12 { display: table; height: 725px; padding: 0 15px; }
.diagram_img { display: table-cell; vertical-align: middle; }
.diagram_img img { width: 100%; }
.dia-content { display: table-cell; vertical-align: middle; padding-left: 40px; }
.dia-content p { font-size: 18px; line-height: 25px; color: #fff; font-family: Roboto; font-weight: 300; padding: 0px; margin: 20px 0 0 0; }
.outer-inception { padding: 40px 0 90px; }
.outer-inception .container { padding: 0px; }
.inception { float: left; width: 100%; padding: 0px 0 100px 0; }
.inception p { font-size: 18px; line-height: 25px; color: #000; font-family: Roboto; font-weight: 300; padding: 0px 15px; margin: 20px 0 0 0; text-align: justify; }
.invent { float: left; width: 100%; border: 1px solid #dadada; }
.invent-image { float: left; width: 45%; }
.invent-image img { width: 100%; }
.invent-content { float: right; width: 55%; padding: 0 100px 0 75px; }
.invent-content h3 { font-size: 35px; line-height: 25px; color: #000; font-weight: bold; font-family: Roboto; margin-top: 60px; }
.invent-content p { font-size: 18px; line-height: 25px; color: #000; font-weight: 300; font-family: Roboto; margin: 30px 0 0 0; }
.profile-pic { float: left; width: 100%; margin-top: 50px; text-align: center; }
.profile-pic ul { width: auto; margin: 0px; padding: 0px; }
.profile-pic ul li { list-style: none; display: inline-block; }
.profile-pic ul li img { display: inline-block; }
.author-name { float: left; width: 100%; text-align: center; font-size: 15px; line-height: 25px; color: #000; position: relative; padding: 15px 0 10px 0; }
.author-name:after { position: absolute; content: ''; background: #e33223; width: 100px; height: 2px; left: 50%; bottom: 0px; margin: 0 0 0 -50px; }
.author-designation { float: left; width: 100%; text-align: center; font-size: 13px; line-height: 17px; color: #000; position: relative; padding: 10px 0px 0px; }
.profile-pic .carousel-control.left { top: 43px; bottom: auto; right: -70px; left: initial; }
.profile-pic .carousel-control.right { top: 0px; bottom: auto; right: -70px; }
.profile-pic .carousel-control .fa { font-weight: 100; border: 1px solid #000; color: #000; font-size: 15px; font-style: normal; padding: 8px; }
.carousel-control.left, .carousel-control.right { background-image: none; }
.dropdown-menu { padding: 0px; background: #000; height:auto;}
.dropdown-menu>li>a { padding: 6px 20px; font-size: 13px; color: #fff; transition:all 0.3s ease-in-out; }
.dropdown-menu>li>a:hover { background: #fff; color: #000; }
.dropdown-menu li a:before, .dropdown-menu li a:after { display: none }
.mrgtop20 { margin-top: 20px; }
.technology .col-sm-12 img { transition: all 0.3s ease-in-out }
.technology .col-sm-12:hover img { transform: scale(1.2) }
.search{position:relative; float:right; margin-top:-5px}
.search input{transition:all 0.3s ease-in-out; background:url(images/search.png) no-repeat right 5px; width:30px; border:none; padding:5px 25px 5px 10px}
.search input:focus{width:135px;background:#fff url(images/search-focus.png) no-repeat right 5px; border-radius:20px}

/*//////////////////////about page css end here////////////////////////*/

/*web service page css start here*/

.outer-worldwide { padding: 80px 0; }
.worldwide { float: left; width: 100%; text-align: center; margin-bottom: 25px; }
.worldwide span { position: relative; width: 200px; height: 200px; display: inline-block; padding: 25px; cursor: pointer }
.worldwide span:before { border: 3px solid #cccccc; border-radius: 50%; position: absolute; content: ''; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: all 0.13s ease-in-out; transform: scale(0.7) }
.worldwide span a { text-decoration: none; background: #1f85c4; width: 100%; height: 100%; display: block; border-radius: 50%; color: #fff; font-size: 40px; line-height: 170px; }
.worldwide span:hover:before { opacity: 1; transition: all 3s ease-out; transform: scale(1) }
.worldwide span:hover a { background: #e66832; }
.worldwide h3, .inbound h3 { font-family: Roboto; font-size: 25px; color: #000; text-transform: uppercase; margin: 40px 0 15px 0; font-weight: 500; text-align: center; }
.worldwide p, .inbound p { font-size: 22px; line-height: 25px; font-family: Roboto; font-style: italic; font-weight: 300; text-align: center; margin: 0px 0 25px 0; }
.web-content { top: 90px; padding:0px 50px; min-height: 325px; }
.web-content p { font-family: Roboto; }
.outer-graphic { background: url(images/developer_parallax.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; height: 615px; background-attachment: fixed; }
.graphic { float: left; width: 100%; text-align: center; padding: 60px 50px; position: relative; }
.graphic ul { width: auto; margin: 0px; padding: 0px; font-size: 0px; position: relative; }
.graphic ul:before { position: absolute; content: ''; bottom: -45px; left: 50%; width: 4px; height: 50px; border: 4px dashed #fff; margin: 0 0 0 -4px; }
.graphic ul:after { background: url(images/graphicarrow.png); background-repeat: no-repeat; background-position: center center; position: absolute; content: ''; bottom: -38px; left: 50%; width: 34px; height: 50px; margin: 0 0 0 -17px; }
.graphic ul li { list-style: none; display: inline-block; width: 20%; position: relative; vertical-align: top; }
.graphic ul li:first-child:before { display: none; }
.graphic ul li:last-child:after { display: none; }
.graphic ul li:before { position: absolute; content: ''; border: 4px dashed #fff; left: 0px; top: 30px; width: 60px; height: 5px; margin: 0px 0 0 15px; }
.graphic ul li:after { position: absolute; content: ''; border: 4px dashed #fff; left: 50%; top: 30px; width: 60px; height: 5px; margin: 0px 0 0 30px; }
.numeric { font-family: Roboto; font-weight: 500; font-size: 22px; line-height: 29px; color: #fff; float: left; width: 100%; background: url(images/numericbg.png); background-repeat: no-repeat; background-position: center center; padding: 20px; position: relative; }
.numeric:before { position: absolute; content: ''; bottom: -45px; left: 50%; width: 4px; height: 50px; border: 4px dashed #fff; margin: 0 0 0 -4px; }
.numeric:after { background: url(images/graphicarrow.png); background-repeat: no-repeat; background-position: center center; position: absolute; content: ''; bottom: -38px; left: 50%; width: 34px; height: 50px; margin: 0 0 0 -17px; }
.graphic ul li img { padding-top: 60px; }
.graphic ul li p { font-family: Roboto; font-size: 12px; color: #000; font-weight: 300; color: #fff; padding: 10px 0; margin: 0px; position: relative; text-transform: uppercase; }
.graphic ul li p:before { position: absolute; content: ''; bottom: -45px; left: 50%; width: 4px; height: 50px; border: 4px dashed #fff; margin: 0 0 0 -4px; }
.graphic ul li p:after { background: url(images/graphicarrow.png); background-repeat: no-repeat; background-position: center center; position: absolute; content: ''; bottom: -38px; left: 50%; width: 34px; height: 50px; margin: 0 0 0 -17px; }
.graphic ul li h5 { font-family: Roboto; font-weight: 500; font-size: 15px; line-height: 20px; color: #77d7ff; margin: 60px 0 20px 0; text-transform: uppercase; }
.graphic h4 { font-family: Roboto; font-weight: 500; font-size: 25px; line-height: 25px; color: #fe6411; text-transform: uppercase; margin: 90px 0 0 0; }
.graphic h6 { font-family: Roboto; font-weight: 500; font-size: 19px; line-height: 25px; color: #fff; color: #fff; text-transform: uppercase; margin: 12px 0 0 0; }
.outeruser-interface { padding: 80px 0 0 0; }
.user-interface h3 { font-family: Roboto; font-size: 25px; line-height: 25px; color: #000; font-weight: 500; margin: 10px 0 65px 0; text-transform: uppercase; width: 100%; text-align: center; }
.mobile { float: left; width: 100%; text-align: center; padding: 60px 0 40px; }
.mobile h3 { font-family: Roboto; font-size: 25px; line-height: 25px; color: #000; font-weight: 500; margin: 0px 0 0px 0; text-transform: uppercase; }
.outer-desk:before { height: 410px; background: #ffc24a; }
.deskimage .col-sm-12 { height: 410px; }
.deskimage .col-sm-12 .dia-content { display: block; padding: 50px 40px 0; }
.tech_image { background: rgba(31,133,196,0.88) !important; top: 60px; }
.outer-commerce { padding: 10px 0 0px 0; }
.e-commerce { float: left; width: 100%; text-align: center; }
.e-commerce h3 { font-family: Roboto; font-size: 25px; line-height: 25px; color: #000; font-weight: 500; margin: 50px 0 40px 0; text-transform: uppercase; float: left; width: 100%; }
.ecommerce-content { float: left; width: 100%; }
.ecommerce-content p { font-size: 18px; text-align: justify; line-height: 25px; color: #000; font-family: Roboto; font-weight: 300; padding: 0px; }
.ecommerce-image { float: left; width: 100%; }
.ecommerce-image img { width: 100%; }
.outer-develop { border-bottom: 1px solid #fff; background-image: url('http://janatantra.in/infosofttech/wp-content/uploads/2017/07/flyer-bg.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 110px 0; background-attachment: fixed; }
.develop-parallax { float: left; width: 100%; text-align: center; }
.develop-parallax imd { display: inline-block; }
.develop-parallax p { font-family: Roboto; font-size: 20px; line-height: 32px; color: #fff; font-weight: 300; margin: 80px 0 20px 0; }
/*web service page css end here*/


/*contact us page css start here*/

.contact-page { padding: 90px 0 130px 0; float: left; width: 100%; text-align: center; }
.contact-page h3 { font-family: Roboto; font-size: 22px; line-height: 33px; color: #000; text-transform: uppercase; font-weight: 300; }
.contact-page p { font-family: Roboto; font-size: 15px; color: #000; font-weight: 400; margin: 8px 0 40px 0; }
.contact-page p a { text-decoration: none; color: #000; font-weight: bold; }
.contact-image { float: left; width: 100%; }
.contact-image img { width: 100%; }
.contact-form { float: left; width: 100%; text-align: left; background:#333; padding:20px 0px; border-radius:10px; }
.contact-form p { font-family: Roboto; color:#fff!important; font-size: 15px; line-height: 20px; color: #000; font-weight: 400; margin: -5px 0 0 0; }
.contactform { margin-top: 20px; }
.coninput { padding: 12px 15px; }
.coninput, .conlabel { color: #000; font-size: 15px; }
.conlabel:before { border-bottom: 1px solid #ccc; height: calc(100% - 0em); }
.contact-form .form-group { margin: 0px; }
.conselect { border-bottom: 1px solid #ccc; border-top: none; border-left: none; width: 100%; border-right: none; background-image: url(images/contacticon.png); background-repeat: no-repeat; background-position: right center; background-color: transparent; margin: 12px 0 0 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; }
.feedcon { width: 100%; display: block; }
.feedcon label { float: left; width: 100%; font-weight: 400 }
.feedcon label a { text-decoration: none; color: #000; }
.feedcon textarea { width: 100%; border: 1px solid #ccc; min-height: 93px; padding: 10px; }
.contsubmit { float: left; width: auto; }
.btn-con { background: -webkit-linear-gradient(180deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); background: -o-linear-gradient(180deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); background: -moz-linear-gradient(180deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); background: linear-gradient(180deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); border: 1px solid #299000; padding: 8px 40px; margin-top: 15px; margin-left: 15px; color: #fff; }
.btn-con:hover { background: -webkit-linear-gradient(0deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); background: -o-linear-gradient(0deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); background: -moz-linear-gradient(0deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); background: linear-gradient(0deg, rgba(109,198,61,1) 0%, rgba(19,178,54,1) 100%); color: #fff; }
.group { position: relative; margin-bottom: 15px; }
.group input { font-size: 15px; padding: 5px 10px 5px 0px; display: block; width: 100%; border: none; border-bottom: 1px solid #ccc; color: #000; font-weight: normal; font-family: Roboto; font-weight: 300; padding:0 10px;}
.group input:focus { outline: none; }
.group label { color: #000; font-size: 15px; font-weight: normal; position: absolute; pointer-events: none; left: 0px; top: 10px; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.group input:focus ~ label, .group input:valid ~ label{top:-8px; font-size:12px; color:#0a3058;}
.bar{position: relative; display: block; width: 100%; }
/* .bar:before, .bar:after { content: ''; height: 0px; width: 0; bottom: 1px; position: absolute; background:none; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.bar:before { left: 50%; }
.bar:after { right: 50%; } */
input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }
.highlight { height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; }
input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; }
@-webkit-keyframes inputHighlighter {
 from{background:#5264AE;}
 to  {width:0; background:transparent;}
}
@-moz-keyframes inputHighlighter {
 from{background:#5264AE;}
 to  {width:0;background:transparent;}
}
@keyframes inputHighlighter {
 from{background:#5264AE;}
 to  {width:0; background:transparent;}
}
.contactmap { float: left; width: 100%; }
.contactmap img { width: 100%; }
/*///////////////////contact us page css end here////////////////////////*/

/*//////////////////inbound marketing css start here///////////////////////*/


.inbound { float: left; width: 100%; text-align: center; }
.inbound span { width: 200px; height: 200px; display: inline-block; border: 3px solid #ccc; border-radius: 50%; padding: 25px; position: relative; transform: scale(0.9); transition: all .3s ease; }
.inbound span:hover { transform: scale(1) }
.inbound span a { text-decoration: none; }
.inbound span a img { padding-top: 20px; }
.digimarketing { float: left; width: 100%; }
.marketleft { float: left; width: 100%; }
.marketleft p { font-size: 15px; font-family: Roboto; line-height: 25px; font-weight: 300; text-align: justify; }
.marketright { float: left; width: 100%; }
.marketright p { font-size: 15px; font-family: Roboto; line-height: 25px; font-weight: 500; }
.marketright h5, .digimarketing h5 { font-size: 15px; line-height: 19px; color: #24a003; font-style: italic; text-align: justify; font-family: Roboto; font-weight: 500; margin: 10px 0 20px 0; }
.marketright ul { width: auto; }
.marketright ul li { list-style: none; display: block; font-family: Roboto; font-size: 15px; line-height: 20px; color: #000; font-weight: 300; position: relative; padding-left: 20px; margin-bottom: 20px; }
.marketright ul li:before { left: 0; top: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(127, 127, 128, 0); border-left-color: #7f7f80; border-width: 6px; margin-top: -6px; }
.digimarketing h5 { margin-bottom: 0px; text-align: center; }
.marketright h5 { text-align: left; margin-bottom: 20px; }
.outer-business { background: #000; }
.business { float: left; width: 100%; min-height: 450px; }
.business-content { float: left; width: 100%; padding: 140px 0 0 0; }
.business-content h3 { font-family: Roboto; font-size: 35px; line-height: 35px; color: #00afba; font-weight: 300; margin: 0px; text-transform: uppercase; }
.business-content h4 { font-family: Roboto; font-size: 22px; line-height: 29px; color: #fff; font-weight: 300; margin: 25px 0 0 0px; }
.business-image { float: left; width: 100%; text-align: center; }
.business-image img { width: 100%; min-height: 420px; }

.outer-target { padding: 120px 0 280px 0; }
.target { float: left; width: 100%; text-align: center; }
.target-inner { float: left; width: 100%; position: relative; }
.target-inner img { width: 100%; }
.targget-box { position: absolute; bottom: -180px; left: 25px; width: calc(100% - 50px); height: 270px; border: 1px solid #d1d1d1; background: #fff; }
.targget-box h3 { font-family: Roboto; font-size: 24px; line-height: 37px; color: #e83522; font-weight: 300; text-transform: uppercase; }
.targget-box h3 strong { background: #eae9e8; padding-top: 52px; float: left; width: 100%; font-size: 30px; }
.targget-box p { font-family: Roboto; font-size: 22px; line-height: 29px; color: #000; font-weight: 300; text-align: center; margin: 20px 0 0 0; }
.outer-lead { background: #e66832; padding: 60px 0; }
.outer-lead .lead { float: left; width: 100%; text-align: center; }
.outer-lead .lead h3 { font-family: Roboto; font-size: 25px; line-height: 29px; color: #fff; font-weight: 500; text-transform: uppercase; margin: 0 0 0 0; }
.outer-lead .lead-box { float: left; width: 100%; padding-top: 70px; }
.outer-lead .lead-box img { width: auto; }
.outer-lead .lead-box h5 { font-size: 15px; line-height: 29px; color: #fff; font-weight: 500; text-align: center; font-family: Roboto; text-transform: uppercase; margin-top: 40px; }
.outer-blogging { padding: 90px 0; }
.blogging { float: left; width: 100%; }
.blogging-box { float: left; width: 100%; vertical-align: top; }
.blogging-box h4 { font-family: Roboto; font-weight: 500; font-size: 15px; line-height: 29px; text-transform: uppercase; margin: 0px 0 8px 0; }
.blogging-box img { width: 100%; }
.blogging-box p { font-size: 15px; line-height: 22px; font-family: Roboto; font-weight: 300; text-align: justify; margin: 20px 0 0 0; }
.outer-advice { background: #ffba00; padding: 60px 0; }
.advice { float: left; width: 100%; text-align: center; }
.advice h3 { font-size: 30px; line-height: 35px; color: #fff; font-family: Roboto; font-weight: 500; text-transform: uppercase; margin: 0px; }
.advice h4 { font-size: 25px; line-height: 29px; color: #ff4e00; font-family: Roboto; font-weight: 500; text-transform: uppercase; margin: 45px 0 20px 0; }
.advice ul { width: auto; margin: 0px; }
.advice ul li { list-style: none; display: block; font-size: 25px; color: #000; font-style: italic; font-family: Roboto; font-weight: 300; position: relative; padding: 5px 0 15px; }
.advice ul li:after { position: absolute; content: ''; background: #ff8400; width: 8px; height: 8px; border-radius: 50%; left: 50%; bottom: 0px; margin-left: -4px; }
.advice span { float: left; width: 100%; margin-top: 45px; }
.advice span a { color: #ff4e00; font-size: 30px; border: 1px solid #e66832; transition: all 0.4s ease-in-out; font-family: Roboto; font-weight: 500; padding: 10px 30px; background: #fff; border-radius: 10px; text-decoration: none; display: inline-block; }
.advice span a:hover { background: #ff4e00; color: #fff; }
/*//////////////////inbound marketing css end here///////////////////////*/
.digimarketing .pnone{padding:0 15px;}
.header-right button{display:none !important;}
.navbar-default .navbar-collapse{border-color:transparent;}

.about-animation{float:left; width:100%; background:url(images/character-14.png) no-repeat bottom left; height:960px;position:relative; margin-top:50px; }
.about-animation .chr{position:absolute; top:0px; left:0px;}
.about-animation .go{top:70px; left:50px;}
.about-animation .start{top:auto; bottom:120px; right:-10px; left:auto; display:none}
.about-animation .chr-1{top:20px; left:200px; z-index:1}
.about-animation .chr-2{top:40px; left:95px;}
.about-animation .chr-3{top:40px; left:320px; background:url(images/character-3.png) no-repeat 0 0; width:140px; height:75px; line-height:105px; text-align:center; font-size:24px;font-family: "Albertus MT Std"; letter-spacing:3px}
.about-animation .chr-4{top:auto; bottom:215px; left:105px; width:104px; height:196px;background:url(images/character-4.png) no-repeat 0 0;}
.about-animation .chr-5{top:auto; bottom:228px; left:145px; width:32px; height:44px;background:url(images/character-5.png) no-repeat 0 0;}
.about-animation .chr-6{top:auto; bottom:125px; left:125px; width:70px; height:101px;background:url(images/character-6.png) no-repeat 0 0;}
.about-animation .chr-7{top:160px; left:310px; width:64px; height:109px;background:url(images/character-7.png) no-repeat 0 0; z-index:2;}
.about-animation .chr-8{top:auto; bottom:255px; left:225px; width:50px; height:103px;background:url(images/character-8.png) no-repeat 0 0; z-index:1}
.about-animation .chr-9{top:auto; bottom:270px; left:305px; width:140px; height:124px;background:url(images/character-9.png) no-repeat 0 0;}
.about-animation .chr-10{top:auto; bottom:255px; left:270px; width:97px; height:115px;background:url(images/character-10.png) no-repeat 0 0;}
.about-animation .chr-11{top:auto; bottom:215px; left:275px; width:48px; height:69px;background:url(images/character-11.png) no-repeat 0 0; z-index:1}
.about-animation .chr-12{top:auto; bottom:190px; left:260px; width:79px; height:83px;background:url(images/character-12.png) no-repeat 0 0;}
.about-animation .chr-13{top:auto; bottom:110px; left:320px; width:97px; height:115px;background:url(images/character-13.png) no-repeat 0 0;}

.about-animation .chr-14{top:auto; bottom:300px; left:30px; background:url(images/character-3.png) no-repeat 0 0; width:140px; height:75px; line-height:105px; text-align:center; font-size:24px;font-family: "Albertus MT Std"; letter-spacing:3px}


.about-animation .chr-15{top:auto; bottom:220px; left:300px; background:url(images/character-3.png) no-repeat 0 0; width:140px; height:75px; line-height:105px; text-align:center; font-size:24px;font-family: "Albertus MT Std"; letter-spacing:3px}
.about-image{display:none;}

/*************************** Claud Animation *****************************************/

.cloud{background: #BDA1B8; width: 90px; height: 42px; -webkit-animation: clouds 40s infinite; margin-left: 0;}
.cloud:nth-child(1){ top: auto; bottom: 120px; opacity: 0.85}
.cloud:nth-child(2){ right: auto; left: 320px; opacity: 0.5}
.cloud:nth-child(3){ bottom: auto; top: 120px; right: auto; left: 80px; opacity: 0.75;}
.cloud:nth-child(4){ bottom: auto; top: 20px; right: auto; left: 320px; opacity: 0.65;}

.moon{height: 120px; width: 120px; background: #666666; border-radius: 60px; box-shadow: 0 0 60px 1px #444444;}
.moon:before{border-radius: 60px; box-shadow: 10px -50px 0 0 #444, 50px 0 0 0 #444, 50px -37px 0 10px #444; content: ""; position: absolute; width: 20px; height: 20px; left: 30px; bottom: 10px; background: #444;}
.cat{background:#EEEEEE; height: 60px; top: auto; bottom: 200px; width: 60px; z-index: 0; -webkit-transition: all linear 1s;}
.cat:before, .cat:after{width: 0; height: 0; top: -10px; position: absolute; content: "";}
.cat:before{border-left: 0px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #EEE; left: 0;}
.cat:after{border-right: 0px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #EEE; right: 0;}
.cat .eyes{position: absolute; height: 8px; width: 8px; background: #333; border-radius: 100%; top: 15px;}
.cat .eyes.left{left: 12px;}
.cat .eyes.right{right: 12px;}
.cat .mouth{position: absolute; height: 4px; width: 60%; background: #333; border-radius: 0 0 30% 30%; top: 28px; margin: auto; left: 0; right: 0;}
.wrapper:hover .cat{bottom: 240px;}

@-webkit-keyframes clouds /*Safari and Chrome*/ {
0 {margin-left:0;}
25% {margin-left:100px;}
50% {margin-left:0;}
75% {margin-left:30px;}
100% {margin-left: 0;}
}
/*//////////////////////career page css start here////////////////////////*/
.career-banner{background:url(images/career_back.jpg); background-repeat:no-repeat; background-size:cover; background-position:48% 0;}
.career span{position: relative; width: 208px; height: 208px; display: inline-block; padding: 25px; cursor: pointer;}

.career-page {padding: 60px 0;font-family:roboto;font-size:16px;}
.carrer-head{text-align:center;font-family:roboto;}
.carrer-head h2{padding:25px 0 15px 0;text-transform:uppercase;}
.carrer-list{margin-top:50px;}
.carrer-list h3{font-size:20px;padding: 10px 15px;font-weight:bold;text-transform:uppercase;}
.carrer-list table{width:100%;}
.carrer-list table tbody{padding-top:10px;}
.carrer-list table td {padding:5px 15px;}
.carrer-list table th {padding:10px 15px;background:#7f7f7f;border-right: 2px solid #fff !important;font-size:20px;text-transform:uppercase;color:#fff;font-weight:normal;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{border:1px solid #fff;}
.table-striped > tbody > tr:nth-of-type(2n+1){background-color: #e5e5e5;}

.table-striped > tbody > tr{background-color:#d9d9d9;}
.btn.btn-main.career-btn{width: 100%; border-color: #ddd; color: #ddd; background:#7f7f7f; font-weight:normal; font-family:inherit; font-size:14px;}
.btn-main::before{background: #fa6f1c;}
/*//////////////////////career page css end here////////////////////////*/

/*//////////////////////services page css start here////////////////////////*/
.banner-content{display: inline-block; position: absolute; right: 66px; top: 45%; color:#fff;}
.banner-content .banner-btn{margin: 35px 0 0 0;}
.banner-text{width: 300px;}
.banner-text div:nth-child(1){font-size: 50px; font-weight: bold; width: 130px; display: inline-block; line-height: 45px; float: left; border-right: 2px solid #fff; padding-right: 36px; font-family:roboto-black;}
.banner-text div:nth-child(2){text-transform: uppercase; font-size: 22px; line-height: 28px; padding: 1px 0 13px 15px; width: 148px; display: inline-block;}
.page-services{font-size:15px;}
.services-title{width:100%;text-align:center;text-transform:uppercase;padding-bottom: 30px;font-size: 25px;}


.services-banner{background:url(images/servicesbanner.png); background-repeat:no-repeat; background-size:cover; background-position:42% 0;}
.services-page {padding: 60px 0;font-family:roboto;}
.services-head{text-align:center;font-family:roboto;}
.services-head h1{padding:20px;}
.services-head p{padding:7px 0;text-align:justify;}
.carrer-list{margin-top:50px;}

.services-sec1, .services-sec3{margin:20px 0}
.services-sec1 .col-padding, .services-sec3 .col-padding{padding-right:5px;padding-left:5px;}
.sbox {border: 1px solid #ddd;border-radius: 3px;padding: 5px;height: 260px;text-align: center;transition:all ease 0.3s;cursor:pointer;}
.sbox:hover{background:#efefef;box-shadow:0 3px 3px 1px #efefef;}
.sbox img{margin:auto;padding:15px 0;}
.sbox p{font-weight:bold;padding-bottom: 6px;}
.iback{height:30px;width:30px;border-radius:50px;font-weight:bold;color:#fff;padding: 6px;display:inline-block;margin-top: 20px;position:relative;}
.sicon{position:absolute;bottom:5px;width: 100%;left:0;}
.round-orange{background:#feb556}
.round-blue{background:#6f79ff}
.round-red{background:#ff7272}
.round-sky{background:#02cee1}

/*.services-sec2{background:url(images/babb.jpg); background-repeat:no-repeat; background-size:cover; background-position:48% 0;height: 500px;}*/

.sec-btn-contner{width:100%;text-align:center;padding: 20px 0;display:inline-block;}
.sec-btn{display: inline-block; margin: 30px 0 15px 0; text-align: center; border-radius: 5px; background: #f1f3f3; box-shadow: 0px 0px 0px 1px #d8d9d9;}
.sec-btn-item{display: inline-block; width: 160px; padding: 10px 0 5px 0; border-right: 1px solid #ddd;}
.sec-btn-item p{padding-top: 7px;}
.sec-btn-item p b{text-transform:uppercase;}
.sec-btn-item span{height:33px;width:33px;border-radius:50px;display: inline-block;color:#fff;font-weight:bold;padding:7px;}
.sec-btn-item:nth-child(1) span{background:#ff7272}
.sec-btn-item:nth-child(2) span{background:#02cee1}
.sec-btn-item:nth-child(3) span{background:#feb556}
.sec-btn-item:nth-child(4) span{background:#6f79ff}
.services-sec4{background: #6ca902; /* Old browsers */background: -moz-linear-gradient(left, #6ca902 49%, #2989d8 49%, #207cca 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #6ca902 49%,#2989d8 49%,#207cca 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #6ca902 49%,#2989d8 49%,#207cca 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca902', endColorstr='#207cca',GradientType=1 ); /* IE6-9 */;width:100%;position:relative;height:auto;display:line-block;color:#fff;padding:25px 0}
.services-sec4 .sec4-content{padding:0 5px;}
.services-sec4 .left-content{box-shadow:1px 0 0 0 #ddd;width: 40%;padding-right: 2px;}
.services-sec4 .right-content{padding: 0 0px 0 22px;}
.services-sec4 h3{padding-bottom:15px;}
.left-content, .right-content{width: 50%; display: inline-block; float: left; padding-right: 50px;}
.left-content h3, .right-content h3{text-transform: uppercase; padding-bottom:10px;}
.app-icon-content-right img , .app-icon-content-left img{float: left;}
.app-icon-content-left{box-shadow: 1px 0 0 0 #ddd;width: 50%;padding-right: 2px;float:left;margin-top: 30px;}
.app-icon-content-right{padding: 0 0px 0 22px; width: 50%; float: left;margin-top: 30px;}
.icon-text{padding-left: 95px;}
.icon-text span{font-size: 35px; font-weight: bold; text-transform: uppercase;}
.services-sec5{margin:30px 0;}
.services-sec5 .ftf{text-align:center;padding: 30px 0;}
.ftf h3 , .ftf h4 {text-transform:uppercase;}
.ftf h3{font-weight:bold;}
.ftf h4 {padding-top:15px;}
.ftf span{background: #1cbb9e; height: 3px; width: 80px; display: inline-block; margin-top: 20px;}
.services-sec6{margin:30px 0;display:block;}
.services-sec6 img{max-width:315px;margin:auto; display:-webkit-box;}
.sec6-left{margin-top:15px;}
.sec6-left p{padding:10px 28px 10px 0px;text-align:justify;}

.services-sec7{margin:30px 0;display:block;background:#08c6a2;color:#fff;padding:00px 0;/*background-image:url(images/back-n-devlopment.png);background-repeat:no-repeat; background-size:cover; background-position:48% 0;*/}

.sec7-left{margin-top:111px;}
.sec7-right{margin-top:15px;padding:30px 0;}
.sec7-right p{padding:10px 28px 10px 0px;text-align:justify;}

.services-sec8{margin:30px 0;}
.app-type-top h3{padding: 20px 0 40px 0;}
.services-sec8 .app-mobile{text-align:right;padding: 40px 0;}
.mobile img{padding-top:45px;} 
.man-wiht-lapi{text-align:center;}
.man-wiht-lapi img{max-width:465px;}
.app-contnet h4{text-transform:uppercase;font-weight:bold;}
.app-type-botton{margin: 30px 0; display: inline-block;}
.app-type-box{position:relative;}
.app-type-box span{position:absolute;bottom:28px;display:inline-block;width:100%;text-align:center;text-transform:uppercase;font-size:18px;font-weight:700;color:#fff;}
.appicon{float: left; padding: 5px 16px 43px 0;}
.app-type-botton div{display: inline-block; float: left; width: 33.33%;}
.services-sec9{padding:30px 0;background:#8ff0fe;}
.services-sec9 p{padding:8px 0;text-align:justify;}
.services-sec10{padding:50px 0;}
.ux-ui-img{text-align:center;}
.services-sec10 p{padding-top:154px;}
.services-sec11{padding:30px 0;background-image:url(images/android-ios-back.png);background-repeat:no-repeat; background-size:cover; background-position:48% 0;color:#fff;}
.services-sec11 .title{text-transform:uppercase;padding-bottom:5px;}
.services-sec11 p{padding:20px 0 40px 0;}
.sec-btn-item:nth-child(4){border-right: none;}
/*//////////////////////services page css end here////////////////////////*/

/*//////////////////////PORTFOLIO page css START here////////////////////////*/

.portfolio-banner .bannercontent{float: left; width: 100%; padding: 25% 0 0px 0; height: 100vh; text-align: left;}
.portfolio-banner .bannercontent h5{text-align:center;}
.portfolio-banner .banner-btn{text-align:center;}
.portfolio-sec .outer-portfolio{padding: 25px 0 0 0;}
.portfolio-sec .cd-tab-filter li{display: inline-block; width: auto; font-size: 15px; color: #464646; margin-bottom:5px;}
.portfolio-sec .cd-gallery{padding: 0px 0 0 0; width: 100%; background: none;}
.portfolio-gallery ul li{width: 30%;vertical-align: top;margin: 1% 1%;}
.portfolio-banner{background: url(./images/portfolio_back.jpg); background-repeat: no-repeat; background-size: cover; background-position:48% 0;}
.portfolio-sec .cd-tab-filter a {background:#e5e5e5;color:#979797;width: 120px;text-transform:uppercase;}
.portfolio-sec .cd-tab-filter a.selected , .portfolio-sec .cd-tab-filter a:hover{background: #ff8400; color: #fff; box-shadow: none;}
.contner-load-more {width:100%;text-align:center;margin-bottom: 25px;}
.btn-load-more{text-align:center;padding:10px 20px; border:1px solid #50c2e1;color:#50c2e1;text-transform:uppercase;width:130px;margin:auto;cursor:pointer;border-radius:5px;}
.portfolio-footer{background: url(./images/portfolio_footer.jpg); background-repeat: no-repeat; background-size: cover; background-position:48% 0; color:#fff; padding: 50px 0;}
.portfolio-footer .left-contnet{width:60%;display:inline-block;float:left;}
.portfolio-footer .right-contnet{width:39%;float:left;}
.portfolio-footer h3{font-weight:bold;padding-bottom:5px;}
.portfolio-footer .get-start{text-transform:uppercase;background:#1fb6d3;color:#fff;padding:10px 20px;width: auto; display: inline-block; border-radius: 5px;cursor:pointer;transition:all ease 0.5s;}
.portfolio-footer .get-start:hover{padding:10px 25px;}

/*//////////////////////PORTFOLIO page css end here////////////////////////*/

/*editing by rajesh*/

div.wpcf7-mail-sent-ng{border: 2px solid #ff0000; float: left; width: 100%; text-align: center; color: #000;}
.technology div.col-md-6:nth-child(5) div.col-lg-7, .technology div.col-md-6:nth-child(6) div.col-lg-7{float:right;}
.nemus-slider{margin-bottom:0px!important;}
.admin-bar header{margin-top:30px;}
.inner-banner{float:left; width:100%;}
.inner-banner img{width:100%;}
.single-page,.inner-pages{margin:30px 0px}
.inner-pages p{margin-top:20px;}

.home-text{margin-bottom:20px;}

.logo-slider img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);}
.logo-slider img:hover{filter:none;}
.wpcf7-form-control-wrap{margin-bottom:15px}
.wpcf7-form-control-wrap input{border-radius:0px;}

div.wpcf7-validation-errors{float:left; width:97%; text-align:center; border-color:#f00 !important; color:#fff;}
.contact-info p a, .footer-top p a{text-decoration:none; color:#75737f;}