e@charset "UTF-8";
* { outline: 0 !important }
 input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0
}
input[type=number] { -moz-appearance: textfield }
 input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
 -webkit-transition: background-color 5000s ease-in-out 0s;
 -o-transition: background-color 5000s ease-in-out 0s;
 transition: background-color 5000s ease-in-out 0s
}
i.fas.fa-phone {
    transform: rotate(88deg);
}
::-moz-selection {
 text-shadow: none;
 color: #fff
}
::selection { text-shadow: none; color: #fff }

::-webkit-input-placeholder {
 color: grey !important;
 opacity: 1 !important
}

::-moz-placeholder {
 color: grey !important;
 opacity: 1 !important
}

:-ms-input-placeholder {
 color: grey !important;
 opacity: 1 !important
}

::-ms-input-placeholder {
 color: grey !important;
 opacity: 1 !important
}

::placeholder {
 color: grey !important;
 opacity: 1 !important
}
.error { color: red; }
iframe { max-width: 100% }
button:focus, input:focus, select:focus, textarea:focus { outline: 0 !important }
button, button[type=submit], input[type=submit] { border: none; background-color: transparent; cursor: pointer; -webkit-appearance: button; -moz-appearance: button }
select { width: 100%; max-width: 100%; color: grey }
textarea { resize: none }
img { max-width: 100%; height: auto }
a { color: #3f3f3f; -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear }
a:hover { color: #fb4275 }
a, a:active, a:focus, a:hover, input, input:active, input:focus, input:hover, select, textarea { text-decoration: none; outline: 0 !important }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; color: #3f3f3f; font-weight: 700; line-height: 1 }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #fb4275 }
p:last-child { margin: 0 }
h1 { font-size: 48px }
h2 { font-size: 30px }
h3 { font-size: 26px }
h4 { font-size: 18px }
h5 { font-size: 16px }
h6 { font-size: 14px }
table { width: 100%; max-width: 100%;table-layout: fixed;    word-break: break-all; }
table td, table th { border: 1px solid #818181;    padding: 10px;
 }
pre { border: 1px solid; border-radius: 4px; font-size: 16px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: .8em 1.6em }
code { background-color: rgba(27, 31, 35, .05); border-radius: 3px; font-size: 85%; margin: 0; padding: .2em .4em }
body { overflow-x: hidden !important; font-size: 16px; line-height: 1.625; color: #3f3f3f }
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 20px; }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.mt-0 { margin-top: 0 }
.mt-10, .section-title h2 { margin-top: 10px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-20, .pricing-navtab .nav-tabs .nav-link h4 { margin-bottom: 20px }
.mb-30, .single-project-item { margin-bottom: 30px }
.about-nav-tab .nav-tabs, .mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
.pt-250 { padding-top: 49px }
#countdown li .single-countdown h4, #countdown li.seperator, .about-nav-tab .nav-tabs .nav-link.active, .appointment-modal .modal-dialog .modal-content .form-title, .blog-details .post-meta li a:hover, .blog-details .post-tags li a:hover, .btn.btn-white span, .c1, .coming-soon-content h1, .header .header-main.style--one .main-menu #menu-button, .header .header-main.style--one .main-menu .nav li ul li:hover>a, .header .header-main.style--one .main-menu .nav li.current-menu-item>a, .header .header-main.style--one .main-menu .nav li.current-menu-parent>a, .list-check li i, .not-found-content p a, .offcanvas-wrapper .offcanvas-content .widget.widget_contact_info .single-info span, .page-title li, .pricing-navtab .nav-tabs .nav-link h4, .project-nav li.active, .section-title h3, .service-details .title, .single-blog-style--two .blog-content .post-meta li a:hover, .single-feature:hover .content h3, .single-process:hover .content h3, .single-service .icon, .single-service:hover h4, .single-team-member .team-info h4, .theme-input-group button, .vdo-btn { color: #fb4275 }
 #menu-button.menu-opened span::after, #menu-button.menu-opened span::before, -thumb.offcanvas-wrapper::-webkit-scrollbar, .bg-overlay:after, .btn-inline:hover:after, .c1-bg, .single-blog-item .blog-hover, ::selection {
 background-color: #fb4275
}
.about-nav-tab .nav-tabs .nav-link.active, .c1-bo, .owl-carousel .owl-nav button:before, .pagination li a.active, .pagination li a:hover, .pagination li span.active, .pagination li span:hover, .widget.widget_tag_cloud .tagcloud a:hover, blockquote { border-color: #fb4275 !important }
.about-nav-tab .nav-tabs .nav-link, .back-to-top .back-toop-tooltip span, .blog-details .post-meta li, .blog-details .post-share li:first-child, .blog-details .post-tags li:first-child, .btn-inline, .header .header-main.sticky .main-menu .nav>li>a, .heading, .page-title li:not(:last-child):after, .single-blog-style--two .blog-content .post-meta li a, .single-blog-style--two .blog-content .post-meta li span, .single-process:hover .content h3, .single-project-item .project-body .project-meta span,  blockquote { color: #3f3f3f }
.single-info p{color: #a5a5a5;}
.btn-inline:after, .header .header-main.style--one .main-menu .offcanvas-trigger span, .heading-bg { background-color: #3f3f3f }
.heading-bo { border-color: #3f3f3f !important }
.blog-details .post-meta li a, .blog-details .post-tags li a, .header .header-main.style--one .main-menu .nav li ul li a, .text-color { color: #818181 }
#menu-button span, #menu-button span:after, #menu-button span:before, .owl-carousel button.owl-dot, .text-color-bg { background-color: #818181 }
.text-color-bo { border-color: #818181 !important }
.back-to-top .back-toop-tooltip, .brand-logo img, .btn span:after, .btn span:before, .btn:after, .btn:before, .header .header-main.style--one .main-menu .nav li ul li ul, .single-blog-item .blog-button, .single-blog-item .blog-hover, .theme-input-group button, .trans2 { -webkit-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear }
#menu-button span, #menu-button span:after, #menu-button span:before, .bg-hover-gradient, .bg-hover-gradient:after, .btn-inline:after, .header .header-main.style--one .main-menu .offcanvas-trigger span, .offcanvas-overlay, .owl-carousel .owl-nav button, .owl-carousel .owl-nav button svg, .owl-carousel .owl-nav button:before, .owl-carousel button.owl-dot, .pagination li a, .pagination li a:after, .pagination li span, .pagination li span:after, .post-pagination .single-post-pagination .media-body a svg, .pricing-navtab .nav-tabs .nav-link, .pricing-navtab .nav-tabs .nav-link:after, .single-blog-style--two .blog-content, .single-feature, .single-feature .content h3, .single-process, .single-process .content h3, .single-service, .single-service h4, .single-service.style--two, .single-service.style--two svg path, .single-service.style--two:after, .theme-input-style, .trans3, .widget.widget_tag_cloud .tagcloud a, .widget.widget_tag_cloud .tagcloud a:after { -webkit-transition: .3s linear; -o-transition: .3s linear; transition: .3s linear }
.header .header-main .logo, .trans4, .vdo-btn svg, .video-area.style--two .vdo-btn-two svg {
    -webkit-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;
    text-align: center;
   
    
   
    z-index: 999;
   
    
}
.header .header-main .logo img { width: 220px; }
#countdown li .single-countdown, #countdown li.seperator, .about-nav-tab .nav-tabs .nav-link, .btn, .btn-inline, .page-title li, .project-details .project-meta li, .project-nav li, .rubik, .single-blog-item .blog-content .category, .single-blog-item .blog-content .posted-on, .single-blog-style--two .blog-content .category, .single-blog-style--two .posted-on, .single-counter p, .single-project-item .project-body .project-meta, .testimonial-slider .single-testimonial-slide .testimonial-content p, .vdo-btn, blockquote, h1, h2, h3, h4, h5, h6 { }
.muli, body { font-family: Muli, sans-serif }
 -thumb.offcanvas-wrapper::-webkit-scrollbar, .back-to-top, .bg-hover-gradient:after, .bg-overlay:after, .btn span:after, .btn span:before, .btn:after, .btn:before, .coming-soon-content h1,   .pagination li a:after, .pagination li span:after, .pricing-navtab .nav-tabs .nav-link:after, .single-service.style--two:after, .theme-input-group input, .widget.widget_tag_cloud .tagcloud a:after {
 background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #fff), color-stop(100%, #fff));
 background: -webkit-linear-gradient(45deg, #fff 0, #fff 100%);
 background: -o-linear-gradient(45deg, #fff 0, #fff 100%);
 background: linear-gradient(45deg, #fff 0, #fff 100%)
}
.owl-carousel button.owl-dot.active,.gradient-bg{
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#fb4275),color-stop(100%,#f35d46));
    background: -webkit-linear-gradient(45deg,#fb4275 0,#f35d46 100%);
    background: -o-linear-gradient(45deg,#fb4275 0,#f35d46 100%);
    background: linear-gradient(45deg,#fb4275 0,#f35d46 100%);
}
.text-white *, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff }
.section-pattern { background-size: contain; background-repeat: no-repeat }
.footer-bg {      background-color: #222222;
    background-image: url(../img/section-pattern/footer-pattern.png); }
#countdown li .single-countdown, .box-shadow, .offcanvas-wrapper.active, .pricing-navtab .nav-tabs .nav-link, .pricing-navtab .tab-content .tab-pane, .single-blog-item, .single-blog-style--two:hover .border-hover, .single-feature, .single-process, .single-project-item, .single-service, .single-service.style--three:hover, .single-team-member .team-info .info-back, .single-team-member .team-info .info-front { -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .05); box-shadow: 0 5px 40px rgba(0, 0, 0, .05) }
.radius-5, .theme-input-group, .theme-input-group input { border-radius: 5px }
#countdown li .single-countdown, .pricing-navtab .nav-tabs .nav-link, .pricing-navtab .tab-content .tab-pane, .radius-10, .single-feature, .single-process, .single-project-item, .single-service, .single-team-member .team-info .info-back, .single-team-member .team-info .info-front, .vdo-btn, .video-area.style--two { border-radius: 10px }
#countdown li .single-countdown, .box-shadow, .offcanvas-wrapper.active, .pricing-navtab .nav-tabs .nav-link, .pricing-navtab .tab-content .tab-pane, .single-blog-item, .single-blog-style--two:hover .border-hover, .single-feature, .single-process, .single-service, .single-service.style--three:hover, .single-team-member .team-info .info-back, .single-team-member .team-info .info-front { -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .05); box-shadow: 0 5px 40px rgba(0, 0, 0, .05) }
.no-shadow, .single-process, .single-service.style--three { -webkit-box-shadow: none; box-shadow: none }
.list-inline { margin-bottom: 0 }
.list-inline li { display: inline-block }
.list-check { margin-bottom: 0; padding: 0; list-style: none }
.list-check li { font-size: 18px; font-style: italic; padding-left: 35px; position: relative }
.list-check li:not(:last-child) { margin-bottom: 20px }
.list-check li i { position: absolute; left: 0; top: 0; line-height: inherit }
.social_icon_list li:not(:last-child) { margin-right: 15px }
.social_icon_list li a { font-size: 16px; }
.social_icon_list li a .fa-facebook-f { color: #1d65e8 }
.social_icon_list li a .fa-twitter { color: #18bbea }
.social_icon_list li a .fa-linkedin-in{ color: #3862ae }
.social_icon_list li a .fa-instagram { color: #E91E63;}
.social_icon_list li a .fa-pinterest-p {
    color: #e60023;
}
.social_icon_list li a .fa-youtube {
    color: #F44336;
}
.custom-owl { margin: -20px }
.custom-owl .owl-stage-outer { padding: 20px; margin-right: -30px }
.owl-carousel .owl-nav button { position: relative; height: 40px; width: 45px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.owl-carousel .owl-nav button:after, .owl-carousel .owl-nav button:before { position: absolute; content: '' }
.owl-carousel .owl-nav button:before { left: 0; top: 0; width: 100%; height: 100%; z-index: -2; border: 1px solid }
.owl-carousel .owl-nav button:after { height: 18px; width: 1px; background-color: #fff; right: 0; z-index: -1 }
.owl-carousel .owl-nav button.owl-next { margin-left: 15px }
.owl-carousel .owl-nav button.owl-next:after { right: auto; left: 0 }
.owl-carousel .owl-nav button.owl-prev { margin-right: 15px }
.owl-carousel .owl-nav button:hover path { fill: #fb4275 }
.owl-carousel button.owl-dot { display: inline-block; height: 20px; width: 10px; border-radius: 5px }
.owl-carousel button.owl-dot.active { height: 38px }
.owl-carousel.dots-horizontal button.owl-dot { height: 10px; width: 20px; margin: 0 5px }
.owl-carousel.dots-horizontal button.owl-dot.active { width: 38px }
.bg-overlay { position: relative; z-index: 1 }
.bg-overlay:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; opacity: .8; z-index: -1 }
.bg-hover-gradient, .pagination li a, .pagination li span, .pricing-navtab .nav-tabs .nav-link, .single-service.style--two, .widget.widget_tag_cloud .tagcloud a { position: relative; z-index: 1; overflow: hidden }
.bg-hover-gradient:after, .pagination li a:after, .pagination li span:after, .pricing-navtab .nav-tabs .nav-link:after, .single-service.style--two:after, .widget.widget_tag_cloud .tagcloud a:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden }
.active.single-service.style--two, .bg-hover-gradient.active, .bg-hover-gradient:hover, .pagination li a.active, .pagination li a:hover, .pagination li span.active, .pagination li span:hover, .pricing-navtab .nav-tabs .active.nav-link, .pricing-navtab .nav-tabs .nav-link:hover, .single-service.style--two:hover, .widget.widget_tag_cloud .tagcloud a.active, .widget.widget_tag_cloud .tagcloud a:hover { color: #fff; background-color: #fb4275 }
.active.single-service.style--two *, .active.single-service.style--two a, .bg-hover-gradient.active *, .bg-hover-gradient.active a, .bg-hover-gradient:hover *, .bg-hover-gradient:hover a, .pagination li a.active *, .pagination li a.active a, .pagination li a:hover *, .pagination li a:hover a, .pagination li span.active *, .pagination li span.active a, .pagination li span:hover *, .pagination li span:hover a, .pricing-navtab .nav-tabs .active.nav-link *, .pricing-navtab .nav-tabs .active.nav-link a, .pricing-navtab .nav-tabs .nav-link:hover *, .pricing-navtab .nav-tabs .nav-link:hover a, .single-service.style--two:hover *, .single-service.style--two:hover a, .widget.widget_tag_cloud .tagcloud a.active *, .widget.widget_tag_cloud .tagcloud a.active a, .widget.widget_tag_cloud .tagcloud a:hover *, .widget.widget_tag_cloud .tagcloud a:hover a { color: #fff }
.active.single-service.style--two:after, .bg-hover-gradient.active:after, .bg-hover-gradient:hover:after, .pagination li a.active:after, .pagination li a:hover:after, .pagination li span.active:after, .pagination li span:hover:after, .pricing-navtab .nav-tabs .active.nav-link:after, .pricing-navtab .nav-tabs .nav-link:hover:after, .single-service.style--two:hover:after, .widget.widget_tag_cloud .tagcloud a.active:after, .widget.widget_tag_cloud .tagcloud a:hover:after { opacity: 1; visibility: visible }
.small_text, .widget.widget_contact_info .single-info span, .widget.widget_recent_entries .single-post .post-content .posted-on, .widget.widget_related_post .single-post .post-content .posted-on { font-size: 12px; line-height: 1.2; margin-bottom: 5px; display: block }
.theme-input-group { position: relative; width: 100%; overflow: hidden; -webkit-box-shadow: 0 4px 40px rgba(251, 67, 116, .4); box-shadow: 0 4px 40px rgba(251, 67, 116, .4) }
.theme-input-group input { width: 100%; height: 50px; border: none; padding-left: 15px; padding-right: 50px; color: #fff }
 .theme-input-group input::-webkit-input-placeholder {
 color: #fff !important
}
 .theme-input-group input::-moz-placeholder {
 color: #fff !important
}
 .theme-input-group input:-ms-input-placeholder {
 color: #fff !important
}
 .theme-input-group input::-ms-input-placeholder {
 color: #fff !important
}
 .theme-input-group input::placeholder {
 color: #fff !important
}
.theme-input-group button { position: absolute; top: 0; right: 0; width: 50px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff }
.theme-input-group button i { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.theme-input-group button:hover i { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) }
.theme-input-style { border: 1px solid #e0e0e0; height: 50px; width: 100%; padding: 0 20px }
.contact-form-wrapper input[type=submit] { border: none; background-color: transparent; cursor: pointer; -webkit-appearance: button; -moz-appearance: button; padding: 0 30px; }
.theme-input-style:focus { border-color: #f3f3f3; background-color: #f3f3f3 }
textarea.theme-input-style { height: 200px; padding: 20px 20px }
.border-bottom { border-bottom: 1px solid #e0e0e0 !important }
.ov-hidden, .single-project-item { overflow: hidden }
.ovx-hidden { overflow-x: hidden }
.pagination { margin-top: 20px }
.pagination li { margin: 0 5px }
.pagination li a, .pagination li span { padding: 11px 17px; border: 1px solid #e0e0e0; line-height: 1; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.pagination li.nav-btn a { border: none; padding: 11px }
.pagination li a { position: relative }
.pagination li a svg:first-child { position: absolute }
.pagination li a:hover svg:last-child path { stroke: #fff; fill: #fff }
blockquote { padding: 15px 20px; border-left: 2px solid; font-size: 18px; font-style: italic }
.form-response { background-color: rgba(251, 66, 117, .2) }
.form-response span { display: block; margin-top: 20px; margin-bottom: 30px; padding: 10px 15px }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards }
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0
}
 100% {
 opacity: 1
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1
}
 100% {
 opacity: 0
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1
}
 100% {
 opacity: 0
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -40px, 0);
 transform: translate3d(0, -40px, 0)
}
 to {
 opacity: 1;
 -webkit-transform: translateZ(0);
 transform: translateZ(0)
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -40px, 0);
 transform: translate3d(0, -40px, 0)
}
 to {
 opacity: 1;
 -webkit-transform: translateZ(0);
 transform: translateZ(0)
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 40px, 0);
 transform: translate3d(0, 40px, 0)
}
 to {
 opacity: 1;
 -webkit-transform: translateZ(0);
 transform: translateZ(0)
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 40px, 0);
 transform: translate3d(0, 40px, 0)
}
 to {
 opacity: 1;
 -webkit-transform: translateZ(0);
 transform: translateZ(0)
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
 @-webkit-keyframes rotation {
 from {
 -webkit-transform: rotate(0);
 transform: rotate(0)
}
 to {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg)
}
}
 @keyframes rotation {
 from {
 -webkit-transform: rotate(0);
 transform: rotate(0)
}
 to {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg)
}
}
 @-webkit-keyframes wink {
 from {
 opacity: 0
}
 to {
 opacity: 1
}
}
 @keyframes wink {
 from {
 opacity: 0
}
 to {
 opacity: 1
}
}
.preloader { z-index: 999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff }
.preloader .loader { height: 120px; width: 120px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.preloader .loader:before { content: ""; display: block; position: absolute; left: -1px; top: -1px; height: 100%; width: 100%; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; border: 1px solid #fb4275; border-top: 1px solid transparent; border-radius: 100% }
.preloader .loader .icon { -webkit-animation: wink 1s ease-in-out infinite alternate; animation: wink 1s ease-in-out infinite alternate }
.btn { border: none; border-radius: 0; padding: 0; font-size: 16px; font-weight: 500; line-height: 52px; position: relative; text-transform: uppercase; -webkit-transition: .3s ease-in-out .2s; -o-transition: .3s ease-in-out .2s; transition: .3s ease-in-out .2s; z-index: 9; color: #ffffff !important;
    background-color: rgb(1, 138, 210) !important;}
.btn span { display: block; padding: 0 30px }
.btn span:after, .btn span:before, .btn:after, .btn:before { content: ""; position: absolute; -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s }
.btn:after, .btn:before { width: 0; height: 2px }
.btn span:after, .btn span:before { width: 2px; height: 0 }
.btn:before { left: 50%; top: 0 }
.btn:after { left: 50%; bottom: 0 }
.btn span:after { top: 50%; left: 0 }
.btn span:before { top: 50%; right: 0 }
.btn:hover:after, .btn:hover:before { width: 100%; left: 0 }
.btn:hover span:after, .btn:hover span:before { height: 100%; top: 0 }
.btn:focus { -webkit-box-shadow: none; box-shadow: none }
.btn.btn-white { background-color: #f8f8f8 !important }
.vdo-btn { display: inline-block; background-color: #fff; padding: 30px 40px; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .05); box-shadow: 0 4px 12px rgba(0, 0, 0, .05); font-size: 18px; white-space: nowrap; font-weight: 500 }
.vdo-btn svg { margin-right: 15px }
.vdo-btn:hover svg { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
.btn-inline { position: relative; display: inline-block; text-transform: uppercase; font-weight: 500 }
.btn-inline:after { position: absolute; left: calc(100% + 10px); height: 1px; width: 20px; content: ''; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.btn-inline:hover:after { left: calc(100% + 15px) }
.section-title { margin-bottom: 26px }
.section-title h3 { font-weight: 500 }
.section-title h2 { font-size: 34px; line-height: 49px; }
.section-title p { font-size: 18px; line-height: 1.67; max-width: 890px; margin-top: 20px }
.section-title.text-center p { margin-left: auto; margin-right: auto }
.section-title.text-right p { margin-left: auto !important }
.page-title-bg { background-size: cover; background-position: center; border-bottom: 1px solid rgba(0,0,0,.1); }
.page-title h2 {  margin-bottom: 10px;font-size: 38px; line-height: 1.3 }
.page-title li { font-size: 18px; font-weight: 500 }
.page-title li:not(:last-child) { position: relative; padding-right: 15px; margin-right: 10px }
.page-title li:not(:last-child):after { right: 0; position: absolute; content: '/'; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.widget:not(:last-child) { margin-bottom: 60px }
.widget.widget_contact_info .single-info span {
    color: #fff;
    font-size: 17px;
}
.widget ul:not(.social_icon_list) { padding: 0; margin: 0; list-style: none }
.widget ul:not(.social_icon_list) li:not(:last-child) { margin-bottom: 15px }
.widget ul:not(.social_icon_list) li a { position: relative;color: #a5a5a5; }
.widget ul:not(.social_icon_list) li a:before { font-family: "Font Awesome 5 Pro"; content: "\f060"; margin-right: 10px; font-weight: 900; }
.widget>ul { margin-top: -8px }
.widget .widget-logo { margin-bottom: 40px }
.widget .widget-title {
    margin-bottom: 28px;    position: relative;
    padding-bottom: 20px;
}
.widget .widget-title:after {
    position: absolute;
    width: 46px;
    height: 1px;
    background: #fff;
    content: "";
    bottom: 0px;
}
.widget .widget-title * {
    font-weight: normal;    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fffefe;
}
.widget.widget_contact_info .single-info:not(:last-child) { margin-bottom: 15px }
.widget.widget_contact_info .single-info p { line-height: 1.5;color: #a5a5a5;}
.widget.widget_contact_info .single-info p a { display: block;color: #a5a5a5; }
.widget.widget_contact_info .single-info p a:not(:last-child):after { content: ',' }
.widget.widget_recent_entries .single-post:not(:last-child), .widget.widget_related_post .single-post:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e0e0e0 }
.widget.widget_recent_entries .single-post .post-image, .widget.widget_related_post .single-post .post-image { margin-right: 20px }
.widget.widget_recent_entries .single-post .post-content h5, .widget.widget_related_post .single-post .post-content h5 { font-weight: 500; line-height: 1.5 }
.widget.widget_newsletter .newsletter-content p { margin-top: -8px; margin-bottom: 25PX ;color: #a5a5a5;}
.widget.widget_flicker ul { margin-bottom: -15px; margin-right: -22px; max-width: 100% }
.widget.widget_flicker ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 100% }
.widget.widget_flicker ul li a { padding: 0 }
.widget.widget_flicker ul li a:before { display: none }
.widget.widget_related_post .single-post:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px }
.widget.widget_tag_cloud .tagcloud { margin-right: -6px; margin-bottom: -15px }
.widget.widget_tag_cloud .tagcloud a { display: inline-block; padding: 8px 5px; border: 1px solid #e0e0e0; line-height: 1; margin-right: 2px; margin-bottom: 8px }
.widget.widget_search .input-group { position: relative; z-index: 1 }
.widget.widget_search .input-group .theme-input-style { padding-right: 40px }
.widget.widget_search .input-group .submit-btn { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 }
.widget.widget_search .input-group .submit-btn:hover svg path { fill: #fb4275 }
.back-to-top { opacity: 0; visibility: hidden; cursor: pointer; width: 35px; height: 35px; -webkit-box-shadow: 0 4px 40px rgba(251, 67, 116, .4); box-shadow: 0 4px 40px rgba(251, 67, 116, .4); font-size: 16px; color: #fb4275; border-radius: 50%; display: inline-block; text-align: center; line-height: 35px; bottom: 10%; right: 4%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; background-color: #fb4275 }
.back-to-top.show { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; z-index: 999 }
.back-to-top .back-toop-tooltip { position: absolute; top: -65px; -webkit-transform: rotate(-90deg) translateX(20px); -ms-transform: rotate(-90deg) translateX(20px); transform: rotate(-90deg) translateX(20px); width: 100px; left: -33px; line-height: 1; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.back-to-top .back-toop-tooltip span { font-size: 14px; font-weight: 700; text-transform: uppercase }
.back-to-top .top-arrow {height: 8px;  width: 8px; position: absolute; left: 11px; top: 2px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.back-to-top .top-line { background-color: #fff; height: 10px; left: 18px; position: absolute; top: 14px; width: 2px; margin-left: -1px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.back-to-top:hover .back-toop-tooltip { -webkit-transform: rotate(-90deg) translateX(5px); -ms-transform: rotate(-90deg) translateX(5px); transform: rotate(-90deg) translateX(5px); opacity: 1; visibility: visible }
.back-to-top:hover .top-line { height: 14px; top: 12px }
.back-to-top:hover .top-arrow { top: 11px }
.appointment-modal .modal-dialog { max-width: 100%; margin: 0 auto }
.appointment-modal .modal-dialog .modal-content { padding: 40px 60px; position: relative; border: none }
.appointment-modal .modal-dialog .modal-content .close { position: absolute; right: 30px; top: 30px }
.appointment-modal .modal-dialog .modal-content .form-title { font-size: 44px; font-weight: 500; margin-bottom: 40px }
.appointment-modal .modal-dialog .modal-content .theme-input-style { margin-bottom: 30px }
.header {
    min-height: 92px;
    top: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    background-image: url(../img/section-pattern/slider-pattern.png);
    background-size: 18%;
    background-repeat: no-repeat;
    background-position: right;
}
header.header.fixed-top {
    top: 0;
}
.header .header-main.sticky {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.header .header-main.sticky .logo .default-logo { display: none }
.header .header-main.sticky .logo .sticky-logo { display: block }
.header .header-main .logo .sticky-logo { display: none }
.header .header-main.style--one .main-menu #menu-button { display: none; font-size: 28px; cursor: pointer }

.header .header-main.style--one .main-menu .nav li { position: relative }
.header .header-main.style--one .main-menu .nav li a { display: block; line-height: 1; position: relative; z-index: 1; text-transform: capitalize }
.header .header-main.style--one .main-menu .nav li ul { position: absolute; left: 0; top: -2000px; opacity: 0; visibility: hidden; background-color: #fff; width: 210px; padding: 15px 0; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .05); box-shadow: 0 5px 20px rgba(0, 0, 0, .05); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; -o-transition: transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; z-index: 9 }
.header .header-main.style--one .main-menu .nav li ul li { display: block; width: 100%; line-height: 1; font-size: 16px }
.header .header-main.style--one .main-menu .nav li ul li:hover>a { }
.header .header-main.style--one .main-menu .nav li ul li a { padding: 4px 13px;    font-size: 14px;
    line-height: 27px; }
.header .header-main.style--one .main-menu .nav li ul li ul { top: 0; left: calc(100% + 20px) }
.header .header-main.style--one .main-menu .nav li ul li:hover>ul { opacity: 1; visibility: visible; top: 0; left: 100% }
.header .header-main.style--one .main-menu .nav>li { display: inline-block; padding: 0 11px; font-size: 14px; }
.dropdown_l {
    display: none;
    position: absolute;
    width: 200px;
    right: 0;
    top: 20px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    transition: all linear 1s;
    z-index: 99;
}
.login-sig .dropdown_l a {
    color: #000;
}
.dropdown_l .fas, .dropdown_l .fa {
    padding-right: 7px;
}
.dropdown_l a {
    padding: 9px 0px;
   display: block !important;
}
.login-sig:hover .dropdown_l {
    display: block;
  
}
.profile {
    cursor: pointer;
}
.top-header {
    padding: 7px 0px;background: #3f3f3f;
}
.socail-md ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin:0px;
}
.socail-md ul li {
    padding: 0 10px;
}
.socail-md ul li i {
    padding-left: 5px;
    padding-right: 6px;
}
.socail-md ul li a{ color:#fff;    font-size: 14px;}
.login-sig {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}
.login-sig a {
    color: #fff;    font-size: 14px;
}
.header .header-main.style--one .main-menu .nav>li>a { line-height: 90px; position: relative }
.header .header-main.style--one .main-menu .nav>li:last-child a {
    display: inline-block;
}
.header .header-main.style--one .main-menu .nav>li:hover>ul { opacity: 1; visibility: visible; top: 70px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.header .header-main.style--one .main-menu .offcanvas-trigger { display: inline-block; width: 30px; cursor: pointer }
.header .header-main.style--one .main-menu .offcanvas-trigger span { display: block; height: 3px }
.header .header-main.style--one .main-menu .offcanvas-trigger span:nth-child(2) { margin: 5px 0; margin-left: 5px }
.header .header-main.style--one .main-menu .offcanvas-trigger span:nth-child(3) { margin-left: 10px }
.header .header-main.style--one .main-menu .offcanvas-trigger:hover span { margin-left: 0 !important }
.header .header-main:not(.sticky).text-white .main-menu #menu-button span, .header .header-main:not(.sticky).text-white .main-menu #menu-button span:after, .header .header-main:not(.sticky).text-white .main-menu #menu-button span:before { background-color: #fff }
.header .header-main:not(.sticky).text-white .main-menu .nav>li.current-menu-item>a, .header .header-main:not(.sticky).text-white .main-menu .nav>li.current-menu-parent>a, .header .header-main:not(.sticky).text-white .main-menu .nav>li:hover>a { opacity: .8; color: #fff !important }
.header .header-main:not(.sticky).text-white .main-menu .offcanvas-trigger span { background-color: #fff }
#menu-button span { position: relative }
#menu-button span:after, #menu-button span:before { position: absolute; content: '' }
#menu-button span, #menu-button span:after, #menu-button span:before { display: block; width: 25px; height: 2px }
#menu-button span::before { top: -7px }
#menu-button span::after { top: 7px }
#menu-button.menu-opened span { background-color: transparent !important }
#menu-button.menu-opened span::before { -webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg) }
#menu-button.menu-opened span::after { -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg) }
.offcanvas-overlay { background-color: rgba(0, 0, 0, .9); opacity: 0; visibility: hidden }
.offcanvas-overlay.show { opacity: 1; visibility: visible }
.offcanvas-wrapper { overflow-x: hidden; overflow-y: scroll; max-width: 400px; width: 100%; right: -100%; left: auto; -webkit-transition: .5s cubic-bezier(0, .97, .07, -.11); -o-transition: .5s cubic-bezier(0, .97, .07, -.11); transition: .5s cubic-bezier(0, .97, .07, -.11) }
.offcanvas-wrapper.active { right: 0 }
 .offcanvas-wrapper::-webkit-scrollbar {
 width: 8px
}
 .offcanvas-wrapper::-webkit-scrollbar-track {
 background: #f1f1f1
}
.offcanvas-wrapper .offcanvas-close { cursor: pointer; z-index: 999; top: 30px; right: 30px }
.offcanvas-wrapper .offcanvas-content { padding: 60px 30px 60px 60px; margin-top: 40px }
.offcanvas-wrapper .offcanvas-content .widget { margin-bottom: 50px }
.offcanvas-wrapper .offcanvas-content .widget .widget-logo, .offcanvas-wrapper .offcanvas-content .widget .widget-title { margin-bottom: 30px }
.footer .widget { margin-bottom: 30px }
.footer .widget:last-child { margin-bottom: 60px }
.map-kl {
    margin: 20px 0px;
    background: #fff;
    padding: 10px;
}
.footer .widget ul:not(.social_icon_list) li:not(:last-child) { margin-bottom: 10px }
.footer .footer-bottom { padding: 32px 0 36px }
.banner { 
    padding-top: 0px;
  
    position: relative;
    overflow: hidden;}
.banner .banner-content h1 {
  font-size: 30px;
    line-height: 50px;
    color: #fff;
    font-weight: 500;
}
.banner-content span{color: #fff}
.banner .banner-content p { margin-top: 11px; font-size: 18px; line-height: 1.67; color: #FFF }
.banner .banner-content .banner-btn {    margin-top: 10px; }
.banner .banner-slider .owl-dots { position: absolute; right: 15px }
.banner .banner-slider .owl-dots .owl-dot { display: block; margin: 7px 0 }
.banner .banner-slider .banner-image img { width: 100% !important }
.banner .wave-shape { position: absolute; left: 0; width: calc(100% + 1px); bottom: 0 }
.single-blog-item { padding: 20px 30px 60px; margin-bottom: 30px }
.single-blog-item .date-bg-shape { top: 0; left: 0; z-index: -3 }
.single-blog-item .blog-content .category, .single-blog-item .blog-content .posted-on { font-weight: 700 }
.single-blog-item .blog-content .posted-on { color: #fff; margin-bottom: 70px }
.single-blog-item .blog-content .category { margin-bottom: 10px }
.single-blog-item .blog-content .blog-title { margin-bottom: 25px }
.single-blog-item .blog-content .blog-excerpt { font-size: 18px }
.single-blog-item .blog-hover { padding: 50px; top: 0; left: 0; opacity: 0; visibility: hidden; background-size: cover }
.single-blog-item .blog-hover .blog-title a { color: #fff; line-height: 1.2 }
.single-blog-item .blog-button { left: 0; bottom: 0; height: 85px; z-index: 9; opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%) }
.single-blog-item .blog-button svg { position: absolute; left: -1px; top: 1px; width: calc(100% + 2px); height: 100% }
.single-blog-item:hover .blog-button, .single-blog-item:hover .blog-hover { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
.single-blog-style--two { margin-bottom: 30px }
.single-blog-style--two .date-bg-shape { top: 0; left: -4px; }
.single-blog-style--two .posted-on { color: #fff; font-weight: 500; left: 28px; top: 30px }
.single-blog-style--two .blog-image img { width: 100% }
.single-blog-style--two .blog-content { padding: 34px 30px 32px;overflow: hidden; }
.date-bg-shape img { width: 100%; }
.single-blog-style--two .blog-content.border { border: 1px solid #f3f3f3 !important }
.single-blog-style--two .blog-content .category { font-weight: 500; font-size: 16px; margin-bottom: 10px }
.single-blog-style--two .blog-content .blog-title { font-weight: 500; line-height: 1.3; margin-bottom: 10px }
.single-blog-style--two .blog-content .post-meta { margin-bottom: 10px }
.single-blog-style--two .blog-content .post-meta li:not(:last-child) { margin-right: 30px }
.single-blog-style--two .blog-content .post-meta li a, .single-blog-style--two .blog-content .post-meta li span { font-weight: 700 }
.single-blog-style--two:hover .border-hover { border-color: transparent !important }
.blog-slider .single-blog-item { margin-bottom: 0; -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, .05); box-shadow: 0 6px 15px rgba(0, 0, 0, .05) }
.blog-slider .owl-dots { text-align: center; margin-top: 20px }
.blog-details .blog-details-image { margin-bottom: 54px }
.blog-details .post-meta { margin-bottom: 34px }
.blog-details .post-meta li:not(:last-child) { margin-right: 60px }
.blog-details .post-meta li a:not(:last-child):after { content: ',' }
.blog-details .blog-details-content blockquote, .blog-details .blog-details-content img, .blog-details .blog-details-content p { margin-bottom: 50px }
.blog-details .blog-details-content blockquote p { margin-bottom: 0 }
.blog-details .blog-details-content h3 { font-weight: 500; margin-bottom: 40px }
.blog-details .post-tags li a:not(:last-child):after { content: ',' }
.blog-details .post-share li:first-child, .blog-details .post-tags li:first-child { margin-right: 5px }
.blog-details .post-comments-wrap h4 { font-weight: 500 }
.blog-details .post-comments-wrap .single-comment-wrapper { padding-bottom: 60px; border-bottom: 1px solid #f7f7f7 }
.blog-details .post-comments-wrap .single-comment-wrapper .single-post-comment { margin-top: 60px }
.blog-details .post-comments-wrap .single-comment-wrapper .single-post-comment .comment-author-image { margin-right: 20px }
.blog-details .post-comments-wrap .single-comment-wrapper .single-post-comment .comment-content h6 { font-weight: 500 }
.blog-details .post-comments-wrap .single-comment-wrapper .single-post-comment .comment-content span { font-size: 12px }
.blog-details .post-comments-wrap .single-comment-wrapper .single-post-comment .comment-content p { font-size: 14px; line-height: 1.85 }
.blog-details .post-comments-wrap .single-comment-wrapper .single-post-comment .comment-content .reply-btn { font-size: 16px; text-transform: lowercase }
.blog-details .post-comments-wrap .single-comment-wrapper .post-comment-reply { margin-left: 120px }
.blog-details .post-comments-wrap .single-comment-wrapper .post-comment-reply .post-comment-reply .post-comment-reply { margin-left: 0 }
.blog-details .comments-form h4 { font-weight: 500; margin-bottom: 40px; text-transform: capitalize }
.blog-details .comments-form .theme-input-style { margin-bottom: 30px }
.bg-404 { background-size: cover; background-position: center }
.not-found-content p { font-size: 26px; max-width: 680px; margin: 60px auto }
.coming-soon-form form input, .not-found-form form input { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: calc(70% - 40px); margin-right: 10px }
.coming-soon-form form button, .not-found-form form button { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.coming-soon-form form button span, .not-found-form form button span { padding: initial !important }
.coming-soon-content h1 { font-size: 120px; margin: 40px 0; text-transform: uppercase; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.coming-soon-content h3 { margin-bottom: 40px; font-weight: 500 }
.coming-soon-content .coming-soon-form { max-width: 680px; margin: 0 auto }
.video-area:hover {
    transform: translate(10px, 10px);
}
.video-area {
    transition: all ease 1s;
}
.single-feature, .single-process { padding: 60px 30px; background-color: #fff; margin-bottom: 30px;transition: all ease 1s; }
.single-feature:hover {transform: translate(6px, 6px);}
.single-feature .content { box-shadow: none; padding: 0; margin-bottom: 0;border: none; }
.single-feature .content p { font-size: 18px; line-height:normal; }
.single-feature .content h3, .single-process .content h3 { margin: 30px 0 17px; font-weight: normal; color: #fb4275; }
.feature-style-two { position: relative; z-index: 10; margin-top: -170px }
.feature-style-two .single-feature-wrapper:nth-child(odd) { margin-top: 40px }
.about-nav-tab .nav-tabs, .about-nav-tab .nav-tabs .nav-link { border: none; border-radius: 0 }
.about-nav-tab .nav-tabs .nav-link { font-weight: 500; padding: 20px 35px; line-height: 1; border-bottom: 2px solid; border-color: #f0f0f0 }
.about-nav-tab .tab-content .tab-pane { font-size: 18px }
.about-nav-tab .tab-content .tab-pane p { margin-bottom: 25px }
.about-nav-tab .tab-content .tab-pane ul { margin-bottom: 43px }
.video-area img { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content }
.video-area .vdo-btn { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2 }
.video-area.style--two { z-index: 3; overflow: hidden }
.video-area.style--two>img { max-width: 100%; width: 100% }
.video-area.style--two .vdo-btn-two { position: absolute; top: 50%; left: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2 }
.video-area.style--two .vdo-btn-two:hover svg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) }
.video-area.style--two.bg-overlay:after { z-index: 1 }
.about-text p { font-size: 18px }
.single-process { padding-top: 0; padding-bottom: 0; background-color: transparent; margin-bottom: 50px }
.process-bg { background-position: 55% 20%; background-repeat: no-repeat }
.single-service { padding: 50px 20px; background-color: #fff; margin-bottom: 30px }
.single-service .icon { font-size: 50px }
.single-service h4 { margin: 20px 0 13px 0 }
.single-service.style--two:hover svg path { fill: #fff }
.single-service.style--two:hover .btn-inline:after { background-color: #fff }
.single-service.style--three { border: 1px solid #e0e0e0; border-radius: 0 }
.single-service.style--three:hover { border-color: transparent }
.single-service-wrapper .single-service { margin-bottom: 0 }
.single-process-wrapper:nth-child(even) { margin-top: 225px }
.single-service-wrapper:nth-child(even) { margin-top: 30px }
.service-details .title { font-weight: 500; margin-bottom: 35px; line-height: 1.2 }
.service-details p { font-size: 18px; margin-top: -7px }
.service-details p:not(:last-child) { margin-bottom: 50px }
.service-details p:last-child { margin-bottom: 0 }
.service-details>p:last-child { margin-bottom: 0 }
.service-details h4 { font-size: 20px; margin-bottom: 20px; font-weight: 500; line-height: 1.3 }
.service-details>h4 { margin-top: 50px; margin-bottom: 25px }
.service-details .list-check li { font-style: normal }
.single-counter { }
.single-counter h2 { font-size: 35px; margin-bottom: 16px; font-weight: normal; }
.single-counter .btn { color: #f75359 !important; background-color: #fff !important; }
.single-counter.text-white a.btn span { color: #f65259; }
.single-counter p { line-height: 1; font-size: 18px; }
.pricing-navtab .nav-tabs, .pricing-navtab .nav-tabs .nav-link { border: none }
.pricing-navtab .nav-tabs { margin-bottom: 20px }
.pricing-navtab .nav-tabs .nav-link { margin-bottom: 30px; padding: 50px; overflow: hidden }
.pricing-navtab .nav-tabs .nav-link.active, .pricing-navtab .nav-tabs .nav-link:hover { -webkit-box-shadow: 0 4px 40px rgba(251, 66, 117, .4); box-shadow: 0 4px 40px rgba(251, 66, 117, .4) }
.pricing-navtab .nav-tabs .nav-link h4 { font-weight: 500 }
.pricing-navtab .nav-tabs .nav-link h2 { font-size: 36px }
.pricing-navtab .tab-content .tab-pane { padding: 60px 40px; background-color: #fff }
.pricing-navtab .tab-content .tab-pane .tab-pane-text .list-check { margin-bottom: 0 }
.pricing-navtab .tab-content .tab-pane .tab-pane-text h3 { margin-bottom: 40px; font-weight: 500 }
.pricing-navtab .tab-content .tab-pane .tab-pane-text p { margin-bottom: 30px }
.pricing-navtab .tab-content .tab-pane .tab-pane-text .btn { margin-top: 30px }
.testimonial-slider .single-testimonial-slide .testimonial-image img { width: auto }
.testimonial-slider .single-testimonial-slide .testimonial-content p { font-size: 26px; font-style: italic; margin-bottom: 30px }
.testimonial-slider .single-testimonial-slide .testimonial-content h4 { font-weight: 500; margin-bottom: 5px }
.testimonial-slider .owl-nav { position: absolute; left: 250px; bottom: 40px }
.brand-logo img { width: auto !important; margin: 0 auto; border: 1px dashed #ccc; padding: 10px; height: 99px; background: #fff; }
.brand-logo img:hover { opacity: 1 }
.project-nav li { line-height: 1; font-size: 18px; font-weight: 500; margin: 0 15px; cursor: pointer; margin-bottom: 20px }
.single-project-item .image img { width: 100% }
.single-project-item .project-body { padding: 18px 20px; }
.single-project-item .project-body h3 { margin-bottom: 15px; font-size: 14px; line-height: 22px; }
.single-project-item .image { height: 120px; overflow: hidden; }
.single-project-item { overflow: hidden; margin: 19px; -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);border: 1px solid #e4e4e4;transition: all ease 1s; }
.single-project-item:hover {
    transform: translate(6px, 6px);
}
.single-project-item .project-body .project-meta { font-weight: 500; line-height: 1; font-size: 16px }
.single-project-item .project-body .project-meta span { margin-left: 5px }
.single-project-item .project-body p { font-size: 18px; line-height: 1.67 }
.project-details .project-image img { width: 100% }
.project-details .project-meta { margin: 50px 0 }
.project-details .project-meta li { font-weight: 500 }
.project-details .project-meta li:not(:last-child) { margin-right: 50px }
.project-details .project-meta li a:not(:last-child):after { content: ',' }
.project-details .project-details-content h3 { margin-bottom: 30px; font-weight: 500 }
.project-details .project-details-content p { margin-bottom: 50px; font-size: 18px }
.project-details .project-details-content .list-check li { font-style: normal }
.post-pagination { padding: 30px; border: 1px solid #e0e0e0 }
.post-pagination .single-post-pagination { max-width: 350px }
.post-pagination .single-post-pagination .pagination-image { margin-right: 20px }
.post-pagination .single-post-pagination .media-body a svg { margin-right: 10px }
.post-pagination .single-post-pagination .media-body a:hover path { fill: #fb4275 }
.post-pagination .single-post-pagination .media-body h6 { margin-top: 5px; font-weight: 400; line-height: 1.4 }
.post-pagination .single-post-pagination.next .pagination-image { margin-right: 0; margin-left: 20px }
.post-pagination .single-post-pagination.next .media-body a svg { margin-left: 10px; margin-right: 0 }
.single-team-member { margin-bottom: 50px }
.single-team-member .image { z-index: 1 }
.single-team-member .image svg { position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; z-index: 1 }
.single-team-member .team-info { position: relative; max-width: 70%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; margin-bottom: -42px; -webkit-perspective: 1000px; perspective: 1000px }
.single-team-member .team-info h4 { font-weight: 500 }
.single-team-member .team-info .info-back, .single-team-member .team-info .info-front { padding: 20px 35px; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.single-team-member .team-info .info-front { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: opacity .3s, -webkit-transform .7s; transition: opacity .3s, -webkit-transform .7s; -o-transition: transform .7s, opacity .3s; transition: transform .7s, opacity .3s; transition: transform .7s, opacity .3s, -webkit-transform .7s }
.single-team-member .team-info .info-back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.single-team-member .team-info .info-back .social_icon_list li { margin-right: 0 }
.single-team-member .team-info:hover .info-front { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 0 }
.single-team-member .team-info:hover .info-back { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 }
.cta-content h2 { font-size: 44px; line-height: 1.23; margin-top: -11px }
.cta-content p { font-size: 18px; margin: 25px auto 0; max-width: 960px }
.cta-content .btn { margin-top: 40px }
.contact-info .single-contact-info:not(:last-child) { margin-bottom: 50px }
.contact-info .single-contact-info .image { margin-right: 30px }
.contact-info .single-contact-info h4 { font-weight: 500; margin-bottom: 15px }
.contact-info .single-contact-info p a { display: block }
.contact-info .single-contact-info p a:not(:last-child):after { content: ',' }
.contact-form-wrapper h3, .contact-info h3 { font-weight: 500; margin-bottom: 15px }
.contact-form-wrapper>p, .contact-info>p { font-size: 18px; margin-bottom: 40px }
.contact-form .theme-input-style { margin-bottom: 10px }
.image_url{transition: all ease 1s;}
.image_url:hover{transform: scale(1.1);}
.image_url img { height: 100px; padding: 0 10px; }
.owl-carousel .owl-nav.disabled { display: block; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; }
.owl-carousel .owl-nav button.owl-prev { left: -50px; }
.owl-carousel .owl-nav button.owl-next { right: -50px; }
.gradient-bg .owl-carousel .owl-nav button path { fill: #ffffff; }
.gradient-bg .owl-carousel .owl-next button path { fill: #ffffff; }
/* == ==*/
.bg-dotted { background-image: url('../img/bg-shape-3.png'); background-repeat: no-repeat; background-position: right; }
.seo-colaud-area { background-image: url(../img/Layer1.jpg); background-color: #2e2367; background-size: cover; }
.same-section-spacing { padding: 33px 0; clear: both; overflow: hidden; }
.seo-title h2 { color: #fff; margin-bottom: 40px; }
.seo-title p { color: #fff; font-size: 18px; letter-spacing: 0.5px; }
.seo-analysis-form { text-align: center; padding: 0px 0px 50px; }
.seo-analysis-form .title { font-size: 22px; text-transform: uppercase; margin-bottom: 25px; }
.seo-analysis-form .form-group input { box-shadow: 0px 3px 20px 0 rgba(67, 57, 169, 0.1); background-color: #ffffff; border: none; height: 45px; font-size: 14px; color: #757575; text-align: left; }
.same-section-spacing ul { padding: 0; list-style: none; }
.same-section-spacing ul li { margin-bottom: 10px; float: left; width: 33.33%; padding: 0 19px; color: #fff; border-right: 1px solid; font-size: 14px; line-height: 23px; }
.same-section-spacing ul li:last-child { border: none; }
.anf { margin-top: 10px; }
.same-section-spacing ul li:first-child { padding: 0; }
.anf input[type="radio"] { margin-left: 12px; }
.icici .single-project-item { min-height: 260px; }
.member .single-project-item { min-height: 280px; }
.video .single-project-item { height: 250px; }
.about-text { margin: 40px 0px; }
.error-handling-messages { text-align: center; width: 100%; color: #fff; }
/*== About us page == */
.about_imm { padding: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: all ease 1s;}
.about_imm:hover{transform: scale(1.1);}
.about_imm p { margin: 10px 0 0; }
.about_imm p.name-dse { font-size: 12px; margin: 0; }
.expert-fd { min-height: 260px;
    margin-bottom: 14px;
    text-align: center;transition: all ease 1s; }
.expert-fd:hover{    transform: scale(1.1);}
.abiok {
    background: url(../img/speaker_bg.png);
}
.abiok h4 {
    margin-bottom: 20px;
}
.borf-rod {
    border: 1px solid;
    display: block;margin: auto;
    border-radius: 1000%;
    overflow: hidden;
    height: 140px;
    width: 140px;
}
.expert-fd p { margin-bottom: 0; font-size: 18px; line-height: 21px; color: #ea5916; margin-top: 10px; font-weight: bold; }
.expert-fd img { width: 100%; }
.expert-fd sub { font-size: 14px; color: #000000;}
.abiok span { display: block; }
.content { box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px 10px; margin-bottom: 20px;    border: 1px solid #e4e4e4; }
figure.parent-container img {
    width: 100%;
}
figure.parent-container { overflow: hidden; }
.content .text { }
.file-placeholder { position: relative; cursor: pointer; width: 400px; height: 40px; }
.file-placeholder label { display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; max-width: 400px; height: 40px; }
.file-placeholder label:before { content: 'File'; position: absolute; top: 5px; left: 10px; background-color: #c7c7c7; padding: 2px 5px; color: #fff; }
.file-placeholder input[type=file] { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; max-width: 400px; height: 40px; opacity: 0; }
.file-placeholder .file-browse { width: 100%; height: 40px; border: 1px solid #ccc; }
.file-placeholder .file-browse .file-browse-txt { display: block; float: left; line-height: 40px; width: 80%; padding-left: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-placeholder .file-browse .file-browse-txt.hasValue { background-color: #ededed; }
.file-placeholder .file-browse .browse { display: block; float: left; width: 20%; background-color: #ea5916; color: #fff; height: 40px; line-height: 40px; padding: 0 10px; }
.file h1 { font-size: 23px; }
.file h5 { font-size: 12px; }
.file .btn { margin-top: 0; margin-bottom: 20px; }
.sun_nm { margin-top: 20px; }
.content.im-lonki img { height: 80px; margin: auto; text-align: center; }
.content.im-lonki { text-align: center; }
h3.link-df { margin-bottom: 10px; }
/*== ==*/
.downlaod-fv { padding: 50px 0px; }
.downlaod_im { margin: 20px 0px; }
.downlaod_im img { width: 80px; }
.download_g { background: #fdfbfb; padding: 13px 0px; border-radius: 5px; border: 1px solid #f2f2f2; }
.right_from { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px; margin-bottom: 30px; }
.p1 { margin-top: 19px; }
.right_from ul { padding: 0px 0px 0 21px; }
.d11 { box-shadow: 0 0 10px rgba(0,0,0,0.1);border: 1px solid #e4e4e4;transition: all ease 1s; }
.d11:hover {transform: translatey(-4px);}
.main-section h5 {
    margin: 10px 0px;
}
button.btn2 {
    padding: 0 20px;
}
.news1 { padding: 0px 20px 19px; }
.d11 figure { height: 170px; overflow: hidden; }
p.p2 { margin-bottom: 30px; }
.member-of { padding: 50px 0px; }
.single-blog-style--two .date-bg-shape svg { width: 200px; height: 160px; }
.see-comment { margin-bottom: 30px; }
.movement h4 { margin-bottom: 30px; }
.management { margin-top: 30px; }
.hum { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 23px; }
.box-ml { box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px 10px 30px; margin-bottom: 20px;    border: 1px solid #e4e4e4;transition: all ease 1s; }
.box-ml:hover{transform: scale(1.1);}
.box-ml p {
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.box-ml p { font-size: 18px; margin-top: 17px; }
.fmol { margin-bottom: 30px; }
.gmkk { margin: 40px 0px; }
.input-holder { margin: 10px 0px; }
.input-holder input, .input-holder select, .input-holder textarea { margin: 10px 0px; }
input[type="submit"], button[type="submit"] { color: #ffffff !important;
    background-color: rgb(1, 138, 210) !important; text-transform: uppercase; font-weight: bold; width: auto; height: auto; line-height: 43px; font-weight: 400; margin-bottom: 20px; }
.Bform p { margin: 20px 0px; }
.cs-btn-submit input[type="submit"], .cs-btn-submit button[type="submit"],.input-holder input[type="submit"]{
    padding: 0 30px;
}
#search { width: 100%; height: 45px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-image: url(images/search.png); background-position: 10px 10px; background-repeat: no-repeat; padding: 15px 21px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; }
.mk { position: absolute; right: 27px; top: 14px; line-height: 0px !important; }
button.mk[type="submit"] {
    background: transparent !important;
    color: #000 !important;
}
.expert-pl p { margin: 12px 0px; }
.homr-f { display: flex; flex-wrap: wrap; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: 20px; width: 100%; }
.homr-f h4 { margin-bottom: 10px; line-height: 30px; }
.homr-f .icon, .homr-f .color1 { margin-bottom: 10px; display: block; }
.gomt { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 20px 20px; margin-bottom: 30px; }
.type { padding: 8px 0px !important; padding: 0; list-style: none; border-bottom: 1px solid #dad4d4; margin: 3px 0px; }
.p7_content { margin-top: 30px; }
.services-hkm { display: flex; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom: 30px; flex-wrap: wrap; width: 100%; }
.MsoNormalTable { width: 100% !important; word-break: break-all; }
.MsoNormalTable tr th, .MsoNormalTable tr td { padding: 12px !important; }
.morecontent span { display: none; }
.morelink { display: block; }
button.close { position: absolute; right: -10px; background: #f65555; color: #fff; opacity: 1; width: 40px; height: 40px; border-radius: 40px; top: -10px;padding: 0 !important; }
.modal-footer .btn {
  
    padding: 0 20px;
}
.modal-content { padding: 30px 19px 0; }
.close:hover { color: #fff; text-decoration: none; opacity: 1 !important; }
.em-er { box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 10px; margin-bottom: 20px;     background: #fff;transition: all ease 1s;}
.em-er:hover {
    transform: translate(10px, 10px);
}
.em-er .p7 { margin: 12px 0 4px; }
.profile-data p { text-align: left !important; }
.text.profile-data span { margin: 10px 0px; display: block; }
.members h4 { margin: 20px 0px; }
.designation ul { margin: 0; padding: 0; list-style: none; margin: 12px 0px; }
.designation ul li { line-height: 33px; }
.theup { padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom: 20px;transition: all ease 1s;   }
.theup:hover{transform: scale(1.1);}
.theup p { font-size: 16px; margin-top: 10px; margin-bottom: 0; }
.theup h5 { font-size: 12px; margin: 11px 0 0; }

.login-form {
    max-width: 700px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 30px;
    margin: 0px auto;
    border-radius: 30px;
}
.login-ft {
    background: #fdfbfb;
       padding: 60px 0px;
}
.login-form .input-group {
    margin-bottom: 20px;
}
.login-form .input-group-addon {
    position: absolute;
    z-index: 9;
    top: 10px;
    left: 16px;
}
span#showPassword {
    position: absolute;
    right: 3px;
    top: 4px;
}
.login-form h3 {
    margin-bottom: 40px;
}
.login-form .form-control {
    border: 1px solid #ecebeb;
    padding-top: 21px;
    padding-left: 47px;
    border-radius: 10px !important;
    padding-bottom: 21px;
}
.profile-img {
    width: 110px;
    background: #fff;
    box-shadow: 0 0 10px;
    
}
.profile-lp .form-control {
    margin: 11px 0px;
}
.profile-lp button.btn2 {
    padding: 0 30px;
}
.fmol input[type="submit"], .fmol button[type="submit"],.gmkk  input[type="submit"],.gmkk  button[type="submit"]{
    line-height: 41px;
}
.blog-content h4 {
    margin: 18px 0px;
}
.single-blog-style--two .blog-content ul li {
    margin: 8px 0px;
}
.query p {
    margin: 10px 0px;
}
.profile-data h4 {
    padding: 10px 0px;
}
.video-galley-j {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #e4e4e4;transition: all ease 1s;
}
.video-galley-j:hover {
    transform: scale(1.1);
}
.vio {
    padding: 10px;
    font-size: 18px;
}
.flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.phj {
    margin-left: 20px;
}
.phj .h4 {
    margin: 12px 0px;
}
.query h4 {
    padding: 13px 0px 0px;
}
.datepicker table{table-layout: initial;}
.datepicker table tr td, .datepicker table tr th{ padding:0px;}
.cs-event.list a {
    color: #818181;
    margin: 5px 0px;text-decoration: underline;
    display: block;
}
.cs-event.list a:hover{color: #fb4275;}
.em-sdmn {
    background: #fff;
    border: 1px solid #e8e7e7;
    width: 200px;
    padding: 10px;
}
.em-sdmn h4 {
    margin: 4px 0px 10px;
}
.em-sdmn p {margin: 8px 0 0px;}
.gradient-bg .btn:before{background: linear-gradient(45deg, #000 0, #000 100%);}
.tablescroll {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    word-break: initial;
    height: 300px;
}
.tablescroll table {
    table-layout: initial;
}
.checkbox.login-options {
    text-align: center;
}
.boc-fun {
    box-shadow: 0 5px 40px rgba(0, 0, 0, .05);
    padding: 20px;
}
.img-evnet {
    margin: 10px 0px;
}
#eventinterested span.input-group-addon {
    padding: 4px 6px;
    border: 1px solid #dadada;
}
.evgn {
    display: flex;
    border-bottom: 1px solid #dedede;padding: 10px 0px;
}
.em-frt p {
    margin: 0;
}
p.mop-ops {
    font-size: 10px;
}
.em-frt {
    padding-left: 11px;
}
p.datepo {
    font-size: 10px;
}


.gg-box {
   -webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.gg-element{
display: inline-block;}
.gg-element img {
    object-fit: cover;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.02);
}
.show.mew {
    z-index: 999999999;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
}
.img-show span {
    position: fixed;
    top: 10px;
    right: 40px;
    z-index: 99;
    cursor: pointer;
    background: #990808;
    color: #fff;
    height: 30px;
    width: 30px;text-align: center;
    padding: 3px;
}
.img-show img {
    margin: 20px;
   width: 91%;
    height: auto;
}



/*new*/
.banner-content {position: absolute;width: 46%;border-top: 7px solid #fff;left: 0;right: 0;top: 74px;background: rgba(0,0,0,0.5);padding: 60px 26px;border-radius: 20px;}
.gallery-em {
    height: auto;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    column-count: 5;
}
.img_column {
    padding: 0px;  position: relative;
    width: 100%;display: inline-block;
    margin-bottom: 9px;
    box-shadow: 0 0px 7px rgba(0,0,0,0.2);
}
.img_column figure{margin:0px;}
.img_column img {
    width: 100%;
}


@media only screen and (min-width:1200px) {
.banner .banner-slider .owl-dots { right: 100px }
}

@media only screen and (max-width:1199px) {
.process-bg { background-position: 55% 5%; background-size: 85% }
.header .header-main.style--one .main-menu .nav > li { padding: 0 5px; font-size: 12px; }
}

@media only screen and (max-width:991px) {
.section-title br { display: none }
.page-title h2 br { display: none }
#countdown li.seperator { display: none }
.feature-style-two .single-feature-wrapper:nth-child(odd) { margin-top: 0 }
.coming-soon-content h1 { font-size: 90px }
.cta-content br { display: none }
.cta-content h2 { font-size: 40px }
.file-placeholder { width: 100%; }
#countdown li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 15px }
#countdown { -ms-flex-wrap: wrap; flex-wrap: wrap }
.video-area img { max-width: 100% }
.video-area .vdo-btn { bottom: 50px }
.testimonial-slider .owl-nav { left: 150px }
.contact-info .single-contact-info:last-child { margin-bottom: 50px }
.banner .banner-content h1 br { display: none }
.process-bg { background-image: none !important; }
.single-service-wrapper .single-service { margin-top: 30px }
.single-service-wrapper:nth-child(even) { margin-top: 0; margin-bottom: 0 }
.single-process-wrapper:nth-child(even) { margin-top: 0 }
.header .header-main.style--one .main-menu .nav > li:hover > ul { top: 0; }
.pt-120 { padding-top: 80px }
.pb-120 { padding-bottom: 80px }
.pb-90 { padding-bottom: 50px }
.pb-70 { padding-bottom: 30px }
.banner .banner-slider .banner-image img { margin: 0 auto }
.header .header-main.style--one { padding: 20px 0 }
.header .header-main.style--one .row { position: relative }
.header .header-main.style--one .row div:nth-child(2) { position: static }
.header .header-main.style--one .main-menu { text-align: right; position: initial }
.header .header-main.style--one .main-menu #menu-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 25px; width: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.header .header-main.style--one .main-menu ul.nav { position: absolute; top: calc(100% + 19px); left: 50%; right: 50%; width: calc(100% - 30px); background: #fff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05); box-shadow: 0 5px 10px rgba(0, 0, 0, .05); max-height: 350px; overflow-y: auto; padding: 15px 20px; max-width: 800px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 99999; margin-right: 0 }
.header .header-main.style--one .main-menu ul.nav>li { padding: 0 }
.header .header-main.style--one .main-menu ul.nav>li>a { font-size: 18px }
.header .header-main.style--one .main-menu ul.nav ul { position: relative; left: 0; right: auto; top: 0; width: 100%; display: none; padding: 0; opacity: 1; visibility: visible; text-align: left; z-index: 99999; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.header .header-main.style--one .main-menu ul.nav ul li { overflow: hidden }
.header .header-main.style--one .main-menu ul.nav ul li:hover>a { margin-left: 0 }
.header .header-main.style--one .main-menu ul.nav ul ul { position: relative; margin-left: 30px; left: 0 !important; opacity: 1; visibility: visible }
.header .header-main.style--one .main-menu ul { text-align: left }
.header .header-main.style--one .main-menu ul li { display: block; width: 100% }
.header .header-main.style--one .main-menu ul li a { line-height: 1 !important; padding: 12px 15px; color: #3f3f3f }
.header .header-main.style--one .main-menu ul li.current-menu-item>a { color: #fb4275 !important }
.header .header-main.style--one .main-menu .submenu-button { display: block; position: absolute; z-index: 9; top: 0; right: 15px; width: 40px; height: inherit; line-height: 40px; text-align: center; color: initial }
.header .header-main.style--one .main-menu .submenu-button:before { content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.header .header-main.style--one .main-menu .submenu-button.submenu-opened:before { content: '\f106'; color: #f35d46 }
.header .header-main.style--one.text-white .main-menu .nav>li.current-menu-item>a, .header .header-main.style--one.text-white .main-menu .nav>li.current-menu-parent>a, .header .header-main.style--one.text-white .main-menu .nav>li:hover>a { color: initial !important; }
    
}

@media only screen and (max-width:767px) {
.boc-fun{ margin-bottom: 20px }
.service-details p:last-child { margin-bottom: 50px }
.service-details h4 { margin-top: 50px }
.single-counter h2 { font-size: 40px }
.header {min-height: 80px;}
.single-team-member .team-info .info-back, .single-team-member .team-info .info-front { padding: 20px }
.single-counter p { font-size: 20px }
.section-title { margin-bottom: 42px }
.section-title h2 { font-size: 40px }
.banner .banner-content h1 {
    font-size: 15px;
    line-height: 30px;
}
.banner-image.mt-50 {
    margin: 0;
}
.banner-content {width: 76%;border-top: none;top: 6px;padding: 17px 26px;}
.section-title p { margin-top: 28px }
.contact-validation-active { padding: 20px; }
.owl-carousel .owl-nav button.owl-prev { left: -10px; background: #fff; }
.gradient-bg .owl-carousel .owl-nav button path { fill: #000; }
.banner {padding-top: 0; min-height: auto;}
.header .header-main .logo, .trans4, .vdo-btn svg, .video-area.style--two .vdo-btn-two svg {position: initial;padding: 0;margin-top: 0;}
.owl-carousel .owl-nav button.owl-next { right: -10px; background: #fff; }
.banner .banner-content p { margin-top: 10px; font-size: 15px; line-height: 1.67;     display: none;}
.same-section-spacing ul li { float: none; width: 100%; border-right: none; border-bottom: 1px solid; margin: 12px 0px; padding: 12px 0px !important; }
.page-title h2 { font-size: 33px; }
.p9 { margin-top: 20px; }
.p7_content h3 { font-size: 20px; margin-bottom: 19px; }
.file-placeholder { width: 100%; margin-top: 10px; }
.fmol .form-control, .gmkk .form-control { margin-bottom: 10px; }
.fancybox { display: block; }
.btn.btn-primary.info { margin-bottom: 10px; }
.testimonial-slider { text-align: center }
.post-pagination .single-post-pagination { max-width: 100% }
.testimonial-slider .single-testimonial-slide { margin-bottom: 50px }
.testimonial-slider .single-testimonial-slide .testimonial-image img { margin: 0 auto }
.testimonial-slider .owl-nav { position: static }

}

@media only screen and (max-width:575px) {
.blog-details .post-comments-wrap .single-comment-wrapper .post-comment-reply { margin-left: 30px }
.coming-soon-content h1 { font-size: 70px }
}

@media only screen and (max-width:479px) {
#countdown li .single-countdown { padding: 50px }
#countdown li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

@media only screen and (max-width:379px) {
.section-title h3 { font-size: 20px }
.section-title h2 { font-size: 30px }
.cta-content h2 { font-size: 30px }
.appointment-modal .modal-dialog .modal-content { padding: 40px }
.single-counter h2 { font-size: 30px }
.pricing-navtab .nav-tabs .nav-link h2 { font-size: 30px }
.pricing-navtab .tab-content .tab-pane .tab-pane-text h3 { font-size: 22px }
.testimonial-slider .single-testimonial-slide .testimonial-content p { font-size: 20px }
.single-project-item .project-body h3 { font-size: 22px }
.coming-soon-form form button, .not-found-form form button { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.single-feature .content h3, .single-process .content h3 { font-size: 22px }
.about-nav-tab .nav-tabs .nav-link { padding: 20px 25px }
.coming-soon-form form input, .not-found-form form input { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; margin-right: 0 !important }
.video-area.style--two .vdo-btn-two { -webkit-transform: translate(-50%, -50%) scale(.6); -ms-transform: translate(-50%, -50%) scale(.6); transform: translate(-50%, -50%) scale(.6) }
}
.banner .banner-content h3 {font-size: 30px;line-height: 50px;color: #fff;font-weight: 500;}
.section-title h1 {font-weight: 500;font-size: 26px;color: #fb4275;}
.page-title h1 {margin-bottom: 10px;font-size: 38px;line-height: 1.3;}