/*
Theme Name: Sky Blue LLC
Text Domain: skybluellc
Version: 2.2
Tested up to: 6.2
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


@import 'https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap';
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

*, *:before, *:after { box-sizing: border-box; }
body, html { -moz-osx-font-smoothing:grayscale; }

body { color:#828282; margin: 0; font-family: 'Spartan', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; }

.alt_font { font-family: 'Montserrat', sans-serif; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: #000; margin-top: 0; margin-bottom: 30px; font-weight: 600; line-height: 1.2; font-family: 'Spartan', sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; text-decoration:none; font-weight:inherit; }
h1, .h1 { font-size: 44px; }
h2, .h2 { font-size: 38px; }
h3, .h3 { font-size: 32px; }
h4, .h4 { font-size: 26px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 18px; }
@media (max-width:767px) {
  h1, .h1 { font-size: 35px; }
  h2, .h2 { font-size: 30px; }
  h3, .h3 { font-size: 25px; }
  h4, .h4 { font-size: 20px; }
  h5, .h5 { font-size: 16px; }
  h6, .h6 { font-size: 16px; }
}

p { margin-top: 0; margin-bottom: 30px; }
hr { margin: 30px 0; color: inherit; border: 0; border-top: 1px solid; opacity: 0.25; }
.hr-small { margin: 10px 0; }

a { text-decoration:none; }
a:focus, a:hover { text-decoration:none; outline:0; outline-offset:0; color:#0038e3; }
a, a.nav-link, a:active, a:focus { color:#828282; }

.btn, a, a.nav-link, input, select, textarea { transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; }

img { max-width:100%; height:auto; }
img, svg { vertical-align: middle; }

video { background-size:cover; display:table-cell; vertical-align:middle; width:100%; }
small, .small { font-size: 11px; }
mark, .mark { padding: 0.1875em; background-color: #fefeb8; }
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }  
sub { bottom: -0.25em; }  
sup { top: -0.5em; }  

.tc { text-align: center; }

b, strong { font-weight:700 }
.alt-font strong { font-weight:700 }

.btn, input[type="submit"] { font-size: 14px; height: auto; text-transform: uppercase; width: auto !important; background: #0096ff; color: #fff; border-radius: 3px; display: inline-block; border: 0; font-style: normal; font-weight: 700; line-height: normal; cursor: pointer; text-align: center; padding: 15px 40px; }
.btn:hover, .btn:focus, input[type="submit"]:hover, input[type="submit"]:focus { color: #fff; background-color: #0088e7; }

dl, ol, ul { list-style-position:outside; margin-bottom:30px; }
ul { margin:0; padding:0 }
ol, ul { padding-left: 20px; }
dt { font-weight: 700; }  
dd { margin-bottom: 20px; margin-left: 0; }  
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 10px; }

.blockquote { margin-bottom: 20px; font-size: 18px; }
.blockquote > :last-child { margin-bottom: 0; }  
.blockquote-footer { margin-top: -10px; margin-bottom: 10px; font-size: 14px; color: #6c757d; }
.blockquote-footer::before { content: "— "; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
input, select, textarea { border:1px solid #dfdfdf; padding:10px 15px; width:100%; margin:0 0 20px 0; max-width:100%; resize:none; outline:0; color:#828282; line-height:initial; word-break:initial; }
input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0; }
input[type=submit] { width:auto; }
input[type=button], input[type=email], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], textarea { -webkit-appearance:none; }
input:focus, textarea:focus { border:1px solid #b9b9b9; outline:0; }
input[type=submit]:focus { outline:0; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0; }
input::-ms-clear { display:none }
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:active, select:-webkit-autofill:focus, select:-webkit-autofill:hover { transition:background-color 5000s; transition:all 0s 50000s; -webkit-animation-name:autofill; -webkit-animation-fill-mode:both; }
select::-ms-expand { display:none; }
select { word-wrap: normal; }

.p0 { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.m0 { margin: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.d-flex { display: flex; flex-wrap: wrap; align-items: center; }
.f1 { flex: 1; }
.dfl { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.fwr { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.fitem, .flex-1, .f1 { flex:1 !important; -webkit-flex:1 !important; -ms-flex:1 !important; }
.fauto { flex:auto !important; -webkit-flex:auto !important; -ms-flex:auto !important; }
.alc { -ms-flex-align: center !important; -webkit-align-items: center !important; -webkit-box-align: center !important; -o-align-items: center !important; align-items: center !important; }
.als { -ms-flex-align: start !important; -webkit-align-items: start !important; -webkit-box-align: start !important; -o-align-items: start !important; align-items: start !important; }
.ale { -ms-flex-align: end !important; -webkit-align-items: end !important; -webkit-box-align: end !important; -o-align-items: end !important; align-items: end !important; }
.alst { align-items: stretch !important; -webkit-align-items: stretch !important; -ms-align-items: stretch !important; -o-align-items: stretch !important; }
.jcc { justify-content: center !important; -webkit-justify-content: center !important; -ms-justify-content: center !important; }
.jcs { justify-content: flex-start !important; -webkit-justify-content: flex-start !important; -ms-justify-content: flex-start !important; }
.jce { justify-content: flex-end !important; -webkit-justify-content: flex-end !important; -ms-justify-content: flex-end !important; }
.jcb { justify-content: space-between !important; -webkit-justify-content: space-between !important; -ms-justify-content: space-between !important; }
.fdc { flex-direction: column !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; }
.fdr { flex-direction: row !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; }
.fwn { flex-wrap: nowrap !important; -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; }
.fww { flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; }

.container { max-width: 1400px; margin: 0 auto; }

.header { background-color: #18327f; padding: 10px 10px 6px; }
.logo { max-width: 239px; padding: 10px 0; }
.menuToggle { display: none; }
@media (min-width:1025px) {
	.menu_outr { flex: 1; }
	ul#menu-main-menu { margin:0; text-align:right; }
	ul#menu-main-menu .arw { display:none; }
	ul#menu-main-menu  a .fa-home { font-size:18px; }
	ul#menu-main-menu > li { display:inline-block; position:relative; margin:0 0 0 50px; vertical-align: middle; }
	ul#menu-main-menu > li>a { color:#fff; font-size:14px; font-weight: 600; text-transform: uppercase; text-align: left; text-decoration:none; display:inline-block; padding:0; position:relative; line-height: 61px; }
	ul#menu-main-menu li:hover>a, ul#menu-main-menu li.current-menu-item>a:hover { color:#0096ff; }
	ul#menu-main-menu li:hover>a:after { width:100%; opacity:1; }
	ul#menu-main-menu li.current-menu-item>a,
	ul#menu-main-menu li.current-menu-ancestor>a { color:#0096ff; }
	ul#menu-main-menu li ul { list-style:none; background-color:#18327f; width:280px; box-shadow:0 0 5px rgba(0,0,0,0.4); display:none; position:absolute; top:100%; left:0; z-index:99; text-align:left; margin:0; padding:20px; }
	ul#menu-main-menu li:hover > ul { display:block; }
	ul#menu-main-menu li ul li { position:relative; line-height: normal; }
	ul#menu-main-menu li ul li ul { left:100%; top:-5px; display:none; }
	ul#menu-main-menu li ul li:hover ul { display:block; }
	ul#menu-main-menu li li { border-bottom:1px solid #143cb5; }
	ul#menu-main-menu li li:last-child { border-bottom:0; }
	ul#menu-main-menu li li>a { color:#fff; font-weight:600; font-size:13px; text-decoration:none; text-transform: uppercase; display:block; padding:15px 0; }
	ul#menu-main-menu li li>a:hover, ul#menu-main-menu li li.current-menu-item a { color:#0096ff !important; }
	ul#menu-main-menu li.menu-item-has-children .fe { display: none; }
}

.circle_bg { background-color: #dfdfe6; background-image: url(../images/circle.png); background-position: 120% -130%; background-repeat: no-repeat; background-size: 42% auto; background-attachment: fixed; opacity: .97; transition: background .3s,border-radius .3s,opacity .3s;
    height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.banner_img { background-image: url(../images/landing_banner_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 80px 0; position: relative; }

.banner_text { position: relative; }
.banner_img .f1:first-of-type { max-width: 45%; }
.banner_img .f1:last-of-type { max-width: 55%; }
.banner_img .container { position: relative; }
.banner_text { padding: 0 162px 0 40px; }
.banner_text h4 { color: #18327f; font-size: 15px; font-weight: 600; margin: 0 0 15px; line-height: 1.8; }
.banner_text h1 { color: #000; font-size: 74px; font-weight: 600; line-height: 1.2em; letter-spacing: -1px; margin-bottom: 15px; }
.banner_text p { color: #000; font-size: 23px; font-weight: 500; line-height: 1.5em; margin-bottom: 0; }
.bnr_img { margin-bottom: -40px; padding: 10px; position: relative; z-index: 1; }
.newsletter_form .large { height: 60px; width: 100% !important; background: #fff; border: 2px solid #c4c4c4; box-sizing: border-box !important; border-radius: 8px; font-weight: 600; font-size: 15px; line-height: 22px; padding: 21px 19px 15px !important; }
.newsletter_form .large::placeholder { opacity: 1; }
.newsletter_form .large:focus { border-color: #333; }
.newsletter_form button[type="submit"] { font-size: 14px; height: 54px; text-transform: capitalize; width: 246px !important; background: #8c0c70; color: #fff; border-radius: 3px; display: inline-block; border: 0; font-style: normal; font-weight: 700; line-height: 55px; filter: drop-shadow(0px 15px 28px rgba(140,12,112,0.16)); cursor: pointer;
padding: 0; }

.brands_logo { background-color: #000; padding: 70px 0 50px; position: relative; }
.brands_logo .title { color: #fff; font-size: 20px; font-weight: 600; text-align: center; }
.brands_logo_sl { position: static !important; }
.brands_logo_sl .swiper-slide { text-align: center; }
.brands_logo_sl img { max-width: 100%; width: auto; height: 70px; object-fit: contain; }
.brands_logo_sl .swiper-button-next, .brands_logo_sl .swiper-button-prev { color: #fff !important; margin: 15px 0 0; }
.brands_logo_sl .swiper-button-prev:after, .brands_logo_sl.swiper-rtl .swiper-button-next:after,
.brands_logo_sl .swiper-button-next:after, .brands_logo_sl.swiper-rtl .swiper-button-prev:after { font-size: 18px !important; font-weight: 700; }

.img_text_section { padding: 130px 0 100px; }
.img_text_section .f1:first-of-type { max-width: 45%; }
.img_text_section .img { padding: 10px; }
.img_text_section .title { color: #000; font-size: 44px; font-weight: 600; line-height: 1.4em; letter-spacing: -1px; }
.img_text_section .text { padding: 0 200px 0 60px; }
.cnt_sec { text-align: center; padding: 50px 0 30px; max-width: 600px; margin: 0 auto; }
.cnt_sec .sml_title { color: #000; font-size: 17px; font-weight: 600; line-height: 1.4em; letter-spacing: -1px; }

.icon_text_items { max-width: 80%; margin: 0 auto; align-items: baseline; }  
.icon_text_items .item { flex: 0 0 33.33%; text-align: center; padding: 0 30px; }
.icon_text_items .item h3 { margin-bottom: 20px; margin-top: 0.5rem; color: #000; font-size: 20px; font-weight: 700; line-height: 1.4em; }
.icon_text_items .item img { max-width: 75px; }
.icon_text_items .item p { font-size: 14px; font-weight: 400; line-height: 1.6em; }

.our_prtf { background-image: url("../images/landing_window_gazer.jpg"); background-position: top right; background-repeat: no-repeat; background-size: cover; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
    margin-top: 0; margin-bottom: 0; padding: 200px 0; z-index: 2; position: relative; }
.circle_bg_left { background-attachment: fixed; background-color: #242438a3; background-image: url(../images/circle.png); background-position: -30% -120%; background-repeat: no-repeat; background-size: 45% auto; opacity: .97; transition: background .3s,border-radius .3s,opacity .3s;
    height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.our_prtf .container { position: relative; }
.text_prt { max-width: 560px; margin: 0 auto; position: relative; text-align: center; padding-bottom: 60px; }
.text_prt .ttl { color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; }
.text_prt .lrg_ttl { color: #fff; font-size: 40px; font-weight: 600; line-height: 1.4em; letter-spacing: -1px; margin: 0; }
.prfl_Sec { margin-bottom: 10px !important; }
.prfl_Sec { background-color: #000; padding: 30px 60px; max-width: 970px; margin: 0 auto; position: relative; }
.prfl_Sec h3 { text-align: center; color: #fff; font-size: 22px; font-weight: 600; line-height: 1.4em; letter-spacing: -1px; }
.prfl_Sec .items { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 30px 0 40px; }
.prfl_Sec .items li { padding: 0 20px; flex: 1; text-align: center; }
.prfl_Sec .items h3:before { content: ""; background-color: #b7b7b7; width: 20px; height: 3px; display: block; margin: 0 auto 10px; }
.prfl_Sec .items h3 { color: #fff; font-size: 26px; font-weight: 800; text-transform: capitalize; margin-bottom: 4px; }
.prfl_Sec .items p { color: #979797; font-size: 14px; font-weight: 500; margin: 0; }
.prfl_Sec .note { color: #787878; font-size: 12px; font-weight: 400; line-height: 1.7em; text-align: center; }
.prfl_2 .items { padding-bottom: 20px; }
.prfl_3 { padding: 40px 60px; }
.prfl_3 .tc { padding-top: 10px; padding-bottom: 10px; }

.testi_sec { padding: 150px 100px 100px; }
.testimonial_sl {position: static !important; }
.testimonial_sl:before { content: ""; background-image: url(../images/quote_mark.png); background-repeat: no-repeat; background-position: top center; background-size: 140px auto; opacity: .34; height: 155px;
    width: 187px; top: -80px; left: 0; right: 0; position: absolute; margin: 0 auto; }
.test_in { position: relative; max-width: 830px; margin: 40px auto; }
.testimonial_sl .swiper-button-next, .testimonial_sl.swiper-rtl .swiper-button-prev { right: -60px; }
.testimonial_sl .swiper-button-prev, .testimonial_sl.swiper-rtl .swiper-button-next { left: -60px; }
.testimonial_sl .swiper-button-next, .testimonial_sl .swiper-button-prev {  color: #cecece; }
.testimonial_sl .swiper-button-next:after, .testimonial_sl .swiper-button-prev:after { font-size: 25px; }
.testimonial_sl .swiper-button-next:after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.testimonial_sl .swiper-button-prev:after { content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.testimonial_sl .swiper-pagination { bottom: -50px !important; }
.testimonial_sl .swiper-pagination-bullet { background: #000 !important; opacity: 0.2 !important; width: 8px !important; height: 8px !important; margin: 0 6px !important; }
.testimonial_sl .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 !important; }
.testimonial_sl .item { text-align: center; font-size: 20px; }
.testimonial_sl .item a { display: block; position: relative; }
.testimonial_sl .item a:before { content: "\f04b"; color: #fdfdfd; font-family: "Font Awesome 5 Free"; font-weight: 900; display: block; font-size: 35px; line-height: 35px; height: 35px; width: 35px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.sml_cntr { max-width: 830px; margin: 100px auto 0; text-align: center; color: #787878; font-size: 14px; font-weight: 400; line-height: 1.7em; }

.faqs { background-color: #f8f8f9; padding: 100px 0; }
.faqs .container { max-width: 980px; }
.faqs .d-flex { align-items: baseline; }
.faqs .f1:first-of-type { padding-right: 45px; }
.faqs .f1:last-of-type { padding-left: 45px; }
.faqs .sec_ttl { text-align: center; margin-bottom: 70px; }
.faqs .sec_ttl:after { content: ""; background-color: #000; height: 2px; width: 243px; display: block; margin: 0 auto; }
.faqs .sec_ttl .ttl { font-size: 24px; font-weight: 600; }
.accordian-content .item { border-bottom: 1px solid #d5d8dc; }
.accordian-content .accordion { color: #000; font-size: 16px; font-weight: 500; line-height: 1.7em; text-transform: none; position: relative; cursor: pointer; padding: 15px 40px 15px 15px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; }
.accordian-content .accordion.active { color: #0096ff; }
.accordian-content .accordion:after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 10px; top: 15px; font-size: 15px; }
.accordian-content .accordion.active:after { content: "\f062"; font-family: "Font Awesome 5 Free"; color: #0096ff; font-weight: 900; position: absolute; right: 10px; top: 15px; font-size: 15px; }
.accordian-content .accordion-panel { padding: 0; display: none; overflow: hidden; } 
.accordian-content .accordion-panel p { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.7em; padding: 15px; }

.img_text_section2 { padding: 80px 0; }
.img_text_section2 .icon_text_items { margin-top: 50px; }

.footer { background-color: #18327f; padding: 70px 0 40px; }
.footer .d-flex { align-items: baseline; }
.footer .f1:first-of-type { flex: 0 0 40% !important; }
.footer .f_logo { margin-bottom: 30px; display: inline-block; }
.social { list-style: none; margin: 0; padding: 0; display: flex; }
.social li { margin-right: 10px; }
.social a { color: #000; font-size: 21px; background-color: #fff; border-radius: 100px; width: 45px; height: 45px; display: block; text-align: center; line-height: 45px; }
.social a:hover { opacity: 0.8; }
.cnt_info h4 { color: #fff; font-size: 16px; font-weight: 600; font-family: 'Montserrat', sans-serif; }
.cnt_info, .cnt_info a { color: #fff; font-size: 14px; }
.cnt_info p { margin: 0 0 5px; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.cnt_info i { margin-right: 5px; }
.bbb { text-align: right; }
.bbim { max-width: 225px; margin-top: 10px; }
.notice { color: #bdbdbd; font-size: 14px; margin: 50px 0 30px; }
.copy_right { color: #fff; border-top: 1px solid #173aa1; padding-top: 30px; font-size: 14px; font-weight: 500; }
.copy_right .d-flex { justify-content: space-between; align-items: center; }
.copy_right .f1:first-of-type { flex: 1; }
.copy_right a { color: #fff; }
.copy_right .f1:last-of-type { text-align: right; }

#toTop { cursor: pointer; display: none; padding: 3px; position: fixed; bottom: 20px; right: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 10; }
#toTop a { padding: 0; background-color: #fff; color: #14242b; font-size: 15px; line-height: 41px; width: 40px; height: 40px; display: block; text-decoration: none; border-radius: 100% !important; -webkit-border-radius: 100% !important; justify-content: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); }

.page-template-about .page_hdr_section h1 { text-align: left; }

.post-meta-edit-link-wrapper { display: none; }
#site-content { min-height: 400px; }

.page_hdr_section { color: #fff; height: 600px; object-fit: cover; position: relative; text-align: center; margin-bottom: 100px; }
.page_hdr_section:before { content: ""; background: #151515; opacity: 0.5; width: 100%; height: 100%; position: absolute; left: 0; }
.page_hdr_section h1 { margin: 0; color: #fff; font-size: 54px; position: relative; text-transform: uppercase; }
.page_hdr_section > .container { position: absolute; width: 100%; max-width: 1400px; left: 50%; top: 50%; transform: translate(-50%,-30%); }

.portfolio { background-color: #f7f7f7; }
.portfolio .page_hdr_section { height: 300px; }
.prt_item { min-height: 340px; position: relative; display: inline-block; width: 100%; }
.flip-card-inner { position: absolute; width: 100%; height: 100%; -webkit-transition: transform 0.3s; transition: transform 0.3s; transform-style: preserve-3d; }
.flip-card-front { background-color: #fff; }
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.flip-card-back { padding: 30px; color: #fff; background-color: #0096ff; color: #fff; transform: rotateY(180deg); }
.flip-card-back h3 { color: #fff; }
.flip-card-front figure { height: 60%; background-size: cover !important; margin: 0; }
.prtflo { margin-top: -30px; }
.prtflo .item:hover .flip-card-inner { transform: rotateY(180deg); }
.prtflo .d-flex { margin: 0 -15px; }
.prtflo .item { flex: 0 0 33.33%; max-width: 33.33%; position: relative; padding: 0 15px; margin-top: 30px; }
.flip-card-front-content { height: 40%; padding: 30px; }
.flip-card-front-content h3, .flip-card-back h3 { font-size: 20px; text-transform: uppercase; margin: 0 0 10px; }
.flip-card-front-content p { margin: 0; }
.mr_text { text-transform: uppercase; }

.abt_cnt { padding-bottom: 100px; }
.abt_cnt p:last-of-type { margin-bottom: 0; }
.mbs { margin-bottom: 100px; }
.mts { margin-top: 100px; }
.pbs { padding-bottom: 100px; }
.pts { padding-top: 100px; }

.cntp_info i { margin-right: 10px; }

.cnt_form { background-color: #efefef; padding: 40px; }
.wpcf7-form p { margin-bottom: 0; }
.wpcf7-form br { display: none; } 
.wpcf7-form h5 { font-size: 16px; font-weight: 400; }
.wpcf7-form ul { list-style: none; padding: 0; margin: 0; }
.wpcf7-form label { color: #222; font-weight: 600; display: block; margin-bottom: 5px; }
.wpcf7-form .req { color: #d00202; }
.wpcf7-form .wpcf7-textarea { height: 100px; }
.captcha-image { border: 0; text-align: left; }
.cnt_dtl { padding-right: 20px; }

.error404 .page_hdr_section { height: 87px; }
.error404-content .entry-title { font-size: 50px; font-weight: 900; }
.error404-content { color: #151515; margin: 0 auto; }
.error404-content .search-form { display: flex; flex-wrap: wrap; }
.error404-content .search-form label { margin: 0; flex: 1; margin-right: 20px; }
.error404-content .search-form .search-field { border-radius: 5px; padding: 15px 20px; }
.error404-content .intro-text { font-size: 20px; font-weight: 600; }
.error404-content .search-form { margin-bottom: 60px; }

#video-background { display: block; margin: 0 auto; width: 100%; max-width: 100%; }
.video_outr .overlay-text { position:absolute; top:50%; left:30px; z-index:10; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.video_outr h2 { color:#fff; font-size:40px; font-weight:bold; line-height:48px; letter-spacing:-0.5px; margin:0; text-shadow:1px 1px 2px rgba(0,0,0,0.5); }

.abt_items { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: 40px -20px; justify-content: center; }
.abt_items li { max-width: 33.33%; flex: 0 0 33.33%; padding: 0 20px; margin-bottom: 30px; color: #000; }
.abt_items li .abt_in { background-color: #efefef; padding: 40px; border-left: 5px solid #113dbf; }
.abt_items li:nth-child(even) .abt_in { background-color: #fbfbfb; border-left: 5px solid #18327f; }
.abt_items h4 { font-size: 18px; margin: 0 0 15px; }

@media (max-width: 1400px) {
    .container { padding-left: 15px; padding-right: 15px; }
    .banner_img .container { padding-left: 0; padding-right: 0; }
    .banner_img { padding: 80px 30px 30px 60px; }
    .banner_text h1 { font-size: 50px; }
    .banner_text p { font-size: 16px; }
    .banner_text p br { display: none; }
    .banner_text { padding: 0 80px 0 0; }

    .circle_bg { background-attachment: scroll; }
    .brands_logo_sl.swiper { margin: 0 50px; }

    .img_text_section .text { padding: 0 0 0 60px; }
    .img_text_section .title { font-size: 36px; }

    .circle_bg_left { background-position: 0% -180px; background-size: 50% auto; }
}

@media (max-width: 1024px) {
	.header .container { position: relative; }
	.menuToggle { cursor: pointer; font-size: 16px; display: flex; align-items: center; color: #fff; }
	.menuToggle .lbl { text-transform: uppercase; font-size: 16px; font-weight: 600; margin-left: 8px; }
	.menuToggle .bar_icon { display: block; position: relative; top: -2px; }
	.menuToggle .close_icon { display: none; }
	.menuToggle.active .close_icon { display: block; position: relative; top: -2px; }
	.menuToggle.active .bar_icon { display: none; }
	.nav-menu { padding: 0; }
	.menu-main-menu-container { display: none; position: absolute; top: 100%; right: 0; width: 100%; background-color: #333; box-shadow: 0 0 10px rgba(0,0,0,0.21); padding: 30px; z-index: 999; margin: 0; }
	ul#menu-main-menu ul { overflow-y: auto; max-height: 270px; }
	ul#menu-main-menu > li { display: block; width: 100%; text-align: left; margin: 0; border-bottom: 1px solid #404040; }
	ul#menu-main-menu > li:last-of-type { border-bottom: 0; }
	ul#menu-main-menu li > a { display: block; font-size: 14px; font-weight: 600; border: none; margin: 0; padding: 20px 50px 15px 10px; background-color: transparent; color: #fff !important; text-transform: uppercase; line-height: normal; }
	ul#menu-main-menu li:hover > a,
	ul#menu-main-menu li.current-menu-item > a,
	ul#menu-main-menu li.current_page_item > a { color: #0096ff !important; }
	ul#menu-main-menu li.current_page_item > i, 
	ul#menu-main-menu li.current_page_ancestor > i,
	ul#menu-main-menu li.current-menu-item > i, 
	ul#menu-main-menu li.current-menu-ancestor > i { color: #0096ff; } 
	ul#menu-main-menu li.current_page_item > a, ul#menu-main-menu li.current_page_ancestor > a, 
	ul#menu-main-menu li.current-menu-item > a, ul#menu-main-menu li.current-menu-ancestor > a { color: #0096ff !important;  }	
	ul#menu-main-menu li i { width: 43px; height: 43px; display: block; position: absolute; top: 8px; right: 0; font-size: 20px; font-weight: normal; color: #fff; cursor: pointer; z-index: 999; text-align: center; line-height: 43px; background-color: #00000021; }
    ul#menu-main-menu li .feather-plus:before { content: "+"; font-style: normal; font-weight: bold; color: #fff; }
	ul#menu-main-menu li .feather-minus:before { content: "-"; font-style: normal; font-weight: bold; color: #fff; }
	ul#menu-main-menu li.menu-item-has-children { padding-right: 0; position: relative; }
	ul#menu-main-menu li.menu-item-has-children:after { display:none; }
	ul#menu-main-menu ul li ul.sub-menu li a { padding: 8px 8px 8px 25px; font-size: 14px; }	
	ul#menu-main-menu .current-menu-item i { color: #fff; }
	ul#menu-main-menu li:hover ul.sub-menu { display: none; }
	ul#menu-main-menu li ul.sub-menu { display: none; background-color:transparent !important; position:static; left:0; top:100%; padding:0; border:0 none; min-width: auto; box-shadow:none; -webkit-box-shadow:none; background-image: none; border-radius: 0; }
	ul#menu-main-menu .sub-menu li:not(:last-of-type) { border-bottom: 1px solid #172a33; }
	ul#menu-main-menu .sub-menu li:hover > a { background-color: transparent; }
	ul#menu-main-menu .sub-menu li > a { padding-right: 10px; padding-left: 20px; }

    .banner_img { padding: 80px 40px 60px; }
    .banner_text h4 { font-size: 12px; line-height: 1.5em; }
    .banner_text h1 { font-size: 41px; }
    .banner_text p { font-size: 13px; }
    .banner_text { padding: 0 30px 0 0; }
    .bnr_img { margin-bottom: -80px; }

    .circle_bg { background-position: 120% -100px; background-size: 50% auto; }
    .img_text_section .title { font-size: 34px; }

    .img_text_section { padding: 80px 0; }
    .icon_text_items { flex-direction: column; max-width: 100%; }
    .icon_text_items .item { max-width: 100%; flex: auto; width: 100%; padding: 0; }
    .icon_text_items .item img { max-width: 105px; }

    .prfl_Sec { width: 90%; }
    .prfl_Sec .items h3 { font-size: 22px; }
    .prfl_Sec .items p { font-size: 12px; }
    .text_prt .lrg_ttl { font-size: 34px; }

    .faqs .d-flex { flex-direction: column; }
    .faqs .f1:first-of-type { padding-right: 0; width: 100%; }
    .faqs .f1:last-of-type { padding-left: 0; width: 100%; }
    .faqs .container { max-width: 800px; }
    .accordian-content .accordion-panel p { font-size: 14px; }

    .page_hdr_section { height: 400px; margin-bottom: 80px; }
    .mbs { margin-bottom: 80px; }
    .mts { margin-top: 80px; }
    .pbs { padding-bottom: 80px; }
    .pts { padding-top: 80px; }

    .prtflo .item { flex: 0 0 50%; max-width: 50%; }

    .abt_items li { max-width: 50%; flex: 0 0 50%; }
}

@media (max-width: 767px) {
	.logo { max-width: 200px; }
	.header { padding-left: 0; padding-right: 0; }
    .banner_img { padding: 50px 20px 140px; }
    .banner_img .d-flex, .img_text_section .d-flex { flex-direction: column; }
    .banner_img .f1, .banner_img .f1:last-of-type, .banner_img .f1:first-of-type, .img_text_section .f1, .img_text_section .f1:first-of-type { max-width: 100%; }

    .banner_text { padding: 0 30px 30px 0; }
    .bnr_img { margin-bottom: -220px; }

    .circle_bg { background-image: none; }

    .brands_logo_sl img { height: 50px; }
    .brands_logo .title { font-size: 18px; line-height: 1.5em; }

    .img_text_section { padding: 30px 5px 40px; }
    .img_text_section .img { margin-bottom: 50px; }
    .cnt_sec .sml_title, .img_text_section .title { font-size: 27px; }
    .img_text_section .text { padding: 0; }
    .cnt_sec { padding: 0px 0 30px; max-width: 100%; text-align: left; }

    .icon_text_items .item img { max-width: 80px; }

    .our_prtf { padding: 75px 0 30px; }
    .our_prtf .container { position: static; }
    .circle_bg_left { background-position: 0% 0; background-image: none; }
    .prfl_Sec .items li { flex: 0 0 50%; padding: 10px; }
    .prfl_Sec .items h3 { font-size: 16px; }
    .prfl_Sec .items p { font-size: 12px; }
    .text_prt .lrg_ttl { font-size: 26px; }
    .text_prt .ttl { font-size: 12px; }
    .prfl_Sec .items { padding: 20px 0; }
    .prfl_Sec { width: 100%; padding: 30px 20px; }

    .testi_sec { padding: 40px 10px; }
    .test_in { margin: 10px auto; }
    .testimonial_sl:before { left: 0; background-size: 80px auto; height: 85px; width: 87px; top: -20px; }
    .testimonial_sl .swiper-button-next, .testimonial_sl.swiper-rtl .swiper-button-prev { right: 0; }
    .testimonial_sl .swiper-button-prev, .testimonial_sl.swiper-rtl .swiper-button-next { left: 0; }
    .sml_cntr { text-align: left; }

    .fancybox-slide--iframe .fancybox-content { height: 196px !important; }

    .faqs { padding: 50px 0; } 
    .faqs .sec_ttl { margin-bottom: 40px; }
    .faqs .sec_ttl:after { width: 150px; }
    .faqs .sec_ttl .ttl { margin-bottom: 20px; }

    .img_text_section2 .icon_text_items { margin-top: 30px; }

    .footer { padding: 50px 0 0px; }
    .footer .f1 { padding-bottom: 30px; text-align: center; }
    .footer .f1:first-of-type { flex: 0 0 100% !important; }
    .footer .d-flex { flex-direction: column; justify-content: center; align-items: center; }
    .footer .f_logo img { max-width: 245px; }
    .social { justify-content: center; }
    .notice { margin: 20px 0 30px; }
    .copy_right .f1:first-of-type { padding-bottom: 10px; }

    .page_hdr_section { height: 250px; margin-bottom: 60px; }
    .page_hdr_section h1 { font-size: 40px; }

    .mbs { margin-bottom: 60px; }
    .mts { margin-top: 60px; }
    .pbs { padding-bottom: 60px; }
    .pts { padding-top: 60px; }

    .prtflo .item { flex: 0 0 100%; max-width: 100%; }
    .flip-card-front-content h3, .flip-card-back h3 { font-size: 18px; }

    .cntp_info .dfl, .error404 .dfl { flex-direction: column; }
    .cnt_form { padding: 25px; }
    .error404-content .entry-title { font-size: 40px; margin-top: 30px; }
    .error404-content .intro-text { font-size: 18px; }

    .abt_items { margin: 0; }
    .abt_items li { max-width: 100%; flex: 0 0 100%; padding: 0; }
}

@media (max-width: 480px) {
    .newsletter_form .large { height: 45px; }
    .newsletter_form button[type="submit"] { height: 45px; line-height: 45px; }

    .faqs .sec_ttl:after { width: 90px; }

    .icon_text_items .item img { max-width: 60px; }

    .page_hdr_section { height: 140px; margin-bottom: 40px; }
    .page_hdr_section h1 { font-size: 30px; }

    .mbs { margin-bottom: 50px; }
    .mts { margin-top: 50px; }
    .pbs { padding-bottom: 50px; }
    .pts { padding-top: 50px; }
}