@charset "utf-8"; body { font-family:Montserrat, Arial, Helvetica, sans-serif; background:#FFF; position:relative; } a { color:#2cc76a; } a:hover, a:focus { color:#1eb45a; } h1, h2, h3, h4 { font-family: Poppins, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom: 1rem; color:#333333; } p { color: #60646A; } .navbar-header { min-height:80px; } .navbar-default .navbar-toggle { border-color: #808080; } .navbar-toggle { margin-top: 20px; } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 370px; } .jumbotron { position: relative; color: #fff; /*text-align: center; text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);*/ background:url(../images/header-bg.jpg) no-repeat #232a31; /* Old browsers */ height:630px; background-size:cover; overflow:hidden; } .navbar { background:#ffffff; border-bottom: 0; } .navbar-collapse { background:none; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding-top: 5px; filter:none; -ms-filter:none; } .navbar .nav > li > a { color:#FFF; text-transform:uppercase; text-shadow: 0 1px 0 #666; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color:#CCC; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background:none; color:#2cc76a; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .navbar .nav { padding:12px; } .navbar .btn, .navbar .btn-group { margin-top:0; } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #FFF; background-color: transparent; } .navbar-default + div { margin-top: 68px; } .btn-lg { font-size:18px; padding:10px 20px; margin:5px 10px; } .btn-success { background-color: #2cc76a; background-image:none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-success:hover, .btn-success:focus, .btn-success:active { background-color: #22bb5f!important; color:#FFF!important; } .btn-primary { background-color: #2db6d8; background-image:none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #209ab8!important; color:#FFF!important; } .btn-danger { background-color: #f45c57; background-image:none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: #eb534e!important; color:#FFF!important; } .navbar .nav > .active > a.btn { background-color: #22bb5f!important; color:#FFF!important; } .hero-unit { background:none; text-align:center; padding: 60px; padding-top:130px; margin-bottom: 30px; font-size: 18px; font-weight: 200; line-height: 30px; color: inherit; } .hero-unit h1 { padding-bottom:15px; font-weight:bold; } .hero-unit h3 { font-weight:normal; padding-bottom:15px; line-height: 1.5; color: #D5D5D5; } .slide2 { background:none; text-align:center; padding-top:90px; } .slide2 h1 { font-size:50px; font-weight:bold; } .slide3 { background:none; text-align:left; padding-top:100px; } .slide3 h1 { font-size:50px; padding-top:90px; font-weight:bold; } .slide3 h3 { font-size:20px; padding-right:20px; color: #D5D5D5; line-height: 1.5; } .img-thumbnail { border:0; padding:20px 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; text-align: center; } .img-thumbnail h4, .img-thumbnail p { text-align:center; } .PageHead { margin-top:50px; } .PageHead h1, .PageHead h3, .PageHead h4 { text-align:center; } .PageHead h3, .PageHead h4 { color: #9AA5AA; font-weight: normal; margin-bottom: 20px; margin-top: 10px; } /* Animation */ .PlanPricing { margin-top:100px; -moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; transition:all 0.6s ease; } @media (min-width:767px) { .PlanPricing:hover { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); z-index:2; } } .PlanPricing .planName { background:#202b34; padding-top:50px; padding-bottom:10px; text-align:center; } .PlanPricing .price { background:#2cc76a; padding:5px; color:#FFF; font-size:42px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:block; width:100px; height:100px; line-height:100px; margin:0 auto; position:relative; margin-top:-107px; margin-bottom:10px; line-height: 2.2; } .PlanPricing.Recommended .price { background:#f45c57; } .PlanPricing .planName h3 { color:#FFF; text-align:center; padding:0; margin:0; text-transform:uppercase; } .PlanPricing .planName p { color:#999; text-align:center; } .PlanPricing .planFeatures { background:#e8e9ea; text-align:center; padding:20px 0px; } .PlanPricing .planFeatures .planFeaturesMain { font-size: 18px; padding: 10px; } .PlanPricing .planFeatures .planFeaturesSecondary { font-size: 14px; } .PlanPricing p { margin:0; } .PlanPricing .btn { width:100%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .footer { position: relative; color: #fff; background:url(../images/header-bg.jpg) no-repeat #232a31; background-size:cover; overflow:hidden; margin-top:80px; } .footer h1, .footer h3 { color:#FFF; } .footerlinks { margin:20px 0; padding: 20px; } .footerlinks p { color:#dddddd; text-transform:uppercase; padding-top:15px; } .footerlinks ul { margin:0; padding:0; list-style:none; } .footerlinks ul li { color:#FFF; padding:2px 0; } .footerlinks ul li a { color:#FFF; } .copyright { margin:30px 0; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { top:97%; } .scrollup { width:40px; height:40px; opacity:0.4; position:fixed; bottom:30px; right:30px; display:none; text-indent:-9999px; background: url('../images/icon_top.png') no-repeat; } .navbar li.dropdown ul { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .img-responsive { width:auto \9; } .domain { position: relative; background:#34454e; background-size:cover; overflow:hidden; margin-top:80px; } .domain h1 { color:#FFF; margin-top:0; } .domain h3 { color:#D5D5D5; margin-bottom: 20px; font-size: 20px; } .domain h4 { color:#D5D5D5; margin-bottom: 40px; font-size: 14px; } .input-append, .input-prepend { display:inline; } .input-append input, .input-prepend input { height:40px; } .domain .submitbtn { text-align:center; padding-top:10px; padding-bottom:40px; } .domain select, .domain input[type=text] { padding: 10px; height:40px; } .tryApiFormInput { border: 1px rgb(51,51,51) !important; border-radius: 5px !important; font-size: 16px; display: inline-block; margin: 5px auto; } .navigation { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; border-bottom: 1px solid rgba(0,0,0,0.1); background: #fff; } .thinner { padding-top: 0; padding-bottom: 0; } .navigation .navbar #mainmenu ul .nav-item .nav-link { color: #242424; position: relative; font-family: Poppins, Arial, Helvetica, sans-serif; } .navigation .navbar #mainmenu ul .nav-item .nav-link.active { color: #2cc76a; position: relative; font-family: Poppins, Arial, Helvetica, sans-serif; } .center-align { margin: auto auto; } .coloredValue { color: #809000; } .apiResponse { font-family: Montserrat, Arial, Helvetica, sans-serif; margin: auto; background-color: #fefefe; overflow-y: auto; max-height: 1000px; margin-bottom: 20px; width: 100%; font-size: 1rem; } .dictionary { height: auto; max-width: 100%; } .feature { font-size: 90px; margin-bottom: 20px; } .firstFeature { color:#55a630; } .secondFeature { color:#fb5607; } .thirdFeature { color:#ff9f1c; } .footerContainer { background: #333333; margin-top: 50px; } .slogan { text-align: center; margin-top: 2rem; margin-bottom: 2rem; } ::placeholder { color: #cccccc; opacity: 1; }