/** * @file * Component styling for EVA /* ==== Code of Content ======= 1. Accordions 2. Alert 3. Background-image-block 4. Block 5. breadcrumb 6. Button 7. Call to action 8. collapsible block 9. Comment 10. contact-info 11. Credit-card 12. detailed pager 13. Dropdowns/ menu notification 14. fa icons list 15. Fixed-header 16. Flexslider 17. Flexslider-global 18. in page slider 19. Forms 20. Highlights 21. front page background 22. Icons list 23. Images overlay 24. Inline list 25. In page navigatio 26. item-list 27. Menu 28. messages 29. mini pager 30. More link 31. owl carousels 32. pager 33. nav pills 34. post progress component 35. pricing tables 36. progress bars 37. reading time component 38. search block 39. separators 40. site branding block 41. slideout region 42. Social Links 43. Subscribe forms 44. Table 45. Tabs 46. team members 47. Text block 48. Timeline 49. scroll to bottom button 50. scroll to top button 51. scrolling tabs 52. Start Featured Box 53. Start Footer 54. Start Home page sponsor list 55. Start Add to calender 56. Start title 57. Start speakers-list 58. Start confrencee programee listing 59. Start Attendee-directory 60. Start community-forums listing / exhibitor listing 61. Start gamification leaderboard 62. Start FAQ 63. Start Global search 64. Start Gamification 65. Start Poster 66. User Profile 67. tradeshow 68. View Recording listing page 69. Ajex loader/cookie policy popup 70. Site Preloder 71. Default Background-image 72. Fix the sponsors slier arrow 73. New full schedule Page 74. password validation 75. ZebraDialog Box Design 76. top banner Live session with indictor 77. left Align Event Section 78. Event section with banner. 79. view more on speaker details. 83. Message-Board 84. User-Quick link 84. for button disable 85. Right collapse panel section ===== End Code of Content ====*/ /* p, div, a, span, h1, h2, h3, h4, h5, h6 {word-break: break-word;} */ .speaker-details hr { border-top: 1px solid #ebebeb;margin-bottom: 15px;margin-top: 15px;} #drupalchat-wrapper{bottom:0px;/* height:15px;*/ margin:0 1%;position:fixed;left:0;z-index:9999;} #drupalchat ul li{padding:0 !important} #drupalchat ul li{float:right;} a.button.disabled{pointer-events:none;opacity:.65;} hr.hrcustom{margin-bottom:0px !important;margin-top:10px !important;} /*=========================================*/ /* ==== 1. Start Accordian ==== */ /*=========================================*/ .collapse-group{margin:0 0 25px 0;border-width:1px;border-style:solid;border-color:#eaeaea;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;} .collapse-group .card{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;border-width:0 0 1px 0;border-color:#eaeaea;background-color:transparent;box-shadow:none;} .collapse-group .card:last-child{border-bottom:none;} .collapse-group .card + .card{margin:0;} .card-header{background-color:#ffffff;border-bottom:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;} .card-title{margin-bottom:0;} .card-title a{font-weight:500;font-size:18px;padding:15px 20px;display:inline-block;width:100%;text-decoration:none;display:inline-block;background-color:#f4f4f4;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#eaeaea;color:#575757;} .card-title a:focus,.card-title a:hover{color:#575757;} .headings-wide-spacing-enabled .card-title a{letter-spacing:0.25em;text-transform:uppercase;} .card-title a.collapsed{background-color:#ffffff;border-bottom-color:transparent;} .card:last-child .card-title a:not(.collapsed){border-radius:0;} .card-title a:hover,.card-title a:focus{background-color:#f4f4f4;} .card:first-child .card-title a{border-radius:5px 5px 0 0;} .card:last-child .card-title a{border-radius:0 0 5px 5px;} .card-header--trigger-icon .card-title a{position:relative;padding-right:65px;} .card-header--trigger-icon .card-title a:after{font-family:"FontAwesome";content:"\f13a";-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;position:absolute;top:50%;margin-top:-10px;text-align:center;font-size:20px;line-height:1;right:20px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;} .headings-wide-spacing-enabled .card-header--trigger-icon .card-title a:after{letter-spacing:0;} .card-header--trigger-icon .card-title a.collapsed:after{content:"\f139";} .card-title span{display:inline-block;padding-right:5px;} .card-body{padding:20px;background-color:#fff;color:#2d2d2d;border-top-color:#eaeaea;} .card:last-child .card-body{border-radius:0 0 5px 5px;} /*accrodions @colored-regions*/ .region--gray-background .card-title a{background-color:#ffffff;} /*Style 2*/ .collapse-group.collapse-group--style-2{border-width:0px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;overflow:visible;} .collapse-group.collapse-group--style-2 .card{border-width:0;} .collapse-group.collapse-group--style-2 .card + .card{margin-top:10px;} .collapse-group.collapse-group--style-2 .card-header{background-color:transparent;} .collapse-group.collapse-group--style-2 .card .card-title a{border-radius:5px;color:#ffffff;} .collapse-group.collapse-group--style-2 .card-header--trigger-icon .card-title a{padding-right:35px;border-width:1px;border-style:solid;border-color:transparent;} .collapse-group.collapse-group--style-2 .card-header--trigger-icon .card-title a:after{font-family:"Fontello";content:"\e800";right:20px;font-size:18px;line-height:1;} .collapse-group.collapse-group--style-2 .card-header--trigger-icon .card-title a.collapsed:after{content:"\e801";} .collapse-group.collapse-group--style-2 .card-body{background-color:transparent;color:inherit;border-top:none;padding:15px 25px;} /*Style 2 @colored regions*/ /*--- Start networking room ---*/ .region--light-typography .collapse-group.collapse-group--style-2 .card-header--trigger-icon .card-title a.collapsed{background-color:transparent;color:#ffffff;border-color:#ffffff;} .region--light-typography .collapse-group.collapse-group--style-2 .card-header--trigger-icon .card-title a,.region--light-typography .collapse-group.collapse-group--style-2 .card-header--trigger-icon .card-title a:hover{background-color:#ffffff;} .card-title a, .card-title a.collapsed{ width: 100%;padding: 15px !important;background-color: #eee !important;color: #555 !important;font-size:16px !important} .card-networkingroom {border: 1px solid rgba(0,0,0,.06);box-shadow: 0px 0px 20px rgb(92 111 139 / 12%);border-radius: 9px;padding:15px;min-height:120px;position: relative;overflow: hidden;margin-bottom: 15px;text-align: center;} .card-networkingroom .fa, .card-networkingroom .svg-inline--fa { position: absolute;right: 0px;bottom: -12px;font-size: 60px;opacity: .1;color: #9e9e9e;} .card-networkingroom .fa-heart {position: absolute;top: 15px;font-size: 20px;right: 10px;color: #dc3545;opacity: 1;} .networkingroom .button.button--small.join-room-btn {padding: 8px 10px !important; border-radius: 20px; font-size:12px;} .networkingroom .card-title h6 {margin: 0;color: #e1e1e1;} .monthly-meeting{font-size:13px;font-weight:bold;padding:8px 0 0;color:#e1e1e1;} /*--- End networking room ---*/ /* ==== END Accordian ==== */ /*=========================================*/ /* ==== 2. Alert =======*/ /*=========================================*/ .header-top-highlighted__section .alert{padding:10px 0;margin:0;font-size:14px;} .alert .close{opacity:1;filter:alpha(opacity=1);text-shadow:none;padding:0 10px;height:100%;top:-6px;right:0;font-size:34px;} .alert .close:hover{color:inherit;} /* ==== End Alert ======*/ /*=========================================*/ /* ==== 3. Background-image-block ===*/ /*=========================================*/ .container-fluid .field--mt-background-image-block{margin:0 -15px;} .field--mt-background-image-block .block{padding-bottom:25px;position:relative;} .region--no-paddings .field--mt-background-image-block .block{padding-bottom:0;} .container .container{padding-left:0;padding-right:0;width:auto;} .container .container-fluid{padding-left:0;padding-right:0;} .background-image-block__section{position:relative;padding:90px 0;overflow:hidden;} .background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;} .background-image.background-image--attachment-fixed{background-attachment:fixed;} .background-image.background-image--attachment-scroll{background-attachment:scroll;} @media (min-height:1080px) , (min-width:1920px){ .background-image{background-size:cover;} } .background-image-overlay{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;} .background-image-block__section .background-image-overlay + .container,.background-image-block__section .background-image-overlay + .container-fluid{background-color:transparent;} .touchevents .background-image.background-image--attachment-fixed{background-attachment:scroll;} /*===== End Background-image-block ====*/ /*=========================================*/ /*=======4. Block ======*/ /*=========================================*/ .block{padding:0 0 25px 0;} .col-12 .block{padding-bottom:50px;} .col-12 .block-local-tasks-block{padding-bottom:10px;} .header .block-menu.block,.header-container .block-superfish.block,.block.block-page-title-block,.block-system-breadcrumb-block,#block-googlemapbanner{padding:0;} .slideout__section .block{padding-bottom:50px;} .header-top-highlighted__section .block{padding:0;} .header-top-highlighted__section .block + .block{padding:10px 0 0 0;} .header-top__section .block{padding-bottom:10px;} .header__section .block:first-child:last-child{padding:0;} .content-top__section .block{padding-bottom:75px;} .subfooter__section .block{padding-bottom:10px;} .sidebar__section .block{padding:0 0 70px 0;} .highlighted-top__section .block{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #e1e1e1;} .region--light-typography .highlighted-top__section .block{border-bottom-color:rgba(255, 255, 255, 0.3);} .highlighted-top__section .block:last-child{border:0;margin:0;padding:0;} .block-local-tasks-block{padding:10px 0;} .block .block{padding:0;} .region .block:last-child{padding-bottom:0;} .region--no-block-paddings .block,.region--no-block-paddings .block + .block{padding:0;} .region--background-image {background-size: cover;background-repeat: no-repeat; background-position: 50% 50%;} /*==== End Blcok =====*/ /*=========================================*/ /*==== 5. Breadcrumb ====*/ /*=========================================*/ .breadcrumb{margin:0;padding:0;background-color:transparent;position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-align:right;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#e5e5e5;} .region--light-typography .breadcrumb{border-bottom-color:rgba(255, 255, 255, 0.3);} .breadcrumb__items{font-size:0;padding:0;margin:0;} .breadcrumb__item{display:inline-block;overflow:hidden;vertical-align:top;line-height:1.75;padding:13px 0;font-size:15px;font-weight:400;color:#656565;} .breadcrumb__item a{text-decoration:none;} .region--light-typography .breadcrumb__item{color:#ffffff;} .region--light-typography .breadcrumb__item a{color:#ffffff;} .region--light-typography .breadcrumb__item a:hover{color:#ffffff;} .breadcrumb__item .breadcrumb__item-separator{display:inline-block;padding-left:2px;font-size:10px;vertical-align:middle;font-weight:400;width:20px;} .breadcrumb__item:first-child .breadcrumb__item-separator{display:none;} .container-fluid .breadcrumb{margin-left:-15px;margin-right:-15px;} .container-fluid .breadcrumb .breadcrumb__items{width:100%;padding-left:15px;padding-right:15px;} .add-alignment{text-align: right;} @media (min-width:578px){.container-fluid .breadcrumb .breadcrumb__items{width:510px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;} } @media (min-width:768px){.container-fluid .breadcrumb .breadcrumb__items{width:690px;} } @media (min-width:992px){.container-fluid .breadcrumb .breadcrumb__items{width:930px;} } @media (min-width:1200px){.container-fluid .breadcrumb .breadcrumb__items{width:1450px;} } /*==== End Breadcrumb ====*/ /*=========================================*/ /* ==== 6. Button =======*/ /*=========================================*/ a.button,.button, .button > a,input[type="submit"],input[type="reset"],input[type="button"]{font-size:15px;font-weight:600;padding:16px 30px 15px;color:#ffffff;text-decoration:none;display:inline-block;line-height:1;border-width:2px;border-style:solid;border-color:#e1e1e1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:10px 0;text-align:center;background-color:#e1e1e1;text-transform:uppercase;} a.button.button--small,.button.button--small > a,.button.button--small{font-size:12px;padding:8px 10px;border-width:1px;text-transform:none;} a.button.button--xs, .button.button--xs > a, .button.button--xs {font-size: 12px;padding: 6px 8px; border-width: 1px;text-transform: none;margin-left: 0;} a.button.button--outline,.button.button--outline > a{background-color:transparent;} a.button.button--outline:hover,.button.button--outline > a:hover,a.button.button--outline:focus,.button.button--outline > a:focus{color:#ffffff;} .region--light-typography a.button,.region--light-typography .button > a,.region--light-typography input[type="submit"]{background-color:#ffffff;border-color:#ffffff;} .region--light-typography a.button:hover,.region--light-typography .button > a:hover,.region--light-typography input[type="submit"]:hover,.region--light-typography a.button:focus,.region--light-typography .button > a:focus,.region--light-typography input[type="submit"]:focus{color:#ffffff !important;background-color:transparent;border-color:#ffffff;} .region--light-typography a.button.button--outline,.region--light-typography .button.button--outline > a{background-color:transparent;border-color:#ffffff;color:#ffffff;} .region--light-typography a.button.button--outline:hover,.region--light-typography .button.button--outline > a:hover,.region--light-typography a.button.button--outline:focus,.region--light-typography .button.button--outline > a:focus{background-color:#ffffff;border-color:#ffffff;color:#000000;} .headings-wide-spacing-enabled a.button,.headings-wide-spacing-enabled .button > a,.headings-wide-spacing-enabled input[type="submit"],.headings-wide-spacing-enabled input[type="reset"],.headings-wide-spacing-enabled input[type="button"]{letter-spacing:0.25em;} /* input[type="submit"] + input[type="submit"],.button + .button{margin-left:10px;} */ #my-quiz h2.title:before, #my-quiz h2.title:after{ display: none; } #my-quiz h2 { border: #375f79 solid 1px; padding: 5px 20px; border-radius: 10px; color: #fff !important; background-color: #375f79; } #my-quiz #options ul.list-unstyled { margin-top: 20px; } #my-quiz #options ul.list-unstyled li { margin-bottom: 13px; box-shadow: #ccc 4px 5px 5px; border: #f7f7f7 solid 1px; padding-left: 25px; } #my-quiz button.btn.btn-success.saveAnswer { box-shadow: #ccc 4px 5px 5px; border: #e6e6e6 solid 1px; /* padding: 12px 15px; */ color: #fff !important; background-color: #375f79; } #my-quiz #options ul.list-unstyled li label { display: block; cursor: pointer; /* background-color: #F0F3F6; */ } #my-quiz #quiz-timer { text-align: center; color: #fff !important; border: #375f79 solid 1px; padding: 6px; border-radius: 10px; background-color: #375f79; } .quizQuestWrk { height: 100%; box-shadow: #ccc 4px 5px 5px; background: transparent; border: #e6e6e6 solid 1px; padding: 20px; border-radius: 10px; } .quizQuestWrk .btn.rounded-circle.btn-primary { background: #375f79 !important; border: #375f79 solid 1px !important; color: #fff; } /* .quizQuestWrk .btn.rounded-circle.btn-danger { background: #dc3545 ; border: #dc3545 solid 1px ; } */ /* .quizQuestWrk .btn.rounded-circle.btn-success { background: #198754 !important; border: #198754 solid 1px !important; } */ #my-quiz #options ul.list-unstyled li.bg-success { color: #fff; background: #42c88a !important; } #my-quiz button.btn.btn-success.loadNextQuestion { box-shadow: #ccc 4px 5px 5px; border: #375f79 solid 1px; background-color: #375f79; } #my-quiz li.bg-danger { color: #fff; /* background: #fb5d6c !important; */ } .quizQuestWrk .btn.rounded-circle.btn-success.btn-secondary { background: #42c88a; border: #42c88a solid 1px; box-shadow: #ccc 4px 5px 5px; } .quizQuestWrk .btn{ box-shadow: #ccc 4px 5px 5px; } #my-quiz p#answer_description { background: #f7f7f7; border-radius: 5px; padding: 10px; margin-bottom: 20px; border: #ccc solid 1px; box-shadow: #ccc 4px 5px 5px; } #my-quiz p#answer_description:empty { display: none; } @media (max-width:767px){ .text-center .button + .button{margin-right:5px;} .text-center .button{margin-right:5px;margin-left:5px;} .add-alignment{text-align: center;} .add-alignment { margin-top: 60px; } } #myScheduleDetail button.close { border-radius: 20px; } a.button:hover,a.button:focus,.button > a:hover,.button > a:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="button"]:hover,input[type="button"]:focus{background-color:transparent;border-color: #e1e1e1; color: #e1e1e1;} span.button-operator{margin:0 10px 0 5px;} /* a.button .svg-inline--fa{margin-right:10px;} */ a.button--no-margins{margin:0;} a.button.button--hover-style-2,.button.button--hover-style-2 > a{position:relative;z-index:1;} a.button.button--hover-style-2:before,.button.button--hover-style-2 > a:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;transform:scaleX(0);border-radius:5px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;background-color:#ffffff;} a.button.button--hover-style-2:hover:before,a.button.button--hover-style-2:focus:before,.button.button--hover-style-2 > a:hover:before,.button.button--hover-style-2 > a:focus:before{transform:scaleX(1);} .region--light-typography a.button.button--hover-style-2:before,.region--light-typography .button.button--hover-style-2 > a:before{background-color:#000000;} /* ===== End Button ======*/ /*=========================================*/ /* ==== 7. Call-to-Action ======*/ /*=========================================*/ .container-fluid .call-to-action{max-width:1140px;margin:0 auto;} .call-to-action h2.title{margin-top:0;margin-bottom:30px;} .call-to-action h5{font-weight:400;} .node--type-mt-product .call-to-action{margin-bottom:100px;} @media (max-width:575px){ .call-to-action h2.title{font-size:48px;} } /*===== End Call-to-action =====*/ /*=========================================*/ /* ==== 8. collapsible block ======*/ /*=========================================*/ .container-fluid .field--mt-collapsible-block{margin-right:-15px;margin-left:-15px;} .field--mt-collapsible-block.trigger-icon-enabled{padding:30px 0;} .region .block:last-child:first-child .field--mt-collapsible-block.trigger-icon-enabled{padding:0;} .collapsible-block__trigger{text-align:center;} .collapsible-block__trigger a{display:inline-block;z-index:99;padding:10px 40px;border-radius:5px 5px 0 0;color:#ffffff;text-decoration:none;font-size:15px;} .collapsible-block__trigger-bottom a{border-radius:0 0 5px 5px;} .region--light-typography .collapsible-block__trigger a{border-width:1px 1px 0 1px;border-style:solid;border-color:#ffffff;} .region--light-typography .collapsible-block__trigger-bottom a{border-width:0 1px 1px 1px;} .collapsible-block__trigger-bar .collapsible-block-icon{margin-left:5px;} .collapsible-block__trigger a:hover,.collapsible-block__trigger a:focus{color:#ffffff;} .collapsible-block__trigger-icon .collapsible-block-icon{font-size:16px;width:100%;height:100%;line-height:1;text-align:center;color:#ffffff;} .collapsible-block__expand-icon{display:none;} .collapsible-block__collapse-icon{display:inline-block;} .collapsed .collapsible-block__expand-icon{display:inline-block;} .collapsed .collapsible-block__collapse-icon{display:none;} /* ==== End collapsible block ======*/ /*=========================================*/ /* ===== 9. Comments ====*/ /*=========================================*/ .comment{margin:0 0 25px 0;position:relative;} .comment header{position:absolute;top:0;left:0;width:70px;height:70px;} .comment .field--name-user-picture a{display:block;} .comment header + .comment__content-container{padding-left:60px;} .comment h3.title{margin:0 0 10px 0;font-size:18px;} .comment__meta .username{text-transform:capitalize;} .field--name-comment-body{font-size:18px;line-height:1.66;color:#949494;} .node .comment ul.links.inline{margin-right:-5px;margin-left:-5px;display:inline-block;padding:0;} .node .comment ul.links li{font-size:16px;} .node .comment ul.links li a{background:transparent;font-size:16px;padding:0 2px;margin:0;font-weight:400;display:inline;min-width:0;text-align:left;border:none;color:#949494;text-transform:none;text-decoration:none;box-shadow:none;} .user-logged-in .node .comment ul.links li a{padding:0 5px;} .node .comment ul.links li a:hover{background:transparent;} .node .comment ul.links li a:before{font-family:"fontello";position:relative;padding:0 5px 0 0;} .node .comment ul.links li.comment-delete a:before{content:"\f1f8";} .node .comment ul.links li.comment-edit a:before{content:"\e802";} .node .comment ul.links li.comment-reply a:before{content:"\f122";} .new-indicator{position:absolute;top:-25px;} .indented{padding-left: 50px; border-bottom: 1px solid #ebebeb; margin: 0px 10px;} @media (min-width:768px){ .comment__links{text-align:right;display:inline-block;float:right;margin-top:-3px;} } @media (max-width:767px){ .indented{margin-left:65px;} .comment header{position:static;margin-bottom:10px;} /* .comment header + .comment__content-container{padding-left:0;} */ .comment__meta{margin-bottom:10px;} a.button.button--small, .button.button--small > a, .button.button--small{padding: 8px 10px;} .gamification-Leaderboard .leader-image img {min-height: 350px !important ;max-height: 350px !important;} .gamification-Leaderboard ul li{padding-left: 1.7rem;} .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr { display: flex; flex-direction: column; margin-bottom: 0px !important;} .fc-toolbar-chunk{margin-top: 5px;} } @media (max-width:575px){ .indented{margin-left:30px;} } .comment-wrapper h2.title{padding-bottom:15px;margin:10px 0 30px 0;font-size:18px;font-weight:600;border-bottom:4px double #f0f0f0;text-align:left;text-transform:uppercase;clear:both;} .comment-wrapper h2.title:after{width:0;height:0;} /* ===== End Comments =====*/ /*=========================================*/ /* ==== 10. contact info =======*/ /*=========================================*/ .contact-info .icon{width:90px;height:90px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin:0 auto 30px;text-align:center;display:block;color:#575757;background:#ebebeb;} .contact-info .icon .svg-inline--fa{font-size:30px;width:100%;height:100%;line-height:92px;} .contact-info ul,ul.contact-info{list-style:none;margin:10px 0;padding:0;} .contact-info li{overflow-wrap:break-word;padding:0 0 0 30px;margin:0 0 20px 0;position:relative;} .contact-info li > .svg-inline--fa{color:#878787;position:absolute;left:0;top:5px;font-size:16px;width:22px;text-align:left;} .slideout__section .contact-info li{padding:0 0 25px 25px;min-height:0;position:relative;} .slideout__section .contact-info li > .svg-inline--fa{top:5px;font-size:15px;line-height:1;width:20px;height:auto;text-align:left;color:#878787;background-color:transparent;} .region--light-typography .contact-info .icon{background-color:#ffffff;color:#575757;} .region--light-typography .contact-info li .svg-inline--fa{color: var(--menulink);} .region--light-typography .slideout__section .contact-info li .svg-inline--fa{background-color:transparent;} .region--light-typography.region--dark-background .slideout__section .contact-info li .svg-inline--fa,.region--light-typography.region--black-background .slideout__section .contact-info li .svg-inline--fa,.region--light-typography.region--colored-background .slideout__section .contact-info li .svg-inline--fa{color:#ffffff;} .block + .block .contact-info-items-grid{border-top-style:solid;border-width:2px;border-color:#f2f4f6;margin-top:45px;padding-top:50px;} .contact-info-items-grid .contact-info-item{min-height:160px;padding-top:30px;} .contact-info-items-grid .contact-info-item.contact-info-item--bordered{border-right-style:solid;border-right-width:2px;border-right-color:#f2f4f6;} .contact-info-items-grid .contact-info-item__icon{font-size:50px;margin-bottom:15px;line-height:1;} .contact-info-items-grid .contact-info-item__text{font-size:20px;line-height:1.2;} .region--dark-typography .contact-info-items-grid .contact-info-item__icon{color:#e6e6e6;} .region--light-typography .contact-info-items-grid .contact-info-item.contact-info-item--bordered,.region--light-typography .block + .block .contact-info-items-grid{border-color:rgba(255, 255, 255, 0.15);} .company-info{padding-top:10px;} @media (max-width:767px){ .company-info{padding-bottom:10px;} } .contact-info__text-primary{font-size:40px;margin:0 0 10px 0;} .contact-info__text-secondary{font-size:30px;margin:10px 0 10px 0;} @media (max-width:575px){ .contact-info__text-primary{font-size:24px;} .contact-info__text-secondary{font-size:20px;} } /*===== End contact info =======*/ /*=========================================*/ /* ==== 11. Credit-card =====*/ /*=========================================*/ .credit-cards{padding-left:0;} .credit-cards li{display:inline-block;padding:0;font-size:36px;} .region--dark-typography .credit-cards li{color:#363636;} /* ==== End Credit-card =====*/ /*=========================================*/ /* ==== 12. detailed pager ======*/ /*=========================================*/ .detailed-pager--top{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#e5e5e5;margin-bottom:40px;} .detailed-pager--bottom{border-top-width:4px;border-top-color:#f0f0f0;border-top-style:double;margin-top:60px;padding-top:20px;} .detailed-pager .total-items{font-size:15px;font-weight:700;padding:1em 0;} .detailed-pager .pager__items{margin:0;padding:0;border:none;text-align:right;} .detailed-pager--top.detailed-pager .pager__items{margin-bottom:15px;} .detailed-pager--bottom.detailed-pager .pager__items{margin-top:5px;} li.pager__item > a{margin:0 0.2em;} .region--light-typography .detailed-pager{border-color:rgba(255, 255, 255, 0.4);} /* === End detailed pager =====*/ /*=========================================*/ /* ==== 13. Dropdowns ====*/ /*=========================================*/ /* .field--mt-dropdowns-block{text-align:right;} .header__section .field--mt-dropdowns-block{padding-top:7px;} @media (min-width:768px){ .page-container-border-enabled .header-container .container-fluid .header-third .field--mt-dropdowns-block{padding-right:15px;} } .dropdown-toggle{-webkit-appearance:none;background-color:transparent;border:none;font-size:16px;padding:0 10px;line-height:38px;width:40px;height:40px;text-transform:uppercase;border-width:1px;border-color:#000000;border-style:solid;border-radius:100%;} .dropdown-toggle::after{border:0;margin:0;} .region--light-typography .dropdown-toggle{border-color:rgba(255, 255, 255, 0.5)} .dropdown-menu{min-width:335px;padding:20px;border:none;-webkit-box-shadow:none;box-shadow:none;margin-top:10px;border-radius:0;} .region--white-background .dropdown-menu{background-color:#ffffff;} .region--gray-background .dropdown-menu{background-color:#f4f4f4;} .header.region--gray-background .dropdown-menu{background-color:#f1f1f1;} .region--black-background .dropdown-menu{background-color:#1d1d1d;} .region--white-pattern .dropdown-menu{background-image:url('../../images/white-pattern.png');background-repeat:repeat;background-position:0 0;} .dropdown-menu .field__item + .field__item{padding-top:20px;} */ /*==== End Dropdown =====*/ /*======= Notification =========*/ .notification-toggle{-webkit-box-shadow:0px 0px 9px 0px rgb(0 0 0 / 8%) !important;box-shadow:0px 0px 9px 0px rgb(0 0 0 / 8%) !important;border-color:transparent !important;border-radius:5px !important;padding:0 !important;margin:0;} .custom-noti{width:40px;height:40px;display:inline-block;margin-right:30px !important;} .dropdown-toggle{border:none !important;} span.badge.badge-primary{position:absolute;left:80%;top:2%;background-color:#f58220; padding: 0.25em 0.4em; border-radius: 0.25rem;} .notification{background:#FFF;padding:10px 15px;border:0px;border-style:solid;border-bottom-width:1px;-moz-border-image:-moz-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;-o-border-image:-o-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;border-image:linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;border-radius:5px;} .notification-image{display:inline-block;height:32px;width:32px;overflow:hidden;border-radius:100%;} .notification-image-wrapper{display:table-cell;vertical-align:middle;} .notification-text{display:table-cell;padding-left:15px;vertical-align:middle;color:#747F8B;cursor:pointer;word-spacing:2px;line-height:21px;} .new-notification{background-color:#ededed !important;} .notification-text-details{font-size:14px;line-height:16px;} .user-name-details{font-weight:bold;font-size:14px;} .header-container ul.sf-menu .sf-sub-indicator{right:-4px !important;} ul.sf-menu .sf-sub-indicator::after{content:"\f107" !important;font-family:'fontello';} .notification-toggle:before{content:"";position:absolute;width:0;height:0;border:10px solid transparent;border-bottom-color:#e6e6e6;;left:6%;top:-20px;} .custom-noti .dropdown-menu{min-width:280px;padding:20px;border:none;-webkit-box-shadow:none;box-shadow:none;margin-top:10px;border-radius:0;z-index:999999 !important;} .custom-noti .dropdown-menu p{padding:10px;} .custom-noti .dropdown-toggle::after{content:"";display:none;} /*======= End Notification =========*/ /*=========================================*/ /*==== 14. fa icons list =======*/ /*=========================================*/ .list--fa-star,.list--fa-caret-right,.list--fa-plus,.list--fa-square,.list--fa-check,.list--fa-check-circle,.list--fa-custom{margin-bottom:15px;padding-left:0;list-style:none;} .list--fa-star li,.list--fa-plus li,.list--fa-square li,.list--fa-caret-right li,.list--fa-check li,.list--fa-check-circle li{padding:0 0 5px 20px;position:relative;} .list--fa-star li:before,.list--fa-caret-right li:before,.list--fa-plus li:before,.list--fa-square li:before,.list--fa-check li:before,.list--fa-check-circle li:before{font-family:"fontello";position:absolute;left:0;top:5px;font-size:13px;} .list--fa-star li:before{content:"\e803";} .list--fa-caret-right li:before{content:"\e804";font-size:12px;} .list--fa-plus li:before{content:"\e805";} .list--fa-square li:before{content:"\f0c8";font-size:8px;top:8px;} .list--fa-check li:before{content:"\e806";} .list--fa-check-circle li:before{content:"\e807";} .list--fa-custom li{padding:0 0 5px 0;} .list--fa-custom li .svg-inline--fa{margin-right:5px;width:20px;font-size:14px;} /*==== End fa icons list =======*/ /*=========================================*/ /* ==== 15. Fixed-header =====*/ /*=========================================*/ .header-navbarlogo{width:100%;background-color:#fff;z-index:999;} .header-navbarlogo.sticky{position:fixed;top:0;box-shadow:0 1px 10px #9e9e9e4f;top:-50px;transform:translateY(50px);transition:transform .8s;} /* ==== End Fixed-header =====*/ /*=========================================*/ /*=== 16. flexslider =====*/ /*=========================================*/ .container-fluid .region-banner .view-content .flexslider{max-width:1920px;margin:0 auto;} /* Flexslider module */ .flexslider{background:#fff;border:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;} .flex-caption{width:430px;white-space:normal!important;margin-left:30px;position:absolute;bottom:25px;background:rgba(0,0,0,0.77);color:#fff;padding:20px;display:block;font-size:30px;line-height:1.15;} .flex-caption a{color:#fff;text-transform:none;} .flex-caption a:hover{color:#fff;text-decoration:underline;} @media (max-width:1199px){.flex-caption{font-size:30px;} } @media (max-width:991px){.flex-caption{font-size:24px;} } @media (max-width:767px){.flex-caption{display:none;} } .flex-direction-nav a:before{font-size:34px;} .flex-control-nav{bottom:0;z-index:2;} /*==== End flexslider =======*/ /*=========================================*/ /*==== 17. Flexslider-global =======*/ /*=========================================*/ .flexslider{border:none;margin:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;display:none;background-color:transparent;} /*Slider direction Nav */ .flexslider .flex-direction-nav a{opacity:1;filter:alpha(opacity=100);width:50px;height:100%;top:0;margin:0;text-shadow:none;} .flexslider .flex-direction-nav a:before{font-size:30px;width:100%;text-align:center;display:inline-block;color:#515151;text-shadow:none;line-height:1;position:absolute;top:50%;left:0;margin-top:-30px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .flexslider .flex-prev,.flexslider:hover .flex-direction-nav .flex-prev{left:0;} .flexslider .flex-next,.flexslider:hover .flex-direction-nav .flex-next{right:0;text-align:center;} /*==== End Flexslider-global =====*/ /*=========================================*/ /* ==== 18. in page slider ======*/ /*=========================================*/ .in-page-images-slider ul.slides li{position:relative;} @media (max-width:767px){.in-page-images-slider .flex-viewport{margin-right:-15px;margin-left:-15px;} } /*Carousel direction Nav */ .in-page-images-carousel .flex-direction-nav a{color:#ffffff;width:60px;height:100%;} .in-page-images-carousel .flex-direction-nav li:hover{opacity:1;} .in-page-images-carousel .flex-direction-nav a:before{font-size:30px;margin-top:-15px;color:#ffffff;} .flexslider .flex-next,.flexslider:hover .flex-direction-nav .flex-next{right:0px;} .flexslider .flex-prev,.flexslider:hover .flex-direction-nav .flex-prev{left:0px;} /*In page slider's Carousel*/ .in-page-images-carousel{margin:20px 0 0 0;} .in-page-images-carousel li{margin-right:20px;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .in-page-images-carousel li.flex-active-slide,.in-page-images-carousel li.flex-active-slide:hover{cursor:default;opacity:1;filter:alpha(opacity=100);} .in-page-images-carousel li:hover{opacity:0.8;filter:alpha(opacity=80);} .in-page-images-carousel li .overlay-icon{display:none;} .in-page-images-carousel .slides li a{position:relative;display:block;} .in-page-images-carousel .slides li .overlay{background-color:transparent;opacity:1;} .in-page-images-carousel .slides li a:after{content:"";background-color:rgba(0, 0, 0, 0.6);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .in-page-images-carousel .slides li.flex-active-slide a:after{background-color:transparent;} /* ==== End in page slider ======*/ /*=========================================*/ /* ==== 19. Forms =======*/ /*=========================================*/ .form-item,.form-actions{margin:20px 0;} input.form-text,input.form-tel,input.form-email,input.form-url,input.form-search,input.form-file,input.form-number,input.form-color,input.form-date,input.form-time,textarea,select{font-size:16px;color:#575757;padding:10px 15px;outline:none;border:none;-webkit-appearance:none;width:100%;border-width:1px;border-style:solid;border-color:#f6f6f6;background-color:#f6f6f6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:500;-webkit-transition:border-color 0.2s linear;-o-transition:border-color 0.2s linear;transition:border-color 0.2s linear;} input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .region--gray-background input.form-text,.region--gray-background input.form-tel,.region--gray-background input.form-email,.region--gray-background input.form-url,.region--gray-background input.form-search,.region--gray-background input.form-file,.region--gray-background input.form-number,.region--gray-background input.form-color,.region--gray-background input.form-date,.region--gray-background input.form-time,.region--gray-background textarea,.region--gray-background select{background-color:#ffffff;} .region--light-typography input.form-text,.region--light-typography input.form-tel,.region--light-typography input.form-email,.region--light-typography input.form-url,.region--light-typography input.form-search,.region--light-typography input.form-file,.region--light-typography input.form-number,.region--light-typography input.form-color,.region--light-typography input.form-date,.region--light-typography input.form-time,.region--light-typography textarea,.region--light-typography select{border-color:#ffffff;box-shadow:none;} .region--light-typography input.form-text:hover,.region--light-typography input.form-tel:hover,.region--light-typography input.form-email:hover,.region--light-typography input.form-url:hover,.region--light-typography input.form-search:hover,.region--light-typography input.form-file:hover,.region--light-typography input.form-number:hover,.region--light-typography input.form-color:hover,.region--light-typography input.form-date:hover,.region--light-typography input.form-time:hover,.region--light-typography textarea:hover,.region--light-typography select:hover,.region--light-typography input.form-text:focus,.region--light-typography input.form-tel:focus,.region--light-typography input.form-email:focus,.region--light-typography input.form-url:focus,.region--light-typography input.form-search:focus,.region--light-typography input.form-file:focus,.region--light-typography input.form-number:focus,.region--light-typography input.form-color:focus,.region--light-typography input.form-date:focus,.region--light-typography input.form-time:focus,.region--light-typography textarea:focus,.region--light-typography select:focus{border-color:rgba(255, 255, 255, 0.3);} /* select{margin:10px 0;} */ select#categories { margin: 0;} /*webkit specific rules for select list*/ @media screen and (-webkit-min-device-pixel-ratio:0){select{background-image:url("../../common/common-img/angle-down-black.svg");background-image:linear-gradient(transparent, transparent), url("../../common/common-img/angle-down-black.svg");background-size:15px 15px;background-repeat:no-repeat;background-position:98.5% 50%;} } /*inline form elements*/ .container-inline:not(.block){margin:15px 0;} .container-inline input.form-text,.container-inline input.form-tel,.container-inline input.form-email,.container-inline input.form-url,.container-inline input.form-search,.container-inline input.form-file,.container-inline input.form-number,.container-inline input.form-color,.container-inline input.form-date,.container-inline input.form-time{width:auto;margin-right:0;padding:13px 15px 13px;font-size:18px;line-height:24px;display:inline-block;} .container-inline input[type="submit"]{margin:0;} @media (max-width:767px){.container-inline .form-actions{margin:10px 0;display:block;} .container-inline .form-submit{margin-top:5px;} .container-inline input.form-text, .container-inline input.form-tel, .container-inline input.form-email, .container-inline input.form-url, .container-inline input.form-search, .container-inline input.form-file, .container-inline input.form-number, .container-inline input.form-color, .container-inline input.form-date, .container-inline input.form-time{width:100%;} } /*Form group*/ .form-group{margin-bottom:20px;position:relative;} /* .form-group:last-child{margin-bottom:0;} */ .form-group .form-item,.form-group .form-actions{margin:0;} .form-submit-icon{position:absolute;right:0;top:0;width:30px;height:100%;color:#ffffff;border:none;border-radius:0 5px 5px 0;} .form-submit-icon .svg-inline--fa{height:100%;} /*textarea*/ textarea{resize:none;} /* label{display:block;color:#575757;font-size:15px;} */ .label{color:#575757;} .region--light-typography .label,.region--light-typography label{color:#ffffff;} /*fieldset*/ fieldset{border:1px solid #acacac;padding:0.5em;margin:20px 0 35px;} fieldset legend{border:1px solid #acacac;display:inline-block;width:auto;padding:5px;font-size:15px;margin-left:10px;} fieldset.webform-type-radios,fieldset.webform-type-checkboxes{border:none;} fieldset.webform-type-radios legend,fieldset.webform-type-checkboxes legend{border:none;font-weight:400;font-size:15px;} .region--light-typography fieldset legend{color:#ffffff;} /*checkboxes and radios*/ input[type="radio"],input[type="checkbox"]{margin:0px 10px 3px 0;} /*form placeholder*/ ::-webkit-input-placeholder{color:#575757;} :-moz-placeholder{color:#575757;} ::-moz-placeholder{color:#575757;} :-ms-input-placeholder{color:#575757;} /* ==== End Form =======*/ .search-box {position: relative; font-size: .83333rem;} .position-relative {position: relative!important;} .search-box .search-input { padding-left: 2rem;line-height: 1.7;border-radius: 50rem;-webkit-box-shadow: none;box-shadow: none;border: 1px solid #e1e1e1;font-size: 12px;min-height:36px;} .search-box .search-box-icon {position: absolute;color: #e1e1e1;top: 50%;left: .9rem;-webkit-transform: translateY(-48%);-ms-transform: translateY(-48%);transform: translateY(-48%);} /* === Start Login page ====*/ .login-form {color: #555;border-radius: 5px;background: #fff;border: 2px solid #fff;padding: 50px 70px 70px 70px; -webkit-box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%); box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%);} .login-form .login-text h3{color: #222; font-size: 28px;font-weight: bold;margin-bottom: 30px;margin-top:0;} .login-form input.form-control:focus, input.form-control:focus {outline: 0;box-shadow: none;} .block{padding-bottom:0px !important;} /* === End Login page ====*/ select.setRunningEvent {font-size: 14px;padding: 6px 15px;background-color:transparent;} /*=========================================*/ /* ===== 20. front page background ====*/ /*=========================================*/ .background-image-area{position:relative;} .background-image-area__image{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 0%;background-attachment:scroll;background-size:cover;} @media (min-height:1080px) , (min-width:1920px){.background-image{background-size:cover;} } .background-image-area__overlay{position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;} @media (max-width:767px){.background-image-area.region--black-background .header{background-color:#000000;} .background-image-area.region--white-background .header{background-color:#ffffff;} .background-image-area.region--gray-background .header{background-color:#f6f6f6;} .background-image-area.region--dark-gray-background .header{background-color:#575757;} } @media (min-width:768px){.header-background-image-enabled:not(.onscroll) .header-container .header{background-image:url(../../images/background-image-header.jpg);background-position:50% 50%;border-bottom-color:transparent;border-bottom-width:0;} .header-background-image-enabled:not(.onscroll) .header-container .header:after{background-color:rgba(0, 0, 0, 0.7);content:"";position:absolute;top:0;left:0;width:100%;height:100%;} .header-background-image-enabled:not(.onscroll) .header-container .sticky-wrapper{position:relative;} .header-background-image-enabled:not(.fixed-header-enabled) .header-container .header{position:relative;} .header-background-image-enabled:not(.onscroll) .header-container .header__container{z-index:1;} .header-background-image-enabled .background-image-area .header-container .header{background-image:none;} .header-background-image-enabled .background-image-area .header-container .header:after{background-color:transparent;} .header-background-image-enabled .header-container .region--light-typography .sf-menu > li a.is-active, .header-background-image-enabled .header-container .region--light-typography .sf-menu > li.active-trail > a, .header-background-image-enabled .header-container .region--light-typography .sf-menu > li.sfHover > a, .header-background-image-enabled .header-container .region--light-typography .sf-menu > li > a:hover{opacity:1;} } /* ===== end front page background =====*/ /*=========================================*/ /*====== 21. Highlights =====*/ /*=========================================*/ .highlight{text-align:center;margin-bottom:20px;} .highlight--bordered:before{content:"";width:1px;height:100%;left:-15px;top:0;position:absolute;background-color:#dfdfdf;} .highlight-head{font-size:48px;font-weight:400;} .highlight-body{font-size:22px;font-weight:400;} .headings-wide-spacing-enabled .highlight-body{letter-spacing:0.25em;text-transform:uppercase;} /*highoights @colored regions*/ .region--light-typography .highlight--bordered:before{background-color:#ffffff;} /*highlights style 2*/ .highlight-2{text-align:center;padding:5px 0 40px;} .highlight-2-head{display:block;margin:0 auto;font-size:40px;margin-bottom:25px;font-weight:300;background-color:#f4f4f4;border-radius:100%;width:100px;height:100px;line-height:100px;} .region--gray-background .highlight-2-head{background-color:#ffffff;} .region--light-typography .highlight-2-head{background-color:rgba(255, 255, 255, 0.1);} .highlight-2-body{font-size:12px;font-weight:600;} .headings-wide-spacing-enabled .highlight-2-body{letter-spacing:0.25em;text-transform:uppercase;} /*highlights grid*/ .highlights-grid{border-width:1px;border-style:solid;text-align:center;border-radius:5px;margin:10px 0;} .highlights-grid-item{padding:30px 0;} .region--dark-typography .highlights-grid,.region--dark-typography .highlights-grid-item{border-color:#e4e4e4;} .region--light-typography .highlights-grid,.region--light-typography .highlights-grid-item{border-color:rgba(255, 255, 255, 0.2);} .highlights-grid-item .svg-inline--fa{font-size:35px;margin-bottom:10px;} .highlights-grid-item h5{margin:0;} .highlights-grid-item p{font-size:16px;padding-bottom:0;} .region--dark-typography .highlights-grid-item p{color:#949494} @media (min-width:576px){.highlights-grid-item.border-right{border-right-width:1px;border-right-style:solid;} .highlights-grid-item.border-bottom{border-bottom-width:1px;border-bottom-style:solid;} } @media (max-width:575px){.highlights-grid-item{border-bottom-width:1px;border-bottom-style:solid;} } /*====== Highlights =====*/ /*=========================================*/ /* ===== 22. Icons list =======*/ /*=========================================*/ .feature{text-align:center;margin:25px 0;} .feature__icon{width:100px;height:100px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:block;border-style:solid;border-width:2px;text-align:center;margin:0 auto 40px;border-color:transparent;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.15);} .region--light-typography .feature__icon{border-color:rgba(255, 255, 255, 0.5);box-shadow:none;} .feature__icon .field--name-field-mt-if-fa-icon,.feature__icon .fontawesome-icons,.feature__icon .fontawesome-icon,.feature__icon .svg-inline--fa{height:100%;} .feature__title{text-transform:uppercase;margin-bottom:20px;} .feature__image{margin-bottom:30px;} ul.icons-list{list-style:none;margin:0 -15px;padding:0;} ul.icons-list li{display:inline-block;margin:10px 15px;vertical-align:middle;} ul.icons-list li a{display:block;} ul.icons-list li a:hover{text-decoration:none;-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);} .header-top__section ul.icons-list li a{-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;} ul.icons-list li .svg-inline--fa{font-size:30px;} ul.icons-list--small li .svg-inline--fa{font-size:14px;} ul.icons-list--large li .svg-inline--fa{font-size:28px;} ul.icons-list--extra-large li .svg-inline--fa{font-size:55px;} ul.icons-list.icons-list--bordered{margin:0 -5px;} ul.icons-list.icons-list--bordered li{display:inline-block;margin:4px 5px;} ul.icons-list.icons-list--bordered li a{display:block;width:50px;height:50px;text-align:center;color:#575757;border-width:1px;border-color:#575757;border-style:solid;} ul.icons-list.icons-list--bordered li .svg-inline--fa{height:100%;} ul.icons-list.icons-list--bordered li a:hover{text-decoration:none;-ms-transform:none;-webkit-transform:none;transform:none;} ul.icons-list.icons-list--bordered.icons-list--large li a{width:65px;height:65px;} ul.icons-list.icons-list--bordered.icons-list--extra-large li a{width:80px;height:80px;} ul.icons-list.icons-list--bordered.icons-list--extra-large li .svg-inline--fa{font-size:40px;} ul.icons-list.icons-list--no-margin{font-size:0;margin-left:0;margin-right:0;} ul.icons-list.icons-list--no-margin li{margin:0;} /*colored icons list*/ .region--dark-typography .icons-list.icons-list--bordered li .background-color-facebook{border-color:#2f4b87;background-color:#2f4b87;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-facebook{border-color:#2f4b87;background-color:#2f4b87;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-twitter{border-color:#1da1f2;background-color:#1da1f2;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-twitter{border-color:#1da1f2;background-color:#1da1f2;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-behance{border-color:#1769ff;background-color:#1769ff;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-behance{border-color:#1769ff;background-color:#1769ff;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-dribbble{border-color:#ea4c89;background-color:#ea4c89;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-dribbble{border-color:#ea4c89;background-color:#ea4c89;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-instagram{border-color:#f56040;background-color:#f56040;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-instagram{border-color:#f56040;background-color:#f56040;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-vimeo{border-color:#1ab7ea;background-color:#1ab7ea;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-vimeo{border-color:#1ab7ea;background-color:#1ab7ea;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-youtube{border-color:#cd201f;background-color:#cd201f;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-youtube{border-color:#cd201f;background-color:#cd201f;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-googleplus{border-color:#d34836;background-color:#d34836;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-googleplus{border-color:#d34836;background-color:#d34836;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-linkedin{border-color:#0084bf;background-color:#0084bf;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-linkedin{border-color:#0084bf;background-color:#0084bf;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-facebook:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-facebook:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-twitter:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-twitter:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-behance:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-behance:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-dribbble:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-dribbble:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-instagram:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-instagram:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-vimeo:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-vimeo:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-youtube:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-youtube:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-googleplus:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-googleplus:hover{opacity:0.9;color:#ffffff;border-color:transparent;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-linkedin:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-linkedin:hover{opacity:0.9;color:#ffffff;border-color:transparent;} /*colored icons list inverted*/ .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-facebook{border-color:transparent;color:#2f4b87;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-facebook{border-color:#2f4b87;background-color:#2f4b87;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-twitter{border-color:transparent;color:#1da1f2;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-twitter{border-color:#1da1f2;background-color:#1da1f2;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-behance{border-color:transparent;color:#1769ff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-behance{border-color:#1769ff;background-color:#1769ff;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-dribbble{border-color:transparent;color:#ea4c89;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-dribbble{border-color:#ea4c89;background-color:#ea4c89;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-instagram{border-color:transparent;color:#f56040;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-instagram{border-color:#f56040;background-color:#f56040;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-vimeo{border-color:transparent;color:#1ab7ea;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-vimeo{border-color:#1ab7ea;background-color:#1ab7ea;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-youtube{border-color:transparent;color:#cd201f;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-youtube{border-color:#cd201f;background-color:#cd201f;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-googleplus{border-color:transparent;color:#d34836;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-googleplus{border-color:#d34836;background-color:#d34836;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-linkedin{border-color:transparent;color:#0084bf;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-linkedin{border-color:#0084bf;background-color:#0084bf;color:#ffffff;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-facebook:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-facebook:hover{background-color:#2f4b87;border-color:#2f4b87;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-facebook:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-twitter:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-twitter:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-behance:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-behance:hover{background-color:#1769ff;border-color:#1769ff;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-behance:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-dribbble:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-dribbble:hover{background-color:#ea4c89;border-color:#ea4c89;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-dribbble:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-instagram:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-instagram:hover{background-color:#f56040;border-color:#f56040;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-instagram:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-vimeo:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-vimeo:hover{background-color:#1ab7ea;border-color:#1ab7ea;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-vimeo:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-youtube:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-youtube:hover{background-color:#cd201f;border-color:#cd201f;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-youtube:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-googleplus:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-googleplus:hover{background-color:#d34836;border-color:#d34836;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-googleplus:hover{opacity:0.85;} .region--dark-typography .icons-list.icons-list--bordered li .background-color-inverted-linkedin:hover,.region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-linkedin:hover{background-color:#0084bf;border-color:#0084bf;color:#ffffff;} .region--light-typography .icons-list.icons-list--bordered li .background-color-inverted-linkedin:hover{opacity:0.85;} /*icons list @colored-region*/ .region--light-typography ul.icons-list li a{color: var(--menulink);} .region--light-typography ul.icons-list li a:hover{color: var(--menulink);} .region--light-typography ul.icons-list.icons-list--bordered li a{border-color:rgba(255, 255, 255, 0.50);} .region--light-typography ul.icons-list.icons-list--bordered li a:hover{border-color:rgba(255, 255, 255, 0.20);} /*icons list at footer top region*/ .footer-top__section.footer-top-second .icons-list{text-align:right;} @media (max-width:991px){.footer-top__section.footer-top-second .icons-list{text-align:center;} } /*icons list at header top region*/ .header-top__section ul.icons-list li .svg-inline--fa{font-size:20px;} /* ===== End icons list =======*/ /*=========================================*/ /* ===== 23. Images overlay =======*/ /*=========================================*/ .overlay-container{position:relative;display:block;overflow:hidden;} .image-preview .overlay-container{max-width:100%;float:left;} .overlay-container.overlay-container--circle{border-radius:100%;} .overlay-container--circle img{border-radius:100%;} .overlay{position:absolute;bottom:0;left:0;right:0;top:0;height:100%;width:100%;opacity:0;border-radius:5px;filter:alpha(opacity=0);-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear;z-index:10;} .overlay-container.overlay-container--circle .overlay{border-radius:100%;} .overlay--visible{opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;} .overlay-target-link{position:absolute;width:100%;height:100%;bottom:0;left:0;right:0;top:0;} .overlay--white{background-color:rgba(255, 255, 255, 0.6);} .overlay-inner{position:absolute;height:0;top:50%;margin-top:-40px;left:0;width:100%;text-align:center;} .overlay-inner a.overlay-title{font-size:24px;display:inline-block;color:#ffffff;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:transparent;margin-bottom:0px;text-decoration:none;font-weight:600;} .headings-wide-spacing-enabled .overlay-inner a.overlay-title{letter-spacing:0.25em;text-transform:uppercase;} .overlay-inner a.overlay-title:hover{border-bottom-color:#ffffff;} .overlay-inner .overlay-subtitle{font-size:16px;color:#ffffff;display:block;font-weight:500;} .overlay-caption-container{position:absolute;height:0;top:50%;left:0;margin-top:-32px;width:100%;} .overlay-caption{padding:20px 0;display:block;font-size:14px;text-align:center;text-decoration:none;} .overlay-caption:hover{color:#ffffff;} .overlay-caption--black{background-color:rgba(0,0,0,0.8);color:#ffffff;position:relative;} .overlay-caption--black:before{content:"";background-color:transparent;position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;} .overlay-icon{display:inline-block;font-size:35px;text-align:center;line-height:80px;color:#ffffff;} .overlay-icon:hover{color:#ffffff;} .overlay-icon--small{font-size:20px;} .overlay-icon--button{font-size:30px;width:80px;height:80px;margin:0 10px;background-color:#ffffff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;line-height:80px;color:#ffffff;-webkit-box-shadow:0 0px 0px rgba(0,0,0,0.17);box-shadow:0 0px 0px rgba(0,0,0,0.17);-webkit-transition:all linear 0.2s;-moz-transition:all linear 0.2s;-o-transition:all linear 0.2s;-ms-transition:all linear 0.2s;transition:all linear 0.2s;} .overlay-icon--button-small{width:30px;height:30px;font-size:14px;line-height:30px;margin-top:25px;} .overlay .button{padding:15px 20px;} .overlay .button .svg-inline--fa{margin-right:15px;} .overlay-container:hover{text-decoration:none;} .overlay-container:hover .overlay-caption--black{background-color:transparent;} .overlay-container:hover .overlay-caption--black:before{top:-375px;height:750px;background-color:rgba(0,0,0,0.8);-webkit-transition:all 0.7s linear;-o-transition:all 0.7s linear;transition:all 0.7s linear;} .overlay-container:hover .overlay-caption{-ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);} .overlay-container:hover .overlay{opacity:1;filter:alpha(opacity=100);} .overlay-container:hover .overlay-icon--button{-webkit-box-shadow:0 19px 16px rgba(0,0,0,0.17);box-shadow:0 19px 16px rgba(0,0,0,0.17);} .overlay-animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .overlay-fade-left{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} .overlay-fade-right{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} .overlay-fade-top{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;} .overlay-fade-bottom{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;} .overlay-container:hover .overlay-fade-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} .overlay-container:hover .overlay-fade-right{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} .overlay-container:hover .overlay-fade-top{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .overlay-container:hover .overlay-fade-bottom{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} /* ===== End Images overlay =======*/ /*=========================================*/ /* ===== 24. Inline list =======*/ /*=========================================*/ .inline-list{padding:0;margin:10px -15px;list-style:none;} .inline-list ul{margin:0 -15px;padding:0;} .inline-list ul.icons-list{margin:0 -10px;} .header-top-highlighted__section .inline-list{margin:8px -15px;} .header-top__section .inline-list{margin:0 -15px;} .inline-list__item{display:inline-block;padding:0 15px;} .inline-list__icon{padding-right:5px;} /* ===== Inline list =======*/ /*=========================================*/ /* ==== 25. In page navigatio ======*/ /*=========================================*/ body.in-page-navigation-active{position:relative;} .header-container ul.in-page-navigation li a{margin:0 5px;border-style:solid;border-width:1px;border-color:transparent;} .header-container .region--light-typography ul.in-page-navigation li a.active,.header-container .region--light-typography ul.in-page-navigation li a:focus,.header-container .region--light-typography ul.in-page-navigation li a:hover{border-style:solid;border-width:1px;border-color:#ffffff;background-color:#ffffff;border-radius:5px;color:#656565;opacity:1;} /* ==== End In page navigatio ======*/ /*=========================================*/ /*==== 26. item-list =====*/ /*=========================================*/ .item-list ul{list-style-type:square;} .item-list ul li{margin:0 0 5px 0;} .item-list ul li:last-child,.footer .item-list ul li:last-child,.banner .item-list ul li:last-child{padding:0;} .item-list ul li span{font-size:13px;font-style:italic;font-weight:400;padding-left:5px;} .block-user-login-block .item-list ul li{padding:0;margin:0;border-bottom:none;} .ulcolumn-two {columns: 2;-webkit-columns: 2;-moz-columns: 2;} /*-- social media colored listing --*/ .icons-list.icons-list--bordered li .background-color-facebook{border-color:#2f4b87 !important;background-color:#2f4b87;color:#ffffff !important;} .icons-list.icons-list--bordered li .background-color-twitter{border-color:#1da1f2 !important;background-color:#1da1f2;color:#ffffff !important;} .icons-list.icons-list--bordered li .background-color-instagram{border-color:#cd201f !important;background-color:#cd201f;color:#ffffff !important;background:#f09433;background:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);background:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );} .icons-list.icons-list--bordered li .background-color-linkedin{border-color:#0084bf !important;background-color:#0084bf;color:#ffffff !important;} ul.icons-list--small li .svg-inline--fa{font-size:14px !important;} .icons-list.icons-list--bordered li .background-color-youtube{ border-color: #FF0000 !important; background-color: #FF0000; color: #ffffff !important; } /*-- End --*/ /*==== End item-list =====*/ /*=========================================*/ /* ==== 27. Menu =====*/ /*=========================================*/ .header-nav{background-color:#e1e1e1;right:0;left:0;top:0;margin:0 auto;min-height:89px;display: flex; align-items: center;} .header-nav + .banner-content{margin-top:98px;} #top-header p.py-2{font-size:14px;} .nav-style{color:#fff;} .navbar-light .navbar-nav .nav-link{color:#fff;padding:12px 15px;font-weight:500;} .navbar-light .navbar-nav .nav-link {white-space: nowrap;} .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-item.open .nav-link{border-radius:4px 4px;color:#656565;background-color:#ffffff;padding:12px 15px;} .header-nav ul.navbar-nav > li.dropdown-toggle > a, .header-container ul.navbar-nav > li.dropdown-toggle > span{border-radius:4px 4px 0 0;} .navbar-light .navbar-nav .show>.nav-link{color:#656565;} ul.dropdown-menu{-webkit-box-shadow:0px 0px 30px 0px rgb(0 0 0 / 20%);box-shadow:0px 0px 30px 0px rgb(0 0 0 / 20%);border-color:transparent;border-radius:4px;margin-top:-3px !important;min-width:200px;margin-left:-1px;padding: 0px;} ul.notification-drop{min-width: 300px !important; border-radius: 5px;} .colored-background{background:#00AEEF url(../images/footer-bg.png) no-repeat 0 100%;color:#fff;} ul.icons-list{list-style:none;margin:0 -5px;padding:0;} ul.icons-list li{margin:6px 6px;} li a i{font-size:30px;color:#fff;} span i.far.fa-chevron-right{font-size:10px;} .dropdown-toggle::after{content:"\f107";font-family:'FontAwesome';border:none !important;font-size:8px;} a.link-bordered{border-color:#ffffff !important;text-decoration:none;color:#ffffff;border-bottom-width:1px;border-bottom-style:solid;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .navbar-light .navbar-toggler{color:#ffffff !important;border:none !important;} a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .dropdown-item{padding:0.75rem 1.5rem;color:var(--navbar);border-bottom-width:3px;border-bottom-style:double !important;font-size:15px;border-radius: 3px;} .dropdown-item:hover{padding:0.75rem 1.5rem;border:none !important;color:#e1e1e1; background-color:transparent;border-bottom-width:4px;border-bottom-color:#f0f0f0 !important;border-bottom-style:double !important;font-size:15px;} .dropdown-menu .dropdown-item:last-child, .dropdown-item:last-child:hover{border:none !important;} ul.menu li > a:before{content:"\f105";font-family:"fontello";position:absolute;left:0px;font-size:15px;top:8px;-webkit-transition:all linear 0.2s;-moz-transition:all linear 0.2s;-o-transition:all linear 0.2s;-ms-transition:all linear 0.2s;transition:all linear 0.2s;font-weight:700;} .footer__section ul.menu li a{padding:8px 0 8px 30px;text-decoration:none;font-weight:400;color:var(--menulink);} ul.menu li a, ul.menu li > span{padding:7px 0 8px 20px;line-height:150%;display:block;font-weight:600;text-decoration:none;font-size:16px;color:#575757;} ul.menu li{margin:0;position:relative;list-style:none;padding:0;} ul.menu{margin:0;padding:0;list-style:none;} ul.menu li > a:hover:before{-ms-transform:translateX(5px);-webkit-transform:translateX(5px);transform:translateX(5px);} @media (max-width:768px){.header-nav{min-height:85px;} .header-nav + .banner-content{margin-top:85px;;} .dropdown-toggle::after{float:right;font-size:14px;} .dropdown-menu.show{box-shadow:none;color:#000;background-color:#fff;padding:0;} .dropdown-menu.show a {color:#000;background-color: transparent;font-size: 15px;border-bottom-color: rgb(240, 240, 240) !important;} .navbar-light .navbar-nav .nav-link{border:1px solid rgba(255, 255, 255, 0.1) !important;} .dropdown-item{padding:0.75rem 1.5rem;border:1px solid rgba(255, 255, 255, 0.1) !important;color:#000;} .dropdown-menu a {border-bottom-color: rgb(240, 240, 240) !important;} .dropdown-item:hover{background-color:#ffffff;} .text-mob-center{text-align:center;} .quotes{font-size:1.1rem;} a.navbar-brand{line-height:1.2;font-size:25px;} .contact-info__text-primary{font-size:24px;} .footer__section ul.menu li > a:before{content:"";font-family:sans-serif;width:0px;height:0px;} .footer__section ul.menu li a, .footer__section ul.menu li > span{padding:7px 20px 8px 20px;} .nav-item.dropdown.show a.nav-link{background-color: #fff;} } /* ==== End Menu =====*/ /*=========================================*/ /*==== 28. messages ======*/ /*=========================================*/ .system-messages .col-12{min-height:0;} .messages{color:#ffffff;margin:30px 0 10px;padding:15px 75px;position:relative;-webkit-box-shadow:none;box-shadow:none;border-color:transparent;} .headings-wide-spacing-enabled .messages{letter-spacing:0.2em;text-transform:uppercase;} .messages a{color:#ffffff;text-decoration:underline;} .messages--status{background:#7aa239;} .messages--error{background:#c53300;} .messages--warning{background:#eb8314;} /*Status messages symbols*/ .messages:after{font-family:"fontello";font-size:20px;position:absolute;left:15px;top:4px;text-align:center;padding-top:10px;width:20px;height:35px;} .messages:before{content:"";position:absolute;width:50px;height:100%;top:0;left:0;} .messages--status:after{content:"\e806";} .messages--status:before{background-color:#547f1f;} .messages--error:after{content:"\e809";} .messages--error:before{background-color:#980a00;} .messages--warning:after{content:"\f12a";} .messages--warning:before{background-color:#e2630b;} /* ==== End Messages =====*/ /*=========================================*/ /*==== 29. mini pager =====*/ /*=========================================*/ .pager__items{margin:20px 0;font-size:0;padding:20px 0 0;text-align:center;border-top-width:4px;border-top-color:#f0f0f0;border-top-style:double;} li.pager__item{padding:0;margin:0;display:inline-block;} li.pager__item > a,li.pager__item.is-active{font-size:16px;text-align:center;min-height:40px;min-width:40px;padding:0;margin:0 5px;border-width:2px;border-style:solid;border-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;line-height:36px;text-decoration:none;background-color:transparent;color:#656565;display:inline-block;} /*mini pager @colored regions*/ .region--light-typography li.pager__item > a,.region--light-typography li.pager__item.is-active{color:#ffffff;background-color:transparent;} .region--light-typography li.pager__item a:hover,.region--light-typography li.pager__item a:focus{border-color:#ffffff;color:#ffffff;} /*Reset Bootstrap's rules*/ .pager{margin:0;} /*==== mini pager ========*/ /*=========================================*/ /*==== 30. More link ======*/ /*=========================================*/ .more-link{text-align:left;margin-top:20px;clear:both;} .more-link a{margin:0 0 10px 0px;display:block;background:transparent;padding:0;text-align:left;border:none;font-weight:300;text-decoration:none;font-size:0.8em;} .region--light-typography .more-link a{color:#ffffff;} .region--light-typography.region--black-background .more-link a:hover{text-decoration:none;} @media (max-width:767px){.footer__section .more-link a, .footer-bottom__section .more-link a, .subfooter__section .more-link a{text-align:center;} } /*==== More Link ======*/ /*=========================================*/ /*==== 31. owl carousels ======*/ /*=========================================*/ .owl-carousel{margin:0;padding:0;} .owl-carousel .owl-item li{list-style:none;} /* Styling Next and Prev buttons */ .owl-nav{width:100%;position:relative;height:60px;} .owl-nav div{display:inline-block;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:18px;color:rgba(0, 0, 0, 0.3);top:25px;width:55px;height:55px;text-align:center;border-radius:100%;border-width:2px;border-style:solid;} .owl-nav div:hover{text-decoration:none;} .region--dark-typography .owl-nav div:hover{color:#ffffff;} .region--light-typography .owl-nav div{color:#ffffff;border-color:#ffffff;} .region--light-typography .owl-nav div:hover{background-color:#ffffff;} .owl-nav div:after{font-family:"fontello";font-size:28px;left:0;text-align:center;line-height:50px;} .owl-nav .owl-prev{margin-left:-70px;left:50%;} .owl-nav .owl-prev:after{content:"\f104";} .owl-nav .owl-next{right:50%;left:auto;margin-right:-70px;} .owl-nav .owl-next:after{content:"\f105";} /* Styling pager */ .owl-dots{text-align:center;margin-top:20px;} .owl-nav ~ .owl-dots{margin-top:0;} .owl-dot{display:inline-block;zoom:1;} .owl-dot span{display:block;width:15px;height:15px;margin:5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border-width:2px;border-style:solid;border-color:#c2c2c2;background-color:transparent;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .owl-dot.active span,.owl-dot:hover span{border-color:#c2c2c2;background-color:#c2c2c2;} /*pager at colored regions*/ .region--light-typography .owl-dot span{border-color:rgba(255, 255, 255, 0.5);} .region--light-typography .owl-dot.active span,.region--light-typography .owl-dot:hover span{border-color:#ffffff;background-color:#ffffff;} /*==== END owl carousels ======*/ /*=========================================*/ /*=== 32. pager ====*/ /*=========================================*/ .pager__items{margin:20px 0;font-size:0;padding:20px 0 0;text-align:center;border-top-width:4px;border-top-color:#f0f0f0;border-top-style:double;} li.pager__item{padding:0;margin:5px 0;display:inline-block;} li.pager__item > a{font-size:16px;text-align:center;min-height:40px;min-width:40px;padding:0;margin:0 5px;border-width:2px;border-style:solid;border-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;line-height:36px;text-decoration:none;background-color:transparent;display:block;color:#656565;} li.pager__item.is-active a,li.pager__item.is-active a:hover,li.pager__item.is-active a:focus{color:#ffffff;} li.pager__item a:hover,li.pager__item a:focus{background-color:transparent;} li.pager__item--last,li.pager__item--next{margin-left:20px;} li.pager__item--first,li.pager__item--previous{margin-right:20px;} li.pager__item--next a,li.pager__item--previous a,li.pager__item--last a,li.pager__item--first a{border-radius:5px;padding:0 15px;border-color:#878787;} /*mini pager @colored regions*/ .region--light-typography .pager__items{border-color:rgba(255, 255, 255, 0.2);} .region--light-typography li.pager__item > a{color:#ffffff;background-color:transparent;} .region--light-typography li.pager__item a:hover,.region--light-typography li.pager__item a:focus,.region--light-typography li.pager__item.is-active a,.region--light-typography li.pager__item.is-active:last-child a{border-color:#ffffff;color:#ffffff;} .region--light-typography li.pager__item--next a,.region--light-typography li.pager__item--previous a,.region--light-typography li.pager__item--last a,.region--light-typography li.pager__item--first a{border-color:rgba(255, 255, 255, 0.5);} /*Reset Bootstrap's rules*/ .pager{margin:0;} /*=== EndPager =====*/ /*=========================================*/ /*==== 33. nav pills =====*/ /*=========================================*/ .nav.nav-pills{margin-right:-5px;margin-left:-5px;} .nav-pills > li > a.nav-link{text-decoration:none;padding:10px 25px;font-size:15px;font-weight:500;border-radius:0;color:#575757;background-color:#f6f6f6;border-radius:5px;text-transform:uppercase;} .region--gray-background .nav-pills > li > a.nav-link{background-color:#ffffff;} .headings-wide-spacing-enabled .nav-pills > li > a.nav-link{letter-spacing:0.25em;} .nav-pills > li > a.nav-link:focus,.nav-pills > li > a.nav-link:hover{color:#ffffff;} .nav-pills > li > a.nav-link.active,.nav-pills > li > a.nav-link.active:focus,.nav-pills > li > a.nav-link.active:hover{color:#ffffff;background-color:#575757;} .nav.nav-pills > li,.nav.nav-pills > li + li{margin:0px 5px 15px;} /*nav pills @colored-regions*/ .region--light-typography .nav-pills > li > a.nav-link{color:#ffffff;text-decoration:none;background-color:transparent;border-style:solid;border-width:2px;border-color:#ffffff;} .region--light-typography .nav-pills > li > a.nav-link.active,.region--light-typography .nav-pills > li > a.nav-link.active:focus,.region--light-typography .nav-pills > li > a.nav-link.active:hover,.region--light-typography .nav-pills > li > a.nav-link:hover,.region--light-typography .nav-pills > li > a.nav-link:focus{color:#363636;background-color:#ffffff;} /*==== End nav pills ======*/ /*=========================================*/ /* ==== 34. post progress component ====*/ /*=========================================*/ .post-progress{text-align:center;overflow:hidden;position:relative;margin-bottom:40px;} .post-progress:before{background-color:#e8e8e8;content:"";width:70px;height:5px;display:block;bottom:0;top:auto;position:absolute;z-index:-1;} .post-progress__value{font-size:16px;} .post-progress__text{color:#505050;font-size:15px;} .post-progress__bar{margin-top:10px;width:0;height:5px;} /* ==== End post progress component ======*/ /*=========================================*/ /*===== 35. pricing tables ======*/ /*=========================================*/ .pricing-tables{position:relative;padding-top:30px;} .pricing-tables .pricing-table{text-align:center;border-width:1px;border-style:solid;border-color:#e1e1e1;margin:0 0 40px 0;padding:0 0 95px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:6px;position:relative;} .region--light-typography .pricing-tables .pricing-table{border-color:rgba(255, 255, 255, 0.1);} .pricing-tables .pricing-table-header{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .region--light-typography .pricing-tables .pricing-table-header{background-color:rgba(255, 255, 255, 0.1);} .pricing-tables .pricing-table-title{font-weight:400;font-size:14px;padding:18px 0 2px;} .pricing-tables .pricing-table-title a{color:#ffffff;text-decoration:none;} .pricing-tables .pricing-table-title a:hover{text-decoration:none;color:#ffffff;} .pricing-tables .pricing-table-price{padding:0 0 20px 0;font-weight:700;font-size:30px;} .pricing-tables .pricing-table .item-list>ul{list-style:none;margin:0;} .pricing-tables .pricing-table .item-list li{margin:0;} .pricing-tables .pricing-table .pricing-table-item{padding:15px 20px;margin:0;border-top-width:1px;border-top-style:solid;border-top-color:#f3f3f3;} .pricing-tables .pricing-table li:last-child .pricing-table-item{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#f3f3f3;} .pricing-tables .pricing-table li:nth-child(2n) .pricing-table-item{background-color:#fafafa;} .region--light-typography .pricing-tables .pricing-table .pricing-table-item{border-top-color:rgba(255, 255, 255, 0.05);} .region--light-typography .pricing-tables .pricing-table li:last-child .pricing-table-item{border-bottom-color:rgba(255, 255, 255, 0.11);} .region--light-typography .pricing-tables .pricing-table li:nth-child(2n) .pricing-table-item{background-color:rgba(255, 255, 255, 0.1);} .pricing-tables .pricing-table-footer{position:absolute;bottom:0;width:100%;left:0;padding:0 0 15px;} /*styles*/ /*==== End pricing tables =======*/ /*=========================================*/ /* ==== 36. progress bars =======*/ /*=========================================*/ .progress{border-radius:0;} .progress-title{font-size:12px;font-weight:600;padding-top:10px;} .headings-wide-spacing-enabled .progress-title{letter-spacing:0.25em;text-transform:uppercase;} .progress-bar-gray{background-color:#767676;} /* ==== End Progress bar =====*/ /*=========================================*/ /* ==== 37. reading time component ======*/ /*=========================================*/ .reading-time{font-size:15px;text-align:center;font-weight:700;margin-bottom:20px;} .reading-time__text{font-weight:400;color:#505050;} /* ==== reading time component =======*/ /*=========================================*/ /* ===== 38. search block ====*/ /*=========================================*/ .block-search form{position:relative;} .block-search input.form-search{padding:12px 15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:16px;width:100%;color:#656565;margin:0;} .block-search .form-actions{position:absolute;top:0px;right:0px;margin:0;font-size:16px;} .block-search .form-actions:after{font-family:"fontello";content:"\e80c";position:absolute;top:0;right:15px;z-index:0;line-height:50px;display:block;text-align:center;-webkit-transition:color 0.2s ease-in-out;-moz-transition:color 0.2s ease-in-out;-ms-transition:color 0.2s ease-in-out;-o-transition:color 0.2s ease-in-out;transition:color 0.2s ease-in-out;} .block-search input.form-submit{background-color:transparent;min-width:0;position:relative;z-index:1;height:50px;margin:0;padding:0 20px;text-indent:-9999px;border:none;box-shadow:none;} .block-search input.form-submit:focus,.block-search input.form-submit:hover{outline:none;background:transparent;} /*Search blocks @colored-regions*/ .region--black-background .block-search input.form-submit,.region--black-background .block-search input.form-submit:hover{background-color:transparent;} /*Header top highlighted search bar*/ .header-top-highlighted__section .block-search{margin:10px 0 0;} .header-top-highlighted__section .block-search form{position:relative;padding-left:35px;} .header-top-highlighted__section input.form-search{background-color:transparent;padding:5px 0;border-width:0;border-radius:0;margin:0;box-shadow:none;} .region--light-typography .header-top-highlighted__section input.form-search{color:#ffffff;} .header-top-highlighted__section input.form-search:focus,.header-top-highlighted__section input.form-search:hover{box-shadow:none;} .header-top-highlighted__section .block-search .form-actions{left:0;width:35px;text-align:center;} .header-top-highlighted__section .block-search .form-actions:after{font-family:"fontello";content:"\e80c";position:absolute;top:0;left:10px;z-index:0;height:100%;display:block;} .header-top-highlighted__section .block-search input.form-submit{height:35px;width:35px;box-shadow:none;} .region--light-typography .header-top-highlighted__section .block-search .form-actions:after{color:#ffffff;} .region--light-typography .header-top-highlighted__section::-webkit-input-placeholder{color:#ffffff;} .region--light-typography .header-top-highlighted__section:-moz-placeholder{color:#ffffff;} .region--light-typography .header-top-highlighted__section::-moz-placeholder{color:#ffffff;} .region--light-typography .header-top-highlighted__section:-ms-input-placeholder{color:#ffffff;} @media (max-width:767px){.header-top-highlighted__section .block-search{margin-bottom:10px;} } /*Header top search bar*/ .header-top__section .block-search{margin:10px 0 0;} .header-top__section .block-search form{position:relative;padding-left:35px;} .header-top__section input.form-search{background-color:transparent;padding:5px 0;border-width:0;border-radius:0;margin:0;box-shadow:none;} .region--light-typography .header-top__section input.form-search{color:#ffffff;} .header-top__section input.form-search:focus,.header-top__section input.form-search:hover{box-shadow:none;} .header-top__section .block-search .form-actions{left:0;width:35px;text-align:center;} .header-top__section .block-search .form-actions:after{font-family:"fontello";content:"\e80c";position:absolute;top:0;left:5px;line-height:35px;z-index:0;display:block;font-size:16px;} .header-top__section .block-search input.form-submit{height:35px;width:35px;box-shadow:none;} .region--light-typography .header-top__section .block-search .form-actions:after{color:#ffffff;} .region--light-typography .header-top__section::-webkit-input-placeholder{color:#ffffff;} .region--light-typography .header-top__section:-moz-placeholder{color:#ffffff;} .region--light-typography .header-top__section::-moz-placeholder{color:#ffffff;} .region--light-typography .header-top__section:-ms-input-placeholder{color:#ffffff;} @media (max-width:767px){.header-top__section .block-search{display:none;} } /*Navigation search bar*/ .header__section .block-search{padding-top:8px;} /* ===== End search block =====*/ /*=========================================*/ /*=== 39. separators =====*/ /*=========================================*/ .separator{width:60px;height:5px;margin:20px auto;display:block;border-radius:10px;} .separator--gray{background-color:#e4e8ed;} .separator--white{background-color:#ffffff;} .separator--black{background-color:#232323;} /* ==== End separators ======*/ /*=========================================*/ /*=== 40. site branding block =====*/ /*=========================================*/ @media (min-width:992px){.header-container .container-fluid .logo-and-site-name-wrapper{padding-left:20px;} } .logo{float:left;margin-right:10px;display:inline-block;margin-bottom:5px;} .logo-centered{float:none;text-align:center;} .logo-centered .site-branding__logo{display:block;margin-bottom:10px;} .logo:hover{opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .site-name a{font-size:28px;font-weight:900;line-height:1.1;text-decoration:none;} .region--light-typography .site-name a{color:#ffffff;} .site-name a:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .site-slogan{font-size:12px;line-height:1.30;padding:0;font-weight:500;text-transform:uppercase;} .headings-wide-spacing-enabled .site-slogan{letter-spacing:0.25em;} .site-branding__logo img, .footer .logo-footer{max-height:73px;width:auto;} @media (max-width:767px){.logo img{max-height:65px;} .site-name{padding-top:8px;display:inline-block;} .site-slogan{display:none;} } @media only screen and (max-width: 768px){ .site-branding__logo {width: 85%;} } /*site branding at full width regions*/ .col-12 .logo-and-site-name-wrapper{margin:0 0 15px;text-align:center;} .col-12 .logo{margin:0 auto;float:none;} .col-12 .site-branding__logo{display:block;margin-bottom:10px;} .col-12 .site-name a{font-size:32px;margin-bottom:5px;display:block;} .col-12 .site-slogan{color:inherit;} /* Site Branding @slideout region*/ .slideout__section .logo-and-site-name-wrapper{margin:0 0 15px;} .slideout__section .logo{display:block;float:none;margin:0 auto;text-align:center;} .slideout__section .logo a{margin:0 auto;display:inline-block;} .slideout__section .site-name a{margin-bottom:5px;display:block;text-align:center;} .slideout__section .site-slogan{color:inherit;text-align:center;} /* Site Branding @footer*/ .footer__section .logo-and-site-name-wrapper{margin:0 0 15px;} .footer__section .site-name a{margin-bottom:5px;display:block;} .footer__section .site-slogan{color:inherit;} /* Site Branding @subfooter*/ .region--dark-typography .subfooter__section .site-slogan{color:#a5a5a5;} /*==== END site branding block =====*/ /*=========================================*/ /*==== 41. slideout region ======*/ /*=========================================*/ .slideout{padding:60px 20px;display:none;} .slideout-toggle{font-size:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:31px;line-height:1;color:#ffffff;border-width:0;outline:none;display:none;} .onscroll .slideout-toggle{padding:26px;} .onscroll .mt-count-down ~ .slideout-toggle{top:0;} .slideout-side-right .slideout-menu{left:auto;} .slideout-side-right .slideout-toggle{left:auto;right:0;} .slideout-toggle--fixed{backface-visibility:hidden;position:fixed;z-index:2;transition:transform 300ms ease, padding 200ms ease;} .js-slideout-toggle--fixed-open{transform:translate3d(300px, 0px, 0px);} .slideout-side-right .js-slideout-toggle--fixed-open{transform:translate3d(-300px, 0px, 0px);} @media (max-width:767px){.slideout-toggle{padding:26px;} } /* ==== End slideout region ======*/ /*=========================================*/ /*====== 42. Social Links =====*/ /*=========================================*/ .social-links{margin:0;padding:0;list-style-type:none;display:block;font-size:0;} .social-links.social-links--inline li{display:inline-block;} .social-links li a{font-size:12px;font-weight:600;text-decoration:none;padding:10px 20px;line-height:1;display:inline-block;border-radius:4px;} .social-links li a:hover{background-color:rgba(255, 255, 255, 0.8);} .headings-wide-spacing-enabled .social-links li a{letter-spacing:0.25em;text-transform:uppercase;} .text-color-facebook,.region--light-typography .text-color-facebook,a.hover-color-facebook:hover,.region--light-typography a.hover-color-facebook:hover{color:#3b5998;} .text-color-twitter,.region--light-typography .text-color-twitter,a.hover-color-twitter:hover,.region--light-typography a.hover-color-twitter:hover{color:#1da1f3} .text-color-behance,.region--light-typography .text-color-behance,a.hover-color-behance:hover,.region--light-typography a.hover-color-behance:hover{color:#1769ff;} .text-color-dribbble,.region--light-typography .text-color-dribbble,a.hover-color-dribbble:hover,.region--light-typography a.hover-color-dribbble:hover{color:#ea4c89;} .text-color-instagram,.region--light-typography .text-color-instagram,a.hover-color-instagram:hover,.region--light-typography a.hover-color-instagram:hover{color:#f56040;} .text-color-vimeo,.region--light-typography .text-color-vimeo,a.hover-color-vimeo:hover,.region--light-typography a.hover-color-vimeo:hover{color:#1ab7ea;} .text-color-youtube,.region--light-typography .text-color-youtube,a.hover-color-youtube:hover,.region--light-typography a.hover-color-youtube:hover{color:#cd201f;} .text-color-googleplus,.region--light-typography .text-color-googleplus,a.hover-color-googleplus:hover,.region--light-typography a.hover-color-googleplus:hover{color:#d34836;} @media (max-width:767px){.footer-bottom__section ul.social-links li, .footer__section ul.social-links li, .subfooter__section ul.social-links li{display:block;} } .social-media img{border-radius:0;} .static-promoted-images-item{margin-top:30px;} /*====== Social Links =======*/ /*=========================================*/ /*==== 43. Subscribe forms =======*/ /*=========================================*/ .subscribe-form-text{font-size:22px;padding-bottom:0;} .subscribe-form .form-group{display:block;margin-bottom:0;} .subscribe-form .form-item,.subscribe-form .form-actions{margin:0;} .subscribe-form input.form-text{-webkit-box-shadow:none;box-shadow:none;font-size:18px;margin:0;min-height:56px;} .subscribe-form input[type="submit"]{margin:0;padding:14px 15px;font-size:18px;line-height:1.35;} @media (max-width:575px){.subscribe-form{margin-bottom:50px;} } /*subscribe full width*/ .subscribe-full-width h4{margin-bottom:20px;text-align:center;} .subscribe-full-width .form-text{margin-top:0;} .subscribe-full-width input[type="submit"]{padding:15px 25px;} .subscribe-full-width h4 .svg-inline--fa{margin-right:10px;} @media (min-width:768px){.subscribe-full-width input[type="submit"]{margin:0;} } @media (min-width:992px){.subscribe-full-width h4{text-align:left;margin:15px 0;} } /*===== End subscribe forms =======*/ /*=========================================*/ /*=== 44. Table =====*/ /*=========================================*/ table{border-collapse:separate;border-spacing:0;width:100%;margin:25px 0 40px;} table tr th{background-color:#f4f4f4;border-style:solid;border-width:0 0 1px 0;border-color:#eaeaea;padding:10px 20px;font-size:18px;font-weight:600;color:#575757;} .headings-wide-spacing-enabled table tr th{letter-spacing:0.25em;text-transform:uppercase;} table tr:first-child th{border-width:1px 0 1px 0;} table thead + tbody tr:first-child th:first-child{border-top-width:0;} table tr th:last-child{border-right-width:1px;} table tr td{border-style:solid;border-width:0 1px 1px 0;border-color:#eaeaea;padding:10px 20px;background-color:#ffffff;font-size:16px;font-weight:400;color:#575757;} table tr:first-child td{border-top-width:1px;} table thead + tbody tr:first-child td{border-top-width:0px;} table tr th:first-child,table tr td:first-child{border-left-width:1px;} /* top-left border-radius */ table tr:first-child th:first-child{border-top-left-radius:10px;} table thead + tbody tr:first-child th:first-child{border-top-left-radius:0;} /* top-right border-radius */ table tr:first-child th:last-child,table tr:first-child td:last-child{border-top-right-radius:10px;} table thead + tbody tr:first-child td:last-child{border-top-right-radius:0;} /* bottom-left border-radius */ table tr:last-child td:first-child{border-bottom-left-radius:10px;} table tr ~ tr:last-child th:first-child{border-bottom-left-radius:10px;} /* bottom-right border-radius */ table tr:last-child td:last-child{border-bottom-right-radius:10px;} /* ===== End Table =====*/ /*=========================================*/ /*==== 45. tabs ======*/ /*=========================================*/ .nav-tabs{border-bottom:none;margin-bottom:1px;} .nav-tabs a.nav-link{font-size:15px;font-weight:500;margin:0 5px;border:1px solid #f6f6f6;border-bottom-color:transparent;padding:10px 20px 7px;display:block;text-decoration:none;border-radius:5px 5px 0 0;background-color:#f6f6f6;color:#575757;text-transform:uppercase;} .headings-wide-spacing-enabled .nav-tabs a.nav-link{letter-spacing:0.2em;text-transform:uppercase;} .nav-tabs li a .svg-inline--fa{margin-right:10px;font-size:20px;} .nav-tabs a.nav-link:hover{text-decoration:none; color: var(--secondary-color);background-color: #e1e1e1;} .nav-tabs a.nav-link:focus,.nav-tabs a.active.nav-link,.nav-tabs a.active.nav-link:focus,.nav-tabs a.active.nav-link:hover{cursor:default;color:#ffffff;} .nav-tabs a.nav-link.active,.nav-tabs a.nav-link.active:focus,.nav-tabs a.nav-link.active:hover{background-color:#575757;color:#ffffff;border-color:#575757;} .nav-tabs ~ .tab-content{padding:25px 0 25px;border-width:1px 0 0 0;border-style:solid;border-color:#eaeaea;border-radius:0;} .region--gray-background .nav-tabs ~ .tab-content{border-color:#ffffff;} @media (max-width:767px){.nav-tabs a.nav-link{font-size:13px;padding:10px 15px 8px;margin:0 2px;} .nav-tabs ~ .tab-content{padding:15px;} } @media (min-width:992px){.col-md-3 .nav-tabs a.nav-link{font-size:13px;padding:14px 10px 8px;} .col-md-3 .nav-tabs ~ .tab-content{padding:20px 10px;} } @media (min-width:1200px){.col-md-3 .nav-tabs a.nav-link{padding:14px 15px 8px;} .col-md-3 .nav-tabs ~ .tab-content{padding:20px;} } /*primary tabs*/ ul.tabs.primary{margin-bottom:20px;} /*Vertical Tabs*/ .nav-tabs-vertical-container{font-size:0;} .nav-tabs.nav-tabs--vertical{display:inline-block;vertical-align:top;width:28%;margin-right:2%;border-right-color:transparent;} .nav-tabs.nav-tabs--vertical + .tab-content{display:inline-block;max-width:70%;font-size:18px;padding:25px;border-width:1px;border-style:solid;border-radius:5px;} .nav-tabs.nav-tabs--vertical > li{float:none;} .nav-tabs.nav-tabs--vertical a.nav-link{min-width:70px;margin:10px 0px;text-align:center;border-right-color:transparent;border-bottom-color:#f6f6f6;border-radius:5px;} .nav-tabs.nav-tabs--vertical a.nav-link.active{border-bottom-color:#575757;} @media (max-width:767px){.nav-tabs.nav-tabs--vertical a.nav-link{padding:10px 7px 8px;} } @media (max-width:480px){.nav-tabs.nav-tabs--vertical, .nav-tabs.nav-tabs--vertical + .tab-content{display:block;width:auto;margin-left:0;margin-right:0;max-width:100%;} .nav-tabs.nav-tabs--vertical + .tab-content{margin-top:20px;} } /*Tabs @colored-regions*/ .region--light-typography .nav-tabs ~ .tab-content{border-color:rgba(255, 255, 255, 0.25);} .region--light-typography .nav-tabs a.nav-link:hover,.region--light-typography .nav-tabs a.nav-link:focus,.region--light-typography .nav-tabs a.active.nav-link,.region--light-typography .nav-tabs a.active.nav-link:focus,.region--light-typography .nav-tabs a.active.nav-link:hover{background-color:transparent;border-color:rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25) transparent rgba(255, 255, 255, 0.25);color:#ffffff;} .region--light-typography .nav-tabs.nav-tabs--vertical a.nav-link:hover,.region--light-typography .nav-tabs.nav-tabs--vertical a.nav-link:focus,.region--light-typography .nav-tabs.nav-tabs--vertical a.active.nav-link,.region--light-typography .nav-tabs.nav-tabs--vertical a.active.nav-link:focus,.region--light-typography .nav-tabs.nav-tabs--vertical a.active.nav-link:hover{border-color:rgba(255, 255, 255, 0.25);} /*Fancy Tabs*/ .nav-tabs.nav-tabs--fancy{border-color:transparent;} .nav-tab__title{font-size:40px;text-transform:none;font-weight:300;} .headings-wide-spacing-enabled .nav-tab__title{letter-spacing:0.25em;text-transform:uppercase;} .nav-tab__subtitle{display:block;font-size:16px;text-transform:none;} .nav-tabs.nav-tabs--fancy a.nav-link{padding:35px 25px 40px;background-color:transparent;border-color:transparent;border-width:2px;border-radius:0;margin:0;color:#575757;text-align:center;} .nav-tabs.nav-tabs--fancy a.nav-link.active,.nav-tabs.nav-tabs--fancy a.nav-link.active:focus,.nav-tabs.nav-tabs--fancy a.nav-link.active:hover,.nav-tabs.nav-tabs--fancy a.nav-link:focus,.nav-tabs.nav-tabs--fancy a.nav-link:hover{border-width:2px;background-color:transparent;color:#575757;} .nav-tabs.nav-tabs--fancy a.nav-link:hover{background-color:transparent;border-color:transparent;} .nav-tabs.nav-tabs--fancy + .tab-content{padding:0;border-width:0px;border-style:none;border-radius:0px;background-color:transparent;} /*Fancy Tabs @colored-regions*/ .region--light-typography .nav-tabs.nav-tabs--fancy a.nav-link{color:#ffffff;} .region--light-typography .nav-tabs.nav-tabs--fancy a.nav-link.active,.region--light-typography .nav-tabs.nav-tabs--fancy a.nav-link.active:focus,.region--light-typography .nav-tabs.nav-tabs--fancy a.nav-link.active:hover,.region--light-typography .nav-tabs.nav-tabs--fancy a.nav-link:focus,.region--light-typography .nav-tabs.nav-tabs--fancy a.nav-link:hover{border-color:#ffffff;color:#ffffff;background-color:transparent;} .region--light-typography.region--colored-background .nav-tab__subtitle{color:#ffffff;} /* ==== Start privacy policy tab =====*/ .privacy-policy-page h5{margin-top:6px;} .privacy-policy-page .nav-tabs a.nav-link{margin:0 5px 0 0;padding:10px 10px 7px;text-transform:capitalize;border:1px solid #eee;} .privacy-policy-page .nav-tabs a.nav-link.active, .privacy-policy-page .nav-tabs a.nav-link.active:focus, .privacy-policy-page .nav-tabs a.nav-link.active:hover{background-color:#9e9e9e;color:#ffffff;border-color:#9e9e9e;} .privacy-policy-page .nav-tabs ~ .tab-content{padding:15px;border-width:1px;border-style:solid;border-color:#eaeaea;} /* ==== End provacy policy tab =====*/ /* ========= Start Sponsor page tab =========*/ .nav-pills.sponsors>li.active>a, .nav-pills.sponsors>li.active>a:focus, .nav-pills.sponsors>li.active>a:hover { color: #ffffff; background-color: #eaeaea; } .quicktabs-tabs.nav>li>a { text-decoration: none; padding: 10px 25px; font-size: 15px;font-weight: 500; border-radius: 0;color: #575757; background-color: #f6f6f6; border-radius: 5px; text-transform: uppercase; } .nav-pills>li { margin: 0 0 5px 0;padding: 8px !important; } .quicktabs-tabs.nav >li >a.active{color:#ffffff;background-color:#eaeaea;} .page-content, #main-content { padding: 40px 20px !important;min-height: calc(100vh - 350px);} .gold-partner {margin-bottom:20px;} .Sponsors-Details svg{color:#f7941d;} .Sponsors-Details .icons-list--small svg {color: #575757 !important;} .tab-content li.views-row {margin: 15px 0 !important;} .client-image{padding: 15px 20px;background-color: #ffffff; border-radius: 50px; height: 100%; min-height: 112px; transition: all .3s ease; border: 1px solid #eee; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;} .expofp-exhibitors { padding: 30px;} .client-image:hover {box-shadow: 2px 2px 14px 0px rgb(1 142 151 / 30%) !important;transition: all .3s ease;} .newsponsorlisting .grid-item.views-row {margin-bottom:20px;} .Sponsors-six .client-image {padding: 15px 25px;min-height: auto;} .Sponsors-five .col-lg-five-item{flex: 0 0 20%; max-width: 20%;padding-right: 15px;padding-left: 15px;} .Sponsors-five .client-image { padding: 15px 30px;min-height: auto;} .newsponsorlisting .col-lg-5 .client-image {padding:30px 40px} /* sponsor for demo */ .page-content.poster-listing.pb-4{position: relative;} #FloatAdx-left {left: 1%;top: 15px;height: 350px;width: 160px;background: #eeeeee;position: absolute; border:1px solid var(--primary-color); border-radius: 10px;} .Diamond .client-image {border:4px } .Platinum .client-image{border:4px } .Gold .client-image{border:4px } .Silver .client-image{border:4px } .Bronze .client-image{border:4px } /* sponsor for demo end */ .line-h {line-height: normal;} @media only screen and (max-width: 768px) { /* .client-image img {min-height: 80px; max-height: 80px;} */ .client-image {min-height:80px;} } @media only screen and (max-width: 767px) { .Sponsors-five .col-lg-five-item { flex: 0 0 50%; max-width: 50%; padding-right: 15px; padding-left: 15px; } } /* ========= End Sponsor page tab ============*/ /*========== End tabs ===========*/ /*=========================================*/ /*==== 46. team members =====*/ /*=========================================*/ .team-member{margin-bottom:60px;border-bottom:2px solid #f2f4f6;} .team-member h3{margin-bottom:5px;} .team-member .subtitle{padding-bottom:20px;} .email a,.email{word-wrap:break-word;word-break:break-all;white-space:pre;white-space:pre-wrap;} .email .svg-inline--fa,.phone .svg-inline--fa{margin-right:10px;} .team-member ul.icons-list{margin:20px 0;} .team-member ul.icons-list li{margin:5px;} .team-member ul.icons-list li a{width:45px;height:45px;} .team-member ul.icons-list li .svg-inline--fa{line-height:43px;} /*==== End team members =====*/ /*=========================================*/ /*===== 47. Text block =====*/ /*=========================================*/ .mt-text-block{border-color:#ebebeb;border-width:3px;border-style:solid;padding:60px 45px 55px;min-height:255px;} .mt-text-block h4{font-size:24px;margin-top:0;} .theme-settings-title{font-weight:bold;} .theme-settings-title--premium-link{font-size:32px;line-height:1.4;text-align:center;padding:50px 0;} /*===== End Text block =====*/ /*=========================================*/ /*===== 48. Timeline =====*/ /*=========================================*/ .field--name-field-mt-tml-timeline-item{list-style:none;padding:20px 0 20px;position:relative;} .field--name-field-mt-tml-timeline-item:before{top:0;bottom:0;position:absolute;content:" ";width:10px;background:-moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 80%, rgba(238, 238, 238, 0) 100%);background:-webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 80%,rgba(238, 238, 238, 0) 100%);background:linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%,rgba(238, 238, 238, 1) 80%,rgba(238, 238, 238, 0) 100%);left:50%;margin-left:-5px;border-radius:10px;} .region--light-typography .field--name-field-mt-tml-timeline-item:before{background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%,rgba(255, 255, 255, 0.4) 80%,rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%,rgba(255, 255, 255, 0.4) 80%,rgba(255, 255, 255, 0) 100%);} .field--name-field-mt-tml-timeline-item > .field__item{margin-bottom:20px;position:relative;} .field--name-field-mt-tml-timeline-item > .field__item:first-child{margin-top:20px;} .field--name-field-mt-tml-timeline-item > .field__item:before,.field--name-field-mt-tml-timeline-item > .field__item:after{content:" ";display:table;} .field--name-field-mt-tml-timeline-item > .field__item:after{clear:both;} .field--name-field-mt-tml-timeline-item > .field__item .timeline-item{width:46%;float:left;position:relative;text-align:right;} .field--name-field-mt-tml-timeline-item > .field__item .timeline-item.timeline-item--expired{opacity:0.7;} .field--name-field-mt-tml-timeline-item > .field__item .timeline__header h5{margin:0 0 5px;} .field--name-field-mt-tml-timeline-item .field__item .timeline__badge{color:#fff;width:20px;height:20px;position:absolute;top:3px;left:50%;margin-left:-10px;background-color:transparent;z-index:100;border-radius:100%;border-width:3px;border-style:solid;border-color:#c5c5c5;z-index:10;} .region--white-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge{background-color:#ffffff;} .region--gray-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge{background-color:#f6f6f6;} .region--dark-gray-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge{background-color:#575757;} .region--black-background .field--name-field-mt-tml-timeline-item .field__item .timeline__badge{background-color:#000000;} .region--light-typography .field--name-field-mt-tml-timeline-item .field__item .timeline__badge{border-color:rgba(255, 255, 255, 0.5);} .field--name-field-mt-tml-timeline-item > .field__item:nth-child(2n) .timeline-item{float:right;text-align:left;} @media (min-width:1200px){.field--name-field-mt-tml-timeline-item > .field__item .timeline-item{padding-right:40px;} .field--name-field-mt-tml-timeline-item > .field__item:nth-child(2n) .timeline-item{padding-left:40px;padding-right:0;} } @media (max-width:767px){.field--name-field-mt-tml-timeline-item:before{left:10px;} .field--name-field-mt-tml-timeline-item > .field__item .timeline-item{width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);} .field--name-field-mt-tml-timeline-item > .field__item .timeline__badge{left:0px;margin-left:0;} .field--name-field-mt-tml-timeline-item > .field__item .timeline-item{float:right;text-align:left;} } /*===== End Timeline =====*/ /*=========================================*/ /*====== 49. scroll to bottom button =====*/ /*=========================================*/ .scroll-button span{width:50px;height:60px;background-color:rgba(0,0,0,0.4);display:block;position:relative;-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;} .scroll-button span:hover{cursor:pointer;} .scroll-button span:after{position:absolute;content:"";width:20px;height:35px;border:2px solid #bcbcbc;top:50%;left:50%;margin:-17px 0 0 -10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .scroll-button span:before{position:absolute;content:"";width:2px;height:8px;left:50%;top:20px;margin-left:-1px;background-color:#bcbcbc;} .scroll-button span:hover:before{-webkit-animation:moving 1.1s ease-in infinite;animation:moving 1.1s ease-in infinite;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important;} @-webkit-keyframes moving{0%{top:20px;} 25%{top:25px;} 50%{top:30px;} } @keyframes moving{0%{top:20px;} 25%{top:25px;} 50%{top:30px;} } .tooltip-inner{color:#ffffff;font-size:12px;padding:3px 10px 2px;} /*====== End scroll to bottom button =====*/ /*=========================================*/ /* ==== 50. scroll to top button =====*/ /*=========================================*/ .to-top{position:fixed;right:10px;bottom:10px;width:45px;height:45px;color:#ffffff;border-width:2px;border-style:solid;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;cursor:pointer;text-align:center;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;z-index:100;} .to-top:hover{background-color:#ffffff;} .page-container-border-enabled .to-top{right:30px;bottom:20px;} .to-top.show{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100);} .to-top .svg-inline--fa{height:100%;font-size:16px;} @media (min-width:992px){.to-top{width:55px;height:55px;right:15px;bottom:75px;} .page-container-border-enabled .to-top{right:45px;bottom:30px;} .to-top .svg-inline--fa{font-size:24px;} } a.username{text-decoration:none;} @media only screen and (max-width:767px) { .to-top{bottom:90px;} } /* ==== End scroll to top button =====*/ /*=========================================*/ /* ==== 51. Start Scrolling tabs =====*/ /*=========================================*/ .scrtabs-tab-container *{box-sizing:border-box;} .scrtabs-tab-container{height:44px;width:80%;} .scrtabs-tab-container .tab-content{clear:left;} .scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container > .navbar-nav{-ms-flex-direction:row;flex-direction:row;} .scrtabs-tabs-fixed-container{float:left;/* height:42px;*/ overflow:hidden;width:100%;} .scrtabs-tabs-movable-container{position:relative;} .scrtabs-tabs-movable-container .tab-content{display:none;} .scrtabs-tabs-movable-container ul.nav{flex-wrap: nowrap !important;} .scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container > ul.nav-tabs{padding-right:0;} .scrtabs-tab-scroll-arrow{border:1px solid #e1e1e1;color:#fff;background-color:#e1e1e1;cursor:pointer;display:none;float:left;font-size:16px;text-align:center;height:35px;width:35px;line-height:34px;padding-right:2px;border-radius:100%;} .scrtabs-tab-scroll-arrow.scrtabs-disable{color:#ddd;cursor:default;border:none !important;background-color:#eeeeee;} .scrtabs-tabs-fixed-container ul.nav-tabs > li{white-space:nowrap;} .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left{margin-right:15px;} .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{margin-left:15px;position:absolute;right:15%;} /* .scrtabs-tabs-fixed-container{width:calc(90% - calc(10vh) ) !important;} */ @media only screen and (max-width:767px){.scrtabs-tab-container{height:44px;width:90%;} .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{right:0%;} } /* ====== End Scrolling tabs ========*/ /*=========================================*/ /* ==== 52. Start Featured Box =====*/ /*=========================================*/ .icon-box {padding: 16px;position: relative;overflow: hidden;background: #fff;color: #555;-webkit-box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%);box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 5%);border-radius: 5px;border: 2px solid #fff;margin-bottom: 24px;min-height:initial;} .icon-box .h3 a, .icon-box h3{font-size: 20px;font-weight: bold;} .icon-box p {line-height: 1.3 !important;padding-bottom: 8px !important;} .icon-box .img-container{height:35px;width:auto;margin-bottom:0px;height:35px;width:auto;margin-bottom:0px;width:60px;height:60px;border-radius:50%;text-align:center;color:#6B33F0;padding:10px;-webkit-box-shadow:2px 2px 20px rgb(0 0 0 / 10%);box-shadow:2px 2px 20px rgb(0 0 0 / 10%);-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;} .icon-box .img-container svg, .icon-box .img-container img{height:30px;width:auto;margin-bottom:0px;margin-top:6px !Important;} .icon-box:hover {background-color: #fff;border: 2px solid #e4e4e4;transition: all .5s;} .icon-box:hover h3 {color: #9e9e9e;} .icon-box:hover .img-container { background-color: #ddd;} .icon-box:hover svg {fill: #fff;} .icon-box:hover .img-container img {filter: brightness(0) contrast(300%) invert(1) !important;} /* ====== End Featured Box ========*/ /*=========================================*/ /* ==== 53. Start Footer =====*/ /*=========================================*/ .footer, .subfooter {background-color: #e1e1e1;} .subfooter__container {border-top: 1px solid #e1e1e1;} /*=========================================*/ /* ==== 54. Start Home page sponsor list =====*/ /*=========================================*/ /*===== Home page sponsor list =====*/ .mt-carousel-sponsors .views-field-field-mt-spn-logo .overlay-container, .Exhibitors-logo-container{padding:15px 30px;background-color:#eeeeee;border-radius:100px;margin:12px 0;min-height: 90.31px;} .mt-carousel-sponsors .views-field-field-mt-spn-logo .overlay-container img{height:100px;width:175px;} .mt-carousel-sponsors .views-field-field-mt-spn-logo .overlay-container:hover .overlay--colored{background-color:transparent !important;} .mt-carousel-sponsors .views-field-field-mt-spn-logo .overlay-container:hover, .Exhibitors-logo-container:hover{box-shadow:2px 2px 14px 0px rgb(1 142 151 / .3) !important;} .mt-carousel-sponsors .overlay--colored{background-color:transparent;} .mt-carousel-sponsors .mt-carousel-item{padding:0 15px !important;display: inline-block; vertical-align: middle; max-width: 100%;} .mt-carousel-sponsors .owl-item {text-align: center;} /*===== End Home page sponsor list =====*/ /*=========================================*/ /* ==== 55. Start Add to calender =====*/ /*=========================================*/ .timer-countdown div {display: inline-block;font-size: 35px;line-height: 30px;font-weight: bold;text-align: center;width: 105px;padding: 20px;height: 105px;text-shadow: none;vertical-align: middle;border: 2px solid rgba(255, 255, 255);border-radius: 50%;margin-right: 2%;} .timer-countdown div span p{font-size: 15px !important;margin-bottom:0;} #block-registerbackgroundblock .background-image-block__section .content{margin:15px;padding:15px;text-align:center;} #block-registerbackgroundblock .background-image-block__section .content h5{color:#7b1320;font-size:30px;margin-top:0;} #block-registerbackgroundblock .background-image-block__section .content p{padding-bottom:0;} .add_to_calendar-btn a{position:relative;} .add_to_calendar-btn .dropdown-menu{position:absolute;left:23%;} .add_to_calendar-btn .dropdown{width:auto !important} .add_to_calendar-btn .button{padding:10px 20px 10px !important;} .add_to_calendar-btn ul li a{display:block;padding:.25rem 1.5rem;color:#212529 !Important;text-decoration:none;} .add_to_calendar-btn ul li a:hover{color:hsla(26, 85%, 45%, 1) !Important;} .add_to_calendar-btn a.button:hover{background-color:#fff !important;color:hsla(26, 85%, 45%, 1) !important} .add_to_calendar-btn.about-page a.button:hover{background-color:#f7941d !Important;border-color:#f7941d;color:#fff !important;} div#btnContainer:after{left:-24px;transform:skew( -30deg, 0deg );box-shadow:rgb(0 0 0 / 10%) -3px 2px 5px, inset rgb(255 255 255 / 9%) 1px 0;box-shadow:none;display:block;content:" ";position:absolute;top:0;height:100%;width:38px;background-color:#eee;transition:all 250ms ease;border-radius:6px 0 0;display:none;} .add-to-calendar-label {margin-bottom:5px !important;} @media only screen and (width: 768px) { #block-registerbackgroundblock .w-25 { width: 50%!important;} } @media only screen and (max-width: 767px) { #block-counterblock-2 .background-image-block__section .content h3 {font-size: 30px;} } /*=========================================*/ /* ==== 56. Start title =====*/ /*=========================================*/ .title, h2.title, .col-12 h2.title, .col-12 nav > h2, h1.page-title{font-size:32px;margin:20px 0 40px;padding-bottom:15px;font-weight:600;border-bottom:none;position:relative;text-transform:none;margin-top: 0;} .title:after, h2.title:after, .col-12 h2.title:after, .col-12 nav > h2:after, h1.page-title:after{content:'';border:2px solid #9e9e9e;width:35px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;position:absolute;left:24px;right:0;/* margin:0px auto;*/bottom:-3px;} .region--light-typography .col-12 h2.title:after, .region--light-typography .col-12 nav > h2:after, .region--light-typography .col-12 .block-search > h2:after{background-color:#f0f0f0;} .title:before, h2.title:before, .col-12 h2.title:before, .col-12 nav > h2:before, h1.page-title:before{content:'';border:1px solid #c8c8c8;width:80px;position:absolute;left:0px;bottom:-2px;right:0;} .title.color-orange {font-size: 26px !important;margin-bottom: 20px !important;} h2.title.text-center:before, h2.title.text-center:after {left: 0; right: 0; margin: 0px auto;} .title-with-background {margin: auto;background-color: #18ad99;padding: 10px 25px 0;margin-bottom: 20px; margin-top: 20px;border-radius: 6px;} .title-with-background .title { color: #fff; min-width: 120px; margin-bottom: 14px !important;padding-bottom: 10px;} /*==========End title =========*/ /*=========================================*/ /* ==== 57. Start speakers-list =====*/ /*=========================================*/ .speakers-list .text-container{background-color:var(--primary-color);padding:25px 10px;text-align:center;border-radius:5px;border-radius:0 0 5px 5px;min-height:115px !important;} .speaker-list .views-field-title h5 {font-size: 20px !important;font-weight: 700;word-break: break-word;margin-top: 0;margin-bottom: 0px;} .speakers-list .views-field-field-mt-spk-subtitle {font-size: 14px;line-height: 16px;color: #555 !important;word-break: break-word;} .speakers-list:hover .text-container { transition: opacity 0.2s linear;} .speakers-list:hover .text-container * {color: var(--primary-color) !important;transition: opacity 0.2s linear;} .views-field-field-mt-spk-speaker-photo { border: 0 !important;} .speakers-list{margin-bottom:30px;} .speakers-list img{border-radius:5px 5px 0 0;min-height: 255px;max-height: 255px;object-fit: cover;object-position: top;} .fev-speakers-list img{min-height: 200px;max-height: 200px;} /*---- Sepaker home page ----*/ .view-speakers-carousel .text-container{padding:15px 10px !important;} .view-speakers-carousel .text-container .views-field-title a{font-size:20px !important;line-height:22px;} .view-speakers-carousel .text-container .views-field-field-mt-spk-subtitle{font-size:15px !important;color:#ffffff !important;line-height:18px !important;} .view-speakers-carousel .text-container .views-field-field-mt-spk-subtitle span.award{font-weight:600;} .view-speakers-carousel .text-container .views-field-field-mt-spk-subtitle .awards{font-weight:600;} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item .text-container{background-color:var(--primary-color);} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item:hover .text-container{background-color:#eee;transition:opacity 0.2s linear;} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item:hover .text-container *{color:var(--primary-color) !important;transition:opacity 0.2s linear;} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item:hover .overlay-container .overlay{opacity:1 !important;filter:alpha(opacity=100);} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item .session-details{opacity:0;transform:translateY(-20px);transition:0.4s;} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item:hover .session-details{transform:translateY(0);opacity:1;} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item .views-field-field-mt-spk-speaker-photo{position:relative;} .view-speakers-carousel .mt-carousel-speakers .mt-carousel-item .session-details{position:absolute;top:5%;bottom:5%;left:5%;right:5%;background-color:rgb(255 255 255 / 80%);text-align:center;padding:2%;z-index:99;} .view-speakers-carousel .text-container{border-radius:0 0 5px 5px !important;min-height:138px;text-align: center;} .mt-carousel-speakers .overlay--colored{background-color:transparent !important;} .mt-carousel-speakers .owl-nav div{width:40px;height:40px;} .mt-carousel-speakers .owl-nav .owl-prev{margin-left:-50px;} .mt-carousel-speakers .owl-nav .owl-next{margin-right:-50px;} .mt-carousel-speakers .owl-nav div:after{line-height:36px;font-size:22px;} .view-speakers-carousel .views-field-field-mt-spk-speaker-photo img, .view-speakers-carousel .views-field-field-mt-spk-speaker-photo .overlay{border-radius:5px 5px 0 0;object-fit:inherit;max-height:255px;min-height:255px;object-fit:cover;object-position:top;} .view-speakers-carousel .owl-item li, .speakers-list-item, .fev-session {margin: 10px; padding: 0px; border: 1px solid var(--primary-color); border-radius: 5px;} .view-speakers-carousel .text-container .views-field-title{font-size:20px;line-height:22px;font-weight:700;text-decoration:none;margin-bottom:0px;} .trending-now-carousel .owl-item li.c-item,.fev-session{box-shadow: 0px 4px 0px 0px var(--primary-color); min-height: 250px; height: 100%;} .one-line-content {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1 !important; line-clamp: 1 !important; -webkit-box-orient: vertical;} .openConfDetailModal, .two-line-content{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .three-line-content{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;} .trending-now-carousel .owl-item li.c-item:hover{box-shadow: 0px 4px 5px 0px var(--primary-color); transform: scale(1.03); transition: all 0.3s ease-in-out;} /*---- END Sepaker home page ----*/ /* speaker list with out crouwsal */ .text-container{padding:15px 6px !important;} .text-container .views-field-title a{font-size:20px !important;line-height:22px;} .text-container .views-field-field-mt-spk-subtitle{font-size:14px !important;color:#ffffff !important;line-height:18px !important;} .text-container .views-field-field-mt-spk-subtitle span.award{font-weight:600;} .text-container .views-field-field-mt-spk-subtitle .awards{font-weight:600;} .mt-carousel-item .text-container{background-color:var(--primary-color)} .mt-carousel-item:hover .text-container{background-color:#e1e1e1;transition:opacity 0.2s linear;} .mt-carousel-item:hover .text-container *{color:#fff !important;transition:opacity 0.2s linear;} .mt-carousel-item:hover .overlay-container .overlay{opacity:1 !important;filter:alpha(opacity=100);} .mt-carousel-item .session-details{opacity:0;transform:translateY(-20px);transition:0.4s;} .mt-carousel-item:hover .session-details,.speaker-item:hover .session-details{transform:translateY(0);opacity:1;} .mt-carousel-item .views-field-field-mt-spk-speaker-photo{position:relative;} .mt-carousel-item .session-details,.session-details{position:absolute;top:5%;bottom:5%;left:5%;right:5%;background-color:rgb(255 255 255 / 80%);text-align:center;padding:2%;z-index:99;} .mt-carousel-item a{color: #ffffff;} .text-container{border-radius:0 0 5px 5px !important;min-height:138px;} .overlay--colored{background-color:transparent !important;} .speaker-list.technical-speaker .views-row.speakers-list img {border-radius: 5px 5px 0 0;min-height: 180px;max-height: 180px;object-fit: cover;object-position: top;} .speaker-list.technical-speaker .speakers-list .text-container {min-height: 140px !important;} .min-w5 {min-width:5%;} @media only screen and (max-width: 769px) { .speaker-width{ max-width: 20% !important; } } @media only screen and (max-width: 768px) { .speaker-width{min-width: 33.33% !important;} } @media (max-width: 767px) { .speaker-list.technical-speaker .views-row.speakers-list img {min-height: 350px;max-height: 350px;}} @media only screen and (max-width: 600px) { .speaker-width{min-width: 100% !important;} } /*==========End speakers-list =========*/ /*=========================================*/ /* ==== 58. Start confrencee programee listing =====*/ /*=========================================*/ .tabbable .nav-tabs{border-bottom:1px solid #eee;margin-bottom:0;} span.session-icon {padding: 5px;background-color: #e6e6e6;margin-top: 5px;border-radius: 50px;border: 1px solid #e1e1e1;margin-right: 5px;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;} .conference-listing-new .tabbable .nav-tabs .nav-link{white-space:nowrap;border:none;background-color:transparent;border-bottom:4px solid transparent;text-transform:capitalize;margin:0;font-size:16px;font-weight:500;color:#222;} .conference-listing-new .tabbable .nav-tabs a.nav-link.active, .conference-listing-new .tabbable .nav-tabs a.nav-link.active:focus, .conference-listing-new .tabbable .nav-tabs a.nav-link.active:hover{background-color:transparent;color:#555;border-color:transparent;border-bottom:4px solid #e1e1e1;margin:0;} .conference-listing-new .tabbable .nav-tabs a.nav-link:hover, .conference-listing-new .tabbable .nav-tabs a.nav-link:focus{background-color:transparent;border-color:transparent;border-bottom:4px solid var(--primary-color);color:initial;text-transform:capitalize;} .conference-listing-new .flex-container{padding:0;margin:0;list-style:none;-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;} .conference-listing-new .container-wrap{flex-wrap:wrap;} .conference-listing-new .flex{flex:1 1 30%;} .conference-listing-new .view-grouping-header{background:#eee;padding:10px;border-radius:0;margin-bottom:25px;border-top: 1px solid #ddd;} .conference-listing-new .tab-content{border:1px solid #eee;} .conference-listing-new .field__label, .trending-label{font-size:16px;margin:0;font-weight:bold;} .conference-listing-new .flex.gridview{flex:1 1 30%;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-ms-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;} .conference-listing-new .flex.listview{flex:1 1 100%;-webkit-transition:all 1.2s ease-in-out;-moz-transition:all 1.2s ease-in-out;-ms-transition:all 1.2s ease-in-out;-o-transition:all 1.2s ease-in-out;transition:all 1.2s ease-in-out;} #btnContainer .btn{background-color:#ddd;} #btnContainer .btn.active{background-color:#e1e1e1;color:#fff;box-shadow:none !important;} #btnContainer .btn:focus {box-shadow:none !important;} .conference-listing-new .conference-list{margin:0 0 15px 0 !important;} .conference-listing-new .wrapper-conf-prog{padding:0px 10px 0px 15px;} .badge-dark{padding:8px 15px;background:#222;border-radius:10px 0;border:2px solid #e1e1e1;margin: 5px 0 15px 0px;} .conference-listing-new .cp-listing h5{/* width:288px; */min-width:100%;text-overflow:ellipsis;overflow:hidden;/* white-space:nowrap; */font-size:18px;margin:10px 0;font-weight:bold;} .conference-listing-new.conference-list .overlay, .conference-listing-new .conference-list img.speaker-img, .trending-now{border-radius:5px !important;max-width:85px !important;margin-right:15px; height: 85px; object-fit: cover; object-position: center;} .conference-listing-new .conference-list .conf-smry img{width:auto !important} .vod-sponsord-img {border-radius:5px !important;width:85px !important;margin-right:15px; height: 50px !important; object-fit: cover; object-position: center; border: 2px solid #ddd !important;} .conference-listing-new .cp-details .speaker-name{font-size:16px;line-height:18px;margin:3px 0;} .conference-listing-new .cp-details .speaker-desi-comp{font-size:16px;line-height:16px;margin-left:100px;} .conference-listing-new .cp-details .speaker-desi-comp li {list-style: disc;} .conference-listing-new .cp-details .speaker-desi-comp li::marker {color: #555;} .child-session-list img {border-radius: 5px !important; width: 50px; margin-right: 15px; border: 2px solid #e1e1e1;} .conference-listing-new .cp-details{min-height:176px;} .conference-listing-new .w-100{margin:0px 15px;} .cp-member-title{padding:10px;border:1px solid #d0d0d0;/* margin:-70px 0px 0;*/ background-color:#ffffff;position:absolute;right:10px;left:10px;top:-70px;z-index:99;} .cp-listing{border-radius:10px;border:1px solid #eee;} .cp-details{padding:10px;position:relative;} .Conference-box-icon{border-radius:50%;background-color:#fff;padding:15px;margin-right:10px;width:65px;height:65px;align-items:center;display:flex;justify-content:center;} .Conference-box:hover .Conference-box-icon{background-color:#008e97;} .cp-listing:hover .overlay-container .overlay{opacity:1;} p.font-13 svg { width: 15px !important; height: 15px !important; color: #e1e1e1 !important;} .cp-listing p{padding-bottom:0;} .tabbable.full-schedule #btnContainer {position: absolute;right: -8px;bottom: 0; padding: 8px;} .tabbable.full-schedule { position: relative;} .views-field-field-mt-spk-subtitle.speaker-sub-title {line-height: 1;} @media only screen and (max-width: 767px) { #btnContainer {display:none;} .conference-listing-new .flex.gridview { flex: 1 1 100%; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; } } /*==== popup ====*/ #confDetailModal .close, .modal-popup .close {position: absolute;right: -2px;top: -32px;box-shadow: none;font-size: 30px;text-shadow: 0 0 black;opacity: 1;color: #FFF;} #confDetailModal .close:hover {opacity: 1;} .modal-backdrop.show {opacity: 0.8 !important;} #confDetailModal .modal-content {border-radius:0;} #confDetailModal .modal-body {max-height: calc(100vh - 100px); overflow-y: auto;padding: 3rem;} #confDetailModal .close:focus{outline: 0px;} .child-session-list{border:1px solid #eee;padding:10px;} .child-session-list p{padding:0px;} .child-session-list img{border-radius: 5px !important;width: 50px;max-height: 50px;margin-right: 15px;border: 2px solid #e1e1e1;object-fit: cover;object-position: top;} .header-confrence-programe{padding:10px;background-color:#eee;border-radius:10px;color:#e1e1e1;font-weight:bold;} .conf-details-speakerdetails img{width:70px;float:left;margin-right:15px;border:2px solid #e1e1e1;} .confrence-programe-details .add-schedule .flag-add-to-schedule-events a, .confrence-programe-details .add-schedule a{margin:0;} .confrence-programe-details .node__title{margin-bottom:10px;font-size:24px;padding-bottom:0;} .confrence-programe-details .field--entity-reference-target-type-taxonomy-term, .confrence-programe-details .field--entity-reference-target-type-taxonomy-term.field__item{font-size:24px;margin:-10px 0;position:relative;padding-left:0;padding-top:0;} .confrence-programe-details svg{color:#e1e1e1;margin-top:2px !important;min-width:20px;} .confrence-programe-details .field__label{font-size:18px;margin:0;font-weight:bold;} .confrence-programe-details p{margin:0;} .child-session-list h6.node__title{font-size:16px;margin-top:0;} .conf-details-speakerdetails .node__title{margin-top:0;margin-bottom: 0px !important;font-size:18px;} .mfp-iframe body{margin:0;} .confrence-programe-details .s-address{display:flex;margin-bottom:4px;} .child-session-list .child-program-date{font-weight:bold;} .confrence-programe-details h4.title, .confrence-programe-details h2.title, nav > h2, .confrence-programe-details .block-search > h2 {font-size: 18px;font-weight: 600;padding-bottom: 6px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #eee;margin: 0 0 12px 0;text-transform: capitalize; } /*==========End confrencee programee listing=========*/ /*=========================================*/ /* ==== 59. Start Attendee-directory =====*/ /*=========================================*/ .attendee-list .item{padding: 10px;box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);border-radius: 5px;background: #fff;border: 2px solid #fff;margin-bottom: 30px;} .attendee-list .item .image{min-width:89px;height:65px;} .attendee-list .online-user{background-color:#4cd137;position:absolute;right:-3px;bottom:8px;height:15px;width:15px;border:2px solid white;border-radius:50%;} .attendee-list .offline-user{background-color:#f44336;position:absolute;right:-3px;bottom:8px;height:15px;width:15px;border:2px solid white;border-radius:50%;} .attendee-list .absent-user{background-color:#ffc107;position:absolute;right:-3px;bottom:8px;height:15px;width:15px;border:2px solid white;border-radius:50%;} .view-attendee-directory form .form--inline{text-align:center;background-color:#eee;border-radius:0px;margin-bottom:30px;} .view-attendee-directory form .form--inline .form-item{margin-top:0;} .view-attendee-directory {border: 1px solid #eee;background-color: #eeeeee50;} .view-attendee-directory form .form--inline input.form-text{border: 1px solid #e1e1e1; border-width: 1px; border-radius: 30px; padding: 6px 15px;width: 60%; display: inline-block; margin-bottom: 10px;} input.form-text:focus {outline: 0;} .view-header {background-color: #eee;} .attendee-list .item img{padding:3px;border:1px solid #e1e1e1;min-height:65px;max-height:65px;width:65px;object-fit: cover; object-position: center;margin: 0 auto; display: block; } .attendee-list .rounded-circle{border-radius:50%!important;} .attendee-list a{text-decoration:none !important;display:block;margin-bottom:0;} .attendee-list .item small{color:#aaa;font-size:0.75em;} .alphabets_listing{display:flex !important;justify-content:center;flex-wrap:wrap;align-items:center;padding:10px;} .js-pager__items{text-align:center;} .view-attendee-directory .view-content {padding: 20px;} .pager__item{text-decoration:double;list-style:none;} .js-pager__items a.button{font-size:14px;padding:8px 20px 8px;} .alphabets_listing a{padding:2px 9px;color:#444;border-radius:6px;color:#333;background-color:#fff;border-radius:6px;font-size:15px;line-height:1.5;text-align:center;margin-left:4px;border: 1px solid #ddd; text-transform:uppercase; color: #555;background-color: #ddd; outline: none !important; box-shadow: none !important;} .alphabets_listing a:hover, .alphabets_listing a.active{background-color:#e1e1e1;color:#fff;border: 1px solid #e1e1e1;} .attendee-list .item .h5{margin-top:0;margin-bottom:0;text-align:left;} form#views-exposed-form-attendee-directory-page-1 .col-md-4{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;margin-left:18%;display:block;} /*==========End Attendee-directory =========*/ /*===============================================*/ /* ==== 60. Start community-forums listing / exhibitor listing =====*/ /*===============================================*/ .forum-listing{box-shadow:0 0 0.625rem -0.1875rem rgba(0,0,0,0.13) !important;border-radius:10px;margin-bottom:15px;} .forum-listing .pro-pic{background:#f2f2f2;height:100%;border-radius:10px 0 0 10px;padding:2rem;display: flex; align-items: center;justify-content: center;flex-direction: column;} .forum-listing.supporters-list .pro-pic {background: #fff;} .forum-listing .pro-pic img{border-radius:5px;border:2px solid #e1e1e1;width:80px; height: 80px; object-fit: cover;object-position: top;} .forum-listing.supporters-list .pro-pic img{border-radius:5px;border:0;width:auto;} .forum-listing .forum-body h3{margin:0;font-size:20px;width:95%;padding: 0;} .forum-listing a.username{text-transform:capitalize;} .reply-count{background-color:#706e6e38;color:#222;padding:6px 8px;font-weight:normal;font-size:14px;float:right;position:absolute;right:30px;top:24px;} .forum-listing .pro-pic h6{font-weight:normal;color:#f7941d;margin-top:16px;font-size:16px;} .forum-listing .forum-body-header{margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px;} /* .forum-listing .forum-body-header a h3{color: #ef3824 } */ .forum-listing .forum-body-header span,.forum-listing .forum-body-footer{font-size:14px;font-weight:bold;} .forum-listing .forum-body-footer{background-color:#fbfbfb !important;padding:4px 0;border-radius:4px;} .forum-listing .forum-body-body p{font-size:16px;} .exhibitor-details .exhibitor-flex-grid .field--label-inline .field__label, .exhibitor-flex-grid .field--label-inline .field__label,.speaker-detail-title {min-width: 200px;display: block;} .exhibitor-flex-grid .field--label-inline .field__label:after,.speaker-detail-title:after {content: ":";display: inline-block; float: right; margin-top: 1px;} .exhibitor-flex-grid .field--label-inline .field__label.subdata {min-width: auto;} .exhibitor-flex-grid .field--label-inline .field__label.subdata:after {content: ":";display: none;} .exhibitor-flex-grid .tradeshow-boothimg img {width: 100%;} .forum-listing .title:after{content:""; display:none;} .table td, .table th {padding: .45rem !important;font-size: 16px;} .font-20 {font-size:20px} /* .forum-listing .title:after, .forum-listing .title:before {content:""; display:none;} */ .forum-body-header .title {position: static; padding-bottom:0} @media (max-width: 800px) { .exhibitor-flex-grid .col{flex-direction: column;flex-grow: 1;flex-basis: auto;} } /*--- community-forums details ----*/ .comment{margin-bottom:5px;position:relative;padding:5px 0px;border-radius:10px;} .border-b-shade{border-bottom: 1px solid #ebebeb;padding-bottom: 5px;} .comment header{position:absolute;top:5px !important;width:50px !important;height:50px !important;font-size:16px !important;} .node .comment ul.links.inline{margin-right:0px !important;margin-left:0px !important;} .node__header .profile img{max-width:80px !important;border:2px solid #e1e1e1;height: 80px;object-fit: cover;object-position: top;} span.node__submitted-info{font-weight:bold;} .comment-wrapper{box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);background-color: #F8F9FA; padding: 15px;} .h-350{height: 350px; overflow-y: auto;overflow-x: hidden;} #saveComment, .save-comment{width: 38px; padding: 0; margin: 0px 0px 0px 5px;} .comment-wrapper .field--name-comment-body p,.field--name-comment-body{font-size:16px !important;line-height:1.2rem !important;padding-bottom:10px;} /* .like-dislike{background:#f1f1f1;border-top:none;padding-left:15px;padding-right:15px;border-radius:10px;font-size:14px;padding:5px; */ .like_dislike{display:initial;} .comment__links{margin-top:0px !important;} .node .comment ul.links li{font-size:14px !important;display:inherit;} .like_dislike .like, .like_dislike .dislike{border:1px solid #bebbbb !important;border-radius:28px !important;float:left;margin:0 4px !important;padding:0 !important;width:50px !important;} .node .comment ul.links li a{color:#1d84c3 !important;font-size:14px !important;} .like_dislike .like span{color:#1d84c3 !important;} .like_dislike .dislike a{color:#656565 !important;} .comment img.image-style-thumbnail{border:1px solid var(--button);} .username{margin-top:8px;text-align:center;line-height:14px;text-transform:capitalize;} .username span{text-transform:capitalize;color:#f7941d;font-size:16px;} .comment__meta{font-size:14px !important; color: #949494;} .comment h3.title{margin:0 0 0px 0 !important;} .node__header .profile {display: inline-block; margin-right: 40px;} .comment-wrapper .title:after, .forum-listing .title:before,.comment__content-container .title:before{content:""; display:none;} .comment-wrapper .title {position: static; padding-bottom:0} .node__header .profile {display: inline-block;margin-right: 40px;} .node__header { padding: 0 0 5px;} .node__meta { font-size: 14px; margin: 0 0 10px; display: inline-block;} .comment h3.title { margin: 0 0 10px 0; font-size: 18px;} /* .like-dislike { border-top: none; padding-left: 15px; padding-right: 15px; border-radius: 10px;font-size: 14px; padding: 5px;} */ .like-dislike .comment-forbidden #replay-comment {border: 1px solid #e1e1e1 !important;border-radius: 28px !important;margin: 0 4px 10px 0 !important;padding: 1px 8px !important;background-color: #e1e1e1;color: #fff;font-size: 12px;} .like-dislike .comment-forbidden #replay-comment:focus {border:0;outline:0;} .comment ul.links.inline {margin-right: -5px;margin-left: -5px;display: inline-block;padding: 0;margin: 0;list-style: none !important; margin-bottom: 0 !important;} @media (max-width: 767px) { /*.comment header { position: static;margin-bottom: 10px;} .comment header + .comment__content-container {padding-left: 0;} .comment header + .comment__content-container { margin-top: 40px !important;} */ } .supporters-list .title:after{content:""; display:none;} .forum-listing title:after{content:"";display:none;} /* .customformcomment .comment__content-container .comment__meta { text-align: left; } */ /*==========End Attendeecommunity-forums listing =========*/ /*===============================================*/ /* ==== 61. Start gamification leaderboard =====*/ /*===============================================*/ .gamification-Leaderboard .leader-image img { border-radius: 20px;min-height: 255px;max-height: 255px; object-fit: cover; object-position: top;border: 2px solid #ddd;} .gamification-Leaderboard .leader-details{padding: 15px 15px;text-align: center;min-height: 118px!important;} .gamification-Leaderboard .leader-details h5, .gamification-Leaderboard .leader-details a{font-size: 20px !important;font-weight: 700;word-break: break-word;margin-top: 0 !important;color: #008e97 !important;line-height: 16px;} .gamification-Leaderboard .leader-designation {font-size: 14px !important; line-height: 16px !important;} .gamification-Leaderboard .border-leader-image {/* border: 1px solid #f58220; */border-radius: 20px; padding: 4px;} .gamification-Leaderboard .star {position: absolute; right: 0%;top: 55%;font-size: 32px;} .gamification-Leaderboard .lead-points {position: absolute; right: 11%;top: 4%;font-size: 20px;min-width: 50px;} .gamification-Leaderboard .lead-points .badge-success {color: #0c571d;background-color: #52b669;width: 100%;padding: 8PX;} .gamification-Leaderboard .star .color-gold {color: #F9BF3B; } .gamification-Leaderboard .star .color-silver {color:#c0bebe;} .gamification-Leaderboard .star .color-bronze {color:#CD7F32;} .gamification-Leaderboard .star .color-default {color:#F9BF3B;} .gamification-Leaderboard .star .number {position: absolute;color: #fff;font-weight: 600;font-size: 20px;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);} .gamification-Leaderboard .lead-points .points { position: absolute;color: #fff;font-weight: 600;font-size: 20px;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);} .earn-points .badge{min-width: 50%;} .gamification #MatchMaking img {height: 65px; width: 65px;min-width: 65px; object-fit: cover;object-position: top;} /*======== End gamification leaderboard ===*/ /*===============================================*/ /* ==== 62. Start FAQ =====*/ /*===============================================*/ .faq-question-answer a{font-size:16px;font-weight:normal;} .faq-question-answer span.faq-icon{width:.6em;height:.6em;} .faq-question-answer{margin-bottom:10px;border-radius:10px;box-shadow:0 0 0.625rem -0.1875rem rgba(0,0,0,0.13) !important;background-color:#fff;} .faq-question-answer:hover{background:#eee;} .faq-question-answer a:hover{background:transparent;text-decoration:none;} .faq-answer{padding-left:0;font-size:16px;margin-top:10px;} .faq-answer header{display:none;} .faq #faq-expand-all{padding:10px 0;margin-bottom:10px;} .faq #faq-expand-all a{color:#fff;padding:5px 6px;border-radius:4px;} .faq .faq-expand-all-link, .faq .faq-collapse-all-link{border:1px solid #008e97;background-color:#eee;color:#fff;} .faq-question-answer .card-title a{padding:.8rem 1.2rem;background-color:transparent;border-bottom-color:transparent;/* color:#ef3824;*/} .faq-question-answer .card-body{padding:0 1.2rem 0.8rem 1.2rem;background-color:transparent;color:#555;} .faq-question-answer .card-title a.collapsed{background-color:transparent !important;border-bottom-color:transparent;} .faq-question-answer .card-header--trigger-icon .card-title a, .faq-question-answer .collapse.show{background-color:#eee;} .faq-question-answer .card-header--trigger-icon .card-title a{/* color:#f7941d;*/ border-radius:10px 10px 0 0;background-color:#eee;} .faq-question-answer .card-header--trigger-icon .card-title a.collapsed, .faq-question-answer .card-header--trigger-icon .card-title a.collapsed:after{color:#555;font-weight:normal;} .faq-question-answer .collapse.show{border-radius:0 0 10px 10px;} .faq-question-answer .card-header--trigger-icon .card-title a:after{color:#e1e1e1;} .faq-question-answer .card-header--trigger-icon .card-title a span {width:95%;} .text-warning {color: #e1e1e1!important;} /*======== End FAQ ===*/ /*===============================================*/ /* ==== 63. Start Global search =====*/ /*===============================================*/ .global-search #searchForm .card .card-body .checkbox-btn input[type="checkbox"]{margin:0px 0px 3px 0;opacity:0;position:absolute;} .global-search #searchForm .card .card-body .checkbox-btn input[type="checkbox"] , .global-search #searchForm .card .card-body input[type="checkbox"]{background-color:#eee;border-color:#ddd;padding:6px 15px;border-radius:30px;border:2px solid #eee;} .global-search #searchForm .card .card-body .checkbox-btn .checkbox-inline{padding:5px 12px;border-radius:30px;border:2px solid #e1e1e1;cursor:pointer;} .global-search #searchForm .card .card-body .checkbox-btn label + input[type="checkbox"]:checked{background-color:#ef3824 !Important;border-color:#ef3824 !important;color:#fff !important;} .card-title a, .card-title a.collapsed{width:100%;padding:15px !important;background-color:#eee !important;color:#555 !important;font-size:16px !important} .global-search #searchForm .card,.global-search #searchForm .card:first-child .card-title a,.card:last-child .card-title a{border-radius:0 !important;} .global-search #searchForm .card{margin-bottom:.2em;} .global-search #searchForm .input-search-box input{border-color:#e1e1e1;border-width:2px;border-radius:30px;padding:22px 15px;} .global-search #searchForm .card-header--trigger-icon .card-title a:after{color:#e1e1e1;} .global-search #searchForm .input-search-box input:focus{border:2px solid #e1e1e1 !Important;box-shadow:0 0 0 0.2rem rgb(247 148 29 / 15%);} .global-search #searchForm .card-header--trigger-icon .card-title a.collapsed, .global-search #searchForm .card-header--trigger-icon .card-title a.collapsed:after{color:#555;} .global-search .tabbable .nav-tabs{border-bottom:transparent;} .global-search .tabbable .nav-tabs a.nav-link{background-color:transparent;margin:1px 6px 0 0;border-bottom:4px solid #fff;text-transform:capitalize;font-size:18px;font-weight:bold;border-top:2px solid #eee !Important;border-left:2px solid #eee !Important;border-right:2px solid #eee !Important;} .global-search .conference-listing-new .tab-content{border:2px solid #eee;} .global-search .tabbable .nav-tabs a.nav-link.active, .global-search .tabbable .nav-tabs a.nav-link.active:focus, .global-search .tabbable .nav-tabs a.nav-link.active:hover{background-color:transparent;color:#222;margin:1px 6px 0 0;border-color:transparent;border-bottom:4px solid #e1e1e1 ;text-transform:capitalize;font-size:18px;font-weight:bold;} .global-search.conference-listing-new .tabbable .nav-tabs a.nav-link:hover, .global-search .conference-listing-new .tabbable .nav-tabs a.nav-link:focus{border-bottom:4px solid #e1e1e1;} .global-search .tabbable .tab-content{border:2px solid #eee;} .global-search #search-data .tab-content .global-filter-datalist{padding:15px;} .global-search #search-data .tab-content .global-filter-datalist .gs-counter{display:block;width:25px;height:25px;text-align:center;color:#222;border-width:1px;background-color:#706e6e38;border-color:transparent;border-style:solid;font-size:14px;line-height:24px;margin-top:4px;} .global-search #search-data .tab-content .global-filter-datalist .gs-description h6{margin-top:0px;} .global-search #search-data .tab-content .card-body{padding:15px;} .btn-danger{color:#fff !important;background-color:#dc3545 !important;border-color:#dc3545 !important;outline:none !important;box-shadow:none !important;} .btn-danger-custom-button{color:#fff !important;background-color:#dc3545 !important;border-color:#dc3545 !important;outline:none !important;box-shadow:none !important;} .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{color:#fff !important;background-color:#9e9e9e !important;border-color:#9e9e9e !important;} .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 0.2rem rgb(225 83 97 / 0%) !important;outline:none !important;box-shadow:none !important;} .a.button.disabled, .a.button.disabled:hover, .a.button.disabled:focus .btn-info.disabled, .btn-info:disabled, .btn-success.disabled, .btn-success:disabled, .btn-warning.disabled, .btn-warning:disabled, .btn-danger.disabled, .btn-danger:disabled, .btn-primary.disabled, .btn-primary:disabled{background-color: #6c757d; border-color: #6c757d; pointer-events: auto! important; cursor: not-allowed! important;} .global-search .gs-description img{border:2px solid #f7941f;width:100px;float:left;margin-right:15px;} /* =====END Global search Laravel======*/ /*===============================================*/ /* ==== 64. Start Gamification =====*/ /*===============================================*/ .gamification-aside-menu {background-color: #edf0f5; border-radius: 8px 0 0 8px;min-height: 500px;} .gamification-content {background-color: #f9ffff; border-radius: 0 8px 8px 0;border:1px solid #edf0f5;} .gamification-content .tab-content, .gamification-content .nav-tabs ~ .tab-content {padding: 30px 20px;} .gamification-content .tab-pane .tab-content{border: 1px solid #ddd;height: 100%;background-color: #fff;} .gamification-aside-menu .nav-tabs.nav-tabs--vertical {width: 100%;padding-right: 0%;margin-left: -15px;} .gamification-content .nav-tabs a.nav-link.active, .gamification-content .nav-tabs a.nav-link.active:focus, .gamification-content .nav-tabs a.nav-link.active:hover {background-color: #fff;color: #555;border-color: #ddd;border-bottom: 3px solid #e1e1e1;} .gamification-content .nav-tabs a.nav-link {border-radius: 8px 8px 0 0;margin: 0 5px 0 0;text-transform: capitalize;font-weight: bold;background-color: #ffffff;border: 1px solid #dddddd;border-bottom: 3px solid #eeeeee;} .gamification-aside-menu .gamification-content .nav-tabs .nav-item { margin-bottom: -2px;} .gamification-content .nav-tabs a.nav-link:hover, .gamification-content .nav-tabs a.nav-link:focus {background-color: #fff;border-color: #ddd;color: var(--primary-color);border-bottom-color:var(--primary-color)} .gamification-aside-menu .user-img img {width: 130px;border-radius: 15px;border: 1px solid #e1e1e1;height: 130px;object-position: top;object-fit: cover;} .gamification-aside-menu .nav-tabs.nav-tabs--vertical a.nav-link {text-align: left;padding: 10px 8px 10px 23px;text-transform: capitalize; font-weight: bold;border: 0;border-radius: 0 25px 25px 0;font-size: 14px;} .gamification-aside-menu .nav-tabs a.nav-link:hover{color:#fff;} .nav-tabs.nav-tabs--vertical a.nav-link.active, .nav-tabs.nav-tabs--vertical a.nav-link:focus, .nav-tabs.nav-tabs--vertical a.nav-link:hover { border-bottom-color: transparent; background-color: #9e9e9e;border-color: #9e9e9e;} .gamification-content .nav-tabs {margin-bottom: 0px;} .gamification .nav-tabs-vertical-container{font-size: 16px;border-radius: 8px;} .gamification table tr th {font-size: 15px;} /* .gamification a.button.button--small, .gamification .button.button--small > a, .gamification .button.button--small {padding: 8px 10px !important;font-size: 12px;margin-left: 0px;} */ .gamification .button-menaing-group .button{pointer-events: none;} .gamification table tr td {font-size:14px;} /* .gamification .button:hover, .gamification .button:focus {color:#fff !important; opacity:.8;} */ .gamification #Appointments .button-green{background-color: #f7941d !important; border-color: #f7941d !important;} .button-warning{background-color: #dab600 !important;border-color: #dab600 !important;} .button-warning:hover, .button-warning:focus{color: #dab600 !important;border-color: #dab600 !important;background-color: #fff !important;} .button-success{background-color: #019715 !important;border-color: #019715 !important;} .button-danger{background-color: #d20000 !important;border-color: #d20000 !important;} .page-item.active .page-link { box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);} .gamification .page-item .page-link,.gamification .page-item span { font-size: 14px; display: flex;width: 36px; height: 36px;margin: 0 3px;padding: 0;border-radius: 50% !important;align-items: center;justify-content: center;} .remove-pagination-css #mySurvey_wrapper .row .col-sm-12 .dataTables_paginate .pagination .paginate_button .page-link{ display: block; width: auto; height: auto; margin: 0; padding: 0.5rem 0.75rem; border-radius: 0px !important; } .gamification .media {display: flex;align-items: flex-start;} .gamification .attendee-details h6{font-size:14px;} .gamification .att-designation {color:#f7941d; font-weight:500; font-size: 15px;} .gamification .align-items-center {align-items: center !important;} .gamification .table.align-items-center td, .gamification .table.align-items-center th {vertical-align: middle;} .gamification a.button .svg-inline--fa {margin-right: 0px !important;} .gamification #ProductCategories ul {column-gap: 2rem;list-style: none;} .gamification-li li { page-break-inside: avoid; break-inside: avoid-column; } .gamification-heading{margin-top: 0.5rem; margin-bottom: 0; background-color: #ddd; padding: 2px 8px; border-radius: 5px;} .gamification .form-check-inline .form-check-input {margin-right: 15px;} .gamification .form-check-inline {margin-bottom:10px;} /* .green-bg {background-color: #ef3824 !Important;color: #fff !important;} */ .gamification .faq-question-answer {border: 1px solid #e1e1e1;border-radius: 0;} .gamification .faq-question-answer .card-header--trigger-icon .card-title a {border-radius:0;padding: 8px !important;} .gamification .faq-question-answer .card-body {padding:8px !important;} .gamification .faq-question-answer .card-header--trigger-icon .card-title a:after {color: #e1e1e1;} .opacity-5 {opacity:.5} .bg-orange {background-color:#f58220 !important} /* .gamification .btn-warning, .gamification .button-success, .gamification .button-green, .gamification .button-danger {pointer-events: none;} */ @media (max-width:768px) { .gamification #ProductCategories ul {column-count: 1;} .gamification-content div{word-break: initial; } .gamification table tr th,.gamification table tr td {white-space: nowrap;} } @media (max-width:767px){ .gamification-aside-menu {min-height: auto;} .gamification-aside-menu .nav-tabs.nav-tabs--vertical a.nav-link {border-radius: 25px;margin: 5px 0px;text-align: center;} .nav-tabs.nav-tabs--vertical > li {float: none; display: inline-block;min-width: 48%; margin: 0 2px;} .gamification-aside-menu .nav-tabs.nav-tabs--vertical {margin-left: 0;margin-bottom: 10px;} .gamification-aside-menu .user-img img {width:90px;} .p-bar .progress-bar:after {margin-left: 28.33% !important;} .gamification #ProductCategories ul {column-count: 1;} .gamification-content .nav-tabs .nav-item{margin-bottom: 6px;} .gamification-content #author_wrapper #author .dtr-control a {margin-left:24px;} .gamification-content div{word-break: initial; } .gamification table tr th,.gamification table tr td {white-space: nowrap;} } /*--- progress bar ------*/ .p-bar .progress-bar:after{content: "";width: 2px;height: 16px; display: block;background: #ffffff; position: absolute;margin-left: 31.33%;} .progress .p-bar {width: 33.33%;background-color: #000;height: 20px;border-top: 2px solid #000;border-bottom: 2px solid #000; } .progress-bar {z-index:-1;background-color: #e1e1e1 !important;height: 16px;} .p-bar:last-child .progress-bar:after {display:none !important;} .p-bar:first-child .progress-bar, .p-bar:last-child .progress-bar {border-left:2px solid #000 !Important;} .progress .p-bar.bar-completed .progress-bar:after{ background-color: #fff !important;} .p-bar:first-child .progress-bar, .progress .p-bar:first-child{border-radius: 20px 0 0 20px;} .p-bar:last-child .progress-bar, .progress .p-bar:last-child {border-radius: 0 20px 20px 0;} /*--- progress bar ------*/ /*--- Modal -------------*/ .modal-popup fieldset{min-width:auto !important;padding:auto !important;margin:auto !important;border:auto !important;display:block;margin-inline-start:2px;margin-inline-end:2px;padding-block-start:0.35em;padding-inline-start:0.75em;padding-inline-end:0.75em;padding-block-end:0em;min-inline-size:min-content;border:1px solid #eee !important;border-image:initial;border-radius:10px;margin-bottom:15px !important;} .modal-popup fieldset legend{width:auto;padding:5px 16px;font-size:14px;background-color:#eee;color:#f7941d;border-radius:10px;font-weight:bold;} .gamification .modal-popup ul{column-count:2;column-gap:2rem;list-style:none;} .modal-popup .form-check-label{margin-bottom:0;font-size:14px;margin-left:14px;} .modal-popup .disabled .form-check-label{opacity:.4} /*====== End Gamification ======*/ /*===============================================*/ /* ==== 65. Start Poster =====*/ /*===============================================*/ /*--- poster listing ----*/ .tradeshow-listing{border-radius:5px;background:#eee;text-align:center;border: 1px solid #eee;/* padding:10px;*/ -webkit-box-shadow:0px 5px 15px 0px rgb(0 0 0 / 5%);box-shadow:0px 5px 15px 0px rgb(0 0 0 / 5%);height: 100%;} .tradeshow-listing ul.list-unstyled.row.justify-content-center.grid-wrapper:focus{outline:none !important;border:transparent !important;} .tradeshow-listing img{border-radius:5px 5px 0 0;max-height: 180px;min-height: 180px; object-position: top;object-fit: cover;} a:hover{text-decoration:none !important;} .tradeshow-listing .text-container {padding: 15px; display: flex;justify-content: center;align-items: center;} .tradeshow-listing .text-container h5{font-size: 20px; line-height: 22px;font-weight: 700; text-decoration: none;margin: 10px 0;} .tradeshow-listing:hover .text-container, tradeshow-listing:hover, .tradeshow-listing:hover {background-color: #9e9e9e;transition: opacity 0.2s linear;border-radius: 7px;} .tradeshow-listing:hover .text-container * {color:#fff;} .poster-listing .poster-filter-form {background-color: #eee;border-radius: 0px;margin-bottom: 30px;padding: 10px;} .poster-listing .poster-filter-form label {font-weight: bold; } .page-content.poster-listing p, .page-content.poster-listing p span {font-family: inherit;font-size: inherit !important;color: #555 !important;} .video-recordign iframe{border-radius: 8px !important;border: 0;} /*--- poster listing ----*/ /*--- poster details ----*/ /*--- poster video ------*/ .video-block{position:relative;} .video-block .video-image .img-overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:linear-gradient(45deg, #53504b, #2e2c2b);opacity:0.9;border-radius:10px;} .video-block .video-image img{height:auto;min-height:230px;width:100%;object-fit:cover;border-radius:10px;box-shadow:0 5px 30px -3px rgb(0 0 0 / 10%);} .video-block .video-image .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:60px;width:60px;border-radius:100px;background:#fff;color:#ef3824;display:flex;align-items:center;justify-content:center;} .video-block .video-image .play-btn:before{animation:ring-wave 2s linear infinite;} .video-block .video-image .play-btn:before, .video-block .video-image .play-btn:after{content:"";color:transparent;display:block;position:absolute;top:0;right:0;z-index:-1;bottom:0;left:0;transition:0.5s;border-radius:50%;border:1px solid;background:rgba(255, 255, 255, 0.253);} .video-block .video-image .play-btn i{font-size:22px;margin-left:5px;} @keyframes ring-wave{ 0%{transform:scale(1);} 75%{transform:scale(1.75);opacity:1;} 100%{transform:scale(2);opacity:0;} } /*--- poster video ---*/ .s-phone, .s-email, .s-website, .s-address{display:flex;margin-bottom:10px;} .s-phone .svg-inline--fa, .s-email .svg-inline--fa, .s-website .svg-inline--fa, .s-address .svg-inline--fa{margin-right:15px !important;margin-left:0 !Important;margin-top:4px; width: 16px;} .tradeshow-content .s-address svg, .tradeshow_container_exhibitor .s-address svg, .tradeshow_description .s-address svg, .tradeshow-content .s-phone svg, .tradeshow_container_exhibitor .s-email svg, .tradeshow_container_exhibitor .s-phone svg {margin-top: 4px !important;min-width: 20px;} /*--- poster details ----*/ .poster-pdf-iframe-container { position: relative;} .poster-pdf-iframe-button {display: block;position: absolute; top: 0;color: #fff;right: 0;text-align: right;background-color: rgb(0 0 0 / 75%);padding: 8px 12px 8px 14px;border-radius: 0;} .tradeshow-boothimg iframe{width:100% !important;min-height:200px;} /*====== End POster ======*/ /*===============================================*/ /* ==== 66. User Profile =====*/ /*===============================================*/ img.user-img-sm-thumb {height: 50px !important; width: 50px !important; object-fit: cover; object-position: center;} .user-img img{width:160px;border-radius:5px;} .user-profile .field--entity-reference-target-type-taxonomy-term.field--label-hidden:before{display:none;} .user-profile .field--entity-reference-target-type-taxonomy-term{margin:0px 0 !important;position:relative;padding-left:0 !important;padding-top:0 !important;} .user-profile ul.icons-list.icons-list--bordered{margin-left:34px;} .user-profile ul.icons-list.icons-list--bordered li a{display:block;width:30px;height:30px;text-align:center;color:#575757;border-width:1px;border-color:#575757;border-style:solid;border-radius:20px;} .user-profile ul.icons-list li{margin:0 2px !important;} .user-profile .field__label,.speaker-detail-title{font-size:16px; margin:0; font-weight:bold;word-break: normal;} .exhibitor-details-tag{margin:0 15px 15px 6px !important;display:block;font-weight:bold;} .exhibitor-list-tag{display:block;font-weight:bold;} .exbitor_cat_1{background-color:#B5D3E7;padding:4px 8px;border-radius:15px;font-weight:600;display:inline-block;} .exbitor_cat_2{background-color:#ffd700;padding:4px 8px;border-radius:15px;font-weight:600;display:inline-block;} .exbitor_cat_3{background-color:#c0c0c0;padding:4px 8px;border-radius:15px;font-weight:600;display:inline-block;} .exbitor_cat_4{background-color:#fda146;padding:4px 8px;border-radius:15px;font-weight:600;display:inline-block;} .exbitor_cat_5{font-weight:600;} /*---- Start edit profile ----*/ .profile-img .file{position:relative;overflow:hidden;margin-top:0%;width:100%;border:none;font-size:15px;background:#212529b8;} .profile-img .file input{position:absolute;opacity:0;right:0;top:0;cursor:pointer;} .login-form.edit-profile .form-outline{margin-bottom:15px;} .login-form.edit-profile .form-outline label{margin-bottom:.2rem;} .user-profile .field--label-inline .field__label, .user-profile .field--label-inline .field__item, .user-profile .field--label-inline .field__items{padding-right:0.5em;} .user-profile .field--label-inline .field__label {display: inline-flex;} .tradeshow_title h4 {font-size: 20px;font-weight: bold;margin-top: 0;padding-bottom: 10px;border-bottom: #e9e6e6 solid 1px;text-transform: capitalize;} .speaker-details h3 {font-size: 30px;font-weight: 500; margin-top: 0; margin-bottom: 6px;} .speaker-details hr { border-top: 1px solid #ebebeb;margin-bottom: 15px; margin-top: 15px;} /*---- End Edit profile ----*/ /*====== End User Profile ======*/ /*===============================================*/ /* ==== 67. tradeshow =====*/ /*===============================================*/ .tradeshow-video iframe{max-height:370px;} .tradeshow-video{margin-bottom:20px;/* height:370px;*//*margin-top:-20px;*/} .tradeshow-boothimg img{border-radius:0 !important;} .tradeshow_title h4{font-size:20px;font-weight:bold;margin-top:0;padding-bottom:10px;border-bottom:#e9e6e6 solid 1px;text-transform:capitalize;} .tradeshow_container_exhibitor{border-bottom:1px solid #ccc;padding-bottom:5px;} .tradeshow-content, .tradeshow_container_exhibitor,.tradeshow_description{font-size:16px;line-height:20px;} .login-form.edit-profile .field__item{line-height:24px;} .tradeshow-content p, .tradeshow_container_exhibitor p,.tradeshow_description p{line-height:22px !important;} .tradeshow-content .s-address svg, .tradeshow_container_exhibitor .s-address svg,.tradeshow_description .s-address svg, .tradeshow-content .s-phone svg, .tradeshow_container_exhibitor .s-email svg, .tradeshow_container_exhibitor .s-phone svg{margin-top:4px !important;min-width:15px !important;width:15px !important;margin-right:15px !important;margin-left:0 !important;padding-left:0 !important;height:1em !important;} .tradeshow-content .s-address i.fas, .tradeshow_container_exhibitor .s-address i.fas,.tradeshow_description .s-address i.fas, .tradeshow-content .s-phone i.fas, .tradeshow_container_exhibitor .s-email i.fas, .tradeshow_container_exhibitor .s-phone i.fas{margin-top:4px !important;min-width:15px !important;width:15px !important;margin-right:15px !important;margin-left:0 !important;padding-left:0 !important;height:1em !important;} .tradeshow-content .s-address i.fa, .tradeshow_container_exhibitor .s-address i.fa,.tradeshow_description .s-address i.fa, .tradeshow-content .s-phone i.fa, .tradeshow_container_exhibitor .s-email i.fa, .tradeshow_container_exhibitor .s-phone i.fa{margin-top:4px !important;min-width:15px !important;width:15px !important;margin-right:15px !important;margin-left:0 !important;padding-left:0 !important;height:1em !important;} .svg-inline--fa.fa-w-16{width:1em !important;} p.font-13 svg{width:15px !important;height:15px !important;} p.font-13 i.fas{margin-right:15px !important;width:15px !important;height:15px !important;} .cp-listing .font-13 span{width:50%;} .f-right{float:right;} .cp-listing h5{margin-top:15px;} .keynotes-video .video-embed-field-responsive-video iframe, .keynotes-video .video-embed-field-responsive-video{height:280px !important;} .poster-image img{max-height:370px;border-radius:0px;} svg.fa-map-marker-alt.schedule-marker{ background-color: var(--secondary-color); width: 20px; height: 20px; padding: 3px; border-radius: 50%; color: #fff !important; margin-left: 10px;} /*====== End Tradeshow ======*/ /*===============================================*/ /* ==== 68. View Recording listing page =====*/ /*===============================================*/ .card-header h6>a:after, .card-header.justify-content-between:after {content: "\f067";font-family: "FontAwesome";position: absolute;right: 16px;font-weight: 600;} .card-header h6>a[aria-expanded="true"]:after, .card-header.justify-content-between[aria-expanded="true"]:after {content: "\f068";font-family: "FontAwesome";font-weight: 600;} .conf-list-details {border-top: 1px solid #ddd;} .program-title {font-size: 18px;} .conf-list img {border-radius: 5px !important;float: left;width: 85px;margin-right: 15px;border: 2px solid #834E84;min-height: 85px; max-height: 85px; object-fit: cover; object-position: top;} .conf-list{margin-bottom: 2.5rem !important;} .recording-card-head{background-color: #eee !important;} .collapsing{-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .collapsing.width{-webkit-transition-property:width,visibility;transition-property:width,visibility} /*====== End View Recording listing page ======*/ /*===============================================*/ /* ==== 69. Ajex loader/cookie policy popup =====*/ /*===============================================*/ /*--- Ajex loader ---*/ #schedule-event{min-width:185px;text-align:center;} .watch-live,.schedule-event {font-weight: normal !important;font-size: 12px !important;padding: 8px 10px !important;} .watch-view-recording {font-weight: normal !important;font-size: 12px !important;color:#fff !important; background-color:#146c43 !important; border-color:#13653f !important} .watch-view-recording svg {color: #e1e1e1 !important;} #responseHolder img{width:20px;} /*--- Ajex loader ---*/ /*--- cookie policy popup ---*/ .cookie{width:100%;background-color:#202020;border-top:1px solid #fff;position:fixed;bottom:0;z-index:1000000;padding:15px 0;} p.cookie-notice{color:#fff;padding:0;line-height:1.3;} a.accept{background-color:#f37029 !important;color:#fff !important;border-radius:50px;padding:5px 20px;font-size:14px;border:1px solid #f37029 !important;cursor:pointer;} a.accept:hover{background-color:#fff !important;border:1px solid #f37029 !important;color:#f37029 !important;} .btn-success-session, .btn-success-session:hover {color: #fff !important;background-color: #28a745 !important; border-color: #28a745 !important;} /*--- end cookie policy popup ---*/ /*====== End Ajex loader/cookie policy popup ======*/ /*===============================================*/ /* ==== 70. Site Preloder =====*/ /*===============================================*/ .preloder-wrapper{position:fixed;top:0;left:0;bottom:0;right:0;z-index:103000;background:rgba(255, 255, 255, .8);display:flex;justify-content:center;align-items:center;} .spinner-border{border:none;border-radius:0;height:3rem;width:3rem;-webkit-animation:spinner-border 1.5s linear infinite;animation:spinner-border 1.5s linear infinite;} .spinner-border img{width:100%;height:100%;} input.parsley-error,select.parsley-error,textarea.parsley-error{color:#B94A48;background-color:#F2DEDE;border:1px solid #EED3D7;} .parsley-errors-list{margin:2px 0 3px;padding:0;list-style-type:none;font-size:0.9em;line-height:0.9em;opacity:0;color:#B94A48;transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;} .parsley-errors-list.filled{opacity:1;} /*====== End Site Preloder ======*/ /*===============================================*/ /* ==== 71. Default Background-image =====*/ /*===============================================*/ /*#top-banner {background-image: url("../common-img/background-image-default.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;} #block-counterblock-2 {background-image: url("../common-img/background-image-default.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;} #register-button {background-image: url("../common-img/background-image-default.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;} #footer.region--primary-colored-background {background-image: url("../common-img/background-image-default.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;} #footer-top{background:#eee url("../common-img/background-image-default.jpg") no-repeat -44% 80%;background-position:right -48% bottom 100%;}*/ #top-banner {background-repeat: no-repeat; background-size: cover; background-position: center;} #block-counterblock-2, .section-background-image, .region--background-image {background-image: var(--section-background-image);} #footer.region--primary-colored-background {background-image: var(--footer);} .bg-lightgray{background-color: #eee;} /*====== End Default Background-image ======*/ /*===============================================*/ /* ==== 72. Fix the sponsors slier arrow =====*/ /*===============================================*/ .mt-carousel-sponsors .owl-nav .owl-next{right:0;margin-right:0;} .mt-carousel-sponsors .owl-nav div{border:0;width:30px;color:#575757;} .mt-carousel-sponsors .owl-nav .owl-prev{left:0px;margin-left:0;} .mt-carousel-sponsors .owl-nav{top:50%;height:0;right:0;left:0;position:absolute;margin-top:-50px;} /*====== End Fix the sponsors slier arrow ======*/ /*===============================================*/ /* ==== 73. New full schedule Page =====*/ /*===============================================*/ /* .schedule-section{background-color: #efefef;} */ .font-13 {font-size:13px} .schedule-section .new-full-schedule-accordion .card{border-radius:0 !Important} .agenda-page .card{border-radius: 4px; border: 1px solid #ddd;} .view-agenda-time{font-size: 17px !important;} .agenda-page .new-full-schedule-accordion.collapsed {background-color: #fff !important;color: #555;border-radius: 4px;} .agenda-box {background-color: #fff; border:1px solid #eee;} .agenda-box h5 { padding: 0 0 5px 0; color: rgb(247 148 29);background: transparent;font-size: 20px; line-height: normal;text-shadow: none;font-weight: 700;margin: 10px 13px 5px 13px; border: none; border-bottom: 1px solid #dbdbd6;} .agenda-body {padding:15px;} .agenda-body .new-full-schedule-accordion {background-color: var(--secondary-color); color: #fff;} .agenda-page .new-full-schedule-accordion:after{font-family: "FontAwesome";content: "\f13a";position: absolute;right: 20px;top: 7px;font-size: 18px;transform: rotate(0deg);} .agenda-page .new-full-schedule-accordion.collapsed:after{font-family:"FontAwesome";content:"\f13a";-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;position:absolute;text-align:center;font-size:18px;top:8px;line-height:1;right:10px;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;border-radius:100%;transform: rotate(180deg);} .agenda-body .card h6.card-header {font-size:16px;cursor:pointer;} .agenda-page h6.card-header.new-full-schedule-accordion.collapsed:hover {background-color: #555 !important;color:#fff;transition: all .5s;border-radius: 0;} .agenda-page .agenda-body .child-session h6{font-size:14px;} .new-agenda-page .agenda-box {border:0;} .new-agenda-page .conference-list {padding: 1em 2.2em;} .new-agenda-page .child-session-list{border: 1px solid #d8d8d8;padding: 20px;margin: 10px 0;} .new-agenda-page .agenda-box .agenda-body h5{line-height: 1.2;color: #013857; font-weight: 500;text-transform: uppercase;margin: 0 0 10px 0;border:0;} .new-agenda-page .agenda-box .sectionheader h6{font-size: 18px;margin-bottom: 0px; margin-top: 0px;} .new-agenda-page .agenda-box hr{margin: 10px 0;} .new-agenda-page .new-full-schedule-accordion.collapsed {background: #dedede !Important;color: #4b4f54 !important;border-radius: 4px;} .new-agenda-page .agenda-body .new-full-schedule-accordion {background: rgb(39,153,137);background: #e1e1e1;} .new-agenda-page h6.card-header.new-full-schedule-accordion.collapsed:hover {background: rgb(39,153,137);background: #e1e1e1 !important;color:#fff !Important;border-radius: 3px;} .new-agenda-page h6.card-header {margin: 10px 0 0;position: relative;font-weight: 600; text-transform: none;padding: .6em .5em .6em .7em !Important;} .new-agenda-page .agenda-box h5.timing-heading{border: none;font-size: 17.5px;line-height: 20px;padding: 10px 12px 10px 12px;background-color: #eee;color: #fff !important;} .new-agenda-page.agenda-page .new-full-schedule-accordion:after, .new-agenda-page.agenda-page .new-full-schedule-accordion.collapsed:after {top: 10px;right: 12px;} .agenda-title-date{-ms-flex-pack: end; justify-content: flex-end; display: flex; padding-right: 3rem;} @media (max-width:767px){ .agenda-body .card h6.card-header {padding-right: 30px;} .agenda-title-date{ display: block; padding-right: 0;} } /* ==== End new full schedule Page =====*/ /*===============================================*/ /* ==== 74. password validation =====*/ /*===============================================*/ .pass-progress {height: 5px;} .fa-exclamation-circle {color: #edda39;} .pass-progress-bar {float: left;width: 0;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;/* background-color: #337ab7; */-webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;height:5px !important;} .progress-bar-success {background-color: #5cb85c !important;z-index: 1 !important;} .progress-bar-danger {background-color: #d9534f !important;z-index: 1 !important;} .progress-bar-warning {background-color: #f0ad4e !important;z-index: 1 !important;} .hide {display: none!important;} #popover-password p, .validation-list li {font-size: 12px; line-height: normal;} #register_user, #login_user, #forgot-pass_user {margin-bottom:0;} #register_user label, #login_user label, #forgot-pass_user label{margin-bottom: 0rem;} #register_user input, #register_user select,#login_user input, #login_user select , #forgot-pass_user input{height: 35px;font-size: 14px;} #login_user input[type="radio"], #login_user input[type="checkbox"] {height: 16px;} #register_user select {-webkit-appearance: none; -moz-appearance: none;appearance: none;background-color: #fff; border-color:rgba(209, 213, 219, 1);border-width: 1px;padding-right: 0.75rem; padding-left: 0.75rem;padding: 0.5rem; padding-bottom: 0.5rem !important;} .register_user_logo {padding: 8px;background-color: #e1e1e1;text-align: center;margin-bottom: 8px; border-radius: 4px;} .register_user_logo img{ max-height: 48px;width: auto; display: initial;/* filter: brightness(0) contrast(300%) invert(1) !important; */} .registernow_user {color:#834E84;text-decoration:underline } .notregistertitle_user{font-size:18px;font-weight:bold;} /* ==== End password validation =====*/ /*===============================================*/ /* ==== 75. ZebraDialog Box Design =====*/ /*===============================================*/ .myclass .ZebraDialog_Body{background:#ffffff;font-size:21px;border-top:1px solid #dcdcdc !important;border-bottom:1px solid #dcdcdc !important;} .alertclass .ZebraDialog_Body{background:#ebda7b;font-size:21px;} .ZebraDialog{width:450px;background-color:#fff;border:1px solid #e1e1e1;-webkit-box-shadow:0px 0px 9px 0px rgb(181 181 181);-moz-box-shadow:0px 0px 9px 0px rgba(181,181,181,1);box-shadow:0px 0px 9px 0px rgb(181 181 181); z-index: 10001;} .myclass .ZebraDialog_Title{background-color:#e1e1e1;color:#fff;font-size:18px;font-weight:400;border:0px;padding:15px;} .ZebraDialog .ZebraDialog_Buttons{padding:15px;display:flex;justify-content:center;} .ZebraDialog .ZebraDialog_Title a.ZebraDialog_Close{color:#fff;margin:12px;} .ZebraDialog .ZebraDialog_Buttons a{margin-right:12px;} .ZebraDialog .ZebraDialog_Buttons a{background-color:#e1e1e1;font-size:16px;background-image:none !important;} .ZebraDialog .ZebraDialog_Buttons a:hover{background-color:#fff !important;color:#e1e1e1;border:1px solid #e1e1e1;} .poster-pdf-iframe-container{position:relative;} .poster-pdf-iframe-button{display:block;position:absolute;top:0;color:#fff;right:0;text-align:right;background-color:rgb(0 0 0 / 75%);padding:8px 12px 8px 14px;border-radius:0;} .poster-pdf-iframe-button:focus{outline:0;box-shadow:none;color:#fff;} .poster-pdf-iframe-button:hover{background-color:#707070;color:#fff;} /* Only show the button when the parent is hovered:*/ .poster-pdf-iframe-container:hover .poster-pdf-iframe-button{display:initial;} #pdf_reader embed{position:static !important;} #pdf_reader body{background-color:transparent !important;} /*===============================================*/ /* ==== 76. Top banner Live session with indictor =====*/ /*===============================================*/ span.live-icon{display:inline-block;top:calc(50% - 5px);background-color:red;width:10px;height:10px;margin-left:20px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:50%;z-index:1;} span.live-icon:before{content:"";display:block;position:absolute;background-color:rgba(255, 0, 0, 0.6);width:10px;height:10px;border-radius:50%;-webkit-animation:live 2s ease-in-out infinite;animation:live 2s ease-in-out infinite;z-index:-1;} .live-event-join{text-align:center;padding:4px;background-color:#004882;margin:auto;font-weight:bold;font-size:15px;letter-spacing:.50px;color:#fff;} a.button.button--small.header_custom_join_button{padding:8px !important;border-radius:50px !important;border:none;background-color:#f15f22 !important;color:#fff !important;} /* event section */ .live-event-sec{background-color:#ef3824;} .live-indicator{font-family:'Roboto', sans-serif;background:#fff;color:#ef3824;padding:4px 6px;line-height:1;border-radius:6px;text-transform:uppercase;display:inline-block;vertical-align:middle;font-size:12px;font-weight:bold;width:auto;margin-right:5px;} .live-indicator .blink{animation:blinker 1s cubic-bezier(0.5, 0, 1, 1) infinite alternate;font-size:10px;margin-right:5px;vertical-align:baseline;} @keyframes blinker{from{opacity:1;} to{opacity:0;} } /*===============================================*/ /* ==== 77. left Align Event Section =====*/ /*===============================================*/ .text-component>*:first-child{margin-top:0} .cd-timeline__img{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;border:3px solid #c5c5c5;background-color:#fff;width:20px;height:20px} .cd-timeline__content h2,.cd-timeline__date{color:#55a4da;font-size:24px;font-style:normal;font-weight:500} .cd-timeline__container::before{content:'';position:absolute;top:0;left:5px;height:100%;width:10px;background-color:#eee;border-radius:20px} .cd-timeline{overflow:hidden;padding:2em 20px;background-color:#fff!important} .cd-timeline__container{position:relative;padding:1.25em 0} .cd-timeline__block{display:-ms-flexbox;display:flex;position:relative;z-index:1;margin-bottom:2em} .cd-timeline__content{-ms-flex-positive:1;flex-grow:1;position:relative;border-radius:.25em;padding:1.25em;margin-top:-25px} @media(min-width:64rem){.cd-timeline__content{width:100%;-ms-flex-positive:0;flex-grow:0;will-change:transform;margin:0;font-size:.8em;--line-height-multiplier:1.2;margin-top:-25px}} @media only screen and (max-width:800px){.cd-timeline__content h2,.cd-timeline__date{font-size:20px}} /*===============================================*/ /* ==== 78. Event section with banner =====*/ /*===============================================*/ img.event-banner{min-height: 100%;min-width: 100%;background-color: #e6e6e6;object-fit: cover;object-position: center;} .event-banner-parent{width: 100%;height: 120px;background-color: #eee;max-height: 120px; min-height: 120px;} .event-banner-schedule{width: 100%;height: 100px;background-color: #eee;max-height: 100px;} .event-banner-schedule img {max-height:100px; width: 100%; } a.event-title{font-size: 20px; font-weight: 600;} .exhibitor-category{padding: 4px 8px;border-radius: 15px;font-weight: 600;display: block; max-width: fit-content;background-color:#B5D3E7;font-size: 14px;} .events-status{ position: absolute; bottom: 5px; right: 6px; background-color: #ED7800; padding: 0px 7px; border-radius: 3px; color: #fff;} body { padding-bottom: 0px !important;} /*===============================================*/ /* ==== 78. Keynotes Box =====*/ /*===============================================*/ .keynotes-box h5 {font-weight:normal!important;} .keynotes-box {box-shadow: 2px 2px 14px 0px rgb(1 142 151 / .3) !important;transition: all .5s;border: 4px solid transparent !important;border-radius: 15px;padding: 1rem;margin-bottom: 30px;padding-top: 0;height: 100%;} .keynotes-box .conf-date, .keynotes-box .conf-time {color: #656565; font-size: 13px;} /* .keynotes-box h5 {color: #000 !important;min-height: 56px;} */ .keynotes-box:hover h5{text-decoration:none;color: #008e97 !important;} .keynotes-box a:hover {text-decoration:none;color: #008e97 !important;} .keynotes-box:hover {border: 4px solid #e1e1e1;transition: all .5s;border-radius: 15px;text-decoration:none;color: #555;} .keynotes-box svg { color: #008e97;margin-right: 10px;} .keynotes-box .bg-blue {background-color: #0d949c!important;} .keynotes-box .border-lightblue {background-color:#e3dddd !important;} .keynotes-box .text-blue {color: #e1e1e1;} .keynotes-box:hover h5 {color: rgb(0, 142, 151)} .keynotes-box .round_table-image {border-bottom: 1px solid #eee; margin-bottom: 12px;background-color: #deedea;border-radius: 15px 15px 0 0; padding: 10px;} .keynotes-box .round_table-image img{max-height: 180px;width: auto;} .keynotes-box.meetandgreet-box {padding-top: 1rem;} .netroomcard-mh {min-height: 150px;} /*===============================================*/ /* ==== 79. Alumni Box =====*/ /*===============================================*/ .alumni-box {margin: 5px;background: #fff;border: 1px solid #ccc;border-radius: 6px;text-align: center; box-shadow: 0 10px 20px -5px rgb(0 0 0 / 20%);line-height: 1.2;transition: all 0.2s ease-in-out !important;transform: translateZ(0px);transform-style: preserve-3d;height:100%} .alumni-box .card-header{min-height: 180px;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #f8f7f7; margin: 0 8px;} .alumni-box .card-header img {width: auto;max-height: 180px;padding: 20px;} .alumni-box:hover {transform: translateZ(5px);} /*===============================================*/ /* ==== 80. Tooltip table =====*/ /*===============================================*/ .has-tooltip:hover + .tooltip,.has-tooltip:focus + .tooltip,.has-tooltip.hover + .tooltip{opacity:1;transform:translate(-50%, -100%) scale(1) rotate(0deg);pointer-events:inherit;} .tooltip{position:absolute;top:0px;left:50%;transform:translate(-50%, -50%) scale(0.75) rotate(5deg);transform-origin:bottom center;border-radius:5px;transition:0.15s ease-in-out;opacity:0;width:auto;pointer-events:none;z-index:5;} .tooltip.red{width:335px;padding:0;background-color:#fff;border-radius:10px;} .tooltip.red:after{border-top:5px solid rgba(231, 29, 54, 0.75);} .tooltip:hover{opacity:1;transform:translate(-50%, -100%) scale(1) rotate(0deg);pointer-events:inherit;} .tooltip img{max-width:100%;} .tooltip:after{content:"";display:block;margin:0 auto;widtH:0;height:0;border:5px solid transparent;border-top:5px solid #5f2a58 !important;position:absolute;bottom:0;left:50%;transform:translate(-50%, 100%);} table.w-auto {border: 1px solid #eee;border-radius: 12px;margin: 0;min-width:335px;} .tooltip-table table tr td{padding: 4px 10px;font-size: 12px;} .tooltip-table table tr th {padding: 4px 10px;font-size: 13px;border-color: #eee;background-color:#eee;color:#fff;} .exhibitor-contact-person-details {border: 1px solid #eee; padding: 6px 10px; border-radius: 6px;margin-bottom: 10px;} .tooltip-btn {position:relative;} .exhibitor-contact-person-details .title{font-size:18px !important} .exhibitor-contact-person-details .user-profile .field__label {font-size:14px !important} .exhibitor-contact-person-details .button.button--small {font-size: 12px;padding: 10px 8px;max-height: 34px;} /*===============================================*/ /* ==== 81. Session detail =====*/ /*===============================================*/ .session-detail .conf-details-speakerdetails img {width: 50px;height: 50px;object-fit: cover; object-position: center;font-size: 10px;line-height: 10px;} .session-detail .confrence-programe-details h4.title {} .session-detail .header-confrence-programe, .session-detail .header-confrence-programe svg {color:#fff; border-radius:4px;} .image-slider-section .views-field-field-mt-spn-logo img{border-radius:6px; border:1px solid #eee;} /** view more on speaker details */ .view-morw .more-text { display: none; } .view-morw .less { display: none; } .view-morw .read-more{color: #0000ff;} .ex-view-more .more-text { display: none;} .ex-view-more .less { display: none;} .ex-view-more .read-more{color: #0000ff;} /** End view more on speaker details */ /*===============================================*/ /* ==== 82. public Form =====*/ /*===============================================*/ img#speakerImage { height: 135px; } img#speakerImage { height: 135px; display: block; background-image: url(../../avatar.jpg); background-position: center; object-fit: cover; background-repeat: no-repeat; background-size: 100% 135px; border: 1px solid #e6e6e6; } .required{ color: red; } .carousel-control-next, .carousel-control-prev { width: 50px; height: 50px; top: auto !important; background-color: #222; position: relative !important; margin: 0 10px 10px 10px; } .form-slider-nav{ display: flex; justify-content: center; } /*End Speaker Form*/ /*===============================================*/ /* ==== 83. forum-comment user list @ tagging =====*/ /*===============================================*/ .attendee-list-tagging { padding-top: 0 !important; padding-bottom: 0 !important; left: 30px !important; right: 0px; /* top: 45%; */ z-index: 9; position: absolute; display: none; flex-direction: column; /* max-width: 250px; */ width: 75%; background-color: #fff; border: 1px solid #ced4da; border-radius: 8px; } .attendee-list-tagging button.attendee-btn{cursor: pointer;border-style: solid;font-size: 13px;text-align:left;padding: 4px 8px;border-color: transparent;background-color: #fff !important;border-radius: 4px;} .attendee-list-tagging button.attendee-btn:hover, button.attendee-btn:focus {background-color: #f0ffff !Important;outline: transparent;color: #0000ff;} .attendee-list-tagging .attendee-img img{ border-color: rgba(0, 0, 0, 0.1); border-width: 1px; border-style: solid; width: 35px; height: 35px; border-radius: 50%; left: 0px; right: 0px; } /*===============================================*/ /* ==== 83. Message-Board =====*/ /*===============================================*/ .message-board .no-margin{margin:0 !important;} .message-board .user-data{text-align:center;} .message-board .full-width{float:left;width:100%;background-color:#fff;margin-bottom:20px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;} .message-board .user-profile{float:left;width:100%;} .message-board .username-dt{float:left;width:100%;background-color:var(--primary-color);padding-top:40px;} .message-board .usr-pic > img{float:none;border:5px solid #fff;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;width:100%;} .message-board .usr-pic > img{width:110px;min-height:110px;max-height:110px;margin:0 auto;margin-bottom:-48px;object-fit: cover; object-position: top;} .user-specs{float:left;width:100%;padding:63px 0 27px 0;} .user-specs h3{color:#000000;font-size:24px;text-transform:capitalize;font-weight:600;margin-bottom:8px;} .user-specs span{color:#686868;font-size:14px;} .user-fw-status{float:left;width:100%;padding-left:0;margin-bottom:0;} .user-fw-status li:nth-child(1), .user-fw-status li:nth-child(2){border-bottom:0;} .user-fw-status li{float:left;width:100%;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding:15px 0;list-style:none;} .user-fw-status li h4{color:#686868;font-size:16px;margin-bottom:0;margin-top:0;} .user-fw-status span{color:#000000;font-size:20px;} .user-fw-status li:last-child{border-bottom:0;} .user-fw-status li a{color:var(--link);font-size:14px;font-weight:600;} .main-ws-sec{float:left;width:100%;} .post-topbar{float:left;width:100%;padding:10px 20px;background-color:#fff;border-top:4px solid var(--primary-color);border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;-webkit-box-shadow:0 0 1px rgb(0 0 0 / 24%);-moz-box-shadow:0 0 1px rgba(0,0,0,0.24);-ms-box-shadow:0 0 1px rgba(0,0,0,0.24);-o-box-shadow:0 0 1px rgba(0,0,0,0.24);box-shadow:0 0 1px rgb(0 0 0 / 24%);margin-bottom:20px;} .user-picy{float:left;width:50px;} .user-picy img{width:100%;object-fit:cover;border-radius:50%;max-height: 50px;min-height: 50px; object-fit: cover; object-position: top;} .post-st{float:right;margin-top:5px;} .post-st ul li{display:inline-block;margin-right:6px;} .post-st ul li a{color:#fff;font-size:16px;display:inline-block;background-color:var(--primary-color);height:40px;padding:0 15px;line-height:40px;font-weight:500;} .posts-section{float:left;width:100%;} .post-bar{float:left;width:100%;background-color:#fff;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;margin-bottom:20px;padding:20px;box-shadow:0px 2px #e4e4e4;} .post_topbar{float:left;width:100%;position:relative;} .usy-dt{float:left;} .usy-dt img{-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px;margin-top:2px;width:50px;float:left;max-height: 50px;min-height: 50px; object-fit: cover; object-position: top;} .usy-name{float:left;margin-left:15px;} .ed-options.active{opacity:1;visibility:visible;z-index:999;list-style: none;} .usy-name h3{color:#000000;font-size:18px;text-transform:capitalize;font-weight:600;margin-bottom:0px;margin-top:2px;} .usy-name span{color:#b2b2b2;font-size:14px;} .usy-name img{margin-top:4px;margin-right:6px;} .ed-opts{float:right;position:relative;top:7px;} .ed-opts > a{color:#b2b2b2;float:right;position:relative;left:10px;top:-10px;} .ed-options{position:absolute;top:100%;right:0;width:130px;background-color:#fff;-webkit-box-shadow:0 0 10px rgb(0 0 0 / 28%);-moz-box-shadow:0 0 10px rgba(0,0,0,0.28);-ms-box-shadow:0 0 10px rgba(0,0,0,0.28);-o-box-shadow:0 0 10px rgba(0,0,0,0.28);box-shadow:0 0 10px rgb(0 0 0 / 28%);padding:20px;opacity:0;visibility:hidden;z-index:0;list-style: none;} .ed-options li{float:left;width:100%;margin-bottom:15px;} .ed-options li a{color:#686868;font-size:14px;font-weight:600;} .job_descp{float:left;width:100%;border-radius: 4px; background-color: #fcfbfb;padding: 10px;} .job_descp h3{color:#333;font-size:16px;font-weight:600;margin-bottom:15px;} .job_descp > p{color:#666666;font-size:15px;line-height:24px;margin-bottom:20px;} .job_descp > p a{color:var(--link);font-weight:600;} .job-status-bar{border-top:1px solid #e5e5e5;} .job-status-bar{float:left;width:100%;} .like-com{float:left;margin-top:20px;padding-left:0;margin-bottom:0;color: #b2b2b2; font-size: 14px;} .like-com li{display:inline-block;margin-right:15px;} .like-com li a{color:#b2b2b2;font-size:14px;font-weight:500;float:left;} .like-com li a i{margin-right:2px;font-size:14px;position:relative;top:2px;} /* .like-com li span{color:#ffffff;font-size:13px;width:30px;height:30px;background-color:#e44d3a;line-height:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;float:left;text-align:center;font-weight:600;margin-left:-25px;} */ .like-com li a i{margin-right:2px;font-size:14px;position:relative;top:2px;} .job-status-bar > a{float:right;color:#b2b2b2 !important;font-size:14px;margin-top:20px;cursor:pointer;} .job-status-bar > a i{font-size:14px;margin-right:7px;position:relative;top:1px;} .input-comment-tag:focus{outline:0;} .message-send-area { float: left; width: 100%; /* background-color: #f3f5f7; */ /* padding: 5px; */ /* border: 1px solid #eeeeee; */ margin-top: 10px; } .message-send-area form { float: left; width: 100%; position: relative; } .mf-field { float: left; width: 100%; } .mf-field input { float: left; width: 85%; background-color: #fff; color: #b2b2b2; font-size: 14px; padding: 0px 15px; border: 1px solid #e6e6e6; height: 34px; border-radius: 20px 0 0 20px; border-right: 0; } .mf-field button { float: left; width: 15%; background-color: #e44d3a; height: 34px; line-height: 18px; text-align: center; color: #fff; font-weight: 500; border: 0; margin-left: 0px; cursor: pointer; font-size: 14px; border-radius: 0 20px 20px 0; border: 1px solid #e6e6e6; border-left: 0; } .message-send-area form > ul { float: left; margin-top: 4px; position: absolute; right: 16%; padding-left: 0; } .message-send-area form > ul li { display: inline-block; margin-right: 6px; } .message-send-area form > ul li a { color: #b2b2b2; font-size: 14px; } .main-message-box { float: left; width: 100%; position: relative; margin-bottom: 15.5px; } .comm-action-btn{display: inline-block; float: right; margin-right: 6px;} .message-dt { float: left; width: 100%; margin-bottom: 15px; } .comment-msg { float: right; width: 93%;} .message-inner-dt { float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 100%; font-size:12px; color: #b2b2b2; } .message-dt.st3 .message-inner-dt > p { background-color: #efefef; color: #686868; width: 100%; padding: 6px 10px; float: left; border-radius: 0 10px 10px 10px; font-size: 16px; } .message-dt > span { color: #b2b2b2; font-size: 14px; float: left; width: 100%; margin-top: 7px; } .main-message-box.st3 .messg-usr-img { bottom: 13px;float: left; display: inline-block;margin-top: 10px; } .messg-usr-img { /* position: absolute; */ bottom: 25px; left: 20px; width: 40px; } .messg-usr-img img { width: 100%; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } .comment-msg .date-time {font-size:12px;color:#b2b2b2} .message-board .job_descp img{width: auto !important;max-height: 250px;} .post-st ul{margin-bottom:0} /*===============================================*/ /* ==== 84. User-Quick link =====*/ /*===============================================*/ .user-quicklink, .user-quicklink-d{display:inline-block;z-index:1021;} .notification-icon{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid; border-radius: 50%; background-color: #f5f6f7;} .notification-icon .svg-inline--fa.fa-bell{transform: rotate(-20deg);} .user-quicklink .dropdown-menu {min-width: 15rem;margin-top: 10px !important;padding:10px;right: 0 !important; left: auto;} .user-quicklink .dropdown-item{display: block;width: 100%; padding: 0.4rem 1rem;clear: both;font-weight: 500;color: #000;text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;border-bottom-color: none;border-bottom-color: transparent; border-bottom-width: 3px;font-size:14px;} .user-quicklink .dropdown-menu:after {left: auto;border-bottom-color: var(--primary-color);border-bottom: 10px solid #FFF;border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; content: ""; display: inline-block; right: 16px;position: absolute;} .user-quicklink .avatar { height: 3rem; width: 3rem; position: relative; display: inline-block !important;} .user-quicklink hr {margin: .4rem 0;} .user-quicklink .avatar-img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border: 2px solid var(--button); display: inline-block;} .user-quicklink .avatar-circle {border-radius: 50%;} .user-quicklink h6{font-size:.9rem;} .user-quicklink .avtar-menu {width: 35px;height: 35px;background-color: var(--primary-color); text-align: center; text-transform: capitalize;border-radius: 50%;color: #fff;} .user-quicklink .fa, .user-quicklink .fas, .user-quicklink .svg-inline--fa {color: #848282;} .user-quicklink .fa:hover, .user-quicklink .fas:hover, .user-quicklink .svg-inline--fa:hover {color: var(--link);} .user-quicklink .dropdown-item:hover .svg-inline--fa{color: var(--link); } .user-quicklink .dropdown-item:hover{color: var(--link); text-decoration: none;background-color: rgba(6, 106, 201, 0.1); } .dropdown-divider{border-top-color: var(--navbar);} ul.profileDropdown {background-color: #fff;} /*===============================================*/ /* ==== 84.for button disable =====*/ /*===============================================*/ .btn-hide { pointer-events: none !important; border-color: #f7941d !important; color: #f7941d !important; background-color: transparent !important;} .download-document.text-right .text-right {text-align: left !important;} .download-document.text-right{padding: 6px 10px;} .member-details .field--label-inline span {word-break: inherit;} .customizer{width:400px!important;right:-400px;padding:0;background-color:#fff;z-index:1051;position:fixed;top:0;bottom:0;height:100vh;-webkit-transition:right .4s cubic-bezier(.05,.74,.2,.99);-o-transition:right .4s cubic-bezier(.05,.74,.2,.99);-moz-transition:right .4s cubic-bezier(.05,.74,.2,.99);transition:right .4s cubic-bezier(.05,.74,.2,.99);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;border-left:1px solid rgba(0,0,0,.05);-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)} .customizer.open{right:0} .customizer .customizer-content{position:relative;height:100%} .customizer a.customizer-toggle{background:#fff;color:#967adc;display:block;border-radius:15px 0 0 15px} .customizer a.customizer-close{color:#000} .customizer .customizer-close{position:absolute;right:10px;top:10px;padding:7px;width:auto;z-index:10} .customizer .customizer-toggle{position:absolute;top:35%;width:54px;height:50px;left:-54px;text-align:center;line-height:56px;cursor:pointer} .customizer .color-options a{white-space:pre} .customizer .customizer-sidebar-options .active{background-color:#967adc;border-color:#967adc;color:#fff} /*===============================================*/ /* ==== 85.Right collapse panel section =====*/ /*===============================================*/ .modal .modal-dialog-aside{ width: 250px; max-width:80%; height: 100%; margin:0;transform: translate(0); transition: transform .5s;z-index:9999;} .modal .modal-dialog-aside .modal-content{ height: inherit; border:0; border-radius: 0;} .modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto } .modal.fixed-left .modal-dialog-aside{ margin-left:auto; transform: translateX(100%); } .modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); } #modal_aside_left {padding-right:0px !important} #modal_aside_left.modal{z-index: 9999;} .modal.show .modal-dialog-aside{ transform: translateX(0); } .right-sidebar .sticky-btn {position:fixed;top:35%;right:0;z-index: 999;border-radius: 12px 0 0 12px;} .right-sidebar .modal.fixed-left.fade.show .sticky-btn {right:250px } .right-sidebar .modal-backdrop {background:transparent;} .modal-backdrop.show { opacity: .5;} #modal_aside_left .list-group-item h6 {font-size:16px;} /* fot span pipeline */ span.monthly-meeting{font-size: 18px;} /*===============================================*/ /* ==== 86.feedback form css =====*/ /*===============================================*/ .feedback-form tbody tr td input[type=checkbox],.feedback-form tbody tr td input[type=radio]{margin:0 5px 0 0;width:17px;height:17px} .feedback-survey-heading{background-color:#dee2e6;padding:8px;margin:0;width:100%;font-weight:600; border-radius: 5px 5px 0 0;} .feedback-form tbody tr:hover{background-color:transparent} table.feedback-form{border-collapse: separate; border-spacing: 0 1em;} table.feedback-form tbody tr td{padding: 15px !important; border-radius: 8px; background-color: #fafafa;} input.survey-form-yes-no {position: relative; top: 4px;} table#mySurvey tbody tr td:first-child{white-space: normal;} @media only screen and (max-width: 768px) { table.feedback-form tbody tr td {display: block;} } /*===============================================*/ /* ==== 87.Range Slider css =====*/ /*===============================================*/ #range-slider {max-width: 100%; margin: 0 auto;} #slider-range { background-color: #D4D4D4; } .ui-slider-horizontal .ui-slider-range{background-color:#6798bd} .ui-button:focus,.ui-button:hover,.ui-state-active,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-active,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{background:#fff!important;border:1px solid #ccc!important} .ui-button:focus,.ui-state-focus{outline:0!important} .ui-slider .ui-slider-handle{box-shadow:0 0 5px 0 rgba(0,0,0,.2);border-radius:50%;height:20px;width:20px} #time-range-slider{color:var(--primary-color);text-align:center;font-size:16px;font-weight:600;width:100%;margin-top:5px} .ui-slider-horizontal .ui-slider-range{background-color:var(--primary-color)} #range-slider p{text-align: center;} /*===============================================*/ /* ==== 88.Quiz =====*/ /*===============================================*/ #question{font-size: 18px; font-weight: bold; color:var(--primary-color);} ol.up-alpha {list-style-type: upper-alpha;} #options ul.list-unstyled li { background-color: #F0F3F6; margin-bottom: 5px; padding: 8px 15px; border-radius: 5px;} #options ul{margin-left: 0px;} /*===============================================*/ /* ==== 89.Trending now and top picks =====*/ /*===============================================*/ .trending-text{ list-style: initial !important; border: none !important; margin: 0px !important; } /* extra */ small.small-text{ font-size: 14px; } small.note-align { margin-left: 43px; } .custom-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); border-radius: 5px; background-color: #efefef; } .custom-scroll::-webkit-scrollbar { width: 6px; background-color: #efefef; } .custom-scroll::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); background-color: #cdcdcd; } a.journey-list-link { min-height: 100px; max-height: 200px; display: block; background-color: var(--primary-color); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 25px; text-align: center; border-radius: 8px; font-weight: 400; margin-bottom: 15px; border: 2px solid var(--primary-color); } a.journey-list-link:hover{ /* color:#fff */ background-color: transparent; border: 2px solid var(--primary-color); } /*End Extra CSS */ /* custom-right-sidebar */ .bs-canvas-overlay{opacity: 0.6;z-index: 10000; position: fixed !important; top: 0;} .bs-canvas-right{right: 0;margin-right: -30%} .bs-canvas{top: 0;z-index: 10001;overflow-x: hidden;overflow-y: hidden;width: 30%;transition: margin 0.4s ease-out;-webkit-transition: margin 0.4s ease-out;-moz-transition: margin 0.4s ease-out;-ms-transition: margin 0.4s ease-out} .bs-canvas-content{height: calc(100vh - 84px);overflow-y: auto;} .info-b-reader { font-size: 50px; margin-right: 15px; color: #17a3b844; } .eva-info-title { color: #0E6370; margin: 0; } p.eva-info, h2.eva-info, h3.eva-info { line-height: 1.3; color: #6C757D; } /* end custom-right-sidebar */ .comment__content p a { word-break: break-all; white-space: pre-wrap; } .w-400{ width: 400px !important; } .fev-overlay-container:hover .speaker-control,.fev-overlay-container:hover .exhibitors-control {transform: translateY(0); opacity: 1;} .speaker-control, .exhibitors-control{opacity: 0; transform: translateY(-20px); transition: all 0.4s ease 0s;position: absolute; inset: 5%; background-color: rgba(255, 255, 255, 0.8); text-align: center; padding: 2%; z-index: 99;} .Exhibitors-logo-container.fev-overlay-container.exhibitor-img-container {position: relative;} .fev-hover, .exhibitors-control.fev-hover a, .exhibitors-control.fev-hover button{border: 1px solid #ddd !important;} .fev-hover button, .danger-btn{color: #dc3545!important;} .fev-hover a{color: #fff!important;} .fev-hover a:hover {color: #117a8b !important;background-color: #fff;} .exhibitors-control{border-radius: 100px;} .square { position: absolute; right: 2%;} ul.content-center { display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;} .box{border:1px solid #ddd; box-shadow: 0px 0px 10px #ddd; border-radius: 10px; padding: 15px; margin-bottom: 20px !important;} ul.box li{list-style: none;} .card-content {border: 1px solid #ddd; border-radius: 5px;} .el-page-height{min-height: calc(100vh - 125px);} ul.certi-listing { background-color: #f1f1f1; border-radius: 5px; border: 1px solid #ddd; padding: 0px; } ul.certi-listing li{padding: 5px 10px; border-bottom: 1px solid #ddd; list-style: none;} /*===============================================*/ /* ==== E5803 starts here =====*/ /*===============================================*/ .delete-icn { text-align: right; } .dlt-btn-icon { text-align: right; } .comment__content.custom-cls ul.links.inline { min-width: 80px !important; margin-left: 10px !important; } .indented.sub-comment .dlt-btn-icon { position: absolute; right: 0; top: 12px; } .comment__content.custom-cls { position: relative; } .comment.comment-main { border-bottom: #ebebeb solid 1px; } .comment__content.custom-cls .delete-icn { position: absolute; top: -15px; right: 0; } a.btn.btn-sm.btn-danger.deleteChat { color: #c37872 !important; background: transparent !important; padding: 0; font-size: 14px; } .comment__content { display: flex; } .comment__content p.pb-1 { width: 90%; } .comment__content .col-md-3.col-sm-3 { width: 10% !important; } h1.title.page-title { margin-bottom: 20px !important; } #profile-edit .form-outline input[type="radio"] { margin: 0 0 0 10px; } .tradeshow-content .s-address .field.field--label-inline { width: auto !important; } .carsl-cstm { width: 100%; } .carsl-cstm .mb-4 { width: 100%; } .conference-listing-new .cp-details ul.speaker-desi-comp.ml-0 { margin: 0; padding: 0 0 0 20px; } .gamification-aside-menu button.button.button--small.check-status-user { margin-left: 0; } .text-lg-right { text-align: right; } .speaker-details.gamification-content .d-lg-inline-block.float-lg-right { float: right; } #confDetailModal .modal-content { position: relative; } #confDetailModal .modal-content button.btn-close { position: absolute; right: 19px; color: #000; border: lightgrey solid 2px; border-radius: 20px; padding: 10px; top: 2px; z-index: 9999; } button.bs-canvas-close.float-right.close { border: none; background: transparent; color: #7c7c7d; font-size: 23px; opacity: 0.5; } #accordionExample .card-header { padding-left: 15px; } #accordionExample .conf-list-details { padding-left: 15px; padding-right: 15px; } #profile-edit .form-group .form-outline label.form-label { display: block; margin-bottom: 8px; } #profile-edit .form-group .form-outline input[type="radio"]:nth-child(1) { margin-left: 0; } #profile-edit .form-group .col-lg-12 { /* border-bottom: #eee solid 1px; */ padding-bottom: 8px; margin-bottom: 10px; padding-top: 8px; } #profile-edit .form-group .col-lg-12 .col-lg-12{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; padding-top: 0; } #profile-edit .form-group .col-lg-12.mb-3 { padding: 0; border-bottom: none; } #userFeedbackForm .survey-feedback-form table#formTable .col-md-2 { margin-top: 10px; margin-bottom: 10px; align-self: center; } #profile-edit .form-group .form-outline label.form-label { display: block; margin-bottom: 8px; } #profile-edit .form-group .form-outline input[type="radio"]:nth-child(1) { margin-left: 0; } #profile-edit .form-group .col-lg-12 { /* border-bottom: #eee solid 1px; */ padding-bottom: 5px; margin-bottom: 2px; padding-top: 5px; } #profile-edit .form-group .col-lg-12 .col-lg-12{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; padding-top: 0; } #profile-edit .form-group .col-lg-12.mb-3 { padding: 0; border-bottom: none; } .gamification-Leaderboard .views-row { position: relative; } .tradeshow-content .s-address .field.field--label-inline { width: auto !important; } /*===============================================*/ /* ==== E5803 ends here =====*/ /*===============================================*/ /*===============================================*/ /* ==== E5803 chat option css starts here =====*/ /*===============================================*/ .input-group.w-auto { width: 100%!important; } button#button-addon1 svg{ color: #fff; } button#button-addon1 { background: var(--button); border: none; } .chat-option button.nav-link.active, .chat-option button.nav-link:hover { background: #375f79; color: #fff; } .chat-option button.nav-link { border: #7e7f80 solid 1px; border-radius: 5px; height: 30px; line-height: 10px; color: #7e7f80; } .chat-option .bg-light .card.p-3.shadow { background: transparent; height: 500px; overflow-y: scroll; } .chat-conversation img.rounded-circle { max-width: initial; height: 40px; width: 40px; margin-right: 10px; } .chat-conversation { padding-top: 10px; border-top: #ccc solid 1px; margin-top: 10px; } .chat-conversation span.mr-2 { color: #375f79; border-right: #ccc solid 1px; padding-right: 8px; margin-right: 10px; } .chat-conversation p { font-size: 14px; } .mg-bt-5 { margin-bottom: 5px; } span.wish { background: #375f79; color: #fff; padding: 2px 15px; border-radius: 20px; font-size: 14px; } span.wish svg{ color: #fff; } .sub-cmnt.p-5 { background: #ececec; padding: 10px 10px 10px 30px !important; margin-top: 15px; margin-left: 20px; margin-bottom: 20px; } .chat-option { padding-top: 30px; } .confrence-programe-details { padding-top: 10px; } #qa_chat { width: 100%; } #qa_chat form#question { width: 100%; } a.wish { display: inline-block; vertical-align: top; } .wish + small { vertical-align: top; padding-left: 6px; padding-top: 3px; } .division button.nav-link { width: 50%; } .comment__content.custom-cls p { width: 95%; text-align: left; } .customformcomment .comment__content.custom-cls p { width: 100%; text-align: right; } .customformcomment .comment__content { display: flex; } .customformcomment .comment.comment-main.text-end header { position: relative; } .customformcomment .comment.comment-main.text-end .comment__content-container { padding-left: 15px !important; } .customformcomment .comment.comment-main.text-end { display: flex; justify-content: end; padding-left: 50px; } .indented.sub-comment { padding-right: 0; margin-right: 0; } .comment span.float-end a.btn.btn-sm { border: none; } a.floor-plan { background: #375f79 !important; font-size: 16px !important; padding: 8px 14px !important; } a.floor-plan:hover{ color: #fff !important; } #myScheduleDetail button.close span { line-height: 9px !important; position: relative; top: 2px; font-size: 27px; color: red; } #myScheduleDetail button.close { line-height: 20px; height: 28px; border: none; background: transparent; } #myScheduleDetail svg.svg-inline--fa.fa-trash-alt.fa-w-14.closeon { color: red; } .admin-btn{ color: #ffffff !important; background-color: #ff0000 !important; } .admin-btn:hover{ color: #ff0000 !important; background-color: #ffffff !important; } #calendar table { margin-top: 0px !important; } .comment-forbidden button#replay-comment { display: flex; } .comment-forbidden button#replay-comment svg { top: 3px; position: relative; } .ZebraDialog .ZebraDialog_Buttons a { background-color: var(--button) !important; } .myclass .ZebraDialog_Title { background-color: var(--button) !important; } /*===============================================*/ /* ==== E5803 chat option css ends here =====*/ /*===============================================*/ /*===============================================*/ /* ==== Speaker Detail Section Starts here =====*/ /*===============================================*/ .speakerDetailMain h4 { color: #37372b; } .speakerDetailMain .speaker-details h5 { color: #417fe4; font-weight: 400; font-size: 21px; margin-top: 5px; } .speakerDetailMain .speaker-details-img h3 { font-size: 24px; color: #00010e; } .speakerDetailMain .connectWithSpeaker h3 { font-size: 28px; color: #00010e; text-align: center; margin-top: 50px; margin-bottom: 20px; } .connectWithSpeaker ul { list-style: none; margin: 0; padding: 0; text-align: center; display: flex; justify-content: center; } .connectWithSpeaker ul li { margin: 0 9px; } .connectWithSpeaker svg { font-size: 23px; } .speakerSession h5 { color: #36312b; } .watchPresentation iframe { width: 100%; height: 190px; } .speakerDetailMain .watchPresentation h4 { color: #00010e; margin-bottom: 20px; } .speakerSession h5 { color: #00010e; margin-top: 50px; margin-bottom: 20px; } .speakerSession-Item ul { list-style: none; margin: 0; padding: 0; display: flex; } .speakerSession-Item ul li { margin-right: 20px; } .speakerDetailMain .speakerSession-Item h4 { font-size: 22px; } .speakerSession-Item { background: #f9f9f9; padding: 20px 20px 30px; border-radius: 6px; box-shadow: #eee 5px 5px 5px; margin-bottom: 25px; } .speakerSession-Item button.btn.btn-primary { background: #427bff; } .downloadable ul { list-style: none; margin: 0; padding: 0; width: 50%; float: left; } .downloadable ul h4 { text-align: center; font-size: 26px; } .downloadable { background: #f9f9f9; padding: 15px 20px 30px; border-radius: 6px; box-shadow: #eee 5px 5px 5px; } .downloadable ul li { margin-bottom: 15px; } /*===============================================*/ /* ==== Speaker Detail Section Ends here =====*/ /*===============================================*/ .chatrow { /*border: 2px solid #dedede; background-color: #f1f1f1; border-radius: 5px;*/ padding: 10px; margin: 10px 0; } .darker { /*border-color: #ccc; background-color: #ddd;*/ } .chatrow::after { content: ""; clear: both; display: table; } .chatrow img { float: left; max-width: 50px; width: 100%; margin-right: 20px; border-radius: 50%; } .chatrow img.right { float: right; margin-left: 20px; margin-right:0; } .time-right { /* color: #aaa; */ align-self: center; padding-left: 10px; } .time-left { color: #aaa; align-self: center; } .chatBox-Main { background: #fafafa; padding: 15px 30px; } .chatBox-Main h4 { font-size: 20px; margin-top: 0; } .chatrow p { background: #f1f0f6; display: inline-block; margin-bottom: 0; padding: 10px 20px; border-radius: 20px; max-width: 550px; /* position: relative; */ } .chatrow p::before { width: 0; height: 0; border-bottom: 15px solid #f1f0f6; border-right: 30px solid transparent; position: absolute; content: ''; top: -14px; left: 11px; } .chat-msg { display: flex; margin-top: 20px; } .chatrow.darker h4 { text-align: right; } .chatrow.darker .chat-msg { justify-content: end; flex-direction: row-reverse; } /* .chat-msg { margin-bottom: 15px; max-width: 70%; background-color: #f1f1f1; border-radius: 10px; padding: 10px; position: relative; } */ .time-top { text-align: left; font-size: 0.75rem; color: #666; margin-bottom: 4px; } .chatrow.darker .chat-msg span.time-left { align-self: center; padding-right: 10px; } .chatrow.darker .chat-msg p::before { right: 12px; left: auto; width: 0; height: 0; border-bottom: 15px solid #f1f0f6; border-left: 30px solid transparent; border-right: 0; content: ''; } div.sendMsg { display: flex; background: #fafafa; border-top: #dbdbdb solid 3px; padding-top: 20px; padding-bottom: 20px; position: relative; } .sendMsg input.form-control { border: none; border-radius: 20px; height: 44px; } .sendMsg button { border: none; background: transparent; color: #4e4e4e; } .btnn-grid { position: absolute; right: 0; top: 27px; right: 30px; } .dot-green { height: 14px; width: 14px; background-color: rgba(0, 128, 0, 0.733); border-radius: 50%; display: block; padding: 0; } .dot-gray { height: 14px; width: 14px; background-color: rgb(128, 128, 128); border-radius: 50%; display: inline-block; } .custom-form-list table tr th { background: #f2f2f2; border-right: #eaeaea solid 1px; color: #000; } .equalColums .col-sm-6{ margin-bottom: 30px; } .equalColums .col-sm-6 .icon-box { height: 100%; } .content-wrapper .page-content { min-height: 750px !important; } .search-box svg.svg-inline--fa { position: absolute; right: 30px; top: 18px; left: auto; } .search-box { margin-top: 0; } .dropdown.user-quicklink { position: relative; /* top: 11px; padding-bottom: 12px; */ } @media only screen and (min-width: 1400px) { .content-wrapper .page-content { min-height: 800px !important; } } @media only screen and (min-width: 1700px) { .content-wrapper .page-content { min-height: 850px !important; } } @media only screen and (max-width: 767px) { ul.nav.nav-tabs.nav-tabs--vertical { display: flex; } .speaker-details.gamification-content .d-lg-inline-block.float-lg-right { float: left; } #donationList label.btn.btn-primary { padding-left: 0; padding-right: 0; } .eventCustomTable img { height: auto !important; } .eventCustomTable table { width: 100%; border-collapse: collapse; /* Optional: To remove space between table cells */ } .eventCustomTable table { width: auto !important; } .eventCustomTable table td { display: block; width: 100%; } .eventCustomTable table tr { border: #eaeaea solid 1px; margin-bottom: 30px; display: flex; /* Use flexbox to control order */ flex-direction: column; /* Stack cells vertically */ } .eventCustomTable table tr td:nth-child(2) { order: -1; /* Move the second cell to the top */ } .eventCustomTable table td { width: 100%; box-sizing: border-box; /* Ensures padding doesn't affect the width */ word-wrap: break-word; /* Ensures content breaks within the cell */ display: block !important; border-bottom: #eaeaea solid 1px; } .eventCustomTable table h3 { margin-top: 0; } .header-nav button.navbar-toggler.collapsed { display: block !important; } .search-box { margin-top: 0; margin-bottom: 8px; } .dropdown.user-quicklink { position: relative; top: auto; padding-bottom: 0; } ul.nav.top-menu-bar-sm li a { padding-left: 7px; padding-right: 7px; } } .dependency-container { display: table; width: 100%; border-collapse: collapse; /* Ensures that borders between cells do not have gaps */ } .dependency-container .table-row { display: table-row; } .dependency-container .table-cell { display: table-cell; border: 1px solid #ddd; padding: 10px; background: #fff; } .dependency-container .table-cell-head { display: table-cell; padding: 10px; } .dependency-container .table-header { font-weight: bold; background-color: #d4d7db; font-size: 19px; } .dependency-container .table-row:nth-child(odd) .table-cell { background-color: #f9f9f9; } .uniqueId { text-align: center; background: #eee; padding-top: 0px; width: 100%; } #review-modal-body .form-group h6 { display: inline-block; margin-right: 3px; color: #222; } #review-modal-body label { margin-right: 3px; color: #222; font-weight: 700 !important; } #review-modal-body .col-md-12 { margin-bottom: 8px; } label#question-measures { font-size: 15px; font-weight: bold; color: var(--primary-color); } .ZebraDialog.ZebraDialog_Icon.ZebraDialog_Information { top: 30% !important; } .modal-footer button.show-cropped-image-custom.btn.btn-success { z-index: 999; position: relative; } .card-header.card-header-custom { background: #295d79; color: white; } .info-box.info-box-dashboard { color:white; background: var(--primary-color); } .info-box.info-box-dashboard:hover { background: white; color: var(--primary-color); border: 1px solid var(--primary-color) ; } button.col-12.col-sm-6.col-md-3.btn.info-cover { border: none; } button.dt-button.buttons-copy.buttons-html5.custom-copy-btn, button.dt-button.buttons-excel.buttons-html5.custom-excel-btn, button.dt-button.buttons-csv.buttons-html5.custom-csv-btn, button.dt-button.buttons-pdf.buttons-html5.custom-pdf-btn, button.dt-button.buttons-print.custom-print-btn { line-height: 1rem; background: var(--primary-color); border-radius: 6px; color: white; border: 1px solid white; } button.dt-button.buttons-copy.buttons-html5.custom-copy-btn:hover, button.dt-button.buttons-excel.buttons-html5.custom-excel-btn:hover, button.dt-button.buttons-csv.buttons-html5.custom-csv-btn:hover, button.dt-button.buttons-pdf.buttons-html5.custom-pdf-btn:hover, button.dt-button.buttons-print.custom-print-btn:hover { line-height: 1rem; background: #ffffff; border-radius: 6px; color: var(--primary-color); border: 1px solid var(--primary-color); } .table-responsive.first-table { min-height: 400px; } .custom-info-box.info-box.mb-3:hover { background-color: var(--primary-color) !important; } @media only screen and (max-width: 767px) { .search-box.col-4 { width: 100% !important; } .footer__section { text-align: left; } } /** Sponsor logo on full-schedule */ .sponsorImageWork a.mt-1.sponsorImg { width: 90px; height: 90px; display: inline-flex; border: #Ccc solid 1px; padding: 2px; object-fit: cover; text-align: center; vertical-align: middle; } .sponsorImageWork a.mt-1.sponsorImg img { width: 100% !important; min-width: initial !important; height: auto !important; border: none !important; max-width: 80px; margin: 0 auto !important; vertical-align: middle; object-fit: contain; } .custom-quiz-radio { position: relative; padding-left: 30px; cursor: pointer; display: inline-block; font-size: 16px; user-select: none; line-height: 24px; } .custom-quiz-radio input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; } .custom-quiz-radio .radio-mark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; transition: background-color 0.3s, border-color 0.3s; border: 2px solid #ccc; } .custom-quiz-radio:hover input ~ .radio-mark { background-color: #e0e0e0; } .custom-quiz-radio input:checked ~ .radio-mark { background-color: #375f79; border-color: #375f79; } .custom-quiz-radio .radio-mark::after { content: ""; position: absolute; display: none; } .custom-quiz-radio input:checked ~ .radio-mark::after { display: block; } /* .custom-quiz-radio .radio-mark::after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: white; } */ .custom-quiz-radio .radio-mark::after { content: ""; position: absolute; display: none; } /* .custom-quiz-radio input:checked ~ .radio-mark::after { display: block; } */ .ZebraDialog.ZebraDialog_Icon.ZebraDialog_Question { top: 35% !important; } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { color: var(--fc-button-text-color, #1a252f) !important; background-color: #fff !important; } .fc .fc-button-group>.fc-button:hover { color: var(--fc-button-text-color, #1a252f) !important; background-color: #fff !important; }