* {
padding: 0;
margin: 0;
}
html, body {height: 100%; width: 100%;}
body{ font-family: 'Public Sans',sans-serif; font-size:17px; color:#000; line-height: 1.5;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure { border: 0; margin: 0; padding: 0; font-family:'Public Sans',sans-serif; font-weight: normal;}
img, fieldset, abbr, acronym { border: 0;} article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}
audio, canvas, video {display: inline-block; display: inline; zoom: 1;} h1, h2, h3, h4, h5, h6 { font-family: 'Public Sans',sans-serif; font-size: 100%; font-weight: normal;}
ul li, ol li {list-style: none;} img { border: none; display: block; max-width:100%;}
a, a:link, a:focus { color: #35b6b4 ; text-decoration: none; outline: none; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
a:hover { color: #003d73; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-brands-400.eot');src:url('../fonts/fa-brands-400.eot?#iefix') format("embedded-opentype"),url('../fonts/fa-brands-400.woff2') format("woff2"),url('../fonts/fa-brands-400.woff') format("woff"),url('../fonts/fa-brands-400.ttf') format("truetype"),url('../fonts/fa-brands-400.svg#fontawesome') format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400; font-style:normal}
.fa-x-twitter:before { content: "\e9ca";}
@font-face { font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.6.1'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {
content: "\f167";}.fa-instagram::before { content: "\f16d";} .fa-angle-right:before { content: "\f105";} .fa-phone-square:before { content: "\f098";} .fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";} .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";}
@font-face { font-family: "Flaticon"; src: url("../fonts/flaticon_flats.eot"); src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),
url("../fonts/flaticon_flats.woff") format("woff"), url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");
font-weight: normal; font-style: normal;} .fa-x-twitter:before{content:"\e61b"} .fa-calendar:before { content: "\f073";}.fa-home:before { content: "\f015";} .fa-slash-forward:before { content: "\2f";} .fa-map-marker:before { content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before { content: "\f017";} .fa-chevron-down:before { content: "\f078";}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-instagram:before { content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";} .fa-calendar:before{content:"\f073"} .fa-linkedin:before { content: "\f0e1";}
.stellarnav { position: relative; float:left;z-index: 9900; line-height: normal;}
.stellarnav a { color: #2d2d4a; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0 15px; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { display: block; text-decoration: none; color: #2d2d4a; font-size: 15px; font-weight:400; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
.stellarnav ul li a{color:#575766;} .stellarnav ul li a:hover{color:#ff8175 ;}
.stellarnav > ul > li > ul > li > a{ color:#2d2d4a }
.stellarnav > ul > li > ul > li:last-child{ border-bottom:0}
/* main level */
.stellarnav > ul > li { display: inline-block;padding:0px 0px 0 0; } .stellarnav > ul > li:last-child { padding-right:0} .stellarnav > ul > li:first-child { padding-left:0}
.stellarnav > ul > li > a { padding:40px 16px; font-size:17px; font-weight:500; }
.stellarnav > ul > li:hover a { color:#dd2d26; }
.stellarnav > ul > li > a.act { color:#dd2d26;}
.stellarnav > ul > li:hover a:after { border-color:#dd2d26 !important}
.stellarnav ul ul { top: auto; width: 290px; padding:8px 0px; position: absolute; z-index: 9900; text-align: left; display: none; left:-7px; background:#bf1b14; }
.stellarnav ul .mega-menu { width:1180px !important; position: absolute; display: none; left:-550px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; padding:15px 10px 10px 0; background: #fff;}
.stellarnav ul .mega-menu1 { width:700px !important; position: absolute; display: none; left:-305px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; padding-bottom:15px; background: #fff;}
.stellarnav ul .mega-menu-sub { display:block !important;}
.stellarnav ul .mega-menu.mega-menu-column1 .mega-menu-column1 li { display: inline-block;}
.stellarnav ul .mega-menu1.mega-menu-column1 .mega-menu-column1 li {display: inline-block;}
.mega-menu-column-1{ float:left; width:25%}
.mega-menu-column-2{ float:left; width:50%}
.stellarnav ul .mega-menu li { padding:5px 10px 5px 20px;}
.stellarnav ul .mega-menu li a { /*background:url(../images/dash-icon1.jpg) left 10px no-repeat;*/
color: #000;
padding:0px 0px 12px 0px;
border-bottom:1px solid rgba(9, 36, 60, 0.1215686275); line-height:21px;}
.stellarnav ul .mega-menu li:last-child a { border-bottom: none;}
.stellarnav ul .mega-menu1 li { padding:5px 10px 5px 20px;}
.stellarnav ul .mega-menu1 li a { /*background:url(../images/dash-icon1.jpg) left 10px no-repeat;*/ line-height:21px;
color: #000;
padding:0px 0px 12px 0px;
border-bottom:1px solid rgba(9, 36, 60, 0.1215686275);}
.stellarnav ul .mega-menu1 li:last-child a {
border-bottom: none;
}
.stellarnav li li { display: block; }
/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left:290px; box-shadow:0px 3px 7px 0px rgb(40 35 30 / 10%)}
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }
/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 280px; }
/* light theme */
.stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }
/* dark theme */
.stellarnav.dark { }
.stellarnav.dark a { }
.stellarnav.dark ul ul { }
.stellarnav > ul > li > ul{ box-shadow:0px 3px 7px 0px rgb(40 35 30 / 10%); }
.stellarnav > ul > li > ul > li{ border-bottom:1px solid rgba(9, 36, 60, 0.1215686275);}
.stellarnav > ul > li > ul > li > a{ color:#fff !important; padding:14px 0px; font-weight:400; font-size:15px; }
/* When hovering inside the submenu (any child li),
make the parent link black */
.stellarnav li:hover > a {
color: #000 !important;
}
.stellarnav ul li ul li:hover{ color:#000 !important; background:#fff}
.stellarnav ul li ul li ul li{border-bottom:1px solid rgba(9, 36, 60, 0.1215686275)}
.stellarnav ul li ul li ul li:hover{ background:#fff}
.stellarnav ul li ul li ul li:last-child{ border-bottom:0}
.stellarnav ul li ul li ul li a{ color:#fff !important; padding:14px 0; }
.stellarnav ul li ul li ul li a:hover{ color:#000 !important }
.stellarnav ul li ul li a:hover{ color:#000 !important}
.stellarnav.dark li a { color: #000; }.stellarnav.dark li a:hover { } .stellarnav.mobile > ul > li > a{ color:#fff}
.stellarnav ul li ul li a:hover{color: #000;}
/* Add right arrow to menu items that have a submenu */
.stellarnav ul li ul li:hover a:after{ border-color:#fff !important}
/*.stellarnav > ul > li:hover a { background:#df8ab5; color:#ffffff !important }*/
/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }
/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }
/* general styling */
.stellarnav li.has-sub > a{ }
.stellarnav li.has-sub > a:after { content: ''; margin-left: 5px; border: solid #000 1px;
border-width: 0 1px 1px 0; padding: 3px; display: inline-block; transform: rotate(45deg);
-webkit-transform: rotate(45deg); position:relative; top:-2px }
/*.has-sub > a:hover:after { border-color:#fff !important}*/
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border: solid #000 1px;
border-width: 0 1px 1px 0; padding: 3px; position: relative; top: 5px; transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #000; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a { }
.wlink a{ color:#000 !important}
.stellarnav ul li ul .has-sub a:after { border-color:#fff !important}
.stellarnav ul li ul .has-sub a:hover:after { border-color:#000 !important}
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }
/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */
.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
/*.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 44%; transform: rotate(90deg); transition: width 0.3s; }*/
.stellarnav a.dd-toggle .icon-plus:after {content: ''; display: block; width: 5px; height: 5px; top:28%; border: solid 3px #777; position: absolute; border-width:0 2px 2px 0;transform:rotate(45deg); padding:3px; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #fff; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #fff; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #fff ; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #fff ; }
.stellarnav .icon-close { box-sizing: border-box; width: 20px; height: 20px; position: relative; display: inline-block; padding-right:20px; }
.stellarnav .icon-close:before { content: ''; display: block; width: 28px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 28px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #fff; }
.stellarnav.light .icon-close:after { border-color: #fff; }
.stellarnav.dark .icon-close:before { border-color: #fff; }
.stellarnav.dark .icon-close:after { border-color: #fff; }
/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding:0px 0 0 0; box-sizing: border-box; font-size:30px; font-weight:bold; top:30px; position:absolute; right:10px; z-index:999;}
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right:60px; position: relative; top:45px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 40px; height: 5px; border-radius: 6px; background: #777; margin: 0 0 6px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: #000; }
.stellarnav.mobile { position: static; text-align:right }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 14px 25px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: #f0f0f0 }
.stellarnav.mobile.dark ul ul { background: #fff; }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }
/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 340px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index:999; }
.stellarnav.mobile.right > ul { right: 0px; padding-top:30px; background:#121c27;}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; padding-right:20px; margin-top:-30px; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */
/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */
.stellarnav.mobile.dark ul ul li a{ border-radius:0;/* background:url(../images/arrow2.png) left 17px no-repeat; padding-left:10px;*/}
.stellarnav.mobile.dark > ul > li > ul {
box-shadow: 0 5px 11px 0 rgba(0,0,0,.0);
}
.mega-menu-sub h4{ font-weight:600; padding:15px 0 10px 20px; font-size:20px; color:#888d57;} .mega-menu-sub h4 a{ font-weight:600; font-size:20px; color:#000 !important} .mega-menu-sub h4 a:hover{ color:#e4b500 !important}
@media only screen and (max-width : 1600px) {} @media only screen and (max-width : 1400px) {}
@media only screen and (max-width : 1024px) {.stellarnav ul ul{ left:0;}.stellarnav > ul > li > ul > li{ margin-left:0;} .stellarnav.dark ul ul a.dd-toggle .icon-plus:after{ border-color:#000}
.stellarnav { overflow: hidden; display: block; }
.stellarnav ul { position: relative; display: none; }.stellarnav > ul > li { padding:0px 8px 0 0; }.stellarnav > ul > li > ul{ border-bottom:0;}.stellarnav ul ul{ padding:0 0px 20px 15px}.stellarnav ul .mega-menu{ left:0px}.mega-menu-column-1{ width:100%; background:#fff}
.mega-menu-column-2{ width:100%; background: #fff;} .stellarnav ul .mega-menu1 li:last-child a { border-bottom: 1px solid rgba(9, 36, 60, 0.1215686275); }.stellarnav ul .mega-menu li:last-child a {border-bottom: 1px solid rgba(9, 36, 60, 0.1215686275);}
}
/* mobile nav */
@media only screen and (max-width : 420px) {.stellarnav { margin-top:18px;}
.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding:6px 0 0 0;
}
}
@media only screen and (max-width : 768px){
.stellarnav ul .mega-menu { background: #fff; width: 290px; }
.stellarnav ul .mega-menu-sub { display: block !important; background: #fff;
}
.stellarnav ul .mega-menu li a { padding:10px 0px; color: #000;background: #fff; border-bottom: 1px solid rgb(226, 223, 223); }
}
/* Tablet and Smaller Devices */
@media (max-width: 1024px) {
.stellarnav ul .mega-menu1 li a { padding:10px 0px 10px 0px; }
.stellarnav ul .mega-menu, .stellarnav ul .mega-menu1 { width: 100% !important; left: 0; position: relative; border-radius: 0; } .mega-menu-column-1,
.mega-menu-column-2 { width: 100%; float: none; }
}
/* Mobile Devices */
@media (max-width: 768px) {.stellarnav ul .mega-menu, .stellarnav ul .mega-menu1 { width: 100% !important; position: relative; left: 0; border-radius: 0; padding: 10px; }
.mega-menu-column-1, .mega-menu-column-2 { width: 100%; display: block; }
.stellarnav ul .mega-menu li, .stellarnav ul .mega-menu1 li { padding: 0px 20px; display: block; text-align: left; }
}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.container-area{ max-width:1280px; width:100%; margin:0 auto;}
.top-wrapper{ width:100%; background:#bf1b14;}
.clear{ clear:both;}
.top-left{ float:left; padding:8px 0}
.top-left p{ color:#B3B3B3}
.top-right{ float:right; padding-top:1px; padding-bottom:5px;}
.top-right ul li{ display:inline-block; margin-left:15px; text-align:center; margin-top:3px; margin-bottom:5px; border-radius:100%}
.top-right ul li a{ color:#fff; font-size:21px; text-align:center;}
.top-right ul li i{ padding-top:9px;}
.top-right ul li a:hover{ color:#efc4c2}
.top-right ul li:hover{ cursor:pointer;}
.header-area{ background:#f5f5f5}
.logo-area{ padding:20px 0; float:left}
.call-area { background:#bf1b14; width:48px; height:48px; border-radius:100%;float:right; margin-top:25px; margin-left:40px;}
.call-area:hover { background:#041f4b;}
.nav-area{ float:right;}
.call-area img{ margin:0 auto; padding-top:11px}
.banner-area img{ height:600px; object-fit: cover; object-position: 50% 50%;}
.body-container .wide-slider .owl-carousel .item img { float:right;
width: 50%;
display: block;
}
.body-container .wide-slider .owl-carousel .item .content {
position: absolute;
width: 100%;
top:12%;
z-index: 99;
}
.banner-txt { position:absolute; width:100%; top:0; }
.bcaption{ max-width:478px; width:100%; text-align:left;}
.banner-txt p { font-size:24px; font-weight:400; line-height:33px; }
.btn1 { display:inline-block; margin-top:20px; background:#bf1b14; border-radius:30px; color:#fff !important; font-weight:600; font-size:18px; padding:12px 35px; transition: padding-left 0.5s ease;}
.btn1:hover { color:#000 !important; background:#fff; margin-right:10px;}
.btn01 { display:inline-block; margin-top:10px; background:#bf1b14; border-radius:30px; color:#fff !important; font-weight:600; font-size:18px; padding:12px 35px; transition: padding-left 0.5s ease;}
.btn01:hover { color:#fff !important; background:#041f4b; margin-right:10px;}
.btn001 { display:inline-block; margin-top:10px; background:#041f4b; border-radius:30px; color:#fff !important; font-weight:600; font-size:18px; padding:12px 35px; transition: padding-left 0.5s ease;}
.btn001:hover { color:#fff !important; background:#bf1b14; margin-right:10px;}
.btn2 { display:inline-block; margin-left:15px; background:#bf1b14; border-radius:30px; color:#fff !important; font-weight:600; font-size:18px; padding:12px 35px; transition: padding-left 0.5s ease; }
.btn2:hover { color:#000 !important; background:#fff; margin-right:10px;}
.body-container .wide-slider .owl-carousel .owl-controls {
position: absolute;
bottom:11%; right:54%;
width: 150px;
}
.body-container .wide-slider.wide-slider-pagination .item .content {
position: absolute;
bottom: 110px;
left: 10%;
}
.body-container .wide-slider.wide-slider-pagination .item .content.content-inline {
display: inline-block;
width: auto;
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{ width:42px; height:42px; border-radius:100%; display:inline-block; margin-left:15%;
cursor: pointer; font-size:0;
}
.owl-controls .active { background:#ff834f ;}
.owl-prev {
background:#fff url(../images/left-a.png) center center no-repeat;}
.owl-next {
background:#fff url(../images/right-a.png) center center no-repeat;}
.owl-prev:hover {
background:#bf1b14 url(../images/left-a-h.png) center center no-repeat;}
.owl-next:hover {
background:#bf1b14 url(../images/right-a-h.png) center center no-repeat;}
.owl-controls .owl-page:hover { background:#ff834f;}
.owl-pagination{ width:100%; max-width:1180px; margin:0 auto; text-align: center}
@media (max-width: 768px) { .owl-pagination{ text-align: center;} }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-item::before {
content: "";
position: absolute;
/* background: rgba(255,131,79,.2);*/
height: 100%;
width: 100%;
}
.inner-banner-area {
background: #0b9799;
width: 100%;
position: relative;
display: flex;
color: #fff;
}
.banner-left {
position: absolute;
top: 0;
margin-left:50%;
width: 50%;
height: 100%;
}.banner-right {
width: 50%;}
.banner-right-main{ max-width: 31.5rem; width:100%; float:right;
padding: 3rem 5rem 3.5rem;}
.banner-area{ background:#041f4b url(../images/bg2.png) left bottom no-repeat}
.slider-two_content-inner{ float:left; max-width:33rem}
.slider-two_content-inner h2{ color:#fff; font-size:45px; line-height:55px; padding-bottom:25px; margin-bottom:29px; font-weight:600; position:relative; }
.slider-two_content-inner h2:before{position: absolute;
content: '';
left: 0;
bottom: 0;
background-color: #fff;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
height: 3px;
width: 55px;}
.slider-two_content-inner h2:after{position: absolute;
content: '';
left: 0;
bottom: 0;
background-color: #fff;
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-khtml-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
height: 1px;
width: 100%;
opacity: 0.3;}
.slider-two_content-inner p{ color:#DBDBDB; line-height:27px;}
.banner-bottom-section{ padding:60px 0}
.banner-bottom-section h2{ font-size:45px; line-height:55px; font-weight:500; text-align:center; padding-bottom:10px}
.banner-bottom-section p{ text-align:center}
.container-area1{ max-width:1120px; width:100%; margin:0 auto}
.container-area2{ max-width:900px; width:100%; margin:0 auto}
.providing-comprehensive{ background:url(../images/bg1.jpg) center top no-repeat; padding:200px 0 60px 0}
.providing-comprehensive h2{font-size:45px; line-height:55px; font-weight:600; color:#fff; width:60% }
.about-section{ background:#041f4b; padding:60px 0}
.about-section-1{ float:left; width:20%; margin-right:5% }
.about-section-1 p{color:#E7E7E7;}
.about-section-2{ float:left; width:45%; padding-right:5%; min-height:300px}
.about-section-2 li{ color:#fff; margin-bottom:16px; background:url(../images/tick.png) left 5px no-repeat; padding-left:30px}
.about-section-2 li a{ color:#B3B3B9}
.about-section-2 li a:hover{ color:#fff; text-decoration:underline}
.about-section-3{ width:100% }
.about-section h3{ color:#E7E7E7; font-weight:800; text-transform:uppercase; letter-spacing:1px; font-size:24px;}
.about-section-3 p{ color:#B3B3B9; line-height:30px; padding-top:15px;}
.flaticon-right-arrow:before {
content: "\f104";}
.rmoreimg{color:#E7E7E7 !important;}
.rmoreimg:hover{color:#dd2d26 !important;}
.rmoreimg img{ display:inline-block; vertical-align:middle}
.footer-area{ background:#041f4b url(../images/world-map.png) center center no-repeat ; padding-top:40px;}
.footer-section-1{border-bottom:solid 1px #515c66; padding-bottom:30px;}
.footer-section-1-left{ float:left; color:#fff; font-size:20px; font-weight:500; padding-top:10px;}
.footer-section-1-left ul{ display:inline-block; vertical-align:middle}
.footer-section-1-left li{ display:inline-block; vertical-align:middle; margin:0 10px 0 10px} .footer-section-1-left li a{color:#C4C4C4} .footer-section-1-left li a:hover{color:#fff}
.footer-section-1-right{ float:right; color:#fff; font-size:20px; font-weight:500}
.footer-bottom{ border-top:solid 1px #515c66; padding:25px 0; color:#aeb2bb; font-size:15px;}
.footer-bottom-left a{ color:#fff} .footer-bottom-left a:hover{ color:#fff; text-decoration:underline}
.footer-bottom-left{ float:left;}
.footer-bottom-right{ float:right;}
.footer-bottom-right a{ color:#aeb2bb} .footer-bottom-right a:hover{ color:#fff}
.footer-section-2{ padding:30px 0 40px 0}
.footer-section-2 h3{ color:#fff; font-size:20px; font-weight:500; padding-bottom:10px; margin-top:10px;}
.footer-section2-col1{ float:left; width:23%; margin-right:3%} .footer-section2-col1 p{ padding-bottom:3px;} .footer-section2-col1 p strong{ color:#fff}
.footer-section2-col1 p{ color:#aeb2bb; font-size:16px;}
.footer-section2-col1 p a{color:#aeb2bb}
.footer-section2-col1 p a:hover{color:#fff}
.footer-section2-col2{ float:left; width:22%; }
.footer-section2-col3{ float:right; width:22%; }
.footer-section-2 li{ margin-bottom:8px; font-size:15px;}
.footer-section-2 li a{color:#aeb2bb; transition: padding-left 0.5s ease;}
.footer-section-2 li a:hover{color:#fff; padding-left:10px;}
.core-value-section{ background:#F5F5F5; padding:60px 0}
.core-value-left{ float:left; width:48%; background:url(../images/core-value.jpg) center top no-repeat; background-size:cover; height:600px }
.core-value-right{ float:right; width:48%}
.small-title{ padding-bottom:10px;}
.core-value-right h2{ font-size: 45px;
line-height: 55px;
font-weight: 500;
padding-bottom: 10px;}
.core-value-bottom{ background:#F5F5F5; padding:40px 0px 0 40px; width:90%; float:right; margin-top:-150px}
.core-value-box{ float:left; width:22.5%; margin:0 1.25%}
.core-value-box h3{ font-size:22px; font-weight:600; padding-bottom:5px; padding-top:15px; }
.why-choose-area{ background:#041f4b; padding:60px 0px 40px 0; }
.why-choose-area h2{font-size: 45px;
line-height: 55px;
font-weight: 500;
padding-bottom:10px; color:#fff}
.why-choose-area-bottom{ background: url(../images/why-choose.jpg) center top no-repeat fixed; height:500px; }
.fright{ float:right}
.why-choose-area h2 .btn2{ padding-top:0; padding-bottom:0}
.why-choose-listing{ border-top:solid 1px #515c66; padding-top:40px; margin-top:40px}
.why-choose-listing ul li{ width:31%; float:left; color:#fff; background:url(../images/tick.png) left 5px no-repeat; padding-left:24px; margin-bottom:12px; }
.list01{ margin-bottom:20px;}
.list01 li{ background:url(../images/tick-1.png) left 4px no-repeat; padding-left:22px; margin-bottom:14px; border-bottom:dotted 1px #333; padding-bottom:14px;}
.list01 li:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0}
.list02{ margin-bottom:20px;}
.list02 li{ background:url(../images/tick-1.png) left 4px no-repeat; padding-left:22px; margin-bottom:14px;}
.dark-service-area {
position: relative;
background: #bf1b14;
overflow: hidden;
}
.bagrounds-img {
position: relative;
width: 100%;
background-image: url('../images/img-01.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: background-image 0.9s ease-in-out;
padding: 100px 0 0;
}
/* Overlay layer */
.bagrounds-img::before {
content: "";
position: absolute;
inset: 0;
background: rgba(106, 107, 107, 0.33);
z-index: 1;
transition: background 0.5s ease;
}
/* Make sure content stays above overlay */
.bagrounds-img > * {
position: relative;
z-index: 2;
}
.ddarktext {
padding: 60px 0 50px 0px;
color: #fff;
}
.ddarktext span {
font-size: 18px;
line-height: 30px;
display: block;
margin-bottom: 10px;
}
.ddarktext h2 {
font-size: 45px;
line-height: 55px;
margin-bottom:10px; font-weight:600;
}
.ddarktext p { color:#fff;
line-height: 30px;
}
/* --- CARD WRAPPER --- */
.card-wrapper {
margin: 0 auto;
overflow: hidden;
max-width: 1380px;
}
.card-list {
list-style: none;
display: flex;
}
.card-item {
display: flex;
transition: all 0.3s ease;
}
.card-left {
width: 100%;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
/* --- CARD DESIGN --- */
.team-member {
position: relative;
background: transparent;
padding: 30px 20px;
text-align: center;
flex: 1 1 calc(22% - 0px);
overflow: hidden;
transition: transform 0.3s ease;
height: 340px;
background: transparent;
border-left:1px solid #ffffff86;
}
.Electric-text h2 a{ color:#fff; font-weight:bold}
.Electric-text {
position: absolute;
bottom: 40px;
left: 0;
width: 100%;
}
.team-member h2 {
font-size: 22px; font-weight:800; line-height:26px;
color: #fff;
transition: all 0.6s ease;
}
.hover-desc img{ margin:0 auto; transition: padding-left 0.3s ease;} .hover-desc img:hover{ padding-left:10px;}
.team-member h4 {
font-size: 14px;
color: #fff;
margin-top: 8px;
transition: all 0.6s ease;
}
/* --- Hover Description --- */
.hover-desc {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
background: #fff;
color: #000;
transition: bottom 1.5s ease;
box-sizing: border-box;
text-align: center;
z-index: 1;
padding:35px 20px;
}
.hover-desc p {
font-size: 16px;
line-height: 1.5;
margin-top: 10px; margin-bottom:15px;
opacity: 0;
transform: translateY(10px);
transition: all 0.6s ease;
color: #4b535d;
}
.hover-desc h2 a {
color: #0a1119; font-weight:bold;
}
.hover-desc h2 a:hover {
color: #dd2d26;
}
.hover-desc h4 {
color: #000;
}
/* --- Hover Animation --- */
.team-member:hover .hover-desc {
bottom: 0;
}
.team-member:hover .Electric-text {
display: none;
}
.team-member:hover .hover-desc p {
opacity: 1;
transform: translateY(0);
color: #000;
}
.team-member:hover .team-member h2 {
color: #000;
}
/* --- SWIPER ARROWS --- */
.swiper-button-prev, .swiper-button-next {
color: #fff;
font-size: 30px;
transition: 0.3s;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 15s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 3px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper.swiper-flip {
overflow: visible}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide { pointer-events: none}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height}
.swiper.swiper-cards { overflow: visible}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; overflow: hidden}
@media (max-width: 767px) {
.thumb-card img {width: 70px;height: 70px; }
.ddarktext {padding: 20px;color: #fff;}
.bagrounds-img { background-size: auto;}
}
.bdleft0{ border-left:0 !important}
.growth-section{ background:#f5f5f5; padding:60px 0}
.growth-section h2{ font-size: 45px; line-height: 55px; font-weight: 600; text-align: center; padding-bottom: 10px;}
.text-center{ text-align:center}
.faq-section{ padding:60px 0; background:#f5f5f5;}
.faq-section h2{ font-size: 45px; line-height: 55px; font-weight: 500; text-align: center; padding-bottom: 10px;}
.toggles{ margin-top:20px;}
.toggle { padding: 0px; padding-bottom: 0; margin-bottom:15px; border-top:solid 1px #ccc}
.bdtop0{ border-top:0 !important}
.toggle-title { position: relative; display: block; cursor: pointer; font-size:25px; font-weight:700; padding: 20px 15px 6px 0px; }
.toggle-title:after { content: ''; position: absolute; top: 53%; right: 0px; width: 18px; height: 9px; border: solid #000;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 10px;
height: 10px;
margin-top: -4px; }
.toggle.active .toggle-title:after { content: ''; border: solid #dd2d26;
border-width: 0 0 2px 2px;
-webkit-transform: rotate(-222deg);
-ms-transform: rotate(-222deg);
transform: rotate(-222deg);
width: 10px;
height: 10px;
margin-top: -4px; }
.toggle-content { padding-top: 10px; padding: 0px 25px 0px 0px; display: none; }
.toggle.active .toggle-content { display: block !important;}
.toggle.active .toggle-title { color:#dd2d26; }
.toggle-content:before,
.toggle-content:after { content: " "; display:table;}
.toggle-content:after {clear: both;}
.why-choose-area p{ color:#C4C4C4; width:70%}
.toggle-content p{ padding-bottom:15px;}
.width90{ width:90%; margin:0 auto}
.stellarnav.mobile.dark ul li ul li a{ color:#000 !important}
.stellarnav.mobile.dark ul li a { color:#fff !important}
.innerbanner-area-overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 57.04%);
padding: 170px 0px 170px 0px; width:100%;
}.breadcrumb_text ul {
display: inline-flex; font-size:14px;
flex-wrap: wrap;
align-items: center;
}.breadcrumb_text ul li a {
text-transform: capitalize;
font-weight: 400;
color: #000;
margin-right: 7px;
position: relative;
transition: all linear .3s;
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-ms-transition: all linear .3s;
-o-transition: all linear .3s;
}
.breadcrumb_text ul li a:hover { color:#dd2d26; }
.breadcrumb_text ul li a.active {
color: #dd2d26;
}
.inner-banner-area h1{ color: #fff;
font-size: 45px; padding-bottom:10px;
line-height:52px;
font-weight: 600;
position: relative;}
.breadcrumb_text{}
.about-page-section-1{ background: linear-gradient(to right, #eeede9 50%, #fff 50%); padding:60px 0; width:100%;}
.about-page-section-1-left{ float:left; width:45%}
.about-page-section-1-left h2{ font-size:41px; line-height:44px; font-weight:600; padding-bottom:15px;}
.about-page-section-1-right{ float:right; width:45%; }
.about-page-section-2{ background:url(../images/bg1.jpg) center top no-repeat; padding:100px 0; text-align:center }
.about-page-section-2 h2{font-size:41px; line-height:48px; font-weight:600; padding-bottom:15px; color:#fff; }
.content-page-section-common{ background: url(../images/bg1.jpg) center top no-repeat; padding:90px 0; text-align:center; margin-bottom:1px; }
.content-page-section-common h2{font-size:41px; line-height:48px; font-weight:600; color:#fff; }
.about-page-section-3{ padding:60px 0}
.about-page-section-3-left{ float:left; width:46.5%}
.about-page-section-3-left img{ }
.about-page-section-3-right{ float:right; width:46.5%}
.about-page-section-3-right h2{font-size:41px; line-height:48px; font-weight:600; padding-bottom:15px;}
.about-page-section-4{ padding: 0 ; background:#eeede9}
.about-page-section-4-left{ float:left; width:46.5%; padding:50px 0}
.about-page-section-4-right{ float:right; width:46.5%; margin:50px 0 50px 0}
.about-page-section-4-left h2{font-size:41px; line-height:48px; font-weight:600; padding-bottom:15px;}
.about-page-section-5{ padding:60px 0 60px 0;}
.about-page-section-5 h2{font-size:41px; line-height:48px; font-weight:600; padding-bottom:15px; text-align:center}
.about-page-section-5-box{ float:left; width:30%; margin:15px 1.5%; text-align:center}
.about-page-section-5-box .iconbox{ background:#bf1b14; width:90px; height:90px; border-radius:100%; margin:0 auto}
.about-page-section-5-box .iconbox:hover{ background:#041f4b;}
.about-page-section-5-box .iconbox img{ margin:0 auto; padding-top:15px;}
.about-page-section-5-box h3{ color:#041f4b; font-weight:800; padding-top:15px; font-size:24px; line-height:30px; padding-bottom:10px;}
.team-page-area{ padding:60px 0 10px 0}
.team-page-area h2{font-size:41px; line-height:48px; font-weight:600; padding-bottom:25px; text-align:center}
.teamlisting{ margin-bottom:30px;}
.teamlisting li{ width:22%; float:left; background:url(../images/tick1.png) left 5px no-repeat; padding-left:28px; }
.teamdtxt{ background:#041f4b; padding:60px 0; text-align:center; color:#fff; font-size:20px;}
.team-page-area-1{ padding:60px 0; background:#fafafa}
.team-page-area-1 h2{font-size:41px; line-height:48px; font-weight:600; padding-bottom:5px; text-align:center}
.team-box{ width:100%; margin:15px 0 30px 0; border: solid 1px #ddd; background:#fff }
.team-box-left{ float:left; width:40.5%}
.team-box-right{ float:right; width:54%; padding:20px 3% 20px 0 } .team-box-right p{ padding-top:5px;}
.team-box:hover{ box-shadow:0px 10px 20px 0px rgb(0 0 0 / 10%)}
.team-box h3{font-weight:600; font-size:34px; line-height:40px; color:#041f4b}
.team-box h4{ font-weight:600; font-size:22px; padding-bottom:5px;}
.contact-page-area{ padding:30px 0 5px 0; background:#041f4b; color:#fff}
.contact-page-area h2{font-size:41px; line-height:44px; font-weight:600; padding-bottom:5px;}
.contact-page-left{ width:100%; color:#fff; text-align:center }
.contact-page-right{ width:100%; padding:60px 0 40px 0}
.contact-row{ margin-top:10px;}
.contact-row .cricon{ display:inline-block; background:#bf1b14; width:35px; margin-bottom:7px; height:35px; border-radius:100%; text-align:center}
.contact-row .cricon i{ color:#fff; font-size:22px; padding-top:7px;}
.contact-row .crtxt{ padding-top:5px;}
.contact-row .ctxt{ margin-left:10px; padding-top:5px; display:inline-block;}
.contact-row .crtxt a{ color:#fff; position:relative;}
.contact-row .crtxt a::after { content: ""; position: absolute; left: 0; bottom: -3px; /* space below text */ width: 0%;
height: 1px; background: #fff; /* change color */ transition: width 0.3s ease;}
.contact-row .crtxt a:hover::after{ color:#fff; width:100%}
.contact-row .crtxt h3{ font-size:21px; font-weight:800; line-height:30px;}
.contact-row .ctxt h3{ font-size:22px; font-weight:800; line-height:30px;}
.contact-row-left{ display:inline-block; margin-bottom:30px; width:22.7%; vertical-align:top; padding:0 1% 5px 1%; border-right:solid 1px #515c66; text-align:center}
.contact-row-right{ float:right; width:48%}
.form-control {padding: 18px 5% 18px 5%; border-radius: 30px; width:90%; background: #EEEDE9;
font-size: 16px; border: 0;}
.form-control-1 { font-family:Arial, Helvetica, sans-serif;
padding: 18px 3% 18px 3%; border-radius: 30px;
width: 94%; background: #EEEDE9; font-size: 16px; border: 0;}
.form-row{ margin-bottom:20px}
.form-row-l{ float:left; width:49%}
.form-row-r{ float:right; width:49%}
.form-row .btn1{ border:0; font-size:20px; cursor:pointer; margin-top:0;}
.form-row .btn1:hover{ background:#041f4b; color:#fff !important; margin-right:0}
.contact-form-right h3{ font-size:31px; font-weight:700}
.testimonial-page{ padding:60px 0}
.testimonial-box-inner{ border-radius:20px; background:#fff; box-shadow:0px 30px 60px 0px rgb(0 0 0 / 10%); float:left; width:31%; margin:15px 1.1%}
.testimonial-box-main { padding: 30px 30px;}
.author-box { margin-bottom: 20px; position: relative;}
.auther-content { float: left;}.author-box-img { float: right;}.auther-content h3 { font-weight: 700; font-size: 21px; color: #71689c;}.auther-content h4 { text-align: left; line-height: 20px; font-size: 16px; color: #000; font-weight: 400;}
.testimonial-box-main p { margin-top: 15px;}
.breadcrumb-area{ padding:7px 0; border-bottom:solid 1px #ddd;}
.ptop20{ padding-top:20px;}
.ptop30{ padding-top:30px;}
.heading2{ font-size: 41px; line-height: 45px; font-weight: bold; padding-bottom: 10px; color:#041f4b}
.heading3{ font-size: 30px; line-height: 34px; font-weight: 800; padding-bottom:7px; padding-top:5px; color:#dd2d26;}
.heading03{ font-size: 30px; line-height: 34px; font-weight: 800; padding-bottom:5px; padding-top:5px;}
.heading4{ font-size: 24px; line-height: 24px; font-weight: 800; padding-bottom:15px;}
.inner-content-area{ padding:60px 0; background:#eeede9}
.inner-content-area p{ padding-bottom:20px;}
.fifth-box{ float:left; width:18%; margin:15px 1%}
.fifth-box h4{ font-weight:600; font-size:20px; line-height:26px; text-align:center; padding-top:15px;}
.fifth-box .iconfbox{ background:#bf1b14; width:80px; height:80px; border-radius:100%; margin:0 auto;}
.fifth-box img{ margin:0 auto; padding-top:15px;}
.fifth-box p{ text-align:center; padding-top:7px;}
.three-box{ display:inline-block; vertical-align:top; width:28%; border-radius:20px; margin:15px 1%; min-height:230px; padding:20px 1.5%; box-shadow: 0 4px 25px rgba(0, 0, 0, 0.10); transition: all 0.3s ease 0s;}
.three-box h4{ font-weight:600; font-size:23px; line-height:26px; text-align:center; padding-top:15px;}
.three-box .iconfbox{ background:#bf1b14; width:80px; height:80px; border-radius:100%; margin:0 auto;}
.three-box img{ margin:0 auto; padding-top:15px; transition: all 0.3s ease 0s;}
.three-box p{ text-align:center; padding-top:7px;}
.three-box:hover{ box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);}
.three-box:hover img { padding-left: 10px; transition: all 0.3s ease 0s;}
.inner-content-area1{ padding:60px 0;}
.inner-content-area1 p{ padding-bottom:20px;}
.two-box{ float:left; width:47%; border-radius:20px; margin:15px 1.5%; box-shadow: 0 4px 25px rgba(0, 0, 0, 0.10); transition: all 0.3s ease 0s; background:#fff}
.two-box-main{ padding:25px}
.hrline{ background:#ddd; height:1px; margin:30px 0}
.imgright{ float:right; margin-left:80px; padding-bottom:20px; padding-top:10px;}
.imgleft{ float:left; margin-right:80px; padding-top:5px; padding-bottom:10px;}
.font20{ font-size:20px; line-height:32px;}
.graybox{ background:#eeede9;}
.grayboxtxt{ padding:30px;}
.rimg{ border-radius:100%; float:left; margin-right:70px; border:solid 15px #fff; box-shadow:0px 10px 40px 0px rgb(0 0 0 / 10%);}
.m-ad-c-1{ padding: 0 ; background:#eeede9}
.m-ad-c-2{ padding: 0 ; background:#eeede9 }
.m-ad-c-1-left{ float:left; width:46%; padding:40px 0}
.m-ad-c-1-right{ float:right; width:48%}
.mandch{ padding:60px 0 0px 0}
.ptb50{ padding:50px 0}
.ptop50{ padding-top:50px;}
.ptop10{ padding-top:10px;}
.mtmi{ margin-top:-36px;}
.left-box{ float:left; width:46.5%}
.right-box{ float:right; width:46.5%; }
.topleftcircle{ position:relative} .topleftcircle img{ border-radius:30px;}
.topleftcircle::before {
content: "";
position: absolute;
top: 85px;
left: 0px;
width: 50px;
height: 50px;
border-radius: 40px 0px 0px 0px;
box-shadow: -13px -10px 0px 0px #eeede9;
z-index: 2;
}
.topleftcircle::after {
content: "";
position: absolute;
top: 0px;
left: 85px;
width: 50px;
height: 50px;
border-radius: 30px 0px 0px 0px;
box-shadow: -18px -10px 0px 0px #eeede9;
}
.topleftcircle .images-icon {
position: absolute;
z-index: 10;
}
.topleftcircle .icon-inner {
background-color: #eeede9;
padding: 0px 10px 10px 0px;
border-bottom-right-radius: 45px;
}.topleftcircle .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #bf1b14;
}
.bottomrightcircle {
position: relative;
}
.bottomrightcircle img {
border-radius: 30px;
}
/* Corner background shapes */
.bottomrightcircle::before {
content: "";
position: absolute;
bottom: 85px;
right: 0px;
width: 50px;
height: 50px;
border-radius: 0 0 40px 0;
box-shadow: 13px 10px 0px 0px #eeede9;
z-index: 2;
}
.bottomrightcircle::after {
content: "";
position: absolute;
bottom: 0px;
right: 85px;
width: 50px;
height: 50px;
border-radius: 0 0 30px 0;
box-shadow: 18px 10px 0px 0px #eeede9;
}
/* Icon wrapper */
.bottomrightcircle .images-icon {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
}
.bottomrightcircle .icon-inner {
background-color: #eeede9;
padding: 10px 0px 0px 10px;
border-top-left-radius: 45px;
}
.bottomrightcircle .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #bf1b14;
}
.bottomleftcircle {
position: relative;
}
.bottomleftcircle img {
border-radius: 30px;
}
/* Corner background shapes */
.bottomleftcircle::before {
content: "";
position: absolute;
bottom: 85px;
left: 0px;
width: 50px;
height: 50px;
border-radius: 0 0 0 40px;
box-shadow: -13px 10px 0px 0px #eeede9;
z-index: 2;
}
.bottomleftcircle::after {
content: "";
position: absolute;
bottom: 0px;
left: 85px;
width: 50px;
height: 50px;
border-radius: 0 0 0 30px;
box-shadow: -18px 10px 0px 0px #eeede9;
}
/* Icon wrapper */
.bottomleftcircle .images-icon {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
}
.bottomleftcircle .icon-inner {
background-color: #eeede9;
padding: 10px 10px 0px 0px;
border-top-right-radius: 45px;
}
.bottomleftcircle .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #bf1b14;
}
.toprightcircle {
position: relative;
}
.toprightcircle img {
border-radius: 30px;
}
/* Corner background shapes */
.toprightcircle::before {
content: "";
position: absolute;
top: 85px;
right: 0px;
width: 50px;
height: 50px;
border-radius: 0 40px 0 0;
box-shadow: 13px -10px 0px 0px #eeede9;
z-index: 2;
}
.toprightcircle::after {
content: "";
position: absolute;
top: 0px;
right: 85px;
width: 50px;
height: 50px;
border-radius: 0 30px 0 0;
box-shadow: 18px -10px 0px 0px #eeede9;
}
/* Icon wrapper */
.toprightcircle .images-icon {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.toprightcircle .icon-inner {
background-color: #eeede9;
padding: 0px 0px 10px 10px;
border-bottom-left-radius: 45px;
}
.toprightcircle .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #bf1b14;
}
.boxshadow{box-shadow:0px 30px 60px 0px rgb(0 0 0 / 10%)}
.width80{ width:80%; margin:0 auto}
.list50 li{ float:left; width:45%; margin-right:3%;}
.listbox{ float:left; width:47%; margin:0 3% 0 0%}
.rmore img{ display:inline-block; vertical-align:middle}
.rmore{ color:#bf1b14 !important; position:relative; font-weight:600}
.rmore:hover{ color:#bf1b14 !important}
.rmore::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 0%;
height: 1px;
background: #bf1b14;
transition: width 0.3s ease;
}
.rmore:hover::after{ color:#bf1b14; width:100%}
.workspace-page .two-box{ min-height:325px;}
.mb100{ margin-bottom:100px;}
.core-value-right p{ padding-bottom:20px;}
.topleftcircle1{ position:relative} .topleftcircle1 img{ border-radius:30px;}
.topleftcircle1::before {
content: "";
position: absolute;
top: 85px;
left: 0px;
width: 50px;
height: 50px;
border-radius: 40px 0px 0px 0px;
box-shadow: -13px -10px 0px 0px #fff;
z-index: 2;
}
.topleftcircle1::after {
content: "";
position: absolute;
top: 0px;
left: 85px;
width: 50px;
height: 50px;
border-radius: 30px 0px 0px 0px;
box-shadow: -18px -10px 0px 0px #fff;
}
.topleftcircle1 .images-icon {
position: absolute;
z-index: 10;
}
.topleftcircle1 .icon-inner {
background-color: #fff;
padding: 0px 10px 10px 0px;
border-bottom-right-radius: 45px;
}.topleftcircle1 .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #041f4b;
}
.bottomrightcircle1 {
position: relative;
}
.bottomrightcircle1 img {
border-radius: 30px;
}
/* Corner background shapes */
.bottomrightcircle1::before {
content: "";
position: absolute;
bottom: 85px;
right: 0px;
width: 50px;
height: 50px;
border-radius: 0 0 40px 0;
box-shadow: 13px 10px 0px 0px #fff;
z-index: 2;
}
.bottomrightcircle1::after {
content: "";
position: absolute;
bottom: 0px;
right: 85px;
width: 50px;
height: 50px;
border-radius: 0 0 30px 0;
box-shadow: 18px 10px 0px 0px #fff;
}
/* Icon wrapper */
.bottomrightcircle1 .images-icon {
position: absolute;
bottom: 0;
right: 0;
z-index: 10;
}
.bottomrightcircle1 .icon-inner {
background-color: #fff;
padding: 10px 0px 0px 10px;
border-top-left-radius: 45px;
}
.bottomrightcircle1 .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #bf1b14;
}
.bottomleftcircle1 {
position: relative;
}
.bottomleftcircle1 img {
border-radius: 30px;
}
/* Corner background shapes */
.bottomleftcircle1::before {
content: "";
position: absolute;
bottom: 85px;
left: 0px;
width: 50px;
height: 50px;
border-radius: 0 0 0 40px;
box-shadow: -13px 10px 0px 0px #fff;
z-index: 2;
}
.bottomleftcircle1::after {
content: "";
position: absolute;
bottom: 0px;
left: 85px;
width: 50px;
height: 50px;
border-radius: 0 0 0 30px;
box-shadow: -18px 10px 0px 0px #fff;
}
/* Icon wrapper */
.bottomleftcircle1 .images-icon {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
}
.bottomleftcircle1 .icon-inner {
background-color: #fff;
padding: 10px 10px 0px 0px;
border-top-right-radius: 45px;
}
.bottomleftcircle1 .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #041f4b ;
}
.toprightcircle1 {
position: relative;
}
.toprightcircle1 img {
border-radius: 30px;
}
/* Corner background shapes */
.toprightcircle1::before {
content: "";
position: absolute;
top: 85px;
right: 0px;
width: 50px;
height: 50px;
border-radius: 0 40px 0 0;
box-shadow: 13px -10px 0px 0px #fff;
z-index: 2;
}
.toprightcircle1::after {
content: "";
position: absolute;
top: 0px;
right: 85px;
width: 50px;
height: 50px;
border-radius: 0 30px 0 0;
box-shadow: 18px -10px 0px 0px #fff;
}
/* Icon wrapper */
.toprightcircle1 .images-icon {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.toprightcircle1 .icon-inner {
background-color: #fff;
padding: 0px 0px 10px 10px;
border-bottom-left-radius: 45px;
}
.toprightcircle1 .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #041f4b;
}
.mtop50{ margin-top:50px;}
.toprightcircle2 {
position: relative;
}
.toprightcircle2 img {
border-radius: 30px;
}
/* Corner background shapes */
.toprightcircle2::before {
content: "";
position: absolute;
top: 85px;
right: 0px;
width: 50px;
height: 50px;
border-radius: 0 40px 0 0;
box-shadow: 13px -10px 0px 0px #fff;
z-index: 2;
}
.toprightcircle2::after {
content: "";
position: absolute;
top: 0px;
right: 85px;
width: 50px;
height: 50px;
border-radius: 0 30px 0 0;
box-shadow: 18px -10px 0px 0px #fff;
}
/* Icon wrapper */
.toprightcircle2 .images-icon {
position: absolute;
top: 0;
right: 0;
z-index: 10;
}
.toprightcircle2 .icon-inner {
background-color: #fff;
padding: 0px 0px 10px 10px;
border-bottom-left-radius: 45px;
}
.toprightcircle2 .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #bf1b14;
}
.topleftcircle01{ position:relative} .topleftcircle1 img{ border-radius:30px;}
.topleftcircle01::before {
content: "";
position: absolute;
top: 85px;
left: 0px;
width: 50px;
height: 50px;
border-radius: 40px 0px 0px 0px;
box-shadow: -13px -10px 0px 0px #eeede9;
z-index: 2;
}
.topleftcircle01::after {
content: "";
position: absolute;
top: 0px;
left: 85px;
width: 50px;
height: 50px;
border-radius: 30px 0px 0px 0px;
box-shadow: -18px -10px 0px 0px #eeede9;
}
.topleftcircle01 .images-icon {
position: absolute;
z-index: 10;
}
.topleftcircle01 .icon-inner {
background-color: #eeede9;
padding: 0px 10px 10px 0px;
border-bottom-right-radius: 45px;
}.topleftcircle01 .icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #041f4b;
}
.crtxt p{ font-size:16px; line-height:21px;}
.ptop16{ padding-top:0px; }
.bdright0{ border-right:0 !important}
.goog-logo-link {
display: none !important;
}
.goog-te-gadget span {
display: none !important;
}
.goog-te-gadget {
color: transparent !important;
}.skiptranslate.goog-te-gadget{ font-size:0 !important}.goog-te-gadget .goog-te-combo{ margin:0 !important; padding:7px 10px !important}
.paynow{ border-radius:30px; background:#f6df00; padding:9px 28px; color:#000 !important; font-weight:800}
.paynow img{ display:inline-block; vertical-align:middle}
.paynow:hover{ background:#fff}
.top-right ul{ display:inline-block;}
@media (max-width: 1280px) {.container-area{ width:96%}}
@media (max-width: 900px) {.container-area1{ width:96%} .why-choose-area p{ width:80%}.why-choose-listing ul li{ width:46%; margin-bottom:10px;} .core-value-left{ width:100%; height:350px} .core-value-right{ width:100%; padding-top:30px;} .contact-page-left{ width:100%} .contact-page-right{ width:100%; padding-top:25px;}}
@media (max-width: 767px) {.testimonial-box-inner{ width:97%}.about-page-section-3-left{ width:100%}.about-page-section-3-right{ width:100%; padding-top:20px;}.about-page-section-4-left{ width:100%; padding:0}.about-page-section-4-right{ width:100%; padding-top:30px;} .fifth-box{ width:31%} .left-box{ width:100%; margin-top:10px;}.right-box{ width:100%; margin-top:20px;} .three-box{ width:44%}.listbox{ width:100%; margin-right:0}}
@media (max-width: 479px) {.about-section-1{ width:100%; margin-right:0;}.about-section-2{ padding-right:0; width:100%; padding-top:0px; border-left:0; min-height:inherit} .about-section-3{ width:100%; padding-left:0; border-left:0; padding-top:20px;}.why-choose-area p{ width:100%}.why-choose-area h2 .btn2{ display:none} .why-choose-listing ul li{ width:92%} .providing-comprehensive h2{ width:100%}.core-value-bottom{ width:100%; padding:50px 0px 0 0px}.core-value-box{ width:97%; margin-bottom:25px;}.footer-section-1-left{ float:none}.footer-section-1-right{ float:none; margin-top:20px;}.footer-section2-col1{ width:100%; margin-right:0}.footer-section2-col2{ width:100%; margin-top:20px;}.footer-section2-col3{ width:100%;} .footer-section2-col3 h3{ display:none}.why-choose-area-bottom{ background:url(../images/why-choose.jpg) 73% 50% no-repeat fixed;background-size:cover}.container-area{ width:94%}.container-area1{ width:94%}.body-container .wide-slider .owl-carousel .item img{ width:100%; height:300px;}.body-container .wide-slider .owl-carousel .item .content{ position:relative; padding:30px 5px}.slider-two_content-inner h2{ padding-top:20px; font-size:35px; line-height:40px; margin-bottom:20px;}
.body-container .wide-slider .owl-carousel .owl-controls{ display:none !important; bottom:11%; right:60%} .banner-area .btn1{ margin-bottom:20px; margin-top:0px;}.providing-comprehensive h2{ font-size:37px; line-height:44px;}.faq-section h2{ font-size:41px; line-height:48px;}.contact-row-left{ width:98%; border-right:0; padding:0 1% 5px 1%}.contact-row-right{ width:100%; margin-top:30px;}.form-row-l{ width:100%}.form-row-r{ width:100%; margin-top:20px}.innerbanner-area-overlay{ padding:120px 0px 120px 0px}
.about-page-section-1{ background:linear-gradient(to right, #E7E7E7 100%, #f5f5f5 100%);} .about-page-section-1-left{ width:100%} .about-page-section-1-right{ width:100%; padding-top:30px;}
.about-page-section-5-box{ width:97%} .container-area2{ width:94%} .team-box-left{ width:100%} .team-box-right{ padding:20px 4% 30px 4%; width:92%; text-align:center}
.about-page-section-4{ padding-bottom:40px;} .fifth-box{ width:98%} .fifth-box h4 br{ display:none} .imgright{float: none; margin-left: 0px; padding-bottom: 20px; padding-top:10px;} .imgleft { float: none; margin-right: 0px; padding-top: 5px; padding-bottom: 20px;} .inner-banner-area h1{ font-size:37px; line-height:44px;} .heading2{ font-size:32px; line-height:40px;}
.contact-page-area h2 { font-size:39px; line-height:44px;} .rimg{ float:none; width:92%; margin-right:0; margin-bottom:20px;} .about-page-section-2 h2{ font-size:35px; line-height:40px; padding-bottom:0} .about-page-section-2{ padding:40px 0} .team-page-area-1 h2{ font-size:37px; line-height:42px;} .team-page-area-1{ padding:40px 0 30px 0} .footer-section-2{ padding:30px 0}
.about-page-section-2 h2 br{ display:none} .providing-comprehensive { padding:100px 0 40px 0} .growth-section h2{ font-size:37px; line-height:42px;} .growth-section{ padding:40px 0}
.inner-content-area{ padding:40px 0 20px 0} .ptb50{ padding:30px 0} .footer-area{ padding-top:30px;} .inner-content-area1{ padding:40px 0}
.ddarktext h2{ font-size:37px; line-height:42px;} .content-page-section-common h2 br{ display:none} .content-page-section-common{ padding:50px 0} .content-page-section-common h2 { font-size:37px; line-height:46px;} .three-box{ width:95%; min-height:inherit} .two-box{ width:97%}.m-ad-c-1{ padding-bottom:20px;} .slider-two_content-inner p{ min-height:130px;}
.contact-row .crtxt{ margin-left:0} .top-right ul { display:none} .top-right { padding-top:12px;}.logo-area{ padding:15px 0}.call-area{ margin-top:20px;}}