@font-face { font-family: 'Bai Jamjuree'; src: url(../fonts/BaiJamjuree-Regular.eot); src: url(../fonts/BaiJamjuree-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/BaiJamjuree-Regular.woff2) format('woff2'), url(../fonts/BaiJamjuree-Regular.woff) format('woff'), url(../fonts/BaiJamjuree-Regular.ttf) format('truetype'), url(../fonts/BaiJamjuree-Regular.svg#BaiJamjuree-Regular) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: 'Bai Jamjuree'; src: url(../fonts/BaiJamjuree-Bold.eot); src: url(../fonts/BaiJamjuree-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/BaiJamjuree-Bold.woff2) format('woff2'), url(../fonts/BaiJamjuree-Bold.woff) format('woff'), url(../fonts/BaiJamjuree-Bold.ttf) format('truetype'), url(../fonts/BaiJamjuree-Bold.svg#BaiJamjuree-Bold) format('svg'); font-weight: 700; font-style: normal }
a, button { transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; color: #333; text-decoration: none; text-decoration: none!important; cursor: pointer }
button { border: none }
:focus { outline: 0!important; color: #333 }
a:focus { text-decoration: none; text-decoration: none }
a:hover { text-decoration: none }
::after, ::before, a>img, svg { transition: all .8s ease 0s; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s }
.input_box .input, body, html, input, ol>li, p, span, ul>li { color: #555; font-family: 'Bai Jamjuree', Arial, sans-serif; font-weight: 400 }
body, html, ol>li, p, span, ul>li { font-size: 16px; line-height: 1.5em }
.input_box .input, input { font-size: 18px }
.button, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Bai Jamjuree', Arial, sans-serif; font-weight: 700; color: #333; text-transform: capitalize; line-height: normal; margin: 0 0 10px 0 }
.container { width: 100%; max-width: 1200px }
body, html { text-rendering: auto }
body { background: #fff }
p { line-height: 30px; margin-bottom: 10px; display: block }
.noscript { background: rgba(0,0,0,.7); color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 }
.noscript p { margin-bottom: 0; color: #fff; display: inline-block; position: relative; padding: 0 0 0 50px }
.noscript p i { vertical-align: middle; height: 36px; width: 39px; display: block; position: absolute; left: 0; top: -5px }
ul { padding: 0; margin: 0 }
ol>li, ul>li { word-wrap: break-word; list-style: none; position: relative; text-align: left }
ol>li, ul>li>ol>li { list-style: decimal; list-style-position: outside }
ol>li>ol>li { list-style-type: lower-alpha }
figure { margin: 0 }
.h1, h1 { font-size: 50px }
.h2, h2 { font-size: 40px }
.h3, h3 { font-size: 30px }
.h4, h4 { font-size: 24px }
.h5, h5 { font-size: 20px }
.h6, h6 { font-size: 18px }
.service-detail-page h1 { margin: 0 0 20px 0; line-height: 40px; font-size: 40px }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block; line-height: normal }
img { max-width: 100%; height: auto; width: auto }
.alignleft { float: left }
.alignright { float: right }
img.alignleft { margin: 0 30px 20px 0 }
img.alignright { margin: 0 0 20px 30px }
img.aligncenter { display: block; margin: 0 auto 20px auto }
.flex { display: flex }
.pull-right { float: right }
.site-main { overflow: hidden }
.owl-theme .owl-controls { margin: 0 }
.owl-carousel .owl-item { backface-visibility: visible!important }
.owl-nav button { background: 0 0 }
.owl-carousel .owl-item img { width: 100% }
.mt10 { margin-top: 10px!important }
.mt15 { margin-top: 15px!important }
.mt20 { margin-top: 20px!important }
.mt30 { margin-top: 30px!important }
.mt40 { margin-top: 40px!important }
.mb10 { margin-bottom: 10px!important }
.mb15 { margin-bottom: 15px!important }
.mb20 { margin-bottom: 20px!important }
.mb30 { margin-bottom: 30px!important }
.mtb10 { margin-bottom: 10px!important; margin-top: 10px!important }
.mtb15 { margin-bottom: 15px!important; margin-top: 15px!important }
.mtb20 { margin-bottom: 20px!important; margin-top: 20px!important }
.mtb30 { margin-bottom: 30px!important; margin-top: 30px!important }
.pt10 { padding-top: 10px!important }
.pt15 { padding-top: 15px!important }
.pt20 { padding-top: 20px!important }
.pt30 { padding-top: 30px!important }
.pb10 { padding-bottom: 10px!important }
.pb15 { padding-bottom: 15px!important }
.pb20 { padding-bottom: 20px!important }
.pb30 { padding-bottom: 30px!important }
.ptb10 { padding-bottom: 10px!important; padding-top: 10px!important }
.ptb15 { padding-bottom: 15px!important; padding-top: 15px!important }
.ptb20 { padding-bottom: 20px!important; padding-top: 20px!important }
.ptb30 { padding-bottom: 30px!important; padding-top: 30px!important }
body.sticky { overflow: hidden }
.transition { -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
noscript { background: rgba(0,0,0,.7); color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 }
noscript p { margin-bottom: 0; color: #fff; display: inline-block; position: relative; padding: 0 0 0 50px; height: 40px; line-height: 50px }
noscript p .warning-icon { background: url(../images/noscript.png) no-repeat center center; display: block; position: absolute; left: -10px; top: -18px; height: 76px; width: 74px; transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); -webkit-transform: scale(.5) }
.my_pagination .pagination li a, .my_pagination .pagination li span { background-color: transparent; border: medium none; margin: 0; border-radius: 0!important; -moz-border-radius: 0!important; -ms-border-radius: 0!important; -o-border-radius: 0!important; -webkit-border-radius: 0!important; display: block; padding: 0 0; font-size: 18px; color: #333; text-align: center!important; width: 40px; height: 72px; transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; font-weight: 700; line-height: 72px }
.my_pagination .pagination li { padding: 0; float: none; display: inline-block; vertical-align: top; position: relative; margin-right: 10px }
.my_pagination .pagination li:last-child { margin-right: 0 }
.my_pagination .pagination li:before { content: ""; width: auto; pointer-events: none; background: #0089d0; height: 5px; position: absolute; left: 0; right: 0; top: 0; opacity: 0; transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -ms-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; -webkit-transition: all .7s ease 0s; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 }
.my_pagination .pagination li:after { content: ""; background: #0089d0; pointer-events: none; height: 5px; position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -ms-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; -webkit-transition: all .7s ease 0s; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0) }
.my_pagination .pagination li.active:before, .my_pagination .pagination li.selected:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.my_pagination .pagination li.active:after, .my_pagination .pagination li.selected:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.my_pagination .pagination li+li { margin-top: 0!important }
.my_pagination .pagination li.disabled { cursor: not-allowed; display: none }
.my_pagination .pagination li.active a, .my_pagination .pagination li.active span, .my_pagination .pagination li.selected a, .my_pagination .pagination li.selected span { color: #0089d0 }
.my_pagination .pagination { position: relative; margin: 0; clear: both; border-radius: 0!important; -moz-border-radius: 0!important; -ms-border-radius: 0!important; -o-border-radius: 0!important; -webkit-border-radius: 0!important; text-align: center; display: block; font-size: 0; height: 72px }
.my_pagination .pagination:before { content: ""; background: #ddd; position: absolute; height: 1px; left: 0; right: 0; top: 0; z-index: -1 }
.my_pagination .pagination:after { content: ""; background: #ddd; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; z-index: -1 }
.my_pagination { display: block; float: none; margin: 30px auto 0; text-align: center }
.my_pagination .pagination li a.next, .my_pagination .pagination li a.prev, .my_pagination .pagination li span.next, .my_pagination .pagination li span.prev { text-indent: -9999px; position: relative }
.my_pagination .pagination li a svg { position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50% }
.owl-nav { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; background: 0 0; pointer-events: none }
.owl-nav div { pointer-events: auto }
.owl-nav .owl-prev { float: left }
.owl-nav .owl-next { float: right }
.owl-nav div svg { fill: #bbb }
.owl-dots { margin: 0; text-align: center }
.owl-dots .owl-dot { height: 30px; width: 7px; background: 0 0; margin: 0 15px; position: relative; background: #bbb; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); display: inline-block; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.home_banner_slider .owl-dots .owl-dot.active, .owl-dots .owl-dot.active { background: #0089d0 }
.button { background: 0 0; min-width: 270px; min-height: 50px; display: inline-flex!important; justify-content: center; align-items: center; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; position: relative; line-height: 50px; border: none; padding: 0 15px; text-transform: uppercase; z-index: 1; color: #fff!important; font-size: 16px; margin: 0; overflow: hidden; font-weight: 700; height: 50px; letter-spacing: .06em }
.button_primary { background: #0089d0 }
.button_secondary { background: #666 }
.button:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #333; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); opacity: 0; pointer-events: none }
.container-main, .inner_banner_section { margin-top: 0 }
.logged-in .container-main.home-page { margin-top: 0 }
.input_box { display: inline-block; width: 100%; max-width: 100%; margin-bottom: 22px; position: relative; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.input_box .input { line-height: 50px!important; font-size: 16px; color: #333; border: none; padding: 0; height: 50px; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-bottom: 2px solid #bbb; background: 0 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; width: 100%; text-transform: none }
.input_box .input::-webkit-input-placeholder {
color:#333;
opacity:1
}
.input_box .input:-moz-placeholder {
color:#333;
opacity:1
}
.input_box .input::-moz-placeholder {
color:#333;
opacity:1
}
.input_box .input:-ms-input-placeholder {
color:#333;
opacity:1
}
.home_footer_main .footer_newsletter_form .input_box .input:focus, .input_box .input:focus { background: 0 0!important }
.input_box .input-label, .input_box .input_label { position: absolute; top: 0; left: 0; margin: 0 0 0; font-size: 18px; line-height: 45px!important; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; color: #333; pointer-events: none }
.home_newsletter_box .input_box .input_label { color: #fff }
.input_box.text_box { min-height: 90px; height: 90px }
.input_box textarea.input { resize: none; min-height: 90px; width: 100%; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; overflow: hidden }
.captcha_box { margin-bottom: 30px }
.require { color: #000; font-size: 14px; display: block; margin: 0 }
.input_box.attach_file:before { content: ""; position: absolute; right: 10px; top: 15px; background: url(../images/fetch_icon.svg); width: 22px; height: 22px; pointer-events: none; margin: 0 }
form .button { padding: 0 0 }
.button>input { background: 0 0; border: none; padding: 0 0; color: #fff; cursor: pointer; font-size: 16px; text-transform: uppercase; font-weight: 600; display: inline-block; width: 100%; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; height: 100%; padding: 0 15px; letter-spacing: .04em }
.input_box.select_box { position: relative; width: 100% }
.input_box.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; background: 0 0; background-color: transparent!important }
select::-ms-expand {
display:none
}
.input_box.select_box select option { background: 0 0!important; background-color: transparent!important }
.input_box.select_box:before { content: ""; position: absolute; background: url(../images/main_select_arrow.svg) no-repeat; height: 8px; width: 13px; top: 50%; right: 20px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: none; margin: -2px 0 0 0 }
.input_box.select_box .input { -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; min-width: 100%; width: 100%; line-height: normal }
.input_box.select_box .input option { color: #333 }
label.error, label.recaptcha-error-message { position: absolute; margin: 0 0 0 20px; line-height: normal; display: block; font-size: 12px; color: red }
label.recaptcha-error-message { margin: 0 }
.input_box.filled .input-label, .input_box.focus .input-label, .select_box.filled .input-label, .select_box.focus .input-label { top: -17px!important; font-size: 12px!important; opacity: 1 }
.select_box .input-label { opacity: 0 }
.lbl-input { font-size: 15px; font-weight: 400; color: #444; line-height: 32px; display: block; margin: 6px 0 0 0 }
.input-file { position: absolute; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; cursor: pointer; color: #909090; z-index: 3 }
input[type=file]::-webkit-file-upload-button {
visibility:hidden
}
.file-box:before { content: ""; display: block; width: 21px; height: 24px; background: url(images/sprite.png) no-repeat -191px -184px transparent; position: absolute; right: 17px; top: 13px; pointer-events: none; z-index: 2; color: #909090 }
.file-box .input.input-text { border: 2px dashed #ddd!important; padding: 0 50px 0 14px; color: #909090 }
.select_box { position: relative; margin: 0 0 22px 0 }
.select_box .icon { position: absolute; right: 17px; top: 20px; pointer-events: none; z-index: 2 }
.select { -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; color: #909090 }
.select option { color: #444 }
.file-box:after, .select-box:after { width: 60px }
.submit_box:after { display: none }
.input_box .input:focus, .select:focus { border-color: #0089d0 }
.lbl-radio { position: relative; padding-left: 32px; display: block; cursor: pointer; margin: 10px 29px 18px 0 }
.radio-input-icon { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 2px solid #909090; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 5px }
.input-radio { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; margin: 0 }
.radio-input-name { line-height: 20px; display: inline-block; vertical-align: top; font-size: 16px; color: #232021 }
.radio-input-icon:before { content: ""; display: block; width: 6px; height: 6px; background: #fa9200; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; opacity: 0; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease }
.input-radio:checked~.radio-input-icon:before { opacity: 1 }
.input-radio:checked~.radio-input-icon { border-color: #fa9200 }
.lbl-checkbox { position: relative; padding-left: 32px; display: block; cursor: pointer; line-height: normal!important }
.checkbox-input-icon { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 2px solid #ccc; background: #fff }
.input-checkbox { position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; margin: 0 }
.checkbox-input-name { line-height: 24px; display: inline-block; vertical-align: top; font-size: 16px; color: #232021 }
.checkbox-input-icon:before { width: 20px; height: 20px; opacity: 0; background-position: -148px -217px; position: absolute; left: 0; top: 0 }
.input-checkbox:checked~.checkbox-input-icon:before { opacity: 1 }
.input-checkbox:checked~.checkbox-input-icon { border-color: #fa9200 }
.grecaptcha-badge { z-index: 3; bottom: 10px!important }
.scroll-top { position: fixed; right: -20px; bottom: -20px; height: 40px; width: 40px; background: #0089d0; opacity: 0; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -ms-box-shadow: 0 0 5px rgba(0,0,0,.2); -o-box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2) }
.scroll-top span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent }
.scroll-top.transition.visible { bottom: 100px; opacity: 1; right: 20px }
h2.home_title { font-size: 40px; margin: 0 0 30px 0; padding: 0 0; line-height: 70px; text-transform: uppercase }
.content_title { max-width: 780px; margin: 0 auto 20px auto; text-align: center; padding: 0 15px }
.content_title strong { font-size: 16px; font-weight: 500; line-height: 1.5em; padding: 0 0 5px 0; position: relative; margin: 0 0 19px 0; display: inline-block; color: #0089d0 }
.content_title strong:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background: #0089d0 }
.content_title .h4 { line-height: 40px; text-transform: none; margin: 0; color: #555; font-weight: 400 }
.site-main>header { z-index: 99; position: absolute; top: 0; left: 0; right: 0; width: 100%; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.header { position: relative; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.site-main>header.navbar-fixed.sticky .header { box-shadow: 0 0 5px rgba(0,0,0,.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,.5); -ms-box-shadow: 0 0 5px rgba(0,0,0,.5); -o-box-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5) }
.logo { padding: 19px 0 17px 0 }
.header_right_main { display: flex; justify-content: space-between; align-items: center; position: relative }
.header_call { font-weight: 700; font-size: 16px; color: #fff }
.top_header_details { position: absolute; right: 45px; top: -10px }
.top_header_details ul li { display: inline-block; margin: 0 0 0 20px }
.top_header_details ul li span { font-weight: 700; font-size: 16px; color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.top_header_details ul li span:hover { color: #0089d0 }
.top_header_details ul li i { color: #0089d0; font-size: 20px; margin: 0 10px 0 0; vertical-align: middle }
.head-social { display: none }
.head-social ul li { display: inline-block; margin: 0 0 0 10px }
.head-social ul li i { color: #0089d0; font-size: 18px; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.home_banner { position: relative; padding: 0 0; text-align: center; z-index: 1 }
.home_banner:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 93px; background: #0089d0; z-index: -1; pointer-events: none }
.home_banner .h1, .home_banner h1 { margin: 0 0; color: #fff }
.home_banner_slider figure.home_banner_box { position: relative }
.home_banner_slider figure.home_banner_box:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4) }
.home_banner_slider figure.home_banner_box figcaption { position: absolute; top: 50%; transform: translate(-600px, -50%); -moz-transform: translate(-600px, -50%); -ms-transform: translate(-600px, -50%); -o-transform: translate(-600px, -50%); -webkit-transform: translate(-600px, -50%); left: 50%; max-width: 800px; padding: 0 15px; text-align: left; margin-top: 1px; width: 100% }
.home_banner_slider figure.home_banner_box figcaption span.top_content { color: #fff; text-transform: uppercase; font-size: 18px; line-height: normal; margin: 0 0 18px 0; font-weight: 700 }
.home_banner_slider figure.home_banner_box figcaption span { color: #fff; display: block }
.home_banner_slider figure.home_banner_box figcaption .h1, .home_banner_slider figure.home_banner_box figcaption h1 { text-transform: uppercase; margin: 0 0 25px 0; line-height: 70px }
.home_banner_slider .owl-dots { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 85px }
.home_banner_slider .owl-dots .owl-dot { background: #fff }
.home_logo_main { display: flex; justify-content: center; align-items: center; padding: 40px 0; border-bottom: 1px solid #bbb }
.home_logo_main .home_logo_box { display: block }
.home_logo_main .home_logo_box+.home_logo_box { margin: 0 0 0 82px }
.banner_logo { position: absolute; right: 15%; top: 50%; transform: translateY(-50%) }
.banner_logo img { width: auto!important; margin: 0 auto 20px; height: 126px!important }
.inner-banner_img_main .banner_logo img { display: block }
.home_services { max-width: 1600px; margin: 0 auto; padding: 48px 15px 58px 15px }
.home_services h2.home_title { text-align: center }
.service_main_box { display: block; position: relative; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% }
.service_main_box figure { position: relative; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; z-index: 1; padding-bottom: 100% }
.service_main_box figure:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.1); z-index: 1 }
.service_main_box figure:after { content: ""; position: absolute; background: url(../images/service_bg.png) repeat-x; left: 0; right: 0; height: 210px; bottom: 0; z-index: 0 }
.service_main_box figure img { border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%) }
.service_main_box figure figcaption { position: absolute; left: 0; right: 0; margin: 120px auto 0 auto; max-width: 240px; text-align: center; z-index: 1; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; padding: 0 10px }
.home_services .col-6:last-child .service_main_box figure figcaption { margin: 105px auto 0 auto }
.service_main_box figure figcaption h4 { color: #fff; margin: 0 0; line-height: 30px }
.home_services .text-center { margin-top: 59px }
.home_workprocess { text-align: center; padding: 0 0 79px 0 }
.home_workprocess_main { display: flex; justify-content: space-between; padding-top: 60px }
.home_workprocess_box { position: relative; max-width: 210px }
.home_workprocess_box span { display: block; position: relative; height: 110px; width: 110px; background: #0089d0; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto }
.home_workprocess_box span svg { fill: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.home_workprocess_box figcaption { margin: 30px 0 0 0 }
.home_workprocess_box figcaption .h6, .home_workprocess_box figcaption h6 { margin: 0 0 16px 0 }
.home_workprocess_box figcaption p { line-height: 30px; margin: 0 }
.home_workprocess_box+.home_workprocess_box { margin: 0 0 0 30px }
.home_workprocess_box:nth-child(2) { margin-top: 60px }
.home_workprocess_box:nth-child(4) { margin-top: -59px }
.home_workprocess_box span:before { content: ""; position: absolute; left: 5px; width: 240px; height: 2px; background: #bbb; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1 }
.home_workprocess_box:nth-child(1) span:before { transform: translateY(-50%) rotate(15deg); -moz-transform: translateY(-50%) rotate(15deg); -ms-transform: translateY(-50%) rotate(15deg); -o-transform: translateY(-50%) rotate(15deg); -webkit-transform: translateY(-50%) rotate(15deg); margin-top: 18px; z-index: -1 }
.home_workprocess_box:nth-child(2) span:before { transform: translateY(-50%) rotate(-15deg); -moz-transform: translateY(-50%) rotate(-15deg); -ms-transform: translateY(-50%) rotate(-15deg); -o-transform: translateY(-50%) rotate(-15deg); -webkit-transform: translateY(-50%) rotate(-15deg); margin-top: -14px; z-index: -1 }
.home_workprocess_box:nth-child(3) span:before { transform: translateY(-50%) rotate(-15deg); -moz-transform: translateY(-50%) rotate(-15deg); -ms-transform: translateY(-50%) rotate(-15deg); -o-transform: translateY(-50%) rotate(-15deg); -webkit-transform: translateY(-50%) rotate(-15deg); margin-top: -19px; z-index: -1 }
.home_workprocess_box:nth-child(4) span:before { transform: translateY(-50%) rotate(15deg); -moz-transform: translateY(-50%) rotate(15deg); -ms-transform: translateY(-50%) rotate(15deg); -o-transform: translateY(-50%) rotate(15deg); -webkit-transform: translateY(-50%) rotate(15deg); margin-top: 12px; z-index: -1 }
.home_workprocess_box:nth-child(5) span:before { display: none }
.home_newsletter { padding: 60px 0 80px 0; position: relative; z-index: 1; background-attachment: fixed; background-position: center center; background-size: cover }
.home_newsletter:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: -1; pointer-events: none }
.home_newsletter_box { max-width: 800px; margin: 0 auto; text-align: center; padding: 0 15px }
.home_newsletter_box h2.home_title { color: #fff; margin: 0 0 35px 0 }
.home_newsletter_box .input_box { margin: 0 0 40px 0 }
.home_newsletter_box .input_box .input { color: #fff; border-color: #fff }
.home_newsletter_box .input_box .input-label { color: #fff }
.home_newsletter_box .input_box.text_box { min-height: 50px; height: 50px; margin: 0 0 50px 0 }
.home_newsletter_box .input_box.text_box textarea.input { min-height: 50px }
.home_newsletter_box .input_box.select_box:before { background: url(../images/select_arrow.svg) no-repeat }
.home_welcome { padding: 58px 0 70px 0 }
.welcome_content_main { max-width: 1000px; margin: 0 auto; text-align: center; padding: 0 15px; position: relative }
.welcome_content_main h2.home_title { margin: 0 0 20px 0 }
.welcome_content_main p+p { margin-top: 30px }
.welcome_content_main .about_us_content ul { display: inline-block; column-count: 2 }
.welcome_content_main .about_us_content ul>li { padding: 0 0 0 20px; line-height: 30px }
.welcome_content_main .about_us_content ul>li:before { height: 10px; width: 10px; border-radius: 50%; background: #0089d0; content: ""; position: absolute; top: 9px; left: 0 }
.welcome_content_main .about_us_content ul>li+li { margin-top: 10px }
.welcome_content_main a.welcome_button { display: block; position: absolute; padding: 0; bottom: 0; right: 0; height: 20px; width: 20px; margin: 0 73px 10px 0 }
.welcome_content_main a.welcome_button:before { content: "+"; position: absolute; font-size: 30px; color: #0089d0; top: 0; left: 0; font-weight: 700 }
.home_brandlogo_slider { padding: 50px 0 47px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
.home_brandlogo_slider .owl-item img { width: auto; max-width: 100%; margin: 0 auto }
.home_brandlogo_slider .home_brandlogo_main { display: block }
.home_gallery { padding: 58px 0 }
.home_gallery h2.home_title {    color: #0089d0;margin: 0 0 31px 0;text-align: center;text-transform: capitalize;}
.home_gallery .home_gallery_slider { max-width: 1370px; margin: 0 auto; padding: 0 100px }
.home_gallery .home_gallery_slider .right_box { display: flex; justify-content: space-between; margin-bottom: 30px }
.home_gallery .home_gallery_slider .home_gallery_box { display: block; position: relative; overflow: hidden; z-index: 1 }
.home_gallery .home_gallery_slider .home_gallery_box+.home_gallery_box { margin-left: 30px }
.home_gallery .home_gallery_slider .home_gallery_box:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); opacity: 0; z-index: 1 }
.home_gallery .home_gallery_slider .home_gallery_box:after { content: "+"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); font-size: 120px; font-weight: 500; color: #fff; z-index: 1 }
.home_gallery .home_gallery_slider .owl-nav svg { fill: #bbb }
.home_testimonial { padding: 0 0 80px 0 }
.home_testimonial h2.home_title { text-align: center; margin: 0 0 27px 0 }
.home_testimonial .home_testimonial_slider { max-width: 1370px; margin: 0 auto; padding: 0 100px }
.home_testimonial .home_testimonial_slider .home_testimonial_main { max-width: 1030px; margin: 0 auto; text-align: center; padding: 0 30px }
.home_testimonial .home_testimonial_slider .home_testimonial_main .home_testimonial_svg { display: flex; justify-content: center; margin: 0 0 30px 0 }
.home_testimonial .home_testimonial_slider .home_testimonial_main .home_testimonial_svg span { margin: 0 5px; display: block }
.home_testimonial .home_testimonial_slider .home_testimonial_main .home_testimonial_svg span svg { fill: #0089d0 }
.home_testimonial .home_testimonial_slider .home_testimonial_main p { margin: 0 0; position: relative }
.home_testimonial .home_testimonial_slider .home_testimonial_main p:before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url(../images/quote.png) no-repeat center center; height: 74px; width: 100px; z-index: -1 }
.home_testimonial .home_testimonial_slider .home_testimonial_main h4.clients_name { margin: 32px 0 0 0; line-height: 30px; text-align: center }
.home_contact { background: #333; padding: 80px 0 73px 0 }
.home_contact .home_map {     width: 100%;max-width: 100%; /*border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%;*/ overflow: hidden; background: #ccc; display: inline-block; height: 580px }
.home_contact .home_map iframe { height: 100%; width: 100%; /*border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%*/ }
.home_contact_main h2.home_title { margin: 0; color: #fff }
.home_contact_box { display: flex; justify-content: space-between; margin-top: 70px }
.home_contact_box+.home_contact_box { margin-top: 74px }
.home_contact_box .home_contact_inner_box { display: flex; flex-wrap: wrap; width: 270px }
.home_contact_box .home_contact_inner_box span { display: block; width: 50px }
.home_contact_box .home_contact_inner_box span svg { fill: #119ce4 }
.home_contact_box .home_contact_inner_box .contact_content { padding-left: 20px; max-width: 215px }
.home_contact_box .home_contact_inner_box .contact_content .h6, .home_contact_box .home_contact_inner_box .contact_content a, .home_contact_box .home_contact_inner_box .contact_content h6, .home_contact_box .home_contact_inner_box .contact_content p { color: #fff; margin: 0; line-height: 30px }
.home_contact_box .home_contact_inner_box .contact_content .h6, .home_contact_box .home_contact_inner_box .contact_content h6 { margin: -8px 0 12px 0 }
.home_contact_box .home_contact_inner_box+.home_contact_inner_box { margin-left: 30px }
.footer { padding: 71px 0 0 0 }
.footer_links { column-count: 3; margin: 0 0; display: block }
.footer_links li { padding: 0 20px 0 0 }
.footer_links li a { line-height: 30px; font-size: 16px; font-weight: 400; color: #333 }
.footer_links li.active a { color: #0089d0 }
.footer_links li a.more_links { font-weight: 700; color: #0089d0 }
.footer_links li+li { margin-top: 18px }
.footer .social_links_main { text-align: right; padding: 10px 0 }
.footer .social_links_main .social_links { text-align: center; display: flex; justify-content: flex-end; margin-top: 30px; margin-right: 44px }
.footer .social_links_main .social_links li a { display: block; position: relative; height: 60px; width: 60px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; background: #0089d0 }
.footer .social_links_main .social_links li a:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; background: #666; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0) }
.footer .social_links_main .social_links li+li { margin-left: 19px }
.footer .social_links_main .social_links li a svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); fill: #fff }
.copy_right { margin-top: 62px; padding: 6px 0; text-align: center; border-top: 1px solid #ccc }
.copy_right p { margin: 0 0; line-height: 60px }
.inner_page_header .header .header_search_main { display: inline-block }
.inner-banner { position: relative; overflow: hidden }
.inner-banner_img_main { position: relative; overflow: hidden }
.inner-banner_img_main .banner_logo { top: 70%; z-index: 99 }
.inner_banner_section.no-banner .inner-banner_img_main { background: #ededed; min-height: 250px }
.inner_banner_section.has-banner .inner-banner_img_main { position: relative }
.inner_banner_section.has-banner .inner-banner_img_main:before { background: rgba(0,0,0,.5) none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 20 }
.inner_banner_section.has-banner .inner-banner_img_main .inner_banner_caption .h1, .inner_banner_section.has-banner .inner-banner_img_main .inner_banner_caption h1 { color: #fff }
.inner-banner-img { background-position: center center!important; background-size: cover!important; min-height: 250px }
.inner-banner_img_main img { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: auto; width: 100%; max-width: 100% }
.inner-banner-title { display: block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 50; margin-top: 0; text-align: center }
.position_relative { position: relative }
.center_box { text-align: center }
.left_box { text-align: left }
.right_box { text-align: right }
.inner_banner_caption.left_box { margin: 172px 0 0 0; max-width: 560px; padding: 0 15px 0 0; width: 100% }
.inner_banner_caption p { color: #fff; margin: 0 0 41px 0 }
.inner_banner_caption.left_box .h1, .inner_banner_caption.left_box h1 { margin: 0 0 40px 0 }
.inner_banner_caption .h1.video_banner_title, .inner_banner_caption h1.video_banner_title { font-size: 100px; font-weight: 400; font-family: 'Covered By Your Grace'; margin: 0 0 50px 0 }
.inner_banner_caption.left_box p { margin: 0 0 45px 0 }
.inner_banner_caption { max-width: 800px; margin: 200px auto 0 auto; padding: 0 20px; float: none; width: 100% }
.inner-banner-title .breadcrumb { float: left; width: 100%; margin: 0 }
.inner_banner_caption .h1, .inner_banner_caption h1 { margin: 0 auto; position: relative; width: 100%; font-size: 42px }
.inner-banner-title .breadcrumb { background-color: rgba(0,0,0,0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99 }
.inner-banner .breadcrumb li:first-child { padding-left: 0 }
.inner-banner .breadcrumb li { display: inline-block; font-size: 18px; margin: 0; position: relative; color: #333; font-weight: 400 }
.inner-banner .breadcrumb li a { color: #333; font-size: 18px; text-transform: capitalize; font-weight: 400 }
.breadcrumb_main ol.breadcrumb { text-align: center; display: block; padding: 20px 0; background: 0 0; margin: 0 }
.breadcrumb>li+li::before { color: #333; content: "|"; padding: 0 7px 0 5px; font-size: 18px; font-weight: 400 }
.inner-banner .breadcrumb li.active, .inner-banner .breadcrumb li.selected { color: #0089d0 }
.content-area { padding: 80px 0 }
.content-area a.inner_link, .content-area p a { color: #0089d0; line-height: normal; border-bottom: 1px solid #feea3b; font-weight: 500 }
.content-area a { color: #0089d0 }
.content-area ul { padding: 0; margin: 0 0 30px 0 }
.content-area ol>li, .content-area ul>li { margin: 0 0 15px 0 }
.content-area ol>li>ol, .content-area ol>li>ul, .content-area ul>li>ol, .content-area ul>li>ol>li>ul, .content-area ul>li>ul { margin: 10px 0 0 0 }
.content-area ol>li, .content-area ul>li { padding: 0 0 0 25px; margin: 0 0 15px 0 }
.content-area ul>li:before { content: ""; position: absolute; left: 5px; top: 10px; height: 10px; width: 10px; background: #0089d0; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% }
.content-area ol>li>ul>li:before, .content-area ul>li>ol>li>ul>li:before, .content-area ul>li>ul>li:before { content: ""; position: absolute; left: 5px; top: 13px; height: 10px; width: 10px; background: #0089d0; border: 1px solid #0089d0; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% }
.content-area ul>li>ol>li>ul>li:before, .content-area ul>li>ul>li>ul>li:before { background: 0 0 }
.content-area ol { padding: 0 }
.content-area ol>ol, .content-area ol>ul { padding: 0 0 0 10px }
.content-area ul ol, .content-area ul ul { padding: 0 }
.content-area ol>li, .content-area ul>li>ol>li { padding: 0 }
.content-area ol>li>ol>li { padding: 0 }
.content-area ol>li>ol { padding: 0 0 0 20px }
.content-area table { width: 100% }
.content-area td { padding: 11px 12px; border: 1px solid #ccc; color: #333; line-height: 24px; font-size: 16px }
.content-area th { font-weight: 700; color: #000; padding: 5px 10px; border: 1px solid #ccc; font-size: 16px; line-height: 24px; padding: 12px 13px 9px 13px }
.content-area ol>li, .content-area p, .content-area ul>li { font-size: 16px; line-height: 30px }
.content-area p+p { margin-top: 35px }
.content-area p:last-child { margin-bottom: 0 }
.content-area .h1, .content-area .h2, .content-area .h3, .content-area .h4, .content-area .h5, .content-area .h6, .content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6 { margin: 35px 0 10px 0; color: #333 }
.content-area .h1:first-child, .content-area .h2:first-child, .content-area .h3:first-child, .content-area .h4:first-child, .content-area .h5:first-child, .content-area .h6:first-child, .content-area h1:first-child, .content-area h2:first-child, .content-area h3:first-child, .content-area h4:first-child, .content-area h5:first-child, .content-area h6:first-child { margin: 0 0 10px 0 }
.about_main .about_work { padding-top: 70px; text-align: center }
.about_main .about_work h2.home_title { margin: 0 0 30px 0 }
.logos { padding: 80px 0 0 0 }
.about_content { max-width: 800px; margin: 0 auto; text-align: center }
.contact_main h2.home_title { margin: 0 0 30px 0 }
.contact_main form .button { margin: 18px 0 0 0 }
.services_box { margin: 70px 0 }
.services_box .service_main_box { margin: 0 0 30px 0 }
.services_box .service_main_box figure figcaption .h5, .services_box .service_main_box figure figcaption h5 { color: #fff; margin: 0 }
.services_box .my_pagination { margin: 50px auto 0 }
.service_detail_main h2 { margin: 0 0 10px 0 }
.faq_box_main { margin: 0 }
.faq_content_main p:last-child { margin-bottom: 0 }
.faq_content_main p { margin-bottom: 20px }
.faq_box_main .accordion .card { border-radius: 0; border: none }
.faq_box_main .accordion .card .card-header { padding: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid #ccc; margin: 0 0 }
.faq_box_main .accordion .card .card-header button { display: block; padding: 5px 35px 5px 0; width: 100%; border-radius: 0; text-align: left; position: relative; font-size: 20px; cursor: pointer; border: 0; background: 0 0; color: #0089d0 }
.faq_box_main .accordion .card .card-header button.collapsed { color: #333; background: 0 0 }
.faq_box_main .accordion .card+.card { margin-top: 15px }
.faq_box_main .accordion .card .card-header button:before { content: "-"; position: absolute; right: 0; top: -13px; font-size: 40px; font-weight: 500; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.faq_box_main .accordion .card .card-header button.collapsed::before { content: "+"; position: absolute; right: 0; top: -13px; font-size: 40px; font-weight: 500; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease }
.card-body { padding: 10px 0 0 0 }
.faq_box_main .accordion .card .card-body ul { padding: 0 0 0 20px; margin: 0 }
.faq_box_main .accordion .card .card-body ul li+li { margin-top: 5px }
.faq_box_main .accordion .card .card-body ul li a { font-size: 17px; color: #606060 }
.faq_box_main .accordion .card .card-body ul li.active a, .faq_box_main .accordion .card .card-body ul li.selected a { color: #d81e05; text-decoration: underline }
.faq_box_main .accordion .card .card-body .archives_main { padding: 0 }
.faq_box_main .accordion .card .card-body .archives_main ul { padding: 0 }
.faq_box_main .accordion .card .card-header button:focus, .faq_box_main .accordion .card .card-header button:hover { text-decoration: none; outline: 0 }
.faq_box_main .accordion .card .card-body ul li a:hover { color: #d81e05; text-decoration: underline }
.gallery_main .gallery_box { display: block; margin: 0 0 30px 0; position: relative; z-index: 1; overflow: hidden }
.gallery_main .gallery_box:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); opacity: 0; z-index: 1 }
.gallery_main .gallery_box:after { content: "+"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); opacity: 0; font-weight: 400; font-size: 120px; color: #fff; z-index: 1; pointer-events: none; display: block; height: 65px; width: 65px; line-height: 55px }
.testimonial-page { padding: 60px 0 80px 0 }
.testimonial_main { max-width: 800px; margin: 0 auto }
.testimonial_main .testimonial { text-align: center; position: relative; padding-top: 50px }
.testimonial_main .testimonial p { margin-bottom: 20px }
.testimonial_main .testimonial .testimonial_client { display: block; font-size: 24px; font-weight: 600; margin-bottom: 10px; color: #333 }
.testimonial_main .testimonial .testimonial_date { font-size: 14px; text-transform: capitalize; display: block }
.testimonial_main .testimonial+.testimonial { margin-top: 50px; border-top: 1px solid #ccc }
.testimonial_main .testimonial:before { content: ""; position: absolute; background: url(../images/quote-left.svg); height: 30px; width: 30px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 15px; opacity: .15 }
.book_button { display: block; position: fixed; top: 50%; transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); right: -52px; height: 50px; width: 154px; background: #0089d0; color: #fff; text-align: center; line-height: 50px; font-size: 16px; font-weight: 600; z-index: 1; text-transform: uppercase; letter-spacing: .04em; padding: 0 15px }
.input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler { border: none; margin: 0; border-radius: 0 }
.input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container { padding: 0 }
.input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner h3, .input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner span { display: none }
.input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { font-size: 0; height: 50px; border-bottom: 2px solid #bbb; display: block }
.home_newsletter_box .input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { border-color: #fff }
.input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-status { padding: 0 0!important; position: absolute!important; top: 0!important; left: 0!important }
.dnd-upload-status .dnd-upload-image { display: none }
.dnd-upload-status .dnd-upload-details { padding-left: 0; width: 100% }
.dnd-upload-status+.dnd-upload-status { margin: 0; padding: 0 0 }
.dnd-upload-status .dnd-upload-details .name { padding: 0; color: #333; position: relative; text-align: left }
.dnd-upload-status .dnd-upload-details .name em { font-weight: 400; color: #333; padding: 0 }
.home_newsletter_box .dnd-icon-remove:before, .home_newsletter_box .dnd-upload-status .dnd-upload-details .name, .home_newsletter_box .dnd-upload-status .dnd-upload-details .name em { color: #fff }
.dnd-upload-status .dnd-upload-details .remove-file { position: absolute; right: 10px }
.dnd-icon-remove:before { color: #333; font-size: 20px }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar { margin-top: 0; height: 14px }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background: #0089d0 }
span.ajax-loader { position: absolute; right: 10px }
span.ajax-loader { position: absolute; right: 10px; background-image: url(../images/ajax-loader.svg)!important }
.home_newsletter_box label.error { margin: 0; color: #fff; background: red; padding: 0 5px; line-height: 16px; position: absolute }
.home_newsletter_box label.error:before { content: ""; position: absolute; left: 0; top: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #f00f }
.home_newsletter_box div.wpcf7-acceptance-missing, .home_newsletter_box div.wpcf7-validation-errors { color: #f7e700 }
.home_newsletter_box div.wpcf7-aborted, .home_newsletter_box div.wpcf7-mail-sent-ng { color: red }
.home_newsletter_box div.wpcf7-mail-sent-ok { color: #398f14 }
.home_newsletter_box div.wpcf7-spam-blocked { color: orange }
label.error { margin: 0 }
.services-top-section { margin: 0 }
.services-top-box { text-align: center }
.services-top-box p .icon { background: url(../images/rocket.svg); height: 50px; width: 50px; display: block; margin: 0 auto }
.services-top-box .h2, .services-top-box h2 { margin: 30px 0 30px 0 }
.services-top-box ul { margin: 0; display: inline-block }
.service-bottom { text-align: center }
.service-bottom .h3, .service-bottom h3 { margin: 0 0 30px 0!important }
.service-bottom p+p { margin-top: 0!important }
.direction-link { margin: 10px 0 0 0 }
.direction-link a { font-size: 18px; font-weight: 700; position: relative; display: block; padding: 3px 0 0 40px; border: 2px solid #fff; height: 40px; background: #333 }
.direction-link a:before { background: url(../images/map-signs.svg); content: ""; position: absolute; left: 13px; top: 50%; height: 15px; width: 15px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.logo img.black-logo { display: none }
.site-main>header.navbar-fixed.sticky .header .logo img.black-logo { display: block }
.site-main>header.navbar-fixed.sticky .header .logo img.white-logo { display: none }

#insta_id {    display: none;}
.instagram_feed { padding: 0 0}
.instagram_feed h2.home_title { text-align: center; margin: 0 0 31px 0 }
.instagram_feed .item_box { max-width: 1370px; margin: 0 auto; padding: 0 }
.instagram_feed .item_box .right_box { display: flex; justify-content: space-between; margin-bottom: 30px }
.instagram_feed .item_box .insta_box { display: block; position: relative; overflow: hidden; z-index: 1 }
.instagram_feed .item_box .insta_box+.insta_box { margin-left: 30px }
.instagram_feed .item_box .insta_box:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); opacity: 0; }
.instagram_feed .item_box .insta_box:after { content: "\f16d"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); font-size: 40px;  color: #fff; z-index: 1;font-family: Font Awesome\ 5 Brands;font-style: normal; font-weight: 900;}
.instagram_feed .item_box .owl-nav svg { fill: #bbb }
.instagram_feed .item_box .insta_box:hover:before { opacity: 1 }
.instagram_feed .item_box .insta_box:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1) }
.instagram_feed .item_box .insta_box:hover:after { transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1) }
#insta_id .owl-carousel .owl-item img { width: 100%; object-fit: cover; max-width: initial; height: 345px; }
#insta_id .owl-carousel .owl-nav .owl-prev{display:none !important;}
#insta_id .owl-carousel .owl-nav .owl-next{display:none !important;}


@media screen and (min-width:1025px) {
.book_button:hover { background: #252525; color: #fff }
.home_logo_main .home_logo_box:hover img { filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); -webkit-filter: grayscale(1) }
.site-main>header.navbar-fixed.sticky .header .logo img { max-width: 200px }
.site-main>header.navbar-fixed.sticky .navigation ul.menu>li>a { padding: 35px 0; color: #333 }
.site-main>header.navbar-fixed.sticky .navigation ul.menu>li>a:before { top: 28px }
.site-main>header.navbar-fixed.sticky .top_header_details { top: 15px }
.site-main>header.navbar-fixed.sticky .top_header_details ul li span { color: #333 }
.site-main>header.navbar-fixed.sticky .top_header_details ul li span:hover { color: #0089d0 }
.scroll-top:hover { background: #666 }
.header_call:hover { color: #333 }
.inner-banner_img_main .banner_logo img:hover { transform: scale(1.1); left: 0 }
.banner_logo img:hover { transform: scale(1.1) }
.home_gallery .home_gallery_slider .owl-nav div:hover svg, .owl-nav>div:hover svg { fill: #0089d0 }
.owl-dots .owl-dot:hover { background: #0089d0 }
.footer_links li a:hover, a:hover { color: #0089d0 }
.home_contact_box .home_contact_inner_box .contact_content a:hover { text-decoration: underline!important; color: #0089d0 }
.footer_links li a.more_links:hover { color: #333 }
.button:hover:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.button:hover { background: 0 0; color: #333!important }
.home_banner_slider figure.home_banner_box figcaption .button:hover { color: #fff!important }
.home_banner_slider figure.home_banner_box figcaption .button:hover:before, .home_newsletter_box form .button:hover:before { border-color: #fff }
.button:hover>input { color: #333 }
.home_newsletter_box form .button:hover>input { color: #fff }
a:hover { color: #0089d0 }
.service_main_box:hover figure img { transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -o-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1) }
.service_main_box:hover figure:before { background: rgba(0,0,0,.5) }
.home_services .col-6:last-child .service_main_box:hover figure figcaption, .service_main_box:hover figure figcaption { margin: 0 auto }
.welcome_content_main a.welcome_button:hover:before { color: #333 }
.home_brandlogo_slider a.home_brandlogo_main:hover img { filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); -webkit-filter: grayscale(1) }
.home_gallery .home_gallery_slider .home_gallery_box:hover:before { opacity: 1 }
.home_gallery .home_gallery_slider .home_gallery_box:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1) }
.home_gallery .home_gallery_slider .home_gallery_box:hover:after { transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1) }
.footer .social_links_main .social_links li a:hover:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1) }
.my_pagination .pagination li:hover a path { fill: #0089d0 }
.my_pagination .pagination li.active:before, .my_pagination .pagination li:hover:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.my_pagination .pagination li.active:after, .my_pagination .pagination li:hover:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
.my_pagination .pagination li:hover a, .my_pagination .pagination li:hover span { color: #0089d0 }
.inner-banner .breadcrumb li a:hover { color: #0089d0 }
.gallery_main .gallery_box:hover:after, .gallery_main .gallery_box:hover:before { opacity: 1 }
.gallery_main .gallery_box:hover:after { transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1) }
.gallery_main .gallery_box:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1) }
.direction-link a:hover { background: #0089d0; text-decoration: none!important; color: #fff!important; border-color: #0089d0 }
}
@media screen and (max-width:1500px) {
.home_banner_slider .owl-dots { bottom: 45px }
}
@media screen and (max-width:1400px) {
.service_main_box figure figcaption h4 { font-size: 20px }
.home_services .row { margin: 0 -10px }
.home_services .row .col-6 { padding: 0 10px }
.home_services { padding: 48px 10px 58px 10px }
.home_services .col-6:last-child .service_main_box figure figcaption, .service_main_box figure figcaption { max-width: 180px; margin: 90px auto 0 auto }
}
@media screen and (max-width:1349px) {
.home_banner_slider figure.home_banner_box figcaption { transform: translate(-570px, -50%); -moz-transform: translate(-570px, -50%); -ms-transform: translate(-570px, -50%); -o-transform: translate(-570px, -50%); -webkit-transform: translate(-570px, -50%) }
.home_banner_slider figure.home_banner_box figcaption .h1, .home_banner_slider figure.home_banner_box figcaption h1, .home_banner_slider figure.home_banner_box figcaption span.top_content { margin: 0 0 15px 0 }
.home_gallery .home_gallery_slider, .home_testimonial .home_testimonial_slider { max-width: 1250px; padding: 0 70px }
.home_gallery .home_gallery_slider .owl-nav, .home_testimonial .home_testimonial_slider .owl-nav { max-width: 1170px; margin: 0 auto }
}
@media screen and (max-width:1199px) {
.logo { padding: 15px 0 }
.logo img { max-width: 200px }
.container-main, .inner_banner_section { margin-top: 117px }
.home_banner_slider figure.home_banner_box figcaption { transform: translate(-470px, -50%); -moz-transform: translate(-470px, -50%); -ms-transform: translate(-470px, -50%); -o-transform: translate(-470px, -50%); -webkit-transform: translate(-470px, -50%) }
.home_banner_slider figure.home_banner_box figcaption span.top_content { font-size: 16px }
.home_banner_slider figure.home_banner_box figcaption .h1, .home_banner_slider figure.home_banner_box figcaption h1 { line-height: normal; font-size: 40px }
.home_banner_slider .owl-dots { bottom: 25px }
.home_services .col-6:last-child .service_main_box figure figcaption, .service_main_box figure figcaption { margin: 0 auto 0 auto }
.service_main_box figure:before { background: rgba(0,0,0,.5) }
.home_gallery .home_gallery_slider .owl-nav, .home_testimonial .home_testimonial_slider .owl-nav { max-width: 995px }
.home_contact_box .home_contact_inner_box span { transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); -webkit-transform: scale(.7); display: inline-block; width: auto; transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center }
.home_contact_box .home_contact_inner_box .contact_content a, .home_contact_box .home_contact_inner_box .contact_content p { font-size: 14px; line-height: 24px }
.home_contact_box .home_contact_inner_box .contact_content { padding-left: 5px }
.home_contact_box .home_contact_inner_box .contact_content .h6, .home_contact_box .home_contact_inner_box .contact_content h6 { margin: 0 0 5px 0 }
.direction-link a { padding: 4px 0 0 40px }
}
@media screen and (max-width:1025px) {
.home_newsletter { background-attachment: scroll }
}
@media screen and (max-width:1024px) {
.logo img { max-width: 150px }
.container-main, .inner_banner_section { margin-top: 95px }
.home_gallery .home_gallery_slider .owl-nav, .home_testimonial .home_testimonial_slider .owl-nav { max-width: 955px }
.welcome_content_main a.welcome_button { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); display: block; bottom: 0; margin: 0 0; right: auto }
.logo img.black-logo { display: block }
.logo img { display: none }
.top_header_details ul li span{display:none;}
.top_header_details {    position: relative;    right: 0;    top: 0;}
#insta_id .owl-carousel .owl-item img{height:250px;}
}
@media screen and (max-width:991px) {
.owl-nav div svg { transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); -webkit-transform: scale(.7); transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center }
h2.home_title { line-height: normal }
.home_contact, .home_gallery, .home_logo_main, .home_newsletter, .home_welcome { padding: 50px 0 }
.home_services { padding: 50px 15px }
.home_brandlogo_slider { padding: 50px 0 }
.home_testimonial, .home_workprocess { padding: 0 0 50px 0 }
.footer, .home_workprocess_main { padding: 50px 0 0 0 }
.copy_right, .home_services .text-center { margin-top: 50px }
.home_banner_slider figure.home_banner_box figcaption { left: 0; right: 0; margin: -15px auto 0 auto; transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); max-width: 100% }
.home_banner_slider figure.home_banner_box figcaption .h1, .home_banner_slider figure.home_banner_box figcaption h1 { font-size: 36px }
.home_banner_slider figure.home_banner_box figcaption .h1, .home_banner_slider figure.home_banner_box figcaption h1, .home_banner_slider figure.home_banner_box figcaption span.top_content { margin: 0 0 10px 0 }
.home_logo_main .home_logo_box+.home_logo_box { margin: 0 0 0 50px }
.home_services .row .col-6 { padding: 0 5px }
.service_main_box figure figcaption h4 { font-size: 18px }
.home_workprocess_box+.home_workprocess_box { margin-left: 15px }
.home_workprocess_box span { height: 90px; width: 90px }
.home_workprocess_box span svg { transform: translate(-50%, -50%) scale(.8); -moz-transform: translate(-50%, -50%) scale(.8); -ms-transform: translate(-50%, -50%) scale(.8); -o-transform: translate(-50%, -50%) scale(.8); -webkit-transform: translate(-50%, -50%) scale(.8); transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center }
.home_workprocess_box span:before { width: 200px }
.home_workprocess_box:nth-child(1) span:before { transform: translateY(-50%) rotate(25deg); -moz-transform: translateY(-50%) rotate(25deg); -ms-transform: translateY(-50%) rotate(25deg); -o-transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg); margin-top: 38px }
.home_workprocess_box:nth-child(2) span:before { transform: translateY(-50%) rotate(-31deg); -moz-transform: translateY(-50%) rotate(-31deg); -ms-transform: translateY(-50%) rotate(-31deg); -o-transform: translateY(-50%) rotate(-31deg); -webkit-transform: translateY(-50%) rotate(-31deg); margin-top: -15px }
.home_workprocess_box:nth-child(3) span:before { transform: translateY(-50%) rotate(-25deg); -moz-transform: translateY(-50%) rotate(-25deg); -ms-transform: translateY(-50%) rotate(-25deg); -o-transform: translateY(-50%) rotate(-25deg); -webkit-transform: translateY(-50%) rotate(-25deg); margin-top: -28px }
.home_workprocess_box:nth-child(4) span:before { transform: translateY(-50%) rotate(25deg); -moz-transform: translateY(-50%) rotate(25deg); -ms-transform: translateY(-50%) rotate(25deg); -o-transform: translateY(-50%) rotate(25deg); -webkit-transform: translateY(-50%) rotate(25deg); margin-top: 16px }
.home_gallery .home_gallery_slider, .home_testimonial .home_testimonial_slider { padding: 0 50px }
.home_gallery .home_gallery_slider .owl-nav, .home_testimonial .home_testimonial_slider .owl-nav { max-width: 970px }
.home_gallery .home_gallery_slider .home_gallery_box+.home_gallery_box { margin-left: 15px }
.home_gallery .home_gallery_slider .right_box { margin-bottom: 17px }
.home_testimonial .home_testimonial_slider .home_testimonial_main { padding: 0 0 }
.home_contact .row { align-items: center }
.home_contact .home_map { max-width: 360px; height: 350px }
.home_contact .home_map iframe { height: 350px; width: 350px }
.home_contact_box, .home_contact_box+.home_contact_box { display: block; margin: 30px 0 0 0 }
.home_contact_box .home_contact_inner_box, .home_contact_box .home_contact_inner_box+.home_contact_inner_box { margin-left: 0; margin-top: 30px; width: 100% }
.home_contact_box .home_contact_inner_box .contact_content p>br { display: none }
.footer .social_links_main .social_links { margin-right: 0 }
.footer .social_links_main .social_links li a { height: 50px; width: 50px }
.footer .social_links_main .social_links li a svg { transform: translate(-50%, -50%) scale(.8); -moz-transform: translate(-50%, -50%) scale(.8); -ms-transform: translate(-50%, -50%) scale(.8); -o-transform: translate(-50%, -50%) scale(.8); -webkit-transform: translate(-50%, -50%) scale(.8); transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center }
.content-area { padding: 50px 0 }
.logos { padding: 50px 0 0 0 }
.services_box .my_pagination { margin: 30px auto 0 }
.testimonial-page { padding: 30px 0 50px 0 }
.services_box { margin: 50px 0 }
.inner_banner_section.has-banner .inner-banner_img_main img { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 250px; width: auto; max-width: inherit }
.welcome_content_main .about_us_content ul { column-count: 1 }
.top_header_details ul li span{display:none;}
.top_header_details {    position: relative;    right: 0;    top: 0;}
.banner_logo{right:20px;}
.inner-banner_img_main .banner_logo img{    height: 65px!important;}
.inner_banner_caption{    margin: 100px auto 0 auto;}
.inner-banner_img_main .banner_logo{top:50%;}
}
@media screen and (max-width:767px) {
.book_button { display: none }
.logo img { max-width: 125px }
.container-main, .inner_banner_section { margin-top: 84px }
.alignleft { float: none }
.alignright { float: none }
img.alignleft { margin: 0 auto 20px auto; display: block }
img.alignright { margin: 0 auto 20px auto; display: block }
img.aligncenter { display: block; margin: 0 auto 20px auto }
.scroll-top { height: 30px; width: 30px }
.scroll-top span { border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent }
.owl-dots .owl-dot { height: 20px; width: 5px }
.owl-nav div svg { transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); -webkit-transform: scale(.6) }
.home_contact, .home_gallery, .home_logo_main, .home_newsletter, .home_welcome { padding: 30px 0 }
.home_services { padding: 30px 15px }
.home_brandlogo_slider { padding: 30px 0 }
.home_testimonial { padding: 0 0 30px 0 }
.footer, .home_workprocess, .home_workprocess_main { padding: 30px 0 0 0 }
.copy_right { margin-top: 30px }
.h1, .home_banner_slider figure.home_banner_box figcaption .h1, .home_banner_slider figure.home_banner_box figcaption h1, .inner_banner_caption .h1, .inner_banner_caption h1, h1 { font-size: 26px; line-height: normal }
.h2, h2, h2.home_title { font-size: 24px; line-height: normal }
.h3, h3 { font-size: 20px; line-height: normal }
.h4, .testimonial_main .testimonial .testimonial_client, h4 { font-size: 18px; line-height: normal }
.faq_box_main .accordion .card .card-header button, .h5, h5 { font-size: 16px; line-height: normal }
.h6, h6 { font-size: 14px; line-height: normal }
.content-area ol>li, .content-area p, .content-area td, .content-area th, .content-area ul>li, .copy_right p, .footer_links li a, .header_call, .home_contact_box .home_contact_inner_box .contact_content a, .home_contact_box .home_contact_inner_box .contact_content p, .home_workprocess_box figcaption p, .input_box .input, .input_box .input-label, .testimonial_main .testimonial .testimonial_date, body, html, ol>li, p, span, ul>li { font-size: 12px; line-height: 24px }
.home_newsletter_box .input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn, .input_box .input { line-height: 35px!important; height: 35px }
.dnd-upload-status .dnd-upload-details .remove-file { right: 40px }
.input_box .input-label { line-height: 35px }
input_box.attach_file:before { margin-top: -3px }
.button { min-width: 180px; min-height: 40px; line-height: 40px; height: 40px; font-size: 12px }
.button>input { font-size: 12px }
.home_banner .owl-carousel .owl-item img { width: auto; height: 350px; max-width: inherit; position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.home_banner_slider .item { position: relative; overflow: hidden }
.home_logo_main .home_logo_box+.home_logo_box { margin: 0 0 0 30px }
.service_main_box { margin-bottom: 20px }
.home_services .text-center { margin-top: 10px }
.home_services .row .col-6 { padding: 0 10px }
.home_workprocess_box figcaption .h6, .home_workprocess_box figcaption h6 { margin: 0 0 10px 0 }
.home_workprocess_main { display: block; padding: 0 }
.home_workprocess_main .home_workprocess_box { max-width: 50%; display: flex; margin: 0 0 30px 0; min-height: 100px }
.home_workprocess_main .home_workprocess_box span.workprocess_icon { display: block; height: 80px; max-width: 80px; width: 100% }
.home_workprocess_main .home_workprocess_box:nth-child(even) { margin-top: 0; margin-left: 50% }
.home_workprocess_box+.home_workprocess_box { margin-left: 0 }
.home_workprocess_main .home_workprocess_box:nth-child(odd) span.workprocess_icon { order: 2; margin: 0 }
.home_workprocess_main .home_workprocess_box figcaption { margin: 0 0; text-align: left; padding: 0 15px 0 0 }
.home_workprocess_main .home_workprocess_box:nth-child(odd) figcaption { text-align: right; order: 1 }
.home_workprocess_main .home_workprocess_box:after { display: table; content: ""; clear: both }
.home_workprocess_main .home_workprocess_box:nth-child(even) figcaption { padding: 0 0 0 15px }
.home_workprocess_box span:before { width: 150px }
.home_workprocess_box:nth-child(odd) span:before { transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); margin-top: 50px }
.home_workprocess_box:nth-child(even) span:before { transform: translateY(-50%) rotate(-50deg); -moz-transform: translateY(-50%) rotate(-50deg); -ms-transform: translateY(-50%) rotate(-50deg); -o-transform: translateY(-50%) rotate(-50deg); -webkit-transform: translateY(-50%) rotate(-45deg); margin: 50px 0 0 -70px }
.home_newsletter_box .input_box, .home_newsletter_box .input_box.text_box { margin: 0 0 30px 0 }
.welcome_content_main p+p { margin-top: 15px }
.home_gallery .home_gallery_slider .right_box { margin-bottom: 15px }
.home_gallery .home_gallery_slider .owl-nav, .home_testimonial .home_testimonial_slider .owl-nav { max-width: 780px }
.home_gallery .home_gallery_slider, .home_testimonial .home_testimonial_slider { padding: 0 30px }
.home_testimonial .home_testimonial_slider .home_testimonial_main h4.clients_name { margin: 15px 0 0 0 }
.home_contact .home_map { max-width: 100%; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; height: 350px; width: 100% }
.home_contact .home_map iframe { width: 100%; height: 350px; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 }
.home_contact_box, .home_contact_box+.home_contact_box { display: flex }
.home_contact_box .home_contact_inner_box, .home_contact_box .home_contact_inner_box+.home_contact_inner_box { margin-top: 0 }
.footer_links li+li { margin-top: 10px }
.footer .social_links_main .social_links li a { height: 40px; width: 40px }
.footer .social_links_main .social_links li+li { margin-left: 15px }
.footer .social_links_main .social_links li a svg { transform: translate(-50%, -50%) scale(.7); -moz-transform: translate(-50%, -50%) scale(.7); -ms-transform: translate(-50%, -50%) scale(.7); -o-transform: translate(-50%, -50%) scale(.7); -webkit-transform: translate(-50%, -50%) scale(.7) }
.footer .social_links_main .social_links { margin-top: 15px }
.content-area { padding: 30px 0 }
.content-area .h1, .content-area .h2, .content-area .h3, .content-area .h4, .content-area .h5, .content-area .h6, .content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6 { margin: 15px 0 10px 0 }
.inner-banner_img_main { min-height: 150px }
.breadcrumb_main ol.breadcrumb { display: none }
.content-area ul>li { padding: 0 0 0 20px }
.content-area ul>li:before { height: 10px; width: 10px; left: 2px; top: 8px }
.content-area ol>li>ul>li:before, .content-area ul>li>ol>li>ul>li:before, .content-area ul>li>ul>li:before { top: 9px; height: 8px; width: 8px }
.content-area p+p { margin-top: 15px }
.logos { padding: 30px 0 0 0 }
.contact_main h2.home_title { margin: 0 0 15px 0 }
.contact_main form .button { margin: 8px 0 0 0 }
.my_pagination .pagination li a, .my_pagination .pagination li span { font-size: 12px; line-height: 50px; height: 50px; width: 30px }
.my_pagination .pagination { height: 50px }
.services_box .col-6 { padding: 0 10px }
.testimonial_main .testimonial+.testimonial { margin-top: 30px }
.testimonial_main .testimonial p { margin-bottom: 15px }
.testimonial-page { padding: 10px 0 30px 0 }
.services-top-box { margin: 0 0 30px 0 }
.services_box { margin: 0 }
.service-bottom .h3, .service-bottom h3 { margin: 0 0 10px 0!important }
.direction-link a { height: 35px }
.top_header_details ul li span { display: none }
.top_header_details { position: relative; right: 0; top: 0 }
.top_header_details ul li { display: inline-block; margin: 0 0 0 10px }
.banner_logo { right: 10px }
.inner-banner_img_main .banner_logo { right: 70px }
.inner-banner_img_main .banner_logo { top: 40% }
.inner_banner_caption { margin: 120px auto 0 auto }
.service-detail-page h1 { font-size: 30px }
.head-social { display: block; margin: 6px 10px 0 0 }
.inner-banner_img_main .banner_logo img { display: inline-block }
.input_box .input-label, .input_box .input_label{font-size: 13px;}
.input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{    height: 35px;}
.input_box.attach_file:before{top:5px;}
.inner-banner_img_main .banner_logo img {    height: 100px !important;}
}
@media screen and (max-width:575px) {
.input_box.attach_file:before { right: 13px }
.footer .social_links_main .footer_logo { display: none }
.footer .social_links_main { text-align: left; padding: 30px 70px 0 0 }
.footer .social_links_main .social_links { margin: 0; justify-content: flex-start }
.copy_right { text-align: left; padding: 5px 70px 5px 0 }
}
@media screen and (max-width:573px) {
.home_gallery .home_gallery_slider .right_box { margin-bottom: 13px }
}
@media screen and (max-width:567px) {
.home_contact_box, .home_contact_box+.home_contact_box { display: block }
.home_contact_box .home_contact_inner_box, .home_contact_box .home_contact_inner_box+.home_contact_inner_box { margin-top: 30px }
.home_workprocess_main .home_workprocess_box { min-height: 130px }
.home_workprocess_box span:before { width: 170px }
.home_workprocess_box:nth-child(odd) span:before { transform: translateY(-50%) rotate(55deg); -moz-transform: translateY(-50%) rotate(55deg); -ms-transform: translateY(-50%) rotate(55deg); -o-transform: translateY(-50%) rotate(55deg); -webkit-transform: translateY(-50%) rotate(55deg); margin-top: 100px }
.home_workprocess_box:nth-child(even) span:before { transform: translateY(-50%) rotate(-55deg); -moz-transform: translateY(-50%) rotate(-55deg); -ms-transform: translateY(-50%) rotate(-55deg); -o-transform: translateY(-50%) rotate(-55deg); -webkit-transform: translateY(-50%) rotate(-55deg); margin: 60px 0 0 -80px }
}
@media screen and (max-width:479px) {
.logo img { max-width: 115px }
.container-main, .inner_banner_section { margin-top: 80px }
.home_banner .owl-carousel .owl-item img { height: 280px }
.home_banner_slider .owl-dots { bottom: 15px }
.home_logo_main .home_logo_box+.home_logo_box { margin: 0 0 0 10px }
.service_main_box figure figcaption h4 { font-size: 14px; line-height: normal }
.home_workprocess_main .home_workprocess_box, .home_workprocess_main .home_workprocess_box:nth-child(even) { margin-top: 0; margin-left: 0; max-width: 100%; min-height: 100% }
.home_workprocess_main .home_workprocess_box:nth-child(odd) span.workprocess_icon { order: 1 }
.home_workprocess_main .home_workprocess_box:nth-child(odd) figcaption { text-align: left; order: 1; padding: 0 0 0 15px }
.home_workprocess_box:nth-child(even) span:before, .home_workprocess_box:nth-child(odd) span:before { transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); left: 50% }
.home_workprocess_main .home_workprocess_box span.workprocess_icon { height: 60px; max-width: 60px }
.home_workprocess_box span svg { transform: translate(-50%, -50%) scale(.6); -moz-transform: translate(-50%, -50%) scale(.6); -ms-transform: translate(-50%, -50%) scale(.6); -o-transform: translate(-50%, -50%) scale(.6); -webkit-transform: translate(-50%, -50%) scale(.6) }
.services-top-section .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.inner_banner_section.has-banner .inner-banner_img_main img { height: 170px }
.banner_logo img { width: 80px!important; height: 80px!important }
.inner_banner_caption .h1, .inner_banner_caption h1 { font-size: 20px }
.inner-banner_img_main .banner_logo { right: 50px }
.inner_banner_caption { margin: 90px auto 0 auto }
.input_box.attach_file .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{    height: 45px;}
.input_box.attach_file:before{top:5px;}
.inner-banner_img_main .banner_logo img {    height: auto !important;}
}
@media screen and (max-width:360px) {
.banner_logo img {    width: 50px!important;    height: 50px!important;}   
.h1, .home_banner_slider figure.home_banner_box figcaption .h1, .home_banner_slider figure.home_banner_box figcaption h1, .inner_banner_caption .h1, .inner_banner_caption h1, h1{font-size: 22px;}
    
}