form label.error { display: none !important; } form input.error { border: 1px solid #FF0004 !important; } form textarea.error { border: 1px solid #FF0004 !important; } /*== GENERAL CSS ==*/ *, a, img, ul, ol { list-style: none; padding: 0px; margin: 0px; outline: none; border: none; } li.listing.first { background: #000; border-right: 1px solid #fff; padding-left: 30px; padding-right: 30px; } li.listing.first a{ animation: Color 2s linear infinite; -webkit-animation: Color 2s ease-in-out infinite; } @keyframes Color{ 0%{ color:#fff; } 20%{ color:#fff; } 30%{ color:#fff; } 50%{ color:#fff; } 60%{ color:#fff; } 80%{ color:#fff; } 90%{ color:#fff; } 100%{ color:#fff; } } @-moz-keyframes Color{ 0%{ color:#fff; } 20%{ color:#fff; } 30%{ color:#fff; } 50%{ color:#fff; } 60%{ color:#fff; } 80%{ color:#fff; } 90%{ color:#fff; } 100%{ color:#fff; } } @-webkit-keyframes Color{ 0%{ color:#fff; } 20%{ color:#fff; } 30%{ color:#fff; } 50%{ color:#fff; } 60%{ color:#fff; } 80%{ color:#fff; } 90%{ color:#fff; } 100%{ color:#fff; } } .social-header-icons li.listing:hover a { transition: all 0.7s ease; color: #fff; } /**:focus, a:focus { border: none; outline: none; }*/ body, a, input, #products ul li { text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; font-family: 'Open Sans', sans-serif; } .lh-medium{line-height:1.4;} .ta-center{text-align:center;} .mbpx-10{margin-bottom:10px !important;} .mbpx-20{margin-bottom:20px !important;} .black{ font-size: 15px !important; font-weight: 500; line-height: 1.3 !important;} .new-anch{color:#656565;} .new-anch:hover{color:#656565;} textarea { resize: none; overflow: hidden; } input, select { border: none; outline: none; } input[type=button], input[type=reset] { background: #ab3822; color: #eecb56; text-transform: uppercase; font-size: 15px; } input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { background: #eecb56; color: #ab3822; } a:focus, a:hover { color: #fff; text-decoration: none; } .button { color: #fff; font-size: 14px; background: #3dabff; text-transform: uppercase; min-width: 260px; border-radius: 5px; display: inline-block; padding: 16px; font-weight: 400; text-align: center; } .button:hover { background: #444444; } /* General CLASSES */ body { font-family: 'Open Sans', sans-serif; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { } .container { max-width: 1280px; margin: 0 auto; position: relative; } .floatLeft { float: left !important; } .floatRight { float: right !important; } .alignLeft { text-align: left !important } ul.fdb-list li { color: #656565; line-height: 21px; font-size: 13px; list-style-type: disclosure-closed; margin-left: 15px; font-family: 'Open Sans', sans-serif; } p.reds { font-size: 18px !important; color: #8d3f8a !important; border-left: 2px solid #8d3f8a; padding-left: 10px; } .alignRight { text-align: right !important; } .alignCenter { text-align: center !important; } .noMargin { margin: 0px !important; } .txt-center { text-align: center !important; } .dispalyInline { display: inline; } .paddingright-none { padding-right: 0px; } .paddingleft-none { padding-left: 0px; } #jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; width: 100%; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; } #jqcheck img { margin: 0px 5px -3px; } ::selection { background: #70316e; color: #fff; text-shadow: none; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; } ::-webkit-scrollbar-track-piece { background-color: #ecedf1; -webkit-border-radius: 0px; border-left: 1px solid #888; } ::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 0px; background: #70316e; } /* * STYLE 1 */ /*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }*/ ::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { /*border-radius: 10px;*/ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #09c979; } /*=== SPRITE ICON CSS ===*/ .head-wraper-bg { background: url(../../assets/images/menu-bg.png); background-repeat: repeat-x; } .social-header-icons li { float: left; border-right: 1px solid #61275e; padding-right: 12px; padding-left: 12px; color: #fff; padding-top: 5px; padding-bottom: 6px; } .social-header-icons li:last-child { border-right: 0px none; } .social-header-icons li a { color: #fff; } .social-header-icons { float: right; } .social-header-icons li a { color: #fff; transition: all 0.7s ease; } .social-header-icons li:hover a { transition: all 0.7s ease; color: #000; } .mainmenu-icons { clear: both; margin-top: 27px; float: right; } .mainmenu-icons ul li { float: left; font-family: 'Montserrat', sans-serif; border-right: 1px solid #ccc; font-size: 14px; padding-left: 15px; padding-right: 15px; font-weight: 600; padding-bottom: 7px; padding-top: 7px; } .mainmenu-icons ul li:hover { background: url(../../assets/images/menu-bottom.png); background-repeat: no-repeat; background-position: center bottom; transition: all 0.1s ease; } .mainmenu-icons ul li:hover a { color: #954692; } .mainmenu-icons ul li.last { border-right: 0px none; } .mainmenu-icons ul li a { color: #000000; } .mainmenu-icons ul li.active { background: url(../../assets/images/menu-bottom.png); background-repeat: no-repeat; background-position: center bottom; transition: all 0.7s ease; } .mainmenu-icons ul li.active a { color: #954692; } .logo { margin-top: 7px; } .home-intro-text { margin-top: 103px;/*margin-left: 0%;*/ } .container.pos-rel { position: absolute; left: 0px; right: 0px; } .home-intro-text h1 { color: #000000; font-size: 26px; font-weight: 500; font-family: 'Montserrat', sans-serif; line-height: 32px; position: relative; padding-bottom: 18px; margin-bottom: 25px; text-transform: uppercase; } .home-intro-text h1:after { content: ""; position: absolute; left: 0px; right: 0px; width: 21px; height: 3px; background: #954691; bottom: 1px; } .home-intro-text h1:before { content: ""; position: absolute; left: 0px; right: 0px; width: 100%; height: 3px; border-top: 1px solid #bcbcbc; bottom: 0px; } .home-intro-text h1 span { color: #954691; font-weight: 700; } .home-intro-text p { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #646464; line-height: 24px; } body.who-we-are .home-intro-text h1 { font-size: 28px; line-height: 45px; } body.who-we-are .home-intro-text h1:after { } body.who-we-are .home-intro-text h1:before { } body.who-we-are .home-intro-text h1 span { font-size: 51px; } body.who-we-are .home-intro-text p { font-size: 16px; font-weight: 600; } body.who-we-are .home-body { margin-bottom: 36px; } .home-intro-text button { } .home-slider { margin-top: 29px; position: relative; float: right; min-height: 440px; } .learn-more { background: url(../../assets/images/buttonbg.png); background-position: center top; background-repeat: no-repeat; max-width: 154px; display: block; text-align: center; color: #fff; padding: 10px; } .learn-more i { margin-left: 5px; font-size: 18px; } .learn-more-transparent { background: #fff; display: block; text-align: center; color: #954691; padding: 10px; border: 1px solid #954691; border-radius: 5px; max-width: 109px; font-size: 12px; } .learn-more-transparent i { margin-left: 5px; font-size: 18px; float: right; } .learn-more-transparent:hover { color: #954691; border: 1px solid #954691; } .learn-more-transparent-inner:focus, .learn-more-transparent-inner { background: #fff; display: block; text-align: center; color: #954691; padding: 7px 10px; border: 1px solid #954691; border-radius: 5px; max-width: 109px; font-size: 12px; } .learn-more-transparent-inner i { margin-left: 5px; font-size: 18px; float: right; } .learn-more-transparent-inner:hover { color: #954691; border: 1px solid #954691; } .slidenav a#prev, .slidenav a#next { border: 1px solid #fff; width: 21px; height: 21px; display: block; border-radius: 15px; text-align: center; color: #fff; float: left; margin-left: 9px; line-height: 17px; } .slidenav a#prev:hover, .slidenav a#next:hover { border: 1px solid #fff; background: #70316e; color: #fff; } .slidenav a#prev i, .slidenav a#next i { } .slidenav { position: absolute; right: 68%; bottom: 0px; z-index: 555; bottom: 24px; } #adv-custom-caption { color: #fff; position: absolute; right: 0; bottom: 65px; z-index: 555; font-size: 28px; width: 74%; text-align: left; text-shadow: 1px 1px 1px #040404; font-family: 'Montserrat', sans-serif; font-weight: 500; } .contact-area { margin-top: 23px; position: relative; padding: 0; z-index: 5; } .contact-area .tab-bg { position: absolute; width: 100%; height: auto; } .tabs { max-width: 409px; background: #fff; float: right; box-shadow: 5px 15px 25px #6e316c; margin-top: 176px; position: absolute; right: 0; } ul.nav-tabs li { display: block; border: 0px none; width: 33.3%; text-align: center; padding-left: 0px; padding-right: 0px; border-right: 1px solid #ccc; font-size: 14px; font-weight: 600; border-bottom: 1px solid #ccc; } .tabs ul li:last-child { border-right: 0px solid #ccc; margin: 0px; } .tabs .nav-tabs>li.active>a, .tabs .nav-tabs>li.active>a:visited, .tabs .nav-tabs>li.active>a:focus, .tabs .nav-tabs>li.active>a:hover { border: 0px none; border-color: #eee #eee #ddd; border-radius: 0px; color: #000000; } .tabs .nav>li>a, .tabs .nav>li>a:focus, .tabs .nav>li>a:hover { color: #000000; } .nav>li>a:focus, .nav>li>a:hover { color: #000000; } .tabs .nav-tabs li.active a { color: #833a7f; } .nav-tabs li.active { border-radius: 0px; border-bottom: 2px solid #833a7f; } .tab-content { padding: 19px 19px; } .members-container{ text-align:center; } .members-container img { margin:0px auto; width:147px; } .members-container h3 { background: #853e82; color: #ffffff; font-size: 12px; padding: 9px 5px; max-width: 147px; margin: 0px auto; width: 100%; line-height: 18px; font-weight: 600; margin-top: -9px; } .members-container h3 span { font-size: 11px; font-weight: 400; display: block; } .data-tab li { color: #000000; font-size: 13px; font-family: 'Open Sans', sans-serif; width: 100%; display: inline-block; margin-bottom: 25px; } .data-tab li:last-child { margin-bottom: 0px; } .data-tab li i { float: left; padding-right: 18px; font-size: 28px; color: #833a7f; margin-top: 5px; } .data-tab li a { color: #000000; float: left; } .data-tab li a:hover { color: #70316e; } footer { background: #8d3f8a; color: #fff; padding-top: 41px; position: relative;/*margin-top: -30px;*/ } .footer-box { color: #e99de6; margin-bottom: 30px; } .footer-box h3 { color: #e99de6; border-bottom: 1px solid #70316e; font-size: 17px; padding-bottom: 10px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .footer-box ul li { background: url(../../assets/images/bullet-points.png); background-position: left 9px; background-repeat: no-repeat; padding-left: 13px; line-height: 24px; font-size: 13px; } .footer-box ul li a { color: #e99de6; } .footer-box ul li:hover a { text-decoration: underline; } .copyright { border-top: 1px solid #ab6ca9; padding-top: 16px; padding-bottom: 16px; } .copyright p { margin-bottom: 0px; font-size: 13px; } .copyright-text { font-size: 13px; } .social-connect ul { float: right; margin-left: 19px; } .social-connect ul li { float: left; font-size: 16px; color: #fff; padding-left: 7px; padding-right: 7px; } .social-connect ul li a { color: #fff; } .social-connect { text-align: right; } .contact-area { background: url(../../assets/images/tab-bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover; min-height: 398px; } .contact-area .container { position: relative; } .no-padding { padding: 0px; } .footer-box { padding-top: 35px; padding-bottom: 10px; width: 18.4%; margin-right: 2%; float: left; } .footer-box:last-child { margin-right: 0%; } .mobile-nav { display: none; } .point-container { } .point-container h3 { color: #974892; font-size: 18px; font-weight: 600; position: relative; margin-bottom: 35px; } .point-container h3:before { display: block; content: ""; width: 60px; height: 4px; background: #000000; position: absolute; right: 0px; left: 0px; margin: 0px auto; bottom: -18px; } .point-container p { color: #656565; font-size: 13px; line-height: 21px; text-align: left; } .point-container .border-right { border-right: 1px solid #974892; } .point-container { /* margin-bottom: 30px; */ margin-top: 30px; } .whoweare-text p { text-align: left; color: #656565; font-size: 13.3px; line-height: 22px; position: relative; padding-top: 21px; padding-bottom: 15px; } .tile-4 .whoweare-text { margin-bottom: 49px; position: relative; min-height: 371px; } .tile-8 .whoweare-text { min-height: 381px; position: relative; margin-bottom: 49px; } .tile-8 .whoweare-text.no-min { min-height: 250px; position: relative; margin-bottom: 49px; } .whoweare-text a.learn-more-transparent { position: absolute; bottom: 0px; left: 0px; } .whoweare-text a.learn-more-transparent:focus { border:1px solid #954691; color:#954691; } .whoweare-text p:before { position: absolute; left: 0px; top: 0px; width: 60px; background: #954691; content: ""; display: block; height: 5px; } .whoweare-text img { margin-bottom: 26px; } .purple-text p { color: #974892; font-size: 15px; font-weight: 600; line-height: 24px; margin-bottom: 35px; } p.purple-text { color: #974892; font-size: 15px; font-weight: 600; line-height: 24px; margin-bottom: 35px; } h2.purple-text { color: #974892; font-size: 15px; font-weight: 600; line-height: 24px; margin-bottom: 15px; } .tablist-menu ul li span.connect-service-icon-22, .tablist-menu ul li span.connect-service-icon-22, .tablist-menu ul li span.connect-service-icon-21, .tablist-menu ul li span.connect-service-icon-21, .tablist-menu ul li span.connect-service-icon-20, .tablist-menu ul li span.connect-service-icon-20, .tablist-menu ul li span.connect-service-icon-19, .tablist-menu ul li span.connect-service-icon-19, .tablist-menu ul li span.connect-service-icon-18, .tablist-menu ul li span.connect-service-icon-18, .tablist-menu ul li span.connect-service-icon-17, .tablist-menu ul li span.connect-service-icon-17, .tablist-menu ul li span.connect-service-icon-16, .tablist-menu ul li span.connect-service-icon-16, .tablist-menu ul li span.connect-service-icon-15, .tablist-menu ul li span.connect-service-icon-15, .tablist-menu ul li span.connect-service-icon-14, .tablist-menu ul li span.connect-service-icon-13, .tablist-menu ul li span.connect-service-icon-12, .tablist-menu ul li span.connect-service-icon-11, .tablist-menu ul li span.connect-service-icon-10, .tablist-menu ul li span.connect-service-icon-9, .tablist-menu ul li span.connect-service-icon-8, .tablist-menu ul li span.connect-service-icon-7, .tablist-menu ul li span.connect-service-icon-6, .tablist-menu ul li span.connect-service-icon-5, .tablist-menu ul li span.connect-service-icon-4, .tablist-menu ul li span.connect-service-icon-3, .tablist-menu ul li span.connect-service-icon-2, .tablist-menu ul li span.connect-service-icon-1 { background: url(../images/sprites.png); display: block; width: 47px; height: 40px; float: left; margin-top: 5px; margin-right: 10px; transition: all 0.7s ease; } .tablist-menu ul li span.connect-service-icon-1 { background-position: left top; } .tablist-menu ul li.tab-actv span.connect-service-icon-1, .tablist-menu ul li:hover span.connect-service-icon-1 { background-position: -48px top; } .tablist-menu ul li span.connect-service-icon-2 { background-position: left -69px; } .tablist-menu ul li.tab-actv span.connect-service-icon-2, .tablist-menu ul li:hover span.connect-service-icon-2 { background-position: -50px -69px; } .tablist-menu ul li span.connect-service-icon-3 { background-position: left -140px; } .tablist-menu ul li.tab-actv span.connect-service-icon-3, .tablist-menu ul li:hover span.connect-service-icon-3 { background-position: -51px -140px; } .tablist-menu ul li span.connect-service-icon-4 { background-position: left -213px; } .tablist-menu ul li.tab-actv span.connect-service-icon-4, .tablist-menu ul li:hover span.connect-service-icon-4 { background-position: -51px -213px; } .tablist-menu ul li span.connect-service-icon-5 { background-position: left -281px; } .tablist-menu ul li.tab-actv span.connect-service-icon-5, .tablist-menu ul li:hover span.connect-service-icon-5 { background-position: -51px -281px; } .tablist-menu ul li span.connect-service-icon-6 { background-position: left -354px; } .tablist-menu ul li.tab-actv span.connect-service-icon-6, .tablist-menu ul li:hover span.connect-service-icon-6 { background-position: -51px -354px; } .tablist-menu ul li span.connect-service-icon-7 { background-position: -101px top; } .tablist-menu ul li.tab-actv span.connect-service-icon-7, .tablist-menu ul li:hover span.connect-service-icon-7 { background-position: -148px top; } .tablist-menu ul li span.connect-service-icon-8 { background-position: -101px -69px; } .tablist-menu ul li.tab-actv span.connect-service-icon-8, .tablist-menu ul li:hover span.connect-service-icon-8 { background-position: -148px -69px; } .tablist-menu ul li span.connect-service-icon-9 { background-position: -103px -141px; } .tablist-menu ul li.tab-actv span.connect-service-icon-9, .tablist-menu ul li:hover span.connect-service-icon-9 { background-position: -151px -141px; } .tablist-menu ul li span.connect-service-icon-10 { background-position: -101px -211px; } .tablist-menu ul li.tab-actv span.connect-service-icon-10, .tablist-menu ul li:hover span.connect-service-icon-10 { background-position: -148px -211px; } .tablist-menu ul li span.connect-service-icon-11 { background-position: -101px -283px; } .tablist-menu ul li.tab-actv span.connect-service-icon-11, .tablist-menu ul li:hover span.connect-service-icon-11 { background-position: -148px -283px; } .tablist-menu ul li span.connect-service-icon-12 { background-position: -202px top; } .tablist-menu ul li.tab-actv span.connect-service-icon-12, .tablist-menu ul li:hover span.connect-service-icon-12 { background-position: -202px top; } .tablist-menu ul li span.connect-service-icon-13 { background-position: -203px top; } .tablist-menu ul li.tab-actv span.connect-service-icon-13, .tablist-menu ul li:hover span.connect-service-icon-13 { background-position: -257px top; } .tablist-menu ul li span.connect-service-icon-14 { background-position: -203px -72px; } .tablist-menu ul li.tab-actv span.connect-service-icon-14, .tablist-menu ul li:hover span.connect-service-icon-14 { background-position: -256px -72px; } .tablist-menu ul li span.connect-service-icon-15 { background-position: -203px -142px; } .tablist-menu ul li.tab-actv span.connect-service-icon-15, .tablist-menu ul li:hover span.connect-service-icon-15 { background-position: -257px -142px; } .tablist-menu ul li span.connect-service-icon-16 { background-position: -203px -213px; } .tablist-menu ul li.tab-actv span.connect-service-icon-16, .tablist-menu ul li:hover span.connect-service-icon-16 { background-position: -253px -213px; } .tablist-menu ul li span.connect-service-icon-17 { background-position: -311px top; } .tablist-menu ul li.tab-actv span.connect-service-icon-17, .tablist-menu ul li:hover span.connect-service-icon-17 { background-position: -360px top; } .tablist-menu ul li span.connect-service-icon-18 { background-position: -311px -69px; } .tablist-menu ul li.tab-actv span.connect-service-icon-18, .tablist-menu ul li:hover span.connect-service-icon-18 { background-position: -360px -69px; } .tablist-menu ul li span.connect-service-icon-19 { background-position: -317px -141px; } .tablist-menu ul li.tab-actv span.connect-service-icon-19, .tablist-menu ul li:hover span.connect-service-icon-19 { background-position: -360px -141px; } .tablist-menu ul li span.connect-service-icon-20 { background-position: -317px -211px; } .tablist-menu ul li.tab-actv span.connect-service-icon-20, .tablist-menu ul li:hover span.connect-service-icon-20 { background-position: -363px -211px; } .tablist-menu ul li span.connect-service-icon-21 { background-position: -313px -281px; } .tablist-menu ul li.tab-actv span.connect-service-icon-21, .tablist-menu ul li:hover span.connect-service-icon-21 { background-position: -360px -281px; } .tablist-menu ul li span.connect-service-icon-22 { background-position: -313px -352px; } .tablist-menu ul li.tab-actv span.connect-service-icon-22, .tablist-menu ul li:hover span.connect-service-icon-22 { background-position: -360px -352px; } .tablist-menu h2 { color: #974892; font-size: 25px; text-transform: uppercase; margin-bottom: 25px; font-weight: 600; } .connectivity-tabs .side-tabbar h2 { color: #974892; font-size: 25px; text-transform: uppercase; margin-bottom: 25px; } .tablist-menu ul li { background: linear-gradient(#f2f2f2, #f9f9f9); line-height: 30px; border-top: 1px solid #e8e8e8; padding-left: 17px; display: flex; position: relative; margin-bottom: 6px; font-size: 13px; font-weight: 600; } .tablist-menu ul li.double-line { line-height: 17px; } .tablist-menu ul li a { color: #343434; padding-top: 10px; padding-bottom: 10px; width: 100%; text-transform: uppercase; } .tablist-menu ul li i { color: #974892; float: right; position: absolute; right: 15px; top: 26%; width: 24px; height: 24px; border: 1px solid; border-radius: 25px; text-align: center; line-height: 24px; padding-left: 2px; } .tablist-menu ul li.tab-actv, .tablist-menu ul li:hover { background: #974892; } .tablist-menu ul li.tab-actv a, .tablist-menu ul li:hover a { color: #fff; } .tablist-menu ul li.tab-actv i, .tablist-menu ul li:hover i { color: #fff; } .tab-inner-content img.square { border: 1px solid #dbdbdb; padding: 5px; margin-bottom: 5px; } .tab-inner-content p.purple-text { color: #b14892; font-size: 15px; font-weight: 600; margin-bottom: 36px; padding-left: 4px; line-height: 24px; } .tab-inner-content h2 { color: #974892; font-weight: bold; font-size: 17px; text-transform: uppercase; } .tab-inner-content p { color: #656565; line-height: 21px; font-size: 13px; } .tab-inner-content p strong { color:#974892; } .tab-inner-title i { float: left; } .tab-inner-wrap h3 { color: #b14892; font-size: 14px; font-weight: bold; cursor: pointer; } tab-inner-title:last-child h3 { margin-bottom:0px; } .inner-tab-content { display: none; } .inner-tab-content { padding-left: 15px; margin-bottom: 15px; } .tab-inner-title i { color: #b14892; margin-right: 5px; margin-top: 1px; font-size: 10px; border: 1px solid; border-radius: 25px; padding: 1px 2px; line-height: 12px; width: 17px; text-align: center; } .tab-inner-wrap h3:before { display: none; } .tab-inner-content { border-bottom: 1px solid #e1e1e1; overflow: hidden; padding-bottom: 25px; margin-bottom: 25px; border-spacing: 5px; } .tab-inner-content:last-child { border-bottom: 0px solid #e1e1e1; } .table-bordered td { font-size: 13px; color: #444444; padding-left: 18px !important; padding-top: 15px !important; padding-bottom: 15px !important; padding-right: 18px !important; } .table-bordered>tbody>tr>td.purple-td{ color:#974892; padding-left:42px !important; padding-right:42px !important; } .simple-listing li { line-height:18px; } .simple-listing li img { margin-right:7px; } .tablist-menu{ margin-bottom:30px; } .margin-right-14 { margin-right:14px; } .simple-content-list { overflow:hidden; margin-bottom:35px; } .simple-content-list2 { overflow:hidden; margin-bottom:15px; } .simple-content-list li { background: url(../../assets/images/content-bullet.png); background-position: left 9px; background-repeat: no-repeat; padding-left: 15px; line-height:27px; color:#656565; font-size:13px; } .simple-content-list2 li { background: url(../../assets/images/content-bullet.png); background-position: left 9px; background-repeat: no-repeat; padding-left: 15px; line-height:23px; color:#656565; font-size:13px; } .pbpx-20{padding-bottom:20px;} .pbpx-40{padding-bottom:40px;} .mbpx-20{margin-bottom:20px !important;} .mbpx-15{margin-bottom:15px !important;} .mbpx-0{margin-bottom:0px !important;} .mbpx-60{margin-bottom:60px !important;} .ptpx-20{padding-top:20px;} .ptpx-10{padding-top:10px;} .fc-purple{ color:#954692; } .float-left{float:left;} .float-right{float:right;} .d-inline-block{display:inline-block;} .d-inline-flex{display:inline-flex;} .d-block{display: block;} .w-45{width:45%;} .w-100{width:100%;} .w-50{width:50%;} .rigid .connect{} .rigid .connect li{ background: #c1c3c5; width: 45px; height: 45px; margin-right: 15px; border-radius: 50px; text-align: center; } .rigid .connect li a{color:#fff;} .rigid .connect li a i{color:#fff; font-size: 24px;margin-top:10px;} .contact-box{ box-shadow: 0px 0px 51px -20px #6d6a6a; min-height: 240px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .contact-box:hover{box-shadow: 0px 0px 51px -9px #6d6a6a;} .contact-box .top{padding:10px 15px;border-bottom:2px solid #833a7f;} .contact-box .top p{margin:0;font-family: 'Montserrat', sans-serif;font-size:15px;font-weight: 600;} .contact-box .bottom{ padding: 30px 30px;} .contact-box .bottom ul{} .contact-box .bottom ul li{ display: inline-flex; padding-bottom: 10px;} .contact-box .bottom .content{display: inline-block;padding-top: 10px;padding-left: 15px;} .contact-box .bottom .content p{font-size: 14px;margin:0;color:#000;font-family: 'Open Sans', sans-serif;line-height:1.2;} .contact-form{} .contact-form .tabs{ margin-top: 0px; box-shadow: 0px 0px 70px -10px #33333361; position: relative; float: none; width: 100%; max-width: 100%; margin-bottom: 20px; } .contact-form .tab-content{ padding: 15px 15px; } .contact-form h4{font-size:22px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;color:#974892; padding-bottom: 10px;} .contact-form form .control-group { margin-bottom: 30px; } .user, .email, .company, .mess{ position: relative; } .sub{position: relative;display: inline-block;float: right;} .sub::before{ position: absolute; display: block; content:'\f105'; font-family: 'fontawesome'; font-size: 20px; color:#fff; z-index: 1; right: 22%; top: 5px; line-height: 1; } .user::before, .email::before, .company::before, .mess::before, .query::before{ position: absolute; display: block; font-family: 'fontawesome'; font-size: 20px; left:14px; top: 3px; color:#cccccc; } .mess::before{content:'\f27b'; top: 7px;} .user::before{content:'\f007';} .email::before{content:'\f0e0';} .company::before{content:'\f0f2';} .query::before{content:'\f1d8'; left: 25px;} .contact-form textarea::-webkit-input-placeholder { color: #a8a8a8a8a8a8; } .contact-form textarea:-moz-placeholder { /* Firefox 18- */ color: #a8a8a8; } .contact-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #a8a8a8; } .contact-form textarea:-ms-input-placeholder { color: #a8a8a8; } .contact-form form{ margin-top: 30px; padding-right: 20px; } .contact-form form input[type=text], .contact-form form input[type=number], .contact-form form input[type=email], .contact-form form input[type=date], .contact-form form input[type=time], .contact-form form input[type=month] { color: #777777; padding: 2px 12px 2px 45px; height: 35px; width: 100%; background: transparent; border: 1px solid #dedede; box-shadow: none; -webkit-appearance: none; font-family: 'Montserrat'; } .tt-lowercase{text-transform:lowercase;} .contact-form form textarea{ color: #777777; padding: 12px 12px 12px 40px; height: 140px; width: 100%; background: transparent; border: 1px solid #dedede; resize: none; min-height: 140px; font-family: 'Montserrat'; } .contact-form form select{ color: #777777; padding: 3px 12px 3px 40px; height: 35px; width: 100%; background: transparent; border: 1px solid #dedede; resize: auto; font-family: 'Montserrat'; } .btn-sub{padding: 6px 24px; background-color: #8d4189 !important; color: #fff !important; position: relative; display: inline-block; width: 140px; border-radius: 5px; border: 1px solid transparent; } .btn-sub:hover{border: 1px solid #8d4189;color:#8d4189 !important;background-color: #fff !important;} .btn-sub::after{ position: absolute; display: block; content:'\f105'; font-family: 'fontawesome'; font-size: 20px; } @media all and (max-width: 991px) and (min-width: 1600px) { } @media only screen and (min-width: 1920px) { .home-intro-text { } } @media only screen and (max-width: 1366px) { .home-intro-text { margin-top: 73px; } .home-intro-text h1 { color: #000000; font-size: 23px; } } @media only screen and (max-width: 1280px) { .home-intro-text { margin-top: 65px; margin-left: 15px; } .home-intro-text h1 { color: #000000; font-size: 23px; } } @media only screen and (max-width: 1199px) { .home-intro-text { margin-top: 75px; margin-left: 0px; } .home-intro-text p { font-size: 13px; } .home-intro-text h1 { color: #000000; font-size: 18px; font-weight: 500; padding-bottom: 18px; margin-bottom: 25px; } } @media only screen and (max-width: 1024px) { .home-intro-text { margin-top: 45px; } .home-intro-text p { font-size: 13px; } .point-container p { font-size: 13px; } .home-intro-text h1 { color: #000000; font-size: 18px; font-weight: 500; padding-bottom: 18px; margin-bottom: 25px; line-height: 25px; } #adv-custom-caption { width: 76%; } } @media only screen and (max-width: 991px) { .social-header-icons li { color: #000; } .home-slider { min-height: none; } .footer-box { width: 100%; margin-right: 0px; padding-top: 20px; margin-bottom: 10px; } .footer-box ul li { float: left; width: 50%; } .connectus { display: none; } .logo { margin-top: 7px; margin: 7px auto; display: block; text-align: center; } .social-header-icons li a { color: #000; } .container.pos-rel { position: relative; left: 0px; right: 0px; } .social-header-icons { float: none; } .social-header-icons li { border: 0px none; } .mainmenu-icons { margin-top: 17px; float: left; } } @media only screen and (max-width: 1068px) and (min-height: 736px) and (min-width: 736px) { .home-body { padding-top: 15px; } } @media only screen and (max-width: 768px) { .mainmenu-icons { float: none; clear: both; } .tile-4 .whoweare-text{ min-height:auto; } .whoweare-text a.learn-more-transparent{ position:relative; } .tile-8 .whoweare-text { margin-bottom: 10px; } body.who-we-are .home-intro-text h1 span { font-size: 31px; } body.who-we-are .home-intro-text h1 { font-size: 18px; line-height: 45px; } .point-container .border-right { border-right: 0px solid #974892; margin-bottom: 20px; } .point-container h3 { margin-bottom: 25px; } .copyright-text { font-size: 13px; text-align: center; } .mainmenu-icons ul li { padding: 10px; } .social-connect ul { float: none; margin: 10px auto; width: 110px; overflow: hidden; } .home-slider { margin-top: 0px; min-height: auto; } .connectivity-tabs .col-lg-9.col-md-9.col-sm-12, .connectivity-tabs .col-lg-3.col-md-3.col-sm-12 { padding-left:0px; padding-right:0px; } .mainmenu-icons ul li:hover, .mainmenu-icons ul li.active { background-position: left bottom; background-color: #e7e7e7; } .mainmenu-icons ul li { float: none; border-right: 0px solid #ccc; font-size: 14px; } } @media only screen and (max-width: 850px) { .mobile-nav { display: block; width: 100%; text-align: center; border-radius: 5px; border: 1px solid #7d3878; color: #7d3878; padding: 7px; max-width: 250px; margin: 15px auto 10px; clear: both; } .mobile-nav:focus, .mobile-nav:hover { color: #000; border: 1px solid; } .mainmenu-icons { display: none; } } @media only screen and (max-width: 640px) { .copyright-text { text-align: center; } .contact-form form{ margin-top: 30px; padding-right: 0px; } .contact-box{margin-bottom: 20px;} .social-header-icons { display: none; } .footer-box ul li { font-size: 12px; } .social-connect ul { float: none; margin: 15px auto 0; display: block; width: 103px; } .slidenav { position: absolute; right: 58%; } .social-connect ul li:last-child { padding-right: 0px; } }