@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap);
body { font-family: ''; font-size: 16px; color: #0d0d0d; overflow-x: hidden; background: #f4f7f6; font-family: robotoregular }
.sep { max-width: 80px; border: 2px solid #0d0d0d; margin-top: 40px; margin-bottom: 40px }
.light-sep { max-width: 80px; border: 2px solid #fff; margin-top: 40px; margin-bottom: 40px }
h1 { font-size: 72px; color: #000; font-weight: bolder }
h2 { font-size: 30px; color: #000; font-weight: bolder }
h3 { font-size: 26px; color: #000; font-weight: bolder }
h4 { font-size: 24px; color: #000; font-weight: 400 }
h5 { font-size: 22px; color: #000; font-weight: 500 }
h6 { font-size: 18px; color: #000; font-weight: 400; letter-spacing: .05em }
h2 span { font-family: gilroylight }
h1, h2, h3, h4, h5 { font-family: robotobold }
ol, p { font-size: 14px; color: #000; font-weight: 400; font-family: robotolight; line-height: 26px }
.mob-area label { font-family: robotobold }
a:active, a:focus, a:hover { outline: 0; text-decoration: none }
.navbar-light .navbar-nav .nav-link { font-family: robotolight; font-weight: 100 }
.readmore-all a { font-family: robotobold; text-transform: capitalize }
#owl-demo .item p { font-size: 14px }
.col-md-6.text-left.my-5.mob-area h3 { font-size: 30px; font-family: robotomedium; font-weight: 100 }
.provider-box .cost span { font-family: robotomedium }
.bg-light { background-color: #fff!important }
.btn-transparent { background: 0 0; border: 3px solid #fff; padding: 15px 60px 15px 30px; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; border-radius: 50px; margin-right: 15px; font-family: robotoregular; position: relative }
.btn-transparent:active, .btn-transparent:focus, .btn-transparent:hover { background: #fff; color: #0d0d0d; text-decoration: none }
.btn-light { background: #fff; border: 3px solid #fff; padding: 15px 35px; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #0d0d0d; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; border-radius: 50px }
.btn-light:active, .btn-light:focus, .btn-light:hover { background: 0 0; color: #fff; text-decoration: none }
.btn-block { background: #24242a; padding: 15px 0; font-size: 16px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #fff; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; border: 3px solid #24242a }
.btn-block:active, .btn-block:focus, .btn-block:hover { background: #fff; color: #0d0d0d; text-decoration: none }
.playicon { position: absolute; right: 5px; top: 7px }
button:focus { outline: 0 }
.dark-bg { background: #24242a }
.light-bg { background: #fff }
.blck-bg { background: #000 }
.navbar-light .navbar-nav .nav-link { color: #000; padding: 9px 10px }
.navbar-light .navbar-nav .nav-link :hover { color: #1e73be!important }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #1e73be!important }
.top-head { background: #f4f7f6 }
.font-14 { font-size: 14px }
.user h4 { font-size: 14px; line-height: 34px; vertical-align: middle; padding: 2px 5px; font-family: robotoregular; text-transform: uppercase }
header p.text-white.p-3.mb-0 { font-family: robotolight; font-size: 12px; line-height: 20px; text-transform: uppercase }
header p.text-white.p-3.mb-0 .fa { font-size: 18px }
.bg-blue { background: #195ddd }
.text-white { color: #fff }
.blk-txt { color: #000 }
.min-height-top { min-height: 70px }
section { margin: 0 0 }
nav.navbar.navbar-expand-lg.navbar-light.bg-light { width: 100%; font-size: 16px; padding: 0 15px }
ul.navbar-nav.mr-auto { margin-top: 10px; margin-left: auto; width: 100%; -ms-flex-pack: end!important; justify-content: flex-end!important }
.navbar-light .navbar-nav .nav-link { font-family: robotoregular; padding: 10px 22px; font-size: 12px; text-transform: uppercase }
li.email ul li { list-style: none; width: auto; float: left; padding: 0 15px }
li.email ul li a, li.email ul li i { color: #026db9!important; font-weight: 600; font-size: 14px }
li.email.nav-item { vertical-align: middle; display: flex; align-items: center }
#sevices { min-height: 87vh; padding-top: 50px!important; padding-bottom: 50px!important; background-position: center!important; background-repeat: no-repeat!important; background-size: cover!important }
.box-serivce { margin-top: 0; padding: 60px 67px 60px 60px; background-color: rgba(255,255,255,.85)!important }
.box-serivce h2 { font-size: 42px; font-weight: 200; letter-spacing: 0; text-transform: none; font-family: robotolight; color: #046cb6 }
.box-serivce h2 b { font-family: robotobold; color: #0b0b0b }
.box-serivce p { margin-bottom: 35px; padding-right: 20px }
#style-2 ul li { list-style-image: url(../img/more1.png); font-family: robotolight; font-weight: 100 }
#style-2 ul { padding-left: 20px }
.box-serivce h5 { font-size: 28px; font-weight: 700; text-transform: none; color: #005db1 }
.dt-sc-boxed-tooltip { background: #000; color: #fff; display: inline-block; margin: 10px 0 0; padding: 0 15px; text-align: center; line-height: normal; border-radius: 3px; margin-right: 15px; min-width: 46px; min-height: 46px; line-height: 46px; text-align: center }
.default.dt-sc-button.filled { font-size: 18px; letter-spacing: 0; line-height: normal; padding: 11px 39px; border: none; color: #fff; border-color: #005db1; background-color: #005db1; margin-top: 15px; float: left; transition-duration: .5s }
.default.dt-sc-button.filled:hover { background-color: #033869 }
#style-2 { overflow-y: auto }
#style-2::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
border-radius:10px;
background-color:#f5f5f5
}
#style-2::-webkit-scrollbar {
width:12px;
background-color:#f5f5f5
}
#style-2::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#046eb9
}
.innerBox_3 { position: relative; width: 100%; padding: 77px; overflow: hidden; padding-right: 0; border: 1px solid #e6e6e6; border-right: 0 }
.innerBox_3 h2 { color: #44413b; text-transform: uppercase; padding: 0 0 17px; margin: 0; opacity: 1; top: 0; -webkit-transition: all .8s ease; transition: all .8s ease }
.list_01 li { position: relative; display: inline-block; float: left; list-style: none; margin: 0 2% 13px 0; width: 48% }
#other_pages>div.activeSubPage .animateBlock .animateItem2 { transition-delay: .3s }
#other_pages>div.activeSubPage .animateBlock .animateItem1, #other_pages>div.activeSubPage .animateBlock .animateItem2, #other_pages>div.activeSubPage .animateBlock .animateItem3, #other_pages>div.activeSubPage .animateBlock .animateItem4, #other_pages>div.activeSubPage .animateBlock .animateItem5, #other_pages>div.activeSubPage .animateBlock .animateItem6, #other_pages>div.activeSubPage .animateBlock .animateItem7, #other_pages>div.activeSubPage .animateBlock .animateItem8 { position: relative; opacity: 1; top: 0; -webkit-transition: all .8s ease; transition: all .8s ease }
.list_01 li .block_1 img { position: relative; display: inline-block; float: left; margin: 4px 19px 0 0 }
.list_01 li .block_1 a { color: #9ab414 }
.list_01 li .block_1 p { color: #938a7b }
.list_01 { padding-left: 0 }
#serivce-more { padding: 5%; background: #f05a29 }
.color_1 { color: #fff }
.innerBox_3 p { color: #938a7b }
.list_02 { position: relative; display: block; margin: 19px 0 0; padding: 0 }
.list_02 li { position: relative; list-style: none; margin-bottom: 8px }
.list_02 li a:before { position: absolute; display: block; font: 12px/1em FontAwesome; color: #9ab414; top: 6px; left: 0; content: "\f054"; -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.list_02 li a { margin-left: 15px; color: #fff; font-size: 13px }
.innerBox_3.second { background: #43403b; padding: 77px 40px 58px 40px }
#sevices.service-second { min-height: 107vh }
.footer_background { background: url(../img/footer.jpg) no-repeat center/cover }
.agra-before-footer .custom-info>div, .footer, .footer a, .footer-widgets .company-description p, .footer-widgets ul li a { color: grey }
.footer { padding-top: 60px; padding-bottom: 38px }
.footer, .footer a { font-size: 14px; line-height: 26px; font-weight: 400 }
.footer ul { list-style: none; padding: 0; margin: 0 }
.footer .widget ul { padding: 0; margin: 0; list-style: none }
.footer .themesflat_contact_list { margin: 0 }
.footer .themesflat_contact_list li { padding-left: 40px }
.footer .themesflat_contact_list li { min-height: 35px }
.footer .themesflat_contact_list li { list-style: none }
.footer .themesflat_contact_list li { padding-left: 40px; position: relative }
.footer .themesflat_contact_list li i { left: 5px!important }
.footer .themesflat_contact_list li i { position: absolute; top: 0; left: 0; font-size: 18px }
.footer li>* { line-height: 34px; margin: 0; font-style: normal }
.themesflat_contact_list li { list-style: none }
.footer .widget-title { color: #fff }
.footer .widget-title { color: #fff; margin-top: 7px; margin-bottom: 23px }
.widget .widget-title { text-transform: uppercase; position: relative; margin-bottom: 10px; margin-top: 0; padding-right: 32px; display: inline-block; font-size: 18px }
.footer ul { list-style: none; padding: 0; margin: 0 }
.footer .agra-shortcode-socials { padding-left: 40px }
.footer .agra-shortcode-socials li { position: relative }
.footer-widgets .widget .tagcloud a, .footer-widgets .widget a, .tags-links a { color: grey }
.footer .agra-shortcode-socials li i { font-size: 17px }
.footer_background:before { background-color: rgba(28,27,27,.95) }
.footer_background:before { content: ''; top: 0; left: 0; position: absolute; width: 100%; height: 100%; z-index: 0; display: block }
.bottom, .footer_background { position: relative }
.footer-widgets .widget a:hover { color: #ffc857 }
.footer .themesflat-button.themesflat-iconleft, .themesflat-button.themesflat-iconleft { margin-top: 15px; padding-left: 24px; padding-right: 30px; text-align: center; width: 226px; border-radius: 24px; font-size: 20px; border: 1px solid grey; display: inline-block; overflow: hidden; box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: grey }
a.themesflat-button-round.themesflat-button.themesflat-iconleft i { padding-right: 12px; font-size: 24px }
.footer .themesflat-button.themesflat-iconleft { font-weight: 400; padding-top: 15px; padding-bottom: 12px }
.themesflat-button-round:hover { color: #fff!important; border-color: #ffc857!important; background: #ffc857!important }
.about-us { background-image: url(../img/bg_main.jpg); background-size: cover }
.aboutus-area { padding-top: 120px; padding-bottom: 120px }
.aboutus-image { margin-right: 52px; width: 100% }

@media only screen and (min-width:992px) and (max-width:1200px) {
.aboutus-image { margin-right: 35px; width: 345px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
.aboutus-image { margin-bottom: 30px; float: none }
}

@media only screen and (max-width:767px) {
.aboutus-image { margin-bottom: 30px; margin-right: 0; float: none; width: auto }
}
.aboutus-image img { width: 100%; padding: 30px }
.aboutus-content h1 { font-size: 40px; line-height: 50px; margin-bottom: 20px; text-transform: capitalize; font-weight: 700; letter-spacing: 3px }

@media only screen and (max-width:479px) {
.aboutus-content h1 { font-size: 30px; line-height: 30px }
}
.aboutus-content h1 span { color: #0d75bc }
.aboutus-content h4 { font-size: 18px; color: #005bb0; margin-bottom: 23px; font-weight: 400 }
.aboutus-content p { font-size: 16px; line-height: 27px }
.counter { margin-top: 32px; float: left; width: 100% }
.counter .single-counter { float: left; width: 25%; padding: 20px 15px 20px }

@media only screen and (max-width:767px) {
.counter .single-counter { width: 50% }
.counter .single-counter:nth-child(3) { border-top: 1px solid #eee; border-left: 0 solid #eee }
.counter .single-counter:nth-child(4) { border-top: 1px solid #eee }
}
.counter .single-counter+.single-counter { border-left: 1px solid #eee }
.counter .single-counter h2 { font-size: 29px; color: #0d75bc; line-height: 24px; margin-bottom: 7px }
.counter .single-counter p { font-size: 13px; font-weight: 600; margin-bottom: 0; color: #f0511f }
.inner_banner.about-us { background: url(../images/about-banner.jpg) no-repeat; min-height: 360px; max-height: 360px; background-size: cover }
.inner_banner h3 { position: absolute; bottom: 400px; width: 100%; text-align: center; text-transform: uppercase; font-weight: bolder; color: #fff }
.bread { position: absolute; bottom: 380px; width: 100% }
.bread h5 { text-align: center; color: #fff; font-size: 14px; font-weight: 100 }
.bread h5 a { color: #ef7d00; font-weight: 200 }
.list li { position: relative; list-style-type: none; padding-left: 27px; line-height: 31px }
.list li:before { content: ""; position: absolute; top: 3px; left: -2px; width: 20px; height: 20px; background-image: url(../images/list.png); background-size: cover }
span.orange { color: #ef7c00!important; font-weight: 900 }
.contact .mapBox { position: relative; display: inline-block; float: left; margin-right: 3%; width: 66% }
.contact address { margin-bottom: 27px; font-size: 14px; font-family: robotolight }
#other_pages>div.activeSubPage .animateBlock .animateItem1, #other_pages>div.activeSubPage .animateBlock .animateItem2, #other_pages>div.activeSubPage .animateBlock .animateItem3, #other_pages>div.activeSubPage .animateBlock .animateItem4, #other_pages>div.activeSubPage .animateBlock .animateItem5, #other_pages>div.activeSubPage .animateBlock .animateItem6, #other_pages>div.activeSubPage .animateBlock .animateItem7, #other_pages>div.activeSubPage .animateBlock .animateItem8 { position: relative; opacity: 1; top: 0; -webkit-transition: all .8s ease; transition: all .8s ease }
.color_2 { color: #f05a29 }
.width1 { display: inline-block; width: 77px }
.link_1 { color: #046ab7; -webkit-transition: all .5s ease; transition: all .5s ease }
.g_map { position: relative; display: block; margin: 4px 0 22px; width: 100%; height: 320px; overflow: hidden }
.g_map iframe { position: relative; display: block; outline: 0; width: 100%; height: 100%; border: none; background: url(../img/base/site_loader.gif) #43403b center no-repeat!important }
.contact h2 { color: #44413b; text-transform: uppercase; padding: 0 0 17px; margin: 0; font: 500 18px/22px Roboto, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif }
.color_1 { color: #fff!important }
#contact-form input[type=text] { width: 100%; border-radius: 0; line-height: 20px; font-size: 14px; font-family: roboto, helvetica neue, Helvetica, Arial, sans-serif; font-weight: 300; padding: 9px 13px; color: #9b9188; outline: 0; height: 36px; border: 1px solid #53504a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 1px; background: #53504a; margin-bottom: 10px; width: 100%!important }
#contact-form ._placeholder { left: 0; top: 0; width: 100px!important; height: 36px!important; width: 100%!important; position: absolute; left: 0; top: 0; display: block; line-height: 20px; font-size: 14px; font-family: roboto, helvetica neue, Helvetica, Arial, sans-serif; font-weight: 300; color: #9b9188; padding: 9px 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; cursor: text }
#contact-form label { width: 100%!important }
#contact-form textarea { width: 100%; border-radius: 0; line-height: 20px; font-size: 14px; font-family: roboto, helvetica neue, Helvetica, Arial, sans-serif; font-weight: 300; color: #9b9188; padding: 9px 13px; outline: 0; border: 1px solid #53504a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: none; height: 145px; background: #53504a }
.contact .btn.btn-link span { position: relative; display: inline-block; margin: 0 6px 0 0; width: 7px; height: 10px; background: url(../img/arr_more2.png) center no-repeat; -webkit-transition: all .3s ease-out; transition: all .3s ease-out }
.contact #contact-form .btn { display: inline-block; margin-bottom: 0; margin-top: 22px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 0; margin-right: 10px; font-size: 14px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.contact .formBox .btn.btn-link { font-size: 14px!important; font-family: roboto, roboto, helvetica neue, Helvetica, Arial, sans-serif; color: #fff; -webkit-transition: all .3s ease-out!important; transition: all .3s ease-out!important }
.contact .btn.btn-link { border: none; border-radius: 0; font: normal 17px/1em 'Segoe UI', Tahoma, Arial, Helvetica, Sans-Serif; color: #716a5e; float: right; background: 0 0; padding: 0 0 0 2px }
.contact { background-image: url(../img/1.jpg)!important }
.widget-categories ul, .widget-pages ul, .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul { list-style: none; margin: 0; overflow: hidden }
.widget-categories ul ul, .widget-pages ul ul, .widget_archive ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_nav_menu ul ul, .widget_pages ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul { padding: 10px 0 0 5px; width: 100% }
.widget-categories li, .widget-pages li, .widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { color: #9b9b9b; display: block; width: 100%; padding-left: 10px }
.widget-categories li:last-child, .widget-pages li:last-child, .widget_archive li:last-child, .widget_categories li:last-child, .widget_meta li:last-child, .widget_nav_menu li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child { margin: 0 }
.widget-categories li li, .widget-pages li li, .widget_archive li li, .widget_categories li li, .widget_meta li li, .widget_nav_menu li li, .widget_pages li li, .widget_recent_comments li li, .widget_recent_entries li li { font-size: 12px }
.widget-categories a, .widget-pages a, .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_comments a, .widget_recent_entries a { position: relative; padding-left: 10px; margin-left: -10px }
.widget-categories a:before, .widget-pages a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before, .widget_recent_comments a:before, .widget_recent_entries a:before { content: "\f0da"; font-family: FontAwesome; font-size: 12px; line-height: 14px; position: absolute; left: 0; top: 3px }
.widget-categories .cat-count, .widget-pages .cat-count, .widget_archive .cat-count, .widget_categories .cat-count, .widget_meta .cat-count, .widget_nav_menu .cat-count, .widget_pages .cat-count, .widget_recent_comments .cat-count, .widget_recent_entries .cat-count { float: right }
#sidebar .textwidget { color: #fff; text-align: center }
#sidebar .textwidget h1 { color: #fff; margin: 0 0 10px 0; padding: 10px 0 10px 0; background: #b8860b; line-height: 30px; font-size: 18px }
.page-template.page-template-template .section-detail-content { padding-top: 0 }
a.accordeonck { cursor: pointer }
.container-sidebar #sidebar .menu { list-style: none; background: #fff; margin: 0 0 40px 0; padding: 20px; box-shadow: 0 0 5px #0061b2 }
.container-sidebar #sidebar #menu-side-links li { padding: 20px 0; background: 0 0!important }
.menu-item-10401 { border-top: 1px solid #b48530; border-bottom: 1px solid #b48530 }
.container-sidebar #sidebar li.current-menu-item a { color: #b8860b }
.sidebar-white .widget:not(.widget-range) { background-color: none!important; padding: 0!important }
#sidebar h3.widget-title { text-align: center; font-size: 30px; padding: 10px 0; background: #0061b2; color: #fff; line-height: 40px }
.news-block { padding: 0 20px 20px }
#sidebar p a.btn { background: #b8860b; padding: 10px; margin: 10px 0 0 0; display: inline-block; color: #fff }
#sidebar h3.widget-title { font-size: 18px; line-height: 30px; margin: 0 0 10px 0; width: 100% }
.article-detail h1.article-title { font-size: 20px; line-height: 18px; margin: 0 0 10px 0 }
.article-detail p:last-child, .comments-block p:last-child { margin: 0 }
.article-detail p, .comments-block p { font-size: 14px }
.article-detail p, .comments-block p { font-size: 16px; line-height: 24px; font-weight: 300; text-transform: inherit; text-align: inherit }
.article-footer .article-footer-right { float: right; line-height: 36px }
.blog-article .article-detail, .blog-article .comments-block { padding: 0 50px 40px }
.blog-article .article-detail { background: #fff }
.article-media { padding: 40px 40px; background: #fff }
.article-media img { width: 100% }
.article-footer { border-top: 1px solid #e5e5e5; background-color: #fff; padding: 36px; display: block; float: left; width: 100%; margin-bottom: 30px }
.article-footer a { font-size: 14px; line-height: 1; margin: 0 3px 3px 0; font-weight: 400; text-transform: inherit; text-align: inherit }
.article-footer a.btn { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); background: #0061b2; border-color: #0061b2; margin-bottom: 15px }
.agra-boxed { background: #f9f9f9 }
.article-footer .article-footer-right { float: right; line-height: 36px }
.article-footer ul.author-meta { list-style-type: none; padding: 0 }
.article-footer .author-meta { float: left }
img { max-width: 100% }
.tags { list-style: none; background: #fff; margin: 0 0 40px 0; padding: 20px; box-shadow: 0 0 5px #0061b2 }
.tags a:hover { color: #ee3a02 }
div#nav_menu-21 a { font-family: robotolight; color: #000 }
div#nav_menu-21 a:hover { color: #005db0 }
#menu-social-links li a:before, .tags a:before { content: none }
#menu-social-links li a .fa { font-size: 20px; width: 30px; height: 20px; padding-left: 0 }
.article-detail h1.article-title a { font-size: 20px; line-height: 28px; margin: 0 0 10px 0; color: #0061b2 }
.IndustryServe { margin-bottom: 80px; float: left; width: 100%!important }
.IndustryServeBox { position: relative; background: #fff; border-radius: 5px; overflow: hidden; width: 100%; float: left; transition-duration: .5s; box-shadow: 2px 4px 3px #d0cfcf; margin-bottom: 15px }
.IndustryServeBox h3 { margin: 44px 0 15px; color: #131d3b; font-size: 17px; font-weight: 600; min-height: 45px }
.IndustryServeBox p { color: #666d81; line-height: 30px; font-size: 16px }
.IndustryServeBox .read-more { text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #0061b2; font-size: 16px; line-height: 30px; font-weight: 500; position: relative }
.IndustryServeBox .read-more:hover { text-align: left; text-transform: uppercase; letter-spacing: 2px; color: #0061b2; font-size: 16px; line-height: 30px; font-weight: 500; position: relative }
.IndustryServeBox .read-more:before { content: ''; background-color: #0061b2; width: 20px; height: 2px; position: absolute; left: 116px; bottom: 8px; z-index: 12 }
.IndustryServeBox .read-more:after { content: ''; background-color: #e7eaee; width: 171px; height: 2px; position: absolute; left: 116px; bottom: 8px }
.IndustryServeBox img { width: 100% }
.IndustryIcon { position: relative; float: left; width: 100% }
.IndustryIconAB { width: 69px; height: 86px; background-color: #ff4f01; border-radius: 5px; padding: 22px 13px; position: absolute; bottom: -37px; left: 50px }
.IndustryIconAB img { width: 40px }
.IndustryServe-Text { padding: 0 40px 40px; float: left; width: 100% }
.IndustryServe-Text span { color: #0061b2 }
.header-right .themesflat_contact_list li { position: relative; float: left; padding-right: 20px; padding-left: 30px; line-height: 15px }
.IndustryServeBox:hover { box-shadow: 11px 11px 11px #d0cfcf }
.address { font-style: normal!important }
.themesflat_contact_list li { min-height: 35px }
span.avail, span.sold { position: absolute; z-index: 1; right: 0; padding: 8px; top: 0; color: #fff; background: #ff5401; border-radius: 3px }
span.avail i, span.sold i { padding-right: 10px }
span.avail { background: #4caf50 }
span.soldout { position: absolute; z-index: 1; left: 0; padding: 8px; top: 0; color: #fff; background: red; border-radius: 3px }
span.soldout i { padding-left: 10px }
.tab.toggle-tabs { overflow: hidden; margin: 0 0 50px 0; text-align: left; border-bottom: 1px solid #e6e5e4 }
.tab.toggle-tabs button { float: none; border: none; outline: 0; cursor: pointer; padding: 14px 16px; transition: .3s; font-size: 17px; width: auto; color: #000; font-weight: 300; text-transform: uppercase; background: 0 0 }
.tab button:hover { background-color: #ddd }
.tab.toggle-tabs button.active { color: #fff; background: #f04e1b }
#slideshow { width: 100%; height: 100%; margin: 100px auto; position: relative; overflow: hidden }
#slideshow { width: 100%; min-height: 450px }
#slideshow.fullscreen { top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden }
.img-wrapper { min-width: 100%; min-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden; z-index: 8; background-size: cover; background-position: center center }
#slideshow .img-wrapper.active { z-index: 10 }
#slideshow .img-wrapper.last-active { z-index: 9 }
.thumbs-container { width: 100%; height: 140px; position: absolute; left: 0; z-index: 11; background: #22222275; opacity: .9 }
.thumbs-container.top { top: 0 }
.thumbs-container.bottom { bottom: 0 }
.next, .prev { width: 3%; min-width: 40px; height: 47px; padding: 46px 1%; color: #999; cursor: pointer }
.prev { float: left }
.next { float: right }
.next:hover, .prev:hover { color: #555 }
ul.thumbs { position: absolute; top: 0; left: 5%; right: 5%; height: 140px; padding: 0; margin: 0 5%; overflow: hidden; white-space: nowrap; text-align: center }
.thumb { display: inline-block; width: 80px; height: 80px; margin: 10px; overflow: hidden; background-size: cover; background-position: center center; cursor: pointer }
.thumb:first-of-type { margin-left: 0 }
.thumb.active { width: 86px; height: 86px; border: 2px solid #fff }
.preview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }

@media screen and (max-width:996px) {
.preview { margin-bottom: 20px }
}
.preview-pic { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 }
.preview-thumbnail.nav-tabs { border: none; margin-top: 15px }
.preview-thumbnail.nav-tabs li { width: 18%; margin-right: 2.5% }
.preview-thumbnail.nav-tabs li img { max-width: 100%; display: block }
.preview-thumbnail.nav-tabs li a { padding: 0; margin: 0 }
.preview-thumbnail.nav-tabs li:last-of-type { margin-right: 0 }
.tab-content { overflow: hidden }
.tab-content img { width: 100%; -webkit-animation-name: opacity; animation-name: opacity; -webkit-animation-duration: .3s; animation-duration: .3s }
.card { margin-top: 50px; background: #fff; padding: 3em; line-height: 1.5em; border-radius: 10px }

@media screen and (min-width:997px) {
.wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
}
.details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 30px }
.colors { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 }
.colors, .price, .product-title, .sizes { text-transform: UPPERCASE; font-weight: 700 }
.checked, .price span { color: #005fb2 }
.price, .product-description, .product-title, .rating, .sizes, .vote { margin-bottom: 15px }
.product-title { margin-top: 0; font-size: 23px }
.size { margin-right: 10px }
.size:first-of-type { margin-left: 40px }
.color { display: inline-block; vertical-align: middle; margin-right: 10px; height: 2em; width: 2em; border-radius: 2px }
.color:first-of-type { margin-left: 20px }
.add-to-cart, .like { background: #ff9f1a; padding: 1.2em 1.5em; border: none; text-transform: UPPERCASE; font-weight: 700; color: #fff; -webkit-transition: background .3s ease; transition: background .3s ease }
.add-to-cart:hover, .like:hover { background: #b36800; color: #fff }
.not-available { text-align: center; line-height: 2em }
.not-available:before { font-family: fontawesome; content: "\f00d"; color: #fff }
.orange { background: #ff9f1a }
.green { background: #85ad00 }
.blue { background: #0076ad }
.tooltip-inner { padding: 1.3em }
@-webkit-keyframes opacity {
0% {
opacity:0;
-webkit-transform:scale(3);
transform:scale(3)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes opacity {
0% {
opacity:0;
-webkit-transform:scale(3);
transform:scale(3)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
.form_main { width: 100%; font-family: robotolight }
.form_main textarea { height: 116px; border-radius: 4px }
.form_main h4 { font-family: roboto; font-size: 20px; font-weight: 300; margin-bottom: 15px; margin-top: 20px; text-transform: uppercase; display: block; float: left; width: 100% }
.heading { border-bottom: 1px solid #fcab0e; padding-bottom: 9px; position: relative }
.heading span { background: #0061b2 none repeat scroll 0 0; bottom: -2px; height: 3px; left: 0; position: absolute; width: 75px }
.form { border-radius: 7px; padding: 6px }
.txt[type=text] { border-bottom: 1px solid #ccc!important; margin: 8px 0; padding: 10px 0 10px 5px; width: 100%; border-radius: 4px }
.txt_3[type=text] { margin: 10px 0 0; padding: 10px 0 10px 5px; width: 100% }
.txt2[type=submit] { background: #0061b2 none repeat scroll 0 0; border: 1px solid #0061b2; border-radius: 4px; color: #fff; font-size: 16px; font-style: normal; line-height: 35px; margin: 10px 0; padding: 0; text-transform: uppercase; width: 100%; float: left }
.txt2:hover { background: rgba(0,0,0,0) none repeat scroll 0 0; color: #0061b2; transition: all .5s ease 0s }
p.vote iframe { max-height: 160px; margin-bottom: -3px }
p.vote { margin-bottom: 0!important }
.w3-bar-block .w3-bar-item { width: 100%; display: block; padding: 15px 15px; text-align: left; border: none; white-space: normal; float: none; outline: 0; font-size: 17px; margin-bottom: 0 }
.w3-hover-red:hover, .w3-red { color: #fff!important; background-color: #0061b2!important }
.w3-btn, .w3-button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.w3-btn, .w3-button { border: none; display: inline-block; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap }
.w3-hover-light-gray:hover, .w3-hover-light-grey:hover, .w3-light-gray, .w3-light-grey { color: #000!important; background-color: #f1f1f1!important }
.w3-card, .w3-card-2 { box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) }
.w3-sidebar { z-index: 1; height: 300px; overflow: auto; float: left; display: block; position: relative!important }
.w3-container, .w3-panel { padding: .01em 16px }
#address, #detail, #features, #floor_plan, #sub_property, #video { border: 1px solid #bddcf3; padding: 35px; border-radius: 10px; background: #fff }
.blog-article b, .blog-article strong, .detail-block b, .detail-block strong, .wpb_text_column b, .wpb_text_column strong { font-weight: 700 }
.alert-info { color: #fff; background-color: #0061b2; border-color: #bce8f1; font-size: 14px }
.alert-info strong { min-width: 150px; float: left }
.alert-info ul li { list-style: none }
.detail-title-inner-content p { font-size: 14px }
.detail-title-inner h2.title-left { font-family: robotolight; font-weight: 600; font-size: 22px; color: #005fb2 }
h4.price { font-size: 18px }
.second-tab { display: block; float: left; width: 100%; background: #fff; margin: 20px 0; padding: 20px; box-shadow: 5px 4px 2px #e0dede; border-radius: 10px }
.second-tab p { display: block; float: left; width: 90% }
.second-tab img { padding: 10px; float: left; max-width: 205px; height: auto }
.w3-sidebar.w3-bar-block.w3-light-grey.w3-card { width: 200px!important; margin-right: 20px }
.second-tab iframe { max-height: 215px; box-shadow: 5px 4px 2px #e0dede; border-radius: 10px }
.second-tab h2 { border-bottom: 1px solid #0061b2; padding-bottom: 6px }
.second-tab ul li { list-style: circle; font-weight: 400; font-family: robotolight; font-size: 14px }
.detail-title h2 { padding: 20px 0; font-family: robotobold }
ul.list-two-col.pl-0 a { color: #000 }
.card-header { background: 0 0 }
.card-header:first-child { border: none }
.card .nav-tabs .nav-link.active { color: #fff; background-color: #0d75bc; border-color: #dee2e6 #dee2e6 #fff }
.card .nav-tabs .nav-link { color: #888484 }
.card { margin-top: 0; margin-bottom: 30px }
.card p { text-align: left }
.title-section.line_left.themesflat_1498705758.vc_custom_1552736386796 { text-align: center!important; padding: 25px 0; padding-top: 0 }
.title-section h2.title {/*border-bottom:1px solid #0061b2;*/ padding-bottom: 10px }
.title-section h2 strong { color: #0061b2 }
.contact-detail h4 { font-size: 22px; text-transform: uppercase; color: #0061b2; padding-bottom: 10px; border-bottom: 1px solid #b4d0e6; margin-bottom: 40px; text-align: left; margin-top: 0; font-family: roboto }
.contact-detail ul { padding-left: 0; font-family: robotolight }
.contact-detail ul li i { color: #fff; width: 40px; height: 40px; background: #0061b2; border-radius: 5px; float: left; line-height: 40px; text-align: center; margin-right: 16px }
.contact-detail ul li { text-align: left; min-height: 50px; transition-duration: .5s }
.contact-detail ul li address { padding-left: 55px }
li.mail, li.mob { line-height: 40px }
.contact-detail .textwidget { padding-right: 40px }
.contact-detail ul li:hover i { background: #000; transition-duration: .8s }
.contact-detail ul li a { color: #000; transition-duration: .5s }
.contact-detail ul li a:hover { color: #f15a2a }
.contact-detail form#contactFrm { margin-top: -20px }
.contact-detail .dt-sc-boxed-tooltip { float: left; transition-duration: .8s }
.contact-detail .dt-sc-boxed-tooltip:hover { background: #ee3a02 }
.social-links h4 { margin-bottom: 5px }
.map iframe { min-height: 350px; border: 1px solid #e6e6e6!important; border-radius: 4px }
section#contact { background: #fff }
#contact p.title-small { font-size: 17px; padding: 12px 0 20px 0; color: #737373; font-family: robotolight }
.map iframe { border: none }
.contact-detail .dt-sc-boxed-tooltip:hover { color: #fff }
.dt-sc-boxed-tooltip:hover { cursor: default; color: #fff }
.social-links .dt-sc-boxed-tooltip { cursor: pointer }
input.txt.non-edit { background: #e8e8e8 }
input.txt.non-edit::placeholder {
color:grey
}
#myCarousel .carousel-item .mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-attachment: fixed }
#myCarousel h4 { font-size: 50px; margin-bottom: 15px; color: #fff; line-height: 100%; letter-spacing: .5px; font-weight: 600 }
#myCarousel p { font-size: 18px; margin-bottom: 15px; color: #d5d5d5 }
#myCarousel .carousel-item a { padding: 5px 32px; display: block; float: none; margin: auto; max-width: 150px }
#myCarousel .carousel-item a:hover { text-decoration: none; background: #fff; color: #000 }
#myCarousel .carousel-item h4 { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; text-align: center; font-size: 16px; margin-top: 5px }
#myCarousel .carousel-item p { -webkit-animation-name: slideInRight; animation-name: slideInRight; text-align: center; font-size: 14px; margin-top: -15px; margin-bottom: 0 }
#myCarousel .carousel-item a { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
#myCarousel .carousel-item .mask img { -webkit-animation-name: slideInRight; animation-name: slideInRight; display: block; height: auto; max-width: 100% }
#myCarousel .carousel-item .mask img, #myCarousel a, #myCarousel h4, #myCarousel p { -webkit-animation-duration: 1s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
#myCarousel .container { max-width: 1430px }
#myCarousel .carousel-item { height: 100%; height: 47vh }
#myCarousel { position: relative; z-index: 1; background: url(https://i.imgur.com/6axE29k.jpg) center center no-repeat; background-size: cover }
.carousel-control-next, .carousel-control-prev { height: 40px; width: 40px; padding: 12px; top: 50%; bottom: auto; transform: translateY(-50%); background-color: #f47735 }
.carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px }
.carousel-fade .carousel-item { opacity: 0; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: opacity; transition-property: opacity }
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1 }
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active { opacity: 0 }
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
#myCarousel .btn { color: #fff; border-color: #fff; transition: none 0s ease 0s; text-align: inherit; line-height: 19px; border-width: 1px; margin: 0; padding: 8px 59px 11px 28px; letter-spacing: 0; font-weight: 700; font-size: 13px }
#myCarousel .carousel-inner { position: relative; width: 100%; overflow: hidden; background: #005baf }
.title { font-weight: bolder !important; font-size: 31px; padding-left: 0; position: relative; margin-bottom: 0; margin-top: 0; display: inline-block; font-family: robotolight }
.title:before { left: 0; width: 108px; position: absolute; top: 50%; margin-top: -.5px; height: 0; border-bottom: 1px solid }
.title strong { font-family: robotomedium; font-weight: 400; color: #005baf }
#form-area select { font: 16px/24px "Exo 2", sans-serif; font-weight: 300; background: #fff; border: none; border-bottom: 1px solid #a5a5a6; height: 50px; padding: 13px 15px; width: 100%; color: #a5a5a6; margin-bottom: 15px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 2px solid gray; color: #000; font-size: 14px; line-height: 24px }
#form-area input.btn { height: 50px; font-weight: 600; line-height: 48px; padding: 0 27px; cursor: pointer; white-space: nowrap; border: 1px solid #323031; color: #323031; z-index: 0; display: inline-block; color: #fff; border-color: #323031; width: 100%; font-size: 20px; background: gray }
.portfolio { height: 300px }
.portfolio img { height: 100%; width: auto }
.portfolio:hover .portfolio-details { z-index: 1; opacity: 1; top: 0; transition-duration: 1s }
.portfolio-details { position: absolute; height: 100%; margin: 0 15px; left: 0; top: 100%; background: #00000085; width: calc(100% - 30px); text-align: center; vertical-align: middle; padding: 40% 0; opacity: 0; z-index: -1 }
.portfolio-details a { font-size: 22px; color: #fff; font-family: robotolight }
.owl-prev { left: -30px; position: absolute; top: 35%; background: 0 0!important }
.owl-next { right: -30px; position: absolute; top: 35%; background: 0 0!important }
.btn-home:hover { border-color: #ffc857!important }
.btn-home { font-size: 16px; font-weight: 700; border: 1px solid grey; padding: 11px 27px; position: relative; display: inline-block; overflow: hidden; box-shadow: 0 0 1px transparent; margin: auto!important; float: none; display: block; max-width: 180px; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; margin-top: 20px!important }
@supports (transform-style:preserve-3d) {
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
@-webkit-keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight }
.panel-box { display: table; table-layout: fixed; width: 100%; height: 100%; text-align: center; border: medium none; margin-top: 30px!important; background: #e0e0e0 }
.panel-box .panel-icon { display: table-cell; padding: 29px; width: 1%; vertical-align: top; border-radius: 0; text-align: center; border-bottom: 1px solid #fcfcfc; border-top: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc }
.dashboard-stats .stat-icon { line-height: 65px }
.bg-success { background-color: #a3c86d!important; color: #fff!important }
.success-text { color: #82b33a }
.bg-danger { background-color: #ff7857!important; color: #fff!important }
.danger-text { color: #d15b3d }
.bg-lovender { background-color: #8075c4!important; color: #fff!important }
.lovender-text { color: #6a5fb1 }
.bg-info { background-color: #7acbee!important; color: #fff!important }
.info-text { color: #3ca0cb }
.size-h1 { font-size: 20px }
.panel-icon p.text { font-weight: 700; font-size: 14px; text-align: center }
.panel-icon i { text-align: center }
.panel-icon i { text-align: center }
.text-large { font-size: 50px }
.text-large { font-size: 50px }
#owl-demo4 .item { text-align: center }
#top-footer { background: #f7f7f7 }
.top-footer h3 { font-size: 20px }
.top-footer p { font-size: 16px; line-height: 24px }
.top-footer h5 { font-family: robotolight; font-size: 20px }
.top-footer a { font-family: robotomedium; font-weight: 400; color: #000 }
.top-footer a:hover { color: #005baf; font-family: robotomedium; font-weight: 700 }
.home { background: #fff; font-family: robotomedium }
#owl-demo1 .portfolio img { width: 100%; height: auto }
#owl-demo4 { padding: 30px 0 }
.jssorl-009-spin img { animation-name: jssorl-009-spin; animation-duration: 1.6s; animation-iteration-count: infinite; animation-timing-function: linear }
@keyframes jssorl-009-spin {
from {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.jssora093 { display: block; position: absolute; cursor: pointer }
.jssora093 .c { fill: none; stroke: #fff; stroke-width: 400; stroke-miterlimit: 10 }
.jssora093 .a { fill: none; stroke: #fff; stroke-width: 400; stroke-miterlimit: 10 }
.jssora093:hover { opacity: .8 }
.jssora093.jssora093dn { opacity: .6 }
.jssora093.jssora093ds { opacity: .3; pointer-events: none }
.jssort101 .p { position: absolute; top: 0; left: 0; box-sizing: border-box; background: #000 }
.jssort101 .p .cv { position: relative; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #000; box-sizing: border-box; z-index: 1 }
.jssort101 .a { fill: none; stroke: #fff; stroke-width: 400; stroke-miterlimit: 10; visibility: hidden }
.jssort101 .p.pdn .cv, .jssort101 .p:hover .cv { border: none; border-color: transparent }
.jssort101 .p:hover { padding: 2px }
.jssort101 .p:hover .cv { background-color: rgba(0,0,0,6); opacity: .35 }
.jssort101 .p:hover.pdn { padding: 0 }
.jssort101 .p:hover.pdn .cv { border: 2px solid #fff; background: 0 0; opacity: .35 }
.jssort101 .pav .cv { border-color: #fff; opacity: .35 }
.jssort101 .p:hover .a, .jssort101 .pav .a { visibility: visible }
.jssort101 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; opacity: .6 }
.jssort101 .p:hover .t, .jssort101 .pav .t { opacity: 1 }
div#jssor_1 { width: 100%!important }
img.amenities-img { width: 60px; height: 60px; float: left; border-radius: 10px }
.second-tab.amenities ul li { float: left; font-family: robotolight; font-size: 14px; text-align: left; width: 100%; align-items: center; display: flex; width: 47% }
.flooorplans .panel-heading { padding: 2px 7px; margin: 7px 0; border-radius: 4px; float: left; width: 100%; border: 1px solid #0061b2 }
.flooorplans h4 { margin-bottom: 0 }
.flooorplans h4 a { color: #0061b2; font-size: 15px; font-family: robotomedium; width: 100%; display: block; padding: 3px 10px; line-height: 30px }
.second-tab.flooorplans img { width: 100%; max-width: 770px; margin: 0 auto; float: none; display: block }
.flooorplans .panel-body { display: block; float: left; width: 100%; background: #fff }
.flooorplans i { border: solid #0061b2; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; float: right; margin-top: 8px }
.down { transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.second-tab.flooorplans h2 { font-size: 22px; margin-bottom: 0; border: 0 !important; position: relative; padding-right: 30px; padding-bottom: 0 }
.second-tab.flooorplans h2:after { content: ""; height: 10px; width: 10px; background: transparent; position: absolute; right: 0; top: 50%; display: block; border-right: 2px solid #000; transform: rotate(45deg); border-bottom: 2px solid #000; }
.flooorplans ul li { list-style: none; float: left; width: 100% }
.flooorplans ul li p { float: left; width: 87%; margin-bottom: 3px }
.flooorplans ul li i { float: left; width: 30px; color: #f04e1b; margin-top: 3px; border: none }
.flooorplans ul { padding-left: 0; float: left }
section#top-footer.footer-pc { background: #fff }
.footer-pc .top-footer h3 { font-size: 27px; font-weight: bolder; font-family: robotomedium }
.top-footer { float: left; width: 100% }
.mobile-toggle-floating { position: fixed; bottom: 0; width: 100%; z-index: 99999; display: none }
.mobile-toggle-floating div { width: 50%; float: left; padding: 15px 10px; color: #fff }
.mobile-toggle-floating div i { margin: 0 5px }
.mobile-toggle-floating div.chat { background-color: #ef3f09; text-align: center }
.mobile-toggle-floating div.call { background-color: #005fb2; text-align: center }
.desoslide-wrapper { position: relative; text-align: center; background: #005cb0 }
.desoslide-controls-wrapper { position: relative; float: right; height: 36px; line-height: 41px; bottom: 8px; z-index: 100; opacity: 1; padding-top: 10px }
.desoslide-controls-wrapper a:hover { opacity: .7 }
.desoslide-overlay { height: 36px; position: absolute; top: inherit!important; z-index: 10; text-align: left; color: #fff; font-weight: 700; background-color: #000; padding: 8px; opacity: 0; width: 100%!important; bottom: 0; left: 0!important }
.desoslide-overlay>a { position: relative; top: -1px; color: #fff }
.desoslide-overlay .desoslide-caption-title { display: inline-block; position: relative; top: -1px; max-width: 90%; max-height: 24px; font-size: 14px; overflow: hidden }
.desoslide-controls { float: left; display: inline-block; background: url(../img/desoslide_controls.png) no-repeat 0 0 }
.desoslide-controls.prev { background-position: 0 -54px; width: 26px; max-height: 16px; height: 16px; overflow: hidden; display: block; padding: 0 }
.desoslide-controls.pause { width: 16px; height: 16px; background-position: 0 -18px; margin-left: -15px }
.desoslide-controls.play { width: 16px; height: 16px; background-position: 0 -36px; margin-left: -15px }
.desoslide-controls.next { width: 26px; max-height: 16px; height: 16px; background-position: 0 0; overflow: hidden; display: block; padding: 0 }
div#slideshow_1_thumbs_1 { position: absolute; opacity: .8; z-index: 1; background: #8080806e }
ul.slideshow1_thumbs.desoslide-thumbs-vertical.list-inline.text-center img { max-width: 120px; padding: 14px }
div#slideshow1 { width: 100%; float: left; display: block }
#detail-banner .img-responsive { height: auto; width: 100% }
#detail-banner { overflow: hidden; float: left; width: 100% }
#owl-demo2 .IndustryServeBox { width: inherit; margin: 1em }
#owl-demo2 .IndustryServeBox h3 { margin: 25px 0 15px }
#owl-demo2 .IndustryServe-Text { padding: 0 20px 40px }
#owl-demo2 .IndustryServeBox p { margin: 10px 0; font-size: 14px; min-height: 120px }
.modal { display: none; position: fixed; z-index: 99; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0,0,0,.4) }
.modal-content { position: relative; margin: auto; padding: 0; max-width: 400px; width: 100%; height: auto; box-shadow: 0 8px 16px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19); -webkit-animation-name: animatetop; -webkit-animation-duration: .4s; animation-name: animatetop; animation-duration: .5s }
@-webkit-keyframes animatetop {
from {
top:-300px;
opacity:0
}
to {
top:0;
opacity:1
}
}
@keyframes animatetop {
from {
top:-300px;
opacity:0
}
to {
top:0;
opacity:1
}
}
.close { color: #fff; float: right; font-size: 28px; font-weight: 700 }
.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer }
.modal-header { padding: 2px 16px; background-color: #0a73d4; color: #fff }
.modal-body { padding: 2px 16px }
.modal-footer { padding: 2px 16px; background-color: #5cb85c; color: #fff }
.full-width { width: 100%!important }
#myBtn { float: left; margin-top: 15px; height: 40px; width: 165px; background: gray; color: #fff; font-weight: 700; text-align: center; line-height: 40px }
.no-shadow { box-shadow: none!important }
.complted i { color: #0061b2 }
.work-progress .portfolio { max-height: 300px; height: 170px }
.work-progress .portfolio-details { padding: 20% 0 }
.ongoing-mob .portfolio-details { position: relative; height: auto; margin: 0 15px; top: 0; background: 0 0; width: calc(100% - 20px); text-align: center; padding: inherit; opacity: 1; z-index: 9999; float: left }
.ongoing-mob .portfolio-details a { color: #000; line-height: 20px }
.ongoing-mob .title-post { margin-top: 15px }
.IndustryServe-Text i { padding-right: 6px }
#owl-demo3 .service-image img { height: auto }
.footer address p { line-height: 34px; margin: 0; font-style: normal; color: grey }
nav ul li a { font-size: 16px; padding: 15px 28px; font-family: Poppins, sans-serif; text-transform: uppercase; color: #000 }
nav ul li.email.nav-item a { text-transform: inherit; padding: 0 }
.form textarea { margin: 10px 0 0; padding: 10px 0 10px 5px; width: 100% }
.form input { border: 1px solid #ccc; margin: 8px 0; padding: 10px 0 10px 5px; width: 100%; border-radius: 4px }
.map p { width: 100%; margin-bottom: 0 }
.tab-content img { width: 250px; height: auto; float: left; padding: 15px; padding-left: 0 }
#notfound { position: relative; height: 80vh }
#notfound .notfound { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.notfound { max-width: 767px; width: 100%; line-height: 1.4; text-align: center; padding: 15px }
.notfound .notfound-404 { position: relative; height: 220px }
.notfound .notfound-404 h1 { font-family: Kanit, sans-serif; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 186px; font-weight: 200; margin: 0; background: linear-gradient(130deg, #ffa34f, #ed2700); color: transparent; -webkit-background-clip: text; background-clip: text; text-transform: uppercase }
.notfound h2 { font-family: Kanit, sans-serif; font-size: 33px; font-weight: 200; text-transform: uppercase; margin-top: 0; margin-bottom: 25px; letter-spacing: 3px }
.notfound p { font-family: Kanit, sans-serif; font-size: 16px; font-weight: 200; margin-top: 0; margin-bottom: 25px }
.notfound a { font-family: Kanit, sans-serif; color: #ff6f68; font-weight: 200; text-decoration: none; border-bottom: 1px dashed #ff6f68; border-radius: 2px }
.notfound-social>a { display: inline-block; height: 40px; line-height: 40px; width: 40px; font-size: 14px; color: #ff6f68; border: 1px solid #efefef; border-radius: 50%; margin: 3px; -webkit-transition: .2s all; transition: .2s all }
.notfound-social>a:hover { color: #fff; background-color: #ff6f68; border-color: #ff6f68 }
.themesflat_contact_list { padding-left: 0 }

@media only screen and (max-width:480px) {
.notfound .notfound-404 { position: relative; height: 168px }
.notfound .notfound-404 h1 { font-size: 142px }
.notfound h2 { font-size: 22px }
#notfound { position: relative; height: 70vh }
}
.flooorplans ul li { padding-left: 25px; position: relative }
.flooorplans ul li:before { content: '\f046'; font-family: FontAwesome; padding-right: 5px; color: #f04e1b; position: absolute; left: 0; top: 1px }
.search_area { background: #f9f3f3; padding: 30px; border-radius: 8px; -webkit-box-shadow: 0 0 7px 3px rgba(0,0,0,.11); box-shadow: 0 0 7px 3px rgba(0,0,0,.11); padding-top: 0; margin-top: 0 }
.footer_background, section { display: block; float: left; width: 100% }
.IndustryServeBox .IndustryServe-Text span { min-height: 50px; width: 100%; float: left }
.IndustryServeBox .IndustryServe-Text small { min-height: 52px; width: 100%; float: left }
.projects-toggle .IndustryServeBox { min-height: calc(100% - 15px) }
.agra-shortcode-socials li { float: left }
.agra-shortcode-socials li a { display: block; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-right: 10px; border: 2px solid grey; border-radius: 50%; margin-top: 15px }
#menu-footer_services { display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important }
#menu-footer_services li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }

@media only screen and (max-width:600px) {
#menu-footer_services li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.footer-cntnt h2, .footer-cntnt p { text-align: left!important }
}
.residential-sub-text { text-align: center; width: 100%; font-family: robotolight; color: #005baf; font-size: 22px; margin-bottom: 11px; letter-spacing: 1.5px }
.residential-sub-text-p { margin-bottom: 40px; text-align: justify }
.footer-cntnt h2 span { font-family: robotobold }
.footer-cntnt h2 { color: grey; font-family: robotobold; font-size: 22px }
.footer-cntnt p { color: grey; margin-bottom: 20px; text-align: justify }
.footer_background:before { background-color: transparent }
.footer_background { background-color: rgba(28,27,27,.95) }
.agra-shortcode-socials li a { display: block; height: auto; width: 100%; border: none; text-align: left; line-height: 62px; margin-right: 10px; border-radius: 50%; margin-top: 0 }
.agra-shortcode-socials li a i { display: block; float: left!important; height: 40px!important; width: 40px!important; text-align: center; line-height: 40px; margin-right: 10px; border: 2px solid grey; border-radius: 50%; margin-top: 15px }
.vc_single_image-wrapper { position: fixed; top: 40%; right: 0; z-index: 20; width: 52px }
.wpb_single_image img { height: auto; max-width: 100%; vertical-align: top }
.modal input, .modal textarea { border: 1px solid #ccc; margin: 10px 0; padding: 10px 0 10px 5px; width: 100%; margin-bottom: 0!important }
.modal p { margin-bottom: 0 }
.modal .form_main { padding: 0 20px }
.pagination a { padding: 8px 15px; border: 1px solid #085287; margin: 0 2px; color: #085287; border-radius: 2px }
.pagination .current { padding: 8px 15px; border: 1px solid #085287; margin: 0 2px; border-radius: 2px; color: #fff; background: #085287 }
.footer-widgets .footer-cntnt .text-center span.text-white { color: inherit!important }
.footer .widget-title { color: grey }
.nb-form { width: 320px; position: fixed; bottom: -400px; right: 20px; z-index: 99; background: #fff; transition-duration: 1s; display: block; border-radius: 8px 8px 0 0; overflow: hidden }
.nb-form:hover { bottom: 0 }
.nb-form .qcf-style.default h2 { color: #465069; height: auto; font-size: 20px }
.nb-form p.title { padding: 15px 20px; margin-bottom: 0; background: #085287; color: #fff; font-size: 16px; width: 100% }
.nb-form .qcf-main.qcf-style.default { padding: 0 20px }
.nb-form input { margin-bottom: 10px!important; padding: 12px!important; border-color: #085287!important }
.nb-form input#submit { padding: inherit!important; height: 48px; font-size: 14px }
.nb-form .qcf-style.default p, .nb-form .qcf-style.default select { font-size: 12px }
.float-btn { width: inherit!important }
ul.page-numbers { list-style: none; margin: 0 }
.page-numbers:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
ul.page-numbers li { display: block; float: left; margin: 0 4px 4px 0; text-align: center }
.page-numbers a, .page-numbers span { line-height: 1.6em; display: block; padding: 0 6px; height: 18px; line-height: 18px; font-size: 12px; text-decoration: none; font-weight: 400; cursor: pointer; border: 1px solid #ddd; color: #888 }
.page-numbers a span { padding: 0 }
.page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover { color: #000; background: #f7f7f7; text-decoration: none }
.page-numbers:hover { text-decoration: none }
.your-name input[type=text] { border-bottom: 1px solid #ccc!important }
.nb-form input { border: none!important; border-bottom: 1px solid #ccc!important; color: #a5a5a6!important; margin: 16px 0!important; font-family: robotolight!important; width: 100%!important; margin-left: 10px!important }
.nb-form .txt2[type=submit] { font-size: 16px!important; font-style: normal; line-height: 35px; background: #242424 none repeat scroll 0 0; border: 1px solid #4f5c04; border-radius: 25px; color: #fff; font-size: 16px; font-style: normal; line-height: 35px; margin: 10px 0; padding: 0!important; text-transform: uppercase; width: 34%; font-family: robotolight; height: 50px; max-width: 100px }
.preloaderone { width: 100%!important; height: 100%!important; position: fixed; z-index: 99999; background: #a5adb7 }
.preloaderone video { width: 100%!important; height: 100%!important }
a.btn.btn-primary.default.filled { background-color: transparent; border-color: grey; color: grey; border-radius: 1px }
a.btn.btn-primary.default.filled:hover { background-color: #005baf; border-color: #005baf; color: #fff; border-radius: 1px; transition-duration: .5s }
#owl-demo2 .service-content p { min-height: 100px }
.size-h1 { font-size: 34px; font-family: robotobold }
#myBtn.vc_single_image-wrapper { width: inherit }
.timeline { background: #002; position: relative; width: 100% }
.timeline:after { content: ''; position: absolute; width: 3px; background-color: #0487ff69; top: 0; bottom: 0; left: 30px; margin-left: 0; z-index: 0 }

@media screen and (min-width:1024px) {
.timeline:after { left: 50% }
}
.timeline:before { content: ""; position: absolute; bottom: -20px; left: 11px; border-width: 6px; border-style: solid; border-color: #252d65; display: block; z-index: 10; width: 40px; height: 40px; border-radius: 100%; background: #fff }

@media screen and (min-width:1024px) {
.timeline:before { left: 50%; margin-left: -19px }
}

@media screen and (min-width:1024px) {
.timeline { display: flex; flex-direction: column }
}

@media screen and (min-width:1024px) {
.timeline .milestone-cont:nth-child(odd) { width: 50%; align-self: flex-end; z-index: 1 }
.timeline .milestone-cont:nth-child(odd) .milestone { box-shadow: 0 5px 5px #0c0c0c82; margin-left: 80px; background: #5252529e }
.timeline .milestone-cont:nth-child(odd) .milestone .bullet { left: -100px }
.timeline .milestone-cont:nth-child(odd) .milestone:after { top: 16px; left: -20px; bottom: auto; border-width: 10px 20px 10px 0; border-color: #69484800 #7f7f7f }
.timeline .milestone-cont:nth-child(odd) .milestone:before { top: 16px; left: -18px; bottom: auto; border-width: 10px 20px 10px 0; border-color: #fff0 #0202ff00; z-index: 10 }
.timeline .milestone-cont:nth-child(even) { width: 50%; align-self: flex-start; z-index: 1 }
.timeline .milestone-cont:nth-child(even) .milestone { margin-right: 80px; margin-left: 0; box-shadow: 0 5px 5px #0c0c0c82; background: #5252529e }
.timeline .milestone-cont:nth-child(even) .milestone .bullet { left: auto; right: -100px }
.timeline .milestone-cont:nth-child(even) .milestone:after { top: 16px; right: -20px; bottom: auto; left: auto; border-width: 10px 0 10px 20px; border-color: #0000 #7f7f7f }
.timeline .milestone-cont:nth-child(even) .milestone:before { top: 16px; right: -18px; bottom: auto; border-width: 10px 0 10px 20px; left: auto; border-color: #fff0 #0202ff00 }
}
.timeline .milestone-cont .milestone { border-radius: .25rem; margin: .75rem; position: relative; padding: 15px; color: #000; margin-left: 120px; box-shadow: 0 5px 5px #0c0c0c82; margin-left: 78px; background: #5252529e; float: left }
.timeline .milestone-cont .milestone:after { content: ""; position: absolute; border-style: solid; display: block; width: 0; top: 16px; left: -20px; bottom: auto; border-width: 10px 20px 10px 0; border-color: #0000 #7f7f7f }
.timeline .milestone-cont .milestone:before { content: ""; position: absolute; right: 50px; border-style: solid; display: block; width: 0; z-index: 10; top: 16px; left: -18px; bottom: auto; border-width: 10px 20px 10px 0; border-color: #fff0 #fff; z-index: 10 }
.timeline .milestone-cont .milestone .bullet { position: absolute; top: 6px; left: -110px; border-width: 6px; border-style: solid; border-color: #008eff6b; display: block; z-index: 10; width: 40px; height: 40px; border-radius: 100%; background-image: url(../images/logo-list.png)!important; background-size: cover; background-repeat: no-repeat; background-position: center }
.bg-gray-100 { width: 70%; margin: auto }
#milestone { background-size: cover }
.milestone-cntnt h5 { color: #fefefe; margin-bottom: 6px; font-size: 16px; font-family: robotobold }
.milestone-cntnt p { color: #fff; margin-bottom: 5px; font-size: 13px; line-height: 17px }
#milestone h2.title { color: #fff!important }
.timeline .milestone-cont:nth-child(even)h4.milestone-cont h4 { padding-right: 22%; color: #fff; text-align: right }
.timeline .milestone-cont .milestone { float: left }
nav ul li.menu-item-has-children ul { display: none; transition: .4s }
nav ul li.menu-item-has-children:hover ul { display: block; transition: .4s; list-style: none; position: absolute; background: #005eb1; min-width: 150px; color: #fff; padding: 0; border-radius: 3px; z-index: 2 }
nav ul li ul li a { color: #fff; width: 100%; float: left; padding: 3px; text-align: center }
nav ul li ul li a:hover { color: #fff }
nav ul li.menu-item-has-children:hover ul:before { content: ''; display: inline-block; width: 0; height: 0; border: 11px solid transparent; vertical-align: middle }
nav ul li.menu-item-has-children:hover ul:before { border-bottom-color: #005eb1; top: -17px; position: absolute; left: 36% }
nav ul li.menu-item-has-children:hover ul li { padding: 4px 0 }
.nb-form input { margin-left: 0!important }
.pagination, .pagination .current, .pagination a { display: block; float: left; margin-bottom: 3px }
#owl-demo2-2 .IndustryServeBox { width: 95% }
.nb-form form { padding: 10px }
.tabcontent { width: 100% }
a.btn.btn-danger.default.filled.mb-4 { background: #ee3a01; background-color: #ee3a01 }
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-image: url('../images/loader.gif'); background-repeat: no-repeat; background-color: #FFF; background-position: center; background-size: cover; }
.article-footer-left { float: left; line-height: 36px; width: 100%; padding: 0px 0 5px 0; }
.article-footer-left p { color: #6f6f6f; font-weight: bold; font-size: 13px; }
h1.resident { color: #000!important; font-size: 31px!important; font-family: robotolight; font-weight: normal; }
.blog_img { height: 200px; overflow: hidden; display: block; }
.blog_img img { height: 100% !important }
.blog_p { font-weight: bold; color: #0062cc; }
.article-detail h1.article-title { margin-bottom: 5px!important; }
.heateor_sss_vertical_sharing { display: none!important; }
.modal-backdrop { z-index: 10; }
#myModal_product .form_main { padding: 0; margin: 0; }
#owl-carousel_pop_up li { list-style: none; }
#owl-carousel_pop_up li img { width: 100%; height: auto; }
ul#owl-carousel_pop_up { width: 100%; margin: 0; padding: 0; }
#owl-carousel_pop_up .owl-pagination { display: none; }
#owl-carousel_pop_up .owl-prev { left: 0; top: 45%; background-image: url(../images/prew.png)!important; height: 30px; width: 30px; }
#owl-carousel_pop_up .owl-next { right: 0; top: 45%; background-image: url(../images/next.png)!important; height: 30px; width: 30px; }
.portfolio-details span { font-size: 22px; color: #fff; font-family: robotolight; }
.work-progress .portfolio { height: 300px!important; min-height: 300px; }
.portfolio img { width: 100%; height: auto; display: block; }
.portfolio a.work_link { width: 100%; height: 300px; display: block; overflow: hidden }
.disply_none { display: none; }
.work_portfolio { top: 0px!important }
#offer_modal .modal-content { max-width: 100%; }
#offer_modal .modal-body { padding: 3px }
#offer_modal button.close { position: absolute; right: -16px; opacity: 1; font-weight: normal; background: rgb(0, 93, 177); height: 30px; top: -18px; width: 30px; text-align: center; border-radius: 50%; line-height: 30px; text-shadow: none; }
#offer_modal button.close:hover { text-shadow: none; color: #fff }
.fancybox-image, .fancybox-spaceball { width: auto !important; max-width: 100% !important; max-height: 100% }
#slideshow_1_thumbs_1 ul{width:100%; text-align:center !important}
#slideshow_1_thumbs_1 li a{display:block}
@media (min-width :320px) and (max-width:767px) {
.preloader { display: none!important; }
.second-tab.amenities ul li { float: none; width: 100% }
#slideshow_1_thumbs_1{position:inherit; width:100%}
#slideshow_1_thumbs_1 ul{width:100%; text-align:left !important; padding:0 7px}
#slideshow_1_thumbs_1 li{display:inline-block}
#slideshow_1_thumbs_1 li a{display:block; padding:14px 7px;}
#slideshow_1_thumbs_1 li a img{padding:0}

}
.sub-txt-date { display: block; float: left; position: relative; z-index: 1; background: #f4f7f6; width: 100%; text-align: center; }
#home h1.title { font-weight: 200; font-size: 31px; padding-left: 120px; position: relative; margin-bottom: 0; margin-top: 0; display: inline-block; font-family: robotolight; color: #000!important; }
#home h1.title:before { left: 0; width: 108px; position: absolute; top: 50%; margin-top: -.5px; height: 0; border-bottom: 1px solid; content: ""; }
.title strong { font-family: robotomedium; font-weight: 400; color: #005baf; }
/*29 June 2020*/
.desoslide-wrapper .desoslide-overlay { display: none !important }
.map iframe { max-width: 100% !important }
.toggle_panel_group{padding-top:15px}
/* 11-02-2025 */
.soldout-button{
	background: red;
	padding: 10px;
	color: #fff;
	margin-bottom: 10px;
	border-radius: 10px;
	text-align: center;
}
/* 11-08-2025 */
.owl-theme .owl-controls {
  margin-top: 15px !important;
}