@font-face { font-family: opensans; src: url(../fonts/OpenSans-Regular.ttf); }
@import 'https://fonts.googleapis.com/css?family=Montserrat';
body { background: #f4f4f4; }
.margin-row { margin-bottom: 10px; margin-top: 10px; }
.text-center { text-align: center !important; }
.text-align { text-align: center; color: #434444; padding-top: 10%; }
.nav > li > a { display: block; padding: 10px; position: relative; }
/* footer social icons */
ul.social-network { list-style: none; display: inline; margin-left: 0 !important; padding: 4px 25px 0 0; }
ul.social-network li { display: inline; margin: 0 0 0 5px; }
/* footer social icons */
.social-network a.icoRss:hover { background-color: #F56505; }
.social-network a.icoFacebook:hover { background-color: #3B5998; }
.social-network a.icoTwitter:hover { background-color: #33ccff; }
.social-network a.icoGoogle:hover { background-color: #BD3518; }
.social-network a.icoPint:hover { background-color: #bd081c; }
.social-network a.icoVimeo:hover { background-color: #0590B8; }
.social-network a.icoLinkedin:hover { background-color: #007bb7; }
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoPint:hover i { color: #fff; }
a.socialIcon:hover, .socialHoverClass { color: #44BCDD; }
.social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 30px; height: 30px; font-size: 20px; background: #fff; }
.social-circle li i { margin: 0; line-height: 32px; text-align: center; color: #000; font-size: 15px; }
.social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
.menu a { color: #000 !important; }
.menu a:hover { color: #fff !important; }
.dropdown-menu > li > a { color: #333 !important; }
.form-control { height: 40px; }
.top-bottom { margin-bottom: 0px; }
.top-bg { margin: 0px; padding: 0px; width: 100%; height: 32px; background: #692477; float: left; font-size: 12px; }
.logo-position { margin-top: -10px; }
.top-bg-secp { margin: 0px; padding: 0px; background: url(../img/top-shap.png) no-repeat; float: left; width: 30px; height: 32px; }
.news { margin: 0px; padding: 4px; color: #fff; float: left; }
.foter-left-bg { background: #692377; height: 40px; }
.foter-right-bg { background: #efefef; height: 40px; }
.f-bg-right { background: url(../img/footer-right-bg.png) no-repeat; height: 40px; width: 33px; float: right; position: relative; right: -17px; }
.login-bg { margin: 2px 0 0px -25px; padding: 10px; background: #e4e4e4; width: 284px; float: left; padding-bottom: 16px; }
.login-bg img { width: auto !important; height: auto; margin: 0 auto !important; text-align: center; display: block; }
.login-text { margin: 0px; font-size: 15px; text-decoration: none; padding: 5px; /* float: left; */ text-align: center; /* font-weight: bold; */ color: #fff; background: #692377; margin-bottom: 10px; }
.login-small-text { margin: 0px; padding: 0 0 5px 0px; font-size: 13px; color: #575758; }
.send-button { margin-top: 10px; }
.send-button a { margin: -15px; padding: 5px 11px; background: #18a4e3; color: #fff; }
.send-button a:hover { margin: -15px; padding: 5px 11px; background: #1692ca; color: #fff; }
.register-text { margin: 0px; padding: 10px 0; font-size: 13px; }
.register a { margin: 0px; padding: 0px; font-size: 13px; color: #18a4e3; text-decoration: none; }
.register a:hover { margin: 0px; padding: 0px; font-size: 13px; color: #18a4e3; text-decoration: none; }
.box { margin: 0px -2px; padding: 0px; width: 100%; height: auto; float: left; }
.box1 { margin: 0px; padding: 0px; width: 25%; height: auto; float: left; border-right: 5px solid #fff; }
.box1 { margin: 0px; padding: 0px; width: 25%; height: auto; float: left; border-right: 5px solid #fff; }
.box1 { margin: 0px; padding: 0px; width: 25%; height: auto; float: left; border-right: 5px solid #fff; }
.box2 { margin: 0px; padding: 0px; width: 25%; height: auto; float: left; }
.slide-left { margin: 0px; padding: 0px; width: 74.6%; height: auto; float: left; margin-right: 5px; }
.slide-right { margin: 0px; padding: 0px; width: 24.9%; height: auto; float: left; }
.slide-icon { display: inline-block; margin-top: -10px; position: absolute; top: 50%; z-index: 5; }
.text-caption { margin: 0px; padding: 0px; width: 100%; height: auto; background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; position: absolute; right: 0px; left: 0px; bottom: 0px; }
h1 { margin-top: 9px; color: #0c2252; text-shadow: none; }
.gradent-img {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#55ad03+1,a903bf+53,6d0019+100 */ background: #55ad03; /* Old browsers */ background: -moz-linear-gradient(45deg, #55ad03 1%, #a903bf 53%, #6d0019 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #55ad03 1%, #a903bf 53%, #6d0019 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #55ad03 1%, #a903bf 53%, #6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ad03', endColorstr='#6d0019', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
}
.navbar-default { background-color: #fff; border-bottom: 1px solid #e4e4e4; }
 /*Bootstrap*/

@charset "utf-8";
* { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row { margin-left: -15px; margin-right: -15px; }
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .custom-col-5 { float: left; padding: 0 2px; }
.col-12 { width: 100%; }
.col-11 { width: 91.66666667%; }
.col-10 { width: 83.33333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666667% !important; }
.col-7 { width: 58.33333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666667%; }
.col-4 { width: 33.33333333% !important; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666667%; }
.col-1 { width: 8.33333333%; }
.custom-col-5 { width: 20%; }
.custom-col-5 img { width: 100%; height: 100%; }
.website-image { width: 100%; margin: 0 auto }
.banner { width: 100%; margin: 7% 0 3px auto; }
.banner img { width: 100%; margin: 0; }
.clearfix { clear: both; }
.inner-container { width: 1170px; padding-right: 15px; padding-left: 15px; }
.main-content { margin: 0 auto; background: #fff; }
.main-content p { font-size: 13px; line-height: 20px; text-align: justify; }
.main-content h2 { font-size: 24px; font-weight: bold; color: #692377; margin: 20px 0 10px 0;/* text-transform: uppercase; */ }
.main-content h3 { font-size: 20px; font-weight: bold; color: #692477; margin: 20px 0 10px 0; }
.main-content img { margin: 0 auto; /*width: 100%; */}
.homepage-login-container { }
.homepage-login-container .homepage-login-logo { padding: 14px 0; }
.homepage-login-container .form-group label { color: #999; }
.custom-listing { margin: 0 0 15px 0; padding: 0; }
.custom-listing li { font-size: 13px; list-style: none; padding-bottom: 7px; }
.custom-listing li:before { content: '\f054'; font-family: 'FontAwesome'; padding: 0 7px 0 0 }
.margin-top-30 { margin-top: 30px }
.margin-top-40 { margin-top: 40px }
.margin-bottom-30 { margin-bottom: 30px }
.margin-bottom-10 { margin-bottom: 10px; }
.mar-0 { margin: 0 !important }
.pd-o { padding: 0 }
.pd-o1 { padding: 0 20px 0 0; }
.custom-blockquote { border-left: 5px solid #f29d21; background: #f9f9f9; }
.section-content-container p i { font-size: 30px; color: #692377 }
.section-content-container .section-content-container-title { font-size: 18px; }
.key-content { background: #f4f4f4; padding: 15px; margin-bottom: 15px; }
.highlight-content { background: #692477; padding: 10px; color: #fff;/* margin-bottom: 15px; */ box-shadow: 10px 10px 5px rgba(136, 136, 136, 0.5); }
.highlight-content p { text-align: left !important; }
.key-content ul { margin: 0; padding: 0; }
.scroll-top { background: #999; color: #fff; height: 40px; width: 40px; display: block; text-align: center; line-height: 40px; }
footer { background: url(../img/footer-bg.jpg) no-repeat #efefef; color: #fff; line-height: 40px; position: relative; left: 0; width: 100%; bottom: 0; }
footer ul.social-network { margin: 5px 0 0 0; padding: 0; line-height: 30px; }
.related-news-container { width: 100%; float: left; }
.related-news-container a { width: 100%; float: left; margin-bottom: 15px }
.related-news-container a:hover { background: #f4f4f4; }
.related-news-container a img { padding: 3px; border: 1px solid #e4e4e4; }
.related-news-container a .news-title { padding: 0 15px 0 0; }
.related-news-container a .news-title h4 { margin: 6px 0 0 0; font-size: 13px; color: #333; line-height: 18px; font-weight: bold; }
.related-news-container a .news-title h5 { margin: 6px 0 0 0; font-size: 11px; color: #aaa; line-height: 18px; }
.related-news-container a:hover .news-title h4 { color: #f29d21; }
.share-post-container { text-align: center; padding: 20px; border-top: 1px solid #e4e4e4; }
.share-post-container ul.social-network { padding: 4px 0 0 0; }
.share-post-container .share-post-container-text { width: 100%; text-align: center; float: left; font-size: 24px; margin-bottom: 10px; font-weight: 300; }
.social-square li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 40px; height: 40px; font-size: 24px; background: #e4e4e4; }
.social-square li i { margin: 0; line-height: 32px; text-align: center; color: #000; font-size: 15px; }
.social-square li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.social-square i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
.breadcrumb-col { width: 100% !important; color: #fff; background: #e4e4e4 !important; border-radius: none !important; text-align: right }
.breadcrumb-col a { color: #333; font-size: 12px; }
.breadcrumb-col a:hover { color: #f90 !important; text-decoration: none }
.breadcrumb>.active { color: #06639e !important; }
/*accordtion*/
button { background-color: #2cc185; color: #fff; border: 0; padding: 1em 1.5em; }
button:hover { background-color: #239768; color: #fff; }
button:focus { background-color: #239768; color: #fff; }
.accordion { position: relative; background-color: #fff; display: inline-block; width: 100%; border-top: 1px solid #f1f4f3; border-bottom: 1px solid #f1f4f3; font-weight: 700; color: #74777b; vertical-align: middle; }
.accordion .fa { position: relative; float: right; }
.accordion h4 { position: relative; top: 0.8em; margin: 0; font-size: 14px; font-weight: 700; }
.accordion a { position: relative; display: block; color: #74777b; padding: 1em 1em 2.5em 1em; text-decoration: none; }
.accordion a:hover { text-decoration: none; color: #692377; background-color: #e4e4e4; transition: 0.3s; }
.accordion-desc { background-color: #fff; color: #74777b; z-index: 2; padding: 20px 15px; }
.highlights-content { font-size: 16px; line-height: 25px; vertical-align: middle }
.highlights-content h1 { font-size: 83px; font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center; color: #692377; }
.highlights-content h2 { font-size: 39px; color: #999; text-align: center; margin-top: -16px; }
.highlights-content h4 { font-size: 18px; color: #000; text-align: justify;/* text-indent: 57px; */ font-weight: normal; line-height: 25px; }
.head-address { width: 100%; margin: 0 auto; }
.head-address h2 { color: #333; font-size: 22px; margin-top: 15px !important; text-transform: none; }
.head-address h4 { color: #692377; font-size: 18px; margin-left: 20px; }
.head-address p { color: #000; font-size: 14px; margin-left: 35px; line-height: 25px; }
.document-fixed { position: fixed; top: 240px; right: 5px; padding: 10px; width: 100px; height: auto; z-index: 100; border-radius: 30px 0px 0px 30px; background: #333; padding: 10px; opacity: 0.8; }
.document-fixed1 { border-bottom: 1px solid #fff; padding: 5px 0; text-align: center; }
.document-fixed1:last-child { border: none; padding: 15px 0 0 0 }
.document-fixed1 p { color: #fff; font-size: 12px; text-align: center; }
.document-fixed1 i.fa { color: #fff; font-size: 18px; padding-bottom: 10px }
.mission { border-right: 1px solid #e4e4e4; padding: 30px; }
.mission:last-child { border: none }
.value { width: 100%; padding: 5px 15px; background: #eee; }
.value p { line-height: 23px; margin-bottom: 0; }
.value h3 { margin: 10px 0 }
.product-service { margin: 0 auto }
.product-service a { color: #74777b !important; }
.product-service a:hover { color: #f90 !important; }
.product-service h2 { color: #333; font-size: 16px; font-weight: 600; text-align: center; text-transform: none; }
.product-service h3 { color: #f90; font-size: 16px;/* border-bottom: 2px solid #333; */ padding: 6px 0 17px; text-align: center; }
.product-service h5 { color: #06C; font-size: 15px; margin-left: 15px; font-weight: 600; }
.product-service p {/* margin-left: 25px; */ }
.product-service i.fa { color: #692377; font-size: 15px; margin: 0 10px 0 0px; }
.partner-box { border: 4px solid #f7f7f7; margin-bottom: 30px; min-height: 170px; padding-bottom: 0 !important; padding-left: 10px; padding-right: 10px; padding-top: 15px !important; position: relative; }
.top-margin-40 { margin-top: 40px; }
.top-margin-20 { margin-top: 20px; }
.post-title { font-size: 14px; }
.post-title { margin-top: 10px; font-size: 18px; }
.imge-center { margin-left: auto !important; margin-right: auto !important; display: block; width: auto !important; }
.partner-box h2 { font-size: 14px; color: #333; text-transform: none; }
.title-header { width: auto;/* top: -4px; */ }
.title-header h4 { position: relative; z-index: 1; color: #f5f5f5; font-size: 44px; text-transform: uppercase; text-align: center; left: -121px; top: -26px; line-spacing: 0; text-indent: 25px;/* letter-spacing: 4px; */ }
.title-header h2 { position: relative; z-index: 4; color: #692377; font-size: 24px; text-transform: none !important;/* text-align: center; */ left: 0; top: 0;/* margin-left: 16px; */ margin: 0;/* padding-bottom: 0; */ }
.title-header1 { width: 42%;/* top: -4px; */ }
.privacy-pol { margin: 0 auto; }
.privacy-pol a { color: #fff !important; font-size: 14px; }
.privacy-pol a:hover { color: #f90 !important; text-decoration: none; font-size: 14px; }
#navigationMenu li { list-style: none; height: 39px; padding: 2px; width: 40px; }
#navigationMenu span { /* Container properties */ width: 0; right: 38px; padding: 0; position: absolute; overflow: hidden; /* Text properties */ font-size: 14px; font-weight: bold; letter-spacing: 0.6px; white-space: nowrap; line-height: 39px; /* CSS3 Transition: */ -webkit-transition: 0.25s; /* Future proofing (these do not work yet): */ -moz-transition: 0.25s; transition: 0.25s; }
#navigationMenu a { background: url(../img/navigation.jpg) no-repeat; height: 39px; width: 38px; display: block; position: relative; }
/* General hover styles */

#navigationMenu a:hover span { width: auto; padding: 0 20px; overflow: visible; }
#navigationMenu a:hover { text-decoration: none; /* CSS outer glow with the box-shadow property */ -moz-box-shadow: 0 0 5px #9ddff5; -webkit-box-shadow: 0 0 5px #9ddff5; box-shadow: 0 0 5px #9ddff5; }
/* Green Button */

#navigationMenu .home { background-position: 0 0; }
#navigationMenu .home:hover { background-position: 0 -39px; }
#navigationMenu .home span { background-color: #7da315; color: #3d4f0c; text-shadow: 1px 1px 0 #99bf31; }
/* Blue Button */

#navigationMenu .about { background-position: -38px 0; }
#navigationMenu .about:hover { background-position: -38px -39px; }
#navigationMenu .about span { background-color: #1e8bb4; color: #223a44; text-shadow: 1px 1px 0 #44a8d0; }
/* Orange Button */

#navigationMenu .services { background-position: -76px 0; }
#navigationMenu .services:hover { background-position: -76px -39px; }
#navigationMenu .services span { background-color: #c86c1f; color: #5a3517; text-shadow: 1px 1px 0 #d28344; }
/* Yellow Button */

#navigationMenu .portfolio { background-position: -114px 0; }
#navigationMenu .portfolio:hover { background-position: -114px -39px; }
#navigationMenu .portfolio span { background-color: #d0a525; color: #604e18; text-shadow: 1px 1px 0 #d8b54b; }
/* Purple Button */

#navigationMenu .contact { background-position: -152px 0; }
#navigationMenu .contact:hover { background-position: -152px -39px; }
#navigationMenu .contact span { background-color: #af1e83; color: #460f35; text-shadow: 1px 1px 0 #d244a6; }
/* The styles below are only needed for the demo page */

#main {/* margin:80px auto; */ position: relative;/* width: 80px; */ position: fixed; top: 250px; right: 50px; padding: 10px;/* width: 100px; */ height: auto; z-index: 100;/* border-radius: 30px 0px 0px 30px; *//* background: #333; */ padding: 0px; opacity: 0.8; }
/*.thumbnail { border: none !important; }
.thumbnail:last-child { border: none; }
.thumbnail1 { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: none !important; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; }*/
/*  TIMELINE STARTS */

.content-1996 .adventnet, .year-pointer, .download-part .download-oasys-logo, .oasyslics .oasyslics-logo { background-image: url(../img/timeline-sprite@2x.png); background-size: 300px 725px; background-repeat: no-repeat; }
.oasys-timeline { background: url(../img/timeline-line.jpg) repeat-y scroll center top #fff; position: relative; padding: 0px 0 0; }
.oasys-timeline img { width: auto !important; text-align: center !important; }
.oasys-timeline p { color: #666; font-size: 16px; line-height: 26px; }
.oasys-timeline p span { }
.oasys-timeline h2, .oasys-timeline h2 a { color: #333333; font-size: 24px; letter-spacing: -0.5px; line-height: 30px; margin-bottom: 10px; }
.left-section, .right-section { overflow: hidden; position: relative; padding: 0 0 40px; }
.left-section1, .right-section { overflow: hidden; position: relative; padding: 0 0 0px; }
.left-part, .right-part { width: 50%; float: left; position: relative; }
.left-section .left-part, .left-section .right-part { float: left; }
.oasys-timeline .yearof { color: #333; float: right; font-size: 32px; letter-spacing: -1px; line-height: 45px; margin: 0 40px; max-width: 100px; text-align: right; transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
.yearof span { color: #999; display: block; font-size: 15px; letter-spacing: 1.2px; line-height: 22px; margin-bottom: 0; text-align: center; text-transform: uppercase; }
.year-pointer { width: 32px; height: 30px; background-position: -200px 0; position: absolute; left: 50%; margin-left: -15px; top: 30px; display: block; z-index: 99; transition: 0.7s ease; -webkit-transition: 0.7s ease; }
.year-pointer:hover { transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); }
.right-box, .left-box { position: relative; margin: 30px 50px 0; }
.about-product { overflow: hidden; padding: 0 0 50px 0px; }
.about-product h2 { margin: 0 !important }
.about-product.nonicon-product { padding: 0 0 50px 0; }
.about-product span a { display: block; height: 64px; }
.about-product > span { height: 64px; width: 64px; display: block; text-indent: -9999px; background-position: 0 0; margin: 0 0 10px; position: absolute; left: 0; background-image: url('../images/product-icons-sprite-new.png'); }
.about-product .assist-icon { background-position: 0 0; }
.about-product .appcreator-icon { background-position: -65px -260px; }
.about-product .books-icon { background-position: -65px 0; }
.about-product .bugtracker-icon { background-position: -130px -130px }
.about-product .campaigns-icon { background-position: -130px 0; }
.about-product .chat-icon { background-position: -195px 0; }
.about-product .commentbox-icon { background-position: 0 -260px; }
.about-product .connect-icon { background-position: -455px 0; }
.about-product .contactmanager-icon { background-position: -390px 0; }
.about-product .creator-icon { background-position: -260px 0; }
.about-product .crm-icon { background-position: -332px 0; width: 60px; }
.about-product .developer-icon { background-position: -325px -195px; }
.about-product .discussions-icon { background-position: -195px -195px; }
.about-product .docs-icon { background-position: -520px 0; }
.about-product .expense-icon { background-position: -260px -195px; }
.about-product .forms-icon { background-position: -260px -130px; }
.about-product .invoice-icon { background-position: -585px 0; }
.about-product .inventory-icon { background-position: -65px -195px; }
.about-product .mail-icon { background-position: -65px -130px; }
.about-product .marketplace-icon { background-position: -585px -130px; }
.about-product .mdm-icon { background-position: -455px -195px; }
.about-product .meeting-icon { background-position: 0 -65px; }
.about-product .motivator-icon { background-position: -130px -195px; }
.about-product .notebook-icon { background-position: -130px -65px; }
.about-product .people-icon { background-position: -65px -65px; }
.about-product .projects-icon { background-position: -195px -65px; }
.about-product .recruit-icon { background-position: -260px -65px; }
.about-product .reports-icon { background-position: -325px -65px; }
.about-product .salesinbox-icon { background-position: -585px -195px; }
.about-product .site24x7-icon { background-position: -455px -130px; }
.about-product .salesiq-icon { background-position: -520px -130px; }
.about-product .sdp-icon { background-position: -520px -195px; }
.about-product .showtime-icon { background-position: -195px -195px; }
.about-product .sheet-icon { background-position: -390px -65px; }
.about-product .show-icon { background-position: 0 -130px; }
.about-product .sites-icon { background-position: -455px -65px; }
.about-product .social-icon { background-position: -390px -195px; }
.about-product .subscriptions-icon { background-position: -390px -130px; }
.about-product .support-icon { background-position: -520px -65px; }
.about-product .survey-icon { background-position: -325px -130px; }
.about-product .vault-icon { background-position: -195px -130px; }
.about-product .wiki-icon { background-position: -130px -260px; }
.about-product .writer-icon { background-position: -585px -65px; }
.developer-logo { background-image: url("https://www.oasys.com/developer/images/oasys-developer-logo.png"); background-position: left 0; padding: 0 0 0 85px; background-repeat: no-repeat; color: #333; display: block; font-size: 22px; height: 30px; line-height: 32px; margin: 0 0 5px; max-width: 100px; font-weight: inherit; }
.developer-logo { }
/*2013*/
 /* 1996 */
.content-1996 { max-width: 350px; }
.content-1996 .adventnet { height: 39px; width: 122px; display: block; text-indent: -9999px; margin: 0 0 20px; background-position: -64px -268px }
/* 2001 */

.content-2001 { border-left: 5px solid #FFCC00; margin: 20px 50px; max-width: 400px; padding: 0 0 0 35px; }
/* 2005 */

  
.content-2005 { max-width: 380px; }
.oasys-domain { padding: 40px 0; overflow: hidden; }
.oasys-domain img { margin-bottom: 15px; }
.oasys-writer { overflow: hidden; }
/* 2006 */
 
.content-2006 { max-width: 400px; }
.oasys-crm { border-bottom: none; }
.joining-hands { margin: 0 0 0 40px; box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.1); }
/* 2007 */

.content-2007 { max-width: 400px; }
.pc-world { clear: both; float: right; margin-right: 40px; margin-top: 0; max-width: 350px; display: none; }
.pc-world .quotes { background-position: -64px -106px; display: block; float: left; height: 56px; margin: -25px 0 0 10px; position: relative; text-indent: -9999px; width: 70px; }
.pc-world .pcworld-logo { background-position: -64px -318px; height: 50px; position: relative; text-indent: -9999px; width: 110px; display: block; float: right; }
.pc-world p { color: #333; font-size: 16px; font-weight: 400; line-height: 26px; margin-bottom: 20px; text-align: right; }
.pc-world p span { }
.content-2007 .decorative-line { margin: 30px 0 0 130px; }
/* 2008 */
.section-2008 { overflow: hidden; }
.content-2008, .content-2012 { max-width: 450px; }
.one-million, .oasyslics, .ten-million, .fifteen-million, .twenty-million, .million-counts { border-left: 5px solid #FFCC00; margin: 20px 0 60px; max-width: 400px; padding: 0 0 0 35px; }
.section-2008 .one-million h2, .section-2014 .ten-million h2, .section-2015 .fifteen-million h2, .section-2016 .twenty-million h2 { color: #333; font-size: 32px; font-weight: 400; letter-spacing: -2px; line-height: 40px; margin-bottom: 25px; }
/*  2009 */
 
.content-2009 { max-width: 400px; }
.adventnet-oasys { margin-bottom: 40px; }
/* 2012 */

.oasyslics .oasyslics-logo { background-position: -75px -70px; display: block; height: 30px; text-indent: -9999px; width: 155px; margin: -12px 0 20px; }
.oasyslics a { font-size: 16px; line-height: 24px; color: #333; padding-top: 10px; display: block; }
/* 2013 */

/* 2014 */

.content-2013, .content-2014, .content-2015, .content-2016, .content-2017, .content-2018 { max-width: 480px; }
/* TIMELINE TO BE CONTINUE STARTS */

.timeline-continues.left-section { padding: 120px 0 0; }
.timeline-continues .year-pointer { top: 100px; }
.timeline-continues h3 { background: none repeat scroll 0 0 #F7F7F7; color: #333333; font-size: 26px; letter-spacing: -1px; line-height: 32px; padding: 50px 0 30px; text-align: center; }
.timeline-continues .getstarted-box { padding: 0 0 150px 0; background: #F7F7F7; }
/* TIMELINE TO BE CONTINUE ENDS*/
/* YEAR COLOR CODE */
.section-2000:hover .yearof { color: #00add5; }
.section-2002:hover .yearof { color: #5bb46c; }
.section-2005:hover .yearof { color: #ea785d; }
.section-2006:hover .yearof { color: #d6b000; }
.section-2007:hover .yearof { color: #4661b9; }
.section-2008:hover .yearof { color: #48bbb4; }
.section-2009:hover .yearof { color: #9b59b6; }
.section-2010:hover .yearof { color: #ff6633; }
.section-2011:hover .yearof { color: #096; }
.section-2012:hover .yearof { color: #c0392b; }
.section-2013:hover .yearof { color: #e67e22; }
.section-2014:hover .yearof { color: #9e2955; }
.section-2015:hover .yearof { color: #200CCB; }
.section-2016:hover .yearof { color: #00AE78; }
/*  TIMELINE ENDS */
.oasys-timeline p span, .oasys-timeline h2, .oasys-timeline h2 a { font-weight: inherit; }
.oasys-timeline h2 { font-weight: inherit; }
.press { width: 310px; min-height: 210px; padding: 10px; margin-left: 15px; margin-bottom: 20px; border: 1px solid #e4e4e4 !important; padding: 10px 15px; }
.press img { width: 100%; height: 35px; }
.press a { color: #4b83e9; font-size: 13px; bottom: 0; top: 0 }
.press h3 { font-size: 15px; line-height: 20px; }
.press a:hover { color: #f90; }
.mr-left-30 { margin-left: 30px; }
.mr-left-60 { margin-left: 60px !important; }
.text-oasys { display: inline-block; color: #692477 !important; ; font-size: 16px !important; font-weight: 700 !important; }
.text-link1 { width: 100%; margin: 0 auto; padding: 5px 0 5px 15px }
.text-link1 a { color: #3b5999; }
.text-link1 a:hover { color: #f90; }
/*Index product*/
section figure { position: relative; margin: 0 auto; /* to center it */ padding: 0px 0 0 0; font-size: 13px; text-align: center; float: left; max-width: 100%; }
section figure img { max-width: 100%; height: auto; vertical-align: top; }
section figure figcaption { position: absolute; right: 0; bottom: 0; left: 0; background: black; /* fallback */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000); /* IE fix */
background: rgba(0,0,0,.7); /* transparent background */ color: #fff; padding: 10px;    /* padding around text */ z-index: 100; }
section figure figcaption1 { position: absolute; width: 20%; right: 0; left: 0; background: black; /* fallback */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb000000, endColorstr=#bb000000); /* IE fix */
background: rgba(0,0,0,.7); /* transparent background */ color: #fff; padding: 10px; z-index: 99; top: 0    /* padding around text */ }
/*Index product end*/
section figure figcaption:hover { text-decoration: underline; }
.group-companies {/* background-image: url(../img/company.jpg); */ background-repeat: no-repeat; background-size: 100%; background-position: center; height: 100%; }
.group-text { margin-top: 25px; text-align: center; }
.group-text h2 { font-weight: bold; font-size: 36px; font-family: 'Montserrat', sans-serif; color: #000; margin: 0; }
.group-text h3 { font-size: 32px; font-weight: normal; color: #000; margin: 0; }
.grp-img { padding: 15px; }
.grp-img1 { padding: 15px; background: ec7d23; }
{
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}
.item { position: relative; overflow: hidden; width: 100%; }
.item img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.item:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.accord-active { background: #f4f4f4 !important; }
.accord-active a { color: #74777b !important; }
.product-first { background: #512884; margin: 0 !important; padding: 15px; color: #fff !important; }
.product-first h2 { text-transform: none !important; color: #fff !important; }
.product-first a { color: #fff !important }
.product-first a:hover { color: #fff !important }
.product-second { background: #e9a109; margin: 0 !important; padding: 15px; color: #fff !important; text-transform: none !important; }
.product-second h2 { text-transform: none !important; color: #fff !important; }
.product-second a { color: #fff !important }
.product-second a:hover { color: #fff !important }
.product-third { background: #5f81b4; margin: 0 !important; padding: 15px; color: #fff !important; text-transform: none !important; }
.product-third h2 { text-transform: none !important; color: #fff !important; }
.product-third a { color: #fff !important }
.product-third a:hover { color: #fff !important }
.life-oasys { position: relative; float: left; margin-bottom: 15px; }
.life-oasys img { width: 100%; height: 100%; }
.bg-img-overlay { position: absolute; z-index: 9; background: linear-gradient(45deg, #d30e53, #0b99bd); opacity: 0.4; left: 0; top: 0; width: 100%; height: 100%; }
.corporate-cont { margin-left: 15px; width: 100% }
.corporate-cont h5 { color: #06C; font-size: 15px; font-weight: 600; }
.corporate-cont p { font-size: 13px; }
.corporate-cont h6 { font-size: 14px; color: #333; font-weight: 600 }
.corporate-cont h3 { margin-left: 0px }
.our-leader { padding: 0; background: #fff !important; width: 100% }
.our-leader img { background: #fff; border: none }
.our-leader ul li { background: #fff !important }
.our-leader ul li a { background: #fff !important }
.ph0 { padding: 0 !important }
hr { margin-top: 0 !important; background-color: #ddd; border: none; height: 1px; }
.search-filter { width: 100%; border: 1px solid #ccc }
.search-filter h2 { background: #e4e4e4; color: #333; padding: 15px 10px; margin: 0 !important }
.search-filter h3 { background: #e4e4e4; font-size: 16px; color: #333; padding: 10px 10px; margin: 0 !important; }
.pd-15 { padding: 15px }
.mt-30 {margin-top: 20px;}
.mt-82 { margin-top: 70px }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.pt-10{  padding-top:10px;}
.text-white { color: #fff !important }
.m-0 { margin: 0 }
.glyphicon { margin-right: 10px; }
.panel-body { padding: 0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table { margin-bottom: 0px; }
.img-wh-size img { width: 150px; height: 120px; border: 5px solid #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.2); }
.img-wh-size a { margin: 0 5px; }
.celebration img { width: 145px; height: 110px; border: 5px solid #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.2); }
.celebration a { margin: 0 5px; }
.panel-head-tab .panel-heading { background: #692377; color: #fff; padding: 0; border-right: 3px solid #f90 }
.panel-head-tab .panel-title > a { display: block; padding: 10px 15px; }
/*content slider*/
/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


 
.quote { color: rgba(0,0,0,.1); text-align: center; }
blockquote1 { padding: 10px 20px; margin: 0 0 20px; font-size: 12px; margin-bottom: 10px; text-align: center }
Inherited from body /*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel { padding-bottom: 60px; }
#fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
#fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
#fade-quote-carousel.carousel .carousel-indicators { bottom: 0px; }
#fade-quote-carousel.carousel .carousel-indicators > li { background-color: #e84a64; border: none; }
#fade-quote-carousel blockquote { text-align: center; border: none; }
#fade-quote-carousel .profile-circle { width: 100px; height: 100px; margin: 0 auto; border-radius: 100px; }
.light-content { background-image: url(../img/light.jpg); background-size: cover; background-repeat: no-repeat; }
.light-content a { color: #fff }
.light-content p {padding: 35px 16px 35px 16px;font-size: 11px;color: #fff;margin: 3px 0 !important;text-align: center;text-shadow: 2px 2px 4px #000000;}
.employee-content {background-image: url(../img/employee.jpg);background-repeat: no-repeat;background-size: cover;height: 202px;text-align: center;}
.employee-content a { color: #fff; }
.p-md { padding-right: 5px !important; padding-left: 5px !important; }
.pd-banner { padding: 0px 5px 0px 16px; }
.p0 { padding: 0 !important; }
.m0 { margin: 0 !important; }
.pl0 { padding-left: 0 !important; padding-right: 17px !important; }
.txt-center { text-align: center !important; }
.btn-light { color: #fff; background-color: #692477; border-color: #692477; }
.btn-light:hover { background-color: #5f0970 !important; color: #fff }
.btn-sm { display: inline-block; padding: 4px 6px; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; }
@media (max-width:1000px) {
.custom-col-5 { width: 50%; margin-bottom: 5px }
.login-bg { margin: 0; width: 100%; }
.banner { width: 100%; margin-top: 0; }
.banner img { width: 100%; margin-top: 0; }
.top-bg { display: none; }
#main { display: none }
footer { background: #575757; color: #fff; line-height: 24px; position: relative; width: 100%; z-index: 99; text-align: center; padding: 10px; font-size: 12px; bottom: 0; }
footer span a { display: block }
footer ul.social-network { float: none !important; text-align: center; margin-top: 20px; display: inline-block; }
.related-news-container a .news-title { padding: 0 16px; }
.pd-o { padding: 0px 15px 0 15px; }
.pd-banner { padding: 0px 15px 0px 15px; margin-top: 68px; }
.pl0 { padding-left: 15px !important; padding-right: 15px !important; }
}
}
@media (max-width:720px) {
.custom-col-5 { width: 100%; }
.login-bg { margin: 0; width: 100%; }
.banner { width: 100%; margin-top: 100px; }
.banner img { width: 100%; margin-top: 0; }
}

/*  tab.accordion.css  line no: 13 - h2.resp-tab-active{padding: 10px 15px;} - Remove its important */

@media ( max-width:1024px) {
.nav > li > a { padding: 8px; }
.resp-tab-content { margin: 10px; }
h2.resp-accordion { padding: 15px 10px !important; border: none !important; border-bottom: 1px solid #ddd !important; }
h2.resp-tab-active { padding: 15px 10px !important; }
.resp-tab-content { margin: 0 10px !important; }
footer ul.social-network { margin-top: 8px; }
.resp-tabs-container { margin-top: 10px; }
.oasys-timeline p { font-size: 13px; }
.csstransitions h4 { font-size: 16px; line-height: 25px; }
div.clearfix { display: none; }
#parentHorizontalTab { margin-top: 20px !important; }
.pricing-grid1 ul li a, .pricing-grid2 ul li a, .pricing-grid3 ul li a { font-size: 13px !important; }
.life-oasys { margin-top: 20px; }
.resp-accordion .btn-sm { padding: 0px 5px; }
.resp-accordion strong { line-height: 26px; }
}
 @media (max-width:400px) {
.main-content h2 { font-size: 20px; }
.group-text h3 { font-size: 12px; }
.group-text h2 { font-size: 15px; }
.box { min-height: 200px !important; }
.accordion h4 { line-height: 22px; }
.highlights-content h1 { font-size: 50px; float: left; width: 100%; text-align: center; }
/*.resp-tab-content h2 { width: 100%; float: left; }*/
.custom-col-5 { width: 100%; margin-bottom: 5px }
.slider-title { display: none }
.slider-title h3 { font-size: 14px; line-height: 18px; margin: 0 }
.slider-title p { font-size: 10px; line-height: 13px; }
}
@media (min-width: 768px) {
.navbar-nav { float: right !important; }
}