@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }

html, body { width: 100%; font-size: 16px; line-height: 1.75; color: #3b3b3b; background: #fff; font-family: "Poppins", sans-serif; font-weight: 400; }

/*font-family: 'Lato', sans-serif; */

*::-webkit-input-placeholder { opacity:1; color: #b7b7b7; }

*::-moz-placeholder {opacity:1;color: #b7b7b7; }

*:-ms-input-placeholder {opacity:1;color: #b7b7b7;}



input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}

button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px;  }



:focus,input:focus, textarea:focus { outline: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

:focus { outline: none; }



.clear{height:0px; overflow: hidden}

/* common */

a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }

ul { list-style: none; }

.clear { clear: both; overflow: hidden; }

img { border: 0px; outline: none; display: block; max-width: 100%; height: auto; }





#back-to-top { box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset; position: fixed; bottom: 20px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #81a9a6; }

#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }

#back-to-top.show { opacity: 0.8; }

#back-to-top.show:hover { opacity: 1; }

a.close, a.mobilemenu { display: none; }

.button { padding: 8px 85px; line-height: 24px; display: inline-block; border: 0px; cursor: pointer; background: #E08427; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; font-family: 'HelveticaBold'; font-size: 14px; color: #fff; }

.button:hover { background: #8d4d0d; }

.btn-white { padding: 4px 15px; line-height: 22px; background: #FFFFFF; border: 1px solid #E08427; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); color: #BD6B18; }

.btn-white:hover { color: #fff; background: #E08427; }

 

p { padding-bottom: 20px; }

h1 { margin: 0px 0px 5px; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 46px; line-height: 2; color: #23283b; }

h2 { margin-bottom: 15px; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 45px; line-height: 1.35; color: #23283b; text-transform: uppercase; }

h2 strong { font-weight: 700; font-family: "Oswald", sans-serif; }

h3 { padding-bottom: 15px; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 24px; line-height: 1.2; color: #23283b; }

h4 { font-family: "Oswald", sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; color: #23283b; }



/* wrapper */

#wrapper { padding-top: 142px; width: 100%; min-height: 100%; margin: 0px auto; position: relative;overflow: hidden }

.centering { padding: 0 15px; max-width: 1170px; margin: auto; position: relative; }

.flex-wrap { display: flex; flex-wrap: wrap; }

.btn-primary { padding: 0 15px; min-width: 190px; height: 45px; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #2db7ff; }

.btn-primary:hover { background-color: #d51135; }

.btn-secondary { padding: 0 15px; min-width: 190px; height: 45px; font-size: 18px; font-weight: 600; text-transform: uppercase; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; background-color: #d51135; }

.btn-secondary:hover { background-color: #2db7ff; }

.text-center { text-align: center; }



/* header part */

#header-part { width: 100%; position: absolute; z-index: 999; top: 0; }



    /* top bar */

    .top-bar { padding: 4px 0; text-align: center; background-color: #d51135; }

    .top-bar span, .top-bar a { color: #fff; font-family: "Oswald", sans-serif; font-size: 18px; font-weight: 600; display: inline-block; }

    .top-bar .centering { max-width: 1360px; display: flex; flex-wrap: wrap; justify-content: space-between; }



    /* bottom bar */

    .bottom-bar { width: 100%; position: relative; background: url(../images/nav-bg.jpg) repeat-x; }

    .bottom-bar .centering { max-width: 1360px; min-height: 103px; justify-content: space-between; align-items: center; }

    .bottom-bar .menu ul li { padding: 0 20px; font-size: 20px; font-family: "Oswald", sans-serif; font-weight: 600; text-transform: uppercase; }

    .bottom-bar .menu ul li a { color: #000; border-bottom: 2px solid transparent; }

    .bottom-bar .menu ul li.active a, .bottom-bar .menu ul li:hover a { border-color: #d51135; }

    .bottom-bar .menu ul li a.btn-secondary { color: #fff; }

    .bottom-bar .menu ul li:hover a.btn-secondary { border: 0; }



    .bottom-bar .menu_trigger { margin: auto; width: 40px; height: 60px; text-align: center; font-size: 20px; line-height: 60px; font-weight:600; display: none; position: absolute; right: 20px; color:#fff; vertical-align: top; text-transform: uppercase; }

    .bottom-bar .menu_trigger span.icon { border-radius: 50%; width: 100%; height: 60px; position: absolute; right: 0; top: 0; transition:all 0.3s; display: block; margin-bottom: 0px; }

    .bottom-bar .menu_trigger span.icon span { transition: all 0.3s; width: 100%; height: 5px; border-radius: 5px; content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #000; }

    .bottom-bar .menu_trigger span.icon span:after,

    .bottom-bar .menu_trigger span.icon span:before { transition: all 0.3s; width: 100%; height: 5px; content: ''; position: absolute; left: 0; top: -13px; border-radius: 5px; background: #000; }

    .bottom-bar .menu_trigger span.icon span:after { top: 13px; }

    .bottom-bar .menu_trigger.open span.icon span { background: transparent; } 

    .bottom-bar .menu_trigger.open span.icon span:before { top: 0; transform: rotate(45deg); }

    .bottom-bar .menu_trigger.open span.icon span:after { top: 0; transform: rotate(-45deg); }



    .menu-bar { position: relative; top: 50px; z-index: 999; }

    .menu-bar .menu { background-color: #007BFF; }

    .menu-bar ul { display: flex; flex-wrap: wrap; justify-content: center; }

    .menu-bar ul li { padding: 30px 30px; font-size: 20px; }

    .menu-bar ul li a { color: #fff; }



    #header-part.stickyhead { z-index: 999; position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; box-shadow:0px 4px 4px rgba(0,0,0,0.2);}

	.stickyhead .header_sec .logo { max-width: 182px; }

	.stickyhead .header_sec .center { min-height: 100px; padding: 15px 60px 15px 20px; }



	.stickyhead .top-bar { display: none; }

	.stickyhead .header_sec .contact_detail .contact { padding: 0px 0 0px 40px; font-size: 15px; background-size: 25px; }

	.stickyhead  .header_sec .contact_detail .contact.email { padding-right: 30px; background-size: 27px; }

	.stickyhead .header_sec .contact_detail .contact.phone { margin-left: 14px; }

	.stickyhead .header_sec .inner { height: 85px; }

	.stickyhead .header_sec .menu_trigger span.icon span { width: 46px; height: 6px; }

	.stickyhead .header_sec .menu_trigger span.icon span:after, .stickyhead  .header_sec .menu_trigger span.icon span:before { width: 46px; height: 6px; top: -14px; }

	.stickyhead  .header_sec .menu_trigger span.icon span:after { top: 14px; }

	.stickyhead .header_sec .menu_trigger.open span.icon span:after, .stickyhead  .header_sec .menu_trigger.open span.icon span:before { top: 0; }



    @-webkit-keyframes stickyhead{

		0%{opacity:0;-webkit-transform:translateY(-100%) }

		100%{opacity:1;-webkit-transform:translateY(0)} 

	}	

	@-moz-keyframes nav-bar{ 

		0%{opacity:0;-moz-transform:translateY(-100%)}

		100%{opacity:1;-moz-transform:translateY(0)}

	}

	@keyframes stickyhead{

		0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}

		100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}

	}



/* content part */

#content-part { width: 100%; position: relative; }



    /* slider bar */

    .slider-bar { width: 100%; }

    .slider-bar .item { position: relative; background-repeat: no-repeat; background-size: cover; }

    .slider-bar .item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(23, 26, 39, 0.7); }

    .slider-bar .centering { min-height: 650px; align-items: center; }

    .slider-bar .content span { color: #2db7ff; font-size: 20px; text-transform: uppercase; font-weight: 600; display: inline-block; }

    .slider-bar .content h2 { margin-bottom: 20px; color: #fff; text-transform: uppercase; font-size: 50px; line-height: 1.2; }

    .slider-bar .content p { color: #fff; font-size: 18px; }

    .slider-bar .content { max-width: 615px; }

    .slider-bar .slick-dots { width: 100%; position: absolute; bottom: 25px; left: 0; text-align: center; display: flex; justify-content: center; }

    .slider-bar .slick-dots li { padding: 0 5px; }

    .slider-bar .slick-dots li button { width: 15px; height: 15px; border-radius: 50%; border: 0; cursor: pointer; font-size: 0; background-color: #fff; }

    .slider-bar .slick-dots li.slick-active button { background-color: #2db7ff; }

    .slider-bar.no-slider .centering { padding-bottom: 70px; min-height: 525px; align-items: flex-end; }

    .slider-bar.no-slider h1 { color: #fff; line-height: 1.2; font-size: 50px; font-family: "Poppins", sans-serif; font-weight: 600; text-transform: uppercase; }

    .slider-bar.no-slider .content p { padding-bottom: 30px; }



    /* feature bar */

    .feature-bar { padding-top: 40px; margin-bottom: 60px; width: 100%; }

    .feature-bar h2 span { color: #d51135; }

    .feature-bar .intro { margin-bottom: 46px; text-align: center; }

    .feature-bar .intro p { position: relative; }

    .feature-bar .intro p:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 1px; background-color: #d51135; }

    .feature-bar h2 { margin-bottom: 10px; }

    .feature-bar .item { margin-bottom: 25px; padding: 0 13px; width: 33.33%; }

    .feature-bar .image { margin-bottom: 15px; display: block; position: relative; overflow: hidden; }

    .feature-bar .fancybox-image { opacity: 0; visibility: hidden; }

    .feature-bar .image img:hover { transform: scale(1.1); }

    .feature-bar ul { margin-bottom: 20px; display: flex; flex-wrap: wrap; border: 1px solid #cdcdcd; }

    .feature-bar .image span { padding: 3px 35px; color: #fff; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 20px; position: absolute; bottom: 20px; right: 15px; background-color: #2db7ff; }

    .feature-bar .image img { width: 100%; transition: all 0.3s; }

    .feature-bar .row { margin: 0 -13px 18px; }

    .feature-bar ul li { padding: 8px 15px; width: 50%; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; color: #6b6f7f; white-space: nowrap; text-align: center; }

    .feature-bar ul li:nth-child(2n) { border-right: 0; }
    .feature-bar ul li:last-child { width: 100%; border-right: 0; border-bottom: 0; }

    .feature-bar h3 { padding-bottom: 8px; font-family: "Poppins", sans-serif; font-size: 23px; font-weight: 600; color: #23283b }

    .feature-bar .item p { font-size: 14px; line-height: 1.5; }

	.feature-bar ul.second { flex-wrap: wrap; border-top: 0px; margin-bottom: 20px; }

	.feature-bar ul.second li { width: 30%; }

	.feature-bar ul.second li:nth-child(2) { width: 40%; }

	.feature-bar ul.second li:nth-child(3) { border: 0px; }

	.feature-bar ul.second li:nth-child(4) { width: 100%; text-align: center; border-top: 1px solid #cdcdcd; }



    /* finance bar */

    .finance-bar { padding: 15px 0; width: 100%; min-height: 380px; text-align: center; background-repeat: no-repeat; background-size: cover; }

    .finance-bar h2 { margin-bottom: 10px; color: #fff; font-size: 40px; font-family: "Poppins", sans-serif; font-weight: 600; }

    .finance-bar p { color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 600; }



    /* quote bar */

    .quote-bar { padding: 70px 0; width: 100%; }

    .quote-bar .left { padding-top: 40px; width: 53%; }

    .quote-bar .right { width: 42%; }

    .quote-bar .centering { justify-content: space-between; }

    .quote-bar .right h3 { padding: 15px; color: #fff; text-align: center; text-transform: uppercase; font-size: 30px; background-color: #d51135; }

    .quote-bar .form { box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); }

    .quote-bar .form-control { margin-bottom: 20px; padding: 10px 16px; width: 100%; height: 55px; border: 1px solid #cdcdcd; font-size: 16px; color: #3b3b3b; font-family: "Poppins", sans-serif; }

    .quote-bar textarea.form-control { height: 163px; resize: none; }

    .quote-bar form { padding: 30px 20px; }

    .quote-bar .btn-secondary { border: 0; cursor: pointer; font-family: "Poppins", sans-serif; }

    .quote-bar .left p { padding-right: 50px; }

    .successmsg { text-align:center; color:#52b264; background: #fff; font-weight: 700; padding: 5px 10px; margin: 20px 0 0; width: 100%; border: 1px solid #52b264; }

    .form-error { display: block; font-size: 14px; line-height: 18px; color:#f00; padding: 10px; display:none !important; }

    #successmsg { height:1px; }



    /* about bar */

    .about-bar { margin-bottom: 80px; width: 100%; }

    .about-bar h2 span { color: #d51135; }

    .about-bar .intro p { padding-bottom: 10px; position: relative; }

    .about-bar .intro p:after { content: ''; position: absolute; bottom: 0; left: 0; width: 70px; height: 1px; background-color: #d51135; }

    .about-bar .left { padding: 45px 0; width: 50%; }

    .about-bar .image { width: 45%; }

    .about-bar h2 { margin-bottom: 10px; }

    .about-bar .intro { padding-bottom: 25px; }

    .about-bar .centering { justify-content: space-between; }

    .about-bar.service { margin-bottom: 0; background-repeat: no-repeat; background-size: cover; background-color: #fff; }

    .about-bar.service h2 { line-height: 1.1; }

    .about-bar.service .image { padding-top: 35px; }



    /* value bar */

    .value-bar { margin: 80px 0; padding: 75px 0; width: 100%; background-repeat: no-repeat; background-size: cover; }

    .value-bar .content { padding: 50px 35px; max-width: 610px; background-color: rgba(0, 0, 0, 0.7); }

    .value-bar span { color: #2db7ff; font-weight: 600; }

    .value-bar h2, .value-bar p { color: #fff; }

    .value-bar figure { width: 70px; }

    .value-bar .right { padding-left: 20px; width: 83%; }

    .value-bar ul li { padding-bottom: 30px; display: flex; flex-wrap: wrap; }

    .value-bar h2 { font-size: 36px; }

    .value-bar p { line-height: 1.55; }

    .value-bar ul { margin-top: 15px; }

    .value-bar ul li p { padding-bottom: 0; }



     /* solution bar */

    .solution-bar { padding: 80px 0; width: 100%; }

    .solution-bar .row { justify-content: space-between; }

    .solution-bar .item { margin-bottom: 24px; padding: 25px 20px; width: 32%; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.21); }

    .solution-bar .item figure { position: absolute; right: 10px; top: 25px; }

    .solution-bar p { padding-right: 80px; }

    .solution-bar ul li { padding-left: 25px; position: relative; }

    .solution-bar ul li:before { content: ''; position: absolute; left: 0; top: 12px; width: 15px; height: 3px; background-color: #35baff; }

    .solution-bar h3 { padding-bottom: 10px; font-size: 20px; }

    .solution-bar h2 { margin-bottom: 40px; }



    /* contact bar */

    .contact-bar { padding: 50px 0 70px; width: 100%; text-align: center; }

    .contact-bar h2 span { color: #d51135; }

    .contact-bar p { position: relative; }

    .contact-bar p:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 1px; background-color: #d51135; }

    .contact-bar .form-control { margin-bottom: 20px; padding: 10px 20px; width: 100%; height: 70px; border: 1px solid #a5a5a5; font-size: 18px; color: #3b3b3b; font-family: "Poppins", sans-serif; }

    .contact-bar .column { padding: 0 10px; width: 50%; }

    .contact-bar .column.full { width: 100%; }

    .contact-bar textarea.form-control { height: 200px; resize: none; }

    .contact-bar .btn-secondary { min-width: 250px; height: 60px; border: 0; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 400; cursor: pointer; background-color: #2db7ff; }

    .contact-bar .btn-secondary:hover { background-color: #d51135; }

    .contact-bar form { margin-top: 40px; }

    .contact-bar .centering { max-width: 790px; }

    .contact-bar select.form-control { color: #656565; -webkit-appearance: none; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: 97% center; background-color: #fff; }

    .contact-bar *::-webkit-input-placeholder { opacity:1; color: #656565; }

    .contact-bar *::-moz-placeholder {opacity:1;color: #656565; }

    .contact-bar *:-ms-input-placeholder {opacity:1;color: #656565;}



    /* map bar */

    .map-bar { padding: 80px 0; width: 100%; text-align: center; }

    .map-bar .left { width: 38%; }

    .map-bar .right { width: 54%; }

    .map-bar .centering { justify-content: center; align-items: center; }

    .map-bar iframe { width: 100%; height: 640px; }

    .map-bar h3 { padding-bottom: 5px; color: #d51135; font-weight: 700; font-size: 35px; text-transform: uppercase; font-family: "Poppins", sans-serif; }

    .map-bar address { padding-bottom: 15px; font-style: normal; font-size: 18px; line-height: 1.6; }

    .map-bar ul li { color: #000; font-size: 18px; font-family: "Oswald", sans-serif; font-weight: 600; text-transform: uppercase; }

    .map-bar ul li a { color: #000; }





/* content part */

#footer-part { width: 100%; position: relative; }



    /* footer bar */

    .footer-bar { padding: 40px 0; width: 100%; color: #fff; background-color: #23283b; }

    .footer-bar .left { padding-right: 45px; width: 42%; border-right: 1px solid #fff; }

    .footer-bar .center { padding-left: 35px; width: 28%; border-right: 1px solid #fff; }

    .footer-bar .right { padding-left: 35px; }

    .footer-bar .center li { margin-bottom: 5px; font-size: 18px; }

    .footer-bar .center li a { color: #fff; }

    .footer-bar .center li a:hover, .footer-bar .center li.active a { color: #d51135; }

    .footer-bar h3 { color: #fff; text-transform: uppercase; font-size: 34px; font-weight: 600; }

    .footer-bar .left a { margin-bottom: 10px; display: inline-block; }

    .footer-bar address strong { font-weight: 700; font-size: 20px; }

    .footer-bar address { font-style: normal; line-height: 1.6; font-size: 18px; }



    /* copyright bar */

    .copyright-bar { padding: 10px 0; width: 100%; text-align: center; background-color: #2db7ff; }

    .copyright-bar span, .copyright-bar span a  { color: #fff; }