/* Typography ----------------------------------------------------*/ @font-face { font-family: 'Open Sans'; src: url('../../fonts/OpenSans.eot'); src: url('../../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../../fonts/OpenSans.woff') format('woff'), url('../../fonts/OpenSans.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { color: #fff; height: 100%; background: rgba(35,41,48,1); font-weight: 300; font-size: 14px; } html { height: 100%; width: 100%; background: rgba(35,41,48,1); } /* New ----------------------------------------------------*/ /** { margin: 0; padding: 0; transition: background .4s ease-in-out, color .4s ease-in-out, border .4s ease-in-out; -webkit-transition: background .4s ease-in-out, color .4s ease-in-out, border .4s ease-in-out; -moz-transition: background .4s ease-in-out, color .4s ease-in-out, border .4s ease-in-out; -o-transition: background .4s ease-in-out, color .4s ease-in-out, border .4s ease-in-out; }*/ .clear { clear: both; } .navbarHeader { background-image: url('../Library/images/bg_content.png'); background-repeat: repeat; width: 100%; font-size: 12px; position: fixed; left: 0; top: 0; z-index: 9; height: 65px; } /* NAVBAR */ .navbar { width: 100%; font-size: 12px; position: fixed; left: 0; top: 0; z-index: 9; } .navbar-inner .logo { float: left; font-size: 16px; font-weight: 600; } .navbar-inner .logo img { width: 50px; } .navbar-inner { width: 100%; margin: 0 auto; font-size: 14px; padding: 25px 0; } #navbar-toggle { display: none; cursor: pointer; } #navigation { float: right; margin-top: 10px; } /*.navbar li { display: inline-block; position: relative; margin-top: 5px; margin-left: 5px; } .navbar li a { padding: 10px; color: rgba(255,255,255,0.35); text-decoration:none; } .navbar li a.action { padding: 10px; color: rgba(255,255,255,1); border: 1px solid #ed485c; border-radius: 4px; } .navbar li a.action:hover { background: #ed485c; color: #fff; text-decoration:none;} .navbar li:hover a, .navbar li:focus a, .navbar li.active a { }*/ .lang { float: right; margin-top: 5px; padding: 10px; border: 1px solid rgba(255,255,255,0.15); background: rgba(18,25,32,0.25); border-radius: 4px; margin-right: 30px; } /*.lang i { color: rgba(255,255,255,0.15); } .lang a { color: rgba(255,255,255,0.25); padding: 9px 0; } .lang a.active { color: rgba(255,255,255,1); border-bottom: 1px solid #ed485c; } .lang a:hover { color: rgba(255,255,255,0.8); }*/ #menu .item { display: block; font-size: 44px; font-weight: 100; text-align: center; margin-bottom: 25px; cursor: pointer; } #menu .item a { color: #fff; text-decoration:none; } /* INTRO */ /*.intro { position: relative; background-size: cover; text-align: center; } .intro:after { content: " "; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; } .intro:before { content: " "; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 3; } .intro .quote { font-family: 'Open Sans', sans-serif; text-align: center; color: #f0f0f1; font-size: 58px; font-weight: 100; text-transform: uppercase; display: block; position: relative; z-index: 5; padding: 25px; } .intro b { font-weight: 400; } .intro .quote div { margin-bottom: 25px; } .intro .quote .sub { font-family: 'Open Sans', sans-serif; font-weight: 300; intro: before text-align: center; color: #d7d8da; text-transform: none; font-size: 22px; font-weight: 300; display: block; margin: 15px auto 0; width: 100%; max-width: 700px; line-height: 125%; }*/ .intro .scroll { margin-left: -10px; position: absolute; left: 50%; bottom: 95px; display: block; z-index: 4; top:80%; opacity:1; } .intro .scroll img { width: 24.intro .quotepx; } .intro .btn-signup { color: #eff0f0; border: 1px solid #e8e9ea; background-color: transparent; font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 4px; padding: 12px 27px 12px 27px; margin-top: 40px; letter-spacing: 1px; } .btn-signup:hover { color: #fff; background-color: #e8e9ea; } .page-header { font-family: 'Lato', Arial, Helvetica, sans-serif; color: rgba(255,255,255,1); font-weight: 100; font-size: 82px; } .page-header-label { font-family: 'Lato', Arial, Helvetica, sans-serif; color: rgba(255,255,255,.25); font-weight: 100; font-size: 18px; text-transform: uppercase; margin-top: -15px; } .page-header-label i { margin: 0 15px; } .features { background: rgba(35,41,48,1); text-align: center; } .features .preview { display: table-cell; width: 40%; border-right: 3px solid rgba(255,255,255,0.1); vertical-align: middle; } .features .preview img { display: block; width: 100%; } .features .info { display: table-cell; width: 60%; height: 100%; font-size: 16px; font-weight: 300; color: rgba(255,255,255,.5); padding: 100px; vertical-align: middle; text-align: justify; line-height: 150%; } .features .info-inner { display: block; width: 100%; max-width: 600px; } .features .info .title { color: rgba(255,255,255,1); font-size: 24px; margin-bottom: 5px; } .features .info .label { color: rgba(255,255,255,.25); background: rgba(255,255,255,.05); padding: 5px; display: inline-block; margin-bottom: 25px; margin-right: 5px; font-size: 12px; text-transform: uppercase; font-weight: 400; } .roadmap { background: rgba(35,41,48,1); display: table; color: #fff; width: 100%; height: 100%; text-align: center; } .roadmap .roadmap-inner { position: relative; } .roadmap .timeline { display: block; width: 100%; height: 12px; position: absolute; left: 0; top: 50%; margin-top: -2px; background: url('../assets/dot.png') left; } .roadmap .timeline-start { display: block; width: 100px; height: 12px; position: absolute; left: 0; top: 0; background: rgba(35,41,48,1); background: -moz-linear-gradient(left, rgba(35,41,48,1) 0%, rgba(35,42,48,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35,41,48,1)), color-stop(100%, rgba(35,42,48,0))); background: -webkit-linear-gradient(left, rgba(35,41,48,1) 0%, rgba(35,42,48,0) 100%); background: -o-linear-gradient(left, rgba(35,41,48,1) 0%, rgba(35,42,48,0) 100%); background: -ms-linear-gradient(left, rgba(35,41,48,1) 0%, rgba(35,42,48,0) 100%); background: linear-gradient(to right, rgba(35,41,48,1) 0%, rgba(35,42,48,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232930', endColorstr='#232a30', GradientType=1 ); } .roadmap .timeline-end { display: block; width: 100px; height: 12px; position: absolute; right: 0; top: 0; background: rgba(35,42,48,0); background: -moz-linear-gradient(left, rgba(35,42,48,0) 0%, rgba(35,41,48,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(35,42,48,0)), color-stop(100%, rgba(35,41,48,1))); background: -webkit-linear-gradient(left, rgba(35,42,48,0) 0%, rgba(35,41,48,1) 100%); background: -o-linear-gradient(left, rgba(35,42,48,0) 0%, rgba(35,41,48,1) 100%); background: -ms-linear-gradient(left, rgba(35,42,48,0) 0%, rgba(35,41,48,1) 100%); background: linear-gradient(to right, rgba(35,42,48,0) 0%, rgba(35,41,48,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232a30', endColorstr='#232930', GradientType=1 ); } .roadmap .dates { background: url('../assets/selected.png') center bottom no-repeat; padding-bottom: 30px; position: relative; top: -90px; } .roadmap .dates .year { font-size: 22px; color: rgba(255,255,255,1); font-weight: 100; } .roadmap .dates-inner { display: inline-block; font-size: 28px; padding: 25px; color: rgba(255,255,255,1); border: 2px solid #ed485c; border-radius: 4px; text-align: center; text-transform: uppercase; font-weight: 300; } .roadmap .event { position: absolute; top: 50%; font-size: 16px; left: 50%; width: 600px; z-index: 6; margin-left: -300px; margin-top: 50px; text-align: left; display: inline-block; padding: 25px; background: rgba(255,255,255,1); border-radius: 4px; border: 1px solid rgba(18,25,32,1); -webkit-box-shadow: 0px 0px 10px 0px rgba(18,25,32,1); -moz-box-shadow: 0px 0px 10px 0px rgba(18,25,32,1); box-shadow: 0px 0px 10px 0px rgba(18,25,32,1); color: rgba(18,25,32,1); line-height: 150%; } /* modal tabs */ .modal .nav-tabs { margin: 0 auto 25px; list-style: none; display: block; text-align: center; width: 100%; border-bottom: 1px solid rgba(35,41,49,0.05); border-top: 1px solid rgba(35,41,49,0.05); } .modal .nav-tabs > li { float: none; left: 0; position: relative; display: inline-block; margin-right: 10px; color: rgba(35,41,49,0.25); font-size: 10px; font-weight: 300; } .modal .nav-tabs > li > a { display: block; padding: 15px 0; position: relative; color: rgba(35,41,49,0.5); font-size: 14px; font-weight: 300; text-transform: uppercase; transition: background .0 ease-in-out, color .0 ease-in-out; -webkit-transition: background .0 ease-in-out, color .0 ease-in-out; -moz-transition: background .0 ease-in-out, color .0 ease-in-out; -o-transition: background .0 ease-in-out, color .0 ease-in-out; } ./*modal .nav-tabs > li > a:hover { color: rgba(35,41,49,0.85); } .modal .nav-tabs > li.active > a, .modal .nav-tabs > li.active > a:hover, .modal .nav-tabs > li.active > a:focus { color: #ed485c; cursor: pointer; border-bottom: 2px solid #ed485c; }*/ .modal .nav-tabs .btl { display: block; font-size: 34px; margin-bottom: 10px; } .modal .tab-content { display: block; width: 100%; } .modal .tab-content > .tab-pane { position: inherit; display: none; margin: 0 auto; padding-left: 0; padding-bottom: 0; color: #919498; } .modal .tab-content .tab-pane { position: inherit; } .modal .tab-content > .active { display: block; width: 100%; } /* modal specific */ .modal-header { padding: 50px 25px 50px; font-size: 28px; font-family: "Lato", sans-serif; font-weight: 300; display: table; width: 100%; background: transparent; table-layout: fixed; color: #232930; text-align: center; } .modal-header .modal-title-label { font-size: 16px; font-weight: 100; display: block; margin-top: 10px; } .modal-header.view { background: #121920; color: rgba(255,255,255,1); } .modal-header .row { display: table-row; width: 100%; vertical-align: bottom; } .modal-header .col-50 { display: table-cell; color: rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.1); width: 50%; font-size: 16px; padding: 10px 0; text-align: center; text-transform: uppercase; } .modal-header .col-100 { display: table-cell; color: rgba(255,255,255,0.5); width: 100%; padding-top: 10px; text-align: center; text-transform: uppercase; } .modal-header.date { display: table; color: rgba(255,255,255,0.25); font-family: "Lato", sans-serif; font-weight: 300; background: #121920; padding: 25px 25px 0; width: 100%; font-size: 14px; text-align: center; text-transform: uppercase; } .modal-header .col-50:last-of-type { border-right: 0; } .modal-body.overflow { max-height: 350px; overflow: scroll; } .modal-row { width: 100%; display: block; padding: 0 75px 25px; text-align: left; } .modal-row.header { padding: 0 75px; } .modal-row.header .item { color: rgba(35,41,49,1) !important; font-weight: 400; } .modal-row.grey { background: rgba(35,41,49,0.05); border-top: 1px solid rgba(35,41,49,0.05); padding: 25px 75px; } .modal-row.divider { border-bottom: 1px solid rgba(35,41,49,0.05); margin-bottom: 25px; } .modal-row.search { color: #232930; border-top: 1px solid rgba(35,41,49,0.05); padding-top: 25px; overflow: hidden; } .modal-row.search .tag { float: left; margin-top: 5px; margin-right: 5px; padding: 5px; border-radius: 4px; background: rgba(35,41,49,0.75); color: rgba(255,255,255,1); font-family: "Lato", sans-serif; } .modal-row.search .tag i { margin-left: 5px; } .modal-row.text { padding-top: 25px; color: #919498; font-family: "Lato", sans-serif; font-weight: 300; text-align: left; border-top: 1px solid rgba(35,41,49,0.05); } .modal-row .item { padding: 0 0 5px; font-size: 12px; color: #919498; font-family: "Lato", sans-serif; font-weight: 300; text-transform: uppercase; text-align: left; } .modal-row .item.check { padding: 0; font-size: 14px; color: #232930; font-family: "Lato", sans-serif; font-weight: 400; text-transform: capitalize; text-align: left; } .modal-row .item.right { float: right; color: #ed485c; } .modal-row .out { text-align: right; margin: 5px 0 0; display: block; font-size: 12px; font-family: "Lato", sans-serif; font-weight: 300; text-transform: uppercase; color: #ed485c; } .modal-row .inner-row { width: 100%; display: table; padding-bottom: 15px; text-align: center; } .modal-row .inner-row .quick-wrap { display: block; padding-bottom: 25px; width: 100%; overflow: hidden; } .modal-row .inner-row .quick { float: left; margin-top: 5px; margin-right: 5px; padding: 4px; border-radius: 4px; background: rgba(35,41,49,0.075); color: rgba(35,41,49,0.20); font-family: "Lato", sans-serif; font-weight: 400; font-size: 14px; } .modal-row .inner-row .col-fixed { display: table-cell; width: 35px; text-align: center; vertical-align: middle; } .modal-row .inner-row .col-check { display: table-cell; width: 35px; text-align: left; vertical-align: middle; } .modal-row .inner-row .col-fixed-min { display: table-cell; width: 75px; padding-right: 10px; text-align: center; vertical-align: middle; } .modal-row .inner-row .col-fixed-result { display: table-cell; width: 75px; padding-left: 10px; text-align: center; vertical-align: middle; } .modal-row .inner-row .col-fixed-img { display: table-cell; width: 50px; text-align: center; padding-right: 15px; vertical-align: top; } .modal-row .inner-row .col-fixed-img img { display: block; width: 50px; height: 50px; border-radius: 50%; } .modal-row .inner-row .col-fixed-imgsm { display: table-cell; width: 30px; text-align: center; padding-right: 15px; vertical-align: top; } .modal-row .inner-row .col-fixed-imgsm img { display: block; width: 30px; height: 30px; border-radius: 50%; } .modal-row .inner-row .col-fixed-select { display: table-cell; width: 130px; vertical-align: top; } .modal-row .inner-row .col-auto { display: table-cell; width: auto; text-align: left; vertical-align: middle; } .modal-row .inner-row .subject { display: block; color: #232930; font-size: 18px; font-family: "Lato", sans-serif; font-weight: 300; text-align: left; padding: 0; } .modal-row .inner-row .subject i { font-size: 16px; margin-right: 5px; } .modal-row .inner-row .subject.red { color: #ed485c; } .modal-row .inner-row .info { display: block; color: rgba(35,41,49,0.35); font-size: 12px; padding-bottom: 10px; } .modal-row .inner-row:last-of-type { padding-bottom: 0; } .modal-row .inner-row .status { float: right; color: #2bbfbd; font-size: 18px; } .modal-row .inner-row .status.not { color: #ed485c; } .modal-row .inner-row .status.pending { color: #919498; } .modal-row .inner-row .bt-search { font-size: 14px; color: #232930; } .modal-body { position: relative; } .modal-footer { width: 100%; display: block; padding: 25px 25px 75px; text-align: center; } .modal-footer.grey { border-top: 1px solid rgba(35,41,49,0.10); } .modal-row .required:after { padding-left: 5px; font-size: 14px; color: #ed485c; content: "*"; display: inline-block; } .modal-row.header .item:after { content: ""; } .modal-row .item { position: relative; } .modal-row .error { color: #ed485c; font-weight: 300; } /* Media Queries ----------------------------------------------------*/ @media all and (max-width: 1200px) { .navbar-inner { padding: 25px 50px; } } @media all and (max-width: 767px) { body { font-size: 14px; } #navbar-toggle { position: fixed; display: block; padding: 25px; right: 0; top: 8px; font-size: 18px; cursor: pointer; } #navigation { display: none; } #awwwards { display: none; } .lang { margin-top: 0; margin-right: 40px; } .navbar-inner { padding: 25px; } .intro .quote { font-size: 30px; font-weight: 300; } .intro .quote .sub { font-size: 16px; } .page-header { font-size: 52px; } .page-header-label { color: rgba(255,255,255,.25); font-weight: 300; font-size: 14px; } .features .preview { display: none; } .features .info { display: block; width: 100%; height: auto; padding: 25px; font-size: 14px; } .features .info .title { font-size: 18px; } .roadmap .roadmap-inner { margin: 25px; } .roadmap .timeline { margin-left: -25px; width: -webkit-calc(100% + 50px); width: -moz-calc(100% + 50px); width: calc(100% + 50px); margin-top: 30px; } .roadmap .dates { background: none; padding-bottom: 0; position: relative; top: 0; } .roadmap .dates .year { font-size: 16px; font-weight: 100; display: inline-block; } .roadmap .dates-inner { font-size: 16px; padding: 15px; color: rgba(255,255,255,1); border: 1px solid #ed485c; height: 50px; margin-bottom: 15px; } .roadmap .event { width: 100%; position: relative !important; left: 0; margin-left: 0; margin-top: 0; font-size: 14px; padding: 15px; z-index: 9; } /*.footer-inner { font-size: 30px; padding: 25px; font-weight: 300; } .footer .sub { font-size: 16px; } .footer .copyright { bottom: 25px; } .footer a.type { min-width: 100px; padding: 15px; font-size: 14px; } .footer a.type i { font-size: 32px; }*/ } /* Reset ----------------------------------------------------*/ html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { /*list-style: none;*/ } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } small { font-size: 85%; } .toggleHeading { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; -moz-transition: none !important; } .toggleCaption { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; -moz-transition: none !important; } #section0 { background-image: url('../Library/images/MobilMainBanner.jpg'); background-repeat: no-repeat; background-size: cover; } #section2 { background: url('../Library/images/about-bg.jpg'); background-repeat: no-repeat; } #section2 .page-title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #3c4965; position: relative; z-index: 9999; text-align: center; margin-top: 75px; } #section2 .about-title { font-size: 34px; font-family: 'Open Sans', sans-serif; color: #434242; float: left; text-align: left; font-weight: 300; line-height: 1.5; margin-top: 200px; } #section2 .about-content { /*top: 50%; bottom: 50%; position: relative;*/ } #section2 .text { text-align: justify; font-family: 'Open Sans', sans-serif; font-size: 15px; clear: both; color: #555454; font-weight: 300; line-height: 1.3; margin-top: 40px; } #section2 .btn-signup { color: #384b6b; border: 1px solid #384b6b; background-color: transparent; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-decoration: none; border-radius: 4px; padding: 10px 20px; margin-top: 40px; width: 150px; cursor: pointer; } #section2 .btn-signup:hover { background-color: #384b6b; color: #fff; cursor: pointer; } #section2 .fp-tableCell { vertical-align: inherit; } .sliderText { position: absolute; right: 15%; bottom: 20px; left: 0; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); font-family: 'Open Sans', sans-serif; } .carousel-caption .slider-title { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 45px; margin-bottom: 18px; font-weight: 300 !important; } .carousel-caption .lead { text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.5; } .carousel-caption .btn-primary { text-align: left; font-family: 'Open Sans', sans-serif; float: left; background-color: rgba(51, 122, 183, 0)!important; border: 1px solid #fff; padding: 10px 40px; color: #fff !important; } .carousel-caption .btn-primary:hover { color: #000 !important; background-color: #e8e9ea !important; cursor: pointer; } /*.carousel-caption .btn-primary:hover { text-align: left; font-family: 'Open Sans', sans-serif; float: left; background-color: rgba(51, 122, 183, 0)!important; border: 1px solid #fff; }*/ /*.....................................................*/ .slider2 { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 40px !important; margin-bottom: 5px; color: #6c7687 !important; } .lead2 { text-align: left; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 17px !important; line-height: 1.5; color: #3f4c5b !important; } .btn-primary2 { padding: 10px 40px !important; text-align: left; font-family: 'Open Sans', sans-serif; float: left; background-color: rgba(51, 122, 183, 0)!important; border: 1px solid #4c5767 !important; color: #4c5767 !important; } .btn-primary2:hover { background-color: #384b6b !important; color: #fff !important; cursor: pointer; } .listStyle li { border: 1px solid #315891 !important; } .listStyle .active { background-color: #315891 !important; } /*..................................................*/ .carousel-indicators-numbers li { text-indent: 0 !important; margin: 0 2px !important; border: none !important; line-height: 30px; color: #0d254c !important; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0 2px !important; min-width: 150px !important; height: 50px !important; width: auto; text-align: center; } .sliderline { color: #0d254c !important; float: right; height: 5px; } .cb { clear: both; } #section3 { background-image: url('../Library/images/page3-bg.jpg'); background-repeat: no-repeat; background-size: cover; } #section3 .page-title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; position: relative; z-index: 9999; text-align: center; margin-top: 75px; margin-left: auto; margin-right: auto; } #section3 .page-title .leftline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: left; margin-top: 9px; } #section3 .page-title .rightline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: right; margin-top: 9px; } #section3 .about-title { font-size: 34px; font-family: 'Open Sans', sans-serif; color: #fff; float: left; text-align: left; font-weight: 300; line-height: 1.3; margin-top: 235px; } #section3 .text { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; clear: both; width: 55%; color: #555454; font-weight: 300; line-height: 1.3; margin-top: 40px; } #section3 .btn-signup { color: #384b6b; border: 1px solid #384b6b; background-color: transparent; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-decoration: none; border-radius: 4px; padding: 10px 20px; margin-top: 40px; width: 150px; cursor: pointer; } #section3 .fp-tableCell { vertical-align: inherit; } /*#section3 .timeline-info { font-family: 'Open Sans', sans-serif; color: #fff; font-weight: 300; margin-top: 140px; font-size: 14px; }*/ #section3 .timeline-info { font-family: 'Open Sans', sans-serif; color: #fff; font-weight: 300; margin-top: 140px; font-size: 16px; line-height: 1.6; font-weight: 500; } #section4 { } #section4 .page-title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; position: relative; z-index: 9999; text-align: center; margin-top: 75px; margin-left: auto; margin-right: auto; } #section4 .page-title .leftline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: left; margin-top: 9px; } #section4 .page-title .rightline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: right; margin-top: 9px; } #section4 .about-title { font-size: 34px; font-family: 'Open Sans', sans-serif; color: #fff; float: left; text-align: left; font-weight: 300; line-height: 1.3; margin-top: 235px; } #section4 .text { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; clear: both; width: 55%; color: #555454; font-weight: 300; line-height: 1.3; margin-top: 40px; } #section4 .btn-signup { color: #384b6b; border: 1px solid #384b6b; background-color: transparent; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-decoration: none; border-radius: 4px; padding: 10px 20px; margin-top: 40px; width: 150px; cursor: pointer; } #section4 .fp-tableCell { vertical-align: inherit; } #section5 { background-image: url('../Library/images/pdiImage6.jpg'); background-repeat: no-repeat; } #section5 .page-title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; position: relative; z-index: 9999; text-align: center; margin-top: 75px; margin-left: auto; margin-right: auto; } #section5 .page-title .leftline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: left; margin-top: 9px; } #section5 .page-title .rightline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: right; margin-top: 9px; } #section5 .about-title { font-size: 34px; font-family: 'Open Sans', sans-serif; color: #fff; float: left; text-align: left; font-weight: 300; line-height: 1.3; margin-top: 235px; } #section5 .text { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; clear: both; width: 55%; color: #555454; font-weight: 300; line-height: 1.3; margin-top: 40px; } #section5 .btn-signup { color: #384b6b; border: 1px solid #384b6b; background-color: transparent; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-decoration: none; border-radius: 4px; padding: 10px 20px; margin-top: 40px; width: 150px; cursor: pointer; } #section5 .fp-tableCell { vertical-align: inherit; } #section5 .clientsInfo { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #fff; margin: 155px 0 120px 0; text-align: center; color: #f5f6f8; font-weight: 300; font-weight: 300; border: 1px solid rgba(255, 255, 255, 0.29); padding: 20px 20px 20px 20px; line-height: 1.7; letter-spacing: 1px; } #owl-demo .item { margin: 3px; background-color: rgba(255, 255, 255, 0.10); } #owl-demo .item img { display: block; width: 100%; height: auto; } #owl-demo .item img:hover { display: block; width: 100%; height: auto; background-color: rgba(255, 255, 255, 0.20); } /*#section6 { background-image: url('../Library/images/pdiImage6.jpg'); background-repeat: no-repeat; }*/ #section6 .page-title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; position: relative; z-index: 9999; text-align: center; margin-top: 75px; margin-left: auto; margin-right: auto; } #section6 .page-title .leftline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: left; margin-top: 9px; } #section6 .page-title .rightline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: right; margin-top: 9px; } #section6 .about-title { font-size: 34px; font-family: 'Open Sans', sans-serif; color: #fff; float: left; text-align: left; font-weight: 300; line-height: 1.3; margin-top: 235px; } #section6 .text { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; clear: both; width: 55%; color: #555454; font-weight: 300; line-height: 1.3; margin-top: 40px; } #section6 .btn-signup { color: #384b6b; border: 1px solid #384b6b; background-color: transparent; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-decoration: none; border-radius: 4px; padding: 10px 20px; margin-top: 40px; width: 150px; cursor: pointer; } #section6 .fp-tableCell { vertical-align: inherit; color: #fff; font-family: 'Open Sans', sans-serif; } #section6 .clientsInfo { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #fff; margin: 0 auto 30px auto; text-align: center; color: #f5f6f8; font-weight: 300; border: 1px solid rgba(255, 255, 255, 0.29); padding: 20px 20px 20px 20px; line-height: 1.7; letter-spacing: 1px; } #section6 .clientsInfo a { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #fff; letter-spacing: 1px; } #section6 .ProjectContent { margin-top: 30px; } #section6 .ProjectContent { position: absolute; z-index: 999; } #section6 .ProjectContent:hover { background: #384b6b; } #section6 .caption span { background: url(../images/zoom.png) no-repeat; width: 32px; height: 32px; display: block; text-align: center; position: absolute; top: 43%; right: 46%; background-size: 100%; } #section7 .page-title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; position: relative; z-index: 9999; text-align: center; margin-top: 75px; margin-left: auto; margin-right: auto; } #section7 .page-title .leftline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: left; margin-top: 9px; } #section7 .page-title .rightline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: right; margin-top: 9px; } #section7 .about-title { font-size: 34px; font-family: 'Open Sans', sans-serif; color: #fff; float: left; text-align: left; font-weight: 300; line-height: 1.3; margin-top: 235px; } #section7 .text { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; clear: both; width: 55%; color: #555454; font-weight: 300; line-height: 1.3; margin-top: 40px; } #section7 .btn-signup { color: #384b6b; border: 1px solid #384b6b; background-color: transparent; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-decoration: none; border-radius: 4px; padding: 10px 20px; margin-top: 40px; width: 150px; cursor: pointer; } #section7 .fp-tableCell { vertical-align: inherit; } .customerContent { background-image: url('../Library/images/customers-bg.jpg'); background-repeat: no-repeat; width: 100%; height: 576px; padding: 0; } /*.customerContent { background-image: url('../Library/images/bg_content.png');width:100%;height:576px;background-repeat:repeat;position:relative;z-index:99; }*/ .pd0 { padding: 0; } #section7 .customer-title { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; margin-top: 34px; font-weight: 600; letter-spacing: 1px; } #section7 .customer-text { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; margin-top: 20px; font-style: italic; font-weight: 300; line-height: 1.5; } #section7 .owl-buttons { display: none; } #section7 .owl-page { } #section7 .owl-pagination { margin-top: 35px; } #section8 { background-image: url('../Library/images/page7-bg.jpg'); background-repeat: no-repeat; background-size: cover; } #section8 .page-title { font-family: 'Open Sans', sans-serif; font-size: 24px; color: #fff; position: relative; z-index: 9999; text-align: center; margin-top: 75px; margin-left: auto; margin-right: auto; } #section8 .page-title .leftline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: left; margin-top: 9px; } #section8 .page-title .rightline { width: 100px; height: 6px; border-top: 1px solid; border-bottom: 1px solid; border-color: #b3bdc5; position: relative; z-index: 9999; float: right; margin-top: 9px; } #section8 .about-title { font-size: 34px; font-family: 'Open Sans', sans-serif; color: #fff; float: left; text-align: left; font-weight: 300; line-height: 1.3; margin-top: 235px; } #section8 .text { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; clear: both; width: 55%; color: #555454; font-weight: 300; line-height: 1.3; margin-top: 40px; } #section8 .btn-signup { color: #384b6b; border: 1px solid #384b6b; background-color: transparent; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-decoration: none; border-radius: 4px; padding: 10px 20px; margin-top: 40px; width: 150px; cursor: pointer; } #section8 .fp-tableCell { vertical-align: inherit; } .social-icon { opacity: 0.7; margin-bottom: 5px; } .pddefault { text-align: left; } .contactContainer { margin-top: 120px; } .contactContainer .title { color: #dededf; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: left; margin-bottom: 20px; margin-top: 10px; } .contactContainer .ContactText p { color: #dededf; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; text-align: left; line-height: 1.0; margin-bottom: 7px; } .contactContainer .ContactText a { color: #dededf !important; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; text-align: left; } .contactContainer .ContactText a:hover { color: #dededf !important; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; text-align: left; } .contactContainer .contactForm { margin-top: 100px; margin-bottom: 25px; } .contactContainer .form-title { color: #dededf; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: center; } .contactContainer .inputStyle { background-color: rgba(28, 63, 73, 0.45); border: none; padding-right: 0; margin-bottom: 10px; } .contactContainer .buttuonStyle { background: none !important; border: 2px solid #37454f; width: 145px; color: #c3c5c6 !important; height: 35px; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-size: 17px; } .contactContainer .pdiInfo p { font-family: 'Open Sans', sans-serif; color: #fff; font-size: 12px; } /* Style for our header texts * --------------------------------------- */ h1 { font-size: 5em; color: #fff; margin: 0; padding: 0; } /* Centered texts in each section * --------------------------------------- */ .section { text-align: center; overflow: hidden; } /* Layer with position absolute in order to have it over the video * --------------------------------------- */ #section0 .layer { position: absolute; z-index: 4; width: 100%; left: 0; top: 43%; } /*solves problem with overflowing video in Mac with Chrome */ #section0 { overflow: hidden; } /* Bottom menu * --------------------------------------- */ #infoMenu li a { color: #fff; } /*....................................................................*/ .timelineDate { font-family: 'Open Sans', sans-serif; color: #fff; font-size: 20px; font-weight: bold; } .timelineInfo { font-family: 'Open Sans', sans-serif; color: #fff; font-size: 15px; font-weight: 300; line-height: 1.5; } .timelinePrev { background-image: url('../Library/line-leftArrow.png'); background-repeat: no-repeat; width: 25px; height: 25px; } .timelineNext { background-image: url('../Library/line-leftArrow.png'); background-repeat: no-repeat; height: 25px; height: 25px; } @media screen and (max-width:460px) { #section5 .clientsInfo { margin: 40px 0 40px 0; } .owl-item img { width: 200px; } #section2 .about-title { margin-top: 50px; } #section2 .btn-signup { margin-bottom: 60px; } .carousel-caption { bottom: 10%; } } .solutions-info { font-size: 15px; font-family: 'Open Sans', sans-serif; color: #626973 !important; font-weight: 500; LETTER-SPACING: 0.2PX; } .hizmet-text { font-style: italic; } .owl-pagination { margin-top: 30px !important; } .pddefault { padding-left: 0 !important; } /*..........................................Blog.....................................*/ .blog-header { width: 100%; background: url('/Library/images/blog/blog-header.png') center center; background-repeat: no-repeat; background-size: cover; height: 550px; margin-bottom: 60px; } .blog-header .quote { font-family: 'Open Sans', sans-serif; text-align: center; color: #f0f0f1; font-size: 58px; font-weight: 100; text-transform: uppercase; display: block; position: relative; z-index: 5; padding: 25px; } .blog-header b { font-weight: 400; } .blog-header .quote { padding-top: 230px; } .blog-header .quote div { margin-bottom: 25px; } .blog-header .quote .sub { font-family: 'Open Sans', sans-serif; font-weight: 300; intro: before text-align: center; color: #d7d8da; text-transform: none; font-size: 22px; font-weight: 300; display: block; margin: 15px auto 0; width: 100%; max-width: 700px; line-height: 125%; } /*.footer { background-image: url('../Library/images/page7-bg.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 45px; }*/ .cb { clear: both; } .map-container { width: 100%; } .blog-title { min-height: 32px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: #3d3d3d; margin-top: 20px !important; line-height: 1.5; } .blog-date { text-align: center; margin-bottom: 25px !important; color: #908f8f; font-family: 'Open Sans', sans-serif; font-size: 12px; margin-top: 10px; } .blog-text { text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #555555; min-height: 95px; } .blog-btn { background-color: #fff !important; border: 1px solid #8b8b8b !important; color: #5a5a5a !important; margin: 0 auto !important; text-align: center; } .btn-container { text-align: center; margin: 15px 0; } .right-container { background-color: #fff; border: 1px solid #e1e1e1; margin-top: 28px; height: auto; border-radius: 3px; margin-bottom: 50px; padding-bottom: 100px; } .right-title-social { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #404040 !important; text-align: center; font-weight: 600; margin: 30px 0; padding: 0 15px; } .right-title-social .line-left { float: left; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .line-left { float: left; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .right-title-social .line-right { float: right; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .line-right { float: right; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .social-caption { font-family: 'Open Sans', sans-serif; color: #838080; font-size: 10px; text-align: center; margin: 20PX 0 10px 0; } .pd-social { padding: 0; text-align: center; } .right-title-tag { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #404040 !important; text-align: center; font-weight: 600; margin: 30px 0; padding: 0 15px; } .right-title-tag .line-left { float: left; height: 1px; width: 65px; background-color: #908f8f; margin-top: 10px; } .right-title-tag .line-right { float: right; height: 1px; width: 65px; background-color: #908f8f; margin-top: 10px; } .tag-content { margin-top: 35px; padding-left: 20px; } .tag-content P { font-family: 'Open Sans', sans-serif; border: 1px solid #c3c3c3; border-radius: 10px; padding: 10px 20px; float: left; margin: 0 10px 10px 0; font-size: 11px; color: #585858; } .tag-content P a { font-family: 'Open Sans', sans-serif; font-size: 11px; color: #585858; } .right-title-media { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #404040 !important; text-align: center; font-weight: 600; margin: 30px 0; padding: 0 15px; } .right-title-media .line-left { float: left; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .right-title-media .line-right { float: right; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .right-title-media img { margin-top: 25px; } .media-info { margin-top: 40px; text-align: center; font-family: 'Open Sans'; font-size: 13px; color: #555; padding: 0 26px; line-height: 1.5; margin-bottom: 20px; font-weight: 500; } .medi-button { margin-top: 20px; } .right-title-news { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #404040 !important; text-align: center; font-weight: 600; margin: 30px 0; padding: 0 15px; } .right-title-news .line-left { float: left; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .right-title-news .line-right { float: right; height: 1px; width: 65px; background-color: #908f8f; margin-top: 5px; } .news-content { margin-top: 35px; } .news-info { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 1.7; margin-top: 15px; text-align: left; color: #555; } .news-date { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 12px; font-weight: 300; float: left; margin-top: 8px; color: #555; } .news-line { width: 60px; height: 1px; float: left; background-color: #d4cec7; margin-left: 20px; margin-top: 16px; } .newsbottom-line { background-color: #d4cec7; height: 1px; text-align: center; width: 85%; margin: 30px auto; } .blog-paging { text-align: center; } .blog-detailtitle { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; text-align: center; color: #505050; line-height: 1.6; margin-bottom: 10px; } .blog-detailDate { font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 13px; font-weight: 300; margin: 0 auto; color: #7e7e7e; margin-bottom: 15px; width: 270px; } .detail-leftline { width: 60px; height: 1px; float: left; background-color: #d4cec7; margin-top: 7px; } .detail-rightline { width: 60px; height: 1px; float: right; background-color: #d4cec7; margin-top: 7px; } .center-content { text-align: center; } .blog-textDetail { color: #666666; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.6; text-align: left; margin-top: 10px; } .blog-textDetail p { color: #666666; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.6; text-align: left; } .blogdetail-tagContent { margin-top: 40px; } .blogdetail-tagContent p { font-family: 'Open Sans', sans-serif; border: 1px solid #c3c3c3; border-radius: 10px; padding: 10px 20px; float: left; margin: 0 10px 10px 0; font-size: 11px; color: #585858; } .blogdetail-tagContent p a { font-family: 'Open Sans', sans-serif; color: #585858; text-decoration: none; } .blogdetail-footer { height: 55px; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; margin-top: 40px; padding-top: 20px; } .blog-backButton { color: #707070; font-family: 'Open Sans', sans-serif; font-size: 14PX; font-weight: bold; cursor: pointer; } .blog-backButton img { margin-right: 20px; } .footer .contactContainer { margin-top: 0; } .footer .contactContainer .title { color: #dededf; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: left; margin-bottom: 20px; } .footer .contactContainer .title .ContactText p { color: #dededf; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; text-align: left; line-height: 1.0; } .footer .contactContainer .ContactText a { color: #dededf !important; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; text-align: left; } .footer .contactContainer .ContactText a:hover { color: #dededf !important; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; text-align: left; } .footer .contactContainer .contactForm { margin-top: 100px; margin-bottom: 25px; } .footer .contactContainer .form-title { color: #dededf; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: center; } .footer .contactContainer .inputStyle { background-color: rgba(28, 63, 73, 0.45); border: none; padding-right: 0; margin-bottom: 10px; } .footer .contactContainer .buttuonStyle { background: none !important; border: 2px solid #37454f; width: 100px; color: #c3c5c6 !important; height: 35px; border-radius: 5px; font-family: 'Open Sans', sans-serif; } .footer .contactContainer .pdiInfo p { font-family: 'Open Sans', sans-serif; color: #fff; font-size: 12px; } .center { text-align: center; } /*.thumbnail img { min-height: 250px; }*/ .TimeLine-smallInfo { font-size: 16px; } .TimeLine-bigInfo { font-size: 20px; letter-spacing: 1px; font-weight: 300; height: auto; padding-bottom: 10px; } .Title-border { border: 1px solid rgba(255, 255, 255, 0.29); padding: 40px 40px 40px 40px; font-weight: 300; } .btnscroolContent { } .btnup { background-image: url('../Library/images/up1.png'); width: 50px; height: 50px; } .btndown { background-image: url('../Library/images/up2.png' ); width: 50px; height: 50px; } .adhis-button { margin-bottom: 5px; opacity: 0.7; } .text-center { text-align: center; } .up-button { float: right; z-index: 99; position: fixed; bottom: 47px; right: 10px; cursor: pointer; margin-right: 20px; margin-bottom: 20px; } .up-button img { width: 27px; opacity: 0.7; } .down-button { float: right; z-index: 99; position: fixed; bottom: 10px; right: 10px; cursor: pointer; margin-right: 20px; margin-bottom: 20px; } .down-button img { width: 27px; opacity: 0.7; } .SeracInfo { text-align: center; font-size: 15px; font-family: 'Open Sans', sans-serif; margin-top: 20px; } @media all and (max-width: 768px) { .carousel-caption { bottom: 20% !important; } .carousel-caption .slider-title { font-size: 37px; } .slider2 { font-size: 35px; } #section6 .clientsInfo { padding: 10px 10px 10px 10px !important; font-size: 14px; margin-bottom: 10PX; } #section5 .clientsInfo { font-size: 18PX; margin-top: 5px; margin-bottom: 20px; } .owl-controls { display: none !important; } #section2 .about-title { font-size: 30px; margin-top: 10px; } } .slider-arrowleft { background-image: url(Library/images/Arrow_L.png) !important; width: 70px; height: 100px; background-repeat: no-repeat; font-size: 0; background-size: 20px; } .margin-bottom20 { margin-bottom: 20px; } .project-home { height: 33px; margin-bottom: 29px; border-bottom: 1px solid #ccc; padding-left: -15px; padding-right: -15px; } .project-home a { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #404040; cursor: pointer; text-decoration: none !important; } @media all and (max-width: 1300px) { .navbar-default .navbar-nav > li > a { padding: 14px 20px !important; } .navbar-inverse .navbar-nav > li > a { padding: 14px 20px !important; } } @media all and (max-width: 768px) { .navbar-default .navbar-nav > li > a { padding: 14px 20px !important; } .navbar-inverse .navbar-nav > li > a { padding: 14px 20px !important; } } @media all and (max-width: 1000px) { .slider2 { font-size:20px !important;} } .project-title-url {font-family: 'Open Sans', sans-serif; font-size: 14px !important; font-weight:600;color:#585858 !important;margin-left:10px;float:right;padding:7px 10px;cursor:pointer; } .project-title-url:hover {font-family: 'Open Sans', sans-serif; font-size: 14px !important; font-weight:600;color:#29446b !important; } .project-title-url span {margin-left:6px; } .project-title-url span:hover { color:#29446b !important;}