/* main website color: #1b75ba rgba(27, 117, 186, 1) */ /****** General *******/ html { scroll-behavior: smooth; } body{ margin: 0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 14px; background-color: #fff; color: #434244; line-height: 19px; } .container{ max-width: 1181px; } *,*:focus,*:hover{ outline:none; } /* background */ .bg-light-gray {background-color: #f1f1f1; } /* TYPOGRAPHY */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: auto; margin-bottom: auto; } /* buttons */ /*.primary-btn { background: #e12f3e; border: 2px solid #e12f3e; color: #fff; border-radius: 20px; font-weight: 600; font-size: 17px; padding: 2px 30px; letter-spacing: 1px; } .primary-btn:hover { background: #fff; color: #e12f3e; } */ .primary-btn { display: inline-block; border-radius: 20px; font-weight: 600; font-size: 17px; padding: 2px 30px; letter-spacing: 1px; color: #fff; text-transform: uppercase; transition: all .3s; position: relative; overflow: hidden; z-index: 1; } .primary-btn:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #e12f3e; border-radius: 20px; z-index: -2; } .primary-btn:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #fff; transition: all .3s; border-radius: 20px; z-index: -1; } .primary-btn:hover { color: #e12f3e; } .primary-btn:hover:before { width: 100%; } /* forms + inputs */ .form-group { margin-bottom: 26px; } .form-control { border: 1px solid #adb5bc; } textarea { min-height: 160px !important; } ::-webkit-input-placeholder { /* Edge */ color: #bcc1c5 !important; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bcc1c5 !important; } ::placeholder { color: #bcc1c5 !important; } /****** MENU *******/ #header.container{ max-width: 1010px; } #header nav { width: 100%; padding: 36px 15px; } #header nav .navbar-nav { position: relative; } #header .navbar-brand .logo, #header .navbar-brand svg{ width: 178px; height: 39px; } #header .navbar-toggler{ outline: none; width: auto; } #header #main-navbar > ul > li.nav-item a { color: #394f59; font-weight: 500; padding-left: 12px; padding-right: 12px; position: relative; } #header #main-navbar > ul > li.nav-item a::before { content: ""; width: 0%; height: 1px; bottom: 7px; left: 0; display: block; position: absolute; background: transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #header #main-navbar > ul > li.nav-item.active > a::before, #header #main-navbar > ul > li.nav-item:not(.login-wrapper) > a:hover::before { width: 100%; background: #2276b8; } #header .login-wrapper .btn { border: 1px solid #3a4f57; border-radius: 22px; padding: 0px 22px !important; margin-left: 10px; margin-top: 6px; font-size: 14px; } #header .login-wrapper .btn:hover { border-color:#2777b6 !important; background: #2777b6; color: #fff !important; } #header .nav-item.dropdown-toggle:after{ display: none; } #header .nav-item .dropdown-menu { background: #2276b8; border-radius: 0; padding: 18px 8px 16px; border-color: #2276b8; margin-top: 0px; } #header .nav-item .dropdown-menu::before { content: ""; position: absolute; top: -5px; left: 45px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 5px solid #2276b8; } #header .nav-item .dropdown-menu a { color: #c4ddf0 !important; font-size: 14px; padding: 5px 12px; } #header .nav-item .dropdown-item:hover { background: #1b5c90; color: #fff !important; } .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(27, 117, 186, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } /* search bar */ #header #main-navbar .search-wrapper a { padding: 3px; } #header #main-navbar .search-wrapper > span { padding: 4px 8px !important; } #header #main-navbar .search-wrapper .fas.fa-search { border: 1px solid #394f59; border-radius: 50%; padding: 6px; cursor: pointer; } #header #main-navbar .search-wrapper .fas.fa-search:hover, #header #main-navbar .search-wrapper.active .fas.fa-search{ border-color:#2777b6 !important; background: #2777b6; color: #fff; } #header #main-navbar .search-wrapper form { position: absolute; top: 0px; right: 0; z-index: 9; width: 300px; background: #fff; border-radius: 20px; border: 1px solid #2777b6; padding: 0 !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; } #header #main-navbar .search-wrapper.active form { opacity: 1; top: 39px; visibility: visible; } #header #main-navbar .search-wrapper form input[type="text"] { padding: 0px 10px; border: 0px; background: transparent; width: calc(100% - 89px); } #header #main-navbar .search-wrapper form input[type="submit"] { width: 89px; background: #2777b6; border: 1px solid #2777b6; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 500; height: 22px; text-align: center; } #header .search-wrapper-2 a { padding: 3px; } #header .search-wrapper-2 > span { padding-left: 8px !important; padding-right: 8px !important; } #header .search-wrapper-2 .fas.fa-search { border: 1px solid #394f59; border-radius: 50%; padding: 6px; cursor: pointer; } #header .search-wrapper-2 .fas.fa-search:hover, #header .search-wrapper-2.active .fas.fa-search{ border-color:#2777b6 !important; background: #2777b6; color: #fff; } #header .search-wrapper-2 form { position: absolute; top: 44px; right: 0; z-index: 9; width: 300px; background: #fff; border-radius: 20px; border: 1px solid #2777b6; padding: 0 !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden;} #header .search-wrapper-2.active form { opacity: 1; top: 90px; visibility: visible; } #header .search-wrapper-2 form input[type="text"] { padding: 0px 10px; border: 0px; background: transparent; width: calc(100% - 89px); } #header .search-wrapper-2 form input[type="submit"] { width: 89px; background: #2777b6; border: 1px solid #2777b6; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 500; height: 22px; text-align: center;} @media screen and (min-width: 992px){ .nav-item:hover .dropdown-menu, .nav-item .dropdown-menu:hover { display: block; } } @media screen and (max-width: 991.98px){ #header .login-wrapper .btn { max-width: 84px;} #header .nav-item .dropdown-menu::before { top: 30px; } /* search bar */ #header .search-wrapper { display: none;} #header .search-wrapper-2 form { right: 30px; } } @media screen and (max-width: 767.98px){} @media screen and (max-width: 575.98px){ #header .search-wrapper-2 form { left: 15px; width: calc(100% - 30px); } } @media screen and (max-width: 480.98px){ #header .logo{ width: 168px; } /* search bar */ #header .search-wrapper-2 form { width: 270px; } } /****** PAGE HEADER IMAGE *******/ #page-header-image { background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 550px; display: block } #page-header-image .container { max-width: 1010px; min-height: 550px; } #page-header-image .container .row { min-height: 550px; padding: 20px 0; } #page-header-image .title{ color: #fff; font-weight: 700; text-transform: uppercase; line-height: 0.9; font-size: 48px; } #page-header-image .subtitle{ color: #fff; font-size: 19px; font-weight: 300; line-height: 23px; } @media screen AND (max-width: 1399.98px){ #page-header-image { min-height: 450px; } #page-header-image .container { min-height: 450px; } #page-header-image .container .row { min-height: 450px; } } @media screen AND (max-width: 575.98px){ #page-header-image, #page-header-image .container, #page-header-image .container .row { min-height: 350px; } } @media screen AND (max-width: 480.98px){ #page-header-image .title{ font-size: 30px; } #page-header-image .subtitle{ font-size: 16px; } } /****** MAIN ICONS WRAPPER *******/ #main-icons-wrapper .container { max-width: 1010px; } #main-icons-wrapper { padding-top: 40px; padding-bottom: 40px;} #main-icons-wrapper .main-icon-single { padding: 30px 40px; } #main-icons-wrapper .main-icon-single:not(:last-child)::before { content: ""; width: 2px; height: 100%; display: block; position: absolute; background: #fff; right: 0; top: 0; } #main-icons-wrapper .title { font-weight: 600; font-size: 21px; line-height: 22px; margin-top: 30px; display: block; color: #102439; text-transform: uppercase;} #main-icons-wrapper .description { font-size: 14px; font-weight: 400; color: #2b3c4c; line-height: 1.3; display: table; margin: 20px auto 0; text-align: left; } @media screen AND (max-width: 991.98px){ #main-icons-wrapper .main-icon-single { padding: 30px 30px; } } @media screen AND (max-width: 767.98px){ #main-icons-wrapper { padding-top: 80px; padding-bottom: 30px;} #main-icons-wrapper .main-icon-single { padding: 20px 15px 30px; margin-bottom: 20px; } #main-icons-wrapper .main-icon-single:nth-child(2):before, #main-icons-wrapper .main-icon-single:nth-child(4):before { background: transparent; } } @media screen AND (max-width: 480.98px){ #main-icons-wrapper .title { font-size: 16px; } #main-icons-wrapper .description { font-size: 12px; } } /****** GRID CONTENT SECTION *******/ #grid-content { padding: 50px 0 70px;} #grid-content > .container { max-width: 1060px; } #grid-content .row { padding: 50px 0; } #grid-content .row.sep { padding: 0; } #grid-content .row.sep hr { border-color: #fff; } #grid-content .row:not(.sep) { padding: 0; min-height: 340px; } #grid-content .grid-content-title { font-weight: 700; font-size: 25px; color: #2276b8; line-height: 1; text-transform: uppercase; margin-bottom: 20px; } #grid-content .grid-content-description { font-size: 14px; color: #2b3c4c; } #grid-content .grid-content-description ul { padding-left: 15px; margin-bottom: 0px; } #grid-content .grid-content-button { margin-top: 25px; } #grid-content .grid-content-button .btn { font-size: 14px; font-weight: 600; color: #1d76bb; border: 1px solid #1d76bb; border-radius: 0; padding: 0; height: 31px; line-height: 31px; width: 120px; text-transform: uppercase; } #grid-content .grid-content-button .btn:hover { background: #1d76bb; color: #fff; } @media screen AND (max-width: 575.98px){ #grid-content { padding: 70px 0 90px; } #grid-content .row:not(.sep) { min-height: auto; } #grid-content .grid-content-description ul { list-style: none; } #grid-content .grid-content-description ul li:before { content: "\2022"; font-size: 20px; margin-right: 5px; } } /****** GRID CONTENT NO IMAGES SECTION *******/ #grid-content-no-images { padding: 50px 0; } #grid-content-no-images .row { padding: 50px 0; } #grid-content-no-images .row.sep { padding: 0; } #grid-content-no-images .row.sep hr { border-color: #fff; } #grid-content-no-images .row:not(.sep) { padding: 0; min-height: 360px; } #grid-content-no-images .grid-content-title { font-weight: 700; font-size: 25px; color: #2276b8; line-height: 1; text-transform: uppercase; margin-bottom: 20px; } #grid-content-no-images .grid-content-description { font-size: 14px; color: #2b3c4c; } #grid-content-no-images .grid-content-description ul { padding-left: 15px; margin-bottom: 0px; } #grid-content-no-images .grid-content-description ul li { color: #56a0cc; padding-left: 5px; } #grid-content-no-images .grid-content-description ul li span { color: #2b3c4c; } @media screen AND (max-width: 575.98px){ #grid-content-no-images { padding: 100px 0 170px;} #grid-content-no-images .row:not(.sep) { min-height: auto; } } /****** PAGES SHORTCUTS SECTION *******/ /*#pages-shortcuts-section{ background: url('../images/Tera-Track-products-sections-shortcuts-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 430px 0 200px; position: relative; }*/ #pages-shortcuts-section{ background: url('../images/Tera-Track-products-sections-shortcuts-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 110px; position: relative; } #pages-shortcuts-section .title { color: #fff; border: 1px solid #fff; font-size: 18px; font-weight: 600; padding: 18px 5px; margin-bottom: 85px; text-transform: uppercase; } #pages-shortcuts-section .pages-shortcuts-wrapper{ } #pages-shortcuts-section .pages-shortcuts-wrapper .img-wrapper { height: 100%; overflow: hidden; } #pages-shortcuts-section .pages-shortcuts-wrapper a { display: block; height: 100%; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #pages-shortcuts-section .pages-shortcuts-wrapper .img-wrapper .true-colors { position: absolute; top: 0; left: 15px; width: calc(100% - 30px); visibility: hidden; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; opacity: 0; } #pages-shortcuts-section .pages-shortcuts-wrapper a:hover { margin-top: -10px; box-shadow: -4px 7px 10px 4px rgba(0,0,0,0.3); } #pages-shortcuts-section .pages-shortcuts-wrapper a:hover .img-wrapper .true-colors { display: block; top: -10px; visibility: visible; opacity: 1;} #pages-shortcuts-section .pages-shortcuts-wrapper .product-name { font-size: 17px; font-weight: 500; color: #102439; text-transform: uppercase; background: #f1f1f1; padding: 40px 30px; line-height: 1.1; position: relative; height: 100%; overflow: hidden; } #pages-shortcuts-section .pages-shortcuts-wrapper .product-name::before { content: ""; width: 35px; height: 2px; display: block; background: #1fbcd4; top: 48px; left: -20px; position: absolute; } /****** SOCIAL MEDIA *******/ .social-media-wrapper ul { padding: 0px; margin: 0px; } .social-media-wrapper ul li { display: inline-block; } .social-media-wrapper ul li a{ display: block; width: 26px; height: 26px; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .social-media-wrapper:not(.no-flip) ul li a:hover { background-position: center -29px; } .social-media-wrapper ul li.facebook-icon-wrapper a{ background-image: url(../images/Tera-Track-Facebook-flip-icon.png);} .social-media-wrapper ul li.instagram-icon-wrapper a{ background-image: url(../images/Tera-Track-Instagram-flip-icon.png);} .social-media-wrapper ul li.linkedin-icon-wrapper a{ background-image: url(../images/Tera-Track-Linkedin-flip-icon.png);} .social-media-wrapper ul li.youtube-icon-wrapper a{ background-image: url(../images/Tera-Track-Youtube-flip-icon.png);} .social-media-wrapper ul li.twitter-icon-wrapper a{ background-image: url(../images/Tera-Track-Twitter-flip-icon.png);} /****** CONTACT FORMS - THANK YOU MESSAGE *******/ .contact-form-thankyou-wrapper .thankyou-message-wrapper .title { font-size: 30px; line-height: 36px; font-weight: 700; color: #2276b8; margin-bottom: 35px; } .contact-form-thankyou-wrapper .thankyou-message-wrapper .subtitle { font-size: 17px; line-height: 17px; color: #394f59; font-weight: 500; } .contact-form-thankyou-wrapper .thankyou-message-wrapper { padding: 80px 140px; border: 2px solid #ccd1d3; position: relative; } .contact-form-thankyou-wrapper .thankyou-message-wrapper::before { content: ""; position: absolute; left: calc(50% - 60px); top: -30px; font-size: 40px; display: block; background: url("../images/Tera-Track-Thankyou-Message-Icon.png") no-repeat; width: 123px; height: 57px; background-size: 100% auto; } .contact-form-thankyou-wrapper .social-media-wrapper { margin-top: 100px; } .contact-form-thankyou-wrapper .social-media-wrapper .title { font-size: 17px; line-height: 17px; font-weight: 500; margin-bottom: 25px; } @media screen and (max-width: 767.98px){ .contact-form-thankyou-wrapper .thankyou-message-wrapper { padding: 60px 60px; } } @media screen and (max-width: 575.98px){ .contact-form-thankyou-wrapper .thankyou-message-wrapper { padding: 60px 15px; } .contact-form-thankyou-wrapper .thankyou-message-wrapper::before { left: calc(50% - 50px); width: 100px; } .contact-form-thankyou-wrapper .thankyou-message-wrapper .title { font-size: 24px; } } /****** HOMEPAGE *******/ /* TOP SLIDER*/ .home-page #top-slider .slide { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-page #top-slider .slide .container{ max-width: 1010px } .home-page #top-slider .slide .slide-wrapper{ min-height: 600px; } .home-page #top-slider .slide-content .slide-title { font-weight: 700; font-size: 48px; line-height: 0.9; color: #fff; } .home-page #top-slider .slick-dots { position: absolute; bottom: 15px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .home-page #top-slider .slick-dots li { display: inline-block; } .home-page #top-slider .slick-dots li:only-child { display: none; } .home-page #top-slider .slick-dots li button { border: 3px solid #9cadbe; background: #9cadbe; border-radius: 50%; display: inline-block; font-size: 0; height: 15px; width: 15px; padding: 0; margin: 0 2px; } .home-page #top-slider .slick-dots li.slick-active button, .home-page #top-slider .slick-dots li button:hover { background: #2278b7; } .homepage-slider-fixed-content { position: absolute; top: 30px; left: 0; width: 100%; height: calc(100% - 60px); } .homepage-slider-fixed-content .container { max-width: 1010px; height: 100%; } .homepage-slider-fixed-content .container .row{ height: 100%; } /* MAIN ICONS WRAPPER */ .home-page #main-icons-wrapper { padding-top: 60px; padding-bottom: 205px; } .home-page #main-icons-wrapper .description { font-size: 17.5px; font-weight: 500; } /* PRODUCTS SECTIONS SHORTCUTS */ .home-page #pages-shortcuts-section{ padding: 280px 0 80px; } .home-page #pages-shortcuts-section .easy-to-use { position: absolute; top: -160px; left: 0; } /*.home-page #pages-shortcuts-section .easy-to-use .wrapper { background: url('../images/white-pixel.png'); background-repeat: no-repeat; background-position: 0px 70px; background-size: 100%; background-size: 100% calc(100% - 90px); }*/ .home-page #pages-shortcuts-section .easy-to-use .wrapper { background: url('../images/white-pixel.png'); background-repeat: no-repeat; background-position: 0px 70px; background-size: 100%; background-size: 100% calc(100% - 60px); padding-bottom: 10px; } .home-page #pages-shortcuts-section .easy-to-use .text-content { margin-top: 80px; } .home-page #pages-shortcuts-section .easy-to-use h1 { color: #2276b8; font-weight: 700; line-height: 1; font-size: 30px; text-transform: uppercase; margin-bottom: 30px; } .home-page #pages-shortcuts-section .easy-to-use span { font-size: 14px; color: #2b3c4c; } /* HAPPY USERS*/ .home-page #happy-users{ background: url('../images/Tera-Track-Happy-Users-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 165px 0; } .home-page #happy-users .container { max-width: 1010px; } .home-page #happy-users .stat-number { color: #2898d9; font-size: 35px; font-weight: 700; display: table; margin: 0 auto 10px; } .home-page #happy-users .stat-name {font-weight: 500; font-size: 18px; color: #f1f1f1; display: table; margin: 0 auto 50px; } .home-page #happy-users .stat-name::after { content: ""; width: 33px; height: 2px; background: #26b6cd; display: block; margin: 20px auto 0; } .home-page #happy-users .stat-wrapper:last-child .stat-name { margin-bottom: 0; } .home-page #happy-users #homepage-rating-slider {} .home-page #happy-users #homepage-rating-slider .client-profile-image img { border-radius: 50%; margin: 20px auto; } .home-page #happy-users #homepage-rating-slider .client-rating { margin-bottom: 20px; } .home-page #happy-users #homepage-rating-slider .client-rating .fas { color: #fbc15e; } .home-page #happy-users #homepage-rating-slider .client-comment { font-size: 14px; color: #e3e1e1; margin-bottom: 20px; } .home-page #happy-users #homepage-rating-slider .client-name { font-size: 14px; color: #e3e1e1; font-weight: 500; } .home-page #happy-users #homepage-rating-slider .client-position { font-size: 14px; font-weight: 400; color: #e3e1e1; font-style: italic; margin-bottom: 20px; } .home-page #happy-users #homepage-rating-slider .slick-dots { position: absolute; bottom: -20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; padding-left: calc(33.33% + 10px); } .home-page #happy-users #homepage-rating-slider .slick-dots li { display: inline-block; } .home-page #happy-users #homepage-rating-slider .slick-dots li button { border: 3px solid #1e4a6e; background: #1e4a6e; border-radius: 50%; display: inline-block; font-size: 0; height: 15px; width: 15px; padding: 0; margin: 0 2px; } .home-page #happy-users #homepage-rating-slider .slick-dots li.slick-active button, .home-page #happy-users #homepage-rating-slider .slick-dots li button:hover { background: #2278b7; } /* GRID CONTENT SECTION */ .home-page #grid-content { padding: 65px 0 180px;} /* CAPTURE LIVE PICTURE */ .home-page #capture-live-picture { background: url('../images/Tera-Track-Homepage-Capture-Live-Pictures-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 230px 0 35px; position: relative; } .home-page #capture-live-picture::before { content: ""; position: absolute; top: -70px; left: calc(50% - 170px); background: url('../images/Tera-Track-Homepage-Capture-Live-Pictures.png') no-repeat; height: 341px; width: 340px; background-size: 100% auto; } .home-page #capture-live-picture .capture-live-picture-title { display: table; margin: 0 auto 30px; color: #ffffff; font-size: 25px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; } .home-page #capture-live-picture .capture-live-picture-detail { display: table; margin: 0 auto; text-align: center; font-size: 14px; color: #f1f1f1; } .home-page #capture-live-picture .capture-live-picture-button .primary-btn { text-align: center; border-radius: 0px; padding: .375rem .75rem; border: 1px solid #fff; font-size: 14px; text-decoration: none; } .home-page #capture-live-picture .capture-live-picture-button .primary-btn:after { border-radius: 0px; background-color: #2276b8; } .home-page #capture-live-picture .capture-live-picture-button .primary-btn:before { border-radius: 0px; } .home-page #capture-live-picture .capture-live-picture-button .primary-btn:hover { color: #2276b8; } /* PRODUCT FEATURES 2 */ .home-page #product-features-2 { background: url('../images/Tera-Track-Homepage-Product-Features-2-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 100px; position: relative;} .home-page #product-features-2 .extra-features { max-width: 855px; } .home-page #product-features-2 .extra-features .next-generation-gps-platform-title { display: table; margin: 0 auto 70px; color: #2898d9; font-size: 25px; font-weight: 700; line-height: 1; text-align: center; text-transform: uppercase; } .home-page #product-features-2 .next-generation-gps-platform-content { margin-bottom: 100px; } .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(1), .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(2), .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(3){ margin-bottom: 60px; } .home-page #product-features-2 .next-generation-gps-platform-content .title { font-size: 16px; font-weight: 500; color: #f1f1f1; line-height: 1.1; text-transform: capitalize; } .home-page #product-features-2 .tec-features { max-width: 855px; } .home-page #product-features-2 .tec-features .icon { margin-bottom: 40px; } .home-page #product-features-2 .tec-features .title { font-size: 23px; font-weight: 600; color: #f1f1f1; line-height: 1.1; margin-bottom: 15px; text-transform: uppercase; } .home-page #product-features-2 .tec-features .description { font-size: 15px; color: #f1f1f1; line-height: 1.1; margin-bottom: 15px; } /* START FREE TRIAL */ .home-page #start-free-trial { background: url('../images/Tera-Track-Homepage-Start-Free-Trial-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 140px 0 140px; } .home-page #start-free-trial h3 { color: #ffffff; font-size: 35px; font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 15px; } @media screen AND (max-width: 1399.98px){ } @media screen AND (max-width: 1199.98px){ /* PRODUCTS SECTIONS SHORTCUTS */ .home-page #pages-shortcuts-section .easy-to-use .row { background-position: 0px 30px; } } @media screen AND (max-width: 991.98px){ /* TOP SLIDER*/ .home-page #top-slider .slide .slide-wrapper{ min-height: 400px; } .home-page #top-slider .slide-content h5 { font-size: 38px; } /* PRODUCTS SECTIONS SHORTCUTS */ .home-page #pages-shortcuts-section .easy-to-use .wrapper { background-size: cover; background-position: 0px; padding: 15px 0; } .home-page #pages-shortcuts-section .easy-to-use .text-content { margin-top: 30px; } } @media screen AND (max-width: 767.98px){ /* TOP SLIDER*/ .home-page #top-slider .slide-content h5 { font-size: 32px; } .home-page #top-slider .slide-content .primary-btn { font-size: 12px; padding: 2px 15px; } /* MAIN ICONS WRAPPER */ .home-page #main-icons-wrapper { padding-top: 80px; padding-bottom: 215px;} /* PRODUCTS SECTIONS SHORTCUTS */ .home-page #pages-shortcuts-section { padding: 240px 0 200px; } .home-page #pages-shortcuts-section .easy-to-use .row { background-position: 0px 0px; } /* PRODUCT FEATURES 2 */ .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(4){ margin-bottom: 60px; } } @media screen AND (max-width: 575.98px){ /* PRODUCTS SECTIONS SHORTCUTS */ .home-page #pages-shortcuts-section { padding: 400px 0 100px; } .home-page #pages-shortcuts-section .easy-to-use .row { padding: 15px 0; background-repeat: repeat;} .home-page #pages-shortcuts-section .easy-to-use .wrapper { padding: 15px; } /* GRID CONTENT SECTION */ .home-page #grid-content { padding: 65px 0 180px;} /* HAPPY USERS */ .home-page #happy-users{ padding: 100px 0;} .home-page #happy-users .stat-wrapper:last-child .stat-name { margin-bottom: 50px; } /* CAPTURE LIVE PICTURE */ .home-page #capture-live-picture::before { left: calc(50% - 150px); width: 300px; } /* PRODUCT FEATURES 2 */ .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(1), .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(2), .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(3), .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(4), .home-page #product-features-2 .next-generation-gps-platform-content .next-generation-gps-platform-content-single:nth-child(5){ margin-bottom: 30px; } .home-page #product-features-2 .next-generation-gps-platform-content table { width: 250px !important; margin: 0 auto; } .home-page #product-features-2 .capture-live-picture-detail:after { margin: 30px auto 100px; } .home-page #product-features-2 .next-generation-gps-platform-content { margin-bottom: 100px; } } @media screen AND (max-width: 479.98px){ /* TOP SLIDER*/ .home-page #top-slider .slide-content h5 { font-size: 28px; } /* PRODUCTS SECTIONS SHORTCUTS */ .home-page #pages-shortcuts-section { padding: 350px 0 100px; } .home-page #pages-shortcuts-section .easy-to-use h3 { font-size: 29px; } /* CAPTURE LIVE PICTURE */ .home-page #product-features-2::before { left: 15px; margin-left: 0; width: calc(100% - 30px); } } /****** FLEET MANAGEMENT *******/ .fleet-management-page #real-time-vehicle-tracking { background: url('../images/Tera-Track-Fleet-Management-Real-Time-Vehicle-Tracking.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 130px 0; } .fleet-management-page #real-time-vehicle-tracking .container { max-width: 800px; } .fleet-management-page #real-time-vehicle-tracking .content-wrapper { color: #fff; background: #2276b8; padding: 110px 60px; max-width: 300px; } .fleet-management-page #real-time-vehicle-tracking .content-wrapper .title { font-size: 24px; font-weight: 700; line-height: 24px; margin-bottom: 30px; text-transform: uppercase; } /* START FREE TRIAL */ .fleet-management-page #start-free-trial { padding: 90px 0 40px; } .fleet-management-page #start-free-trial h3 { color: #1d76bb; font-size: 35px; font-weight: 700; text-transform: uppercase; } /* GRID CONTENT */ .fleet-management-page #grid-content > .container { max-width: 970px; } /* PRE FOOTER */ .fleet-management-page #prefooter-image{ background: url('../images/Tera-Track-Fleet-Management-Pre-Footer-Image.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 215px 0; } @media screen AND (max-width: 575.98px){ .fleet-management-page #real-time-vehicle-tracking { background-position: center left; } .fleet-management-page #real-time-vehicle-tracking .content-wrapper { margin: 0 auto; } } /****** FUEL MONITORING *******/ .fuel-monitoring-page #fuel-monitoring-details { background-color: #2276b8; padding: 80px 0px 70px; } .fuel-monitoring-page #fuel-monitoring-details .title { color: #fff; font-size: 25px; font-weight: 600; text-transform: uppercase; line-height: 23px; margin-bottom: 30px; } .fuel-monitoring-page #fuel-monitoring-details .description { color: #fff; } .fuel-monitoring-page #fuel-monitoring-details .sep { position: relative; } .fuel-monitoring-page #fuel-monitoring-details .sep::before { content: ""; position: absolute; display: block; left: 50%; top: 0; width: 1px; height: 100%; background: #102439; opacity: 33%; } @media screen AND (max-width: 575.98px){ .fuel-monitoring-page #fuel-monitoring-details .sep::before { content: ""; position: absolute; display: block; left: 15px; top: 50%; width: calc(100% - 30px); height: 1px; } } /****** ASSET TRACKING *******/ .asset-tracking-page #track-anything-and-everything { background: url('../images/Tera-Track-Asset-Tracking-Sub-Background-Image.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; height: 450px; font-size: 35px; font-weight: 800; line-height: 40px; } .asset-tracking-page #track-anything-and-everything .container-fluid { height: 100%; } .asset-tracking-page #track-anything-and-everything .row { height: 100%; letter-spacing: 2px; } /* GRID CONTENT */ .asset-tracking-page #grid-content-2 { background: url('../images/Tera-Track-Asset-Tracking-Grid-Background.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 20px;} .asset-tracking-page #grid-content-2 .row { min-height: 300px; } .asset-tracking-page #grid-content-2 .grid-content-title { font-weight: 700; font-size: 24px; color: #2276b8; line-height: 1; text-transform: uppercase; margin-bottom: 20px; } .asset-tracking-page #grid-content-2 .row { position: relative;} .asset-tracking-page #grid-content-2 .row::before { content: ""; position: absolute; display: block; top: 55%; height: 1px; background: #88d6e2; } .asset-tracking-page #grid-content-2 .row.text-first::before { width: 50%; left: 16.67%; } .asset-tracking-page #grid-content-2 .row.image-first::before { width: 55%; right: 12.50%; } .asset-tracking-page #grid-content-2 .explore-all-feature { padding-top: 100px; } .asset-tracking-page #grid-content-2 .explore-all-feature .primary-btn { font-size: 16px; } /* PRE FOOTER */ .asset-tracking-page #prefooter-image{ background: url('../images/Tera-Track-Asset-Tracking-Pre-Footer-Image.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 200px 0; } @media screen AND (max-width: 1399.98px){ /* GRID CONTENT */ .asset-tracking-page #grid-content-2 { padding: 100px 0 20px;} } @media screen AND (max-width: 991.98px){ /* GRID CONTENT */ .asset-tracking-page #grid-content-2 { padding: 100px 0 20px;} .asset-tracking-page #grid-content-2 .row.text-first::before { width: 70%; left: 8.33%; } .asset-tracking-page #grid-content-2 .row.image-first::before { width: 70%; right: 8.33%; } } @media screen AND (max-width: 767.98px){ /* GRID CONTENT */ .asset-tracking-page #grid-content-2 .row.text-first::before { width: 70%; left: 15px; } .asset-tracking-page #grid-content-2 .row.image-first::before { width: 70%; right: 15px; } } @media screen AND (max-width: 575.98px){ /* GRID CONTENT */ .asset-tracking-page #grid-content-2 { padding: 100px 0 100px;} .asset-tracking-page #grid-content-2 .row { min-height: auto; } .asset-tracking-page #grid-content-2 .row.text-first::before { display: none; } .asset-tracking-page #grid-content-2 .row.image-first::before { display: none; } .asset-tracking-page #grid-content-2 .explore-all-feature { padding-top: 100px; } /* PRE FOOTER */ .asset-tracking-page #track-anything-and-everything { height: 250px; } } /****** SPECIFICATIONS *******/ .specifications-page #grid-content { padding: 100px 0 130px; } /****** PERSONAL TRACKING *******/ /* devices */ .personal-tracking-page #devices { background: url('../images/Tera-Track-Personal-Tracking-Devices-Background-Image.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 122px 0px; } .personal-tracking-page #devices .container { max-width: 1010px; } .personal-tracking-page #devices img { margin-bottom: 40px; } .personal-tracking-page #devices .title { font-size: 22px; font-weight: 600; color: #102439; text-transform: uppercase; margin-bottom: 20px; } .personal-tracking-page #devices .btn { font-size: 14px; font-weight: 600; color: #1d76bb; border: 1px solid #1d76bb; border-radius: 0; padding: 0; height: 31px; line-height: 31px; width: 120px; text-transform: uppercase; } .personal-tracking-page #devices .btn:hover { background: #1d76bb; color: #fff;} /* live chat */ #live-chat { background: url('../images/Tera-Track-Personal-Tracking-Live-Chat-Background-Image.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 66px 0px; } #live-chat .container { max-width: 826px; } #live-chat .title { font-size: 22px; font-weight: 600; color: #ffffff; text-transform: uppercase; margin-bottom: 20px; line-height: 21px; } #live-chat .description { color: #fff; max-width: 320px; } @media screen AND (max-width: 767.98px){ /* devices */ .personal-tracking-page #devices { padding: 100px 0px 70px; } /* details */ #details .sep { height: 100px; } /* live chat */ #live-chat { padding: 100px 0px; } } @media screen AND (max-width: 575.98px){ /* details */ #details { padding: 70px 0px; } #details .title { width: 100%; } /* live chat */ #live-chat .description { margin: 0 auto; } } /****** SCHOOL BUS *******/ /* main icons wrapper*/ .school-bus-page #main-icons-wrapper .title { font-size: 18px; text-transform: none; max-width: 143px; font-weight: 500; } /* bus details */ .school-bus-page #school-bus-details { background: url(../images/Tera-Track-School-Bus-Monitor-Main-Features-Background-Image.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 80px 0; } /****** TASK MANAGEMENT *******/ /* every detail */ .task-management-page #every-detail { background: url(../images/Tera-Track-Task-Management-Every-Detail-Background-Image.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 233px 0; } .task-management-page #every-detail .title { color: #fff; font-size: 25px; font-weight: 600; line-height: 28px; margin-bottom: 35px; text-transform: uppercase; } .task-management-page #every-detail .description { color: #fff; font-size: 15px; } /* GRID CONTENT */ .task-management-page #grid-content > .container { max-width: 970px; } @media screen AND (max-width: 991.98px){ .task-management-page #every-detail { padding: 150px 0; } } @media screen AND (max-width: 767.98px){ .task-management-page #every-detail { padding: 100px 0; } } /****** DASHCAM *******/ /* dashcam devices */ .dashcam-page #dashcam-devices { background: url(../images/Tera-Track-Dashcam-Devices-Background.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 85px 0; } .dashcam-page #dashcam-devices .container { max-width: 958px; } .dashcam-page #dashcam-devices .device-image { margin-bottom: 35px; } .dashcam-page #dashcam-devices .device-title { font-size: 25px; color: #fff; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; line-height: 23px; } .dashcam-page #dashcam-devices .device-description { color: #fff; } /* grid content */ .dashcam-page #specs-wrapper { padding: 140px 0 70px; } .dashcam-page #specs-wrapper .container { max-width: 958px; } .dashcam-page #specs-wrapper .single-spec { margin-bottom: 65px; } .dashcam-page #specs-wrapper .single-spec .grid-content-title { font-size: 25px; line-height: 25px; color: #1d76bb; font-weight: bold; margin-bottom: 15px; text-transform: uppercase;} .dashcam-page #specs-wrapper .single-spec .grid-content-description { font-size: 14px; line-height: 19px; color: #2b3c4c; } .dashcam-page #specs-wrapper .sep { margin-bottom: 65px; } .dashcam-page #specs-wrapper hr { border-color: #fff; } /* impact detection */ #impact-detection { background: #2377b8; padding: 50px 0px 70px; color: #fff; } #impact-detection .title { font-weight: bold; font-size: 25px; line-height: 25px; margin-bottom: 25px; text-transform: uppercase; } #impact-detection .details { font-size: 14px; line-height: 19px; margin-bottom: 60px; max-width: 415px; } #impact-detection .illustration {} /****** PHONE TRACKING *******/ /* main icons wrapper*/ .phone-tracking-page #main-icons-wrapper .title { font-size: 18px; text-transform: none; font-weight: 500; } /* mid banner */ .phone-tracking-page #mid-banner { background: url(../images/Tera-Track-Phone-Tracking-Mid-Banner-Background-Image.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; font-size: 25px; line-height: 36px; padding: 240px 0; } @media screen AND (max-width: 767.98px){ .phone-tracking-page #mid-banner { font-size: 21px; line-height: 30px; padding: 140px 0; } } @media screen AND (max-width: 575.98px){ .phone-tracking-page #page-header-image { background-position: center right; } .phone-tracking-page #mid-banner { font-size: 17px; line-height: 25px; padding: 100px 0; } } @media screen AND (max-width: 480.98px){ .phone-tracking-page #mid-banner { font-size: 14px; line-height: 21px; padding: 70px 0; } } /****** PHONE TRACKING *******/ /* services */ .track-maintenance-schedules-page #services { background: #2276b8; color: #fff; padding: 160px 0; } .track-maintenance-schedules-page #services .container{ max-width: 1010px; } .track-maintenance-schedules-page #services .intro { font-size: 25px; line-height: 30px; text-transform: uppercase; } .track-maintenance-schedules-page #services .listing ul { padding: 0; list-style: none; margin-left: 15px; } .track-maintenance-schedules-page #services .listing ul li { font-size: 14px; position: relative; margin-bottom: 10px; } .track-maintenance-schedules-page #services .listing ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f058"; position: absolute; top: 0; left: -25px; font-size: 18px; } /* prefooter */ .track-maintenance-schedules-page #prefooter-image{ background: url('../images/Tera-Track-Track-Maintenance-Schedules-Pre-Footer-Image.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 215px 0; } @media screen AND (max-width: 767.98px){ .track-maintenance-schedules-page #services .intro { font-size: 21px;line-height: 26px; } } @media screen AND (max-width: 575.98px){ .track-maintenance-schedules-page #services { padding: 80px 0;} } /****** MOBILE APPS *******/ .mobile-apps-page #apps-info { padding: 130px 0 200px; } .mobile-apps-page #apps-info .icon {margin-bottom: 35px;} .mobile-apps-page #apps-info .title {font-weight: 700;color: #102439;font-size: 25px;margin-bottom: 50px;} .mobile-apps-page #apps-info .description {color: #102439;font-size: 15px;margin-bottom: 40px;} .mobile-apps-page #apps-info .pre-download {color: #3097d4;font-size: 15px;font-weight: 500;margin-bottom: 40px;} .mobile-apps-page #apps-info .app-link a {margin: 0 auto;display: inline-block;margin-bottom: 10px;} .mobile-apps-page #apps-info .app-link img {} @media screen AND (max-width: 575.98px){ .mobile-apps-page #apps-info { padding: 70px 0 130px; } } /****** DEVICES *******/ .devices-page {} .devices-page #page-header-image .breadcrumbs { margin-bottom: 15px; } .devices-page #page-header-image .breadcrumbs .breadcrumb { background: transparent; padding: 0; } .devices-page #page-header-image .breadcrumbs .breadcrumb .breadcrumb-item, .devices-page #page-header-image .breadcrumbs .breadcrumb .breadcrumb-item a { color: #fff; font-size: 16px; line-height: 26px; } .devices-page #page-header-image .breadcrumbs .breadcrumb .breadcrumb-item.active { color: #98cffc; } .devices-page #page-header-image .breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: inherit; content: ">"; } /* all brands */ #all-brands-wrapper {} #all-brands-wrapper #brands-listing-wrapper { padding: 65px 0 100px; background: #f1f1f1; } #all-brands-wrapper #brands-listing-wrapper .title { font-size: 22px; font-weight: 600; color: #102439; margin-bottom: 30px; text-transform: uppercase; } #all-brands-wrapper #brands-listing-wrapper table { margin: 0px; } #all-brands-wrapper #brands-listing-wrapper table tr td { padding: 18px 30px; border-color: #9ec0da; vertical-align: middle; } #all-brands-wrapper #brands-listing-wrapper table tr:nth-child(1) td { border-top: 0px; } #all-brands-wrapper #brands-listing-wrapper table tr td:nth-child(1) { font-size: 37px; line-height: 30px; color: #2276b8; font-weight: 600; } #all-brands-wrapper #brands-listing-wrapper table tr td:nth-child(2) a { color: #102439; font-size: 15px; margin-right: 25px; line-height: 30px; } @media screen AND (max-width: 575.98px){ #all-brands-wrapper #brands-listing-wrapper table tr td { padding: 38px 15px; } } /* single brands */ #single-brand-wrapper {} #single-brand-wrapper #page-header-image { min-height: 250px; } #single-brand-wrapper #page-header-image .container { min-height: 250px; } #single-brand-wrapper #page-header-image .container .row { min-height: 250px; padding: 85px 0 110px; } #single-brand-wrapper #page-header-image .supported-manufacturer { color: #2276b8; text-transform: uppercase; font-weight: 700; font-size: 20px; background: #fff; width: auto; display: inline-block; padding: 7px; margin-bottom: 70px; } #single-brand-wrapper #page-header-image .name { font-size: 44px; color: #fff; font-weight: 800; line-height: 44px; margin-bottom: 15px; text-transform: uppercase; } #single-brand-wrapper #page-header-image .description { font-size: 16px; color: #fff; line-height: 23px; margin-bottom: 25px; } #single-brand-wrapper #page-header-image .website { color: #f1f1f1; font-size: 16px; margin-bottom: 15px; } #single-brand-wrapper #page-header-image .website a { color: #98cffc; } #single-brand-wrapper #page-header-image .free-trial-wrapper { margin-top: 50px; } #single-brand-wrapper #devices-listing-wrapper { background: #f1f1f1; padding: 50px 0 110px; } #single-brand-wrapper #devices-listing-wrapper .title { font-size: 23px; line-height: 26px; font-weight: 700; color: #2276b8; margin-bottom: 70px; text-transform: uppercase; } #single-brand-wrapper #devices-listing-wrapper .card { border: 0px none; height: 100%; text-decoration: none !important; background-color: transparent; } #single-brand-wrapper #devices-listing-wrapper .card .card-img-top img { max-height: 150px; margin: 0 auto; display: block; } #single-brand-wrapper #devices-listing-wrapper .card .card-title { font-size: 19px; line-height: 26px; font-weight: 700; color: #2276b8; } #single-brand-wrapper #devices-listing-wrapper .card .card-text { font-size: 13px; line-height: 20px; color: #2b3c4c; } #single-brand-wrapper #devices-listing-wrapper .get-in-touch-text { color: #102f49; font-size: 17px; margin-bottom: 15px; margin-top: 40px; } #single-brand-wrapper #devices-listing-wrapper .get-in-touch-btn .primary-btn { border-radius: 0px; padding: 8px 55px; font-size: 16px; font-weight: 500; } #single-brand-wrapper #devices-listing-wrapper .get-in-touch-btn .primary-btn:after { border-radius: 0px; } #single-brand-wrapper #devices-listing-wrapper .get-in-touch-btn .primary-btn:before { border-radius: 0px; } /* single device */ #single-device-wrapper #page-header-image { min-height: 270px; } #single-device-wrapper #page-header-image .container { min-height: 270px; } #single-device-wrapper #page-header-image .container .row { min-height: 270px; } #single-device-wrapper #page-header-image .name { font-size: 44px; color: #fff; font-weight: 700; line-height: 44px; text-transform: uppercase; } #single-device-wrapper #page-header-image .discontinued { color: #fff; font-size: 16px; margin-top: 15px; font-weight: 500; } #single-device-wrapper .device-info-wrapper { padding: 75px 0 100px; } #single-device-wrapper .device-info-wrapper .main-info { margin-bottom: 80px;} #single-device-wrapper .device-info-wrapper .specs-wrapper {} #single-device-wrapper .device-info-wrapper .specs-wrapper .spec-group-name { font-size: 23px; color: #2276b8; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } #single-device-wrapper .device-info-wrapper .specs-wrapper table { margin-bottom: 50px; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr:not(:last-child) { border-bottom: 1px solid #e0e0e0; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr td { border-top: 0px; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr td:nth-child(1) { width: 40%; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr td:nth-child(2) { width: auto; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr td:nth-child(3) { width: 120px; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr td:nth-child(3) .supported { color: #7bb739; font-weight: 500; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr td:nth-child(3) .on_request { color: #ec803a; font-weight: 500; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper {} #single-device-wrapper .device-info-wrapper .related-devices-wrapper .title { font-size: 20px; color: #2276b8; margin-bottom: 70px; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper .title span { font-weight: 600; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper table { margin-bottom: 0px; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper table tr:not(:last-child) { border-bottom: 1px solid #e0e0e0; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper table tr td { border-top: 0px; vertical-align: middle; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper table tr td:nth-child(1) { width: 80px; padding: 0px; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper table tr td:nth-child(2) { width: auto; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper table tr td:nth-child(2) a { font-size: 16px; color: #2276b8; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper .get-in-touch-text { color: #102f49; font-size: 17px; margin-bottom: 15px; margin-top: 50px; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper .get-in-touch-btn .primary-btn { border-radius: 0px; padding: 8px 55px; font-size: 16px; font-weight: 500; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper .get-in-touch-btn .primary-btn:after { border-radius: 0px; } #single-device-wrapper .device-info-wrapper .related-devices-wrapper .get-in-touch-btn .primary-btn:before { border-radius: 0px; } @media screen and (max-width: 575.98px){ #single-device-wrapper .device-info-wrapper .specs-wrapper table tr { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } #single-device-wrapper .device-info-wrapper .specs-wrapper table tr td { width: initial !important; } } /****** ABOUT US *******/ .about-us-page #about-us-wrapper { padding: 120px 0 70px; } .about-us-page #about-us-wrapper .container { max-width: 593px; } .about-us-page #about-us-wrapper .title { font-size: 25px; font-weight: 700; color: #1d76bb; margin-bottom: 25px; } .about-us-page #about-us-wrapper .col-12.title::before { content: ""; background: #1d76bb; width: 45px; height: 1px; display: block; position: absolute; top: 50%; left: -50px; } .about-us-page #about-us-wrapper .content { font-size: 16px; color: #2b3c4c; margin-bottom: 70px; } .about-us-page #about-us-wrapper .content ul { padding-left: 15px; } .about-us-page #about-us-wrapper .content ul li:not(:last-child){ margin-bottom: 30px; } /****** CONTACT US *******/ /* header image */ .contact-us-page #page-header-image { min-height: 225px;} .contact-us-page #page-header-image .container { min-height: 225px; } .contact-us-page #page-header-image .container .row { min-height: 225px; } .contact-us-page #page-header-image .title{ font-size: 25px; } /* contact us wrapper */ .contact-us-page #contact-us-wrapper { padding: 180px 0; background: #f1f1f1; } .contact-us-page #contact-us-wrapper .container { max-width: 860px; } .contact-us-page #contact-us-wrapper .contact-info { color: #2b3c4c; font-size: 18px; line-height: 24px; } .contact-us-page #contact-us-wrapper .contact-info a { color: #2b3c4c; } .contact-us-page #contact-us-wrapper .contact-form label { font-size: 16px; color: #33434f; margin-bottom: 3px; } /*.contact-us-page #contact-us-wrapper .contact-form input[type="submit"] { background: #2276b8; color: #fff; border-radius: 0; font-size: 16px; min-width: 100px; text-align: center; text-transform: uppercase; border: 1px solid #2276b8; } .contact-us-page #contact-us-wrapper .contact-form input[type="submit"]:hover { background: #ffff; color: #2276b8; }*/ .contact-us-page #contact-us-wrapper .contact-form .primary-btn { text-align: center; border-radius: 0px; padding: .375rem .75rem; } .contact-us-page #contact-us-wrapper .contact-form .primary-btn:after { border-radius: 0px; background-color: #2276b8; } .contact-us-page #contact-us-wrapper .contact-form .primary-btn:before { border-radius: 0px; } .contact-us-page #contact-us-wrapper .contact-form .primary-btn:hover { color: #2276b8; } @media screen AND (max-width: 767.98px){ /* contact us wrapper */ .contact-us-page #contact-us-wrapper { padding: 70px 0; } } @media screen AND (max-width: 575.98px){ /* header image */ .contact-us-page #page-header-image, .contact-us-page #page-header-image .container, .contact-us-page #page-header-image .container .row { min-height: 225px; } } @media screen AND (max-width: 480.98px){ /* header image */ .contact-us-page #page-header-image .title{ font-size: 25px; } /* contact us wrapper */ .contact-us-page #contact-us-wrapper .contact-info { font-size: 18px; } } /****** FREE TRIAL *******/ /* header image */ .free-trial-page #page-header-image { min-height: 225px; /*background-size: 100% 312px;*/ background-position: 0 -20px; background-color: #f1f1f1; } .free-trial-page #page-header-image .container { min-height: 225px; } .free-trial-page #page-header-image .container .row { min-height: 225px; } /* contact us wrapper */ .free-trial-page #free-trial-wrapper { padding: 40px 0 100px; background: #f1f1f1; } .free-trial-page #free-trial-wrapper .contact-form .title { color: #e12f3e; font-size: 35px; line-height: 36px; font-weight: 700; margin-bottom: 35px; text-transform: uppercase; } .free-trial-page #free-trial-wrapper .contact-form .subtitle { font-size: 17px; color: #33434f; margin-bottom: 45px; } .free-trial-page #free-trial-wrapper .contact-form label { font-size: 16px; color: #33434f; margin-bottom: 3px; } /*.free-trial-page #free-trial-wrapper .contact-form input[type="submit"] { background: #e12f3e; color: #fff; border-radius: 0; font-size: 16px; min-width: 100px; text-align: center; text-transform: uppercase; border: 1px solid #e12f3e; } .free-trial-page #free-trial-wrapper .contact-form input[type="submit"]:hover { background: #fff; color: #e12f3e; }*/ .free-trial-page #free-trial-wrapper .contact-form .primary-btn { text-align: center; border-radius: 0px; padding: .375rem .75rem; } .free-trial-page #free-trial-wrapper .contact-form .primary-btn:after { border-radius: 0px; } .free-trial-page #free-trial-wrapper .contact-form .primary-btn:before { border-radius: 0px; } @media screen AND (max-width: 767.98px){ /* contact us wrapper */ .free-trial-page #free-trial-wrapper { padding: 70px 0; } } @media screen AND (max-width: 575.98px){ /* header image */ .free-trial-page #page-header-image, .free-trial-page #page-header-image .container, .free-trial-page #page-header-image .container .row { min-height: 225px; } } @media screen AND (max-width: 480.98px){ /* header image */ .free-trial-page #page-header-image .title{ font-size: 25px; } /* contact us wrapper */ .free-trial-page #free-trial-wrapper .contact-info { font-size: 18px; } } /****** PRICING *******/ /* header image */ .pricing-page #page-header-image { min-height: 225px;} .pricing-page #page-header-image .container { min-height: 225px; } .pricing-page #page-header-image .container .row { min-height: 225px; } .pricing-page #page-header-image .title{ font-size: 35px; } /* contact us wrapper */ .pricing-page #pricing-wrapper .contact-form .title { color: #2276b8; font-size: 35px; line-height: 36px; font-weight: 700; margin-bottom: 35px; text-transform: uppercase; } .pricing-page #pricing-wrapper .contact-form .subtitle { font-size: 17px; color: #33434f; margin-bottom: 45px; } .pricing-page #pricing-wrapper { padding: 80px 0; background: #f1f1f1; } .pricing-page #pricing-wrapper .container { max-width: 860px; } .pricing-page #pricing-wrapper .contact-form label { font-size: 16px; color: #33434f; margin-bottom: 3px; } /*.pricing-page #pricing-wrapper .contact-form input[type="submit"] { background: #e12f3e; color: #fff; border-radius: 0; font-size: 16px; min-width: 100px; text-align: center; text-transform: uppercase; border: 1px solid #e12f3e; } .pricing-page #pricing-wrapper .contact-form input[type="submit"]:hover { background: #fff; color: #e12f3e; }*/ .pricing-page #pricing-wrapper .contact-form .primary-btn { text-align: center; border-radius: 0px; padding: .375rem .75rem; } .pricing-page #pricing-wrapper .contact-form .primary-btn:after { border-radius: 0px; } .pricing-page #pricing-wrapper .contact-form .primary-btn:before { border-radius: 0px; } @media screen AND (max-width: 767.98px){ /* contact us wrapper */ .pricing-page #pricing-wrapper { padding: 80px 0; } } @media screen AND (max-width: 575.98px){ /* header image */ .pricing-page #page-header-image, .pricing-page #page-header-image .container, .pricing-page #page-header-image .container .row { min-height: 225px; } } @media screen AND (max-width: 480.98px){ /* header image */ .pricing-page #page-header-image .title{ font-size: 25px; } } /****** FOOTER *******/ #footer { background: #102439;} #footer .container { max-width: 758px; } #footer .footer-top { padding-top: 90px; padding-bottom: 115px; } #footer .footer-top .section-title { font-weight: 500; font-size: 13px; color: #4da4e8; margin-bottom: 20px; } #footer .footer-top ul { list-style: none; padding: 0; margin: 0; line-height: 25px; } #footer .footer-top ul li a { font-weight: 300; color: #1d76bb; font-size: 13px; } #footer .footer-top .social-media-wrapper { margin-top: 50px; } #footer .footer-bottom { padding-bottom: 55px; color: #4da4e8; font-size: 13px; } #footer .footer-bottom a { color: #4da4e8; } @media screen AND (max-width: 575.98px){ #footer .footer-top { padding-bottom: 25px; } #footer .footer-bottom { padding-bottom: 25px; } } /****** PRIVACY POLICY *******/ .privacy-policy-page .jumbotron{ padding: 11rem 0; background: url(../images/Privacy-Policy-Header.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 110px; } .privacy-policy-page .jumbotron .container { max-width: 634px; } .privacy-policy-page .jumbotron h1{ color: #fff; font-weight: 600; text-transform: uppercase; line-height: 0.9; font-size: 48px; } .privacy-policy-page #privacy-policy-content { font-size: 14px; color: #2b3c4c; list-style: 1.3; margin-bottom: 145px; } .privacy-policy-page #privacy-policy-content .container { max-width: 634px; } .privacy-policy-page #privacy-policy-content h2 { color: #2276b8; text-transform: uppercase; font-weight: normal; font-size: 22px; } .privacy-policy-page #privacy-policy-content ul { padding-left: 15px; margin: 0px; } /****** USER GUIDE *******/ .user-guides-page {} /* header image */ .user-guides-page #page-header-image { min-height: 225px;} .user-guides-page #page-header-image .container { min-height: 225px; } .user-guides-page #page-header-image .container .row { min-height: 225px; } .user-guides-page #page-header-image .title{ font-size: 25px; } .user-guides-page #user-guides-wrapper { padding: 60px 0px;} /* user guides menu */ .user-guides-page #user-guides-wrapper #user-guide-accordion { max-width: 257px; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card { border-color: #e2e1e1; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-header { background: #55a1cd; padding: 0px; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-header button { text-transform: uppercase; font-size: 16px; font-weight: 600; color: #fff; padding: 4px 32px; width: 100%; text-align: left; position: relative; text-decoration: none; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-header button:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f0d8"; position: absolute; right: 15px; font-size: 18px; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-header button.collapsed:before { content: "\f0d7"; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-body { padding: 0px; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-body ul { padding: 0px; list-style: none; margin: 0px; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-body ul li { padding: 10px; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-body ul li { border-bottom: 1px solid #e2e1e1; padding: 0; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-body ul li a { font-size: 14px; color: #948f8f; background: #fbf9f9; width: 100%; display: block; padding: 10px 32px; } .user-guides-page #user-guides-wrapper #user-guide-accordion .card .card-body ul li.active a { background: #e8e1e1; color: #55a1cd; } /* user guides content */ #user-guide-content { max-width: 630px; width: 100%; } #user-guide-content img { max-width: 100%; height: auto; } #user-guide-content div, #user-guide-content p { max-width: 100%; } @media screen and (max-width: 767px){ /* user guides menu */ .user-guides-page #user-guides-wrapper #user-guide-accordion { max-width: 100%; } /* user guides content */ #user-guide-content { max-width: 100%; } } /****** BlOGS *******/ .blog-page {} /* header image */ .blog-page #page-header-image { min-height: 225px;} .blog-page #page-header-image .container { min-height: 225px; } .blog-page #page-header-image .container .row { min-height: 225px; } .blog-page #page-header-image .title{ font-size: 25px; } .blog-page #blogs-listing-wrapper { padding: 80px 0 115px; background: #f1f1f1; } .blog-page #blogs-listing-wrapper .card { padding: 7px; border: 0px; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-decoration: none; } .blog-page #blogs-listing-wrapper .card:hover { box-shadow: -10px 10px 12px 1px rgba(0,0,0,0.2); text-decoration: none; } .blog-page #blogs-listing-wrapper .single-blog-wrapper {} .blog-page #blogs-listing-wrapper .single-blog-wrapper .card .card-body .card-title { font-size: 20px; color: #102439; font-weight: 500; margin-bottom: 10px; } .blog-page #blogs-listing-wrapper .single-blog-wrapper .card .card-body .card-date { font-size: 14px; color: #b5bcc0; font-weight: 500; margin-bottom: 15px; } .blog-page #blogs-listing-wrapper .single-blog-wrapper .card .card-body .card-text { font-size: 14px; color: #545b61; line-height: 19px; margin-bottom: 15px; } .blog-page #blogs-listing-wrapper .single-blog-wrapper .card .card-body .primary-btn { text-align: center; border-radius: 0px; padding: .375rem .75rem; font-size: 14px; letter-spacing: 0; } .blog-page #blogs-listing-wrapper .single-blog-wrapper .card .card-body .primary-btn:after { border-radius: 0px; background-color: #2276b8; } .blog-page #blogs-listing-wrapper .single-blog-wrapper .card .card-body .primary-btn:before { border-radius: 0px; } .blog-page #blogs-listing-wrapper .single-blog-wrapper .card .card-body .primary-btn:hover { color: #2276b8; } .blog-page #blogs-listing-wrapper .topics-wrapper .card-title { font-weight: bold; color: #102439; font-size: 20px; text-transform: uppercase; } .blog-page #blogs-listing-wrapper .topics-wrapper .card-body {} .blog-page #blogs-listing-wrapper .topics-wrapper .card-body .row { height: 100%; } .blog-page #blogs-listing-wrapper .topics-wrapper .card-body .row .col-auto { max-height: 350px; overflow-y: auto; } .blog-page #blogs-listing-wrapper .topics-wrapper .card-body ul { padding: 0; margin: 0; list-style: none; } .blog-page #blogs-listing-wrapper .topics-wrapper .card-body ul li {} .blog-page #blogs-listing-wrapper .topics-wrapper .card-body ul li a { color: #2276b8; font-size: 16px; font-weight: 500; margin-bottom: 15px; display: block; } .blog-page #blogs-listing-wrapper .newsletter-wrapper { } .blog-page #blogs-listing-wrapper .newsletter-wrapper .card { padding: 0px; } /*.blog-page #blogs-listing-wrapper .newsletter-wrapper .card-body { height: calc(50% - 4px); }*/ .blog-page #blogs-listing-wrapper .subscribe-wrapper { background: #2276b8; color: #fff; border-bottom: 4px solid #f1f1f1; text-align: center; height: 172px; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .row { height: 100%; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .subtitle { font-size: 13px; font-weight: 300; line-height: 18px; margin-bottom: 10px; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .email-wrapper { margin-bottom: 10px; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .form-control { background: transparent; border-color: #fff; border-radius: 0; color: #fff; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .form-control:focus { background: transparent; color: #fff; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .primary-btn { text-align: center; border-radius: 0px; padding: .375rem .75rem; color: #2276b8; width: 100%; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .primary-btn:after { border-radius: 0px; background-color: #ffffff; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .primary-btn:before { border-radius: 0px; background: #2276b8; } .blog-page #blogs-listing-wrapper .subscribe-wrapper .primary-btn:hover { color: #ffffff; } .blog-page #blogs-listing-wrapper .social-media-wrapper { border-top: 4px solid #f1f1f1; } .blog-page #blogs-listing-wrapper .social-media-wrapper .row { height: 100%; } .blog-page #blogs-listing-wrapper .social-media-wrapper .title { font-size: 13px; font-weight: 500; color: #102439; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; } @media screen and (max-width: 991.98px){ .blog-page #blogs-listing-wrapper .subscribe-wrapper { height: 100%; border: 0px; } .blog-page #blogs-listing-wrapper .social-media-wrapper { display:none; } } /* single blog */ .blog-page #page-header-image .back-wrapper i { color: #fff; } .blog-page #page-header-image .back-wrapper i:hover { color: #102439; } .blog-page .blog-wrapper { background: #f1f1f1; } .blog-page .blog-wrapper .container { padding: 50px 100px 110px; background: #fff; max-width: 1116px; } .blog-page .blog-wrapper .topics { background: #102439; padding: 15px; margin-bottom: 20px; } .blog-page .blog-wrapper .topics .topic { font-size: 23px; font-weight: 600; color: #fff; text-transform: uppercase; } .blog-page .blog-wrapper .topics .topic:not(:last-child):after { content: ",";} .blog-page .blog-wrapper .name { font-size: 50px; font-weight: 800; color: #2276b8; line-height: 48px; text-transform: uppercase; margin-bottom: 70px; } .blog-page .blog-wrapper .content { font-size: 16px; color: #394f59; line-height: 25px; } .blog-page .blog-wrapper .content img { max-width: 100%; height: auto; } .blog-page .blog-wrapper .content div, .blog-page .blog-wrapper .content p { max-width: 100%; } .blog-page .blog-wrapper .content h1, .blog-page .blog-wrapper .content h2, .blog-page .blog-wrapper .content h3, .blog-page .blog-wrapper .content h4, .blog-page .blog-wrapper .content h5, .blog-page .blog-wrapper .content h6 { font-family: inherit; color: #2276b8; position: relative; } .blog-page .blog-wrapper .content h1:after , .blog-page .blog-wrapper .content h2:after, .blog-page .blog-wrapper .content h3:after, .blog-page .blog-wrapper .content h4:after, .blog-page .blog-wrapper .content h5:after, .blog-page .blog-wrapper .content h6:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: #2276b8;} @media screen and (max-width: 767.98px){ .blog-page .blog-wrapper .container { padding: 50px 15px 110px; } .blog-page .blog-wrapper .name { font-size: 30px; line-height: 28px; margin-bottom: 30px; } } /****** FAQ *******/ .faq-page {} /* header image */ .faq-page #page-header-image { min-height: 225px;} .faq-page #page-header-image .container { min-height: 225px; } .faq-page #page-header-image .container .row { min-height: 225px; } .faq-page #page-header-image .title{ font-size: 25px; } .faq-page .faq-wrapper { padding: 50px 0px 110px; background: #fff; } .faq-page .faq-wrapper .faq-nav-pills-wrapper { border-right: 1px solid #eeeeee; } .faq-page .faq-wrapper .faq-nav-pills-wrapper #v-pills-tab { position: sticky; top: 0; } .faq-page .faq-wrapper .faq-nav-pills-wrapper .nav-pills .nav-link { color: #1b75ba; } .faq-page .faq-wrapper .faq-nav-pills-wrapper .nav-pills .nav-link.active, .faq-page .faq-wrapper .faq-nav-pills-wrapper .nav-pills .show > .nav-link { background-color: #1b75ba; border-radius: 0px; color: #fff; } .faq-page .faq-wrapper .faq-accordion { } .faq-page .faq-wrapper .faq-accordion .card-header { padding: 0; } .faq-page .faq-wrapper .faq-accordion .card-header h5 button { padding: .75rem 1.25rem; background-color: #1b75ba; width: 100%; color: #fff; text-align: left; text-decoration: none; } .faq-page .faq-wrapper .faq-accordion .card-header h5 button.collapsed { color: #343434; background-color: #eeeeee; } .faq-page .faq-wrapper .faq-accordion .card-header h5 button:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f068"; margin-right: 5px; color: #fff; } .faq-page .faq-wrapper .faq-accordion .card-header h5 button.collapsed:before { content: "\f067"; color: #1b75ba; } /****** SEARCH *******/ .search-page {} /* header image */ .search-page #page-header-image { min-height: 225px;} .search-page #page-header-image .container { min-height: 225px; } .search-page #page-header-image .container .row { min-height: 225px; } .search-page #page-header-image .title{ font-size: 25px; } /* serch wrapper */ .search-page .search-content-wrapper { background: #f1f1f1; padding: 60px 0px 0px; } .search-page .search-content-wrapper .container{ max-width: 1116px; padding-bottom: 100px; } .search-page .search-content-wrapper .single-search-wrapper .title { font-weight: bold; color: #102439; font-size: 20px; text-transform: uppercase; margin-bottom: 20px; } .search-page .search-content-wrapper .single-search-wrapper .table tr { } .search-page .search-content-wrapper .single-search-wrapper .table tr td { vertical-align: middle; } .search-page .search-content-wrapper .single-search-wrapper .table tr td img { max-width: 150px;} .search-page .search-content-wrapper .single-search-wrapper .table tr td .name { font-size: 18px; color: #102439; font-weight: 500; margin-bottom: 10px; } .search-page .search-content-wrapper .single-search-wrapper .table tr td .content { font-size: 14px; color: #545b61; line-height: 19px; margin-bottom: 15px; } .search-page .search-content-wrapper .single-search-wrapper .primary-btn { text-align: center; border-radius: 0px; padding: .375rem .75rem; } .search-page .search-content-wrapper .single-search-wrapper .primary-btn:after { border-radius: 0px; background-color: #2276b8; } .search-page .search-content-wrapper .single-search-wrapper .primary-btn:before { border-radius: 0px; } .search-page .search-content-wrapper .single-search-wrapper .primary-btn:hover { color: #2276b8; } /****** API *******/ /* general */ .api-page { font-size: 12px; } .api-page .method-GET { color: rgb(39, 174, 96); } .api-page .method-POST { color: rgb(52, 127, 196); } .api-page .method-MODEL { color: rgb(191, 114, 124); } .api-page .field-type-string { color: #008080; } .api-page .field-type-integer { color: #a52a2a; } .api-page .field-type-boolean { color: #ff69b4; } .api-page .field-type-arrayobject { color: #008000; } .api-page .field-type-arrayinteger { color: #008000; } .api-page .field-type-object { color: #00f; } .api-page .field-type-null { color: #ff7f50; } .api-page .field-type-number { color: #a52a2a; } .api-page .field-type-arraystring { color: #008000; } .api-page .field-type-oneOf { color: DarkGoldenRod; } .api-page .left-section { max-width: 300px; } .api-page .right-section { } .api-page .accordion > .card .card-header { padding: 0; } .api-page .card .card-body { padding: 0px; } .api-page .card .card-body ul { padding: 0px; list-style: none; margin: 0px; } .api-page .card .card-body ul li { padding: 10px; } .api-page .card .card-body ul li:not(:last-child) { border-bottom: 1px solid #ccc; } /* menu */ .api-page .api-categories-menu-wrapper{ position: sticky; top: 0; background: #f7f7f7; padding: 20px 0; } .api-page .api-categories-menu-wrapper .api-search-wrapper {} .api-page .api-categories-menu-wrapper .api-search-wrapper .input-group{ width: calc(100% - 26px); margin: 0 auto; } .api-page .api-categories-menu-wrapper .api-search-wrapper #api-search-input { border-color: #e3e3e3 !important; border-radius: 0; border-right: 0px; } .api-page .api-categories-menu-wrapper .api-search-wrapper #basic-addon2 { background: #fff; border-left: 0; border-radius: 0; border-color: #e3e3e3; padding: 0 5px; } .api-page .api-categories-menu-wrapper .api-search-wrapper #basic-addon2 #dropdownMenuButton { background: transparent; color: #3b99fc; font-size: 1.2em; border: 0; padding: 0; margin: 0; } .api-page .api-categories-menu-wrapper .api-search-wrapper #basic-addon2 #dropdownMenuButton:after{ display: none; } .api-page .api-categories-menu-wrapper .api-search-wrapper #basic-addon2 .dropdown-menu { background: #151c27; border-radius: 0; } .api-page .api-categories-menu-wrapper .api-search-wrapper #basic-addon2 .dropdown-menu span{ color: #c3c5c7; border-left: 5px solid #151c27; background: #151c27; font-size: 12px; display: block; cursor: pointer;} .api-page .api-categories-menu-wrapper .api-search-wrapper #basic-addon2 .dropdown-menu span:hover{ color: #ffffff; border-left: 5px solid #e040fb; background: #151c27; } .api-page .api-categories-menu-wrapper {} .api-page .api-categories-menu-wrapper #api-categories-accordion { overflow-y: scroll; height: calc(100vh - 223px); } .api-page .api-categories-menu-wrapper #api-categories-accordion.scrolled { height: 100vh; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card { border: 0px; margin-bottom: 10px; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-header { border: 0px; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-header .btn.btn-link { padding: 8px 14px; color: #333c4e; display: block; outline: none; font-size: 13px; font-weight: 600; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-header .btn.btn-link:hover { background-color: #f6f6f6 !important; color: #3b99fc; text-decoration: none; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card.active .card-header .btn.btn-link { color: #3b99fc; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-body ul li { border: 0px; border-left: 5px solid #f7f7f7; background: #f7f7f7; padding: 0px; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-body ul li.active { border-color: #3b99fc; background: rgba(0,0,0,0.07); } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-body ul li:hover { border-color: #f39c12; background: rgba(0,0,0,0.07); } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-body ul li a { text-decoration: none; padding: 5px 10px; display: block; } .api-page .api-categories-menu-wrapper #api-categories-accordion .card .card-body ul li .api-name { color: #333c4e; } /* menu - mobile */ .api-categories-mobile-menu-wrapper { padding: 15px; background: #f9fafc; position: sticky; top: 0; z-index: 9; } .api-categories-mobile-menu-wrapper .custom-select-box-wrapper { position: relative; } .api-categories-mobile-menu-wrapper .selected { border: 1px solid #ccc; padding: 5px 10px; background: #fff; position: relative; } .api-categories-mobile-menu-wrapper .selected:before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f0d7"; position: absolute; right: 5px; font-size: 12px; } .api-categories-mobile-menu-wrapper .selected.open:before { content: "\f0d8"; } .api-categories-mobile-menu-wrapper .select-list { position: absolute; top: 31px; left: 0; z-index: 9; background: #fff; width: 100%; height: 370px; overflow-y: scroll; box-shadow: 0 6px 11px 1px rgba(0,0,0,0.2); display: none; } .api-categories-mobile-menu-wrapper .select-option.select-disabled { padding: 5px 10px; font-weight: bold; } .api-categories-mobile-menu-wrapper .select-option.select-enabled { } .api-categories-mobile-menu-wrapper .select-option.select-enabled a { color: #000; display: block; padding: 5px 20px; } .api-categories-mobile-menu-wrapper .select-option.select-enabled a:hover { background: #f2f9fc; text-decoration: none; } .api-categories-mobile-menu-wrapper .select-option.select-enabled a.active { font-weight: bold; text-decoration: underline; } @media screen and (max-width: 767px){ } /* api content */ .api-page .api-categories-content-wrapper {} .api-page .api-categories-content-wrapper .category-name { font-size: 32px; font-weight: bold; padding: 50px 8%; } .api-page .api-categories-content-wrapper .single-api-call-wrapper { width: 100%; padding: 0 0px 50px; border-top: 1px solid #eee; transition: all 0.5s ease-in; background-color: #fff; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-header { background: #f9fafc; padding: 0 8%; border: 1px solid #eee; } .api-page .api-categories-content-wrapper .single-api-call-wrapper#introduction .api-call-header { background: #fff; border: 0px solid #fff; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-header .col-12 { padding-top: 40px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-header .method-type { font-size: 23px; font-weight: 600; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-header .name { font-size: 23px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-header .description { font-size: 14px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-header .tab-title { background: #fff; border-top: 2px solid #3b99fc; display: block; width: 86px; font-size: 12px; text-align: center; padding: 10px 0; position: relative; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-header .tab-title::before { position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff; display: block; content: ""; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body { padding: 0 8%; max-width: calc(1000px + 16%); } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper { padding-top: 40px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-title { padding: 13px 15px 10px 15px; color: #333; font-size: 22px; line-height: 30px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-title span { color: #999; margin-left: 10px; font-size: 0.75em; font-weight: lighter; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-title span:hover { color: #e040fb; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content { border: 1px solid #eee; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper.authentication-wrapper .section-content { border: 0px none; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema {} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema table tr td:nth-child(1) { width: 150px;} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema table tr td:nth-child(2) { } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema table tr td:nth-child(3) { width: 50px;} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema tr.even { background: #f9f9f9; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema tr.odd { background: #ffffff; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema tr:hover { background: #f3f3f3; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .part { min-height: 27px; padding: 5px 15px; position: relative;} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-1 .part.first-part{} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-1 .part.first-part::before { left: 6px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-2 .part.first-part{ padding-left: 25px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-2 .part.first-part::before { left: 16px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-3 .part.first-part{ padding-left: 35px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-3 .part.first-part::before { left: 26px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-4 .part.first-part{ padding-left: 45px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-4 .part.first-part::before { left: 36px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-5 .part.first-part{ padding-left: 55px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-5 .part.first-part::before { left: 46px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-6 .part.first-part{ padding-left: 65px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-6 .part.first-part::before { left: 56px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-7 .part.first-part{ padding-left: 75px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .level-8 .part.first-part::before { left: 66px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .has-children.closed > .first-part::before { font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f0da"; position: absolute;} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .has-children.opened > .first-part::before {font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f0dd"; position: absolute; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .field-name {} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .field-types-wrapper {} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .field-types-wrapper .field-type:not(:last-child):after{ content: " or "; color: #aaa; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .field-validation-wrapper { color: #999; margin-left: 20px; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .field-required-wrapper {} .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .field-required-wrapper .field-required { color: #333c4e; font-weight: 600; } .api-page .api-categories-content-wrapper .single-api-call-wrapper .api-call-body .section-wrapper .section-content .schema .field-required-wrapper .field-optional { color: #999; } /* responses */ .api-page #v-pills-tab { padding: 0; border-right: 1px solid #eee; } .api-page .responses-wrapper .response-color { width: 9px; height: 9px; display: inline-block; border-radius: 50%; } .api-page #v-pills-tabContent { padding: 0; } .api-page #pills-tab { border-bottom: 1px solid #eee; margin-bottom: 0px !important; position: relative; } .api-page .nav-pills .nav-link { background: transparent !important; color: #333c4e !important; opacity: 0.5; } .api-page .nav-pills .nav-link.active, .api-page .nav-pills .show > .nav-link, .api-page .nav-pills .nav-link:hover { opacity: 1; color: #3b99fc !important; } .api-page .expand-all-wrapper { position: absolute; top: 0; right: 0; display: block; height: 35px; padding: 8px 15px; } .api-page .expand-all-wrapper .expand-all-btn {color: #333c4e; opacity: 0.5; cursor: pointer; } .api-page .expand-all-wrapper .expand-all-btn svg { width: 10px; fill: #333c4e; } .api-page .expand-all-wrapper:hover .expand-all-btn {color: #3b99fc; opacity: 1; } .api-page .expand-all-wrapper:hover .expand-all-btn svg { fill: #3b99fc; } .api-page .expand-all-wrapper .expand-all-btn[data-expand="false"]::before { content: ""; margin-right: 3px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 131 -131 512 512' version='1.1' viewBox='131 -131 512 512' xml:space='preserve' fill='%23333c4e' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m381.9 178.1c0 2.8-0.9 5.6-3.7 7.4l-109.9 110.8 48.4 48.4c4.7 4.7 6.5 9.3 6.5 14.9s-1.9 11.2-6.5 14.9c-4.7 4.7-9.3 6.5-14.9 6.5h-148.9c-5.6 0-11.2-1.9-14.9-6.5-4.7-4.7-6.5-9.3-6.5-14.9v-149c0-5.6 1.9-11.2 6.5-14.9 4.7-4.7 9.3-6.5 14.9-6.5s11.2 1.9 14.9 6.5l48.4 48.4 110.8-110.7c1.9-1.9 4.7-3.7 7.4-3.7 2.8 0 5.6 0.9 7.4 3.7l38.2 38.2c0.9 0.9 1.9 3.7 1.9 6.5zm260.6-287.7v148.9c0 5.6-1.9 11.2-6.5 14.9-4.7 4.7-9.3 6.5-14.9 6.5s-11.2-1.9-14.9-6.5l-48.4-48.4-109.8 111.8c-1.9 1.9-4.7 3.7-7.4 3.7s-5.6-0.9-7.4-3.7l-38.2-38.2c-1.9-1.9-3.7-4.7-3.7-7.4s0.9-5.6 3.7-7.4l110.7-110.9-48.4-48.4c-4.7-4.7-6.5-9.3-6.5-14.9s1.9-11.2 6.5-14.9c4.7-4.7 9.3-6.5 14.9-6.5h148.9c5.6 0 11.2 1.9 14.9 6.5 4.7 3.7 6.5 9.3 6.5 14.9z'/%3E%3C/svg%3E"); width: 10px; height: 10px; display: inline-block; } .api-page .expand-all-wrapper:hover .expand-all-btn[data-expand="false"]::before { background-image: url("data:image/svg+xml,%3Csvg enable-background='new 131 -131 512 512' version='1.1' viewBox='131 -131 512 512' xml:space='preserve' fill='%233b99fc' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m381.9 178.1c0 2.8-0.9 5.6-3.7 7.4l-109.9 110.8 48.4 48.4c4.7 4.7 6.5 9.3 6.5 14.9s-1.9 11.2-6.5 14.9c-4.7 4.7-9.3 6.5-14.9 6.5h-148.9c-5.6 0-11.2-1.9-14.9-6.5-4.7-4.7-6.5-9.3-6.5-14.9v-149c0-5.6 1.9-11.2 6.5-14.9 4.7-4.7 9.3-6.5 14.9-6.5s11.2 1.9 14.9 6.5l48.4 48.4 110.8-110.7c1.9-1.9 4.7-3.7 7.4-3.7 2.8 0 5.6 0.9 7.4 3.7l38.2 38.2c0.9 0.9 1.9 3.7 1.9 6.5zm260.6-287.7v148.9c0 5.6-1.9 11.2-6.5 14.9-4.7 4.7-9.3 6.5-14.9 6.5s-11.2-1.9-14.9-6.5l-48.4-48.4-109.8 111.8c-1.9 1.9-4.7 3.7-7.4 3.7s-5.6-0.9-7.4-3.7l-38.2-38.2c-1.9-1.9-3.7-4.7-3.7-7.4s0.9-5.6 3.7-7.4l110.7-110.9-48.4-48.4c-4.7-4.7-6.5-9.3-6.5-14.9s1.9-11.2 6.5-14.9c4.7-4.7 9.3-6.5 14.9-6.5h148.9c5.6 0 11.2 1.9 14.9 6.5 4.7 3.7 6.5 9.3 6.5 14.9z'/%3E%3C/svg%3E"); } .api-page .expand-all-btn[data-expand="true"]::before { content: ""; margin-right: 3px; background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' version='1.1' viewBox='0 0 512 512' xml:space='preserve' fill='%23333c4e' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='st0' d='m479.9 160h-82.5l105.2-105.2c12.5-12.5 12.5-32.9 0-45.4s-32.9-12.5-45.4 0l-105.2 104.9v-82.2c0-17.7-14.3-32-32-32s-32 14.3-32 32v159.9c0 17.7 14.3 32 32 32h159.9c17.7 0 32-14.3 32-32s-14.3-32-32-32z'/%3E%3Cpath class='st0' d='m192.1 288h-159.9c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.2l-104.9 105.1c-12.5 12.4-12.6 32.7-0.2 45.2l0.2 0.2c12.4 12.5 32.7 12.6 45.2 0.2l105.4-105.4v82.5c0 17.7 14.3 32 32 32s32-14.3 32-32v-159.9c-0.1-17.6-14.4-31.9-32-31.9z'/%3E%3C/svg%3E%0A"); width: 10px; height: 10px; display: inline-block; } .api-page .expand-all-wrapper:hover .expand-all-btn[data-expand="true"]::before { background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' version='1.1' viewBox='0 0 512 512' xml:space='preserve' fill='%233b99fc' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='st0' d='m479.9 160h-82.5l105.2-105.2c12.5-12.5 12.5-32.9 0-45.4s-32.9-12.5-45.4 0l-105.2 104.9v-82.2c0-17.7-14.3-32-32-32s-32 14.3-32 32v159.9c0 17.7 14.3 32 32 32h159.9c17.7 0 32-14.3 32-32s-14.3-32-32-32z'/%3E%3Cpath class='st0' d='m192.1 288h-159.9c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.2l-104.9 105.1c-12.5 12.4-12.6 32.7-0.2 45.2l0.2 0.2c12.4 12.5 32.7 12.6 45.2 0.2l105.4-105.4v82.5c0 17.7 14.3 32 32 32s32-14.3 32-32v-159.9c-0.1-17.6-14.4-31.9-32-31.9z'/%3E%3C/svg%3E%0A"); } .api-page .example-pane{ padding: 0 15px; } @media screen and (max-width: 400px){ .api-page .responses-wrapper .expand-all-wrapper { position: initial; } } /* model */ .api-page .api-categories-content-wrapper .single-api-call-wrapper.single-api-call-wrapper-MODEL .api-call-header { background: #fff; border: 0px solid #fff; } .api-page .api-categories-content-wrapper .single-api-call-wrapper.single-api-call-wrapper-MODEL .api-call-header .method-type { display: block; font-size: 13px; color: #999; margin-bottom: 10px; font-weight: 400; } /* pagination */ .api-page .col-12.category-pagination-wrapper { padding: 50px 8%; background: #f9fafc; border-top: 1px solid #e3e3e3; } .api-page .category-pagination-wrapper a { text-decoration: none; } .api-page .category-pagination-wrapper .next-table { margin-left: auto; } .api-page .category-pagination-wrapper td { color: #b951e4; font-weight: 500; font-size: 18px; padding: 5px; } .api-page .category-pagination-wrapper td.status { font-weight: 500; letter-spacing: 0.35em; text-transform: uppercase; font-size: 12px; color: #7e8890; display: block;line-height: 1; } @media screen and (max-width: 575px){ .api-page .category-pagination-wrapper .previous-table { margin-left: auto; margin-right: auto; } .api-page .category-pagination-wrapper .next-table { margin-left: auto; margin-right: auto; } } .api-page #v-pills-tabContent{ width: calc(100% - 68px); }