body { color: #000000; font-family: 'Source Sans Pro', sans-serif; font-size: 17px; padding-top: 0 !important; } h1 { font-size: 45px; font-weight: 600; margin-top: 10px; margin-bottom: 30px; text-transform: uppercase; } h2 { font-weight: 600; text-transform: uppercase; } h4 { font-weight: 700; text-transform: uppercase; } p { color: #000; } main p a { text-decoration: underline; } a { color: #11827e; font-weight: 600; } a:hover, a:focus, a:active { color: #11827e; text-decoration: none; } .underlined { text-decoration: underline; } .underlined:hover { color: #000; } .text-red { font-weight: 700; color: #ed202a; } .text-teal { font-weight: 700; color: #11827e; } .mtop-1 { margin-top: 10px; } .mtop-2 { margin-top: 20px; } .mtop-3 { margin-top: 30px; } .mtop-4 { margin-top: 40px; } .mtop-5 { margin-top: 50px; } .mbot-1 { margin-bottom: 10px; } .mbot-2 { margin-bottom: 20px; } .mbot-3 { margin-bottom: 30px; } .mbot-4 { margin-bottom: 40px; } .mbot-5 { margin-bottom: 50px; } .spacer1 { padding-top: 60px; padding-bottom: 60px; } .spacer2 { padding-top: 80px; padding-bottom: 60px; } .spacer3 { padding-top: 30px; padding-bottom: 10px; } .spacer4 { padding-top: 25px; padding-bottom: 25px; } .spacer4 h1 { margin-bottom: 10px; } .section-40 { padding-top: 40px; padding-bottom: 40px; } .section-60 { padding-top: 60px; padding-bottom: 60px; } .ptop-0 { padding-top: 0; } .pbot-0 { padding-bottom: 0; } .img-responsive { width: 100%; border-radius: 8px; } .bg-red { background-color: #21a097; } .bg-black { background-color: #231f20; } .bg-gray { background-color: #a1aaa4; } .bg-gray-light { background-color: #f3f3f3; } .btn-primary { padding: 13px 30px; color: #fff; margin-top: 20px; font-size: 16px; border: 2px solid #21a097; background-color: #21a097; text-decoration: none !important; text-transform: uppercase; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #231f20 !important; border: 2px solid #21a097; background-color: transparent !important; } .btn-nav { padding: 10px 20px !important; color: #fff; font-size: 16px; border: 2px solid #231f20; background-color: #231f20; text-transform: uppercase; border-radius: 4px; margin-top: -12px; } .btn-nav:hover, .btn-nav:focus, .btn-nav:active { color: #fff !important; border: 2px solid #231f20; } .carousel .btn-primary { padding: 13px 30px; color: #fff; margin-top: 15px; border: 2px solid #231f20; background-color: #231f20; text-transform: uppercase; } .carousel .btn-primary:hover, .carousel .btn-primary:focus, .carousel .btn-primary:active { color: #231f20; border: 2px solid #231f20; background-color: transparent; } .bg-inverse .btn-primary { padding: 13px 30px; color: #000; margin-top: 15px; font-size: 16px; border: 2px solid #fff; background-color: #fff; text-transform: uppercase; } .bg-inverse .btn-primary:hover, .bg-inverse .btn-primary:focus, .bg-inverse .btn-primary:active { color: #fff !important; border: 2px solid #fff; background-color: transparent !important; } .bg-inverse h1, .bg-inverse h2 { color: #fff; } .bg-inverse p { color: #fff; } .bg-inverse ul li { color: #fff; } .navbar { margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; } .navbar .container .navbar-collapse { padding-top: 20px; padding-bottom: 20px; } .navbar-brand img { width: 135px; } .navbar-default { background-color: #21a097; border-color: #21a097; border-radius: 0; } .navbar-default .navbar-nav>li>a { color: #fff; font-weight: 600; font-size: 17px; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-nav>li>a:hover { color: #231f20; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: transparent; border-bottom: solid 2px #000; } .navbar-default .navbar-nav>li>a:hover { border-bottom: solid 2px #000; } .nav>li { padding: 10px 10px; } .navbar-default .navbar-nav>li>a:hover { color: #fff; } .nav>li>a { position: relative; display: block; padding: 0px 0px 10px 0px; } .nav-fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 99999; border-radius: 0; transition: all 0.5s ease 0s; box-shadow: 0px 3px 9px 0px rgba(39, 38, 38, 0.25); } .nav-fixed .container .navbar-collapse { padding-top: 20px; padding-bottom: 20px; } .navbar-brand { padding: 5px; } .nav-fixed .navbar-brand { padding: 5px; } .nav-fixed .navbar-brand img { width: 135px; } .nav-body { margin-top: 112px; } .header-bg { color: #fff; padding-top: 50px; padding-bottom: 50px; } .header-bg h1 { margin-top: 0; margin-bottom: 0; } .carousel-control { text-shadow: 0 1px 5px rgba(0, 0, 0, .6); } .carousel-inner .carousel-caption h1 { color: #231f20; text-transform: initial; font-size: 50px; margin-bottom: 20px; font-weight: 600; /*text-shadow: 1px 2px 12px rgba(33, 33, 33, 0.4);*/ } .item .carousel-caption .caption { padding-top: 30px; } .carousel-inner .carousel-caption p { color: #231f20; font-size: 24px; } .carousel-inner .carousel-caption hr { display: inline-block; width: 150px; height: 1pt; box-shadow: 1px 2px 4px rgba(33, 33, 33, 0.3); } .carousel-caption .btn { /*text-shadow: 1px 2px 4px rgba(33, 33, 33, 0.6); box-shadow: 1px 2px 4px rgba(33, 33, 33, 0.3);*/ } .carousel-caption .btn:hover { text-shadow: none; } .carousel-inner .carousel-caption { text-shadow: none; text-align: left; } .main-banner .carousel-control.left, .main-banner .carousel-control.right { padding-top: 35vh; } .main-banner .slick-slide img { width: auto; } .main-banner .slick-slide { margin: 0px; } .main-banner .slick-dots { bottom: 20px; } .main-banner .slick-dotted.slick-slider { margin-bottom: 0px; } .main-banner .slick-dots li.slick-active button:before { opacity: .80; color: #21a097; } .main-banner .slick-dots li button:before { opacity: .30; color: #21a097; } .main-banner .caption h1 { text-transform: none; font-weight: 600; font-size: 55px; } .main-banner>.container-fluid>.row>.col-lg-12, .main-banner>.container-fluid>.row>.col-md-12, .main-banner>.container-fluid>.row>.col-sm-12, .boxes>.container-fluid>.row>.col-lg-3, .boxes>.container-fluid>.row>.col-md-3, .boxes>.container-fluid>.row>.col-sm-3 { padding-left: 0px !important; padding-right: 0px !important; } .slick-prev:before, .slick-next:before { color: #949494 !important; } .slick-dots li button:before { font-size: 12px !important; } .hp-box a span { display: block; color: #fff; font-size: 28px; text-transform: capitalize; font-weight: 600; margin-top: 10px; margin-bottom: 30px; margin: .67em 0; line-height: 1.1; } .testimonials .stc-slider-header, .our-brands .stc-slider-header { font-weight: 600; margin-top: 10px; margin-bottom: 30px; text-transform: uppercase; } .get-quote-captcha { float: left; margin-right: 30px; margin-bottom: 20px; } .no-padd-top { padding-top: 0 !important; } .no-padd-bot { padding-bottom: 0 !important; } .padd-top { padding-top: 20px; } .no-marg-top { margin-top: 0 !important; } .stc-bg-slide { background-image: none; } .stc-bg-slide { width: 100%; background-image: url('../lfm/phonebox/photos/shares/banners-58/banner-02.jpg'); background-position: left center; background-size: cover; background-repeat: no-repeat; padding: 0; } #slider-row-column-cb-00 { width: 100%; background-image: url('../lfm/phonebox/photos/shares/banners-58/banner-02.jpg'); background-position: left center; background-size: cover; background-repeat: no-repeat; padding: 0; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #95a19d; } .dropdown-menu>.active>a, .dropdown-menu>.active>a { background-color: #95a19d; } @media screen and (max-width: 768px) { .main-banner .caption h1 { font-size: 45px; } } @media screen and (max-width: 425px) { .main-banner .caption h1 { font-size: 36px; } } .main-banner .caption p { font-size: 22px; } .main-banner .slick-prev { z-index: 9999; left: 35px; } .main-banner .slick-next { right: 35px; } @media screen and (max-width:768px) { .main-banner .slick-prev { display: none !important; } .main-banner .slick-next { display: none !important; } } .main-banner .slick-dots li button:before { font-size: 46px; } .caption { padding-top: 50px; padding-bottom: 20px } .MainBanner { margin: 0; padding: 0; } .MainBanner .banner1 .banner-img { text-align: center; } .main-banner>.container-fluid>.row>.col-xs-12 { padding-right: 0px; padding-left: 0px; } .carousel-caption { bottom: 0px; padding-bottom: 0; } @media screen and (max-width: 1060px) { .carousel a.carousel-control { display: none !important; } } .boxes { margin-top: -7px; } .banner1 { width: 100%; background-image: url('../lfm/phonebox/photos/shares/banners-58/banner-02.jpg'); background-position: left center; background-size: cover; background-repeat: no-repeat; padding: 0; } .banner2 { width: 100%; background-image: url('../lfm/phonebox/photos/shares/banners-58/banner-02.jpg'); background-position: left center; background-size: cover; background-repeat: no-repeat; } .banner3 { width: 100%; background-image: url('../lfm/phonebox/photos/shares/banners-58/banner-02.jpg'); background-position: left center; background-size: cover; background-repeat: no-repeat; } .carousel-control { opacity: 0.8; width: 10%; } .carousel-control.left, .carousel-control.right { background-image: none; } .carousel-caption { left: 10%; } /* Carousel Fading effect*/ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner>.item.next, .carousel-fade .carousel-inner>.item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner>.item.prev, .carousel-fade .carousel-inner>.item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner>.item.next.left, .carousel-fade .carousel-inner>.item.prev.right, .carousel-fade .carousel-inner>.item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* For rotating client logos */ .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .box-01 { height: 300px; text-align: center; background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/home-60/box-05.jpg'); background-size: cover; } .box-02 { height: 300px; text-align: center; background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/home-60/box-02.jpg'); background-size: cover; } .box-03 { height: 300px; text-align: center; background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/home-60/box-03.jpg'); background-size: cover; } .box-04 { height: 300px; text-align: center; background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/home-60/box-01.jpg'); background-size: cover; } .box-01, .box-02, .box-03, .box-04 { color: #fff; padding: 0px; } .box-01 h1, .box-02 h1, .box-03 h1, .box-04 h1 { color: #fff; font-size: 28px; text-transform: capitalize; } .box-01 a, .box-02 a, .box-03 a, .box-04 a { display: block; color: #fff; padding-top: 100px; height: 100%; } .box-01 a:hover, .box-01 a:focus, .box-02 a:hover, .box-02 a:focus, .box-03 a:hover, .box-03 a:focus, .box-04 a:hover, box-04 a:focus { color: #03d8d0; text-decoration: none; } .why-phonebox { text-align: center; color: #231f20; padding-top: 80px; padding-bottom: 80px; background-color: #c6d1ca; background: url(../lfm/phonebox/photos/shares/banners-58/why-phonebox-01.jpg) no-repeat fixed; background-size: cover; } .why-phonebox p { text-align: left; } .why-phonebox h2 { color: #000; font-size: 28px; font-weight: 600; text-transform: initial; } .why-phonebox h2 a { color: #000; } .why-phonebox a .fa:hover { color: #a1aaa4; } .why-phonebox .fa { color: #fff; } .icon-box { display: inline-block; height: 110px; width: 110px; border-radius: 100px; text-align: center; padding-top: 30px; background-color: #21a097; } .icon-box2 { display: inline-block; height: 110px; width: 110px; border-radius: 100px; text-align: center; padding-top: 30px; background-color: #21a097; } .icon-box2 img { height: 48px; } .services-wrap { height: 230px; } .blog a { color: #21a097; line-height: 1.3; } .blog a:hover { color: #231f20; } .blog a>img:hover { opacity: 0.7; } .blog a.btn-primary { color: #fff; } .blog a.btn-primary:hover, .blog a.btn-primary:focus, .blog a.btn-primary:active { color: #000; background-color: transparent; } .big-banner-01 { color: #fff; padding-top: 100px; padding-bottom: 120px; background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/banners-58/big-banner-04.jpg'); background-size: cover; } .big-banner-02 { color: #fff; padding-top: 100px; padding-bottom: 120px; background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/banners-58/big-banner-02.jpg'); background-size: cover; } .big-banner-03 { color: #fff; padding-top: 100px; padding-bottom: 120px; background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/banners-58/big-banner-03.jpg'); background-size: cover; } .big-banner-01 p, .big-banner-02 p, .big-banner-03 p { color: #fff; } footer { color: #fff; background-color: #21a097; background-size: cover; } footer a { color: #fff; font-weight: 400; } footer a:hover, footer a:focus, footer a:active { color: #231f20; } footer p { color: #fff; } footer h4 { color: #fff; text-transform: uppercase; } .footer1 { padding-top: 50px; padding-bottom: 40px; } .footer2 { padding-top: 25px; padding-bottom: 25px; background-color: #1d8d85; } input[type="text"], input[type="email"], input[type="number"] { padding: 10px 15px; height: auto; border-radius: 0; } textarea.form-control { padding: 10px 15px; height: auto; border-radius: 0; } .no-padding { padding-left: 0px; padding-right: 0px; } .gmaps { display: block; padding: 0; margin: 0; width: 100%; height: 400px; border: 0; } .gmaps2 { display: block; padding: 0; margin: 0; width: 100%; height: 160px; border: 0; } .blog-tbl { width: 100%; margin-bottom: 15px; } .blog-tbl a { color: #21a097; } .blog-img { float: left; width: 60px; margin-right: 15px; } .blog-img img { border-radius: 8px; } .blog-desc { float: left; } .blog-desc p { font-size: 14px; color: #77777d; } .blog-desc p i { color: #21a097; } .blog-desc h5 { font-size: 16px; font-weight: 400; } .nav-tabs { border-bottom: 0px solid transparent; } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:active { color: #fff; background-color: #21a097; border-radius: 0; } .blog-posts h1 { font-size: 23px; margin-bottom: 15px; } .blog-posts h1>a:hover, .blog-posts h1>a:focus, .blog-posts h1>a:active { color: #000; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #21a097; border-color: #21a097; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #000; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #21a097; border-color: #21a097; } .pagination>li>a, .pagination>li>span { padding: 10px 16px; } .news .news-details { color: #77777d; margin-bottom: 15px; } .news-details .fa { color: #21a097; } .news article p { margin-top: 15px; } .news article .news-details span { margin-right: 10px; } .phone-contracts1 { padding-top: 110px; padding-bottom: 110px; background-image: url('../lfm/phonebox/photos/shares/banners-58/phone-contracts-01.jpg'); background-size: cover; } .phone-contracts1 h1 { font-size: 42px; } .phone-contracts1 ul li { font-size: 20px; margin-bottom: 5px; } .about-us1 { padding-top: 110px; padding-bottom: 110px; background-image: url('../lfm/phonebox/photos/shares/banners-58/about-us-01.jpg'); background-size: cover; } .panel-heading { padding: 0; } .panel-group .panel-title a { display: block; color: #fff; padding: 20px 30px !important; background-color: #21a097; } /* .panel-group .panel-title a:focus, .panel-group .panel-title a:active */ .panel-group .panel-title a:hover { text-decoration: none; background-color: #a1aaa4; } /* Accordion indicators */ .panel-heading .accordion-toggle:after { font-family: 'fontawesome'; content: "\f068"; float: right; color: #fff; } .panel-heading .accordion-toggle.collapsed:after { content: "\f067"; } .testimonials { color: #231f20; padding-top: 80px; padding-bottom: 80px; background-color: #c6d1ca; background: url('../lfm/phonebox/photos/shares/banners-58/testimonials-02.jpg') no-repeat fixed; background-size: cover; } /* Testimonials Section */ #quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px; } #quote-carousel .carousel-control { background: none; color: #231f20; font-size: 2.0em; text-shadow: none; margin-top: 80px; } #quote-carousel .carousel-control.left { left: -60px; } #quote-carousel .carousel-control.right { right: -60px; } #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } #quote-carousel .carousel-indicators li { width: 15px; height: 15px; margin: 5px; cursor: pointer; border: 4px solid #272324; border-radius: 50px; opacity: 0.4; overflow: hidden; transition: all 0.4s; } #quote-carousel .carousel-indicators .active { background: transparent; width: 15px; height: 15px; border-radius: 100px; border-color: #21a097; opacity: 1; overflow: hidden; } .carousel-inner { min-height: 270px; } .item blockquote { border-left: none; margin: 0; font-size: 16px; color: #000; } /*.item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 15px; color: #21a097; font-size: 20px; } */ .item blockquote p { color: #231f20; font-size: 18px; margin-bottom: 15px; } .item blockquote .fa { color: #21a097; margin-bottom: 15px; } .item blockquote h4 { color: #21a097; margin-top: 20px; font-size: 16px; font-weight: 700; text-transform: uppercase; } .item blockquote h5 { color: #231f20; text-transform: capitalize; } .testimonials .quotesBox i.fa { color: #21a097; margin-bottom: 15px; } .testimonials .quotesBox p { color: #231f20; font-size: 20px; margin-bottom: 15px; } .testimonials .quotesBox h4 { color: #01827e; margin-top: 20px; font-size: 20px; font-weight: 700; text-transform: uppercase; } .news-date { margin-right: 10px; color: #77777d; } .news-user { color: #77777d; } .news-post { padding-bottom: 20px; margin-bottom: 40px; } .news-post .fa { color: #21a097; } .news-post .fa:hover { color: #231f20; } .news-post h1 { font-size: 30px; } .news-page h4 { font-weight: 700; } .news-page h5 { font-size: 16px; font-weight: 700; margin-top: 5px; } .news-post img { margin-bottom: 20px; } .footer-logo { width: 260px; margin-bottom: 10px; } tr th { padding: 20px 25px !important; } tr td { padding: 12px 25px !important; vertical-align: top; } tr:nth-child(odd) { background-color: #ccebea; } tr:nth-child(even) { background-color: #fff; } tr:nth-child(1) { color: #fff; font-size: 16px; background-color: #21a097; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: transparent; } .dropdown-menu { font-size: 16px; } .dropdown-menu>li>a { padding: 10px 20px; } .dropdown-menu>li>a:hover { color: #fff; background-color: #95a19d; } ul { margin-left: -20px; } .hr-line { border: 0px; width: 100%; height: 10px; background-color: #21a097; } .contact div .btn-primary { margin-top: 10px; } .spacer4.contact { padding-top: 60px; padding-bottom: 60px; } .blog-tbl { width: 100%; margin-bottom: 15px; } .blog-tbl a { font-weight: 600; } .date i.fa { color: #b7ce02; } .blog-img { float: left; width: 20%; margin-right: 15px; } .blog-desc { float: left; width: 72%; } .blog-desc .fa { color: #3aa167; } .blog p, .blog-single p { font-size: 16px; } .blog p i { color: #b7ce02; } .blog .short-description, .blog-single .short-description { font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .blog .title a, .blog-single .title { color: #21a097; margin-bottom: 5px; font-size: 36px; font-weight: 600; line-height: 1.3 } .blog .title .date, .blog-single .title .date { font-size: 16px; } .blog .banner, .blog-single .banner { margin-bottom: 20px; } .page-link { z-index: 1; color: #fff; background-color: #a748a4; border-color: #a748a4; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #000; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #a748a4; border-color: #a748a4; } .pagination>li>a, .pagination>li>span { padding: 10px 20px; } .nav-tabs.nav-stacked { margin-left: 0; } .nav-tabs { border-bottom: 0 solid transparent; } .stc-blogs .nav-tabs>li>a, .stc-blog .nav-tabs>li>a { color: #000; font-weight: 400; padding: 10px 15px; border-radius: 5px; border: 2px solid #21a097; margin-bottom: 8px; } .stc-blogs .nav-tabs>li>a:hover, .stc-blogs .nav-tabs>li>a:focus, .stc-blogs .nav-tabs>li>a:active, .stc-blogs .nav-tabs>li>a.active, .stc-blog .nav-tabs>li>a:hover, .stc-blog .nav-tabs>li>a:focus, .stc-blog .nav-tabs>li>a:active, .stc-blog .nav-tabs>li>a.active { color: #fff; background-color: #21a097; border: 2px solid #21a097; } .other-posts, .archives, .categories { margin-bottom: 40px; } .stc-blogs h4, .stc-blog h4 { font-weight: 700; } .stc-blog .content .container { width: 100%; } .content section>.container { padding-right: 0px; padding-left: 0px; } .stc-blog { padding-top: 0px; padding-bottom: 60px; } .buttons { margin-bottom: 40px; } .stc-blog-page { padding-bottom: 30px; } @media screen and (min-width: 768px) { .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown:hover .dropdown-menu { display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } } @media screen and (max-width: 1230px) { .big-banner-01, .big-banner-03 { background-position: 30%; } .big-banner-02 { background-position: 70%; } } @media screen and (max-width: 992px) { .blog-desc { width: 70%; } .big-banner-01, .big-banner-02, .big-banner-03 { background-color: #21a097; background-image: url('../lfm/phonebox/photos/shares/banners-58/banner-mobile-bg.jpg'); } .navbar-default .navbar-nav>li>a { font-size: 14px; } .main-banner .caption h1 { font-size: 43px; } } @media screen and (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; } .other-posts { margin-top: 40px; } .navbar-default .navbar-nav>li>a { font-size: 17px; } .caption { padding-top: 20px; padding-bottom: 40px; } } @media screen and (max-width: 768px) { .navbar-brand img { width: 135px; } .navbar-header { padding-bottom: 30px; } .nav-fixed .navbar-header { padding-bottom: 10px; } .navbar-brand { padding-top: 0px; } .nav-fixed .navbar-brand { padding: 0px 15px; } .nav-fixed .navbar-brand img { width: 100px; } .carousel-caption { padding-bottom: 100px; } } @media screen and (max-width: 500px) { .blog .title a, .blog-single .title { font-size: 24px; line-height: 1.2; } } @media screen and (max-width: 427px) { h1 { font-size: 30px; } .phone-contracts h1, .phone-contracts1 h1 { font-size: 30px; } .phone-contracts ul li, .phone-contracts1 ul li { font-size: 16px; } .phone-contracts, .phone-contracts1 { padding-top: 40px; padding-bottom: 40px; } .spacer1 { padding-top: 40px; padding-bottom: 40px; } .navbar .container .navbar-collapse { padding-top: 5px; padding-bottom: 5px; } .carousel-inner .carousel-caption h1 { font-size: 30px; } .carousel-caption { padding-bottom: 20px; } .banner1, .banner2, .banner3 { height: 450px; } .carousel-caption { bottom: 35px; } .services-wrap { height: auto; margin-bottom: 30px; } .stc-blog-page { padding-bottom: 0px; } } @media screen and (max-width: 425px) { .footer1 { padding-top: 40px; padding-bottom: 20px; } .footer2 .col-lg-8 { text-align: center; } .footer2 .col-lg-4 .text-right { text-align: center !important; } .why-phonebox { padding-top: 40px; padding-bottom: 40px; } .main-banner .caption h1 { font-size: 36px; } .main-banner .caption p { font-size: 20px; } } @media screen and (max-width: 320px) { .main-banner .caption h1 { font-size: 32px; } }