a:hover, a:focus{ outline: none; text-decoration: none; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} body{margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; } ul{margin: 0; padding: 0; list-style: none;} .container{ max-width: 1280px; } /*header*/ .header{background: #fff; } .header .container{ max-width: 1140px; } .header .topbar{ border-bottom: 1px #e9e8e8 solid; background: #fdfcfc; padding: 8px 0; } .header .topbar .time{ color: #3b75b6; font-size: 14px; line-height: 22px; margin-top: 6px; display: inline-block; vertical-align: top; padding-left: 15px; } .header .topbar .date{ color: #3b75b6; font-size: 14px; line-height: 22px; margin-top: 6px; display: inline-block; vertical-align: top; } .header .topbar ul{ margin: 0; padding: 0; list-style: none; } .header .topbar ul li{ display: inline-block; padding-left: 5px; } .header .topbar ul li a{ display: inline-block; font-size: 13px; color: #fff; padding: 8px 15px; border-radius: 15px; font-weight: 500; background: rgb(61,116,184); /* Old browsers */ background: -moz-linear-gradient(left, rgba(61,116,184,1) 1%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d74b8', endColorstr='#1a9895',GradientType=1 ); /* IE6-9 */} .header .topbar ul li a.active, .header .topbar ul li a:hover{ color: #fff; } .header .logobar{ padding: 8px 0; } .header .logobar .logo{ margin: 16px 0; } .header .navbar { background: #3f73ac; padding: 0; position: relative; z-index: 999; } .header .navbar .nav-link{ color: #fff; font-size: 17px; padding: 10px 25px; font-weight: 500; } .header .navbar .nav-link:hover{ background: #07ac89; } .header .navbar li .dropdown-menu{ background: rgba(63, 115, 172, .5); border-radius: 0; margin: 0; padding: 0; border: none; } .header .navbar li .dropdown-menu a{ border-bottom: 1px #4075ad solid; color: #fff; font-weight: 500; } .header .navbar li .dropdown-menu a:hover{ color: #3f73ac; } /*.header .navbar li a.create:before{ position: absolute; top: -8px; left: 0px; right: 0px; content: ''; height: 8px; background: #1a9996; } .header .navbar li a.create:after{ position: absolute; bottom: -8px; left: 0px; right: 0px; content: ''; height: 8px; background: #1a9996; } */ .header .navbar li a.create{ font-weight: 700; text-transform: uppercase; position: relative; position: relative; z-index: 1; background: rgb(26,152,149); /* Old browsers */ background: -moz-linear-gradient(top, rgba(26,152,149,1) 0%, rgba(10,214,171,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(26,152,149,1) 0%,rgba(10,214,171,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(26,152,149,1) 0%,rgba(10,214,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9895', endColorstr='#0ad6ab',GradientType=0 ); /* IE6-9 */ } .header .navbar li a.create:hover{ background: rgb(10,214,171); /* Old browsers */ background: -moz-linear-gradient(top, rgba(10,214,171,1) 0%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(10,214,171,1) 0%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(10,214,171,1) 0%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ad6ab', endColorstr='#1a9895',GradientType=0 ); /* IE6-9 */ } /*slider*/ .contentslider { position: relative;} .contentslider .carousel-indicators li{ height: 10px; width: 44px; } .contentslider .container{ position: absolute; top: 0; left: 0; right: 0; z-index: 999; height: 100%; } .contentslider .container .btnlist{ position: absolute; bottom: 30px; left: 15px; } .contentslider .container .btnlist li{ display: inline-block; margin-right: 8px;} .contentslider .container .btnlist li a{ display: inline-block; font-size: 14px; color: #fff; padding: 6px 20px; border-radius: 5px; background: rgb(61,116,184); /* Old browsers */ background: -moz-linear-gradient(left, rgba(61,116,184,1) 1%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d74b8', endColorstr='#1a9895',GradientType=1 ); /* IE6-9 */ } .contentslider .container .btnlist li a:hover{ background: rgb(26,152,149); /* Old browsers */ background: -moz-linear-gradient(left, rgba(26,152,149,1) 0%, rgba(61,116,184,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9895', endColorstr='#3d74b8',GradientType=1 ); /* IE6-9 */ } .contentslider .container .searchbox{ position: absolute; top: 25%; right: 15px; background: rgba(7,172,137,.8); width: 370px; padding: 30px 35px 0px; text-align: center; } .contentslider .container .searchbox:before{ position: absolute; top: -12px; left: -2px; content: ''; height: 10px; width: 100%; background: #3d73b8; } .contentslider .container .searchbox:after{ position: absolute; left: -12px; top: -12px; content: ''; height: 105%; width: 10px; background: #3d73b8; } .contentslider .container .searchbox h2{ font-size: 30px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 0; padding: 0 0 25px; } .contentslider .container .searchbox .form-control{ height: 36px; border-radius: 0; background: #fff; border: none; box-shadow: none; } .contentslider .container .searchbox select.form-control{ height: 36px; border-radius: 0; background: #fff url(../images/dd.jpg) no-repeat right top; border: none; box-shadow: none; -webkit-appearance:none; } .contentslider .container .searchbox .form-group{ margin-bottom: 20px; } .contentslider .container .searchbox .btn-primary{ margin-top: 10px; margin-bottom: 10px; font-size: 20px; font-weight: 700; padding: 8px 65px; text-transform: uppercase; border-radius: 0; border: none; box-shadow: none; background: rgb(61,116,184); /* Old browsers */ background: -moz-linear-gradient(left, rgba(61,116,184,1) 1%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d74b8', endColorstr='#1a9895',GradientType=1 ); /* IE6-9 */} .contentslider .container .searchbox .btn-primary:hover{ background: rgb(26,152,149); /* Old browsers */ background: -moz-linear-gradient(left, rgba(26,152,149,1) 0%, rgba(61,116,184,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9895', endColorstr='#3d74b8',GradientType=1 ); /* IE6-9 */ } .gaming-option{position: relative; overflow-x: hidden; padding-top: 50px; } .gaming-option h2{ margin: 0; padding: 0; font-size: 30px; color: #000; font-weight: 400; } .gaming-option .download-button{position: absolute; content: ""; top: 0; left: 0; z-index: 99;} .gaming-option .filter-menu{ padding: 50px 0px 20px; } .gaming-option .nav-tabs { margin-top: 30px; margin-bottom: 20px; border: none; } .gaming-option .nav-tabs a{ /*background: #4472c4*/ color: #1f939a; border: none; border-radius: 4px; font-size: 15px; margin-right: 5px;} .gaming-option .nav-tabs a.active{ color: #fff; background: rgb(26,152,149); /* Old browsers */ background: -moz-linear-gradient(left, rgba(26,152,149,1) 0%, rgba(61,116,184,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9895', endColorstr='#3d74b8',GradientType=1 ); /* IE6-9 */ } .gaming-option .filter-menu #filters{margin: 30px 0px 0px 0px; position: relative; z-index: 1;} .gaming-option .filter-menu #filters li {padding: 0; display: inline-block; vertical-align: top; /*border: 2px solid transparent; border-top:none;*/ cursor: pointer; font-size: 16px; font-weight: 600; text-transform: uppercase; color:#000; } .gaming-option .filter-menu #filters li span{padding: 0 30px; display: inline-block; vertical-align: top; border-bottom: 2px solid transparent; cursor: pointer; font-size: 16px; font-weight: 600; text-transform: uppercase; color:#000; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .gaming-option .filter-menu #filters li span:hover, .gaming-option .filter-menu #filters li span.active{ color:#3f73ac; border-bottom: 2px #3f73ac solid; } #portfoliolist{display: flex; flex-flow: wrap;} #portfoliolist .portfolio { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; width:23%; margin:0 10px 0 10px; /*margin:0px 10px 50px;*/ /*display:none; */ float:left; overflow:hidden; vertical-align: top; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} #portfoliolist .portfolio .content{ padding: 0 10px 10px;} /*#portfoliolist .portfolio:hover { box-shadow: 0px 0px 30px rgba(0,0,0,.15); }*/ #portfoliolist .portfolio .postimg{ display: inline-block; position: relative;} #portfoliolist .portfolio .postimg .fav{ position: absolute; bottom: -15px; right: 10px; text-align: center; width: 30px; height: 30px; line-height: 32px; font-size: 12px; color: #ff0000; border-radius: 50%; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); padding-top:5px; cursor:pointer; } #portfoliolist .portfolio .postimg .fav:hover{ color: #fff; background: #ff0000; } #portfoliolist .portfolio ul{ margin: 0; padding: 15px 0 5px; list-style: none; } #portfoliolist .portfolio ul li{ display: inline-block; vertical-align: top; border-left: 1px #7fa2c8 solid; font-size: 12px; color: #000; padding: 0 10px; } #portfoliolist .portfolio ul li a{ color: #3f73ac; text-decoration: none; } #portfoliolist .portfolio ul li a:hover{ color: #000; } #portfoliolist .portfolio ul li:first-child{ border-left: none; padding-left: 0; } #portfoliolist .portfolio h3{ font-size: 17px; color: #000; margin: 0; padding: 0; } #portfoliolist .portfolio h3 a{ color: #000; } #portfoliolist .portfolio h3 a:hover{ color: #3f73ac; } #portfoliolist .portfolio p{ font-size: 12px; color: #4d4d4d; height: 30px; } #portfoliolist .portfolio .readmore{ text-align: right; position: relative; } #portfoliolist .portfolio .readmore:before{ position: absolute; top: 15px; left: 0; right: 0; content: ''; height: 8px; width: 100%; background: rgb(61,116,184); /* Old browsers */ background: -moz-linear-gradient(left, rgba(61,116,184,1) 0%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(61,116,184,1) 0%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(61,116,184,1) 0%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d74b8', endColorstr='#1a9895',GradientType=1 ); /* IE6-9 */ } /*#portfoliolist .portfolio .readmore a{ font-size: 12px; color: #3f73ac; display: inline-block; padding: 8px; background: #fff; text-decoration: none; border: 1px #3f73ac solid; position: relative; z-index: 1; }*/ /*#portfoliolist .portfolio .readmore a:hover{ color: #fff; background: #3f73ac; text-decoration: none; border: 1px #3f73ac solid;}*/ .sidebar{ /*margin-top: 134px; */} .sidebar .add{ text-align: center; } .sidebar .speakers{ margin-top: 30px; /*background: #f4f4f4;*/ border:1px solid #e7e6e6; border-radius: 5px;} .sidebar .speakers h3{ margin: 0; padding: 8px 20px; font-size: 18px; color: #fff; background: #3f73ac; border-radius:5px 5px 0 0; } .sidebar .speakers ul{ margin: 0; padding: 10px 10px 20px; list-style: none; } .sidebar .speakers ul li:hover{ padding-left: 5px; } .sidebar .speakers ul li{ display: block; border-bottom: 1px #3f73ac dashed; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .sidebar .speakers ul li a{ display: block; padding: 10px 5px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .sidebar .speakers ul li a:hover{ background: #fff; } .sidebar .speakers ul li:last-child{ border-bottom: none;} .sidebar .speakers ul li img{ margin-right: 10px; display: inline-block; vertical-align: top; border-radius: 50%; width: 46px; height: 46px; } .sidebar .speakers ul li .content{ display: inline-block; vertical-align: top;} .sidebar .speakers ul li h4{ margin: 5px 0 0; padding: 0; font-size: 15px; color: #000; } .sidebar .speakers ul li p{ margin: 0; padding: 0; font-size: 13px; color: #05ab89; } .sidebar .subscribe{ position: relative; background: #3f73ac; text-align: center; padding: 0 20px; position: relative; height: 270px; margin-top: 60px; } .subscribe .icon{ width: 68px; height: 68px; text-align: center; line-height: 68px; border-radius: 50%; display: inline-block; background: #05ab89; position: absolute; top: -38px; left: 50%; margin-left: -34px; } .subscribe h3{ margin: 0; padding: 50px 0 10px; font-size: 30px; color: #fff; line-height: 22px; text-transform: uppercase; } .subscribe h3 small{ font-size: 20px; } .sidebar .subscribe .form-control{ font-size: 12px; color: #000; border-radius: 0; border: none; background: #fff; height: 36px; color: #000; text-align: center; } .sidebar .subscribe .form-group{ margin-bottom: 10px; } .sidebar .subscribe .btn-primary{ background: #07ac89; font-size: 18px; color: #fff; font-weight: 500; padding: 8px 10px; display: block; border-radius: 0; border: none; } .sidebar .subscribe .btn-primary:hover{ background: #039173; box-shadow: none; } .sidebar .card-body{ padding: 12px; } .sidebar .card-body .btn-primary{ margin-top: 5px; background: #07ac89; color: #fff; border: none; border-radius: 0; } .sidebar .card-body .btn-primary i{ margin-right: 5px; } .sidebar .card-body .btn-primary:hover{ background: #3f73ac; color: #fff; box-shadow: none; } .footer { padding: 70px 5%; background: #001430;} .footer .footlogo{ margin-top: 20px; } .footer p{ margin: 0; padding: 20px 0; font-size: 14px; color: #fff; max-width: 300px; } .footer h4{ margin: 0; padding: 20px 0; font-size: 20px; color: #3f73ac; font-weight: 500; } .footer ul.social{ margin: 0; padding: 0; list-style: none; } .footer ul.social li{ display: inline-block; vertical-align: top;} .footer ul.social li a{ background: #3f73ac; border-radius: 3px; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; text-decoration: none; text-align: center; margin-right: 2px; } .footer ul{ margin: 0; padding: 0; list-style: none; } .footer ul li:hover{ padding-left: 5px; } .footer ul li{ display: block; padding: 5px 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .footer ul li a{ display: inline-block; font-size: 14px; color: #c0cade; text-decoration: none;} .footer ul li span{ padding-left: 18px; } .footer ul li .svg-inline--fa{ width: 35px; } .footer ul li a:hover{ color: #eee; } .copyright{ padding: 10px 15px; text-align: center; background: #05224c; } .copyright p{ padding: 0; margin: 0; font-size: 13px; color: #fff; } /*Naresh Created Style*/ body{font-size: 14px;} .eventlists, .speaker-detail{padding: 50px 0} .eventlists .badge{padding: 7px 18px; font-weight: 500; font-size: 13px} .btn-theme{ position: relative; padding: 8px 20px; border-radius: 3px; font-weight: bold; font-size: 16px; box-shadow: none; background: rgb(61,116,184); /* Old browsers */ background: -moz-linear-gradient(left, rgba(61,116,184,1) 1%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d74b8', endColorstr='#1a9895',GradientType=1 ); /* IE6-9 */ } .btn-theme:hover, .btn-theme:not(:disabled):not(.disabled):active:focus, .btn-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-theme.dropdown-toggle:focus, .btn-theme:not(:disabled):not(.disabled):active:focus, .btn-theme:not(:disabled):not(.disabled).active:focus, .show > .btn-theme.dropdown-toggle:focus, .btn-theme:not(:disabled):not(.disabled):active, .btn-theme:not(:disabled):not(.disabled).active, .show > .btn-theme.dropdown-toggle, .btn-theme:focus, .btn-theme.focus { box-shadow: none; background: rgb(26,152,149); /* Old browsers */ background: -moz-linear-gradient(left, rgba(26,152,149,1) 0%, rgba(61,116,184,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(26,152,149,1) 0%,rgba(61,116,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a9895', endColorstr='#3d74b8',GradientType=1 ); /* IE6-9 */ } /*---------- Event Box ------------*/ .eventbox {margin-bottom: 30px; overflow:hidden; vertical-align: top; border:1px solid #f6f6f6; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .eventbox .content{ padding: 0 10px 15px;} .eventbox:hover { box-shadow: 0px 0px 30px rgba(0,0,0,.15); border-color: transparent;} .eventbox .postimg{ position: relative;} .eventbox .postimg a{display: block;} .eventbox .postimg a img{width: 100%} .eventbox .postimg .fav{ position: absolute; bottom: -15px; right: 10px; text-align: center; width: 30px; height: 30px; line-height: 32px; font-size: 12px; color: #ff0000; border-radius: 50%; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); } .eventbox .postimg .fav:hover{ color: #fff; background: #ff0000; } .eventbox ul{ margin: 0; padding: 15px 0 5px; list-style: none; } .eventbox ul li{ display: inline-block; vertical-align: top; border-left: 1px #7fa2c8 solid; font-size: 12px; color: #000; padding: 0 10px; } .eventbox ul li a{ color: #3f73ac; text-decoration: none; } .eventbox ul li a:hover{ color: #000; } .eventbox ul li:first-child{ border-left: none; padding-left: 0; } .eventbox h3{ font-size: 16px; color: #000; margin: 0; padding: 0; } .eventbox h3 a{ color: #000; } .eventbox h3 a:hover{ color: #3f73ac; } .eventbox p{ font-size: 12px; color: #4d4d4d; } .readmore{ text-align: right; position: relative; } .readmore:before{ position: absolute; top: 13px; left: 0; right: 0; content: ''; height: 10px; width: 100%; background: rgb(61,116,184); /* Old browsers */ background: -moz-linear-gradient(left, rgba(61,116,184,1) 0%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(61,116,184,1) 0%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(61,116,184,1) 0%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d74b8', endColorstr='#1a9895',GradientType=1 ); /* IE6-9 */ } .readmore a{ font-size: 12px; color: #3f73ac; display: inline-block; padding: 8px 16px; background: #fff; text-decoration: none; border: 1px #3f73ac solid; position: relative; z-index: 1; } .readmore a:hover{ color: #fff; background: #3f73ac; text-decoration: none; border: 1px #3f73ac solid;} /*---------- Speaker ------------*/ .speakerbox {text-align: center; margin-bottom: 20px; } .speakerbox .postimg{ display: block; width: 150px; height: 150px; border-radius: 50%; overflow: hidden; position: relative; margin: 15px auto} .speakerbox h3{ margin-bottom: 10px; font-weight: 600} .speakerbox p{margin-bottom: 10px} .speakerbox .readmore{display: inline-block; top: 50px; opacity: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .speakerbox .readmore a{padding: 8px 16px} .speakerbox:hover .readmore{opacity: 1; top: 0} /*---------- Sponser ------------*/ .sponserbox {background: #d9e6f2; padding: 10px; border-radius: 5px; border: none;} .sponserbox .postimg{ border-radius: 5px; overflow: hidden; margin-bottom: 15px} .sponserbox h3{ margin-bottom: 10px; font-weight: 600} .eventbox .readmore:before{display: none;} .eventbox .readmore a{padding: 0 0 4px; border:none; text-transform: uppercase; font-weight: 600; border-bottom: 2px solid #3f73ac; background: transparent;} .eventbox .readmore a:hover{border:none;border-bottom: 2px solid #07ac89; color: #07ac89; background: transparent;} .eventbox:hover{background: #fff} .pagination .page-link{margin: 0 4px; border-radius: 4px} .pagination .page-link span{font-size: 150%; line-height: 10px; padding-top: 3px} .event-intro{position: absolute; top: 0; left: 0; bottom: 0; width: 40%; padding: 30px; background: rgba(0,0,0,0.3); color: #fff} .event-intro h1{font-size: 20px; font-weight: 600; margin: 10px 0} .event-intro .badge{padding: 6px 14px; font-weight: 600; font-size: 12px} .eventbox-tabs{border: 1px solid #ddd; border-radius: 4px; padding: 30px; margin: 30px 0} .eventbox-tabs .nav-pills{padding: 10px ; border-radius: 4px; margin-top: -58px; margin-bottom: 30px; background: rgb(61,116,184); /* Old browsers */ background: -moz-linear-gradient(left, rgba(61,116,184,1) 1%, rgba(26,152,149,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(61,116,184,1) 1%,rgba(26,152,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d74b8', endColorstr='#1a9895',GradientType=1 ); /* IE6-9 */ } .eventbox-tabs .nav-pills .nav-link{color: #fff; text-transform: uppercase;} .eventbox-tabs .nav-pills .nav-link.active{background: rgba(0,0,0,0.2);} .eventbox-tabs h4{font-size: 20px; margin:15px 0 12px; position: relative; padding-bottom: 12px;border-bottom: 1px solid #ddd} .eventbox-tabs h4:before{position: absolute; left: 0; bottom: -2px; border-right: 4px solid #fff; width: 40px; height: 3px; background: rgb(61,116,184); content: ''} .eventbox-tabs .list-inline {margin-bottom: 15px} .eventbox-tabs .list-inline li{position: relative; padding-left: 18px; } .eventbox-tabs .list-inline li i{position: absolute; left: 0; top: 4px; font-size: 12px} .related-events{padding: 15px 0px; margin: 0} .related-events .eventbox{background: #fff} .related-events .eventbox h3{margin-top: 10px; font-size: 14px} .owl-carousel .owl-nav > button[class*="owl-"]{position: absolute; top: 50%; left: 5px; width: 40px; height: 40px; margin-top: -20px; background: rgba(26,152,149,0.8); color: #fff; outline: none; border-radius: 50%} .owl-carousel .owl-nav > button.owl-next{left: auto; right: 5px;} .owl-carousel .owl-nav > button[class*="owl-"]:hover{background: #fff; color: rgba(26,152,149,1)} .sidebar > *{margin: 0 0 30px} .sidebar .eventbox {background: #fff} .sidebar .eventbox h5{ font-size: 18px; padding: 8px 0 4px; margin: 0} .sidebar .eventbox h5 a{color: #333} .organizer-info{border-color: rgba(26,152,149,1); text-align: center; position: relative;} .organizer-info h2{font-size: 20px; padding-top: 12px; position: relative;margin: 10px 0} .organizer-info h2:before{position: absolute; top: 0; left: 50%; width: 40px; height: 2px; margin-left: -20px; content: ''; background: rgba(26,152,149,1)} .organizer-info a.fas{width: 40px; height: 40px; display: inline-block; margin: 3px;padding: 10px; background: #fff; line-height: 20px; border:1px solid rgb(61,116,184); color: rgb(61,116,184); border-radius: 50%} .organizer-info a.fas:hover{background: rgb(61,116,184); color: #fff; } .organizer-info a.followbtn{width: 30px; height: 30px; line-height: 20px; border:none; padding: 5px; font-size: 12px; color: #ff0000; border-radius: 50%; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); position: absolute; top: -15px; right: -15px} .organizer-info a.followbtn:hover{background: #ff0000; color: #fff;} .signupbtn{display: block; margin: 10px 0; color: #fff; font-size: 16px; text-transform: uppercase; padding: 15px 30px; background: #333; border:2px solid transparent;} .signupbtn.btn-secondary{ background: #fff; color: #333; border-color: #333} .signupbtn i{display: block; width: 60px; line-height: 30px; padding: 13px; border-radius: 50%; border:2px solid #fff; margin: 0 auto 12px; font-size: 22px} .signupbtn.btn-secondary i{ border-color: #333} .signupbtn:hover, .signupbtn.btn-secondary:hover{ background: rgb(26,152,149); border-color: transparent; color: #fff} .signupbtn.btn-secondary:hover i{ border-color: #fff} .speaker-detail h2{font-weight: 600; font-size: 24px; margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; position: relative;} .speaker-detail h2:before{background: rgb(26,152,149); position: absolute; left: 0; bottom: -2px; width: 40px; height: 3px; content: ''} .speaker-profile{padding: 20px; background: #f4f4f4; height: 100%} .speaker-profile img{width: 200px; height: 200px; border-radius: 50%; border: 1px solid #ccc} .speaker-profile h2 span{font-style: italic; font-size: 16px; color: rgb(26,152,149)} .speaker-profile p{ font-size: 16px; font-weight: 600; margin-bottom: 10px} .social-icon a{width: 40px; height: 40px; display: inline-block; text-align: center; margin: 3px;padding: 10px; background: transparent; line-height: 20px; border:1px solid #1a9895; color: #1a9895; border-radius: 50%} .social-icon a.fa-linkedin-in{border-color: #0678b6; color: #0678b6;} .social-icon a.fa-facebook-f{border-color: #4b69b0; color: #4b69b0;} .social-icon a.fa-twitter{border-color: #37b1e1; color: #37b1e1;} .social-icon a.fa-linkedin-in:hover{background: #0678b6;} .social-icon a.fa-facebook-f:hover{background: #4b69b0;} .social-icon a.fa-twitter:hover{background: #37b1e1;} .social-icon a:hover{background: #1a9895; color: #fff; } .theme-styledlist li{padding: 5px 0 5px 25px; position: relative;} .theme-styledlist li .fa-check{position: absolute;left: 1px; top: 9px; font-size: 11px; color: #1a9895} .contentslider > .btn{position: absolute; bottom: 20px; right: 20px; border-color: #fff;} /*pricing page*/ .price-table { border-bottom: 1px solid #dee2e6; } .price-table td{ font-size: 14px; color: #000; width: 18%; border-left: 1px solid #dee2e6; } .price-table td:first-child{ width: 22%; border-left: none;} .price-table td.bordernone{ border: none;} .price-table td h3{ font-size: 30px; color: #fff; margin: 0; padding: 30px 0; } /*responsive*/ @media (max-width: 1600px) { .contentslider .container .searchbox{ padding: 2% 35px; } } @media (max-width: 1440px) { .contentslider .container .searchbox{ padding: 1% 35px; } .contentslider .container .searchbox h2{ padding-bottom: 10px; } .subscribe h3{ font-size: 20px; } .subscribe h3 small{ font-size: 15px; } .footer form {margin-top:20px;} } @media (max-width: 1366px) { .contentslider .container .btnlist{ left: 20px; } .contentslider .container .searchbox{ right: 20px; } .contentslider .container .searchbox h2{ padding-bottom: 10px; } .contentslider .container .searchbox .btn-primary{ margin: 0; } .footer, .header .logobar, .header .topbar{padding-left: 15px; padding-right: 15px;} } @media (max-width: 1280px) { /*.footer .subscribe h3{ font-size: 24px; }*/ .contentslider .container .searchbox .img-fluid{ height: 30px; } } @media (max-width: 1199px) { .header .navbar .nav-link{ padding: 10px 15px; } .contentslider .container .searchbox .btn-primary{ font-size: 16px; } .contentslider .container .searchbox h2{ font-size: 24px; } .contentslider .container .searchbox .form-group{ margin-bottom: 5px; } #portfoliolist .portfolio{ width: 30.5%; } .sidebar a.subscribe{ font-size: 16px; } /*pricing page*/ .price-table { width: 1000px; } } @media (max-width: 991px) { .navbar-toggler{ margin: 10px; outline: none; box-shadow: none; } .navbar-toggler:focus{ outline: none; box-shadow: none; } .navbar-toggler-icon{ border-top:2px #fff solid; border-bottom: 2px #fff solid; position: relative; height: 24px; } .navbar-toggler-icon:before{ position: absolute; top: 9px; left: 0; right: 0; content: ''; border-top:2px #fff solid; } .dropdown-item.active, .dropdown-item:active{ background: #fff; } .contentslider .container{ position: inherit; } .contentslider .container .btnlist{ position: inherit; bottom: auto; margin: 20px 0; text-align: center; left: auto; } .contentslider .container .searchbox{ position: inherit; right: auto; width: 100%; padding-top: 30px; padding-bottom: 30px; } .contentslider .container .searchbox .form-group{ margin-bottom: 15px; } .sidebar{ margin-top: 0; margin-bottom: 20px; } .footer{ padding-top: 30px; } .footer .footlogo{ margin-top: 0; text-align: center; margin-bottom: 20px; } .sidebar .subscribe{ margin-top: 50px; } .copyright{ text-align: center; } .copyright .text-right{ text-align: center!important; } .eventbox{margin-bottom: 20px} .event-intro{position: static;width: auto; background: #333; padding: 15px;} .event-intro p{display: inline-block; margin-right: 25px} .eventbox-tabs{padding: 15px} .eventbox-tabs .nav-pills {padding: 5px;margin-top: -38px;} .event-intro h1 {font-size: 22px;font-weight: 600;margin: 7px 0;} } @media (max-width: 767px) { #portfoliolist .portfolio{ width: 30%; } .carousel-indicators{ bottom: 0; } .eventbox-tabs .nav-pills .nav-link { padding: 5px 10px; font-size: 13px; font-weight: 500;} .speaker-profile p { font-size: 14px; margin-bottom: 5px;} } @media (max-width: 575px) { .header .logobar .logo{ text-align: center; margin: 0 0 10px; } .header .topbar { text-align: center; } .header .topbar .time{ display: inline-block; margin: 0; } .header .topbar ul{ text-align: center; margin-top: 5px; } .contentslider .container .btnlist li a{ margin-bottom: 5px; } .gaming-option .filter-menu #filters li span{ padding-left: 10px; padding-right: 10px; } #portfoliolist .portfolio{ width: 45%; } .speaker-profile{padding: 15px ; text-align: center;} .speaker-profile img { width: 150px; height: 150px; margin: 0 auto 12px; display: block;} .speaker-detail .speaker-profile h2:before{left: 50%; margin-left: -20px} } @media (max-width: 414px) { #portfoliolist .portfolio .postimg{ width: 100%; } #portfoliolist .portfolio .postimg .img-fluid{ width: 100%; } #portfoliolist .portfolio{margin-left: 0; margin-right: 0; margin-bottom: 30px; width: 100%;} } .dow, .datepicker-days .prev, .datepicker-days .next{ color: #3c75b7;font-weight: normal; } .datepicker-switch{ font-weight: normal; } input.invalid { background-color: #ffdddd; } /*************** Tabs and steps in form style ************/ /* Hide all steps by default: */ .tab { display: none; } /*button { background-color: #04AA6D; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; font-family: Raleway; cursor: pointer; } button:hover { opacity: 0.8; }*/ #prevBtn { background-color: #bbbbbb; } /* Make circles that indicate the steps of the form: */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; } .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: #04AA6D; } /*******************************************************************/ .modal-tickets .ticket{ border-bottom:1px solid var(--eds-ui-300,#dbdae3); padding-top: 28px; padding-bottom: 20px; margin-right: 3px; } .modal-tickets .ticket:last-child{ border:none; } .fa, .fab, .fad, .fal, .far, .fas{ line-height: 2 !important; } @media(max-width: 412px) and (orientation: portrait){ #portfoliolist .portfolio .eventbox{ display: flex; flex-direction: row-reverse; } #portfoliolist .portfolio .eventbox .postimg img{ transform: translate(-7px,20px); } #portfoliolist .portfolio ul li a, .city{ font-size: 11px; } #portfoliolist .portfolio .postimg .fav{ transform: translate(0px, -30px); } #portfoliolist .portfolio .content{ width:500px; } } /*toggle switch textbox*/ .switch { position: relative; display: inline-block; width: 30px; height: 17px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { /* background-color: #2196F3; */ background-color: #6fa8b3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .col-25 { -ms-flex: 25%; /* IE10 */ flex: 25%; } .col-50 { -ms-flex: 50%; /* IE10 */ flex: 50%; } .col-75 { -ms-flex: 75%; /* IE10 */ flex: 75%; } .col-25, .col-50, .col-75 { padding: 0 16px; } input[type=text], input[type=email] { width: 100%; margin-bottom: 20px; padding: 12px; border: 1px solid #ccc; border-radius: 3px; } label { margin-bottom: 10px; display: block; } .icon-container { margin-bottom: 20px; padding: 7px 0; font-size: 24px; } span.price { float: right; color: grey; } /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */ @media (max-width: 800px) { /* .row { flex-direction: column-reverse; } .col-25 { margin-top: 20px; }*/ .payment{ margin-top: 40px; } } .alert { border-bottom: 1px solid #ebedef !important; } .message-headers-from{ color:#4f5d73; font-weight: 700; font-size: 15px; } .message-headers-date, .message-body, .message-headers-subject{ color:#4f5d73; } .media-body{ border-bottom:1px solid #ebedef !important; margin-bottom: 15px; } /*.badge { border: 1px solid red;color: #fff;padding: 0px 2px;background: red; }*/ .social-login a{ padding:5px; } input[type="date"]::before{ color: #999; content: attr(placeholder) ": "; } input[type="date"]:focus::before { content: "" !important; } .select2-selection{ padding-bottom: 4px !important; border:1px solid #ced4da !important; } .messages-top li a{ background:none !important; color: #4d4d4d !important; padding:0!important; } #boothBlock .addBtn{display:none;} #boothBlock:first-child .addBtn{display:block;} #boothBlock:first-child .removeBtn{display: none;} .td-event-title{ width:300px; } #social-links ul{ display: flex; } #social-links ul li{ padding-right: 12px; } #social-links ul li a .fab{ font-size: 27px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .btn-next, .multiselect__tag, .multiselect__option--highlight, .filter-item button{ background-color: rgba(38, 140, 161, 0.62) !important; color: rgb(255, 255, 255) !important; border-color: rgba(35, 143, 158, 0.37)!important; } input[type="date"]:focus::before,input[type="date"]:valid::before { display: none } .validation-error { color: red; font-size: small; } /* abstract answers blade view */ .chat-with-submitter{ padding-top: 7px; padding-left: 10px; } .submissions-actions-column .change-status-form{ display:flex; width:80%; } .change-status-form button{ height: 77%; margin-top: 5px; } /****************************/ /* points block in profile and dashboard */ .points{ border: 1px solid #ddd; padding: 25px; } .points h2{ font-size:18px; } .points h5{ text-align: center; } .points i{ font-size: 55px; } .points .points-icon{ text-align: center; } .filter-item{ display: inline-grid; padding-right:8px; } .custom-notification { display: block; word-wrap: break-word; /* Ensure long words wrap */ max-width: 100%; /* Ensure it fits within the screen */ } .close-dropdown{ border: none; float: right; } .dropdown-menu.notifications-dropdown{ max-height: 400px; overflow-y: scroll; scrollbar-width: thin; } /*on large screens*/ @media (min-width: 768px){ .dropdown-menu.notifications-dropdown{ min-width: 450px !important; } .related-events .prtfolio{ width:30%; } } /* on small screens*/ @media (max-width: 768px) { .dropdown-menu.notifications-dropdown { position: fixed !important; /* Override dynamic position */ top: 0 !important; /* Fix dropdown at the top */ left: 0 !important; /* Align dropdown to the left */ transform: none !important; /* Remove unwanted transformation */ width: 100vw; /* Full viewport width */ height: 100vh; /* Full viewport height */ max-width: none !important; /* Remove max-width limit */ max-height: none !important; /* Remove max-height limit */ overflow-y: auto; z-index: 1050; background-color: white; padding: 0; } /* Style the close button */ .close-dropdown { position: absolute; top: 0; right: 0; font-size: 24px; background: none; border: none; color: #000; cursor: pointer; } .dropdown-header { position: relative; } } .dashboard-filter-form{ border: 1px solid #ddd; padding:20px; border-radius:5px; } .dashboard-filter-form input{ margin-bottom:0; border-color: #ddd; height: 37px; font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 15px; } .plus-button, .minus-button{ color: #fff; background-color: #07ac89; border: none; border-radius: 0.25rem; } .ticket-quantity{ width: 50%; margin: 5px; } /* pdf viewer for pdf-dist package */ #pdf-container{ border: 1px solid #ddd; padding: 10px; margin: auto; max-height:900px; overflow:scroll; } #pdf-container canvas{ width: -webkit-fill-available; max-width: -webkit-fill-available; } hr{ width: 0; } .abstractcall-content p{ text-align: justify;; } .addAssistantEmail{ margin-bottom: 8px; }