:root { --main-color: #0086FF; }
.btb-button, .main-menu .navigation>li>a, h1, h2, h3, h4, h5, h6 { font-family: "Lantinghei SC", "Microsoft YaHei", "微软雅黑"; }
body, p { font-family: "Lantinghei SC", "Open Sans", Monaco, Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun; color: #444; -webkit-font-smoothing: antialiased; color: #656565; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
h1, h2, h3, h4, h5, h6 { color: #000; margin-top: 0; margin-bottom: .5rem; line-height: 1.4; text-transform: uppercase !important; font-weight: 500 !important; letter-spacing: .02em }
dl, ol, ul { margin-top: 0; margin-bottom: 1rem; list-style: none }
.outer_animation { overflow: hidden }
.section-content .list-marked, .section-content .list-ordered { padding: 0; margin: 0 }
.section-content .list-marked { text-align: left; list-style: none }
.section-content .list-marked li { margin-top: 10px; position: relative; padding-left: 21px }
.section-content .list-marked li:before { position: absolute; top: 50%; left: 0; content: '\f105'; font: 400 14px/14px FontAwesome; color: #b7b7b7; transition: .33s all ease; transition-delay: .1s; -webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); -ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) }
.section-content .list-ordered { text-align: left; counter-reset: li }
.section-content .list-ordered li { margin-top: 10px; list-style: none; position: relative; padding-left: 30px }
.section-content .list-ordered li:before { position: absolute; top: 0; left: 0; content: counter(li, decimal) "."; counter-increment: li }
.section-content .single-sidebar.search-widget { padding: 15px }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
li, ol, ul { margin: 0; padding: 0; list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-weight: 700 }
a { color: #000; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects }
a:hover { color: var(--main-color); text-decoration: none }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none }
a:not([href]):not([tabindex]):focus { outline: 0 }
.date{font-weight: 500;font-family: Tahoma;font-size: 12px;color: #888}
.page-wrapper { overflow: hidden }
.pull-left { float: left }
.pull-right { float: right }
.bt-main-slider { overflow: hidden }
.bt-main-slider .bt-item-slide { height: 560px; outline: 0 }
.bt-main-slider .bt-item-slide .slide-captions { position: absolute; width: 100%; top: 50%; -webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); -ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) }
.bt-main-slider .bt-item-slide.bt-slide-white .big-title, .bt-main-slider .bt-item-slide.bt-slide-white .para-content p { color: #fff }
.bt-main-slider .bt-item-slide.bt-slide-white .para-content p { font-size: 18px; font-weight: 500 }
.bt-main-slider .bt-item-slide .big-title { font-size: 50px }
.bt-main-slider .bt-item-slide.bt-slide-black .para-content p { font-size: 18px }
.bt-main-slider .bt-item-slide.bt-slide-black .big-title, .bt-main-slider .bt-item-slide.bt-slide-black .para-content p { color: #000 }
.bt-main-slider .big-title { margin-bottom: 0 }
.bt-main-slider .main-title-box { margin-bottom: 20px }
.bt-main-slider .para-content { margin-bottom: 30px }
.bt-main-slider .container .slide-caption * { -webkit-animation: fadeInDown 1.5s both; animation: fadeOutDown 1.5s both }
.bt-main-slider .slick-current .container .slide-caption * { -webkit-animation: fadeOutDown 1.5s both; animation: fadeOutDown 1.5s both }
.bt-main-slider .slick-current .container .slide-caption .btnwrp, .bt-main-slider .slick-current .container .slide-caption .main-title-box, .bt-main-slider .slick-current .container .slide-caption .para-content { -webkit-animation-delay: 0s; animation-delay: 0s }
.bt-main-slider .slick-current .container .slide-caption * { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
.bt-main-slider .slick-current .container .slide-caption .main-title-box { -webkit-animation-delay: .2s; animation-delay: .2s }
.bt-main-slider .slick-current .container .slide-caption .para-content { -webkit-animation-delay: .3s; animation-delay: .3s }
.bt-main-slider .slick-current .container .slide-caption .btnwrp { -webkit-animation-delay: .6s; animation-delay: .6s }
.theme-button { background: var(--main-color); border: 0; color: #fff; padding: 5px 15px; font-size: 18px; border: 2px solid var(--main-color); border-radius: 20px; transition: all .5s ease; cursor: pointer; display: inline-block }
.theme-button:hover { background: 0 0; color: #333 }
.more-slidehover .know-more { transition: all .5s ease; position: relative; transition: all .5s ease }
.more-slidehover:hover .know-more { padding-left: 40px }
.more-slidehover .know-more i { margin-right: 10px; font-size: 22px; vertical-align: middle; transform: scalex(0); transition: all .5s ease; position: absolute; left: 0; top: -5px }
.more-slidehover:hover .know-more i { transform: scale(1, 1); opacity: 1; visibility: visible }
.more-slidehover2 .know-more { transition: all .5s ease; position: relative; transition: all .5s ease }
.more-slidehover2 .know-more:hover { padding-left: 40px }
.more-slidehover2 .know-more i { margin-right: 10px; font-size: 22px; vertical-align: middle; transform: scalex(0); transition: all .5s ease; position: absolute; left: 0; top: -5px }
.more-slidehover2 .know-more:hover i { transform: scale(1, 1); opacity: 1; visibility: visible }
. { padding: 0 }
div.pagetoppadd, section.pagetoppadd { padding-top: 90px }
.backgrounds-bg-1 { background-size: cover }
.bg-color-dark { background: #220c3b }
.bg-color-gray { background: #f5f5f5 }
.bg-color-white, div.bg-color-white { background: #fff }
.color-white { color: #fff !important }
.color-black { color: #000 !important }
.padding-left-0 { padding-left: 0 }
.padding-left-5 { padding-left: 5 }
.padding-left-10 { padding-left: 10px }
.padding-left-20 { padding-left: 20px }
.padding-left-30 { padding-left: 30px }
.padding-left-40 { padding-left: 40px }
.padding-left-50 { padding-left: 50px }
.padding-left-60 { padding-left: 60px }
.padding-left-70 { padding-left: 70px }
.padding-left-80 { padding-left: 80px }
.padding-left-90 { padding-left: 90px }
.padding-left-110 { padding-left: 110px }
.padding-left-120 { padding-left: 120px }
.padding-left-130 { padding-left: 130px }
.padding-left-140 { padding-left: 140px }
.padding-left-150 { padding-left: 150px }
.padding-left-160 { padding-left: 160px }
.padding-right-0 { padding-right: 0 }
.padding-right-5 { padding-right: 5px }
.padding-right-10 { padding-right: 10px }
.padding-right-20 { padding-right: 20px }
.padding-right-30 { padding-right: 30px }
.padding-right-40 { padding-right: 40px }
.padding-right-50 { padding-right: 50px }
.padding-right-60 { padding-right: 60px }
.padding-right-70 { padding-right: 70px }
.padding-right-80 { padding-right: 80px }
.padding-right-90 { padding-right: 90px }
.padding-right-100 { padding-right: 100px }
.gray-bg { background-color: #f8f8f8 }
.padding-top-0 { padding-top: 0 }
.padding-top-5 { padding-top: 5px }
.padding-top-10 { padding-top: 10px }
.padding-top-20 { padding-top: 20px }
.padding-top-30 { padding-top: 30px }
.padding-top-40 { padding-top: 40px }
.padding-top-50 { padding-top: 50px }
.padding-top-60 { padding-top: 60px }
.padding-top-70 { padding-top: 70px }
.padding-top-80 { padding-top: 80px }
.padding-top-90 { padding-top: 90px }
.padding-top-95 { padding-top: 95px }
.padding-top-100 { padding-top: 100px }
.padding-top-105 { padding-top: 105px }
.padding-top-110 { padding-top: 110px }
.padding-top-115 { padding-top: 115px }
.padding-top-120 { padding-top: 120px }
.padding-top-130 { padding-top: 130px }
.padding-top-140 { padding-top: 140px }
.padding-top-150 { padding-top: 150px }
.padding-top-160 { padding-top: 160px }
.padding-bottom-0 { padding-bottom: 0 }
.padding-bottom-5 { padding-bottom: 5px }
.padding-bottom-10 { padding-bottom: 10px }
.padding-bottom-20 { padding-bottom: 20px }
.padding-bottom-30 { padding-bottom: 30px }
.padding-bottom-40 { padding-bottom: 40px }
.padding-bottom-50 { padding-bottom: 50px }
.padding-bottom-60 { padding-bottom: 60px }
.padding-bottom-65 { padding-bottom: 65px }
.padding-bottom-70 { padding-bottom: 70px }
.padding-bottom-80 { padding-bottom: 80px }
.padding-bottom-85 { padding-bottom: 85px }
.padding-bottom-90 { padding-bottom: 90px }
.padding-bottom-95 { padding-bottom: 95px }
.padding-bottom-100 { padding-bottom: 100px }
.padding-bottom-110 { padding-bottom: 110px }
.padding-bottom-105 { padding-bottom: 105px }
.padding-bottom-115 { padding-bottom: 115px }
.padding-bottom-120 { padding-bottom: 120px }
.padding-bottom-130 { padding-bottom: 130px }
.padding-bottom-135 { padding-bottom: 135px }
.padding-bottom-150 { padding-bottom: 150px }
.padding-tb-120 { padding-top: 120px; padding-bottom: 120px }
.padding-tb-110 { padding-top: 110px; padding-bottom: 110px }
.padding-tb-100 { padding-top: 100px; padding-bottom: 100px }
.padding-tb-20 { padding-top: 20px; padding-bottom: 20px }
.padding-tb-30 { padding-top: 30px; padding-bottom: 30px }
.padding-tb-40 { padding-top: 40px; padding-bottom: 40px }
.padding-tb-50 { padding-top: 50px; padding-bottom: 50px }
.padding-tb-60 { padding-top: 60px; padding-bottom: 60px }
.padding-tb-70 { padding-top: 70px; padding-bottom: 70px }
.padding-tb-80 { padding-top: 80px; padding-bottom: 80px }
.padding-tb-90 { padding-top: 90px; padding-bottom: 90px }
.padding-tb-100 { padding-top: 100px; padding-bottom: 100px }
.padding-tb-110 { padding-top: 110px; padding-bottom: 110px }
.padding-tb-120 { padding-top: 120px; padding-bottom: 120px }
.padding-tb-130 { padding-top: 130px; padding-bottom: 130px }
.padding-tb-130 { padding-top: 130px; padding-bottom: 130px }
.padding-tb-140 { padding-top: 140px; padding-bottom: 140px }
.padding-tb-150 { padding-top: 150px; padding-bottom: 150px }
.padding-0 { padding: 0 }
.padding-5 { padding: 5px }
.padding-10 { padding: 10px }
.padding-20 { padding: 20px }
.padding-30 { padding: 30px }
.padding-40 { padding: 40px }
.padding-50 { padding: 50px }
.padding-60 { padding: 60px }
.padding-70 { padding: 70px }
.padding-80 { padding: 80px }
.padding-90 { padding: 90px }
.padding-100 { padding: 100px }
.margin-0 { margin: 0 }
.margin-5 { margin: 5px }
.margin-10 { margin: 10px }
.margin-20 { margin: 20px }
.margin-30 { margin: 30px }
.margin-40 { margin: 40px }
.margin-50 { margin: 50px }
.margin-60 { margin: 60px }
.margin-70 { margin: 70px }
.margin-80 { margin: 80px }
.margin-90 { margin: 90px }
.margin-100 { margin: 100px }
.margin-130 { margin: 130px }
.margin-top-0 { margin-top: 0 }
.margin-top-5 { margin-top: 5px }
.margin-top-10 { margin-top: 10px }
.margin-right-10 { margin-right: 10px }
.margin-right-20 { margin-right: 20px }
.margin-right-30 { margin-right: 30px }
.margin-right-40 { margin-right: 40px }
.margin-right-50 { margin-right: 50px }
.margin-right-60 { margin-right: 60px }
.margin-right-70 { margin-right: 70px }
.margin-right-80 { margin-right: 80px }
.margin-right-90 { margin-right: 90px }
.margin-right-100 { margin-right: 100px }
.margin-left-0 { margin-left: 0 }
.margin-left-5 { margin-left: 5px }
.margin-left-10 { margin-left: 10px }
.margin-left-20 { margin-left: 20px }
.margin-left-30 { margin-left: 30px }
.margin-left-40 { margin-left: 40px }
.margin-left-50 { margin-left: 50px }
.margin-left-60 { margin-left: 60px }
.margin-left-70 { margin-left: 70px }
.margin-left-80 { margin-left: 80px }
.margin-left-90 { margin-left: 90px }
.margin-left-100 { margin-left: 100px }
.margin-top-0 { margin-top: 0 }
.margin-top-5 { margin-top: 5px }
.margin-top-10 { margin-top: 10px }
.margin-top-20 { margin-top: 20px }
.margin-top-30 { margin-top: 30px }
.margin-top-40 { margin-top: 40px }
.margin-top-50 { margin-top: 50px }
.margin-top-55 { margin-top: 55px }
.margin-top-60 { margin-top: 60px }
.margin-top-70 { margin-top: 70px }
.margin-top-80 { margin-top: 80px }
.margin-top-90 { margin-top: 90px }
.margin-top-100 { margin-top: 100px }
.margin-bottom-0 { margin-bottom: 0 !important }
.margin-bottom-10 { margin-bottom: 10px }
.margin-bottom-15 { margin-bottom: 15px }
.margin-bottom-20 { margin-bottom: 20px }
.margin-bottom-25 { margin-bottom: 25px }
.margin-bottom-30 { margin-bottom: 30px }
.margin-bottom-40 { margin-bottom: 40px }
.margin-bottom-50 { margin-bottom: 50px }
.margin-bottom-55 { margin-bottom: 55px }
.margin-bottom-60 { margin-bottom: 60px }
.margin-bottom-70 { margin-bottom: 70px }
.margin-bottom-80 { margin-bottom: 80px }
.margin-bottom-90 { margin-bottom: 90px }
.margin-top-100 { margin-bottom: 100px }
.margin-top-120 { margin-top: 120px }
.margin-tb-0 { margin-top: 0; margin-bottom: 0 }
.margin-tb-5 { margin-top: 5px; margin-bottom: 5px }
.margin-tb-10 { margin-top: 10px; margin-bottom: 10px }
.margin-tb-20 { margin-top: 20px; margin-bottom: 20px }
.margin-tb-30 { margin-top: 30px; margin-bottom: 30px }
.margin-tb-40 { margin-top: 40px; margin-bottom: 40px }
.margin-tb-50 { margin-top: 50px; margin-bottom: 50px }
.margin-tb-60 { margin-top: 60px; margin-bottom: 60px }
.margin-tb-70 { margin-top: 70px; margin-bottom: 70px }
.margin-tb-80 { margin-top: 80px; margin-bottom: 80px }
.margin-tb-90 { margin-top: 90px; margin-bottom: 90px }
.margin-tb-100 { margin-top: 100px; margin-bottom: 100px }
.min-height-600 { min-height: 600px }
.alignleft { float: left; clear: both; margin-right: 20px }
.alignright { float: right; clear: both; margin-left: 20px }
.aligncenter { clear: both; display: block; margin: 0 auto 1.75em }
.alignfull { margin: 1.5em 0; max-width: 100% }
.alignwide { max-width: 1100px }
.align { text-align: center }
.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before { content: ""; display: table; table-layout: fixed }
.clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after { clear: both }
li { color: #777 }
h6 { font-size: 18px; line-height: 27px }
.btn-justify { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.btb-button { font-weight: 500; display: inline-block; padding: .72em 2.1em; background-color: var(--main-color); border: 2px solid var(--main-color); color: #fff; text-transform: uppercase; letter-spacing: .08em; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s }
.btb-button.rounded-1px { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px }
.btb-button.rounded-3px { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.btb-button.rounded-30px { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }
.btb-button:hover { background-color: #252525; border-color: #252525; color: #fff }
.btb-button.dark { background-color: #252525; border-color: #252525; color: #fff }
.btb-button.dark:hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff }
.btb-button.light { background-color: #888; border-color: #888; color: #fff }
.btb-button.light:hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff }
.btb-button.very-light { background-color: #c7c7c7; border-color: #c7c7c7; color: #fff }
.btb-button.very-light:hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff }
.btb-button.white { background-color: #fff; border-color: #fff; color: #252525 }
.btb-button.white:hover { background-color: #252525; border-color: #252525; color: #fff }
.btb-button.outline { background-color: transparent; border-color: var(--main-color); color: var(--main-color) }
.btb-button.outline:hover { background-color: var(--main-color); color: #fff }
.btb-button.outline.dark { border-color: #252525; color: #252525 }
.btb-button.outline.dark:hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff }
.btb-button.outline.light { border-color: #888; color: #888 }
.btb-button.outline.light:hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff }
.btb-button.outline.very-light { border-color: #c7c7c7; color: #bbb }
.btb-button.outline.very-light:hover { background-color: var(--main-color); border-color: var(--main-color); color: #fff }
.btb-button.small { padding: 10px 25px; font-size: 13px }
.btb-button.big { padding: .75em 2.4em; font-size: 16px }
.progress-bars .title { color: #222 }
.progress-bars .progress { margin-top: 5px; margin-bottom: 10px }
.progress-bar { background: var(--main-color); float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; position: relative; overflow: visible; box-sizing: border-box; padding-top: 0; padding-left: 10px; box-shadow: none }
.progress-2 { height: 20px; border-radius: 0; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: 0 0; border: 1px solid var(--main-color) }
.progress-2:last-child { margin-bottom: 0 }
.progress-2 .progress-bar { text-align: right; padding-right: 12px; border-radius: 0 }
.progress-2 .progress-bar span { font-weight: 400; text-transform: uppercase }
.stat-2 h1 { font-size: 80px; line-height: 88px }
.stat-3 h1 { margin-bottom: 8px; font-size: 72px; line-height: 80px }
.stat-3 h6 { margin-bottom: 0 }
.round-tabs ul { margin-top: 0 }
.round-tabs ul li { display: inline-block }
.round-tabs ul li .active { background: var(--main-color); color: #fff }
.count-down, .count-down-alt { text-transform: uppercase }
.count-down .c-grid, .count-down-alt .c-grid { display: inline-block; width: 120px; height: 120px; margin: 0 10px; padding-top: 22px; text-align: center }
.count-down-alt.light-bg .c-grid, .count-down.light-bg .c-grid { color: #000 }
.count-down-alt .c-grid { border: 2px solid #000; margin-bottom: 5px }
.count-down .c-grid { border: 2px solid #e0e0e0 }
.count-down .c-grid, .count-down.light .c-grid { border: 2px solid #fff }
.count-down-alt.light .c-title, .count-down-alt.light .c-value, .count-down.light .c-title, .count-down.light .c-value { color: #fff }
.count-down .c-title, .count-down .c-value, .count-down-alt .c-title, .count-down-alt .c-value { display: block }
.count-down .c-value, .count-down-alt .c-value { font-size: 30px; font-weight: 700 }
.count-down .c-title, .count-down-alt .c-title { font-size: 14px; text-transform: capitalize }
.count-down-alt.circle .c-grid, .count-down.circle .c-grid { border-radius: 5% !important }
.count-down-alt.round .c-grid, .count-down.round .c-grid { border-radius: 5px !important }
.count-down-alt .icon-link a{font-size: 12px;}
.main-header { position: relative; display: block }
.main-header .header-top { position: relative; background-color: #161a33 }
.main-header .header-top .top-left { position: relative; float: left; z-index: 90 }
#mosttop-bar { position: relative; z-index: 99; line-height: 20px; padding: 10px 0;}
.mosttop-bar-info { padding: 0; margin: 0 }
.mosttop-bar-info li { font-size: 15px; font-weight: 400; color: #000; list-style-type: none; float: left; margin: 0; padding: 8px; }
.mosttop-bar-info li i { font-size: 15px; color: var(--main-color); padding-right: 8px }
#mosttop-bar .social-icons { padding: 0; float: right; margin: 0; border-right: 1px solid #e4e4e4; margin-top: 15px; }
#mosttop-bar .social-icons li { font-size: 20px; list-style-type: none; float: left; width: auto; text-align: center; background-color: #25506b; margin: 0; padding: 8px;border-radius: 2px;  }
/* #mosttop-bar .social-icons li:last-child { border-right: 1px solid #e4e4e4 } */
#mosttop-bar .social-icons li a { color: #fff; -webkit-transition-duration: .3s; transition-duration: .3s; font-size: 15px; }
#mosttop-bar .social-icons a:hover { color: var(--main-color) }
#mosttop-bar .social-icons li span { padding: 0 0 0 10px;
    color: #FFF;
    font-size: 14px; }

.main-header .header-middle { position: relative; top: 0; background-color: #f5f5f5; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.main-header .bt_blank_nav { width: 100%; display: block }
.header-middle.bt_sticky { position: fixed !important; left: 0; top: 0; width: 100%; z-index: 100; box-shadow: 0 1px 5px rgba(0, 0, 0, .15); background-color: #004acc; }
.main-header .header-middle .logo-middle { position: relative; float: left; z-index: 25; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.main-header .logo-middle .logo { padding: 10px 0 }
.main-header .logo-middle .logo-txt { line-height: 70px;
    color: #004acc;
    padding-left: 10px;
    font-weight: 500;
    font-size: 16px; }
 .header-middle.bt_sticky .logo-txt{color: #FFF;}
.main-header .logo-middle .logo img { position: relative; display: inline-block; max-width: 200px }
.main-header .header-middle .nav-middle { z-index: 10; position: static }
.main-header .header-lower { position: relative; z-index: 10 }
.main-header .header-lower .nav-middle { position: relative; padding: 0 40px; background-color: #fff }
.main-menu { position: static; }
.main-menu .navbar-collapse { padding: 0; transition: none }
.main-menu .navigation { position: relative; margin: 0; padding: 0 10px;width: 100%; background: #004acc; color: #FFF;
background: linear-gradient(270deg, rgba(106, 17, 203, 1) 0%, rgba(37, 117, 252, 1) 100%);
}
.main-menu .navigation>li, .main-menu .navigation>li>a, .main-menu .navigation>li .fa { color: #FFF !important;}
.main-menu .navigation>li { position: relative; float: left; padding: 10px 0; margin-right: 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.main-menu .navigation>li:last-child { margin-right: 0 }
.main-menu .navigation>li>a { position: relative; display: block;  text-align: center; font-size: 14px; line-height: 30px; font-weight: 500; text-transform: uppercase; color: #000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.main-menu .navigation>li.current>a, .main-menu .navigation>li:hover>a { color: var(--main-color) }
.main-menu .navigation>li>ul { position: absolute; left: 0; top: 100%; width: 180px; padding: 20px 0; z-index: 100; opacity: 1; margin-top: 1px; background: #fff; border: 1px solid #e2e8f0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu .navigation>li>ul>li { position: relative; width: 100%; padding: 4px 28px }
.main-menu .navigation>li>ul>li:last-child { border-bottom: none }
.main-menu .navigation>li>ul>li>a { position: relative; font-size: 15px; line-height: 1.2; color: #000; font-weight: 500; text-align: left; display: inline-block; text-transform: capitalize; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
.main-menu .navigation>li>ul>li>a:before { content: ''; height: 2px; width: 0; opacity: 0; background-color: var(--main-color); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; margin-right: 10px; display: inline-block; vertical-align: middle }
.main-menu .navigation>li>ul>li:hover>a:before { width: 15px; opacity: 1 }
.main-menu .navigation>li>ul>li:hover>a { color: #222 }
.main-menu .navigation>li>ul>li.dropdown::after { content: "\f105"; position: absolute; right: 0; top: 15px; display: block; font-size: 16px; line-height: 24px; padding: 3px 25px; color: #222; font-weight: 900; font-family: "Font Awesome 5 Free"; text-align: center; z-index: 5 }
.main-menu .navigation>li>ul>li>ul { position: absolute; left: 100%; margin-top: -59px; width: 270px; padding: 0 0; z-index: 100; opacity: 1; background: #fff; border: 1px solid #e2e8f0; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease }
.main-menu .navigation>li>ul>li>ul>li { position: relative; width: 100%; padding: 17px 28px; border-bottom: 1px solid #e2e8f0 }
.main-menu .navigation>li>ul>li>ul>li:last-child { border-bottom: none }
.main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; font-size: 15px; line-height: 24px; color: #75808b; font-weight: 500; text-align: left; display: inline-block; text-transform: capitalize; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
.main-menu .navigation>li>ul>li>ul>li>a:before { content: ''; height: 2px; width: 0; opacity: 0; background-color: var(--main-color); -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; margin-right: 10px; display: inline-block; vertical-align: middle }
.main-menu .navigation>li>ul>li>ul>li:hover>a:before { width: 15px; opacity: 1 }
.main-menu .navigation>li>ul>li>ul>li:hover>a { color: #222 }
.main-menu .navigation>li.dropdown:hover>ul { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1 }
.main-menu .navigation>li.dropdown>a:after { display: inline-block; content: "\e64b"; margin-left: 2px; font-size: 10px !important; font-family: themify; font-style: normal; font-weight: 700; line-height: .9; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.main-menu .navigation>li.en{float: right; padding: 10px;}
.main-menu .navigation li>ul>li.dropdown:hover>ul { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; top: 100% }
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 8px; width: 34px; height: 30px; border: 1px solid #3e3e3e; text-align: center; font-size: 16px; line-height: 30px; color: #fff; cursor: pointer; z-index: 5; display: none }
.main-header .header-infobox { position: relative; float: right; z-index: 99 }
.main-header .header-widgetbox { position: relative; float: right; margin-left: 30px }
.main-header .header-searcbox { position: relative; float: left; padding: 29px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.main-header .search-box-btn { position: relative; height: 35px; cursor: pointer; background: 0 0; font-size: 18px; color: #222; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 0; outline: 0 }
.main-header .search-box-btn:hover { color: var(--main-color) }
.dropdown-toggle::after { display: none }
.main-header .header-searcbox .dropdown-menu { top: 61px !important; left: auto !important; right: 0; padding: 0; width: 280px; border-radius: 3px; transform: none !important; border: 0; border-top: 3px solid var(--main-color) }
.main-header .search-wrapper .form-container { padding: 25px 20px }
.main-header .search-wrapper .form-group { position: relative; margin: 0; border-radius: 3px; overflow: hidden }
.main-header .search-wrapper input[type=password], .main-header .search-wrapper input[type=search], .main-header .search-wrapper input[type=text], .main-header .search-wrapper select { display: block; width: 100%; line-height: 24px; padding: 7px 40px 7px 15px; height: 40px; font-size: 14px; border: 1px solid #e0e0e0; background: #fff; outline: 0; border-radius: 3px }
.main-header .search-wrapper input:focus, .main-header .search-wrapper select:focus { border-color: var(--main-color) }
.main-header .search-wrapper .search-btn { position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-align: center; color: #fff; font-size: 12px; background: 0 0; cursor: pointer; background: var(--main-color); border: 0; outline: 0 }
@-webkit-keyframes bounceShow {
	20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) }
	0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
	20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) }
	40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) }
	60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) }
	80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) }
	to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@-moz-keyframes bounceShow {
	20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) }
	0% { opacity: 0; -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
	20% { -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) }
	40% { -moz-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) }
	60% { opacity: 1; -moz-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) }
	80% { -moz-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) }
	to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes bounceShow {
	20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) }
	0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); -moz-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
	20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) }
	40% { -webkit-transform: scale3d(.9, .9, .9); -moz-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) }
	60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) }
	80% { -webkit-transform: scale3d(.97, .97, .97); -moz-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) }
	to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
.search-wrapper.show { -moz-animation-duration: .75s; -webkit-animation-duration: .75s; animation-duration: .75s; -moz-animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-name: fadeIn }
.main-header .header-infobox .headercont-box { position: relative; float: left; padding: 23px 0; margin-left: 50px }
.main-header .header-infobox .headercont-box .theme-btn { position: relative; float: right }
.main-header .header-widgetbox .talk-box { position: relative; padding-left: 55px; text-align: left; color: #fff; font-size: 16px; line-height: 1.6em; margin-top: 20px; margin-left: 28px; display: inline-block }
.main-header .header-widgetbox .talk-box .icon { position: absolute; content: ''; left: 0; top: 8px; color: var(--main-color); font-size: 38px; line-height: 1em }
.main-header .header-widgetbox .talk-box .info { position: relative; font-size: 18px }
.main-header .header-widgetbox .social-box { position: relative; float: left; padding: 22px 0; margin-right: 35px }
.main-header .header-widgetbox .social-box li { position: relative; margin-left: 15px; display: inline-block }
.main-header .header-widgetbox .social-box li a { position: relative; color: #222; font-size: 14px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.main-header .header-widgetbox .social-box li a:hover { color: var(--main-color) }
.headerbtn-contact .cont-widget { float: left }
.headerbtn-contact .icon { font-size: 22px; float: left; display: block; margin-right: 20px; color: var(--main-color); margin-top: 13px }
.headerbtn-contact .title { display: block; color: #777; font-size: 14px }
.headerbtn-contact .subtitle { color: #233d63; font-size: 20px; font-weight: 600; display: block; float: left; line-height: 27px }
#pageloader { background-color: #fff; height: 0%; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 99999;display: none; }
#pageloader>img { position: absolute; left: 0; right: 0; margin: 0 auto; width: 200px; height: 150px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%) }
.main-slider .owl-carousel.owl-theme .owl-nav div.owl-next, .main-slider .owl-carousel.owl-theme .owl-nav div.owl-prev { color: #fff; font-size: 22px; margin-top: -20px; position: absolute; top: 50%; text-align: center; line-height: 48px; opacity: 0; border: 0; width: 50px; height: 50px; border-radius: 50px; background: rgba(255, 255, 255, .2) }
.main-slider .owl-carousel.owl-theme .owl-nav div.owl-prev { left: 10%; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s }
.main-slider .owl-carousel.owl-theme .owl-nav div.owl-next { right: 10%; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s }
.main-slider .owl-carousel.owl-theme:hover .owl-nav div.owl-next { right: 2%; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; opacity: 1 }
.main-slider .owl-carousel.owl-theme:hover .owl-nav div.owl-prev { left: 2%; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; opacity: 1 }
.main-slider .owl-carousel.owl-theme:hover .owl-nav div.owl-next:hover, .main-slider .owl-carousel.owl-theme:hover .owl-nav div.owl-prev:hover { color: #fff; background: var(--main-color) }
.slider-images::after { content: ''; background: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.mainslider .slider-content { position: absolute; top: 50%; left: 50%; width: 800px; transform: translate(-50%, -50%) }
.mainslider .textboxitem { max-width: 800px }
.mainslider .content-left .slider-content { position: absolute; top: 50%; left: 8%; width: 800px; transform: translateY(-50%) }
.mainslider .textboxitem.text-center { margin: 0 auto }
.mainslider .owl-item .title { transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out .3s; color: #fff; font-weight: 700; margin-bottom: 30px; text-transform: uppercase }
.mainslider .owl-item .parainfo { transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 1s; color: #fff; font-size: 18px; margin-bottom: 40px; line-height: 30px }
.mainslider .owl-item .buttonwrp { transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 1.5s }
.mainslider .slidbtn { min-width: 150px; background: var(--main-color); display: inline-block; color: #fff; padding: 10px; font-size: 18px; font-weight: 600; border-radius: 5px; text-align: center }
.mainslider .owl-item.active .buttonwrp, .mainslider .owl-item.active .parainfo, .mainslider .owl-item.active .title { transform: translateY(0); opacity: 1 }
.mainslider .owl-item.active .slider-images img { transform: scale(1.1); transition: 10s }
.mainslider-style2 { padding: 40px 0 100px }
.mainslider-style2 .slider-imagebox img { max-width: 480px; float: right }
.mainslider-style2 .textboxitem { width: 50%; float: left; padding: 40px 0 }
.mainslider-style2 .slider-imagebox { width: 50%; float: right }
.mainslider-style2 .owl-item .title { margin-bottom: 40px; text-transform: capitalize; font-size: 55px; line-height: 1.2; font-weight: 600 }
.mainslider-style2 .owl-item .title strong { color: var(--main-color); font-weight: 600 }
.mainslider-style2 .owl-item .parainfo { margin-bottom: 50px }
.mainslider-style2 .owl-item .parainfo, .mainslider-style2 .owl-item .title { color: #233d63 }
.mainslider-style2 .slidbtn { padding: 10px 25px; border-radius: 30px }
.mainslider-style3 .slider-wrapper { position: relative; z-index: 1 }
.mainslider-style3 .slider-wrapper:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2 }
.mainslider-style3 .slider-content { z-index: 9 }
.mainslider-style3 .owl-item .title { color: #233d63 }
.mainslider-style3 .owl-item .parainfo { color: #233d63 }
.mainslider-style3 .content-left .slider-content { position: absolute; top: 50%; left: 8%; width: 40%; transform: translateY(-50%) }
.mainslider-style3 .owl-item .title strong { color: var(--main-color); font-weight: 600 }
.backgrounds-bg-img { background-position: center center; background-size: cover }
.white-head { color: #fff }
.paralexsec-1 { position: relative; z-index: 1 }
.paralexsec-1:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; opacity: .5; z-index: -1 }
.box-center { -ms-flex-pack: center !important; justify-content: center !important }
.paralexsec-1 .big-title { font-size: 45px }
.paralexsec-1 .para-content p { color: #fff }
.paralexsec-1 .btnwrp { padding-top: 20px }
.video-area-popup { background: var(--main-color) none repeat scroll 0 0; border-radius: 50%; color: #fff; cursor: pointer; display: inline-block; font-size: 18px; height: 60px; line-height: 1; margin-right: 15px; padding-left: 5px; padding-top: 21px; position: relative; text-align: center; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 60px }
.video-area-popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.video-area-popup:hover { background: #fff none repeat scroll 0 0; -webkit-box-shadow: 0 0 15px; box-shadow: 0 0 15px; color: #ad7cff }
span.bubble-ripple+span { -webkit-transition: -webkit-transform .3s ease 0s; transition: -webkit-transform .3s ease 0s; transition: transform .3s ease 0s; transition: transform .3s ease 0s, -webkit-transform .3s ease 0s; z-index: 100 }
span.bubble-ripple { -webkit-animation: 1.5s linear 0s normal none infinite running bubble-ripple; animation: 1.5s linear 0s normal none infinite running bubble-ripple; background-color: var(--main-color); border-radius: 50%; bottom: 0; display: block; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px; z-index: -1 }
.video-area-popup .fa { font-size: 29px; line-height: 17px }
.video-area-popup:hover span.bubble-ripple { opacity: .5 !important }
.bubble-ripple .bubble-ripple-inner { -webkit-animation: 1.5s linear 0s normal none infinite running bubble-ripple; animation: 1.5s linear 0s normal none infinite running bubble-ripple; background-color: var(--main-color); border-radius: 50%; bottom: 0; display: block; height: 60px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 60px }
@-webkit-keyframes bubble-ripple {
	0% { opacity: .75; -webkit-transform: scale(1); transform: scale(1) }
	25% { opacity: .75; -webkit-transform: scale(1); transform: scale(1) }
	100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) }
}
@keyframes bubble-ripple {
	0% { opacity: .75; -webkit-transform: scale(1); transform: scale(1) }
	25% { opacity: .75; -webkit-transform: scale(1); transform: scale(1) }
	100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5) }
}
.container-fluid.no-padding { margin: 0; padding: 0 }
.scroll-totop { background: #222; color: #fff; border: 0; font-size: 16px; border-radius: 3px; width: 40px; height: 40px; line-height: 40px; position: fixed; right: 20px; bottom: 20px; z-index: 99; cursor: pointer; display: none; outline: 0; box-shadow: 0 1px 5px rgba(68, 73, 83, .2); -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s }
.scroll-totop:hover { background: var(--main-color) }
.services-section { position: relative }
.service-item .title { margin: 0 0 12px }
.service-img img { width: 100% }
.recent-project-img img, .service-item img { width: 100% }
.service-item .title a:hover { color: var(--main-color) }
.service-item .desc { margin: 0 }
.service-item .link { margin: 26px 0 0 }
.link.load-more-btn { text-align: center }
.service-item-wrap { padding: 15px 0 0 }
.service-block-two { position: relative }
.service-block-two .inner-box { position: relative; padding: 32px 32px; min-height: 148px; background-color: #fff }
.service-block-two .inner-box:hover { background: var(--main-color) }
.service-block-two .inner-box a:hover, .service-block-two .inner-box:hover .icon-box .icon, .service-block-two .inner-box:hover a { color: #fff }
.service-block-two .inner-box .overlay-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.service-block-two .inner-box .overlay-box .overlay-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; padding: 25px 32px 32px; vertical-align: middle }
.service-block-two .inner-box .overlay-box .overlay-inner .overlay-content { position: relative; display: table-cell; vertical-align: middle }
.service-block-two .inner-box .overlay-box .content { position: relative; padding-left: 80px }
.service-block-two .inner-box .overlay-box .content .icon-box { position: absolute; left: 0; top: 4px; color: #222; line-height: 1em; font-size: 54px; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease }
.service-block-two .inner-box .overlay-box .content h3 { position: relative; color: #222; font-size: 19px; line-height: 1.5em; font-weight: 500 }
.service-block-two .inner-box .overlay-box .content h3 a { position: relative; color: #222; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease }
.service-block-two .inner-box:hover .overlay-box .content .icon-box, .service-block-two .inner-box:hover .overlay-box .content h3 a { color: #fff }
.bt-main .bt-main-item { position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden }
.bt-main img { display: block; border: 0; width: 100%; height: auto }
.bt-main-item-wrapper { width: 100%; height: 100%; position: relative; top: 0; left: 0 }
.bt-gallery-box.style-3 .texts { bottom: 0; left: 0; padding: 40px 27px 80px; transform: translateY(50px); background-image: linear-gradient(to top, #000, transparent); height: auto; top: unset; opacity: 1 }
.bt-gallery-box.style-3 .categorie { margin-bottom: 10px; display: block; font-weight: 700; font-size: 14px; line-height: 1.2; text-decoration: underline }
.bt-gallery-box.style-3 .title { font-size: 20px; color: #fff; margin-bottom: 0 }
.bt-gallery-box.style-3 .gallery-btn { position: absolute; bottom: 40px; left: 27px; opacity: 0; font-size: 15px; font-weight: 500; transform: translateX(-55px); color: #fff }
.bt-gallery-box.style-3 .gallery-btn i { margin-left: 10px; font-size: 11px }
.bt-gallery-box.style-3:hover .texts { transform: translateY(0); transition: all ease .3s; background-color: transparent }
.bt-gallery-box.style-3:hover .gallery-btn { opacity: 1; transition: all ease .1s; transition-delay: .3s; transform: translateX(0) }
.bt-gallery-box.style-3 .gallery-btn:hover:after { color: #f55b15 }
.bt-gallery-box { position: relative; overflow: hidden }
.bt-gallery-box img { width: 100% }
.bt-gallery-box .texts { position: absolute; color: #fff; top: 0; left: 0; padding: 40px; width: 100%; height: 100%; opacity: 0; transform: translateY(-50px); transition: .3s }
.bt-gallery-box .title { font-size: 24px; color: #fff }
.bt-gallery-box a:hover .title { color: #f55b15; transition: .3s }
.bt-gallery-box .sep { height: 2px; width: 60px; border-radius: 2px; background-color: #f55b15; margin-bottom: 15px }
.bt-gallery-box .view-gallery-btn { font-size: 20px; width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #222; background-color: #fff; opacity: 0 }
.bt-gallery-box .view-gallery-btn:after { content: "+"; position: absolute; top: 0; right: 0; text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 40px }
.bt-gallery-box:hover .texts { transition: all ease .3s; background-color: rgba(0, 0, 0, .8); opacity: 1; transform: translateY(0) }
.bt-gallery-box:hover .view-gallery-btn { opacity: .8 }
.bt-gallery-box .view-gallery-btn:hover { background-color: #f55b15; color: #fff }
.team-social li>a { background: #036; text-align: center; border-radius: 3px }
.team-social li>a { color: #fff; font-size: 16px; height: 25px; line-height: 25px; width: 25px }
.project-item { position: relative; float: left; overflow: hidden; max-height: 370px; width: 100%; text-align: center; margin: 0 }
.project-item img { position: relative; display: block; width: 100% }
.project-item figcaption { padding: 2em; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.project-item figcaption::after, .project-item figcaption::before { pointer-events: none }
.project-item figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.project-item h2 { font-size: 18px; line-height: 26px }
.project-item h2:hover a { text-decoration: underline; color: #fff }
.project-item figcaption { top: auto; bottom: 0; padding: 1.5em 1.5em 1.8em; height: 4.8em; background: #f7f7f7; color: #3c4a50; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
.project-item h2 { float: left }
.project-item p { float: right; color: var(--main-color); display: inline-block }
.project-item:hover p.icon-links a:focus, .project-item:hover p.icon-links a:hover { color: #252d31 }
.project-item p.description { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity .35s; transition: opacity .35s; -webkit-backface-visibility: hidden }
.project-item h2, .project-item p.cat { -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0) }
.project-item p.icon-links a span::before { display: inline-block; padding: 8px 10px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.project-item h2 { display: inline-block }
.project-item h2:hover a { color: var(--main-color) }
.project-item:hover p.description { opacity: 1 }
.project-item:hover figcaption, .project-item:hover h2, .project-item:hover p.icon-links a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.project-item:hover h2 { -webkit-transition-delay: 50ms; transition-delay: 50ms }
.project-item:hover p.cats { -webkit-transition-delay: .2s; transition-delay: .2s }
.sec-title-white * { color: #fff }
.sec-title { position: relative; text-align: center }
.sec-title h2 { position: relative; font-size: 40px; padding-bottom: 15px; margin-bottom: 0; text-transform: capitalize; padding-top: 0 }
.sec-title h2:after { position: absolute; content: ''; left: 50%; bottom: 0; width: 60px; height: 3px; margin-left: -30px; background-color: var(--main-color) }
.sec-title h2 a{font-size: 40px; }
.sec-title p { font-size: 20px; margin-top: 10px }
.sec-title.light h2 { color: #fff }
@keyframes slide {
	from { background-position: 0 0 }
	to { background-position: -200px 0 }
}
@-webkit-keyframes slide {
	from { background-position: 0 0 }
	to { background-position: -200px 0 }
}
.sec-title.centered .separator { margin: 0 auto }
.sec-title.centered { text-align: center }
.sec-title.centered .separator { margin: 0 auto }
.blog-single blockquote { font-size: 18px; line-height: 28px }
.blog-single .share h6 { margin-right: 15px }
.blog-single .share .social-icons, .blog-single .share h6 { display: inline-block }
.blog-single .social-icons li { padding: 0 }
.blog-single form { background: #eee; padding: 20px }
.testimonial-wrapper { margin-bottom: 50px }
.testimonial-wrapper:last-child { margin-bottom: 0 }
.testimonial-wrapper .testimonial-cmt { padding: 40px 50px; position: relative; margin-bottom: 50px }
.testimonial-wrapper .testimonial-cmt h6 { font-size: 16px; margin-bottom: 35px }
.testimonial-wrapper.testimonial-sm .testimonial-cmt { padding: 15px }
.testimonial-wrapper.testimonial-md .testimonial-cmt { padding: 30px }
.testimonial-wrapper .testimonial-cmt.grey-bg { background: #f7f7f7; border: 1px solid #eee }
.testimonial-wrapper .testimonial-cmt p:last-of-type { margin-bottom: 0 }
.testimonial-wrapper .testimonial-cmt.grey-bg .cbt-arrow, .testimonial-wrapper .testimonial-cmt.white-bg .cbt-arrow { border-bottom: 30px solid transparent; border-left: 30px solid #fff; bottom: -20px; display: block; height: 30px; left: 30px; position: absolute; width: 30px }
.testimonial-wrapper .testimonial-cmt.grey-bg .cbt-arrow { border-left: 30px solid #f7f7f7 }
.media-left.testi-img-block { padding-right: 20px }
.testi-details-block { vertical-align: middle }
.testimonial-cmt p { margin-bottom: 0 !important; font-size: 14px }
.testimonial-md .testi-details-block p, .testimonial-sm .testi-details-block p { font-size: 13px; margin-bottom: 0 }
.testi-details-block p.testi-name { text-transform: capitalize; font-size: 15px; font-weight: 500 }
.testimonial-side-img { bottom: 0; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 1 }
.testimonial-title { bottom: -30px; color: rgba(46, 43, 43, .25); font-size: 143px; line-height: 143px; margin-bottom: 0; padding: 0 15px; position: absolute; vertical-align: bottom; width: 100%; word-wrap: break-word }
.blog-details .blog-meta { margin-left: 0; margin-right: 0; margin-bottom: 15px !important }
.blog-details ul li { padding: 0; margin-right: 15px; margin-bottom: 10px }
.list-inline>li { padding-left: 10px; padding-right: 10px }
.list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px }
ul:last-of-type { margin-bottom: 0; padding: 0 }
.team-member-list .image { position: relative }
.team-member-list .image img { width: 100% }
.team-member-list .texts { text-align: center; padding: 20px 0; border: 1px solid #f1f1f1 }
.bg-gray .team-member-list .texts { border: 1px solid #e6e6e6 }
.team-member-list .name { font-size: 20px; margin: 0 }
.position { font-size: 13px }
.team-member-list .position { margin: 0 }
.team-member-list .socials { list-style: none; margin: 0; padding: 0; position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s }
.team-member-list .socials li { display: inline-block; margin: 0; padding: 0 1px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: opacity .2s, -webkit-transform .35s; transition: opacity .2s, transform .35s; opacity: 0; visibility: hidden }
.team-member-list .member:hover .socials li { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.team-member-list .member:hover .socials li:nth-child(3) { -webkit-transition-delay: .1s; transition-delay: .1s }
.team-member-list .member:hover .socials li:nth-child(2) { -webkit-transition-delay: .15s; transition-delay: .15s }
.team-member-list .member:hover .socials li:first-child { -webkit-transition-delay: .2s; transition-delay: .2s }
.team-member-list .socials li a { color: #777; display: inline-block; width: 30px; height: 30px; font-size: 12px; line-height: 30px; text-align: center; border-radius: 50%; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; transition: all .3s ease 0s }
.team-member-list .socials li.facebook a { background-color: #3a6bb1; color: #fff }
.team-member-list .socials li.twitter a { background-color: #0ec8f5; color: #fff }
.team-member-list .socials li.linkedin a { background-color: #0094d3; color: #fff }
.team-member-list .socials li.google-plus a { background-color: #f2623b; color: #fff }
.team-member-list .socials li a:hover { background-color: #fff; color: #252525 }
.contact-mail-section { overflow: inherit; z-index: 1; position: relative; margin-bottom: -70px }
.contact-mail-section h4 { color: #fff; font-size: 16px; margin-bottom: 10px }
.contact-mail-section .newslater_wrapper { background: var(--main-color);
	background: linear-gradient(270deg, rgba(106, 17, 203, 1) 0%, rgba(37, 117, 252, 1) 100%);
	padding-top: 15px; padding-bottom: 20px; border-radius: 3px }
.footer-contact-list { text-align: center }
.newslater-footer form { position: relative; border-radius: 100px; overflow: hidden }
.newslater-footer .bt-email { padding-top: 12px; padding-bottom: 12px; padding-right: 60px; padding-left: 20px; width: 100%; border: 0; font-size: 15px }
.newslater-footer .bt-submit { position: absolute; top: 0; bottom: 0; right: 0; background: #000; padding: 0 28px; min-width: 50px; z-index: 2; border: 0; color: #fff; border-radius: 100px; font-size: 15px; font-weight: 500 }
.footer-contact-list p { color: #fff; margin-bottom: 0 }
.footer-contact-list a { border: 1px solid #fff; border-radius: 50%; width: 37px; height: 37px; display: inline-block; text-align: center; line-height: 39px; margin-right: 5px; color: #fff; transition: all .3s }
.footer-contact-list a:hover { background: #fff; color: #000 }
.footer-area { background-color: #265887; }
.widget { background-color: #f4f7fc; margin-bottom: 30px; padding: 25px 30px 30px 30px }
.widget.Dizzcox_testimonial_widget { background-color: var(--secondary-color) }
.widget select { width: 100%; height: 50px; padding: 10px 20px }
.widget .widget-title { font-size: 20px; font-weight: 700; line-height: 31px; margin-bottom: 20px; position: relative }
.widget.widget_calendar { padding-right: 24px; padding-left: 24px }
.widget:last-child { margin-bottom: 0 }
.widget.widget_nav_menu ul li.menu-item-has-children:after { display: none }
.widget.footer-widget .subscribe-form .form-group .form-control { background-color: #515457; color: #fff }
.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .6) }
.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder { color: rgba(255, 255, 255, .6) }
.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, .6) }
.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .6) }
.widget.footer-widget .subscribe-form .submit-btn:hover { background-color: #fff; color: var(--main-color) }
.widget.footer-widget { background-color: transparent !important; padding: 0 20px; margin-bottom: 0 }
.widget ul { margin: 0; padding: 0; list-style: none }
.widget ul li:hover { color: var(--main-color) }
.widget ul li ul { margin-left: 20px }
.widget ul li { display: block; margin: 8px 0; -ms-word-wrap: break-word; word-break: break-word }
.widget ul li:first-child { margin-top: 0 }
.widget ul li:last-child { margin-bottom: 0 }
.widget ul li a { color: inherit; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in }
.widget ul li a:hover { color: var(--main-color) }
.footer-widget.widget_nav_menu ul li a { position: relative; padding-left: 15px }
.footer-widget.widget_nav_menu ul li a:hover { backcolor: var(--main-color) }
.footer-widget.widget_nav_menu ul li a:after { position: absolute; left: 0; top: 50%; -webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); -ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); content: "\e649"; font-family: themify; font-size: 11px }
.search-form.seach-page { border-radius: 100px }
.search-form.seach-page input { height: 53px !important }
.search-form.seach-page button { width: auto !important; padding: 0 40px; font-weight: 500; height: 55px !important; border-radius: 100px }
.widget_search .search-form { position: relative }
.widget_search .search-form .form-group { margin-bottom: 0 }
.widget_search .search-form .form-group .form-control { height: 50px; border: 1px solid rgba(0, 0, 0, .2); padding: 0 70px 0 15px }
.widget_search .search-form .submit-btn { position: absolute; right: 0; top: 0; width: 60px; height: 50px; line-height: 50px; padding: 0; font-size: 18px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: var(--main-color); color: #fff; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; border: none; cursor: pointer }
.widget_search .search-form .submit-btn:hover { background-color: var(--secondary-color); color: #fff }
.widget_author_meta { text-align: center }
.widget_author_meta .thumb { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 20px }
.widget_author_meta .thumb img { border-radius: 50% }
.widget_author_meta .content .name { font-size: 21px; font-weight: 700 }
.widget_author_meta .content p { font-size: 16px; line-height: 26px }
.widget_author_meta .content ul { margin-top: 25px }
.widget_author_meta .content ul li { display: inline-block; margin: 0 5px }
.widget_author_meta .content ul li a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid rgba(0, 0, 0, .1); border-radius: 50%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in }
.widget_author_meta .content ul li a:hover { background-color: var(--main-color); color: #fff }
.widget_tag_cloud .tagcloud a { display: inline-block; padding: 5px 15px; border: 1px solid rgba(0, 0, 0, .1); margin: 5px; color: inherit; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; border-radius: 5px; font-size: 16px !important }
.widget_tag_cloud .tagcloud a:hover { background-color: var(--main-color); color: #fff }
.widget ul li ul.sub-menu { position: initial }
.widget ul li ul.sub-menu { visibility: visible; opacity: 1; background-color: transparent; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 10px }
.widget ul li ul.sub-menu li a { padding: 0 0 0 10px }
.widget ul li ul.sub-menu li a:hover { background-color: transparent }
.widget.widget_nav_menu ul { margin: 0; padding: 0; list-style: none }
.widget.widget_nav_menu ul:hover { color: var(--main-color) }
.widget.widget_nav_menu ul li { padding: 0 10px 7px 0; margin-bottom: 0; line-height: 20px }
.widget.widget_nav_menu ul li:last-child { border-bottom: 0 !important }
.widget.footer-widget.widget_nav_menu ul li { border-bottom: 1px dashed rgba(74, 74, 74, .5) }
.widget.widget_nav_menu ul li:first-child { margin-top: 0 }
.widget.widget_nav_menu ul li:last-child { margin-bottom: 0 }
.widget.widget_nav_menu ul li a { border: none }
.widget.widget_nav_menu ul li>ul { margin-left: 15px }
.widget.footer-widget.widget_calendar table { margin-bottom: 0 }
.widget.footer-widget.widget_calendar caption { padding-bottom: 0 }
.widget.footer-widget .widget-title { color: rgba(255, 255, 255, .9) }
.footer-widget.widget_tag_cloud .tagcloud a, .widget.footer-widget p, .widget.footer-widget.widget_calendar caption, .widget.footer-widget.widget_calendar td, .widget.footer-widget.widget_calendar th { color: #eee; font-size: 14px; line-height: 1.5; }
.widget.footer-widget p { margin-bottom: 0 }
.widget.footer-widget ul li, .widget.footer-widget ul li a { color: #eee; font-size: 15px }
.widget.footer-widget ul li a:hover { color: var(--main-color) }
.widget .social_share { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.widget .social_share li { width: calc(100% / 3); margin: 0; display: block; padding: 20px 0 12px 0; text-align: center; border-radius: 5px; color: #fff }
.widget .social_share li i { display: block; margin-bottom: 10px; font-size: 20px }
.widget .social_share li.facebook { background-color: #3b5999 }
.widget .social_share li.twitter { background-color: #55acee }
.widget .social_share li.instagram { background-color: #e4405f }
.widget .social_share li a:hover { color: #fff }
.widget .social_share li+li { margin-left: 10px }
.widget .recent_post_item { margin: 0; padding: 0; list-style: none }
.widget .recent_post_item li { display: block }
.widget .recent_post_item li+li { margin-top: 20px }
.widget .recent_post_item li.single-recent-post-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: start; align-self: flex-start }
.widget .recent_post_item li.single-recent-post-item .thumb { width: 60px; height: 60px; margin-right: 15px }
.widget .recent_post_item li.single-recent-post-item .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.widget .recent_post_item li.single-recent-post-item .content .title { font-size: 16px; line-height: 20px; font-weight: 600 }
.widget .recent_post_item li.single-recent-post-item .content .time { font-size: 14px; font-weight: 500 }
.contact_info_list { margin: 0; padding: 0; list-style: none }
.contact_info_list li { display: block }
.contact_info_list li.single-info-item { position: relative; margin-bottom: 10px }
.contact_info_list li.single-info-item .icon { position: absolute; left: 0; top: 0; color: var(--main-color) }
.contact_info_list li.single-info-item .details { padding-left: 30px }
.about_us_widget .footer-logo { display: block }
.about_us_widget .footer-logo img { max-width: 200px }
.footer-about-social { margin-top: 20px !important }
.footer-about-social li { float: left; margin-right: 20px !important; margin-top: 0 !important }
.margin-bottom-30.bg-gray.clearfix.padding-30 h2 { padding-bottom: 30px }
.small-footer-area { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, .1) }
.copyright-area { color: #eee; font-size: 15px }
.margin-bottom-50.clearfix { padding: 50px; background: #faf9f8; border-radius: 5px }
.footer-menu-list { padding: 0; margin: 0; text-align: right }
.footer-menu-list li { display: inline-block }
.footer-menu-list li a { color: #eee; margin-left: 15px; font-size: 15px }
.footer-recent-post .widget-post:last-child { border: none }
.footer-recent-post .bt-post-date { background-color: rgba(255, 255, 255, .1); width: 50px; float: left; border-radius: 3px; padding-bottom: 5px }
.footer-recent-post .bt-post-date strong { display: block; font-size: 24px }
.footer-recent-post .bt-post-date span { display: block; font-size: 9px; text-transform: uppercase; font-weight: 600 }
.footer-recent-post .bt-post-info { margin-left: 70px }
.footer-recent-post .widget-post { margin-bottom: 20px }
.footer-recent-post .widget-post:last-child { margin-bottom: 0 }
.footer-recent-post .bt-post-info .post-title { margin-bottom: 0; margin-top: 0; line-height: 1.2 }
.footer-recent-post .bt-post-info .bt-post-meta ul { margin-bottom: 0 }
.footer-recent-post .bt-post-info .bt-post-meta ul li { font-weight: 400; font-size: 12px; padding: 0; display: inline-block; color: inherit }
.footer-recent-post .bt-post-info .bt-post-meta ul li i { color: #7b7b7b; margin: 0 5px }
.footer-recent-post .bt-post-info .post-title a { color: #eee; font-size: 15px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in }
.footer-recent-post .bt-post-info .post-title a:hover { color: var(--main-color) }
.why-us-section { position: relative }
.why-us-section .image-column { position: relative }
.why-us-section .image-column .inner-column { position: relative }
.why-us-section .image-column .image { position: relative; background-color: #000 }
.why-us-section .image-column .image img { display: block; width: 100%; height: auto; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.why-us-section .image-column .image:hover img { opacity: .5 }
.why-us-section .content-column { position: relative }
.why-us-section .content-column .inner-column { position: relative }
.why-us-section .content-column .sec-title { margin-bottom: 30px; text-align: left }
.why-us-section .content-column .sec-title h2:after { display: none }
.why-us-section .content-column h2, .why-us-section .content-column h2 a { font-size: 36px; padding-top: 0; line-height: 1.2em; margin-bottom: 0 }
.why-us-section .content-column .list-style-one { position: relative; margin-bottom: 10px; padding: 0 }
.why-us-section .content-column .list-style-one li, .services-section-two .list-style-one li { position: relative; font-size: 16px; line-height: 22px; color: #222; font-weight: 500; padding-left: 15px; margin-bottom: 20px; height: 22px; overflow: hidden; /*内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ white-space: nowrap; /*不换行 */ }
.why-us-section .content-column .list-style-one li:before, .services-section-two .list-style-one li:before { position: absolute; left: 0; top: 50%; -webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); -ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); content: "\e649"; font-family: themify; font-size: 11px; color: #222 }
.why-us-section .content-column .list-style-one li a { color: #222; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.why-us-section .content-column .list-style-one li a:hover, .why-us-section .content-column .list-style-one li:hover:before { color: var(--main-color) }
.divider-top-bottom { margin-bottom: 2.9em; margin-top: 2.2em; padding-bottom: 2.85em; position: relative }
.divider-top-bottom:after, .divider-top-bottom:before { bottom: 0; content: ""; left: 0; position: absolute; top: auto }
.divider-top-bottom:before { background-color: #e8e8eb; height: 1px; width: 100% }
.divider-top-bottom:after { background-color: #f4ca59; bottom: -2px; height: 5px; width: 70px }
.text-center .divider-top-bottom { margin-top: 2em; padding-bottom: 2em }
.text-center .divider-top-bottom:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
@media (max-width:575px) {
	.divider-top-bottom { margin-bottom: 1.9em; margin-top: 1.5em; padding-bottom: 1.5em }
}
section { position: relative }
img { max-width: 100% }
.cover-background, .cover-image, .s-parallax, .texture-background { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative }
.cover-image { height: 100%; width: 100% }
@media (min-width:1024px) {
	.cover-image { background-position: 50% 50%; bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 2 }
	section>.cover-image { position: absolute !important }
	.cover-image.s-cover-right { left: auto; width: 50% }
	.cover-image.s-cover-left { width: 50% }
	.cover-image>img { visibility: hidden }
	.cover-image>a { bottom: 0; left: 0; position: absolute; right: 0; top: 0 }
	.cover-image+[class*=container] [class*=col-]>a:after, .cover-image+[class*=container] [class*=col-]>a>img, .cover-image+[class*=container] [class*=col-]>img { visibility: hidden }
}
.cover-image>img { width: 100% }
.fixed-background, .s-parallax { background-attachment: fixed; background-position: 50% 0 }
.bt_call_action:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(37, 37, 37, .9); z-index: -1 }
.bt_call_action .call_action_title { font-size: 50px }
.bt_call_action .call_action_text { font-size: 20px }
.bt_bg_img { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1 }
.bt_counter_wrapper:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(37, 37, 37, .7); z-index: -1 }
.bt_counter_wrapper .counter_block { position: relative; overflow: hidden; transition: all .8s; -moz-transition: all .8s; -webkit-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; z-index: 1 }
.bt_counter_wrapper .counter_block>.counter_img { display: inline-block }
.counter_img i { font-size: 50px; color: #000 }
.bt_counter_wrapper .counter_block>.counter_img>span { width: 70px; height: 70px; display: inline-block; border-radius: 15px; transform: rotate(-45deg); position: relative }
.bt_heading h3 { color: #fff; font-size: 34px; margin-bottom: 10px; padding-bottom: 20px; text-transform: capitalize }
.bt_heading p { color: #fff }
.bt_counter_wrapper .counter_block>.counter_img>span>i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); color: #fff; font-size: 80px }
.bt_counter_wrapper .counter_block>.counter_text>h4 { font-size: 42px; color: #fff; font-weight: 700; margin-bottom: 20px }
.bt_counter_wrapper .counter_block>.counter_text>h5 { font-size: 18px; font-weight: 600; color: #fff; text-transform: capitalize }
.fun-info .m_count { font-size: 60px; margin-bottom: 0; font-weight: 600 }
section.page-header-section { padding: 140px 20px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative }
section.page-header-section:before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, .55) }
.breadcrumb-section { background: #fff; position: relative; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee }
.breadcrumb { list-style: none; background-color: transparent; border-radius: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 0 }
.paget-title { display: flex; flex-direction: column; justify-content: center }
.paget-title span { color: var(--main-color) }
.paget-title h2 { font-size: 40px; color: #fff; margin: 0 }
ol.breadcrumb li { display: inline-block; padding-top: 16px; font-weight: 700 }
.breadcrumb a, .breadcrumb li, .breadcrumb li.active { color: #000531; font-size: 14px; font-weight: 700 }
.icon-bx-wraper .dez-tilte { margin-top: 0 }
​ h5.dez-tilte { text-align: center }
.subscribe-section { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative }
.subscribe-section:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(37, 37, 37, .7); z-index: 1 }
.subscribe-section * { position: relative; z-index: 2 }
.subscribe-section h4 { font-size: 24px; margin-bottom: 15px }
.bg-image.subscribe-section h2, .bg-image.subscribe-section input[type=email], .bg-image.subscribe-section p { color: #fff }
.bg-image.subscribe-section input[type=email]::-webkit-input-placeholder, .bg-image.subscribe-section input[type=email]::placeholder { color: #fff }
.bg-image.subscribe-section p { margin-bottom: 25px }
.subscribe-section input[type=email] { border: 1px solid #dfdfdf; padding: 11px 15px; height: 43px; color: #0a0a0a; font-size: 14px; font-weight: 400; background: 0 0; min-width: 250px; outline: 0; border-radius: 3px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -webkit-appearance: none }
.subscribe-section input[type=button] { padding: .72em 1.1em; letter-spacing: 1px; font-size: 13px; height: 43px }
.about { background-position: center center; background-repeat: no-repeat; transition: background .3s, border .3s, border-radius .3s, box-shadow .3s }
.about-heading { display: inline-block; font-weight: 700 }
.about-heading span { font-weight: 300 }
.partner { background: var(--main-color) }
.about-inner img { width: 100% }
.page-wraper { background: #f4f5f5 }
.page-content { margin-top: 0; padding-bottom: 50px }
.section-full { position: relative }
.section-full:last-child { margin-bottom: -50px }
.section-head { margin-bottom: 35px }
.section-head.no-margin { margin-bottom: 0 }
.section-head h1, .section-head h2, .section-head h3 { margin-top: 50px }
.title-small { display: block; color: #494949; font-size: 30px }
.section-head p { padding-top: 10px; font-size: 14px; color: #9897a0 }
.text-center.section-head p { margin-left: auto; margin-right: auto; max-width: 700px }
.text-white { color: #fff }
.text-white .title-small, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p { color: #fff }
.page-notfound .page-title { font-size: 120px; line-height: 1.2; font-weight: 700; margin-bottom: 0; margin-top: -20px }
.page-notfound .page-desc { margin-bottom: 30px }
[class*=icon-bx-][class*=bg-] a { color: #fff; line-height: 0 }
[class*=icon-bx-].bg-white a { color: inherit }
[class*=icon-bx-][class*=border-] { display: table; line-height: normal; margin-left: auto; margin-right: auto }
[class*=icon-bx-][class*=border-] .icon-cell { display: table-cell; vertical-align: middle }
.icon-bx-wraper.bx-style-2.center [class*=icon-bx-], .icon-bx-wraper.bx-style-2.left [class*=icon-bx-], .icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute }
.icon-bx-wraper.bx-style-2.center [class*=icon-bx-] { position: absolute; top: 0; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.icon-bx-wraper.bx-style-2.center .icon-bx-xl { margin-left: -75px }
.icon-bx-wraper.bx-style-2.center .icon-bx-lg { margin-left: -60px }
.icon-bx-wraper.bx-style-2.center .icon-bx-md { margin-left: -50px }
.icon-bx-wraper.bx-style-2.center .icon-bx-sm { margin-left: -40px }
.icon-bx-wraper.bx-style-2.center .icon-bx-xs { margin-left: -20px }
.icon-bx-wraper.bx-style-2.left [class*=icon-bx-] { position: absolute; top: auto; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute; top: auto; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) }
.icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute; top: auto; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) }
.icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute; top: auto; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) }
.icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute; top: auto; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) }
.icon-bx-wraper.bx-style-2.center [class*=icon-bx-], .icon-bx-wraper.bx-style-2.left [class*=icon-bx-], .icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute }
.icon-bx-wraper.right .icon-bx-lg, .icon-bx-wraper.right .icon-bx-md, .icon-bx-wraper.right .icon-bx-sm, .icon-bx-wraper.right .icon-bx-xl, .icon-bx-wraper.right .icon-bx-xs { float: right; margin-left: 20px }
.icon-bx-lg.radius, .icon-bx-md.radius, .icon-bx-sm.radius, .icon-bx-xl.radius, .icon-bx-xs.radius { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100% }
.bg-primary, .pagination-bx .pagination .active a, .site-filters .site-button.active { color: #fff }
.icon-bx-md { width: 100px; height: 100px; line-height: 100px }
.icon-bx-lg, .icon-bx-md, .icon-bx-sm, .icon-bx-xl, .icon-bx-xs { display: inline-block; text-align: center }
.icon-bx-wraper.right { text-align: right }
.icon-bx-wraper { position: relative }
.icon-content { overflow: hidden }
.icon-content h6.dez-title { font-size: 14px }
div { display: block }
.icon-bx-wraper.right { text-align: right }
.icon-bx-wraper.right { text-align: right }
.bg-primary { background-color: #222 !important }
.awesome-services .m-l50 { margin-left: 0 }
.icon-bx-wraper { position: relative }
.icon-content { overflow: hidden }
a.icon-cell { font-size: 40px }
.bg-gray.clearfix { background-color: #cccccc38; border-radius: 10px }
.contact-style-1 .border-1 { border: 1px solid #eee }
.border-1 { border-width: 1px }
.border-1, .border-2, .border-3, .border-4, .border-5 { border-style: solid }
.m-b30 { margin-bottom: 30px }
.contact-info { margin: 0; padding: 15px 0 }
.contact-info li { list-style: none; width: 25%; float: left; padding: 11px 0 }
.contact-info li:last-child { padding: 0 }
.contact-info h6 { font-size: 16px; margin: 0 0 5px 0 }
.contact-info li i { margin-right: 5px; font-size: 18px }
.social-line li { display: inline-block; float: left; margin-left: -1px }
.icon-bx-wraper { position: relative }
.contact-style-1 .dez-social-icon-lg { border-top: 1px solid #eee; padding-top: 20px; text-align: left; width: 100%; margin: 0 }
.contact-style-1 .site-button { height: 50px; width: 100%; background-color: #ecbc0e; border-radius: 10px; color: #fff; font-size: 20px }
.contact-style-1 .site-button { height: 50px; width: 100% }
.site-button { background-color: #efbb20 }
.site-button, .site-button-secondry { color: #fff; padding: 10px 20px; display: inline-block; font-size: 14px; outline: 0; cursor: pointer; outline: 0; border-width: 0; border-style: solid; border-color: transparent; line-height: 1.42857; border-radius: 3px; font-weight: 600; text-align: center; white-space: nowrap }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; border-radius: 0 }
button, select { text-transform: none }
.form-control, button:focus, input, input:focus, textarea, textarea:focus, utton { overflow: visible; outline: 0 }
.icon-bx-lg i, .icon-bx-md i, .icon-bx-sm i, .icon-bx-xl i, .icon-bx-xs i { vertical-align: middle }
.icon-bx-xl i { font-size: 80px }
.icon-bx-lg i { font-size: 60px }
.icon-bx-md i { font-size: 35px }
.icon-bx-sm i { font-size: 30px }
.icon-bx-xs i { font-size: 14px }
.icon-bx-lg img, .icon-bx-md img, .icon-bx-sm img, .icon-bx-xl img, .icon-bx-xs img { vertical-align: middle; max-width: 100%; width: auto }
.icon-bx-xl img { height: 80px }
.icon-bx-lg img { height: 55px }
.icon-bx-md img { height: 40px }
.icon-bx-sm img { height: 30px }
.icon-bx-xs img { height: 20px }
.icon-lg, .icon-md, .icon-sm, .icon-xl, .icon-xs { display: inline-block; text-align: center }
.icon-xl { width: 100px }
.icon-lg { width: 80px }
.icon-md { width: 60px }
.icon-sm { width: 40px }
.icon-xs { width: 30px }
.icon-lg i, .icon-md i, .icon-sm i, .icon-xl i, .icon-xs i { vertical-align: middle }
.icon-xl i { font-size: 80px }
.icon-lg i { font-size: 60px }
.icon-md i { font-size: 45px }
.icon-sm i { font-size: 30px }
.icon-xs i { font-size: 20px }
.icon-lg img, .icon-md img, .icon-sm img, .icon-xl img, .icon-xs img { vertical-align: middle; max-width: 100%; width: auto }
.icon-xl img { height: 80px }
.icon-lg img { height: 70px }
.icon-md img { height: 50px }
.icon-sm img { height: 30px }
.icon-xs img { height: 20px }
.icon-bx-wraper { position: relative }
h6.dez-title { margin: 0 }
.icon-bx-wraper .after-titile-line { margin-bottom: 0 }
.icon-content { overflow: hidden }
.icon-bx-wraper.left .icon-bx-lg, .icon-bx-wraper.left .icon-bx-md, .icon-bx-wraper.left .icon-bx-sm, .icon-bx-wraper.left .icon-bx-xl, .icon-bx-wraper.left .icon-bx-xs { float: left; margin-right: 20px }
.icon-bx-wraper.left .icon-lg, .icon-bx-wraper.left .icon-md, .icon-bx-wraper.left .icon-sm, .icon-bx-wraper.left .icon-xl, .icon-bx-wraper.left .icon-xs { float: left; margin-right: 10px }
.icon-bx-wraper.right { text-align: right }
.icon-bx-wraper.right .icon-bx-lg, .icon-bx-wraper.right .icon-bx-md, .icon-bx-wraper.right .icon-bx-sm, .icon-bx-wraper.right .icon-bx-xl, .icon-bx-wraper.right .icon-bx-xs { float: right; margin-left: 5px }
.icon-bx-wraper.right .icon-lg, .icon-bx-wraper.right .icon-md, .icon-bx-wraper.right .icon-sm, .icon-bx-wraper.right .icon-xl, .icon-bx-wraper.right .icon-xs { float: right; margin-left: 10px }
.icon-bx-wraper.center { text-align: center }
[class*=icon-bx-][class*=bg-] a { color: #fff }
[class*=icon-bx-][class*=border-] { display: table; line-height: normal; margin-left: auto; margin-right: auto }
[class*=icon-bx-][class*=border-] .icon-cell { display: table-cell; vertical-align: middle }
.icon-bx-wraper.bx-style-1, .icon-bx-wraper.bx-style-2 { border-width: 1px; border-style: solid; border-color: #ddd }
.icon-bx-wraper.bx-style-2.center [class*=icon-bx-], .icon-bx-wraper.bx-style-2.left [class*=icon-bx-], .icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute }
.icon-bx-wraper.bx-style-2.center [class*=icon-bx-] { position: absolute; top: 0; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.icon-bx-wraper.bx-style-2.center .icon-bx-xl { margin-left: -75px }
.icon-bx-wraper.bx-style-2.center .icon-bx-lg { margin-left: -60px }
.icon-bx-wraper.bx-style-2.center .icon-bx-md { margin-left: -50px }
.icon-bx-wraper.bx-style-2.center .icon-bx-sm { margin-left: -40px }
.icon-bx-wraper.bx-style-2.center .icon-bx-xs { margin-left: -20px }
.icon-bx-wraper.bx-style-2.left [class*=icon-bx-] { position: absolute; top: auto; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.icon-bx-wraper.bx-style-2.right [class*=icon-bx-] { position: absolute; top: auto; right: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) }
.icon-bx-wraper.left .icon-bx-lg, .icon-bx-wraper.left .icon-bx-md, .icon-bx-wraper.left .icon-bx-sm, .icon-bx-wraper.left .icon-bx-xs, /////// .icon-bx-wraper.left .icon-bx-xl { float: left; margin-right: 5px }
.single-contact-address { overflow: hidden }
.padding-top0 { padding-top: 0 }
.single-input input { width: 100%; height: 40px; border-radius: 10px; border: 1px solid grey; background-color: transparent; padding-left: 10px; color: #fff }
.single-input label { color: var(--main-color); font-size: 14px }
.single-input textarea { width: 100%; border: 1px solid grey; border-radius: 10px; background-color: transparent; padding: 10px; color: #fff }
.single-input { margin-bottom: 20px }
.single-contact-address { overflow: hidden }
.single-input { margin-bottom: 20px }
.single-contact-address .icon { background: 0 0; color: var(--main-color); font-size: 22px; width: 60px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #dfdfdf; border-radius: 50px; float: left; margin-right: 20px; transition: .6s }
.single-input-item { color: #151515; margin-bottom: 30px }
.single-input-item .custom-control-label, .single-input-item label { color: #151515; display: block; margin-bottom: 10px; font-weight: 500; position: relative }
.single-input-item .custom-control-label.required:after, .single-input-item label.required:after { content: '*'; color: red; margin-left: 2px }
.single-input-item input, .single-input-item textarea { border: 1px solid #dfdfdf; color: #151515; font-weight: 500; display: block; outline: 0; padding: 10px 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
.single-input-item input:focus, .single-input-item textarea:focus { border-color: #080b1a }
.single-input-item .nice-select { line-height: 30px; height: 50px; width: 100% }
.single-input-item .nice-select .current { color: #8d8d8d; font-weight: 400 }
.single-input-item .nice-select .list { font-size: 14px }
.contact-title { font-size: 30px; margin-bottom: 30px }
.bg-primary, .pagination-bx .pagination .active a, .site-filters .site-button.active { color: #fff }
.icon-bx-xs { width: 45px; height: 45px; line-height: 45px; border-radius: 3px; font-size: 30px }
.icon-bx-lg, .icon-bx-md, .icon-bx-sm, .icon-bx-xl, .icon-bx-xs { display: inline-block; text-align: center }
.dez-social-icon.dez-social-icon-lg li a { color: #fff; font-size: 14px; height: 35px; line-height: 34px; padding: 0; width: 35px }
.contact-style-1 .dez-social-icon-lg a { text-align: center }
.dez-social-icon li .fa { vertical-align: middle }
.dez-social-icon li a { border: 1px solid rgba(255, 255, 255, .05) }
.dez-social-icon li a { display: inline-block; width: 24px; height: 24px; padding: 4px }
.contact-style-1 .dez-social-icon-lg a { text-align: center }
.contact-map { margin-bottom: -10px }
.contact-map:after { content: ""; display: table; clear: both }
.contact-map .google-wrapper { float: left; width: 100% }
.google-wrapper iframe { border: 0; width: 100%; height: 400px }
.dez-social-icon li .fa { vertical-align: middle }
.dez-social-icon li a { border: 1px solid rgba(255, 255, 255, .05) }
.dez-social-icon li a { display: inline-block; width: 24px; height: 24px; padding: 4px }
.bg-gray { background-color: #f5f6f6 }
.m-b30 { margin-bottom: 30px }
.p-a30 { padding: 30px }
.page-wraper { background: #f4f5f5 }
.page-content { margin-top: 0; padding-bottom: 0 }
.section-full { position: relative }
.section-full:last-child { margin-bottom: -50px }
.section-head { margin-bottom: 35px }
.section-head.no-margin { margin-bottom: 0 }
.breadcrumb-row { background: #e8e9e9; padding: 20px 0 }
.breadcrumb-row ul li:last-child { color: #676767 }
.breadcrumb-row ul li { padding: 0; margin-right: 3px; color: #333 }
.breadcrumb-row li { display: inline-block }
.page-notfound strong i { font-size: 190px; margin: 0 10px; color: #fdc716 }
.section-head h1, .section-head h2, .section-head h3 { margin-top: 0 }
.title-small { display: block; color: #494949 }
.section-head p { padding-top: 10px; font-size: 14px; color: #9897a0 }
.text-white { color: #fff }
.text-white .title-small, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p { color: #fff }
section.counting, section.why-choosing-us { padding: 70px 0 55px }
section.counting2 { padding: 70px 0 80px }
section.thumb-box { padding: 70px 0 45px }
section.team-slider { padding: 70px 0 70px }
section.project-grid-gutter.theme-bg { padding: 80px 0 40px }
.section-title-wrapper .section-title { margin-bottom: 50px }
.row .section-title-wrapper .section-title { margin-bottom: 30px }
.section-title-wrapper .section-title p { margin-bottom: 0 }
.section-title h3 { margin-bottom: 30px }
h4.sub-title { font-weight: 700; margin-bottom: 25px }
.section-title-wrapper .section-title p { margin-bottom: 20px }
.section-title.text-left p.title-desc { padding: 0 30% 0 0 }
.section-title.text-right p.title-desc { padding: 0 0 0 30% }
.section-title p { font-size: 14px }
.section-title h6.mini-title { margin-bottom: 5px; font-size: 14px; text-transform: uppercase }
.seperator { position: relative; animation: 0s ease-out 0s normal none infinite running none }
.section-title.text-left .seperator:before { left: 15px }
.section-title.text-left .seperator:after { left: 0 }
.section-title.text-right .seperator:before { left: auto; right: 17px }
.section-title.text-right .seperator:after { right: 33px }
.seperator:before { bottom: -13px; content: ""; display: inline-block; height: 2px; left: 50%; margin: 0 auto; position: absolute; right: auto; width: 30px; transform: translateX(-50%) }
.seperator:after { bottom: -13px; content: ""; display: inline-block; height: 2px; right: 50%; margin: 0 auto; position: absolute; right: auto; width: 30px; transform: translateX(100%) }
.text-center .seperator:after { left: 0; right: 0 }
.typo-white .seperator:after { background: #fff }
.seperator:after { background: #fad207 }
.overlay-container { display: inline-block; overflow: hidden; position: relative }
.dark-overlay, .theme-overlay { background: rgba(46, 43, 43, .8); top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; position: absolute; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s }
.icon-circle, .icon-grid i.icon-circle { background-color: #ecedef; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; font-size: 40px; height: 100px; line-height: 100px; margin-bottom: 18px; position: relative; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; width: 100px; z-index: 1 }
.icon-grid.icon-medium i.icon-circle { background-color: #ecedef; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; font-size: 25px; height: 80px; line-height: 80px; position: relative; transition: all ease-in-out .4s; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; width: 80px; z-index: 1; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -ms-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14) }
.icon-grid:hover i.icon-circle { color: #fff }
i.icon-circle { height: 35px; line-height: 35px; width: 35px; margin-right: 5px; text-align: center; margin-bottom: 0 }
.icon-grid.icon-medium.text-left { margin-bottom: 40px }
.icon-grid.icon-medium.text-left .grid-details p:last-child, .icon-grid.icon-medium.text-left:last-child { margin-bottom: 0 }
.icon-grid.icon-medium.text-left i { margin-right: 0; margin-bottom: 0; float: left }
.icon-grid.icon-medium.text-left .grid-details { margin-left: 100px }
.icon-grid.icon-medium .grid-details p, .icon-grid.icon-medium h5 { margin-bottom: 15px }
.icon-grid.grey-bg.text-left { padding: 25px 25px 30px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -ms-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14); -o-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .14) }
.icon-grid.icon-medium.grey-bg.text-left i { float: none; margin-bottom: 20px; box-shadow: none }
.icon-grid.icon-medium.grey-bg.text-left .grid-details { margin-left: 0 }
.box-wrap { background: #f7f7f7; border: 1px solid #eee; padding: 20px 20px 30px }
.box-wrap .box-details h6, .box-wrap .box-details p { margin-bottom: 15px }
.what-we-do .owl-carousel .owl-item img { height: 200px }
.thumb-image-box { background: #f7f7f7; padding: 20px }
.thumb-image-grid { margin-bottom: 15px }
.thumb-image-grid:last-child { margin-bottom: 0 }
.thumb-image-grid .thumb-image { min-width: 40px; vertical-align: top; float: left }
.thumb-image-grid .thumb-img-details { padding-left: 15px }
.thumb-image-grid .thumb-img-details h6 { margin-bottom: 20px }
.thumb-image-grid .thumb-image, .thumb-image-grid .thumb-img-details { display: table-cell; vertical-align: middle }
.blog-sidebar .blog-categories .badge:hover, .isotope-filters .nav>li>a, .owl-theme .owl-nav>div:hover, .table.table-position>thead>tr>th { background: #036 }
.blog-sidebar .blog-categories .badge, .blog-sidebar .blog-tags li a:hover, .blog-sidebar .input-group-btn .btn, .btn.btn-default.yellow-btn, .btn.btn-default.ylw-btn, .cd-timeline-img, .contact-info-area3 .contact-info, .header-type-10 .logo-bar-item .input-group .btn.btn-search:hover, .header-type-10 .nav-bar-social li a:hover, .history .year, .nav-top, .owl-theme .owl-nav>div, .page-content .icon-box, .project-detail .btn, .seperator:before, .shop-item-details h5.add-to-cart i, .shop-item-details h6.add-to-whishlist i, .shop-sidebar .input-group-btn .btn, .shop-sidebar .product-tags li a:hover, .widget-title:after, .year-wrapper:after, .year-wrapper:before, i.icon-circle:hover { background-color: gold }
.nav-pills>li>a { border-radius: 4px }
.nav>li>a { position: relative; display: block; padding: 10px 15px }
.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 0 50px 0; list-style: none }
.blog-sidebar .blog-categories .badge:hover, .isotope-filters .nav>li>a, .owl-theme .owl-nav>div:hover, .table.table-position>thead>tr>th { background: #036 }
.navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #036 }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #036 }
.dropdown-menu { border-color: #036 }
.dropdown-menu>li>a.active, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #036; color: #fff }
.header-type-4 .nav-top a:focus, .header-type-4 .nav-top a:hover, .header-type-4 .navbar-default .menu-inline>li:hover>a, .header-type-4 .navbar-default .menu-inline>li>a.active, .header-type-4 .navbar-default .menu-inline>li>a:focus, .header-type-4 .navbar-default .menu-inline>li>a:hover, .header-type-4 .navbar-toggle:focus, .header-type-4 .navbar-toggle:hover { color: #edc216 }
.seperator:after { background: #036 }
.icon-grid.icon-grid-bg:hover { background: gold }
.icon-grid i.icon-circle { color: #036 }
.icon-grid i.icon-circle, .icon-grid.icon-medium i.icon-circle { background: gold }
.icon-grid:hover i.icon-circle { background: #036 }
.theme-bg.typo-white .icon-grid i.icon-circle { background: #eee; color: #333 }
.theme-bg.typo-white .icon-grid:hover i.icon-circle { background: gold; color: #333 }
.theme-bg.typo-white .grid-details a:hover { color: gold }
.team-social li>a { background: #036 }
.team-social li>a:hover { background: gold; color: #333 }
.team-grid .team-desig { color: #036 }
.team-grid .team-name>a:hover { color: gold }
.pricing-area { position: relative; z-index: 1; padding-bottom: 80px }
.single-pricing-box { background-color: #fff; padding: 30px; -webkit-transition: .5s; transition: .5s; border-radius: 5px }
.single-pricing-box .pricing-header h3 { margin-bottom: 0; font-size: 26px; font-weight: 700 }
.single-pricing-box .pricing-header p { -webkit-transition: .5s; transition: .5s; line-height: 1.6; margin-top: 10px; margin-bottom: 0 }
.single-pricing-box .price { font-size: 50px; margin-bottom: 0; color: #000; font-weight: 700 }
.single-pricing-box .buy-btn { margin-top: 30px }
.single-pricing-box .price span { display: inline-block; margin-left: -7px; font-size: 20px; font-weight: 600 }
.single-pricing-box .pricing-features { padding-left: 0; margin-bottom: 0; list-style-type: none }
.single-pricing-box .pricing-features li { margin-bottom: 12px; color: #57647c; position: relative; padding-left: 19px }
.single-pricing-box .pricing-features li:last-child { margin-bottom: 0 }
.single-pricing-box .pricing-features li i { color: #ff4800; font-size: 12px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.single-pricing-box .pricing-features li i::before { font-size: 12px }
.single-pricing-box { -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05); background-color: #fff; border: 1px solid #eee }
.single-pricing-box.active .buy-btn .btn-primary::after, .single-pricing-box:hover .buy-btn .btn-primary::after { opacity: 0; visibility: hidden }
.blog-sidebar .blog-categories .badge:hover, .isotope-filters .nav>li>a, .owl-theme .owl-nav>div:hover, .table.table-position>thead>tr>th { background: #036 }
.shop-item-details h5.add-to-cart i:hover, .shop-item-details h6.add-to-whishlist i:hover { background: #036 }
.blog-sidebar .input-group-btn .btn:hover, .shop-sidebar .input-group-btn .btn:hover, .sidebar .widget-title:after { background: #036 }
.brochures-widget ul>li>a:focus, .brochures-widget ul>li>a:hover, .menu-widget ul>li>a.active, .menu-widget ul>li>a:focus, .menu-widget ul>li>a:hover { background: gold }
.contact-info-area3 .contact-info:hover { background: #036 }
.image-wrapper:hover img { opacity: .3 }
.blog-md .dez-post-media { width: 350px; float: left; margin-right: 30px }
.blog-md .dez-post-info { border: none }
.blog-md .dez-post-tags { border: none; display: inline-block; padding: 0 }
@media only screen and (max-width:768px) {
	.blog-md.blog-post .dez-post-media { float: none; margin: 0 0 20px; width: auto }
}
.nav-links:after { clear: both; content: ""; display: table }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px }
.pagination .page-numbers { background-color: #fff; border: 1px solid #e0e0e0; color: #767676; padding: 9px 15px; font-weight: 600; font-size: 12px; display: block; float: left; margin-left: -1px }
.pagination .page-numbers.current, .pagination a.page-numbers:hover { background: #3396d1; color: #fff }
.nav-links .nav-next a, .nav-links .nav-previous a { display: inline-block; color: #3396d1; font-weight: 600; margin-bottom: 20px; outline: 0 !important }
.nav-links .nav-next a:hover, .nav-links .nav-previous a:hover { color: #09c }
.nav-links .nav-next a:after, .nav-links .nav-previous a:after { content: "\f105"; font-family: FontAwesome; vertical-align: middle; margin-left: 2px; color: #333 }
.post-navigation { background-color: #fff; padding: 30px; border-bottom: 2px solid #e3e3e3 }
.post-navigation .screen-reader-text { margin-top: 0 }
.post-navigation .nav-next, .post-navigation .nav-previous { display: inline-block; width: 50% }
.post-navigation .nav-next { text-align: right }
.post-navigation .nav-next a:after, .post-navigation .nav-previous a:after { display: none }
.post-navigation .nav-next .post-title, .post-navigation .nav-previous .post-title { display: block; font-size: 15px; color: #777; margin-top: 10px }
.dez-link-pages { padding: 20px 0 30px }
.dez-link-pages a { color: #fff; padding: 2px 6px; font-size: 12px; font-weight: 600; background-color: #ccc; margin: 0 2px }
.sticky-post { position: absolute; right: 0; top: 0; background: #77c04b; color: #fff; padding: 10px 15px; text-transform: uppercase; font-weight: 600 }
.post-password-form { position: relative; clear: both }
.post-password-form input[type=password] { width: 100%; border: 1px solid #ddd; padding: 10px 100px 10px 15px; height: 40px }
.post-password-form label { display: block }
.post-password-form input[type=submit] { position: absolute; bottom: 0; right: 0; padding: 10px 20px; background-color: #333; color: #fff; border: none; height: 40px; text-transform: uppercase; font-weight: 600 }
.blog [class*=galleryid-] { clear: both; margin: 0 auto; overflow: hidden }
.gallery .gallery-item { float: left; list-style: none; margin: 0 0 0; overflow: hidden; padding: 0 0 5px 15px; text-align: center }
.gallery .gallery-caption { padding-top: 10px; font-size: 13px }
.gallery .gallery-item img { float: left; padding: 0 0; width: 100%; border: none !important }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-icon img { margin: 0 auto }
.gallery-caption { color: #707070; color: rgba(51, 51, 51, .7); display: block; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: .5em 0 }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none }
.side-bar .widget { margin-bottom: 30px }
.dez-post-meta ul { margin: 0 -4px 15px; list-style: none; font-size: 12px }
.dez-post-tags .post-tags { margin: 0 -3px; list-style: none }
.site-button-link { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; display: inline-block; font-weight: 400; padding-top: 15px; padding-bottom: 15px; color: #000; font-size: 12px }
.site-button-link i { margin-left: 10px }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; font-size: 20px }
ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 40px }
.dez-post-meta ul li { padding: 0; display: inline-block; padding-right: 10px }
.dez-post-meta a { color: #a9a9a9 }
.dez-post-text p:last-child { margin: 0; font-size: 15px }
.dez-post-tags .post-tags a { border: 1px solid #ddd; padding: 2px 8px; color: #706e6e; margin: 0 3px; display: inline-block; text-transform: uppercase; font-size: 10px; font-weight: 600 }
.dez-media img, .dez-post-media img { width: 100%; height: auto }
.pagination>li>a, .pagination>li>span { background-color: #fff; border: 1px solid #e0e0e0; color: #767676; padding: 8px 14px; font-weight: 600; font-size: 12px }
.pagination>li>a { color: #000; font-size: 15px; background: #e0bb05; font-weight: 600 }
.bg-primary, .pagination-bx .pagination .active a, .site-filters .site-button.active { color: #0f0f0f }
.date-style-2 .post-date strong, .date-style-4 .post-date strong { font-size: 10px; padding: 10px 5px 5px; position: relative }
.date-style-2 .post-date span, .date-style-2 .post-date strong, .date-style-4 .post-date span, .date-style-4 .post-date strong { display: block; padding: 10px 5px }
strong { font-weight: 600 }
b, strong { font-weight: bolder }
strong { font-weight: 700 }
.date-style-2 .post-date, .date-style-4 .post-date { color: #fff; position: absolute; left: 20px; top: 0; width: 50px; text-align: center; text-transform: uppercase }
li { text-align: -webkit-match-parent }
.dez-post-meta ul { margin: 0 -4px; list-style: none; padding-top: 10px; padding-bottom: 15px }
.fa-comments:before { content: "\f086" }
.fa-user:before { content: "\f007" }
.pagination:hover li a { background-color: #ccc }
.content-area-2 { margin-bottom: 100px }
.content-area-3 { margin-bottom: 70px }
.content-area-5 { padding: 100px 0 }
.content-area-6 { padding: 100px 0 50px }
.content-area-7 { padding-bottom: 85px }
.content-area-8 { padding: 185px 0 70px }
.content-area-9 { padding: 100px 0 90px }
.content-area-10 { padding: 100px 0 60px }
.content-area-11 { padding: 100px 0 }
.content-area-12 { padding: 100px 0 80px }
.content-area-13 { padding: 100px 0 85px }
.theme img { margin-bottom: 30px }
.pagination-box { margin-bottom: 25px }
.pagination { padding-left: 0; border-radius: 4px; display: inline-block }
.pagination li { display: inline-block }
.pagination>li>a { color: #000; font-size: 15px; background: #e0bb05; font-weight: 600 }
.pagination>li>a i { font-size: 15px; font-weight: 600 }
.pagination>li>a, .pagination>li>span { margin: 0 2px 5px; height: 40px; width: 40px; line-height: 40px; text-align: center; border: none; padding: 0; border-radius: 50px }
.pagination .page-item:first-child .page-link { border-radius: 50px }
.pagination .page-item:last-child .page-link { border-radius: 50px }
.pagination>li>a:hover { color: #000 }
.pagination>li>.active { color: #000; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1) }
.page-link:focus { box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1) }
.show-more-options { font-weight: 600; font-size: 14px; margin-bottom: 20px; display: block; line-height: 30px }
.show-more-options i { font-size: 20px; line-height: 30px; margin-right: 3px }
.partners { text-align: center; margin-bottom: 20px }
.partners img { max-width: 160px; margin: 0 auto }
.navbar-buttons img { width: 45px; border-radius: 50px; margin: 20px 15px 20px 0; box-shadow: 0 0 35px rgba(0, 0, 0, .1) }
.navbar-buttons { float: right; text-align: right; font-weight: 500 }
.navbar-buttons ul li { float: left; margin-left: 35px }
.navbar-buttons .btn-md { border-radius: 50px }
.header-2 { padding: 0 15px }
.sidebar-right { margin: 0 0 30px 0; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, .1) }
.sidebar-left { margin: 0 0 30px 0; background: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, .1) }
.widget { margin-bottom: 20px; padding: 20px }
.widget-2 { margin-bottom: 40px; padding: 20px }
.single-block { margin-bottom: 30px }
.sidebar-title { font-size: 22px; position: relative; margin: 0 0 25px; font-weight: 600 }
.sidebar .search-box { padding: 20px 20px 0 20px; margin-bottom: 0 }
.range-slider { margin-top: 15px; margin-bottom: 30px }
.range-slider .ui-slider { position: relative; text-align: left }
.range-slider label { font-size: 13px; color: #000; font-weight: 600; margin-bottom: 12px }
.range-slider .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; border-radius: 0; border: 2px solid #66676b; cursor: w-resize; outline: 0; top: -5px; margin-left: -8px; box-shadow: none !important }
.range-slider .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0 }
.range-slider .ui-widget-content { background-color: #ccc }
.range-slider .ui-slider.ui-state-disabled .ui-slider-handle, .range-slider .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit }
.range-slider .ui-slider-horizontal { height: 4px; border-radius: 10px; width: calc(100% - 16px); margin-left: 8px }
.range-slider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% }
.range-slider .ui-slider-horizontal .ui-slider-range-min { left: 0 }
.range-slider .ui-slider-horizontal .ui-slider-range-max { right: 0 }
.max-value, .max-value:focus, .min-value, .min-value:focus { width: 40%; display: inline-block; border: 0; background-color: transparent; padding: 0; margin: 12px 0 0 0; cursor: default }
.min-value { float: left; margin-left: -8px; width: 40%; margin-right: -8px; font-size: 12px; color: #000; font-weight: 600; margin-top: 15px }
.max-value { float: right; width: 60%; text-align: right; margin-right: -8px; font-size: 12px; color: #000; font-weight: 600; margin-top: 15px }
.sidebar .recent-properties-box .detail header { padding-bottom: 0 }
.search-box-2 { padding: 30px 0 }
.white-btn { background: #fff; color: #000; font-size: 14px }
.sub-banner { background: rgba(0, 0, 0, .04) url(../img/banner/banner-2.jpg) top left repeat; background-size: cover; height: 250px; background-position: center center; background-repeat: no-repeat; position: relative }
.sub-banner .breadcrumb-area { letter-spacing: 1px; position: absolute; top: 23%; right: 0; left: 0 }
.breadcrumb-areas { background: #ffde03; padding: 20px 20px 15px; border-radius: 0; position: absolute; top: 15px; left: 15px; z-index: 20; font-weight: 500 }
.mb-7 { margin-bottom: 7px }
.breadcrumbs { background: #f7f7f7; border-bottom: 1px solid #e9e9e9 }
.breadcrumbs--list { padding: 10px 0 10px !important; margin-top: 0 }
.breadcrumbs--item { display: inline-block; margin: 0 0 0 35px; position: relative }
.breadcrumbs--item:before { display: block; content: '\e628'; display: inline-block; font-family: themify; font-style: normal; font-weight: 400; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; position: absolute; left: -27px; top: 50%; color: #bdbdbd; font-size: 10px; -webkit-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); -ms-transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%); transform: translate3d(0, 0, 0) perspective(1px) translateY(-50%) }
.breadcrumbs--item:first-child { margin-left: 0 }
.breadcrumbs--item:first-child:before { display: none }
.breadcrumbs--link { display: block; font-size: 14px; color: #262626 }
.breadcrumb-areas::after { border-left: 20px solid #000 }
.breadcrumb-areas::after { position: absolute; content: ''; width: 0; height: 0; border-top: 0; border-bottom: 20px solid transparent; bottom: -20px; left: 0 }
.sub-banner .breadcrumb-area h1 { margin: 0 0 7px; font-weight: 700; font-size: 27px; color: #000 }
.sub-banner .breadcrumbs li { display: inline-block; list-style: none; font-size: 14px; font-weight: 500 }
.sub-banner .breadcrumbs .active { margin-left: 3px }
.sub-banner .breadcrumbs .active:before { content: "\f105"; font-family: FontAwesome; font-size: 14px; margin-right: 7px; font-weight: 600 }
.blog-social-list { float: right }
.blog-social-list a { text-align: center; display: inline-block; list-style: none }
.blog-social-list span { margin-right: 10px; font-weight: 600; color: #4d4d4d }
.blog-social-list a { width: 32px; height: 32px; line-height: 32px; text-align: center; display: inline-block; font-size: 11px; color: #fff; margin: 0 0 2px 5px; border-radius: 5% }
.blog-tags a { background: #222; color: #fff; display: inline-block; font-size: 13px; margin: 0 0 5px; padding: 3px 10px; font-weight: 500; text-transform: capitalize; border-radius: 3px }
.blog-tags span { margin-right: 10px; font-weight: 600; color: #4d4d4d }
ul.list-unstyled.list-cat { color: #757474 }
.my-address form .form-group { margin-bottom: 20px }
.my-address form .input-text { width: 100%; padding: 10px 17px; font-size: 14px; border: 1px solid #e8e7e7; outline: 0; height: 45px; border-radius: 3px; line-height: 30px }
.my-address form textarea { min-height: 150px }
.my-address form label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 12px; font-weight: 600; color: #827f7f }
.my-address { background: #000; padding: 20px; box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08) }
.edit-profile-photo { position: relative; box-shadow: 0 0 10px 1px #e4e4e4; padding: 2px }
.change-photo-btn { display: inline-block; position: absolute; font-size: 13px; left: 0; right: 0; width: auto; transition: .3s; cursor: pointer; line-height: 28px; margin: 20px 0 }
.photoUpload { position: relative; overflow: hidden; padding: 3px 15px; border-radius: 3px; cursor: pointer; font-size: 12px; text-align: center }
.photoUpload span { color: #000; font-weight: 600 }
.photoUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0 }
.my-address { margin-bottom: 30px }
.footer .listing-meta span a { text-decoration: none; float: right; margin-left: 15px; color: #525252 }
.footer .listing-meta span a i { margin-right: 4px }
.footer .listing-meta span a:hover { color: #8c8c8c }
.heading { margin: 0 0 30px; font-weight: 600 }
.heading-2 { margin: 0 0 20px; font-size: 22px; font-weight: 600 }
.checkbox label, .form-group label { font-weight: 600; font-size: 12px }
.dashboard { position: relative }
.dashboard-nav { display: block; height: 100% }
.dashboard-nav h4 { margin-bottom: 0; color: #000; text-transform: uppercase; font-weight: 600; font-size: 20px; letter-spacing: 1px; padding: 15px 30px 15px }
.dashboard-nav ul { border-bottom: 1px solid #343a40 }
.dashboard-nav ul li.active, .dashboard-nav ul li:hover { border-color: #000 }
.dashboard-nav ul li { border-left: 3px solid transparent; line-height: 25px; font-weight: 400; font-size: 15px }
.dashboard-nav ul li a { color: #000; display: block; padding: 11px 27px; transition: .3s; cursor: pointer; font-size: 18px }
.dashboard-nav ul li a:hover { color: #c5c5c5 }
.dashboard-nav ul li a i { padding-right: 8px; width: 20px }
.dashboard-content { padding: 30px 30px 0 }
.dashboard-header { margin-bottom: 20px }
.dashboard-header .breadcrumb-nav { right: 15px; display: inline-block; font-size: 15px; font-weight: 400; float: right }
.dashboard-header .breadcrumb-nav ul li { display: inline-block; list-style: none; margin: 0 0 0 15px; font-weight: 500 }
.dashboard-header h4 { font-weight: 600; font-size: 25px }
.dashboard-list { box-shadow: 0 0 35px rgba(0, 0, 0, .1); padding: 0; margin-bottom: 30px; display: inline-block; width: 100% }
.dashboard-list h3 { padding: 15px 25px; border-bottom: 1px solid #eee; font-size: 20px; margin: 0; width: 100%; font-weight: 600 }
.dashboard-message { float: left; padding: 25px 25px; position: relative; border-bottom: 1px solid #eee; width: 100% }
.dashboard-list h4 { padding: 15px 25px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 20px; font-weight: 600; margin: 0 }
.responsive-table { padding: 20px; display: inline-block; border-bottom: 1px solid #eee; width: 100%; font-weight: 500 }
.dashboard-nav ul li span.nav-tag { font-weight: 600; display: inline-block; font-size: 12px; line-height: 18px; padding: 0 7px; text-align: center; min-width: 20px; height: 20px; border-radius: 3px; margin-left: 5px; background: #000 }
.dashboard-list .comment-content { padding-bottom: 20px; margin-bottom: 0 }
.sub-banner-2 { margin: 0 15px 30px; font-size: 15px }
.dashboard-table-responsive .table thead th { border-bottom: 1px solid #eee; border-right: none; border-top: none; font-weight: 600 }
.dashboard-table-responsive .table th, .table td { padding: 20px 10px; font-size: 14px; font-weight: 500 }
.dashboard-table-responsive .table td, .table th { border-top: 1px solid #eee }
.badge-pink { background-color: #ff8acc; color: #000 }
.badge-purple { background-color: #5b69bc; color: #000 }
.blog-big .detail { padding: 30px 20px 20px }
.blog-big .detail .hadding-title { font-size: 32px; margin-bottom: 10px }
.blog-1 .detail h3 { font-size: 26px; font-weight: 600; margin: 5px 0 20px }
.blog-1 .detail h3 { font-size: 26px; font-weight: 600; margin: 5px 0 20px }
.blog-1 { margin-bottom: 50px; border-radius: 0 }
.bt-comment-wrapper { margin-top: 20px }
.comment { margin: 0 0 20px 0; position: relative; display: inline-block; width: 100% }
.comment-content h6 span a { color: var(--main-color) }
.comment-content h6 span a { margin-left: 10px; font-size: 12px }
.comment-content h6 span { font-weight: 500; font-size: 14px }
.comment-author a img { bottom: 2px; border-radius: 100%; display: block; width: 100%; position: absolute; top: 2px }
.comment-author { border-radius: 50%; height: 60px; width: 60px; left: 0; position: absolute; top: 0 }
.comment-content { margin: 0 0 0 80px; border-bottom: dashed 1px #d6d6d6; padding-bottom: 0 }
.comment { margin: 0 0 30px 0; position: relative; display: inline-block; width: 100% }
.comment-meta h6 { font-size: 16px; margin-bottom: 0 }
.comment-content h6 span { font-weight: 500; font-size: 14px }
.facebook-bg { background: #4867aa }
.twitter-bg { background: #007bff }
.google-bg { background: #dc3545 }
.linkedin-bg { background: #007bff }
.pinterest-bg { background: #dc3545 }
.blog-big .detail { padding: 30px 0 0 }
.btn:not(:disabled):not(.disabled) { cursor: pointer }
.button-theme { background: var(--main-color) }
.button-theme { color: #fff !important; outline: 0 }
.btn-md { cursor: pointer; padding: 13px 30px 11px 30px; letter-spacing: 1.5px; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 3px }
.widget { margin-bottom: 20px; padding: 20px; background-color: #fff }
.recent-properties .media img { width: 60px; border-radius: 2px }
.recent-properties .listing-post-meta a { color: #757474 }
.tags-box ul li { display: inline-block }
.tags-box ul li a { border: 1px solid #c5c5c5; background: #fff; color: #000; display: inline-block; font-size: 16px; margin: 0 0 5px; padding: 5px 13px; font-weight: 500; text-transform: capitalize; border-radius: 3px }
.listing-post-meta { font-size: 11px }
.blog-style-one .single-blog-style-one+.single-blog-style-one { margin-top: 50px }
.blog-style-one .single-blog-style-one .img-box { position: relative; overflow: hidden; cursor: pointer }
.blog-style-one .single-blog-style-one .img-box a { display: block; position: relative; z-index: 2 }
.blog-style-one .single-blog-style-one .img-box:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(33, 55, 74, .5); opacity: 0; border-radius: 4px; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-one .single-blog-style-one .img-box>img { width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-one .single-blog-style-one .img-box a.read-more { min-width: 140px; height: 40px; background: var(--main-color); color: #fff; text-align: center; line-height: 40px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-one .single-blog-style-one .img-box a.read-more:hover { background: #242c33; color: #fff }
.blog-style-one .single-blog-style-one .text-box { padding: 30px 45px; padding-top: 35px; border: 1px solid #e7e7e7 }
.blog-style-one .single-blog-style-one .text-box .meta-info a { color: var(--main-color); font-weight: 700; font-size: 13px; display: inline-block; vertical-align: middle; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-one .single-blog-style-one .text-box .meta-info a i { color: var(--main-color); font-size: 14px; margin-right: 5px }
.blog-style-one .single-blog-style-one .text-box .meta-info a:hover { color: #242c33 }
.blog-style-one .single-blog-style-one .text-box h3 { margin: 0; -webkit-transition: all .4s ease; transition: all .4s ease; margin-top: 0; margin-bottom: 15px; line-height: 20px !important; }
.blog-style-one .single-blog-style-one .text-box h3 a { font-size: 16px; line-height: 20px !important; }
.blog-style-one .single-blog-style-one .text-box h3:hover { color: var(--main-color) }
.blog-style-one .single-blog-style-one .text-box p { color: #727272; margin: 0; margin-bottom: 15px }
.blog-style-one .single-blog-style-one:hover .img-box img { -webkit-transform: scale(1.05); transform: scale(1.05) }
.blog-style-one .single-blog-style-one:hover .img-box:after { opacity: 1 }
.blog-style-one .single-blog-style-one:hover .img-box a.read-more { opacity: 1 }
.blog-style-one.blog-style-one .single-blog-style-one .text-box { padding: 25px }
.blog-style-one .entry-meta ul { list-style-type: none; overflow: hidden; margin-top: 0; margin-bottom: 10px }
.blog-style-one .entry-meta ul li { font-size: 13px; font-size: .86667rem; float: left; position: relative }
.blog-style-one .entry-meta ul>li+li { padding-left: 20px; margin-left: 20px }
.blog-style-one .entry-meta ul>li+li:before { content: ""; background: var(--main-color); width: 15px; height: 2px; position: absolute; left: -9px; top: 9px }
.blog-more-link { font-size: 15px; font-weight: 500; color: var(--main-color) }
.blog-more-link i { margin-left: 10px; font-size: 10px }
.blog-style-two .single-blog-style-two .img-box { position: relative; overflow: hidden; cursor: pointer }
.blog-style-two .single-blog-style-two .img-box:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; background: rgba(33, 55, 74, .5); opacity: 0; border-radius: 10px; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-two .single-blog-style-two .img-box>img { width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-two .single-blog-style-two .img-box a.read-more { font-size: 18px; width: 140px; height: 40px; background: var(--main-color); color: #fff; text-align: center; line-height: 40px; font-weight: 500; font-size: 16px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 100; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-two .single-blog-style-two .img-box a.read-more:hover { background: #242c33; color: var(--main-color) }
.blog-style-two .single-blog-style-two .text-box .meta-info { margin-top: 15px }
.blog-style-two .single-blog-style-two .text-box .meta-info a { color: #868686; font-size: 15px; display: inline-block; vertical-align: middle }
.blog-style-two .single-blog-style-two .text-box .meta-info a i { margin-right: 5px }
.blog-style-two .single-blog-style-two .text-box h3 { margin: 0; color: #242c33; font-size: 22px; font-weight: 500; line-height: 30px; -webkit-transition: all .4s ease; transition: all .4s ease; margin-top: 5px }
.blog-style-two .single-blog-style-two .text-box h3:hover { color: var(--main-color) }
.blog-style-two .single-blog-style-two:hover .img-box:after { opacity: 1 }
.blog-style-two .single-blog-style-two:hover .img-box a.read-more { opacity: 1 }
.blog-post-pagination { text-align: center }
.blog-post-pagination a { display: inline-block; vertical-align: middle; border: 1px solid #dbddde; width: 42px; height: 42px; text-align: center; line-height: 42px; color: #051829; font-size: 14px; border-radius: 3px }
.blog-post-pagination a+a { margin-left: 5px }
.blog-post-pagination a.active, .blog-post-pagination a:hover { background: var(--main-color); color: #fff; border-color: var(--main-color) }
.single-blog-page-content>.img-box { margin-bottom: 20px }
.single-blog-page-content .meta-info { margin-top: 10px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e3e3e3 }
.single-blog-page-content .meta-info a { color: #999; font-size: 16px; display: inline-block; vertical-align: middle; -webkit-transition: all .4s ease; transition: all .4s ease }
.single-blog-page-content .meta-info a i { margin-right: 5px; color: var(--main-color); font-size: 14px }
.single-blog-page-content .meta-info a:hover { color: #242c33 }
.single-blog-page-content .meta-info a+a { margin-left: 10px }
.single-blog-page-content h3 { margin: 0; color: #242c33; font-size: 24px; line-height: 30px; -webkit-transition: all .4s ease; transition: all .4s ease }
.single-blog-page-content p { font-size: 16px; line-height: 29px; color: #727272; margin: 0 }
.single-blog-page-content .share-tag-box { margin-top: 30px }
.single-blog-page-content .share-tag-box .share-box a, .single-blog-page-content .share-tag-box .share-box span { display: inline-block; vertical-align: middle }
.single-blog-page-content .share-tag-box .share-box span { color: #999; font-size: 15px; margin-right: 10px }
.single-blog-page-content .share-tag-box .share-box a { font-size: 15px; color: #242c33; -webkit-transition: all .4s ease; transition: all .4s ease }
.single-blog-page-content .share-tag-box .share-box a:hover { color: var(--main-color) }
.single-blog-page-content .share-tag-box .share-box a+a { margin-left: 10px }
.single-blog-page-content .share-tag-box .tags-box a { border: 1px solid #e6e9ec; color: #7a7e81; font-size: 14px; padding: 0 15px; height: 35px; line-height: 33px; text-align: center; display: inline-block; -webkit-transition: all .4s ease; transition: all .4s ease }
.single-blog-page-content .share-tag-box .tags-box a:hover { background: var(--main-color); border-color: var(--main-color); color: #fff }
.single-blog-page-content .share-tag-box .tags-box a+a { margin-left: 10px }
.single-blog-page-content .title-box { margin-top: 50px; margin-bottom: 30px }
.single-blog-page-content .title-box h3 { margin: 0; color: #242c33; font-size: 24px }
.single-blog-page-content .author-box { padding: 40px 40px 30px; border: 1px solid #dbddde }
.single-blog-page-content .author-box .img-box, .single-blog-page-content .author-box .text-box { display: table-cell; vertical-align: top }
.single-blog-page-content .author-box .img-box i { background: #e7ebec; width: 75px; text-align: center; height: 75px; line-height: 75px; font-size: 30px; color: #242c33 }
.single-blog-page-content .author-box .text-box { padding-left: 25px }
.single-blog-page-content .author-box .text-box h3 { margin: 0; font-size: 18px; color: #242c33; line-height: 1em; margin-bottom: 10px }
.single-blog-page-content .author-box .text-box span { color: #999; font-size: 14px; display: block; line-height: 1em }
.single-blog-page-content .author-box .text-box p { color: #666; font-size: 14px; line-height: 24px; margin-top: 10px }
.single-blog-page-content .author-box .text-box .social { margin-top: 10px }
.single-blog-page-content .author-box .text-box .social a { font-size: 15px; color: #242c33 }
.single-blog-page-content .author-box .text-box .social a+a { margin-left: 5px }
.single-blog-page-content .comment-form-box form input, .single-blog-page-content .comment-form-box form textarea { width: 100%; height: 40px; background: #f8f8fa; border: none; outline: 0; padding-left: 20px; font-size: 14px; color: #808992; display: block; margin-bottom: 20px }
.single-blog-page-content .comment-form-box form input::-webkit-input-placeholder, .single-blog-page-content .comment-form-box form textarea::-webkit-input-placeholder { color: #808992 }
.single-blog-page-content .comment-form-box form input::-moz-placeholder, .single-blog-page-content .comment-form-box form textarea::-moz-placeholder { color: #808992 }
.single-blog-page-content .comment-form-box form input:-ms-input-placeholder, .single-blog-page-content .comment-form-box form textarea:-ms-input-placeholder { color: #808992 }
.single-blog-page-content .comment-form-box form input:-moz-placeholder, .single-blog-page-content .comment-form-box form textarea:-moz-placeholder { color: #808992 }
.single-blog-page-content .comment-form-box form input.error, .single-blog-page-content .comment-form-box form textarea.error { background: rgba(255, 0, 0, .3) }
.single-blog-page-content .comment-form-box form label.error { display: none !important }
.single-blog-page-content .comment-form-box form textarea { padding-top: 10px; height: 200px }
.single-blog-page-content .comment-form-box form button[type=submit] { width: 100%; height: 45px; background: var(--main-color); color: #151e37; font-size: 16px; text-align: center; line-height: 45px; -webkit-transition: all .4s ease; transition: all .4s ease; border: none; outline: 0; margin-top: 10px }
.single-blog-page-content .comment-form-box form button[type=submit]:hover { background: #232c33; color: var(--main-color) }
.blog-style-one .single-blog-style-one .img-box { position: relative; overflow: hidden; cursor: pointer }
.blog-style-one .single-blog-style-one .img-box img { width: 100%; -webkit-transition: all .4s ease; transition: all .4s ease }
.blog-style-one .single-blog-style-one .text-box { padding: 30px 45px; padding-top: 35px; border: 1px solid #e7e7e7 }
.features_item .features_item-media { margin-bottom: 0 }
.features_item .features_item-media img { width: 100% }
.features_item .features_item-title { font-size: 20px; padding-top: 20px; margin-bottom: 0 }
.features_item .features_item-text { padding-top: 9px; margin-bottom: 0 }
.sidebar.sidebar-left { padding-right: 65px }
.sidebar.sidebar-right { padding-left: 65px }
.sidebar .single-sidebar+.single-sidebar { margin-top: 45px }
.sidebar .single-sidebar h3, .sidebar .single-sidebar h4, .sidebar .single-sidebar p, .sidebar .single-sidebar ul { margin: 0; padding: 0; list-style: none }
.sidebar .single-sidebar .title { margin-bottom: 20px }
.sidebar .single-sidebar .title h3 { margin: 0; color: #051829; font-size: 20px }
.sidebar .single-sidebar form.search-form, .sidebar .single-sidebar form.subscribe-form { background: #fff; border: 1px solid #dbddde; position: relative; border-radius: 3px }
.sidebar .single-sidebar form.search-form button, .sidebar .single-sidebar form.subscribe-form button { border-radius: 0 3px 3px 0 }
.sidebar .single-sidebar form.search-form button, .sidebar .single-sidebar form.search-form input, .sidebar .single-sidebar form.subscribe-form button, .sidebar .single-sidebar form.subscribe-form input { border: none; outline: 0; background-color: transparent }
.sidebar .single-sidebar form.search-form input, .sidebar .single-sidebar form.subscribe-form input { width: 100%; height: 39px; padding-left: 20px; color: #9d9d9d; font-size: 14px }
.sidebar .single-sidebar form.search-form input::-webkit-input-placeholder, .sidebar .single-sidebar form.subscribe-form input::-webkit-input-placeholder { color: #9d9d9d }
.sidebar .single-sidebar form.search-form input::-moz-placeholder, .sidebar .single-sidebar form.subscribe-form input::-moz-placeholder { color: #9d9d9d }
.sidebar .single-sidebar form.search-form input:-ms-input-placeholder, .sidebar .single-sidebar form.subscribe-form input:-ms-input-placeholder { color: #9d9d9d }
.sidebar .single-sidebar form.search-form input:-moz-placeholder, .sidebar .single-sidebar form.subscribe-form input:-moz-placeholder { color: #9d9d9d }
.sidebar .single-sidebar form.search-form button, .sidebar .single-sidebar form.subscribe-form button { font-size: 14px; color: #fff; background: var(--main-color); right: -1px; top: -1px; position: absolute; width: 49px; height: 41px }
.sidebar .single-sidebar ul.category-lists { border: 1px solid #e7e7e7; padding: 10px 25px; border-radius: 3px }
.sidebar .single-sidebar ul.category-lists li+li a { border-top: 1px solid #e0e6e8 }
.sidebar .single-sidebar ul.category-lists li a { display: block; position: relative; color: #6a6a6a; font-size: 15px; padding: 5px 0; padding-left: 15px; -webkit-transition: all .4s ease; transition: all .4s ease }
.sidebar .single-sidebar ul.category-lists li a:hover { color: var(--main-color) }
.sidebar .single-sidebar ul.category-lists li a i { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px }
.sidebar .single-sidebar ul.category-lists li a span.count { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.sidebar .single-sidebar ul.tag-lists { margin-top: -5px; margin-left: -5px; margin-right: -5px }
.sidebar .single-sidebar ul.tag-lists li { display: inline-block; vertical-align: middle; padding: 5px }
.sidebar .single-sidebar ul.tag-lists li a { display: block; background: #f9f9fb; color: #222; font-size: 14px; height: 35px; padding: 0 15px; line-height: 35px }
.sidebar .single-sidebar ul.instagram-lists { padding: 20px 10px 0; border: 1px solid #e7e7e7; border-radius: 3px }
.sidebar .single-sidebar ul.instagram-lists li { width: 33.33333%; float: left; margin-bottom: 20px }
.sidebar .single-sidebar ul.instagram-lists li a { display: block; padding: 0 10px }
.sidebar .single-sidebar ul.instagram-lists li a img { width: 100%; border-radius: 3px }
.sidebar .single-sidebar ul.service-lists li+li a { margin-top: 10px }
.sidebar .single-sidebar ul.service-lists li a { font-size: 16px; color: #6a6a6a; position: relative; display: block; border: 1px solid #d7d7d7; border-radius: 10px; padding: 10px 20px; -webkit-transition: all .4s ease; transition: all .4s ease }
.sidebar .single-sidebar ul.service-lists li a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px }
.sidebar .single-sidebar ul.service-lists li a.active a, .sidebar .single-sidebar ul.service-lists li a:hover a { background: var(--main-color); border-color: var(--main-color); color: #fff }
.sidebar .single-sidebar .single-contact-info { position: relative; padding-left: 35px }
.sidebar .single-sidebar .single-contact-info+.single-contact-info { margin-top: 10px }
.sidebar .single-sidebar .single-contact-info p { font-size: 18px; letter-spacing: .025em; margin: 0; color: #6a6a6a }
.sidebar .single-sidebar .single-contact-info i { color: var(--main-color); font-size: 20px; position: absolute; top: 3px; left: 0 }
.sidebar .single-sidebar.brochures-sidebar a { display: block; border: 2px solid var(--main-color); width: 100%; height: 45px; line-height: 41px; text-align: left; color: var(--main-color); font-size: 16px; -webkit-transition: all .4s ease; transition: all .4s ease; padding-left: 70px; position: relative }
.sidebar .single-sidebar.brochures-sidebar a i { position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px }
.sidebar .single-sidebar.brochures-sidebar a i.fa-download { font-size: 16px }
.sidebar .single-sidebar.brochures-sidebar a:hover { background: var(--main-color); color: #fff }
.sidebar .single-sidebar.brochures-sidebar a+a { margin-top: 10px }
.sidebar .single-sidebar .recent-post-wrapper { border: 1px solid #e7e7e7; padding: 20px; border-radius: 3px }
.sidebar .single-sidebar .single-recent-post+.single-recent-post { margin-top: 20px; border-top: 1px solid #e7e7e7; padding-top: 20px }
.sidebar .single-sidebar .single-recent-post .img-box img { border-radius: 3px; max-width:76px; }
.sidebar .single-sidebar .single-recent-post .img-box, .sidebar .single-sidebar .single-recent-post .text-box { display: table-cell; vertical-align: top }
.sidebar .single-sidebar .single-recent-post .img-box { width: 76px }
.sidebar .single-sidebar .single-recent-post .text-box { padding-left: 15px }
.sidebar .single-sidebar .single-recent-post .text-box h4 { margin: 0; color: #051829; font-size: 15px; -webkit-transition: all .4s ease; transition: all .4s ease }
.sidebar .single-sidebar .single-recent-post .text-box h4:hover { color: var(--main-color) }
.sidebar .single-sidebar .single-recent-post .text-box p { margin: 0; color: #9da5ac; font-size: 12px; margin-top: 5px }
.sidebar .single-sidebar .single-recent-post .text-box p i { margin-right: 5px; color: var(--main-color) }
.sidebar { background: #fff; padding: 0;}
.single-testimonial-style-one { position: relative; padding-bottom: 50px; margin-left: -15px; margin-right: -15px }
.single-testimonial-style-one * { outline: 0 }
.single-testimonial-style-one .testimonial-item { padding: 0 15px }
.single-testimonial-style-one+.single-testimonial-style-one { margin-top: 60px }
.single-testimonial-style-one .top-box { position: relative }
.single-testimonial-style-one .top-box i.qoute-icon { color: #242c33; font-size: 54px; position: absolute; top: 0; right: 20px }
.testimonial-content { border: 1px solid #e9e9e9; padding: 20px; border-radius: 3px }
.testimonial-content .top-box { float: left; width: 100% }
.testimonial-content .top-box h3 { margin-bottom: 0 !important }
.testimonial-content .top-box .icon-box { float: left; margin-right: 20px }
.testimonial-content .top-box .text-box { float: left; width: auto }
.single-testimonial-style-one .top-box .icon-box, .single-testimonial-style-one .top-box .text-box { display: block }
.single-testimonial-style-one .top-box .icon-box { width: 50px; display: inline-block; margin-bottom: 10px }
.single-testimonial-style-one .top-box .icon-box img { border-radius: 100px }
.single-testimonial-style-one .top-box .text-box h3 { margin: 0; color: #242c33; font-size: 20px; margin-bottom: 5px }
.single-testimonial-style-one .top-box .text-box .stars { line-height: 1.2 }
.single-testimonial-style-one .top-box .text-box .stars i { color: #ffc107; font-size: 10px; display: inline-block }
.single-testimonial-style-one .content-box { padding-top: 15px }
.single-testimonial-style-one .content-box p { color: #74787d; margin: 0 }
.single-testimonial-style-one .content-box h4 { margin: 0; color: #242c33; font-size: 16px; margin-top: 20px }
.testimonials-feature-wrapper .single-testimonial-style-one { padding-right: 0 }
.faq-section { position: relative }
.faq-section.no-pd-top { padding-top: 0 }
.faq-section .upper-box { position: relative; margin-bottom: 40px }
.faq-section .upper-box .text { position: relative; display: block; font-size: 18px; line-height: 30px; color: #555; font-weight: 400 }
.faq-section .title-style-one { margin-bottom: 40px }
.faq-section .accordion-column { position: relative }
.faq-section .title-style-one h2 { font-size: 44px; color: #222; font-weight: 700 }
.faq-section .accordion-column .inner-column { position: relative; padding-right: 30px }
.accordion>dt { margin-bottom: 30px; font-size: 14px; font-weight: 400 }
.accordion.time-line>dt>a { background: 0 0 }
.accordion>dt>a { position: relative; display: block; padding: 14px 20px; text-decoration: none; color: #222; border: 2px solid #e8e8e8; background: #fff; font-weight: 500; font-size: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.accordion>dt>a:hover { text-decoration: none }
.accordion>dt>a.active, .accordion>dt>a:hover { cursor: pointer; color: #fff; border-color: var(--main-color); background: var(--main-color) }
.accordion>dt>a:after { position: absolute; top: 50%; right: 10px; width: 15px; height: 15px; margin-top: -8px; content: "\e61a"; text-align: center; text-transform: none; color: #696969; font-family: themify; font-size: 16px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 15px; -webkit-font-smoothing: antialiased; speak: none }
.accordion>dt>a.active:after, .accordion>dt>a.active:hover:after { content: "\e622"; color: #fff }
.accordion>dt>a:hover:after { color: #fff }
.accordion>dd { margin-bottom: 30px; padding: 0; color: #777 }
.accordion>dt>a, .accordion>dt>a:after, .toggle>dt>a, .toggle>dt>a:after { -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1); transition: all .27s cubic-bezier(0, 0, .58, 1) }
.toggle>dt { margin-bottom: 30px; font-size: 14px; font-weight: 400 }
.toggle>dt>a { position: relative; display: block; padding: 14px 20px; text-decoration: none; color: #222; border: 2px solid #e8e8e8; background: #fff; font-weight: 500; font-size: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.toggle.time-line>dt>a { background: 0 0 }
.toggle>dt>a:hover { text-decoration: none }
.toggle>dt>a.active, .toggle>dt>a:hover { cursor: pointer; color: #fff; border-color: var(--main-color); background: var(--main-color) }
.toggle>dt>a:after { position: absolute; top: 50%; right: 10px; width: 15px; height: 15px; margin-top: -8px; content: "\e61a"; text-align: center; text-transform: none; color: #696969; font-family: themify; font-size: 15px; font-weight: 400; font-style: normal; font-variant: normal; line-height: 15px; -webkit-font-smoothing: antialiased; speak: none }
.toggle>dt>a.active:after, .toggle>dt>a.active:hover:after { content: "\e622"; color: #fff }
.toggle>dt>a:hover:after { color: #fff }
.toggle>dd { margin-bottom: 30px; padding: 0; color: #777 }
.faq-section .image-column { position: relative }
.faq-section .image-column .inner-column { position: relative; padding-top: 105px; margin-left: 50px; margin-right: -60px }
.faq-section .image-column .image { position: relative; display: block; text-align: right; border: 15px solid #df6512; height: 600px }
.faq-section .image-column .image img { position: absolute; right: -40px; bottom: 0 }
#preloader { overflow-x: hidden; overflow-y: hidden; vertical-align: middle; background-color: #fff; position: fixed; display: none; width: 0%; top: 0; height: 0%; min-height: 0%; z-index: 9999 }
.loader-container { position: relative; display: table-cell; vertical-align: middle; z-index: 12; text-align: center; text-transform: uppercase }
#preloader_1 { position: relative; margin: auto; width: 100px }
.spinner { margin: 100px auto; width: 50px; height: 40px; text-align: center; font-size: 10px }
.spinner>div { background-color: var(--main-color); height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
.spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s }
.spinner .rect4 { -webkit-animation-delay: -.9s; animation-delay: -.9s }
.spinner .rect5 { -webkit-animation-delay: -.8s; animation-delay: -.8s }
@-webkit-keyframes sk-stretchdelay {
	0%, 100%, 40% { -webkit-transform: scaleY(.4) }
	20% { -webkit-transform: scaleY(1) }
}
@keyframes sk-stretchdelay {
	0%, 100%, 40% { transform: scaleY(.4); -webkit-transform: scaleY(.4) }
	20% { transform: scaleY(1); -webkit-transform: scaleY(1) }
}
body.loaded #preloader { opacity: 0; visibility: hidden }
h3.column-title.title-small.title-small-regular span { color: var(--main-color) }
span.counterUp { color: var(--main-color) }
.title-bg-small { font-size: 14px; font-weight: 700; line-height: 24px; margin-bottom: 15px; color: #fff; background: #101010; display: inline-block; padding: 3px 18px; text-transform: uppercase }
.column-title, .section-title { font-size: 36px; color: #101010 }
h3.section-title.wow.fadeInUp span { font-weight: 700; color: var(--main-color) }
span.project-title { color: var(--main-color) }
.ts-service-strategic .ts-service-wrapper .btn-link:hover { color: var(--main-color) }
h2.column-title.column-title-large span { color: var(--main-color); font-weight: 700 }
.work-process-list { position: relative; z-index: 1 }
.work-process-list:after { position: absolute; left: 20px; top: 0; width: 1px; height: 95%; content: ''; border: 1px dashed var(--main-color); z-index: -1 }
.work-process-list li { position: relative; margin-bottom: 15px }
.work-process-list .working-num { color: #fff; font-size: 15px; width: 30px; height: 30px; background: var(--main-color); line-height: 30px; border-radius: 50%; text-align: center; position: absolute; left: 5px }
.work-process-list .working-text { left: 60px; top: 5px; padding-left: 60px }
h3.column-title.wow.fadeInUp span { color: var(--main-color); font-weight: 700 }
.slick-loading .slick-list { background: #ccc }
.slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0 }
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: 0 }
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 }
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 }
.slick-next:before, .slick-prev:before { font-family: themify; display: block; font-size: 20px; line-height: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-prev { left: -25px }
[dir=rtl] .slick-prev { right: -25px; left: auto }
.slick-prev:before { content: "\e64a" }
[dir=rtl] .slick-prev:before { content: "\e64a" }
.slick-next { right: -25px }
[dir=rtl] .slick-next { right: auto; left: -25px }
.slick-next:before { content: '\e649' }
[dir=rtl] .slick-next:before { content: '\e649' }
.jl-page-content .slick-dots { text-align: center }
.slick-dots { position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center }
.jl-page-content .slick-dots li { padding-left: 5px }
.jl-page-content .slick-dots li:before { display: none }
.bt-main-slider .slick-dots { bottom: 20px }
.slick-dots { line-height: 1.2 }
.slick-dots li { position: relative; display: inline-block; padding: 0 5px 0; cursor: pointer; line-height: 1.2 }
.slick-dots li.slick-active button { background: var(--main-color); background: var(--main-color); border-color: var(--main-color); border-color: var(--main-color) }
.slick-dots li button { width: 15px; height: 15px; border: 3px solid #cbcbcb; background: 0 0; overflow: hidden; text-indent: -200px; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px }
.slick-dots li button:focus, .slick-dots li button:hover { outline: 0 }
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 }
.jl-page-content .slick-dots li { padding-left: 5px }
.jl-page-content .slick-dots li:before { display: none }
.slick-dots li.slick-active button { background: var(--main-color); background: var(--main-color); border-color: var(--main-color); border-color: var(--main-color) }
.slick-dots li button { width: 15px; height: 15px; border: 3px solid #cbcbcb; background: 0 0; overflow: hidden; text-indent: -200px; padding: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px }
.slick-dots li button:focus, .slick-dots li button:hover { outline: 0 }
.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto }
.slick-track:after, .slick-track:before { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px }
[dir=rtl] .slick-slide { float: right }
.slick-slide img { display: block }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
.card { width: 100%; display: inline-block; border: 0; border-radius: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s }
#what-we-do-1 { text-align: center; background: var(--main-color) }
#what-we-do-2 { text-align: center; background: #000 }
#what-we-do-3 { text-align: center; background: #ccc }
#what-we-do .card { text-align: center }
#what-we-do .card:before { font-size: 150px; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; text-align: center; opacity: .1; color: #2c464f }
.bt-icon { font-size: 60px }
.head-after:before { content: ""; position: absolute; background-color: var(--main-color); width: 25%; height: 2px; left: 0; bottom: -10px }
.head-after { position: relative; display: inline-block }
.whatwedo-card-1 { background: #e9ecef }
.whatwedo-card-2 { background: var(--main-color) }
.whatwedo-card-3 { background: #000 }
.head-after-1 { color: #000; position: relative; display: inline-block }
.head-after-2 { color: #111; position: relative; display: inline-block }
.head-after-3 { color: #fff; position: relative; display: inline-block }
.sec-title-black * { color: #000 }
.sec-title-1 h3 { position: relative; font-size: 30px; margin-bottom: 0; text-transform: capitalize }
.sec-title-1 h3:after { position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 3px; margin-left: -25px; background-color: var(--main-color); margin-bottom: -4px }
.sec-title-2 h3 { position: relative; font-size: 30px; margin-bottom: 0; text-transform: capitalize }
.sec-title-2 h3:after { position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 3px; margin-left: -25px; background-color: #000; margin-bottom: -4px }
.sec-title-3 h3 { position: relative; font-size: 30px; margin-bottom: 0; text-transform: capitalize }
.sec-title-3 h3:after { position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 3px; margin-left: -25px; background-color: #ffc925; margin-bottom: -4px }
.whatwedo-card-2 * { color: #000 }
.whatwedo-card-3 * { color: #fff }
.fluid-section-one { position: relative; overflow: hidden }
.fluid-section-one .outer-container { position: relative; min-height: 350px }
.fluid-section-one .image-column { position: absolute; float: left; left: 0; top: 0; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: cover }
.fluid-section-one .image-column .image-box { position: relative; display: none }
.fluid-section-one .image-column .image-box img { position: relative; display: block; width: 100% }
.bt-sec-title .devider { position: relative; display: inline-block; width: 150px; text-align: center }
.fluid-section-one .content-column { position: relative; float: right; width: 50%; background: #222 }
.fluid-section-one .content-column .inner-box { position: relative; padding: 70px 70px 40px 70px }
.fluid-section-one .content-column .inner-box .bt-sec-title { color: #fff }
.fluid-section-one .content-column .inner-box .text { position: relative; margin-bottom: 50px }
.fluid-section-one .content-column .inner-box .text p { position: relative; line-height: 27px; color: #fff; margin-bottom: 27px }
.fluid-section-one .content-column .inner-box .text p:last-child { margin-bottom: 0 }
.fluid-section-one .content-column .inner-box .text h2 { color: #fff }
.fluid-section-one .content-column .inner-box .choose-info { position: relative; margin: 0 }
.fluid-section-one .content-column .inner-box .choose-info li { position: relative; float: left; width: 50%; list-style-type: none; padding-left: 70px; min-height: 50px; text-transform: capitalize; cursor: default }
.fluid-section-one .content-column .inner-box .choose-info li h5 { position: relative; display: block; font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 8px }
.fluid-section-one .content-column .inner-box .choose-info li h5 a { color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.fluid-section-one .content-column .inner-box .choose-info li .icon { position: absolute; left: 0; top: 0; color: var(--main-color); line-height: 1em; font-size: 48px; font-weight: 400; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.fluid-section-one .content-column .inner-box .choose-info li:hover .icon, .fluid-section-one .content-column .inner-box .choose-info li:hover a { color: var(--main-color) }
.fluid-section-one.alternate .content-column:before { display: none }
.bt-sec-title { text-align: center; color: #ccc }
.bt-title { color: #ccc }
.bt-title-1 { color: #fff }
.bt-titl-p { color: #ddd }
.bt-sec-title { position: relative }
.bt-sec-title .devider { position: relative; display: inline-block; width: 150px; text-align: center }
.bt-sec-title .devider:after, .bt-sec-title .devider:before { position: absolute; left: 0; top: 14px; height: 1px; width: 52px; background-color: var(--main-color); content: "" }
.bt-sec-title .devider:after { left: auto; right: 0 }
.bt-sec-title .devider span { position: relative; display: inline-block; font-size: 22px; line-height: 30px; color: var(--main-color); font-weight: 400 }
.services-section-two { position: relative }
.services-section-two:before { position: absolute; right: 0; top: 0; height: 100%; width: 50%; background-position: center bottom; content: ""; opacity: .1 }
.service-block-two { position: relative; display: block }
.service-block-two .inner-box { position: relative; padding: 40px 20px; text-align: center; background-color: #fff; border: 1px solid #e9e9e9; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 3px; overflow: hidden }
.service-block-two .inner-box:hover { box-shadow: 0 0 18px rgba(0, 0, 0, .18); color: #fff }
.service-block-two .icon-box { position: relative; display: block; margin-bottom: 25px }
.service-block-two .icon-box .icon { display: block; font-size: 50px; color: var(--main-color); line-height: 1em }
.service-block-two h5 { position: relative; display: block; font-size: 18px; color: #000; margin-bottom: 20px }
.service-block-two h5 a { color: #333; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.service-block-two h5 a:hover { color: #ff9600 }
.service-block-two .text { position: relative }
.service-block-two .service-box-link { margin-top: 20px; display: inline-block; font-size: 15px; font-weight: 500; color: var(--main-color) }
.service-block-two .service-box-link i { margin-left: 10px; font-size: 11px }
.service-block-two.service-active .inner-box { background: var(--main-color) }
.service-block-two.service-active .inner-box * { color: #fff }
.service-block-three { position: relative; display: block; margin-bottom: 30px }
.service-block-three .inner-box { position: relative; padding: 20px 20px; padding-left: 130px; text-align: left; background-color: #fff; border: 1px solid #ddd; min-height: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.service-block-three .inner-box:hover { box-shadow: 0 0 18px rgba(0, 0, 0, .18); background-color: var(--main-color); border-color: var(--main-color); color: #000 }
.service-block-three .icon-box { position: absolute; left: 0; top: 0; text-align: center; width: 100px; height: 100px }
.service-block-three .icon-box:before { position: absolute; right: 0; top: 20px; width: 1px; height: 75px; background-color: #ccc; content: ""; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.service-block-three .inner-box:hover .icon-box:before { background-color: #fff }
.service-block-three .icon-box .icon { display: block; font-size: 48px; color: var(--main-color); line-height: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.service-block-three .inner-box:hover .icon-box .icon { color: #fff }
.service-block-three h5 { position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #333; font-weight: 700; margin-bottom: 7px }
.service-block-three h5 a { color: #333; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.service-block-three .inner-box:hover h5 a { color: #fff }
.service-block-three .text { position: relative; color: #333; font-size: 14px; line-height: 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.service-block-three .inner-box:hover .text { color: #fff }
.service-block-two .icon-box .icon:hover { color: #000 }
@media only screen and (max-width:1200px) {
	.about-us .about-imgwrp img { width: 100% }
	.about-us .about-imgwrp { position: relative; padding-left: 40px; padding-right: 40px }
	.anmline { width: 0 !important }
	.mainslider-style3 .owl-item .title { font-size: 35px; line-height: 45px }
	.about-us { padding: 120px 0 60px }
	.count-single { margin-bottom: 40px }
	.why-choseus-2.pagetoppadd { padding-bottom: 0 }
}
@media only screen and (max-width:1200px) and (min-width:993px) {
	.main-menu .navigation>li { margin-right: 15px }
}
@media only screen and (max-width:1170px) {
	.fluid-section-one .content-column .inner-box .choose-info li { width: 100% }
	.fluid-section-one .content-column .inner-box { padding: 30px 30px 0 30px }
}
@media only screen and (max-width:992px) {
	.m_manu { display: block !important; height: auto }
	.counter_block { text-align: center }
	.bt-main-slider .bt-item-slide { height: 400px }
	.bt-main-slider .bt-item-slide .big-title { font-size: 35px }
	.bt-main-slider .bt-item-slide.bt-slide-black .para-content p { font-size: 16px }
	section.page-header-section { padding: 80px 20px }
	.fluid-section-one .image-column { width: 100%; height: 300px; position: relative }
	.fluid-section-one .content-column { width: 100% }
	.fluid-section-one .content-column .inner-box { padding: 30px 30px 0 30px }
	.fluid-section-one .content-column .inner-box .choose-info li { width: 100% }
	.contact-mail-section .newslater_wrapper { padding-left: 30px; padding-right: 30px }
	.sec-title h2 { font-size: 30px }
	.sec-title p { font-size: 18px }
	.sec-title p br { display: none }
	.footer-menu-list { text-align: left; margin-top: 10px }
	.footer-menu-list li a { margin-right: 15px; margin-left: 0 }
	.header-middle .container { padding: 0 }
	.small-footer-area .col-md-6 { width: 100%; max-width: 100%; flex: auto }
	.why-us-section .image-column { width: 100%; max-width: 100% }
	.padding-sm-left-0 { padding-left: 0 }
	.padding-sm-left-10 { padding-left: 10px }
	.padding-sm-left-20 { padding-left: 20px }
	.padding-sm-left-30 { padding-left: 30px }
	.padding-sm-left-40 { padding-left: 40px }
	.padding-sm-left-50 { padding-left: 50px }
	.padding-sm-left-60 { padding-left: 60px }
	.padding-sm-left-70 { padding-left: 70px }
	.padding-sm-left-80 { padding-left: 80px }
	.padding-sm-left-90 { padding-left: 90px }
	.padding-sm-left-100 { padding-left: 100px }
	.padding-sm-right-0 { padding-right: 0 }
	.padding-sm-right-10 { padding-right: 10px }
	.padding-sm-right-20 { padding-right: 20px }
	.padding-sm-right-30 { padding-right: 30px }
	.padding-sm-right-40 { padding-right: 40px }
	.padding-sm-right-50 { padding-right: 50px }
	.padding-sm-right-60 { padding-right: 60px }
	.padding-sm-right-70 { padding-right: 70px }
	.padding-sm-right-80 { padding-right: 80px }
	.padding-sm-right-90 { padding-right: 90px }
	.padding-sm-right-100 { padding-right: 100px }
	.gray-bg { background-color: #f8f8f8 }
	.padding-sm-top-0 { padding-top: 0 }
	.padding-sm-top-10 { padding-top: 10px }
	.padding-sm-top-20 { padding-top: 20px }
	.padding-sm-top-30 { padding-top: 30px }
	.padding-sm-top-40 { padding-top: 40px }
	.padding-sm-top-50 { padding-top: 50px }
	.padding-sm-top-60 { padding-top: 60px }
	.padding-sm-top-70 { padding-top: 70px }
	.padding-sm-top-80 { padding-top: 80px }
	.padding-sm-top-90 { padding-top: 90px }
	.padding-sm-top-95 { padding-top: 95px }
	.padding-sm-top-100 { padding-top: 100px }
	.padding-sm-top-105 { padding-top: 105px }
	.padding-sm-top-110 { padding-top: 110px }
	.padding-sm-top-115 { padding-top: 115px }
	.padding-sm-top-120 { padding-top: 120px }
	.padding-sm-bottom-0 { padding-bottom: 0 }
	.padding-sm-bottom-10 { padding-bottom: 10px }
	.padding-sm-bottom-20 { padding-bottom: 20px }
	.padding-sm-bottom-30 { padding-bottom: 30px }
	.padding-sm-bottom-40 { padding-bottom: 40px }
	.padding-sm-bottom-50 { padding-bottom: 50px }
	.padding-sm-bottom-60 { padding-bottom: 60px }
	.padding-sm-bottom-65 { padding-bottom: 65px }
	.padding-sm-bottom-70 { padding-bottom: 70px }
	.padding-sm-bottom-80 { padding-bottom: 80px }
	.padding-sm-bottom-85 { padding-bottom: 85px }
	.padding-sm-bottom-90 { padding-bottom: 90px }
	.padding-sm-bottom-95 { padding-bottom: 95px }
	.padding-sm-bottom-100 { padding-bottom: 100px }
	.padding-sm-bottom-110 { padding-bottom: 110px }
	.padding-sm-bottom-105 { padding-bottom: 105px }
	.padding-sm-bottom-115 { padding-bottom: 115px }
	.padding-sm-bottom-120 { padding-bottom: 120px }
	.padding-sm-bottom-130 { padding-bottom: 130px }
	.padding-sm-bottom-135 { padding-bottom: 135px }
	.padding-sm-tb-120 { padding-top: 120px; padding-bottom: 120px }
	.padding-sm-tb-110 { padding-top: 110px; padding-bottom: 110px }
	.padding-sm-tb-100 { padding-top: 100px; padding-bottom: 100px }
	.padding-sm-tb-20 { padding-top: 20px; padding-bottom: 20px }
	.padding-sm-tb-30 { padding-top: 30px; padding-bottom: 30px }
	.padding-sm-tb-40 { padding-top: 40px; padding-bottom: 40px }
	.padding-sm-tb-50 { padding-top: 50px; padding-bottom: 50px }
	.padding-sm-tb-60 { padding-top: 60px; padding-bottom: 60px }
	.padding-sm-tb-70 { padding-top: 70px; padding-bottom: 70px }
	.padding-sm-tb-80 { padding-top: 80px; padding-bottom: 80px }
	.padding-sm-tb-90 { padding-top: 90px; padding-bottom: 90px }
	.padding-sm-tb-10 { padding-top: 10px; padding-bottom: 10px }
	.padding-sm-0 { padding: 0 }
	.padding-sm-10 { padding: 10px }
	.padding-sm-20 { padding: 20px }
	.padding-sm-30 { padding: 30px }
	.padding-sm-40 { padding: 40px }
	.padding-sm-50 { padding: 50px }
	.padding-sm-60 { padding: 60px }
	.padding-sm-70 { padding: 70px }
	.padding-sm-80 { padding: 80px }
	.padding-sm-90 { padding: 90px }
	.padding-sm-100 { padding: 100px }
	.margin-sm-0 { margin: 0 }
	.margin-sm-10 { margin: 10px }
	.margin-sm-20 { margin: 20px }
	.margin-sm-30 { margin: 30px }
	.margin-sm-40 { margin: 40px }
	.margin-sm-50 { margin: 50px }
	.margin-sm-60 { margin: 60px }
	.margin-sm-70 { margin: 70px }
	.margin-sm-80 { margin: 80px }
	.margin-sm-90 { margin: 90px }
	.margin-sm-top-10 { margin-top: 10px }
	.margin-sm-right-0 { margin-right: 0 }
	.margin-sm-right-10 { margin-right: 10px }
	.margin-sm-right-20 { margin-right: 20px }
	.margin-sm-right-30 { margin-right: 30px }
	.margin-sm-right-40 { margin-right: 40px }
	.margin-sm-right-50 { margin-right: 50px }
	.margin-sm-right-60 { margin-right: 60px }
	.margin-sm-right-70 { margin-right: 70px }
	.margin-sm-right-80 { margin-right: 80px }
	.margin-sm-right-90 { margin-right: 90px }
	.margin-sm-right-100 { margin-right: 100px }
	.margin-sm-left-0 { margin-left: 0 }
	.margin-sm-left-10 { margin-left: 10px }
	.margin-sm-left-20 { margin-left: 20px }
	.margin-sm-left-30 { margin-left: 30px }
	.margin-sm-left-40 { margin-left: 40px }
	.margin-sm-left-50 { margin-left: 50px }
	.margin-sm-left-60 { margin-left: 60px }
	.margin-sm-left-70 { margin-left: 70px }
	.margin-sm-left-80 { margin-left: 80px }
	.margin-sm-left-90 { margin-left: 90px }
	.margin-sm-left-100 { margin-left: 100px }
	.margin-sm-top-0 { margin-top: 0 }
	.margin-sm-top-10 { margin-top: 10px }
	.margin-sm-top-20 { margin-top: 20px }
	.margin-sm-top-30 { margin-top: 30px }
	.margin-sm-top-40 { margin-top: 40px }
	.margin-sm-top-50 { margin-top: 50px }
	.margin-sm-top-55 { margin-top: 55px }
	.margin-sm-top-60 { margin-top: 60px }
	.margin-sm-top-70 { margin-top: 70px }
	.margin-sm-top-80 { margin-top: 80px }
	.margin-sm-top-90 { margin-top: 90px }
	.margin-sm-top-100 { margin-top: 100px }
	.margin-sm-bottom-0 { margin-bottom: 0 !important }
	.margin-sm-bottom-10 { margin-bottom: 10px }
	.margin-sm-bottom-15 { margin-bottom: 15px }
	.margin-sm-bottom-20 { margin-bottom: 20px }
	.margin-sm-bottom-25 { margin-bottom: 25px }
	.margin-sm-bottom-30 { margin-bottom: 30px }
	.margin-sm-bottom-40 { margin-bottom: 40px }
	.margin-sm-bottom-50 { margin-bottom: 50px }
	.margin-sm-bottom-55 { margin-bottom: 55px }
	.margin-sm-bottom-60 { margin-bottom: 60px }
	.margin-sm-bottom-70 { margin-bottom: 70px }
	.margin-sm-bottom-80 { margin-bottom: 80px }
	.margin-sm-bottom-90 { margin-bottom: 90px }
	.margin-sm-top-100 { margin-bottom: 100px }
	.margin-sm-top-120 { margin-top: 120px }
	.margin-sm-tb-0 { margin-top: 0; margin-bottom: 0 }
	.margin-sm-tb-10 { margin-top: 10px; margin-bottom: 10px }
	.margin-sm-tb-20 { margin-top: 20px; margin-bottom: 20px }
	.margin-sm-tb-30 { margin-top: 30px; margin-bottom: 30px }
	.margin-sm-tb-40 { margin-top: 40px; margin-bottom: 40px }
	.margin-sm-tb-50 { margin-top: 50px; margin-bottom: 50px }
	.margin-sm-tb-60 { margin-top: 60px; margin-bottom: 60px }
	.margin-sm-tb-70 { margin-top: 70px; margin-bottom: 70px }
	.margin-sm-tb-80 { margin-top: 80px; margin-bottom: 80px }
	.margin-sm-tb-90 { margin-top: 90px; margin-bottom: 90px }
	.margin-sm-tb-100 { margin-top: 100px; margin-bottom: 100px }
	.client-leftimg img { width: 100% }
	.number-wrapbox { padding: 80px 0 40px }
	.team-members { padding: 60px 0 80px }
	.paralexsec-1 { padding: 90px 0 100px }
	.testimonial-area { padding: 100px 0 170px }
	.news-section { padding: 0 0 30px }
	.mainslider-style2 { padding: 40px 0 60px }
	.services-2 { padding: 100px 0 70px }
	.about-ontab { padding: 0 0 90px }
	.count-style-3.count-number { padding-top: 60px }
	.projects-sec { padding: 50px 0 80px }
	.testimonial-area { padding: 100px 0 80px }
	.subscribe-section { padding-bottom: 50px; padding-top: 50px }
	.main-header .main-box .logo-box { width: auto; padding: 10px 0 }
	.main-header .main-menu { padding-top: 0; width: 100%; margin: 0 }
	.main-menu .navbar-header { position: absolute; float: none; display: block; text-align: right; width: 100%; padding: 15px 0 15px; right: 20px; top: 0 }
	.main-menu .navbar-header .navbar-toggler { z-index: 99; position: relative }
	.main-header .top-right>ul>li { padding-left: 0; border-left: 0 }
	.main-menu .collapse { transition: none; overflow: auto; float: none; width: 100%; padding: 0; border: none; margin: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none }
	.main-menu .collapse.in, .main-menu .collapsing { padding: 10px 0 0; border: none; margin: 0 0 15px; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none }
	.navbar-dark .navbar-toggler { border: 0; padding: 0 }
	.navbar-toggler .icon { position: relative; font-size: 18px; line-height: 40px; color: var(--main-color); width: 50px; height: 40px; border-radius: 0; border-radius: 2px; display: inline-block; border: 1px solid var(--main-color) }
	.navbar-light .navbar-toggler { border: 0; padding: 0; outline: 0 }
	.main-menu .navbar-collapse>.navigation { float: none !important; margin: 0 !important; width: 100% !important; border-top: none; margin: 0; padding: 0 }
	.main-menu .navbar-collapse>.navigation>li { margin: 0 !important; float: none !important; padding: 0 !important; width: 100% }
	.main-menu .navigation>li>a, .main-menu .navigation>li>ul:before { border: none }
	.main-menu .navbar-collapse>.navigation>li>a { padding: 10px 10px !important; border: none !important; font-size: 15px !important }
	.main-menu .navigation li.dropdown>a:after, .main-menu .navigation>li.dropdown>a:before, .main-menu .navigation>li>ul>li>a::before, .main-menu .navigation>li>ul>li>ul>li>a::before { color: #fff !important; right: 15px; font-size: 16px; display: none !important }
	.main-menu .navbar-collapse>.navigation>li>ul, .main-menu .navbar-collapse>.navigation>li>ul>li>ul { position: relative; border: none; float: none; visibility: visible; opacity: 1; display: none; margin: 0; left: auto !important; right: auto !important; top: auto !important; padding: 0; outline: 0; width: 100%; background: #222; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; border-radius: 0; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -o-transition: none !important; -moz-transition: none !important; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
	.main-menu .navbar-collapse>.navigation>li>ul, .main-menu .navbar-collapse>.navigation>li>ul>li>ul { border-top: 1px solid #3e3e3e !important }
	.main-menu .navbar-collapse>.navigation>li, .main-menu .navbar-collapse>.navigation>li>ul>li, .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li { border-top: 1px solid #3e3e3e !important; border-bottom: none; opacity: 1 !important; top: 0 !important; left: 0 !important; padding: 0; visibility: visible !important }
	.main-menu .navbar-collapse>.navigation>li>ul>li:first-child, .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:first-child { border-top: none !important }
	.main-menu .navbar-collapse>.navigation>li:first-child { border: none }
	.main-menu .navbar-collapse>.navigation>li>a, .main-menu .navbar-collapse>.navigation>li>ul>li>a, .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a { padding: 12px 20px !important; line-height: 22px; color: #fff; font-weight: 500; font-size: 15px; background: #222; text-align: left }
	.main-menu .navbar-collapse>.navigation>li>a:active, .main-menu .navbar-collapse>.navigation>li>a:focus, .main-menu .navbar-collapse>.navigation>li>a:hover { background: var(--main-color) }
	.main-menu .navbar-collapse>.navigation>li.current-menu-item>a, .main-menu .navbar-collapse>.navigation>li.current>a, .main-menu .navbar-collapse>.navigation>li:hover>a, .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a, .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a { background: #222; color: #fff !important }
	.main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn { display: block }
	.main-menu .navigation>li>ul>li, .main-menu .navigation>li>ul>li>ul>li { padding-left: 0; padding-right: 0 }
	.main-menu .navigation>li>ul>li>a, .main-menu .navigation>li>ul>li>ul>li>a { border-bottom: 0 }
	.main-menu .navigation>li>ul:before, .main-menu .navigation>li>ul>li.dropdown::after, .process-block .inner-box .lower-content .icon, .sec-title-two h2 br { display: none !important }
	.container { max-width: 100% }
	#mosttop-bar { display: none }
	.main-header .header-middle .logo-middle { float: none }
	.main-header .logo-middle .logo { padding: 10px 0; text-align: center }
	.main-header .header-middle .nav-middle { float: none }
	.main-menu .navigation>li { margin-right: 17px }
	.main-header .header-infobox .headercont-box { margin-left: 20px }
	.mainslider .owl-item .title { margin-bottom: 10px; font-size: 30px }
	.mainslider .content-left .slider-content { left: 0; width: 100%; transform: translateY(-50%) }
	.mainslider .textboxitem { text-align: center !important; padding: 0 30px }
	.mainslider-style3 .slider-images::after { background: rgba(255, 255, 255, .6) }
	.about-us .about-imgwrp { margin-bottom: 40px }
	.about-us { padding-bottom: 20px }
	.what-wedo { padding-bottom: 20px }
	.pricing-active .pricing-chart { transform: scale(1) }
	.count-style-2 .number-wrapbox { padding: 80px 0 40px }
	.teamleftinfo { padding-right: 0; margin-bottom: 40px }
	.sticky-header .main-menu .navigation>li { margin-left: 20px !important }
	.contactpage .info-column .infobox { margin-bottom: 40px }
	.google-map-area { margin-top: 0 }
	.pdetail-box { position: static; margin-top: 70px }
	.pdtl-topleft { padding-right: 0 }
	.count-single { margin-bottom: 40px }
	.row.team-slide.owl-carousel { margin: 0 }
	.team-slide.owl-theme .owl-nav { display: none }
	.row.feature-slide.owl-carousel { margin: 0 }
	.why-choseus-2 { padding: 0 0 20px }
	.why-choseus-2 .whychose-image { margin-bottom: 40px }
	.pricing-style { padding: 80px 0 80px }
	.count-style-2+.testimonial-area { padding: 50px 0 120px }
	.tabimg { padding-bottom: 40px }
	.pricing-style.pagetoppadd { padding: 90px 0 60px }
	.feature-service { padding: 80px 0 90px }
	.headerbtn-contact .subtitle { font-size: 16px }
	.main-header .header-widgetbox { margin-left: 10px }
	.main-header .sticky-header { display: none }
	.main-header .header-searcbox .dropdown-menu { top: 47px !important; left: 0 !important; right: auto !important }
	.mainslider .slider-content { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%) }
	.main-slider .slider-images img { height: 400px; width: auto }
	.mainslider .owl-item .title { font-size: 22px; line-height: 30px; margin-bottom: 25px }
	.mainslider .owl-item .parainfo { font-size: 15px; margin-bottom: 25px; line-height: 27px }
	.mainslider .slidbtn { min-width: 132px; padding: 5px 15px; font-size: 16px }
	.main-header .header-infobox .headercont-box { padding: 10px 0; margin-left: 0; display: block }
	.main-header .header-infobox { position: absolute; left: 0; top: 0 }
	.main-header .header-searcbox { padding: 20px 0 }
	.main-header .header-widgetbox { margin-left: 20px }
	.mainslider-style2 .slider-imagebox { width: 100%; float: none; text-align: center }
	.mainslider-style2 .slider-imagebox img { max-width: 480px; float: none; display: inline-block }
	.mainslider-style2 .textboxitem { width: 100%; float: none; padding: 40px 0; clear: both }
	.service-detail .sidebar { margin-bottom: 50px }
	.service-detail .detail-column .inner-column { position: relative; padding-left: 0 }
	.service-detail .detail-column .text .image-column { margin-bottom: 0; padding-top: 40px }
	.service-detail .detail-column .services-lower .image img { margin-bottom: 50px }
	.about-ontab .nav-tabs .nav-item { display: block; float: none; width: 100%; text-align: center }
	.mainslider .textboxitem { padding: 0 10px }
	.mainslider-style2 .textboxitem { padding-top: 30px }
	.mainslider-style2 .mainslider .slidbtn { padding: 5px 15px }
	.feature-service .single-service .hover-content { padding-left: 20px }
	.page-title h1 { font-size: 40px }
	.pdetal-content li span { width: 100%; display: block }
	.comments-area .comment-box .theme-btn { position: static; margin-top: 20px; display: inline-block }
	.what-wedo .single-service { padding-right: 0 }
	.paget-title h2 { font-size: 30px; font-weight: 700; color: #fff }
	.subscribe-section .container h2 { color: #fff; margin-top: 0; font-size: 25px }
	.page-notfound strong i { font-size: 111px; margin: 0 10px; color: #fdc716 }
	.sidebar { background: #fff; padding: 0 }
	.column-title, .section-title { font-size: 25px; color: #101010 }
	.blog-big .detail .hadding-title { font-size: 20px }
	.blog-social-list { float: left }
	p.padding-sm-left-10 { padding-left: 10px }
	.why-us-section .image-column { width: 100%; max-width: 100%; flex: auto }
	.why-us-section .image-column img { width: 100% }
	.navbar-expand-md .navbar-toggler { display: inline }
	.collapse:not(.show) { display: none !important }
}

@media only screen and (max-width:767px) {
	.m_manu { display: block !important; height: auto }
	.counter_block { text-align: center }
	.bt-main-slider .bt-item-slide { height: 250px }
	.bt-main-slider .slide-caption { max-width: 80% }
	.bt-main-slider .bt-item-slide .big-title { font-size: 20px }
	.bt-main-slider .bt-item-slide.bt-slide-black .para-content p { font-size: 15px; display: none }
	.bt-main-slider .container .slide-caption .btb-button.big { padding: 6px 15px }
	.bt-main-slider .bt-item-slide.bt-slide-white .para-content p { display: none }
	.bt-main-slider .para-content { margin-bottom: 20px }
	section.page-header-section { padding: 80px 20px }
	.bt_call_action .call_action_title { font-size: 30px }
	.bt_call_action .call_action_text { font-size: 16px }
}
@media only screen and (min-width:480px) and (max-width:767px) {
	.m_manu { display: block !important; height: auto }
	.counter_block { text-align: center }
	.bt-main-slider .bt-item-slide { height: 250px }
	.bt-main-slider .slide-caption { max-width: 80% }
	.bt-main-slider .bt-item-slide .big-title { font-size: 20px }
	.bt-main-slider .bt-item-slide.bt-slide-black .para-content p { font-size: 15px; display: none }
	.bt-main-slider .container .slide-caption .btb-button.big { padding: 6px 15px }
	.bt-main-slider .bt-item-slide.bt-slide-white .para-content p { display: none }
	.bt-main-slider .para-content { margin-bottom: 20px }
	section.page-header-section { padding: 80px 20px }
	.bt_call_action .call_action_title { font-size: 30px }
	.bt_call_action .call_action_text { font-size: 16px }
	.bt_counter_wrapper, .counter_block { text-align: center }
	.why-us-section .image-column { width: 100%; max-width: 100% }
	.big-title { line-height: 39px; font-size: 25px }
	.feature-service::after { display: none }
	.row.owl-carousel.owl-loaded { margin: 0 }
	.count-single { margin-bottom: 30px }
	.number-wrapbox { padding-bottom: 0 }
	.testimonial-area { padding-bottom: 80px }
	.paralexsec-1 .big-title { font-size: 35px; line-height: 1.3 }
	.team-slide.owl-theme .owl-nav { display: none }
	.main-title-box { margin-bottom: 25px }
	.newsletter-form input { width: 100%; margin-bottom: 20px }
	.post-filter li { display: block }
	.what-wedo .col-lg-4 { margin-bottom: 40px }
	.whychose-image.videobox { margin-bottom: 30px }
	.pricing-style { padding: 60px 0 70px }
	.why-choseus-2+.team-members { padding-top: 20px }
	.client-leftimg img { width: 100% }
	.pricing-style.pagetoppadd { padding-top: 100px }
	.notfound-content h1 { font-size: 150px; margin-bottom: 20px }
	.project-detail { padding: 70px 0 30px }
	.page-title { margin-bottom: 0 }
	.testimonial-area .client-leftimg { margin-bottom: 40px }
	.tabimg { margin-bottom: 40px }
	.tabinfobox { padding: 50px 20px }
	.fluid-section-one .content-column .inner-box .choose-info li { padding-left: 60px }
}
.m_0 { margin: 0 !important; }
.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }
.ml_0 { margin-left: 0 !important; }
.mr_0 { margin-right: 0 !important; }
.p_1-9 { width: 11.1111%; float: left }
.ico-link div{ border: 1px #dedede solid; margin: 0  0 15px 0;padding: 0 15px;background-color: #FFF;height: 60px;border-radius: 2px ;}
.ico-link i { display: inline-block; font-size: 40px; color: var(--main-color); float: left;width: 50px;}
.ico-link a{line-height: 60px;display: inline-block;float: left;}

.sidebar-list{}
.sidebar-list .ico-link div{height: 50px;margin-bottom: 5px;}
.sidebar-list .ico-link i{font-size: 30px;}
.sidebar-list .ico-link a{line-height: 48px;}

.post-meta, .post-meta *{font-size: 12px;}
h1.hadding-title{
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #015478;
    font-weight: 500;
}

@media only screen and (max-width:639px) {
	.p_1-9{ width: 100%;float: none;font-size: 16px; text-align: left; padding-left: 20px;line-height: 30px;}
	.icon-link{text-align: left;}
	.icon-link i{font-size: 24px;display: inline-block;}

}