@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
::-moz-selection { color: #ffffff; background: #0c565d; }

::selection { color: #ffffff; background: #0c565d; }

.pt-6 { padding-top: 6rem !important; }

body { background: #ffffff; font-family: 'Lato', sans-serif; }

.top-bg { background: #4ec2c2; height: 50px; line-height: 50px; }

.shocial-right { margin-top: 3px; }
.shocial-right ul { float: right; margin: 0px; padding: 0px; }
.shocial-right ul li { list-style: none; float: left; }
.shocial-right ul li a { background: #0c565d; color: white; border-radius: 3px; margin: 0 5px; width: 30px; height: 30px; display: block; text-align: center; line-height: 30px; }
.shocial-right ul li .hvr-bounce-to-bottom:hover, .shocial-right ul li .hvr-bounce-to-bottom:focus, .shocial-right ul li .hvr-bounce-to-bottom:active { color: #0c565d; }
.shocial-right ul li .hvr-bounce-to-bottom:before { border-radius: 3px; background: #ffffff; }

.logo-bg { background: #ffffff; }
.logo-bg ul { margin: 10px 0px 0px 0px; padding: 0px; }
.logo-bg li { list-style: none; float: left; margin-right: 50px; color: #0c565d; font-weight: 500; font-size: 15px; }
.logo-bg li :last-child { margin-right: 0px; }
.logo-bg li a { color: #0c565d; }
.logo-bg li a:hover { text-decoration: none; color: #ef7f1a; }
.logo-bg li .fa { color: #ef7f1a; margin-right: 5px; }
@media (min-width: 768px) and (max-width: 991px) { .logo-bg li { margin: 10px 0px; } }

.button { background: #4ec2c2 !important; color: #ffffff; font-weight: bold; border: none !important; border-radius: 0px !important; float: right; }
.button:hover { color: #ffffff; }

.button2 { background: #2c3e50; color: #ffffff; font-weight: bold; border: none; border-radius: 0px; }
.button2:hover { color: #ffffff; }

.button3 { background: #4ec2c2; color: #ffffff; border: none; border-radius: 0px; margin-right: 35px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; text-transform: uppercase; }
.button3:hover { color: #ffffff; }
@media (max-width: 767px) { .button3 { margin-right: 15px; } }

.menu { background: #4ec2c2; }
.menu:before { border-color: white transparent; border-style: solid; border-width: 25px 25px 0 0; content: ""; overflow: visible; position: absolute; width: 25%; }
@media (max-width: 767px) { .menu:before { content: inherit; } }
@media (max-width: 767px) { .menu .navbar-toggler { width: 100%; display: block; border: none; margin: 0px !important; } }
.menu .navbar-toggler .mensp { float: left; color: #ffffff; font-weight: 900; font-size: 18px; }
@media (max-width: 767px) { .menu .navbar-toggler .fa-bars { float: right; color: #ffffff; } }
.menu .navbar-toggler:focus { border: none; outline: 0px; }
.menu .navbar-expand-md .navbar-nav .nav-link { color: #ffffff; font-size: 16px; font-weight: bold; padding-right: .75rem; padding-left: .75rem; }
.menu .navbar-expand-md .navbar-nav .nav-link:hover { color: #4ec2c2; }
.menu .hvr-sweep-to-right:before { background: #ffffff; }
.menu .dropdown-menu { border: none; border-radius: 0px; margin-top: 8px; padding: 0px; }
.menu .dropdown-menu .dropdown-item { padding: .40rem .75rem; border-bottom: #f1f1f1 solid 1px; font-size: 16px; }
.menu .dropdown-menu .dropdown-item:hover { color: #ffffff; }
.menu .dropdown-menu .hvr-sweep-to-right:before { background: #4ec2c2; border-radius: 0px; }
.menu .active { background: #ffffff !important; color: #4ec2c2 !important; }

.bg { background: url(../images/slider-bg.jpg); height: 500px; z-index: -1000; }
@media (max-width: 767px) { .bg { height: auto; } }
.bg .carousel-caption { position: initial; color: #000; }
.bg .carousel-caption h2 { position: relative; color: #2c3e50; font-size: 18px; font-weight: 700; line-height: 1.5em; display: inline-block; text-transform: uppercase; }
.bg .carousel-caption h2 span { position: relative; top: -19px; color: #4ec2c2; font-size: 80px; font-weight: 700; float: left; line-height: 1.2em; margin-right: 20px; text-transform: uppercase; }
@media (max-width: 767px) { .bg .carousel-caption h2 span { top: inherit; position: inherit; margin-right: 0px; font-size: inherit; } }
@media (max-width: 767px) { .bg .carousel-caption h2 { font-size: 34px; line-height: 44px; position: inherit; display: block; } }
.bg .carousel-caption p { position: relative; font-size: 18px; font-weight: 400; color: #808080; line-height: 1.6em; }
@media (max-width: 767px) { .bg .carousel-caption .pt-6 { padding-top: 2rem !important; } }
.bg .carousel-control-prev { left: 2%; width: 45px; height: 45px; background: #000; opacity: inherit; border-radius: 100%; top: 50%; font-size: 26px; }
.bg .carousel-control-next { width: 45px; height: 45px; background: #000; opacity: inherit; border-radius: 100%; top: 50%; right: 2%; font-size: 26px; }
.bg .hvr-radial-out:before { background: #4ec2c2; }

.slider-bootem { background: #ffffff; }
.slider-bootem .service-main { background: #ffffff; box-shadow: #d7d7d7 0px 0px 20px 0px; border-bottom: #4ec2c2 solid 2px; margin: -100px 30px 0px 30px; position: relative; }
@media (max-width: 767px) { .slider-bootem .service-main { margin: 60px 0px 30px; box-shadow: none; position: inherit; border-bottom: 0px; } }
.slider-bootem .service-main .left-box { background: #ffffff; padding: 3rem 0rem 0rem 3rem; }
.slider-bootem .service-main .left-box .service-box { margin-bottom: 4rem; }
.slider-bootem .service-main .left-box .service-box :nth-of-type(4) { margin-bottom: 0px; }
.slider-bootem .service-main .left-box .service-box :nth-of-type(5) { margin-bottom: 0px; }
.slider-bootem .service-main .left-box .service-box :nth-of-type(6) { margin-bottom: 0px; }
.slider-bootem .service-main .left-box .service-box i { display: inline-block; vertical-align: middle; width: 44px; height: 44px; margin-right: 15px; text-align: center; line-height: 44px; font-size: 36px; color: #4ec2c2; }
.slider-bootem .service-main .left-box .service-box a { display: block; margin-bottom: 11px; font-weight: 900; line-height: 24px; font-size: 21px; color: #2c3e50; text-decoration: none; }
.slider-bootem .service-main .left-box .service-box a :hover { color: #4ec2c2; }
.slider-bootem .service-main .left-box .service-box p { line-height: 24px; font-size: 14px; }
@media (max-width: 767px) { .slider-bootem .service-main .left-box .service-box { margin-bottom: 2rem; border-bottom: #ececec solid 1px; padding-bottom: 2rem; } }
@media (max-width: 767px) { .slider-bootem .service-main .left-box { padding: 1rem; } }
.slider-bootem .service-main .right-box { text-align: center; background: #4ec2c2; padding: 3rem 1rem 2rem; min-height: 680px; }
.slider-bootem .service-main .right-box h3 { font-weight: 600; color: #ffffff; }
@media (max-width: 767px) { .slider-bootem .service-main .right-box { padding: 3rem 1rem 6rem; } }

.title { padding-bottom: 60px; }
@media (max-width: 767px) { .title { padding-bottom: 30px; } }
.title h1 { vertical-align: top; margin-bottom: 0; line-height: 44px; font-size: 55px; color: #2c3e50; text-transform: uppercase; font-weight: 900; }
.title p { border-left: 8px solid #4ec2c2; vertical-align: top; margin: 0; padding: 10px 0 10px 20px; line-height: 24px; font-size: 22px; color: #666; }
@media (max-width: 767px) { .title p { border: none; padding-left: 0px; } }

.third-section { padding-top: 7rem; padding-bottom: 7rem; }
.third-section .section-title h2 { font-family: 'Roboto', sans-serif; color: #2c3e50; font-size: 45px; font-weight: 800; line-height: 54px; margin-bottom: 10px; text-transform: uppercase; }
.third-section .section-title h2 span { color: #4ec2c2; }
.third-section p { font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 2; }
.third-section .about { vertical-align: middle; display: table-cell; }
.third-section .about h2 { font-size: 30px; font-weight: 500; margin-bottom: 30px; text-transform: capitalize; font-family: 'Roboto', sans-serif; color: #2c3e50; }
@media (max-width: 767px) { .third-section { padding-top: 3rem; padding-bottom: 3rem; } }

.about-right { height: 100%; width: 100%; display: table; }

.fourth-section { background: #f9f7f7; padding-top: 7rem; padding-bottom: 7rem; }
.fourth-section .section-title h2 { font-family: 'Roboto', sans-serif; color: #2c3e50; font-size: 45px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; }
.fourth-section .section-title h2 span { color: #4ec2c2; }
.fourth-section p { font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 2; }
.fourth-section .plan { background-color: #fff; font-family: 'Roboto', sans-serif; position: relative; color: #2c3e50; border-right: 1px solid #f0f0f0 !important; border-bottom: 1px solid #f0f0f0 !important; width: 100%; -webkit-box-shadow: 0px 0px 19px -14px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 19px -14px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 19px -14px rgba(0, 0, 0, 0.75); margin-top: 30px; }
.fourth-section .plan .heading { padding: 20px; background: #4ec2c2; position: relative; text-align: center; }
.fourth-section .plan .heading h3 { font-size: 22px; color: #fff; font-weight: 700; font-family: 'Roboto', sans-serif; }
.fourth-section .plan .heading p { color: #fff; font-family: 'Roboto', sans-serif; margin: 0px; }
.fourth-section .plan .heading .price { font-size: 26px; width: 100%; padding: 0px 0 50px 0; text-align: center; font-weight: 500; color: #fff; font-family: poppins; font-family: 'Roboto', sans-serif; }
.fourth-section .plan .heading .price .dollar { top: -10px; letter-spacing: -1px; left: 3px; }
.fourth-section .plan .heading .price .amount { font-size: 50px; font-weight: 700; }
.fourth-section .plan .heading .price .slash { left: -2px; }
.fourth-section .plan .heading .price .month { left: -7px; text-transform: capitalize; }
.fourth-section .plan .heading .price-icon { position: absolute; background: #4ec2c2; border: 1px solid #fff; transform: rotate(45deg); width: 60px; height: 60px; padding: 17px 20px; color: #fff; font-size: 20px; text-align: center; bottom: -30px; left: 0; right: 0; margin: 0 auto; }
.fourth-section .plan .heading .price-icon i { transform: rotate(-45deg); }
.fourth-section .plan ul { padding: 18px; margin-bottom: 0px; padding-bottom: 0; padding-top: 60px; }
.fourth-section .plan ul li { font-weight: 500; list-style: none; font-size: 14px; text-align: center; margin-bottom: 20px; color: #9aa4c6; }
.fourth-section .plan ul li span { color: #031b4e; display: inline-block; margin-left: 7px; font-weight: 600; font-size: 14px; }
.fourth-section .plan .sign-up { width: 100%; padding: 12px 0; background-color: #f5f5f5; border: 0 solid #0061da; border-radius: 0px; background: #4ec2c2; text-decoration: none; text-transform: uppercase; font-weight: 400; color: #fff; display: block; font-size: 14px; clear: left; letter-spacing: 0px; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.fourth-section .plan .sign-up :hover { background-color: #2c3e50; }
.fourth-section .plan .yellow { background: #f7c14d !important; }
.fourth-section .plan .red { background: #f6644b !important; }

.example { margin: 4rem auto; }

.example > .row { margin-top: 2rem; height: 5rem; vertical-align: middle; text-align: center; border: 1px solid rgba(189, 193, 200, 0.5); }

.example > .row:first-of-type { border: none; height: auto; text-align: left; }

.example h3 { font-weight: 400; }

.example h3 > small { font-weight: 200; font-size: 0.75em; color: #939aa5; }

.example h6 { font-weight: 700; font-size: 0.65rem; letter-spacing: 3.32px; text-transform: uppercase; color: #bdc1c8; margin: 0; line-height: 5rem; }

.example .btn-toggle { top: 50%; transform: translateY(-50%); }

.btn-toggle { margin: 0 4rem; padding: 0; position: relative; border: none; height: 1.5rem; width: 3rem; border-radius: 1.5rem; color: #6b7381; background: #bdc1c8; }

.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active { outline: none; }

.btn-toggle:before, .btn-toggle:after { line-height: 1.5rem; width: 4rem; text-align: center; font-weight: 700; font-size: 1rem; position: absolute; bottom: 0; transition: opacity 0.25s; }

.btn-toggle:before { content: 'Monthly'; left: -4rem; }

.btn-toggle:after { content: 'Yearly'; right: -4rem; }

.btn-toggle > .handle { position: absolute; top: 0.1875rem; left: 0.1875rem; width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; background: #fff; transition: left 0.25s; }

.btn-toggle.active { transition: background-color 0.25s; }

.btn-toggle.active > .handle { left: 1.6875rem; transition: left 0.25s; }

.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after { line-height: -0.5rem; color: #fff; letter-spacing: 0.75px; left: 0.4125rem; width: 2.325rem; }

.btn-toggle.btn-sm:before { text-align: right; }

.btn-toggle.btn-sm:after { text-align: left; opacity: 0; }

.btn-toggle.btn-sm.active:before { opacity: 0; }

.btn-toggle.btn-sm.active:after { opacity: 1; }

.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after { display: none; }

.btn-toggle:before, .btn-toggle:after { color: #2c3e50; }

.btn-toggle.active { background: #4ec2c2; }

.btn-toggle.btn-lg { margin: 30px 5rem 0px; padding: 0; position: relative; border: none; height: 2.5rem; width: 6rem; border-radius: 2.5rem; box-shadow: none; background: #4ec2c2; }

.btn-toggle.btn-lg:focus, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus.active { outline: none; }

.btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after { line-height: 2.5rem; width: 6rem; text-align: center; font-weight: 700; font-size: 1rem; position: absolute; bottom: 0; transition: opacity 0.25s; }

.btn-toggle.btn-lg:before { content: 'Monthly'; left: -6rem; color: #4ec2c2; }

.btn-toggle.btn-lg:after { content: 'Yearly'; right: -6rem; color: #2c3e50; }

.btn-toggle.btn-lg > .handle { position: absolute; top: 0.3125rem; left: 0.3125rem; width: 2.5rem; height: 1.875rem; border-radius: 1.875rem; background: #fff; transition: left 0.25s; }

.btn-toggle.btn-lg.active { transition: background-color 0.25s; }

.btn-toggle.btn-lg.active > .handle { left: 3rem; transition: left 0.25s; }

.btn-toggle.btn-lg.active:before { color: #2c3e50; }

.btn-toggle.btn-lg.active:after { color: #4ec2c2; }

.btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after { line-height: 0.5rem; color: #fff; letter-spacing: 0.75px; left: 0.6875rem; width: 3.875rem; }

.btn-toggle.btn-lg.btn-sm:before { text-align: right; }

.btn-toggle.btn-lg.btn-sm:after { text-align: left; opacity: 0; }

.btn-toggle.btn-lg.btn-xs:before, .btn-toggle.btn-lg.btn-xs:after { display: none; }

.btn-toggle.btn-sm { margin: 0 0.5rem; padding: 0; position: relative; border: none; height: 1.5rem; width: 3rem; border-radius: 1.5rem; }

.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active { outline: none; }

.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after { line-height: 1.5rem; width: 0.5rem; text-align: center; font-weight: 600; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity 0.25s; }

.btn-toggle.btn-sm:before { content: 'Off'; left: -0.5rem; }

.btn-toggle.btn-sm:after { content: 'On'; right: -0.5rem; opacity: 0.5; }

.btn-toggle.btn-sm > .handle { position: absolute; top: 0.1875rem; left: 0.1875rem; width: 1.125rem; height: 1.125rem; border-radius: 1.125rem; background: #fff; transition: left 0.25s; }

.btn-toggle.btn-sm.active { transition: background-color 0.25s; }

.btn-toggle.btn-sm.active > .handle { left: 1.6875rem; transition: left 0.25s; }

.btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after { line-height: -0.5rem; color: #fff; letter-spacing: 0.75px; left: 0.4125rem; width: 2.325rem; }

.btn-toggle.btn-sm.btn-sm:before { text-align: right; }

.btn-toggle.btn-sm.btn-sm:after { text-align: left; }

.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after { display: none; }

.btn-toggle.btn-xs { margin: 0 0; padding: 0; position: relative; border: none; height: 1rem; width: 2rem; border-radius: 1rem; }

.btn-toggle.btn-xs:focus, .btn-toggle.btn-xs.focus, .btn-toggle.btn-xs:focus.active, .btn-toggle.btn-xs.focus.active { outline: none; }

.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after { line-height: 1rem; width: 0; text-align: center; font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity 0.25s; }

.btn-toggle.btn-xs:before { content: 'Monthly'; left: 0; }

.btn-toggle.btn-xs:after { content: 'Yearly'; right: 0; }

.btn-toggle.btn-xs > .handle { position: absolute; top: 0.125rem; left: 0.125rem; width: 0.75rem; height: 0.75rem; border-radius: 0.75rem; background: #ffffff; transition: left 0.25s; }

.btn-toggle.btn-xs.active { transition: background-color 0.25s; }

.btn-toggle.btn-xs.active > .handle { left: 1.125rem; transition: left 0.25s; }

.btn-toggle.btn-xs.btn-sm:before, .btn-toggle.btn-xs.btn-sm:after { line-height: -1rem; color: #ffffff; letter-spacing: 0.75px; left: 0.275rem; width: 1.55rem; }

.btn-toggle.btn-xs.btn-sm:before { text-align: right; }

.btn-toggle.btn-xs.btn-sm:after { text-align: left; }

.btn-toggle.btn-xs.btn-xs:before, .btn-toggle.btn-xs.btn-xs:after { display: none; }

.btn-toggle.btn-secondary { color: #6b7381; background: #bdc1c8; }

.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381; }

.btn-toggle.btn-secondary.active { background-color: #ff8300; }

.contact-home { background-image: url(../images/contact-bg.jpg); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 0px; }
.contact-home .opacity { background-color: #4ec2c2; height: 100%; opacity: 0.8; width: 100%; padding: 120px 0; }
@media (max-width: 767px) { .contact-home .text-center { margin-bottom: 50px; } }

.fifth-section { background: #f9f7f7; padding-top: 7rem; padding-bottom: 7rem; }
.fifth-section .section-title h2 { font-family: 'Roboto', sans-serif; color: #2c3e50; font-size: 45px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; }
.fifth-section .section-title h2 span { color: #4ec2c2; }
.fifth-section p { font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 2; }
.fifth-section .carousel .carousel-item { height: 230px; }
.fifth-section .carousel .carousel-item .carousel-caption { background: #ffffff; border: 1px solid #f1f1f1; padding: 30px; border-radius: 5px; color: #2c3e50; right: 0%; left: 0%; font-family: 'Roboto', sans-serif; height: 230px; top: 50px; overflow: hidden; }
.fifth-section .carousel .carousel-item .carousel-caption span { color: #4ec2c2; }
@media (max-width: 767px) { .fifth-section .carousel .carousel-item .carousel-caption { height: 490px; } }
@media (max-width: 767px) { .fifth-section .carousel .carousel-item { height: 380px; } }
.fifth-section .carousel .carousel-indicators { bottom: -50px; margin-bottom: 0rem; }
.fifth-section .carousel .carousel-indicators li { overflow: hidden; width: 55px; height: 55px; border-radius: 50%; background: #4ec2c2; margin-right: 10px; margin-left: 10px; }
.fifth-section .carousel .carousel-indicators li img { left: 5%; position: absolute; width: 55px; height: 55px; }

.new_contact_details_main_sec { border: solid 1px #ebebeb; padding: 20px; text-align: center; min-height: 177px; margin-bottom: 15px; margin-top: 20px; }
.new_contact_details_main_sec .new_contact_details_main_sec_left i { margin-right: 10px; margin-bottom: 15px; font-size: 24px; color: #4ec2c2; }

.conter-section i { font-size: 60px; color: #ffffff; margin-bottom: 15px; }
.conter-section h3 { font-size: 30px; color: #ffffff; font-weight: 600; }
.conter-section p { font-size: 22px; color: #ffffff; }

.our-work { background: #ffffff; padding-top: 7rem; padding-bottom: 7rem; }
.our-work .section-title h2 { font-family: 'Roboto', sans-serif; color: #2c3e50; font-size: 45px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; }
.our-work .section-title h2 span { color: #4ec2c2; }
.our-work .section-title p { font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 2; }
.our-work .img-wrapper { position: relative; }
.our-work .img-wrapper::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(78, 194, 194, 0.8); display: none; transition: .3s; }
.our-work .work-content { position: absolute; top: 50%; text-align: center; left: 0; right: 0; display: none; transition: 0.3s; }
.our-work .work-content h3 { color: #ffffff; font-size: 25px; }
.our-work .work-content p { color: #ffffff; font-size: 16px; }
.our-work .img-wrapper:hover::before { animation: 2s fadeIn; display: block; }
.our-work .our-work .img-wrapper:hover .work-content { display: block !important; }
.our-work .img-wrapper:hover .work-content { display: block !important; transform: scale(1); z-index: 1; }
.our-work .owl-nav { display: none; }
.our-work .owl-dots { margin-top: 15px; }
.our-work .owl-theme .owl-dots .owl-dot span { width: 25px; height: 15px; margin: 5px 7px; background: #ffffff; border-radius: 10px; border: 2px solid #ddd; }
.our-work .owl-theme .owl-dots .owl-dot.active span, .our-work .owl-theme .owl-dots .owl-dot:hover span { background: #4ec2c2; }
.our-work .owl-dots button:nth-child(3) { display: none; }

.blog { background: #f9f7f7; padding-top: 7rem; padding-bottom: 7rem; }
.blog .section-title h2 { font-family: 'Roboto', sans-serif; color: #2c3e50; font-size: 45px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; }
.blog .section-title h2 span { color: #4ec2c2; }
.blog .section-title p { font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 2; }
.blog .blog-box { background: #ffffff; border: solid 1px #e1dddd; border-radius: 2px; }
@media only screen and (max-width: 767px) { .blog .blog-box { margin-bottom: 25px; } }
.blog .blog-content { padding: 25px 15px; }
.blog .blog-content a { color: #9e9e9e; margin-right: 20px; font-size: 14px; font-family: 'Roboto', sans-serif; transition: 1s; }
.blog .blog-content i { color: #34495E; margin-right: 4px; transition: 1s; }
.blog .blog-content a:hover { text-decoration: none; color: #34495E; }
.blog .blog-content h4 { font-size: 22px; padding: 25px 0 10px 0; margin-bottom: 0; color: #353537; font-family: 'Roboto', sans-serif; }
.blog .blog-content p { font-size: 14px; line-height: 32px; color: #6d6d6d; font-family: 'Roboto', sans-serif; }
.blog .blog-content .read-more { color: #34495E; text-transform: uppercase; font-weight: 700; font-size: 13px; font-family: 'Roboto', sans-serif; }
.blog .blog-content .read-more:hover i { margin-left: 3px; }

.footer { background: linear-gradient(rgba(78, 194, 194, 0.9), rgba(78, 194, 194, 0.9)) 0% 0%/cover, url(../images/footerbg.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; padding: 80px 0 0 0; }
.footer h4 { font-size: 20px; font-weight: 500; color: #ffffff; text-transform: uppercase; font-family: 'Roboto', sans-serif; position: relative; display: inline-block; margin-bottom: 45px; }
@media (max-width: 767px) { .footer h4 { margin-bottom: 20px; } }
.footer h4::after { content: ""; width: 50%; height: 3px; background: #ffffff; position: absolute; bottom: -8px; left: 0px; }
.footer p { font-size: 15px; color: #ffffff; font-family: 'Roboto', sans-serif; line-height: 32px; }
.footer .social-media i { font-size: 16px; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #ffffff; border: solid 1px #ffffff; border-radius: 2px; margin-right: 10px; transition: 1s; }
.footer .social-media i:hover { background: #ffffff; color: #4ec2c2; }
@media (max-width: 767px) { .footer .social-media { margin-bottom: 30px; } }
.footer .footer-services { padding: 0px; }
.footer .footer-services li { list-style: none; width: 50%; float: left; padding: 0 0 20px 0; }
.footer .footer-services li a { color: #ffffff; font-size: 15px; transition: 1s; font-family: 'Roboto', sans-serif; }
.footer .footer-services li a:hover { text-decoration: none; color: #000; }
.footer .footer-services li a:hover i { margin-right: 10px; }
.footer .footer-services li i { font-size: 13px; transition: 1s; margin-right: 5px; }
.footer .copy-right { padding: 35px 0; text-align: center; border-top: solid 1px #ffffff; margin-top: 85px; }
.footer .copy-right p { margin-bottom: 0px; text-transform: uppercase; font-size: 15px; font-weight: 500; font-family: 'Roboto', sans-serif; color: #fff; }

.form-control { background: none; color: #ffffff; padding: 1.5rem .75rem; border-radius: 4px; border-color: #ffffff; }
.form-control::placeholder { color: #ffffff; }
.form-control:focus { color: #ffffff; border-color: #ffffff; background: none; box-shadow: none; }

select option { color: black; }

.btn-outline-primary { border: #ffffff solid 2px; color: #ffffff; font-size: 16px; font-weight: 700; padding: 8px 30px; }
.btn-outline-primary:hover { border: #ffffff solid 2px; background: #ffffff; color: #4ec2c2; }

.btn-lg { background: none; border: solid 1px #000; border-radius: 4px; border: solid 1px #fff; padding: 12px 40px; font-size: 15px; transition: 1s; }
.btn-lg:hover { background: #fff; }

.page-title.section-padding { padding: 50px 0; }

.page-title { background-attachment: fixed; background-image: url("../images/funfactbg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -10000 !important; }
.page-title .breadcrumb { background-color: transparent; display: block; margin: 0; }
.page-title .breadcrumb li { display: inline-block; }
.page-title .breadcrumb li a, .page-title .breadcrumb li .page-title .breadcrumb-item.active { color: #ffffff; font-size: 15px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.page-title .breadcrumb-item.active { color: #222; }
.page-title .breadcrumb-item + .breadcrumb-item::before { color: #ffffff; font-size: 15px; }

.page-title-wrap h2 { color: #ffffff; font-size: 55px; font-weight: 900; text-transform: uppercase; }

.page-title-wrap nav { margin-top: 20px; }

.blog-page-content .single-blog-wrap { margin-bottom: 30px; }

.seo-pagination ul.pagination a { border-color: #4ec2c2; color: #4ec2c2; font-size: 17px; font-weight: 500; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.seo-pagination ul.pagination li.active a { border-color: #4ec2c2; }

.seo-pagination ul.pagination li.active a, .seo-pagination ul.pagination a:focus, .seo-pagination ul.pagination a:hover { background-color: #4ec2c2; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; }

.overlay { position: relative; z-index: 1; }

.overlay::after { background-color: #4ec2c2; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%; z-index: -1; }

.rightenq { background: #4ec2c2; margin-bottom: 40px; padding: 30px 20px; }
.rightenq h3 { color: #2c3e50; font-weight: 500; text-transform: capitalize; font-family: 'Roboto', sans-serif; }
.rightenq h3.sidebar-title { border-bottom: 2px solid #4ec2c2; padding-bottom: 15px; }

.inner-section { padding-top: 7rem; padding-bottom: 7rem; }
.inner-section p { font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 2; margin-bottom: 5px; }
.inner-section ul { margin-left: 15px; padding: 0; }
.inner-section ul li { font-size: 15px; font-weight: 300; font-family: 'Roboto', sans-serif; line-height: 2; margin-bottom: 5px; }
.inner-section .about { vertical-align: middle; display: table-cell; }
.inner-section .about h2 { font-size: 30px; font-weight: 500; text-transform: capitalize; font-family: 'Roboto', sans-serif; color: #2c3e50; }
.inner-section .blog-box { margin-bottom: 30px; background: #ffffff; border: solid 1px #e1dddd; border-radius: 2px; }
@media only screen and (max-width: 767px) { .inner-section .blog-box { margin-bottom: 25px; } }
.inner-section .blog-content { padding: 25px 15px; }
.inner-section .blog-content a { color: #9e9e9e; margin-right: 20px; font-size: 14px; font-family: 'Roboto', sans-serif; transition: 1s; }
.inner-section .blog-content i { color: #34495E; margin-right: 4px; transition: 1s; }
.inner-section .blog-content a:hover { text-decoration: none; color: #34495E; }
.inner-section .blog-content h4 { font-size: 22px; padding: 25px 0 10px 0; margin-bottom: 0; color: #353537; font-family: 'Roboto', sans-serif; }
.inner-section .blog-content p { font-size: 14px; line-height: 32px; color: #6d6d6d; font-family: 'Roboto', sans-serif; }
.inner-section .blog-content .read-more { color: #34495E; text-transform: uppercase; font-weight: 700; font-size: 13px; font-family: 'Roboto', sans-serif; }
.inner-section .blog-content .read-more:hover i { margin-left: 3px; }
@media (max-width: 767px) { .inner-section { padding-top: 3rem; padding-bottom: 3rem; } }
.inner-section .tabing .nav-link { color: #67c7c8; font-weight: bold; font-size: 18px; }
.inner-section .tabing .nav-item .active { background: #4ec2c2; color: #ffffff; }
.inner-section .tabing h2 { font-size: 30px; font-weight: 500; text-transform: capitalize; font-family: 'Roboto', sans-serif; color: #2c3e50; text-align: center; margin-bottom: 50px; }
.inner-section .tabing .tab-pane { margin-top: 50px; }
.inner-section .static_box { position: relative; background-color: #dce0e9; width: 100%; margin-bottom: 30px; }
.inner-section .static_box .static_image img { width: 100%; height: auto; object-fit: cover; }
.inner-section .static_box:hover .static { opacity: 0.7; }
.inner-section .static_box .static_image img { width: 100%; height: auto; object-fit: cover; }
.inner-section .static_image { display: block; width: 100%; height: auto; }
.inner-section .static_txt { position: absolute; border-radius: 10px; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000; }
.inner-section .static_box:hover .static_txt { opacity: 0.6; }
.inner-section .static_heading { position: absolute; bottom: 0px; left: 0px; background-color: blanchedalmond; padding: 5px 10px; z-index: 9; }
.inner-section .static_heading h3 { color: #000; font-size: 18px; }
.inner-section .text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.inner-section .text .fa-expand-arrows-alt { font-size: 36px; color: #fff; opacity: 1; }
.navbar-brand {position:relative!important; top:5px!important;}

/*# sourceMappingURL=style.css.map */