body { font-family: 'Roboto', sans-serif !important; padding: 0px; margin: 0px; border-top: 1px solid #3f50ab !important;background-color: #f1eff9;-webkit-font-smoothing: antialiased; } @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700); @import url('https://fonts.googleapis.com/css?family=Roboto'); /* .search-area-container-top{float:left; width:100%; text-align:center; color:#fff; font-size:30px !important; margin-top: 20%; margin-bottom:10px; background-color: rgba(0,0,0,.5);} */ .search-area-container-top { float: left; width: 80%; text-align: center; color: #fff; font-size: 30px !important; margin-top: 20%; margin-bottom: 10px; background-color: rgba(0,0,0,.5); margin-left: 10%; } .whiteStar { background: #e0dede url('../../images/white-star.gif') no-repeat 0 0px; background-position: 0 0; border: 0 none; cursor: default; display: block; height: 11px !important; margin: 0 !important; padding: 3px 3px 3px 0px !important; width: 16px !important; overflow: hidden; } .fiftyPercentRed { background: #e0dede url('../../images/fifty-percent-red.gif') no-repeat 0 0px; background-position-x: 0px; background-position-y: 0px; background-position: 0 0; border: 0 none; cursor: default; display: block; height: 17px !important; margin: 0 !important; padding: 3px 3px 3px 0px !important; width: 16px !important; overflow: hidden; } .fullRedStar { background: #e0dede url('../../images/full-red-star.gif') no-repeat 0 0px; background-position: 0 0; border: 0 none; cursor: default; display: block; height: 17px !important; margin: 0 !important; padding: 3px 3px 3px 0px !important; width: 16px !important; overflow: hidden; } .seventyFivePercentRed { background: #e0dede url('../../images/seventy-percent-red.gif') no-repeat 0 0px; background-position: 0 0; border: 0 none; cursor: default; display: block; height: 17px !important; margin: 0 !important; padding: 3px 3px 3px 0px !important; width: 16px !important; overflow: hidden; } .feedRightPanel .star-rating-readonly a { cursor: default !important; } .feedRightPanel.star-rating, .feedRightPanel.star-rating a:hover { cursor: default !important; } .containerEditorViewPopup table td{border:1px solid #ccc; padding:5px;} .containerEditorViewPopup table { border-spacing: 0; border-collapse: collapse; } .twentyFivePercentRed { background: #e0dede url('../../images/twentyfive-percent-red.gif') no-repeat 0 0px; background-position: 0 0; border: 0 none; cursor: default; display: block; height: 17px !important; margin: 0 !important; padding: 3px 3px 3px 0px !important; width: 16px !important; overflow: hidden; } .star-rating_new { background: #e0dede none repeat scroll 0 0 !important; border-radius: 3px; cursor: default; display: block; float: left; height: 16px !important; margin-right: 3px; padding: 3px !important; text-indent: 999em; margin-top: 5px; width: 16px !important; overflow: hidden; } .rating_defiMsg { float: left; color: #3498db; font-size: 13px !important; margin-top: 5px; padding: 0; text-align: center; width: 132px; } .toolTipDiveContainPOP { display: none; } .foodMenuTableScrollable.overallRating > ul > li > ul > li:first-child { /*width: 58%;*/ width: 51%; } .foodMenuTableScrollable.overallRating > ul > li > ul > li:nth-child(2) { width: 13%; } .foodMenuTableScrollable.overallRating > ul > li > ul > li:last-child { width: 10%; text-align: right; } .foodMenuTableScrollable.overallRating > ul > li > ul > li > ul > li .rateit { margin: 0; } .foodMenuTableScrollable.overallRating a { text-transform: none; color: #3498db; font-size: 13px; } .overallRatingSummary { width: 97.5%; margin: 10px 0 10px; overflow: hidden; padding: 0 0 0 20px;} .commentsExp { width: 100%; margin: 10px 0 0; font-size: 13px; overflow: hidden; text-transform: none; } .titleExpComments { margin-right: 10px; color: #474646; font-size: 13px; line-height: 23px; float: left;padding-top: 2px; } .commentsExp .expComments { float: right; width: 85%; color: #3498db; } .ratingsSummary { width: 75%; /*overflow: hidden;*/ padding: 0px; margin:0px auto; } .avgRating { width: 307px; float: left;margin-top: 65px; } .ratingNum { font-size: 13px!important; font-weight: 400; float: left; position: relative; top: 0px; width: 75%; text-align:center; } .ratingNum span.avgNum { color: #3498db; } .avgRate { float: left; margin-left: 8px; } #overrat-span-up { background-image: url("../images/upspan.png"); height: 28px; padding-bottom: 4px; padding-left: 0; padding-right: 5px; padding-top: 4px; top: 8px; width: 28px; background-repeat: no-repeat; } #overrat-span-down { background-image: url("../images/downspan.png"); height: 28px; padding-bottom: 4px; padding-left: 0; padding-right: 5px; padding-top: 4px; top: 8px; width: 28px; background-repeat: no-repeat; } .expComments > p { line-height: 23px; } .ratingCategories { width: 404px; float: right; margin:5px 35px 0px 0px !important; } .ratingCategories > ul { list-style: none; overflow: hidden; } .ratingCategories > ul > li { float: left; width: 100%;margin: 0px 0px 0px; } .ratingCategories > ul > li .titleRatingIndv { width: 30%; font-size: 13px; text-align: right; float: left; padding-top:7px;} .ratingCategories > ul > li .indvRate { /*text-align:right;*/ float: left;/*width: 66%;*/} .ratingCategories > ul > li .indvRate ul > li .rateit { margin: 0; } .fooMenuTableHeaderEdit > ul > li:first-child { width: 54.25%; } .fooMenuTableHeaderEdit > ul > li:nth-child(2) { width: 10%; } .fooMenuTableHeaderEdit > ul > li:nth-child(3) { width: 10%; } .fooMenuTableHeaderEdit > ul > li:last-child { width: 5%; text-align: right; line-height: 53px; } .foodMenuTableScrollableEdit > ul > li > ul > li:first-child { width: 52.25%; } .foodMenuTableScrollableEdit > ul > li > ul > li:nth-child(2) { width: 10%; padding-left: 15px; text-align: center; } .foodMenuTableScrollableEdit > ul > li > ul > li:nth-child(3) { width: 100px; padding-left: 15px; } .foodMenuTableScrollableEdit > ul > li > ul > li > ul > li .rateit { margin: 0; } .diningLocation > p { font-size: 14px; font-weight: 500; color: #888; float: left; line-height: 34px; } div.addMoreCatg { overflow: hidden; } div.addMoreCatg a { float: right; padding: 6px; text-decoration: none; color: #fff; font-size: 13px; line-height: 16px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #1995c2; text-align: center; margin: 1px 0 0 5px; background: #23c0f7; /* Old browsers */ background: -moz-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23c0f7), color-stop(100%, #1daee3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* IE10+ */ background: linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23c0f7', endColorstr='#1daee3', GradientType=0 ); /* IE6-9 */ } div.addMoreCatg a:hover { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #1daee3; /* Old browsers */ background: -moz-linear-gradient(top, #1daee3 0%, #23c0f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1daee3), color-stop(100%, #23c0f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1daee3 0%, #23c0f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1daee3 0%, #23c0f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1daee3 0%, #23c0f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #1daee3 0%, #23c0f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1daee3', endColorstr='#23c0f7', GradientType=0 ); /* IE6-9 */ } .restContainer .restLocView { width: 100%; height: 36px; /*margin: 0 0 5px;*/ } .descriptionInfo input[type="text"] { /*width: 557px;*/ width: 350px; height: 30px; float: right; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bcbcbc;/* box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.1);*/ padding: 0 5px; margin-top: 2px; margin-bottom: 4px; } .descriptionInfo input[type="text"]:focus { border: 1px solid #3c4da9; outline: none; box-shadow: 0 0 5px 0 rgba(55,148,254,0.8); -moz-box-shadow: 0 0 5px 0 rgba(55,148,254,0.8); -webkit-box-shadow: 0 0 5px 0 rgba(55,148,254,0.8);/* border: 1px solid #128969;*/ } .avg_rating_viewdiv { margin: 0 -9px; float:left; /*width: 130px;*/ } .editCanBtn { float: right; width: 24px; height: 24px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .editCanBtn a { display: block; } .editOption { border: 1px solid #84b593; background-image: url('../images/edit-icon-small.png'); background-repeat: no-repeat; background-position: center center; background-color: #aad5ba; /* Old browsers */ background-color: -moz-linear-gradient(top, #aad5ba 0%, #9ecbac 100%); /* FF3.6+ */ background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aad5ba), color-stop(100%, #9ecbac)); /* Chrome,Safari4+ */ background-color: -webkit-linear-gradient(top, #aad5ba 0%, #9ecbac 100%); /* Chrome10+,Safari5.1+ */ background-color: -o-linear-gradient(top, #aad5ba 0%, #9ecbac 100%); /* Opera 11.10+ */ background-color: -ms-linear-gradient(top, #aad5ba 0%, #9ecbac 100%); /* IE10+ */ background-color: linear-gradient(to bottom, #aad5ba 0%, #9ecbac 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5ba', endColorstr='#9ecbac', GradientType=0 ); /* IE6-9 */ } .cancelOption { border: 1px solid #d16650; background-image: url('../images/cancel-icon.png'); background-repeat: no-repeat; background-position: center center; background-color: #ff977b; /* Old browsers */ background-color: -moz-linear-gradient(top, #ff977b 0%, #e5765f 100%); /* FF3.6+ */ background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff977b), color-stop(100%, #e5765f)); /* Chrome,Safari4+ */ background-color: -webkit-linear-gradient(top, #ff977b 0%, #e5765f 100%); /* Chrome10+,Safari5.1+ */ background-color: -o-linear-gradient(top, #ff977b 0%, #e5765f 100%); /* Opera 11.10+ */ background-color: -ms-linear-gradient(top, #ff977b 0%, #e5765f 100%); /* IE10+ */ background-color: linear-gradient(to bottom, #ff977b 0%, #e5765f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff977b', endColorstr='#e5765f', GradientType=0 ); /* IE6-9 */ } .newLineHeight { min-height:27px;} .newLineHeight h4 { line-height: 28px; float: left; color: #000; font-size: 16px; font-weight: 700; } .lightGreen a { color: #1acc9c; } .todayClass .lightGreen a { color: #3498db !important; line-height: 27px !important; } .todayClassFV .lightGreen a { color: #3498db !important; line-height: 27px !important; } .titleExpComments { margin-right: 10px; color: #474646; font-size: 13px; line-height: 23px; float: left; padding-top: 2px; } .avgRating { width: 307px; float: left; margin-top: 65px; } .travelrating { background-color: #fff; float: left; margin-top: 20px; margin-bottom: 20px; width: 100%; } .avg_rating_viewdiv { margin: 0 -9px; float: left; width: 130px; } .star-rating_new { background: #e0dede none repeat scroll 0 0 !important; border-radius: 3px; cursor: default; display: block; float: left; height: 16px !important; margin-right: 3px; padding: 3px !important; text-indent: 999em; margin-top: 5px; width: 16px !important; overflow: hidden; } .star-rating_new { background: #e0dede none repeat scroll 0 0 !important; border-radius: 3px; cursor: default; display: block; float: left; height: 16px !important; margin-right: 3px; padding: 3px !important; text-indent: 999em; margin-top: 5px; width: 16px !important; overflow: hidden; } .ratingNum { font-size: 13px !important; font-weight: 400; float: left; position: relative; top: 0px; width: 75%; text-align: center; } .ratingNum span.avgNum { color: #3498db; } .ratingCategories { width: 404px; float: right; margin: 5px 35px 0px 0px !important; } .ratingCategories > ul { list-style: none; overflow: hidden; } .ratingCategories > ul > li { float: left; width: 100%; margin: 0px 0px 0px; } .ratingCategories > ul > li .titleRatingIndv { width: 30%; font-size: 13px; text-align: right; float: left; padding-top: 7px; } .ratingCategories > ul > li .indvRate { float: left; } .fullRedStar { background: #e0dede url('../../images/full-red-star.gif') no-repeat 0 0px; background-position-x: 0px; background-position-y: 0px; background-position: 0 0; border: 0 none; cursor: default; display: block; height: 11px !important; margin: 0 !important; padding: 3px 3px 3px 0px !important; width: 16px !important; overflow: hidden; } .travelrating-text_new { background-color: #fff; float: left; margin-right: 5px; margin-top: 6px; text-align: right; width: 39.5%; } .travelCleanliness { float: left; width: 100%; margin: 8px 0px 0px !important; min-height: 25px; } .travelRatingStar { float: left; width: auto; } .postRating span.star-rating-control { color: #0885f0; float: left !important; font-size: 14px; line-height: 12px !important; font-weight: 400; margin: 1px 3px 0 0 !important; padding: 5px; text-transform: initial; width: 139px; height: 30px; overflow: hidden; border-radius_none: 2px; -moz-border-radius_none: 2px; -webkit-border-radius_none: 2px; } .forTravelRating_new { float: left; padding-bottom: 45px; width: 465px; margin-top: 6px; } .travelRatingStar { float: left; width: auto; } .travelCleanliness.rating-cancel, .travelCleanliness.star-rating { float: left; width: 23px !important; height: 23px !important; text-indent: 999em; cursor: pointer; display: block; background: #e0dede !important; margin-right: 3px; padding: 3px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 5px; } .travelCleanliness.rating-cancel a, .travelCleanliness.star-rating a { display: block; background-position: 0 0px; border: 0; padding: 3px !important; margin: 0px !important; width: 16px !important; height: 18px !important; cursor: pointer; } div.star-rating-on a { background-position: 0 -17px !important; } .float-right-rating_new { padding-top: 91px; width: 254px; margin-left: 136px; float:left;padding-top: 91px; } .isCommonAvg { padding-bottom: 50px !important; width: 254px !important; margin-left: 361px !important; float: left !important; padding-top: 46px !important; } .float-right-rating_new span { margin-right: 10px; color: #474646; font-size: 13px; line-height: 23px; float: left; } .postRating span { float: left; margin-top: 3px !important; margin-left: 0; margin-right: 6px; padding: 0px; color: #000 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 26px; text-transform: initial; } .titleExpComments_new { font-size: 16px !important; font-weight: 400 !important; } div.rating-cancel, div.star-rating { float: left; width: 16px !important; height: 16px !important; text-indent: 999em; cursor: pointer; display: block; background: #e0dede !important; margin-right: 3px; padding: 3px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 5px; } div.rating-cancel a, div.star-rating a { display: block; width: auto; height: auto; background-position: 0 0px; border: 0; padding: 3px !important; margin: 0px !important; width: 16px !important; height: 11px !important; cursor: pointer; } div.star-rating, div.star-rating a { background: url('../images/star.gif') no-repeat 0 0px; background-position-x: 0px; background-position-y: 0px; } .fullRedStar { background: #e0dede url('../../images/full-red-star.gif') no-repeat 0 0px; background-position-x: 0px; background-position-y: 0px; background-position-x: 0px; background-position-y: 0px; background-position: 0 0; border: 0 none; cursor: default; display: block; height: 16px !important; margin: 0 !important; padding: 3px 3px 3px 0px !important; width: 16px !important; overflow: hidden; } .star-rating_new { background: #e0dede none repeat scroll 0 0 !important; border-radius: 3px; cursor: default; display: block; float: left; height: 16px !important; margin-right: 3px; padding: 3px !important; text-indent: 999em; margin-top: 5px; width: 16px !important; overflow: hidden; } .star-rating_new { background: #e0dede none repeat scroll 0 0 !important; border-radius: 3px; cursor: default; display: block; float: left; height: 23px !important; margin-right: 3px; padding: 3px !important; text-indent: 999em; margin-top: 5px; width: 23px !important; overflow: hidden; } /*===============================notification page css===============================================*/ .inspiration-main-container-top-one{float:left; width:100%; background-color: #fff; padding:7px; margin-bottom:6px;} /*.inspiration-main-container-top-one{float:left; width:100%; background-color: #fff; padding:7px; margin-bottom:6px;}*/ .inspiration-main-container-inner-top-one{float:left; width:100%; background-color: #fff; padding:7px; margin-bottom:6px;} .inspiration-main-container-bottom-one{float:left; width:100%; background-color: #fff; padding: 3px 7px; margin-top:6px;} .inspiration-main-container-inner-bottom-one{float:left; width:100%; background-color: #fff; padding: 3px 7px; margin-top:6px;} .inspiration-main-container-middle-one{float:left; width:100%; padding:7px; } .inspiration-main-container-inner-one .inspiration-main-container-middle-one{float:left; width:100%; padding:0px 7px 7px 7px; } .insp-user-one{float:left; width:34px; height:34px;overflow:hidden; margin-right:8px; margin-bottom:0px;} .insp-user-one img{float:left; width:100%; height:100%;} .insp-user-name-one{float:left; width:70%;font-size:13px; font-weight:500;color:#666; text-align:left;text-transform: capitalize;} .insp-quote-post-time-one{float:left; width:70%;font-size:12px; font-weight:00;color:#848282; text-align:left;} /* ===================== hot spot page css start ====================== */ .hotspot-container{float:left; width:100%; margin: 122px 0 20px 0;} .comon-hotspot-box{float:left; width:100%; border-radius:10px; overflow:hidden; border: 1px solid #ececec; margin-bottom:15px;} .comon-hotspot-box-top{float:left; width:100%; font-size:30px; line-height:30px; text-align:center; color:#fff; padding:20px 0;} .comon-hotspot-box-bottom{float:left; width:100%; background:#fff; font-size:16px; text-align:center; padding:10px 0;} .reminder-box-color{background:#f59c3d;} .planning-box-color{background:#fb7c2f;} .social-box-color{background:#1e9bca;} .dining-box-color{background:#af4cb6;} .shopping-box-color{background:#37b771;} .travel-box-color{background:#5bb8f3;} .advancetravel-box-color{background:#4090fe url('../images/hp-advance-travel-bg.png') no-repeat scroll 0 center;} .invito-color{background:#6b7bd9;} .autograph-birthday-box-color{background:#0097d0 url('../images/hp-autograph-bg.png') no-repeat scroll 0 center; height: 139px;} /* ===================== hot spot page css end ====================== */ .imgNotification{ float: left; width: 40px; height: 40px; background-color: #ececec; border-radius:50%; overflow:hidden; margin: 0px 3px 3px 3px; } .notificationText{ /*background-color: #ececec;*/ font-size: 12px; float: right; width: 84%;font-family: 'Open Sans', 'sans-serif'; } .InvitoIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/guest-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .InspirationIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/cat-inspiration-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .SportsIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/sports-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .TravelIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/travel-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .FitnessIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/health-fitness-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .DiningIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/restaurants-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .ShoppingIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/shopping-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .PlanningIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/planning-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .PersonalIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/personal-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .BusinessIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/business-icon.png') no-repeat center center; background-size:contain;margin-top: 2px; } .ReminderIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/reminder-icon.png') no-repeat center center; background-size:contain; margin-top: 2px; } .ProfessionalIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/professional-blogging.png') no-repeat center center; background-size:contain; } .MyNetworkIconsNotify{ border: 0px solid red; width: 15px; height: 15px; float: left; margin-right: 7px; background: url('../images/category/MyNetworkIconsNotify.png') no-repeat center center; background-size:contain; } .userNotifyName { color: #0a8efe; font-weight: bold; } .userNotifyNameFull { color: #0a8efe; font-weight: bold; } .notificationhumanTime{ float: left; font-size: 13px; width: 100%; } /* google map popup css */ .direction-one{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/direction-icon.png") no-repeat scroll 0 -4px; border-bottom:2px solid #fff; cursor:pointer; } .direction-two{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/car-icon.png") no-repeat scroll center center;border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-three{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/train-icon.png") no-repeat scroll center center;border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-four{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/walking-icon.png") no-repeat scroll center center; border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-five{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/cycle-icon.png") no-repeat scroll center center;border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-six{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/direction-icon-view.png") no-repeat scroll center center;border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-one:hover{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/direction-icon.png") no-repeat scroll -24px -4px ;border-bottom:2px solid #fff; cursor:pointer; } .direction-two:hover{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/car-icon-h.png") no-repeat scroll center center; border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-three:hover{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/train-icon-h.png") no-repeat scroll center center;border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-four:hover{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/walking-icon-h.png") no-repeat scroll center center; border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-five:hover{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/cycle-icon-h.png") no-repeat scroll center center;border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-six:hover{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/direction-icon-view.png") no-repeat scroll center center;border-bottom:2px solid #fff; cursor:pointer;background-size: contain !important;} .direction-one.active{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/direction-icon.png") no-repeat scroll -24px -4px !important; border-bottom:2px solid #7a82c9; cursor:pointer; } .direction-two.active{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/car-icon-h.png") no-repeat scroll center center !important; border-bottom:2px solid #7a82c9; cursor:pointer;background-size: contain !important;} .direction-three.active{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/train-icon-h.png") no-repeat scroll center center !important;border-bottom:2px solid #7a82c9; cursor:pointer;background-size: contain !important;} .direction-four.active{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/walking-icon-h.png") no-repeat scroll center center !important;border-bottom:2px solid #7a82c9; cursor:pointer;background-size: contain !important;} .direction-five.active{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/cycle-icon-h.png") no-repeat scroll center center !important;border-bottom:2px solid #7a82c9;; cursor:pointer;background-size: contain !important;} .direction-six.active{width:30px; height:32px; display:inline-block; margin:0px 0px; padding:0 30px; background:url("../images/direction-icon-view.png") no-repeat scroll center center !important;border-bottom:2px solid #7a82c9; cursor:pointer;background-size: contain !important;} .gm-iv-address{height: 56px !important;} .gm-iv-address-description{min-width: 137px !important} #map{float: left; margin-top: 0px; height: 450px;} .directionModel{ content: ""; position: fixed; height: 100%; left: 0; top: 0; width: 100%; z-index: 99999999; } .directionModel .directionModel-container { transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } .directionModel-container { position: absolute; background-color: #7a82c9; border: solid 0px #ccc; left: 50%; top: 96px; transform: translate(-50%, -200%); -webkit-transform: translate(-50%, -200%); -ms-transform: translate(-50%, -200%); padding: 0px; width: 100%; max-width: 1030px; z-index: 999999; transition: transform 200ms ease-out; -webkit-transition: transform 200ms ease-out; border-radius: 0px; font-family: 'Roboto', sans-serif; font-size: 15px; } .directionModel-container h4 { font-size: 20px !important; font-weight:700; color:#fff; text-transform: capitalize; text-align: center !important; margin-left: 10px; } .directionModel-container .close { /* float: right; */ position: absolute; right: 0; font-size: 38px; font-weight: normal; line-height: 1; color:#333; margin: 0px 0px -21px 0; z-index: 99999; background:none; padding: 0px 0px; filter: alpha(opacity=50); opacity: .5; } .directionModel-container .close:hover { /* float: right; */ position: absolute; right: 0; font-size: 38px; font-weight: normal; line-height: 1; color: #333; margin: 0px 0px -21px 0; z-index: 99999; background:none; padding: 0px 0px; filter: alpha(opacity=50); opacity: 1; } .directionModel-bg { position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; } .direction-box-container{ border: 0px solid red; padding: 10px; background:#fff; position: absolute; height: auto; width:260px; right: 9px; top: 52px; z-index: 555; -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.25); } .direction-box-container ul{ float:left; width:100%; padding:0px; margin:0px; list-style-type:none; border-bottom:1px solid #ccc;} .direction-box-container ul li{ float:left; width:auto; padding:0px; margin: 0px 0px -5px 0px; list-style-type:none;} .direction-body-container { float:left; width:100%; padding:0px; margin:0px 0px 10px 0px;} .direction-body-container-top { float:left; width:100%; padding:0px; margin:15px 0px 0px 0px;} .direction-body-heading{ float:left; width:auto; padding: 0px 0px 5px 0px; margin:0px; font-size:14px; font-weight:700;} .direction-body-subheading{ float:right; width:auto; padding: 3px 0px 0px 0px; margin:0px; font-size:11px; font-weight:400;} .direction-body-subheading a{ text-decoration:none;} .direction-body-subheading a:hover{ text-decoration:none;} .direction-body-field-box{ float:left; width:100%; padding:0px; margin:0px;} .direction-body-field-box input[type='text']{ float:left; width:100%; padding:0px; margin:0px; border:1px solid #ccc; padding: 3px 3px 3px 28px; background: url(../images/location-search.png) no-repeat scroll 5px center !important; /* background-size: 8% auto !important; */} .location-container{ float:left; width:100%; padding:0px; margin:0px;} .location-icon{ width: 18px; height: 22px; float: left; display: inline-block; margin: 0px 6px 0px 8px; padding: 0 0px; background: url(../images/location.png) no-repeat scroll center center; background-size: contain !important; } .location-details { float:left; width:80%; padding:0px; margin:0px;} .location-title{ float:left; width:100%; padding: 0px 0px 0px 0px; margin:0px; font-size:14px; font-weight:700;} .location-address{ float:left; width:100%; padding: 0px 0px 0px 0px; margin:0px; font-size:11px; font-weight:400;} .get-directions-button{ float:left; width:auto; padding:5px 10px; margin:10px 0px 0px 0px; background-color: #7a82c9; color:#fff; border:none; cursor:pointer;} .get-directions-button:hover{ float:left; width:auto; padding:5px 10px; margin:10px 0px 0px 0px; background-color: #2f3c84; color:#fff; border:none; cursor:pointer;} /* google map popup css */ /* network update new css start on 11-11-2017 */ .editCommentsmain{ float: left; margin-top: 0px; width: 100%; border:none;} .editDescriptionInfo { margin: 0px; width: 100%; float: left; } .left-scroll{background: #fff; float: left; width: 100%; padding: 10px; margin-top: 20px;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);} .editDescriptionInfo fieldset { border: 1px solid #D8D8D8; margin: 26px 0 0; margin-top: 26px; padding: 7px; text-transform: initial; color: #000000; line-height: 18px; font-family: 'Open Sans', 'sans-serif'; background: #fff !important; margin-top: 0px !important; } .editCommentField { border: 1px solid #fff; border: none; float: left; padding: 0 10px; padding: 4px !important; width: 98.7% !important; resize: none; font-size: 13px; margin: 0px !important; background: transparent !important; } .editScomment { background: #39a853 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; padding: 0px 15px; width: 60px; margin-top: 9px; font-size: 12px; height: 26px; } .editScomment:hover { background: #3f9e55 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; padding: 0px 15px; width: 60px; margin-top: 9px; font-size: 12px; height: 26px; } .editScancel { background: #656565 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: right; padding: 0px 15px; height: 26px; margin-left: 5px; width: 60px; margin-top: 9px; font-size: 12px; } .editScancel:hover { background: #787878 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: right; padding: 0px 15px; height: 26px; margin-left: 5px; width: 60px; margin-top: 9px; font-size: 12px; } .editPostyourComment { float: right; margin-left: 449px; width: auto; margin-bottom: 10px; } /* comment edit css */ .dialogbox .opencontainer { position: absolute; width:auto; height: auto; margin: 5px 0px 0px -56px; background-color: #fff; border-radius: 3px; border: 0px solid #fff; -webkit-box-shadow:-2px 7px 11px 1px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: -2px 7px 11px 1px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: -2px 7px 11px 1px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ z-index: 9999; border-top: 0px solid #fff; border-bottom: 0px solid #fff; } .tip { width: 0px; height: 0px; position: absolute; background: transparent; border: 10px solid #fff; } .tip-up { top: -19px; left: 64px; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .opencontainer .message { border-radius: 3px; font-family: Arial; font-size: 14px; line-height: 1.5; color: #797979; padding:5px 20px; } .opencontainer .message:hover { background-color: #eceaea; } .dialogboxThreeDots{cursor:pointer;} .dialogboxThreeDots:hover{cursor:pointer;} .dialogboxReply .opencontainer { position: absolute; width:auto; height: auto; right: 31px;margin-top: 25px; background-color: #fff; border-radius: 3px; border: 0px solid #fff; -webkit-box-shadow:-2px 7px 11px 1px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: -2px 7px 11px 1px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: -2px 7px 11px 1px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ z-index: 9999; border-top: 0px solid #fff; border-bottom: 0px solid #fff; } .comment-edit-icon a{ background: url("../images/article-edit-icon.png") left center no-repeat;padding:0px 0px 0px 20px; color: #797979;} .comment-edit-icon a:hover{ background: url("../images/article-edit-icon-h.png") left center no-repeat;padding:0px 0px 0px 20px; color:#0885F0;} .comment-delete-icon a{ background: url("../images/article-delete-icon.png") left center no-repeat;padding:0px 0px 0px 20px; color: #797979;} .comment-delete-icon a:hover{ background: url("../images/article-delete-icon-h.png") left center no-repeat;padding:0px 0px 0px 20px; color:#0885F0;} /* network update new css end on 11-11-2017 */ .non-reg-login-container{float:right; width:auto;} .non-reg-login-container ul {float:right;width:auto;} .non-reg-login-container ul li {float:left;width:auto; list-style-type:none;margin:20px 15px} .non-reg-login-container ul li a{ color: #0cafef;text-decoration: none; } .non-reg-login-container ul li a:hover{ color: #038bc0;text-decoration: none; } .categoryDropDown > ul{ width: 130px; background-color:#4659c3; position:absolute; z-index: 120; top:27px; left:0; border-radius_none:5px; overflow:hidden;} .categoryDropDown > ul > li{ border-bottom: 1px solid #5064d6;} .categoryDropDown > ul > li > a{ display:block; font-size:13px; padding: 3px 5px; color:#fff;} .categoryDropDown > ul > li > a:hover{ background-color:#4254b7;} .categoryDropDown span.value { display:none;} .headercategoryActive{background-color: #000; color: #fff;} .main-body-container{ width: 100%; height: 100vh; position: absolute; z-index:2;} .top-header { width: 100%; padding: 0px 0 0px 0; /* background: url("../images/header-pattern-bg.png") left top repeat; */ background:#3C4DA9; position:fixed;float:left;z-index:9999999; margin-top:-1px; height:66px; } .login-file-container { float: right; width: 100%; max-width:572px; padding:8px 0px 5px 0px; } .login-file-container input[type=email]{ max-width: 236px;width:100%; font-size: 13px; padding:5px; border: none; border-radius_none: 3px;margin-right:7px; text-align: left; float:left;} .login-file-container input[type=password]{ max-width: 235px;width:100%; font-size: 13px; padding:5px; border: none; border-radius_none: 3px;margin-right:7px; text-align: left; float:left;} .forgotpassword{float:right; width:100%; text-align:right; padding:3px 0; font-size: 12px;} .forgotpassword a{ text-decoration:none; color:#fff; } .forgotpassword a:hover { text-decoration:none; color:#00c0ff; } .submit{ border:none; text-decoration:none; color:#fff; background:#00c0ff;padding:5px 15px; width:70px; float:right; text-align:center;border-radius_none: 3px; } .logo { float: left; width: 257px; height: 42px; margin-right: 20px; margin-bottom:4px; margin-top:4px; background: url("../images/logo-small.png") left top no-repeat; display: block; } /* .logo img{float:left; width:100%;height:auto;} */ .menu-container { position:fixed; width: 100%; padding: 0px 0; background:#3f51b5; margin-top:0px; top:48px; z-index:9999991; } .top-banner-container { float: left; width: 100%; max-height: 353px; padding: 0px 0; overflow: hidden; } .top-banner-container img { float: left; width: 100%; height: auto; min-height: 400px; } .top-banner-container-text { position: absolute; z-index: 99; width: 100%; } .top-banner-container h1 { float: left; width: 100%; padding: 60px 0 28px 0; font-family: 'Lato', sans-serif; color: #fff; font-size: 50px; font-weight: 400; text-align: center; text-transform: uppercase; } .top-banner-container input { background: none; border: none; font-family: 'Open Sans', sans-serif !important; color: #fff; font-size: 26px; font-weight: 400; text-align: left; width: 100%; max-width: 231px; padding: 0 15px; } .SearchbtnContainer { float: left; width: 100%; margin: 20px 0; } .Searchbtn { width: 204px; margin: 0px auto !important; } .Searchbtn input[type=text] { width: 267px; box-sizing: border-box; font-size: 16px; background-color: #0087ba; background-image: url('../images/searchicon.png'); background-position: 17px 13px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border: none; border-radius_none: 30px; text-align: center; } .Searchbtn input[type=text]:focus { width: 267px; max-width: 100% !important; } .blueicon { color: #0087ba; font-size: 30px; font-weight: 400; } .serch { padding: 0; margin: 10px 0 0px 0; } .categoryDropDown { width: 45px; height: 26px; float: left; position: relative; } .categoryLabel { width: 100%; height: 26px; background: #17246a url('../images/down-arrow-catg-opt.png') no-repeat 30px 12px; border-top-left-radius_none: 4px; border-bottom-left-radius_none: 4px; display: block; line-height: 27px; text-align: left; text-indent: 7px; } .categoryDropDown > ul { width: 130px; background-color: #4659c3; position: absolute; z-index: 120; top: 27px; left: 0; border-radius_none: 5px; overflow: hidden; } .categoryDropDown > ul > li { border-bottom: 1px solid #5064d6; } .serch .inputbox { padding: 5px 8px 4px; background-color: #fff; width: 250px; } .serch .inputbox { margin: 0 6px 0 0; padding: 4px 5px 4px; float: left; width: 310px; background: #f0fbf7; border: 0; border-left: 1px solid #8abeaf; border-bottom: 1px solid #a2b6b4; font-size: 12px; -webkit-border-top-right-radius_none: 5px; -webkit-border-bottom-right-radius_none: 5px; -moz-border-radius_none-topright: 5px; -moz-border-radius_none-bottomright: 5px; border-top-right-radius_none: 5px; border-bottom-right-radius_none: 5px; } .profileNameSection { float: right; font-size: 14px; height: 35px; line-height: 35px; margin-bottom: 4px; margin-left: 0; margin-right: 0; margin-top: 4px; position: relative; right: 0; } .profileNameSection .name > a { background-attachment: scroll; background-clip: border-box; background-color: hsla(0, 0%, 0%, 0); background-image: url("../images/down-arrow.png"); background-origin: padding-box; background-position-x: right; background-position-y: center; background-repeat: no-repeat; background-size: auto auto; color: hsl(0, 0%, 100%); font-weight: 500; padding-right: 20px; } .mainbody-outer-container { float: left; width: 100%; padding: 0px 0px 30px 0px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .mainbody-listing-container { float: left; width: 100%; padding: 0px 0px 30px 0px; border-bottom: 0px solid #ccc; margin-bottom: 30px; } .mainbody-container { width: 100%; margin: 12% 0px 0px 0px;z-index:2;position:absolute; } .search-area-container{ background-color: #fff; border-radius_none: 5px 5px 5px 5px; -moz-border-radius_none: 5px 5px 5px 5px; -webkit-border-radius_none: 5px 5px 5px 5px;float: none; width:80%; margin: 15% auto 0 auto;} .search-area-container input[type=text] { max-width: 100%; width: 100%; box-sizing: border-box; font-size: 17px; line-height: 25px; background-color: #fff; padding:13px 0px 13px 10px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border: none; border-radius_none: 5px 0px 0px 5px; -moz-border-radius_none: 5px 0px 0px 5px; -webkit-border-radius_none: 5px 0px 0px 5px; text-align: left;float: left; color:#000; } .search-area-container input[type=image] { width:62px; height:53px; font-size: 16px; border: none; float: right; color:#000; } .mainbody-container .caption{ width:100%; text-align: center; float: left; color:#fff;font-size:18px;padding-top:8px; } .mainbody-container-bottom { float: left; width: 100%; padding: 0px 0px 0px 0px; } .mainbody-container h2 { float: left; width: 100%; padding: 0; margin: 0px; font-family: 'Lato', sans-serif; color: #000; font-size: 40px; font-weight: 400; text-align: center; line-height: 50px; } .mainbody-container p { float: left; width: 100%; padding: 0; margin: 0px; font-family: 'Lato', sans-serif; color: #000; font-size: 25px; font-weight: 400; text-align: center; line-height: 32px; } .mainbody-container-bottom h3 { width: 56%; padding: 0 0 0 172px; margin: 0px auto 30px auto; font-family: 'Lato', sans-serif; color: #000; font-size: 24px; font-weight: 400; text-align: center; line-height: 30px; background: url("../images/graphics-left.png") left center no-repeat; ; } .mainbody-container-bottom h3 span { width: 100%; padding: 0 175px 0 0; margin: 0px; font-family: 'Lato', sans-serif; color: #000; font-size: 22px; font-weight: 400; text-align: center; line-height: 30px; background: url("../images/graphics-right.png") right center no-repeat; ; } .dropdown-menu > li.kopie > a { padding-left: 5px; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius_none: 0 6px 6px 6px; -moz-border-radius_none: 0 6px 6px 6px; border-radius_none: 0 6px 6px 6px; } .dropdown-submenu > a:after { border-color: transparent transparent transparent #333; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0; } .dropdown-submenu:hover>a:after { border-left-color: #555; } .dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover { text-decoration: underline;color:#17246a; } .topheader ul.navbar-right { float: right; margin-top: 15px !important; } .navbar-right li { list-style-type: none; } .navbar-right li a { color: #fff; text-decoration: none; } .navbar-right li a:hover { color: #fff; text-decoration: none; } .navbar-right .dropdown-menu { right: 0; } .navbar-right .dropdown-menu { padding-left: 0px; margin-top: 22px!important; } .serchArea { padding: 0; margin: 4px 0 0px 0; float: left; width: 100%; } @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .serchArea input[type=text] { padding: 9px 8px 9px 8px !important; } } .serchArea input[type=text] { margin: 0 6px 0 0; padding: 4px 8px 4px 8px; float: left; /* width: 100%; */ width:250px; background: #f0fbf7; border: 0; border-left: 1px solid #8abeaf; border-bottom: 1px solid #a2b6b4; font-size: 12px; -webkit-border-top-right-radius_none: 5px; -webkit-border-bottom-right-radius_none: 5px; -moz-border-radius_none-topright: 5px; -moz-border-radius_none-bottomright: 5px; border-top-right-radius_none: 5px; border-bottom-right-radius_none: 5px; } .serchArea input[type=text]:focus { } .serchArea .dropdown-menu > li > a { clear: both; color: hsl(0, 0%, 100%); display: block; font-weight: normal; line-height: 1.42857; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; padding-top: 3px; text-decoration-color: -moz-use-text-color !important; text-decoration-line: none !important; text-decoration-style: solid !important; /* white-space: nowrap; */ } .serchArea .dropdown-menu li img { float: left; margin-right: 10px; } .serchArea .dropdown-menu li { border-top: 1px solid #5064d6; } .serchArea .dropdown-menu li:first-child { border-top: none; } .serchArea .dropdown-menu { background-color: #4659c3 !important; text-decoration: none !important; } .serchArea.dropdown-submenu { position: relative; background-color: #4659c3; } .serchArea .dropup, .serchArea .dropdown { float: right; position: relative; } .serchArea.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius_none: 0 6px 6px 6px; -moz-border-radius_none: 0 6px 6px; border-radius_none: 0 6px 6px 6px; background: #4659c3; } .serchArea.dropdown-submenu:hover>.dropdown-menu { display: block; background: #4659c3; } .serchArea.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .serchArea.dropdown-submenu:hover>a:after { border-left-color: #fff; } .serchArea.dropdown-submenu.pull-left { float: none; } .serchArea.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius_none: 6px 0 6px 6px; -moz-border-radius_none: 6px 0 6px 6px; border-radius_none: 6px 0 6px 6px; } .serchArea .btn-primary { color: #fff; background-color: #17246a; border: none !important; } .serchArea .btn-primary:focus, .serchArea .btn-primary.focus { color: #fff; background-color: #17246a; border: none !important; } .serchArea .btn-primary:hover { color: #fff; background-color: #17246a; border: none !important; } .serchArea .btn-primary:active, .serchArea .btn-primary.active, .serchArea .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #17246a; border: none !important; } .serchArea .btn-primary:active:hover, .serchArea .btn-primary.active:hover, .serchArea .open > .dropdown-toggle.btn-primary:hover, .serchArea .btn-primary:active:focus, .serchArea .btn-primary.active:focus, .serchArea .open > .dropdown-toggle.btn-primary:focus, .serchArea .btn-primary:active.focus, .serchArea .btn-primary.active.focus, .serchArea .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #17246a; border: none !important; } .serchArea .btn-primary:active, .serchArea .btn-primary.active, .serchArea .open > .dropdown-toggle.btn-primary { background-image: none; border: none !important; } .serchArea .btn-primary.disabled:hover, .serchArea .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .serchArea .btn-primary.disabled:focus, .serchArea .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .serchArea .btn-primary.disabled.focus, .serchArea .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #17246a; border: none !important; } .serchArea .btn-primary .badge { color: #337ab7; background-color: #fff; border: none !important; } .serchArea .btn { display: inline-block; padding: 0px; height:26px; width:45px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius_none: 4px 0px 0px 4px!important; } .navbar-login { width: 100%; padding: 0px ; padding-bottom: 0px; background: #fff; font-size: 16px; } .navbar-login-session { padding: 0px; padding-bottom: 0px; padding-top: 0px; } .navbar-login-session a{ padding: 0px; padding-bottom: 0px; padding-top: 0px; } .icon-size { font-size: 44px; border-radius_none: 50%!important; border: 1px solid #ccc; overflow: hidden; } .login_user_ico1 { background: #6875c2 none repeat scroll 0 0; border: 1px solid #fff; border-radius_none: 5px; float: left; height: 33px; margin: 0; overflow: hidden; position: relative; text-align: center; top: 0; width: 33px;text-indent: 111111px; } .login_user_ico1 img { float: left; height: 100%; width: 100%; } .navbar-nav li a { color: #fff; text-decoration: none; } .navbar-nav li a:hover { color: #fff; text-decoration: none; } .login_user_ico { background: #6875c2 none repeat scroll 0 0; border: 1px solid #fff; border-radius_none: 5px; float: left; height: 33px; margin: 0; overflow: hidden; position: relative; text-align: center; top: 7px; width: 33px; font-size: 27px;text-indent: 111111px; } .login_user_ico img { float: left; height: 100%; width: 100%; } /* footer{ width: 67%; text-align:center; color:#000; position:absolute; bottom:0; z-index:99999; padding-top:10px;} footer p { font-size: 14px; text-align: center; color: #000; font-family: Source Sans Pro, Helvetica, Arial, sans-serif; float: left; width:100%; } */ footer{ width: 100%;float: left; text-align:center; color:#000; position:relative;border:0px solid red; padding-top:10px; background:#0038bf;} footer p { font-size: 14px; text-align: center; color: #000; font-family: Source Sans Pro, Helvetica, Arial, sans-serif; float: left; width: 100%; } .containerEditorViewPopup table td{border:1px solid #ccc; padding:5px;} .containerEditorViewPopup table { border-spacing: 0; border-collapse: collapse; max-width: 990px !important; } .containerEditorView2 table td{border:1px solid #ccc; padding:5px;} .containerEditorView2 table { border-spacing: 0; border-collapse: collapse; max-width: 990px !important; } .article-content table td{border:1px solid #ccc; padding:5px;} .article-content table { border-spacing: 0; border-collapse: collapse; max-width: 990px !important; } .article-content img {max-width:100%;} .upload-img-box-new { padding:0px; margin: 0px 0px 10px 55px; width:115px; height:115px; background-color: #7a82c9; position:relative; float:left; z-index:99;right:15px; border-radius: 50%; overflow:hidden;font-size: 58px; } .upload-img-box-new img{ width:100%; height:100%; } .upload-pdf-box-new { padding:0px; margin: 0px 0px 10px 55px; width:115px; height:115px; background-color: #e14045; z-index:99;right:15px; border-radius: 50%; overflow:hidden; position:relative; float:left;font-size: 58px; } .upload-pdf-box-new img{width:100%;height:100%;} .upload-img-box-edit-new{ width:115px;font-size: 58px; height:115px;} .upload-img-box-edit-new img{width:100%;height:100%;} .modal-header-new{background:#7a82c9 !important; text-align:center !important;border-bottom: 1px solid #7a82c9 !important;} .modal-title-new {text-align:center !important;color: #fff !important; float: left !important; line-height: 20px !important;width: 94% !important;font-size: 24px !important; font-weight:700; } .popup-right-panel{background:#fbfbfd; padding: 32px 10px 35px 10px;float:left; height:100%; min-height: 268px !important;} .modal-body-new{padding:0px !important; background:#fff !important; } .modal-content-new {margin-bottom:-10px !important; } .smalltitleText-new{ font-size: 14px !important; margin: 0px 0px 2px 0px !important; font-weight:400; float:left;} .titleText-new{ font-size: 18px !important; padding:0 !important; margin:26px 0px 20px 0px !important; font-weight:700;} .titleText1-new{ font-size: 18px !important; padding:0 !important; margin:26px 0px 20px 0px !important; font-weight:700;color: #555da5;} /* .smalltitleText1-new{ font-size: 14px !important; padding:0 !important; margin:0px 0px 5px 0px !important; font-weight:700; color: #555da5;} */ .titleText1-new{ font-size: 18px !important; padding:0 !important; margin:26px 0px 20px 0px !important; font-weight:700;color: #555da5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 360px;} /* Login Container (default to float:right) */ #loginContainer { /* position: relative; float: right; font-size: 12px; */ position: relative; float: right; font-size: 12px; border: 0px solid red; /* margin-left: 247px; */ margin-right: 15px; } /* Login Button */ #loginButton { display: inline-block; float: right; /* background:#d2e0ea url(../images/buttonbg.png) repeat-x; border:1px solid #899caa; */ border-radius_none: 3px; -moz-border-radius_none: 3px; position: relative; z-index: 30; cursor: pointer; } /* Login Button Text */ #loginButton span { color: #fff; font-size: 14px; font-weight: bold; /* text-shadow:1px 1px #fff; */ margin-top:7px; padding: 7px 29px 6px 10px; background: url(../images/down-arrow-new.png) no-repeat right center; display: block; float: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 147px; } #loginButton span:hover { background: #273582 url(../images/down-arrow-new.png) no-repeat right center; padding: 7px 29px 6px 10px;border-radius_none: 5px; } /* Login Box */ #loginBox { position: absolute; top: 49px; right: 0; display: none; z-index:99999999 !important; border-radius_none: 5px; -moz-border-radius_none: 5px; } /* If the Login Button has been clicked */ #loginButton.active { border-radius_none: 5px; -moz-border-radius_none: 5px; } /* #loginButton.active span { background-position: 120px 13px; } */ /* A Line added to overlap the border */ #loginButton.active em { position: absolute; width: 100%; height: 1px; background: #d2e0ea; bottom: -1px; } /* Login Form */ #loginForm { width: 218px; /* border: 1px solid #273582; */ border: 1px solid #273582; overflow:hidden; border-radius_none: 5px; -moz-border-radius_none: 5px; margin-top: 0px; background: #fff; padding: 0px; height:30px; } #loginForm fieldset { margin: 0 0 0px 0; display: block; border: 0; padding: 0; } fieldset#body { background: #fff; border-radius_none: 5px; -moz-border-radius_none: 5px; padding: 0px; margin: 0; } #loginForm #checkbox { width: auto; margin: 1px 9px 0 0; float: left; padding: 0; border: 0; *margin: -3px 9px 0 0; /* IE7 Fix */ } #body label { color: #3a454d; margin: 9px 0 0 0; display: block; float: left; } #loginForm #body fieldset label { display: block; float: none; margin: 0 0 6px 0; } /* Default Input */ #loginForm input { width: 92%; /* border:1px solid #899caa; */ border-radius_none: 5px; -moz-border-radius_none: 5px; color: #3a454d; font-weight: bold; padding: 8px 8px; /* box-shadow:inset 0px 1px 3px #bbb; -webkit-box-shadow:inset 0px 1px 3px #bbb; -moz-box-shadow:inset 0px 1px 3px #bbb; */ font-size: 12px; } /* Sign In Button */ #loginForm #login { width: auto; float: left; /* background:#339cdf url(../images/loginbuttonbg.png) repeat-x; */ color: #fff; padding: 7px 0px 8px 0px; /* text-shadow:0px -1px #278db8; border:1px solid #339cdf; */ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 12px 0 0; cursor: pointer; *padding: 7px 2px 8px 2px; /* IE7 Fix */ } /* Forgot your password */ #loginForm span { text-align: center; display: block; padding: 7px 0 4px 0; } #loginForm span a { color: #3a454d; /* text-shadow:1px 1px #fff; */ font-size: 12px; } input:focus { outline: none; } /* slider */ .description { position: absolute; top: 40vh; right:29px; max-width:480px; width:100%; color: white; font-family: Helvetica Neue, Helvetica; overflow-wrap: break-word; z-index:999; } .description div{ float:left; width:100%; height:auto; background: rgba(0, 0, 0, 0.7); z-index: 99; padding: 10px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-all; border-radius_none: 5px; margin-bottom:0px; } .description h1 { font-size: 18px; font-weight: bold; text-align: left; float:left; width:100%;height:auto; word-wrap: break-word;word-break: break-all; padding:0px; margin:0px; } .description .spotdetails { float:left; width:100%; max-width:450px; height:auto; font-size: 14px !important;line-height:18px; font-weight: normal; text-align: left; position:relative; margin-bottom:10px; margin-top:10px; overflow-wrap: break-word;padding:0px;color:#fff; } .description button{ font-size: 18px; font-weight: normal; text-align: left; float:left; width:auto;height:auto; word-wrap: break-word;background:none; border:none;margin-right:10px; color:#979798!important; outline: 0 !important; outline: none !important; } .description button a{ color:#979798!important; } .description button a:hover{ color: #337ab7!important; } .description a{ text-decoration:none !important; } .description a:hover{ text-decoration:none !important; } .description nav a{ text-decoration:none !important; } .description nav a:hover{ text-decoration:none !important; } a:hover, a:focus { color: #23527c; text-decoration:none !important; } .button-right1 a{ color:#979798!important; } .button-right1 a:hover{ color: #337ab7!important; } .button-right1:hover{ color: #337ab7!important; } .button-right img {opacity: 1;} .button-right img:hover {opacity: 0.7;} .button-left img {opacity: 1;} .button-left img:hover {opacity: 0.7;} .button-left2 img {opacity: 1;} .button-left2 img:hover {opacity: 0.7;} .button-right2 img {opacity: 1;} .button-right2 img:hover {opacity: 0.7;} .button-right1 img {opacity: 1;} .button-right1 img:hover {opacity: 0.7;} .description button .button-right1{float:right!important;} .description button .button-right2{float:left!important; margin-right:10px; margin-top: 3px;} .description .visit-button{background:#0092cf; width:auto; color:#fff; text-align:center; padding:10px 20px; float:left; border:none; border-radius_none:5px;cursor: pointer; font-weight:400;} .description .visit-button:hover{background:#03B3FD;cursor: pointer; font-weight:400;} .btn{font-weight:600!important;} /* =================== */ .small-description { position: relative; max-width:480px; width:100%; float:left; color: white; font-family: Helvetica Neue, Helvetica; overflow-wrap: break-word; display:none; } .small-description div{ float:left; width:100%; height:auto; background: rgba(0, 0, 0, 0.7); z-index: 99; padding: 10px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-all; border-radius_none: 5px; margin-bottom:2px; } .small-description h1 { font-size: 18px; font-weight: bold; text-align: left; float:left; width:100%;height:auto; word-wrap: break-word;word-break: break-all; padding:0px; margin:0px; } .small-description .spotdetails { float:left; width:100%; max-width:450px; height:auto; font-size: 14px !important;line-height:18px; font-weight: normal; text-align: left; position:relative; margin-bottom:10px; margin-top:10px; overflow-wrap: break-word;padding:0px;color:#fff; } .small-description button{ font-size: 18px; font-weight: normal; text-align: left; float:left; width:auto;height:auto; word-wrap: break-word;background:none; border:none;margin-right:10px; color:#979798!important; } .small-description button .button-right1{float:right!important; color:#979798!important; } .small-description button .button-right2{float:left!important; margin-right:10px; color:#979798!important;} .small-description .visit-button{background:#0092cf; width:auto; color:#fff; text-align:center; padding:10px 20px; float:left; border:none; border-radius_none:5px;cursor: pointer;} .slides { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; height: 100vh; overflow: hidden; white-space: nowrap; -moz-transition: all 0.45s ease; -o-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; transition: all 0.45s ease; } .slides .slide { display: inline-block; width: 100%; height: 100%; background-size: cover; background-position: center center; vertical-align: top; margin-right:0px; } .slides .slide .slide-content.hide-info { -moz-transform: translateY(-125%); -ms-transform: translateY(-125%); -webkit-transform: translateY(-125%); transform: translateY(-125%); } .slides .slide .slide-content { position: relative; top: 0; padding:0; max-width: 480px; color: white; white-space: normal; background: rgba(0, 0, 0, 0.5); margin: 1em; border-left: 0.5em solid rgba(255, 255, 255, 0.8); -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; } .slides .slide .slide-content h2 { font-size: 2em; font-weight: lighter; text-transform: uppercase; } .slides .slide .slide-content h2 span { font-weight: bolder; } .slides .slide .slide-content p { font-weight: lighter; line-height: 1.5; letter-spacing: 1px; font-size: 18px; } .slides nav { position: relative; width:auto; z-index: 99; background:#000; padding:10px 15px 10px 10px;border-radius_none:5px;float:left; } .slides nav button.disabled { pointer-events: none; opacity: 0.3; } .slides nav button { background: transparent; outline: none; border: none; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); cursor: pointer; display: inline-block; margin: 0 10px 0 0; padding: 0;font-size:18px; color:#979798; } .slides nav button i { color: rgba(255, 255, 255, 0.8); font-size: 4em; } .slides nav button i:hover { color: white; } .travelexperiencebg { /*border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-radius_none: 0 0 5px 5px; border-right: 1px solid #ccc;*/ height: auto; width: 99.9%; border-radius_none: 0px 0px 3px 3px; -moz-border-radius_none: 0px 0px 3px 3px; -webkit-border-radius_none: 0px 0px 3px 3px; /* border: 1px solid #ccc; */ } .travelexperiencebg ul { padding: 0px; margin: 0 0 0 25px; } .shopexperiencebg ul { padding: 0px; margin: 0 0 0 25px; } .subDining_Content_textcls ul { padding: 0px; margin: 0 0 0 25px; } .shopexperiencebg { /* border-bottom: 1px solid #ccc;border-left: 1px solid #ccc; *//* border-radius_none: 0 0 5px 5px; *//* border-right: 1px solid #ccc; */ height: auto; width: 100%; float: left; overflow-x:hidden; } .subTravel_Content_rating { } .travelrating { background-color: #fff; float: left; margin-top: 20px; margin-bottom: 20px; width: 100%; } .travelrating-text { background-color: #fff; float: left; margin-top: 6px; margin-right: 5px; text-align: right; width: 50%; } .travelrating-text_new { background-color: #fff; float: left; margin-right: 5px; margin-top: 6px; text-align: right; width: 39.5%; } .diningratingnew { float: left; margin-top: 20px; width: 100%; } .popupEditDiv input { /*background: #1272bc none repeat scroll 0 0;*/ border: medium none; /*border-radius_none: 3px;*/ color: #0281ff; cursor: pointer; float: right; font-size: 14px !important; margin-right: -473px !important; margin-top: -10px !important; text-align: right !important; /*padding: 6px 15px; text-align: center;*/ width: 92px; font-family: "Open Sans", "sans-serif"; background: none; } .popupEditDiv input:hover { color: #7dc4fa; cursor: pointer; } .travelerrormsg { clear: both; color: #cf0000; font-size: 13px; text-transform: initial; float: left; margin-top: 15px; margin-left: 101px; } .diningerrormsg { clear: both; color: #cf0000; font-size: 13px; text-transform: initial; float: left; margin-top: 15px; margin-left: 101px; } .diningpopupEditDiv input { /*background: #1272bc none repeat scroll 0 0;*/ border: medium none; /*border-radius_none: 3px;*/ color: #0281ff; cursor: pointer; float: right; font-size: 14px !important; margin-right: -485px !important; margin-top: -10px !important; /*padding: 6px 15px;*/ text-align: right !important; width: 92px; font-family: "Open Sans", "sans-serif"; background: none; } .diningpopupEditDiv input:hover { /*background: #3698e3 none repeat scroll 0 0;*/ color: #7dc4fa; cursor: pointer; } .diningratingcommentsection { border: 1px solid #CCC; float: left; height: auto; margin: 25px 15px 1px 15px; width: 96.9%; } .sBtn_Style input { border: 1px solid #2060a5; background: #00998f; width: 64px; /* Old browsers */ background: -moz-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23c0f7), color-stop(0%, #2989d8), color-stop(100%, #1daee3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #23c0f7 0%, #1daee3 100%); /* IE10+ */ background: linear-gradient(to bottom, #23c0f7 0%, #1daee3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23c0f7', endColorstr='#1daee3', GradientType=0); /* IE6-9 */ border-radius_none: 3px; color: #FFFFFF; cursor: pointer; font-size: 14px; height: 27px; margin-left: 7px; margin-top: 10px; text-align: center; float: left; } .sBtn_Style input:hover { background: #23c0f7; /* Old browsers */ background: -moz-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23c0f7), color-stop(0%, #23c0f7), color-stop(100%, #17b8f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #23c0f7 0%, #17b8f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #23c0f7 0%, #17b8f0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23c0f7', endColorstr='#17b8f0', GradientType=0); /* IE6-9 */; } /* select box css */ .pointinterest-box-container .btn-info{background:none!important; border:1px solid #ccc!important; color:#000!important;} .pointinterest-box-container .bs-caret{display:none;} .pointinterest-box-container ul { float:left!important; width:100%; padding:10px; color:#000; margin:0px; border:0px solid red; height: auto !important;} .pointinterest-box-container .dropdown-menu li a{ float:left!important; width:100%!important; padding:10px; color:#000; margin:0px; border-bottom:1px solid #ccc;} .pointinterest-box-container .dropdown-menu li a:hover{ float:left!important; width:100%!important; padding:10px; color:#000; margin:0px;} .pointinterest-box-container .dropdown-menu{background:#fff!important;} .dropdown-header{float:left!important; width:100%!important; padding:10px; font-size:18px; color:#000; border-bottom:1px solid #ccc;background-color:#eeeeee;} .pointinterest-box-container .dropdown-menu li a.opt { padding-left: 10px !important; position: relative; } .pointinterest-box-container .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color: #17246a;} .pointinterest-box-container .dropdown-menu .divider{display:none;} .bootstrap-select{width:220px;} .bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px} .error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48} .bootstrap-select.fit-width{width:auto!important} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){/* width:97.5%; */float:left;} .bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px} .bootstrap-select.form-control{margin-bottom:0;padding:0;border:none} .bootstrap-select.form-control:not([class*=col-]){width:100%} .bootstrap-select.form-control.input-group-btn{z-index:auto} .bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0} .bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-] .dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-] .dropdown-menu-right{float:right} .form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0} .form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0} .form-inline .bootstrap-select.btn-group .form-control{width:100%} .bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed} .bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important} .bootstrap-select.btn-group.bs-container{position:absolute} .bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060} .bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left} .bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle} .bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%} .bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius_none:0;-webkit-box-shadow:none;box-shadow:none; max-height:230px !important;} .bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff} .bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed} .bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em} .bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none} .bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block} .bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em} .bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap} .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static} .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px} .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:12px} .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061} .bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0} .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto} .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto} .bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block} .bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px} .bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-actionsbox .btn-group button{width:50%} .bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .bs-donebutton .btn-group button{width:100%} .bs-searchbox+.bs-actionsbox{padding:0 8px 4px} .bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}select.bs-select-hidden,select.selectpicker{display:none!important}select.mobile-device{position:absolute!important;top:0;left:0;display:block!important;width:100%;height:100%!important;opacity:0} .pointinterestBoxNew .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color:#ccc!important; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; text-decoration-color: -moz-use-text-color !important; text-decoration-line: none !important; text-decoration-style: solid !important; } .locationforbolg{ padding: 5px; position: relative; width: auto; float: right; margin-top: 15px;} .locationforbolg a{color: #3587e2; text-decoration:none;} .locationforbolg a:hover{color: #000; text-decoration:none;} /*========================================= Landing page css start ========================================================= */ .slider-container{Float:left; Width:100%; height:100vh; position:relative; color:#000;} .start-up-container{Float:left; Width:100%; height:100vh; position:relative; color:#000; background:#fff; /* background:#fff url(../images/startup-bg.png) no-repeat 50% 0% / cover ; */} .start-up-container-top{Float:left; Width:100%; height:auto; background:url("../images/cloud.png") no-repeat center top !important; background-size:auto auto; padding-top:85px;} .start-up-container-bottom{Float:left; Width:100%; height:100vh; padding-bottom:460px; background:url("../images/seven-monument.png") no-repeat center bottom !important; background-size:auto auto; } .start-up-container h2{font-size:36px; text-align:center; text-transform:uppercase;} .start-up-container h3{font-size:17px; text-align:center; } .start-up-container p{font-size:13px; text-align:center; line-height:20px; } .how-it-work-container{Float:left; Width:100%; height:auto; position:relative; color:#fff; background:url("../images/how-it-work-bg.png") no-repeat center top !important; background-size:cover !important; padding:90px 0; border:0px solid red;} .how-it-work-container h2{font-size:36px; padding-bottom:25px; text-align:center; text-transform:uppercase;} .how-it-work-container h3{font-size:24px; text-align:center; } .how-it-work-container p{font-size:14px; text-align:center; line-height:24px; } .cycle-area{margin:80px auto; height:395px; width:408px; text-align:center; /* background:url("../images/cycle-bg.png") no-repeat center top !important; */} .cycle-area-img{height:395px; width:408px;} .work-icon-one{position:absolute; border:0px solid red; width:76px; height:76px; margin-top:353px;margin-left:162px;} .work-icon-two{position:absolute; border:0px solid red; width:76px; height:76px; margin-top:258px;} .work-icon-three{position:absolute; border:0px solid red; width:76px; height:76px; margin-top:75px; margin-left:-7px;} .work-icon-four{position:absolute; border:0px solid red; width:76px; height:76px; margin-left:162px; margin-top: -32px;} .work-icon-five{position:absolute; border:0px solid red; width:76px; height:76px;margin-top:75px; margin-left:340px;} .work-icon-six{position:absolute; border:0px solid red; width:76px; height:76px;margin-top:258px; margin-left:330px;} .work-arrow-one{position:absolute; border:0px solid red; margin-top:430px;margin-left:90px;} .work-arrow-two{position:absolute; border:0px solid red; margin-left: -138px; margin-top: 288px;} .work-arrow-three{position:absolute; border:0px solid red; margin-top: 109px; margin-left: -146px;} .work-arrow-four{position:absolute; border:0px solid red; margin-left:28px; margin-top: -32px;} .work-arrow-five{position:absolute; border:0px solid red; margin-top:109px; margin-left:425px;} .work-arrow-six{position:absolute; border:0px solid red; margin-top:290px; margin-left:415px;} .work-txt-one{position:absolute; border:0px solid red; margin-left: 2px; margin-top: 506px;} .work-txt-two{position:absolute; border:0px solid red; margin-left: -196px;margin-top: 348px;} .work-txt-three{position:absolute; border:0px solid red; margin-left: -190px; margin-top: 164px;} .work-txt-four{position:absolute; border:0px solid red; margin-left: -159px; margin-top: 18px;} .work-txt-five{position:absolute; border:0px solid red; margin-left: 495px; margin-top: 164px;} .work-txt-six{position:absolute; border:0px solid red; margin-left: 489px; margin-top: 350px;} .page-scroll {margin:0px; position:absolute; border:0px solid red; width:50%; text-align:right; bottom: 20px; z-index:99 } /* .top-padding { top:69vh !important;} .top-padding1 { top:95vh !important;} .top-padding2{ top:57vh !important;} */ .work-auto-mob{position:absolute; border:0px solid red; width:151px; height:288px; margin-left:130px; margin-top: 55px;} /*arrow bounce*/ .bounce { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } .bounce-circle{background: rgba(0, 0, 0, 0.5); border-radius:50%; overflow:hidden; font-size:30px; padding:11px 20px; color:#fff; text-align:center; vertical-align:middle; } /* Scroll down indicator (bouncing) */ @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } } /*arrow down end*/ /*======================================= back to top ============================================*/ /* Back to top button */ #back-top { position: fixed; bottom: 30px; margin-left:50px; z-index:999999; } #back-top a { width: 60px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span { width: 60px; height: 60px; display: block; margin-bottom: 7px; background: #333 url(../images/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: rgba(0, 0, 0, 0.5); } .gmnoprint{/* top: 45px !important; */} /*========================= blog feed css end===================*/ #d2 .rraating{margin: 46px 0 0 !important;} .blogpost-wraper{ background: #FFFFFF; margin: 128px auto 20px auto; max-width: 1030px; width:100%; /* min-height:600px; */ } select:focus{outline:none !important:} @media screen and (-webkit-min-device-pixel-ratio:0){ ::i-block-chrome, select:focus{outline:none !important:} select:focus{outline:none !important:} ::i-block-chrome,.white_content img{ height:auto; -webkit-object-fit: scale-down; } } .blogpost-wraper-inner{float:left; width:100%; padding:0px 10px 10px 10px; -moz-box-shadow: 1px 1px 6px #b0b0b0 !important; margin-bottom:20px; background: #fff; /* min-height: 576px; */ overflow: hidden; -webkit-box-shadow: 1px 1px 6px #b0b0b0 !important; box-shadow: 1px 1px 6px #f0eded !important; } .blogpost-wraper h1{font-size:24px; font-weight:400; text-aligh:left; float:left; width:auto; padding:5px 10px 10px 0px;margin: 5px 10px 5px 0px!important;} .article-content h1{font-size:20px; font-weight:400; text-aligh:left; float:left; width:auto; padding:0px 0px;margin: 5px 10px 5px 0px!important;} .article-content .row{padding:0px; margin:0px; } .article-add-plan-button{font-size:15px; font-weight:400; text-aligh:center; float:right; width:auto; padding:9px 12px 9px 45px; margin:10px 0px 10px 10px; color:#fff;background: #029bd4 url('../images/planning-icon.png') no-repeat scroll 8px 8px;} .article-add-plan-button:hover{font-size:15px; font-weight:400; text-aligh:center; float:right; width:auto; padding:9px 12px 9px 45px; margin:10px 0px 10px 10px; color:#fff;background: #0380ae url('../images/planning-icon.png') no-repeat scroll 8px 8px;} .article-cover-img{float:left; width:100%; padding:0px; margin:0px 0;max-height:250px; overflow:hidden;} .article-cover-img img{width:100%;height:auto;} .article-content{font-size:11pt; font-weight:400; text-aligh:left; float:left; width:100%; padding:5px 0; margin:0;color:#000000; word-wrap:break-word; line-height:22px; } .article-content p{font-size:11pt; line-height:22px;} .article-content h1, .h1, h2, .h2, h3, .h3 { margin-top: 10px; margin-bottom: 10px; } .article-post-details {font-size:12px; font-weight:400; text-aligh:left; float:left; width:103%; padding:10px 10px 0px 10px; margin:10px -10px -20px -10px;color:#616161; line-height:18px;word-wrap:break-word;background:#fff;} .article-bottom-content{font-size:14px; font-weight:400; text-aligh:left; float:left; width:100%; padding:5px; margin:0px 0;color:#000000; line-height:24px;} .article-bottom-content a{color:#3587e2;text-decoration:none;} .article-bottom-content a:hover{color:#3587e2;text-decoration:underline;} .article-comment-bar{float:left; width:100%;border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 0px; min-height:35px;margin-top:20px; margin-bottom:0px;} .article-comment-bar > ul { overflow: hidden; border: none; float: right; height: 27px;padding:0px;margin: 5px 0px 0px 0px;} .article-comment-bar > ul > li {float: left; margin-right: 4px; height: 27px; background: url('../images/divider.jpg') no-repeat scroll right 10px;list-style-type:none;} .article-comment-bar > ul > li:last-child { background: none; margin-right: 0px;} .article-comment-bar a {float: left;} .article-comment-bar .likecount.counter { padding: 0 10px 0 0; line-height: 27px; margin-left: 0px; color: #000;} .article-comment-bar .counter { border-radius_none: 0; font-size: 13px; line-height: 26px; padding: 5px 10px 5px 5px; color: #000;} .article-comment-bar .scomcount.counter {padding: 0 10px 0 0;line-height: 27px; margin-left: 0px; color: #000;} .article-user{float:left; width:auto; padding:0px 5px 0px 10px;margin:0px;font-size:14px; color:#3587e2; font-weight:700;line-height: 36px;} .article-user-details{float:left; width:auto; padding:0px;margin:0px;font-size:13px; color:#616161; font-weight:400; line-height: 36px;} .article-user-profile-pic{float:left; width:35px; height:35px; border-radius:50%;background:#ccc; padding:0px;margin:0px;overflow:hidden;} .article-user-profile-pic img{float:left; width:100%; height:100%;} .article-comment-edit-bar{float:left; width:100%;padding:5px;background:#f5f5f5;} .article-descriptionInfo { float: left; width: 99%; margin:5px; float: left; } .article-descriptionInfo textarea:focus { border: 1px solid #3c4da9; outline: none; box-shadow: 0 0 5px 0 rgba(91,197,197,0.8); -moz-box-shadow: 0 0 5px 0 rgba(91,197,197,0.8); -webkit-box-shadow: 0 0 5px 0 rgba(91,197,197,0.8); } .article-Comments { border: none; float: left; padding: 4px !important; width: 100% !important; resize: none; font-size: 13px; margin: 0px !important; background: transparent !important; } .articlePost-cancel{background: #656565 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 0px 15px; height:26px;margin-left:5px;width:60px; margin-top:4px;font-size:12px;} .articlePost-cancel:hover{background: #787878 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 0px 15px; height:26px;margin-left:5px;width:60px; margin-top:4px;font-size:12px;} .articlePost { background: #39a853 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: left;padding: 0px 15px; width:60px; margin-top:4px; font-size:12px;height:26px; } .articlePost:hover { background: #3f9e55 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: left;padding: 0px 15px; width:60px; margin-top:4px; font-size:12px;height:26px; } .article-edit-postyourComment { /*width: 220px;*/ float: right; margin-bottom: 5px; margin-top: 19px; } .post-your-article-Comment { /*width: 150px;*/float: right;margin-right: 5px;margin-bottom:5px; width:auto;} .article-like-display-bar{float:left; width:100%;padding:0px;background:#f5f5f5;} .article-like-edit-bar{float:left; width:100%;padding:5px;background:#f5f5f5;} .article-like-edit-bar .FilterSelectionBoxLike { -moz-appearance: none; background: #fff url("../images/down_arrow_select.jpg") no-repeat scroll 214px center !important; border: 1px solid #bcbcbc; border-radius_none: 3px; box-shadow: 1px 1px 3px -1px #f4f4f4 inset; float: right; margin-right: 0; width:98%; height: 26px; -moz-appearance: none; -webkit-appearance: none;padding-left:5px; } .article-like-edit-bar .FilterSelectionBoxLike option { padding-left:5px; } .article-like-edit-bar .likeElements { background: #f5f5f5 none repeat scroll 0 0; float: left; margin: 0 0 0px 0px !important; overflow: hidden; padding: 9px; width: 100%; } .article-like-edit-bar .likeElements > ul > li.likeText > input[type="text"] { width: 100%; padding: 0 5px; height: 26px; border-radius_none: 3px; -moz-border-radius_none: 3px; -webkit-border-radius_none: 3px; border: 1px solid #d5d5d5; box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.07); } .article-like-edit-bar .likeText{ width: 300px; margin-left: 8px;} .article-like-edit-bar .likeElements > ul { list-style-type:none;float:left; width:100%; padding:0px; margin:0px; } .article-like-edit-bar .feedRightPanel ul { margin-left: 15px; } .article-like-edit-bar .floatLeft { float: left; } .article-like-edit-bar .four-col { width: 250px; } .article-like-edit-bar .last-col { margin-right: 0; } .article-like-edit-bar .two-col { width: 135px; } .article-like-edit-bar .like-comment{ background: #39a853 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center;margin-left:8px; width: 60px;} .article-like-edit-bar .like-comment:hover{ background: #3f9e55 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center;margin-left:8px; width: 60px;} .article-like-edit-bar .like-cancel{ background: #656565 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center; width: 57px;margin-left:8px;} .article-like-edit-bar .like-cancel:hover{ background: #787878 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center;margin-left:8px; width: 57px;} /* ============= */ .underCategorySection{float:left; width:100%;} .underCategorySection ul { list-style-type:none!important;padding:0px!important; margin:0px!important;} .underCategorySection ul > li{ list-style-type:none!important;padding:0px!important; margin:0px!important;} .underCategorySection .postyourComment { /* width: 150px; */ float: right; margin-right: 9px; margin-bottom: 5px; width: auto; } .underCategorySection .descriptionInfo { float: left; width: 99%; margin: 5px; float: left; } .underCategorySection .descriptionInfo fieldset { padding: 0px !important; } .scomment-field { border: none; float: left; padding: 4px !important; width: 100% !important; resize: none; font-size: 13px; margin: 0px !important; background: transparent !important; } .scancel{background: #656565 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 0px 15px; height:26px;margin-left:5px;width:60px; margin-top:4px;font-size:12px;} .scancel:hover{background: #787878 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 0px 15px; height:26px;margin-left:5px;width:60px; margin-top:4px;font-size:12px;} .scomment { background: #39a853 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: left;padding: 0px 15px; width:60px; margin-top:4px; font-size:12px;height:26px; } .scomment:hover { background: #3f9e55 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: left;padding: 0px 15px; width:60px; margin-top:4px; font-size:12px;height:26px; } .likeElements{float:left; width:100%;padding:5px;background:#f5f5f5;} .likeElements .FilterSelectionBoxLike { -moz-appearance: none; background: #fff url("../images/down_arrow_select.jpg") no-repeat scroll 214px center !important; border: 1px solid #bcbcbc; border-radius_none: 3px; box-shadow: 1px 1px 3px -1px #f4f4f4 inset; float: right; margin-right: 0; width:98%; height: 26px; -moz-appearance: none; -webkit-appearance: none;padding-left:5px; } .likeElements .FilterSelectionBoxLike option { padding-left:5px; } .likeElements { background: #f5f5f5 none repeat scroll 0 0; float: left; margin: 0 0 0px 0px !important; overflow: hidden; padding: 9px; width: 100%; } .likeElements ul { padding:0px!important; margin:0px!important; list-style-type:none!important;} .likeElements ul li{ list-style-type:none!important;} .likeElements > ul > li.likeText > input[type="text"] { width: 100%; padding: 0 5px; height: 26px; border-radius_none: 3px; -moz-border-radius_none: 3px; -webkit-border-radius_none: 3px; border: 1px solid #d5d5d5; box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.07); } .likeElements .likeText{ width: 300px; margin-left: 8px;} .likeElements > ul { list-style-type:none!important;padding:0px!important; margin:0px!important;float:left; width:100%; } .likeElements.feedRightPanel ul { margin-left: 15px; } .likeElements .floatLeft { float: left; } .likeElements .four-col { width: 250px; } .likeElements .last-col { margin-right: 0; } .likeElements .two-col { width: 135px; } .likeElements .like-comment{ background: #39a853 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center;margin-left:8px;list-style-type:none!important; width: 60px;} .likeElements .like-comment:hover{ background: #3f9e55 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center;margin-left:8px; width: 60px;} .likeElements .like-cancel{ background: #656565 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center; width: 57px;margin-left:8px;} .likeElements .like-cancel:hover{ background: #787878 none repeat scroll 0 0; border: medium none; border-radius_none: 3px; color: #fff; cursor: pointer; float: left; font-size: 12px; height: 26px!important; padding: 0px;text-align:center;margin-left:8px; width: 57px;} /* ============= */ .showLikeS{float:right; width:100%; border:0px solid red;padding: 0px;/* background:#f5f5f5; */} .showLikeS ul{float:left; width:100%; padding:0px; margin:0px;} .showLikeS ul li{float:left; width:100%; padding: 3px; margin:0px; list-style-type:none; border-top: 2px solid #fff;} .showLikeS ul li:first-child{border-top:none;} .showLikeS ul li dd { display: block; font-size: 12px; margin: 1px 6px 0 0; float: right; color: #919191; } .showLikeInd{float:left; width:100%; border-top: 1px solid #fff; margin: 0 0 0px 0px !important; overflow: hidden;padding: 5px; } .likeImageSpan { float: left; height: 35px; margin-bottom: 0; margin-left: 0; margin-right: 10px; margin-top: 0; /* padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; */ width: 35px; border: 0px solid red; border-radius:50%; overflow:hidden; } .likeImageSpan img{ float: left; height: 100%; width: 100%; } .showLikeText { float: left; width: 635px; line-height: 18px; text-align: justify; } .showLikeInd ul{float:left; width:100%; padding:0px; margin:0px;} .showLikeInd ul li{float:left; width:100%; padding:0px; margin:0px; list-style-type:none;} .showLikeInd ul li dd { display: block; font-size: 12px; margin: 0 0px 0 0; float: right; color: #919191; } .showLikeText { float: left; width: 800px; line-height: 18px; text-align: justify; } .showLikeInd ul li span .likeImageSpan { float: left; height: 43px; margin-bottom: 0; margin-left: 0; margin-right: 10px; margin-top: 0; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; width: 43px; } .showLikeInd ul li .likeImageSpan { float: left; height: 43px; margin-bottom: 0; margin-left: 0; margin-right: 10px; margin-top: 0; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; width: 43px; border:0px solid red; } .usercomment ul li dd { display: block; font-size: 12px; margin: 0 0px 0 0; float: right; color: #919191; } .comment-text-container { float: left; width: 635px; line-height: 18px; text-align: justify; } .greentext { color: #0885f0; font-size: 13px; float: left; width: 100%; margin-left: 0px; text-transform: capitalize; } .usercomment ul li .greentext a { color: #0885F0; font-size: 14px; margin-right: 10px; float: left; } .comment .usercomment ul { margin: 0px; padding: 0; float: left; width: 100%; } .usercomment ul li { color: #000; float: left; font-size: 13px; list-style: none outside none; margin: 5px auto 0px; min-height: 43px; padding: 0 0px; width: 100% !important; line-height: 14px; } .comment .usercomment:first-child { width: 100%; border-top: 0px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; } .comment .usercomment { width: 100%; border-top: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 5px; } .comment { background: none repeat scroll 0 0 #f5f5f5; margin: 0px; padding: 0; float: left; width: 100%; min-height: 67px; } .new-like-comment-box { float: left; width: 100%; background: #F5F5F5; padding-bottom: 10px; padding-top: 6px; margin: 0 0 0px -8px !important; overflow: hidden; padding-left: 9px; padding-right: 9px; width: 99.7%; } .modal-content{float:left!important; padding-bottom:15px !important;} .replyCommentPostCancel{background: #656565 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 0px 15px; height:26px;margin-left:5px;width:60px; margin-top:9px;font-size:12px;} .replyCommentPostCancel:hover{background: #787878 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 0px 15px; height:26px;margin-left:5px;width:60px; margin-top:9px;font-size:12px;} .replyCommentPostSave { background: #39a853 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: left;padding: 0px 15px; width:60px; margin-top:9px; font-size:12px;height:26px; } .replyCommentPostSave:hover { background: #3f9e55 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: left;padding: 0px 15px; width:60px; margin-top:9px; font-size:12px;height:26px; } .coverImage-popup-view { padding: 0px; margin: 12px 12px -41px 12px; width: 31px; height: 28px; background-color: rgba(255, 255, 255, 0.5); z-index: 1; overflow: hidden; position: relative; cursor: pointer; float: right; } .coverImage-popup-view:hover{ padding: 0px; margin: 12px 12px -41px 12px; width: 31px; height: 28px; background-color: rgba(255, 255, 255, 1); z-index: 1; overflow: hidden; position: relative; cursor: pointer; float: right; } .gm-control-active.gm-fullscreen-control{top: 46px !important;} /* .coverImage-popup-view { padding: 0px; margin: 12px auto 12px 969px; width: auto; height: 28px; background-color: rgba(255, 255, 255, 0.5); z-index: 1; overflow: hidden; position:absolute; cursor:pointer; } .coverImage-popup-view:hover{ padding: 0px; margin: 12px auto 12px 969px; width: auto; height: 28px; background-color: rgba(255, 255, 255, 1); z-index: 1; overflow: hidden; position:absolute; cursor:pointer; } */ .coverImage-popup-view img { width: auto !important; height: auto !important; cursor: pointer; } .add-list{background:#5cb85c; padding:3px 5px; color:#fff; float:right;} .delete-list{background:#d9534f; padding:3px 5px; color:#fff; float:right;} .repComArea { float: left; width: 810px; font-size: 13px; } .showLikeInd ul li .likeImageSpan { float: left; height: 43px; margin-bottom: 0; margin-left: 0; margin-right: 10px; margin-top: 0; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; width: 43px; border: 0px solid red; } .showLikeInd ul { float: left; width: 100%; padding: 0px; margin: 0px; } .showLikeInd ul li { float: left; width: 100%; padding: 0px; margin: 0px; list-style-type: none; } .usercomment ul li dd { display: block; font-size: 12px; margin: 0 0px 0 0; float: right; color: #919191; } .comment-text-container { float: left; width: 635px; line-height: 18px; text-align: justify; } .coverImage-popup-view img{ width: 132px; height: auto;cursor:pointer; } .black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 9999999; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 96px; left: auto; right: auto; width: 1030px; height: auto; max-height: 670px; padding: 0px; margin: 0px; border: 5px solid #fff; background-color: #212121; z-index: 99999999;text-align:center; } .white_content img { /* width: 1020px;*/ max-height: 659px; height: auto; /* float: left; */ overflow:hidden; width: 100%; } .popup-container { width: 1030px; margin: 0px auto; } .lb-close { float: none; font-size: 18px; padding: 0px; color: #fff; text-decoration: none; position: absolute; width: 30px; height: 30px; right: 0; background: #666668; margin: -18px; border-radius: 50%; text-align: center; line-height: 28px;top: 0; } .lb-close:hover { color: #fff; text-decoration: none; } .white_content img{ max-width: 100%; /* */ height:auto; object-fit: contain; -webkit-object-fit: scale-down; max-width: 100%; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /*========================================= Landing page css end ========================================================= */ /*========================================= inspiration page css start ========================================================= */ .inspiration-container{margin:40px 0 0 0; float:left; width:100%;} .myinspiration-container{margin:0px; float:left; width:100%;} .myinspiration-container ul{margin:17px 0px 20px 0px;padding:0; float:left; width:100%;} .myinspiration-container ul h2{margin:0px 0px 10px 0px;padding:0; float:left; width:100%; font-size:14px; font-weight:700;color:#000;} .myinspiration-container ul li{margin:0px 0px 0px 0px;float:left; width:100%; list-style-type:none; font-size:14px; font-weight:400; color:#676767;} .myinspiration-container ul li a{font-weight:400; color:#676767; text-decoration:none;padding-left:25px; } .myinspiration-container ul li a:hover{font-weight:400; color:#000; text-decoration:none;padding-left:25px; } .myinspiration-container ul li a.active{font-weight:700; color:#000; text-decoration:none;padding-left:25px; } .mynetworkinspiration-container{margin:0px; float:left; width:100%;} .mynetworkinspiration-container ul{margin: 0px 0px 20px 0px; padding:0;float:left; width:100%;} .mynetworkinspiration-container ul h2{margin:0px 0px 10px 0px;padding:0; float:left; width:100%; font-size:14px; font-weight:700;color:#000;} .mynetworkinspiration-container ul li{margin:0px 0px 0px 0px;float:left; width:100%; list-style-type:none; font-size:13px; font-weight:400; color:#676767;} .mynetworkinspiration-container ul li a{font-weight:400; color:#676767; text-decoration:none;padding-left: 25px; } .mynetworkinspiration-container ul li a:hover{font-weight:400; color:#000; text-decoration:none;padding-left: 25px; } .mynetworkinspiration-container ul li a.active{font-weight:700; color:#000; text-decoration:none;padding-left: 25px; } .inspiration-header-container{float:left; width:100%;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); font-size:20px; font-weight:700;color:#000; text-align:left; padding:10px; background:#f8f6f6;margin-top:20px; margin-bottom:6px;} .notification-header-container{float:left; width:100%;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); font-size:20px; font-weight:700;color:#000; text-align:left; padding:10px; background:#f8f6f6;margin-top:20px; margin-bottom:6px;} .nodata-found{float:left; width:100%; text-align:center; padding:20px 0;} .inspiration-main-container{float:left; width:100%; /* border:1px solid #ccc; */ margin-bottom:10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); background: #fff;} .inspiration-main-container-inner{float:right; width: 91.5%; border: 1px solid #f5f1f1; margin-right: 6px; margin-bottom:6px;} .inspiration-main-container-top{float:left; width:100%; background-color: #f3f3f3; padding:7px; margin-bottom:6px;} .inspiration-main-container-inner-top{float:left; width:100%; background-color: #f3f3f3; padding:7px; margin-bottom:6px;} .inspiration-main-container-bottom{float:left; width:100%; background-color: #f3f3f3; padding: 3px 7px; margin-top:6px;} .inspiration-main-container-inner-bottom{float:left; width:100%; background-color: #f3f3f3; padding: 3px 7px; margin-top:6px;} .inspiration-main-container-middle{float:left; width:100%; padding:7px; } .inspiration-main-container-inner .inspiration-main-container-middle{float:left; width:100%; padding:0px 7px 7px 7px; } .insp-user{float:left; width:34px; height:34px;overflow:hidden; margin-right:8px; margin-bottom:0px;} .insp-user img{float:left; width:100%; height:100%;} .insp-user-name{float:left; width:70%;font-size:13px; font-weight:500;color:#666; text-align:left;text-transform: capitalize;} .insp-quote-post-time{float:left; width:70%;font-size:12px; font-weight:00;color:#848282; text-align:left;} .inspired-like-list{float:left; width:auto; margin-right:20px;font-size:13px;color:#848282;} .inspired-like-list a{font-size:13px;color:#848282; text-decoration:none;cursor: pointer;} .inspired-like-list a:hover{ font-size:13px;color:#0083db;text-decoration:none;cursor: pointer;} .inspired-like-list span{float:left; width:auto; margin-right:7px; margin-top:6px;} .inspired-like-user-box{width:30px; height:30px; float:left; background:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden;margin-left:-19px;margin-right:5px; z-index:3} .inspired-like-user-box img{float:left; width:100%; height:100%;} .inspired-like-user-box1{width:30px; height:30px; float:left; background:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden; margin-left:-19px;margin-right:5px; z-index:2} .inspired-like-user-box1 img{float:left; width:100%; height:100%;} .inspired-like-user-box2{width:30px; height:30px; float:left; background:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden;margin-left:-19px; margin-right:5px; z-index:1} .inspired-like-user-box2 img{float:left; width:100%; height:100%;} .inspired-inspired-list{float:left; width:auto; margin-right:20px; font-size:13px;color:#848282;} .inspired-inspired-list a{font-size:13px;color:#848282; text-decoration:none;cursor: pointer;} .inspired-inspired-list a:hover{ font-size:13px;color:#0083db;text-decoration:none;cursor: pointer;} .inspired-inspired-list span{float:left; width:auto; margin-right:7px; margin-top:6px;} .inspired-user-box{width:30px; height:30px; float:left; background:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden;} .inspired-user-box img{float:left; width:100%; height:100%;} .inspired-user-box1{width:30px; height:30px; float:left; background:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden; margin-left:-19px;} .inspired-user-box1 img{float:left; width:100%; height:100%;} .inspired-user-box2{width:30px; height:30px; float:left; background:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden; margin-left:-19px; margin-right:7px; } .inspired-user-box2 img{float:left; width:100%; height:100%;} .insp-quote-icon-small a{background:url("../images/insp-quote-icon-small.png") no-repeat left center !important; } .insp-quote-icon-small a:hover{background:url("../images/insp-quote-icon-small-h.png") no-repeat left center !important; } .insp-quote-icon-small a.active{background:url("../images/insp-quote-icon-small-h.png") no-repeat left center !important; } .insp-image-icon-small a{background:url("../images/insp-image-icon-small.png") no-repeat left center !important; } .insp-image-icon-small a:hover{background:url("../images/insp-image-icon-small-h.png") no-repeat left center !important; } .insp-image-icon-small a.active{background:url("../images/insp-image-icon-small-h.png") no-repeat left center !important; } .insp-share-icon-small a{background:url("../images/ins-share-icon-small.png") no-repeat left center !important; } .insp-share-icon-small a:hover{background:url("../images/ins-share-icon-small-h.png") no-repeat left center !important; } .insp-share-icon-small a.active{background:url("../images/ins-share-icon-small-h.png") no-repeat left center !important; } .inspired-edit{float:right; width:auto; margin:10px 5px 0px 5px;} .inspired-edit a{float:right; width:13px; heigh:13px; font-size:13px;color:#848282; background:url("../images/inspired-edit-con.png") no-repeat left center !important; padding-left:0px;} .inspired-edit a:hover{float:right;width:13px; heigh:13px; font-size:13px;color:#0083db; background:url("../images/inspired-edit-con-h.png") no-repeat left center !important; padding-left:0px;} .inspired-delete{float:right; width:auto; margin:10px 5px 0px 5px;} .inspired-delete a{float:right; width:13px; heigh:13px; font-size:13px;color:#848282; background:url("../images/inspiration-delete-icon.png") no-repeat left center !important; padding-left:0px;} .inspired-delete a:hover{float:right; width:13px; heigh:13px; font-size:13px;color:#0083db; background:url("../images/inspiration-delete-icon-h.png") no-repeat left center !important; padding-left:0px;} #myInspiration-like{float:left; width:100%;background:#f9f9f9; padding:10px; display:none; border-top:1px solid #ccc;} #myInspiration-like1{float:left; width:100%;background:#f9f9f9; padding:10px; display:none; border-top:1px solid #ccc;} .inspiration-main-container-inner .thought-field { float: left; width: 79.8%; background: #fff; padding:3px 5px; height: 29px; resize: none; border: 1px solid #ccc; font-size: 13px; color: #848282; } .inspiration-main-container-inner .insp-thought-cancel{background: #656565 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 5px 15px; margin-left:5px; font-size:13px; text-align:center;} .inspiration-main-container-inner .insp-thought-cancel:hover{background: #787878 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 5px 15px;margin-left:5px; font-size:13px; text-align:center;} .inspiration-main-container-inner .insp-thought-Post { background: #39a853 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: right;padding: 5px 15px;text-align:center;font-size:13px; } .inspiration-main-container-inner .insp-thought-Post:hover { background: #3f9e55 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: right;padding: 5px 15px; text-align:center; font-size:13px;} .thought-field {float:left; width:81.6%;background:#fff; padding:3px 5px; height:29px; resize:none; border:1px solid #ccc;font-size:13px;color:#848282; } .insp-thought-cancel{background: #656565 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 5px 15px; margin-left:5px; font-size:13px; text-align:center;} .insp-thought-cancel:hover{background: #787878 none repeat scroll 0 0;border: medium none;border-radius_none: 3px; color: #fff;cursor: pointer;float: right;padding: 5px 15px; margin-left:5px; font-size:13px; text-align:center;} .insp-thought-Post { background: #39a853 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: right;padding: 5px 15px; text-align:center;font-size:13px; } .insp-thought-Post:hover { background: #3f9e55 none repeat scroll 0 0;border: medium none;border-radius_none: 3px;color: #fff;cursor: pointer;float: right;padding: 5px 15px; text-align:center; font-size:13px;} /* =========================================================== inspiration pop up ================================================ */ /* inpiration css */ .black_overlay-new { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:9999999; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content_new { display: none; position: absolute; top: 25%; width: 100%; height: 100%; padding: 0px; border: 0px solid orange; z-index:99999999; } .white_content_new_inner { width: 720px; padding:0px; z-index:1002; margin:0px auto; } .white_content_new_inner-content { float:left; width: 100%; height: 100%; border: 0px solid #ccc; background-color: white; } .lb-close-new { float: right; font-size: 18px; padding: 0px; color: #fff; text-decoration: none; position: relative; width: 30px; height: 30px; right: 0; margin: 0; text-align: center; line-height: 28px; background:none;top: 0; } .lb-close-new:hover { color: #fff; text-decoration: none; } .inspire-header{float:left; font-size:18px; padding:10px; width: 100%; background:#5061bf; color:#fff; /* text-shadow: 0px 2px 2px rgba(150, 150, 150, 1); */ font-weight:500; text-align:center;} .inspire-cell{float:left;min-height:10px; width: 100%; padding:17px; border:0px solid #ccc; } .inspire-cell-inner{float:left;min-height:10px; width: 100%; border:1px solid #ccc; border-top:none; padding:7px; background:#f5f5f5;} .inspire-cell-inner-bottom{float:left;min-height:10px; width: 100%; border:1px solid #ccc; border-top:none; padding:7px;} .inspire-cell-inner-top{float:left; min-height:10px; width:auto;} .inspire-cell-inner-top ul{float:left;width:auto; padding:0px; margin:0px;} .inspire-cell-inner-top ul li{float:left;width:auto;font-size:16px;font-weight:700; text-align:left; margin-right:27px; min-height:38px; list-style-type:none; } .inspiration-quote a{background: rgba(0, 0, 0, 0) url("../images/insp-quote-icon.png") no-repeat left top; padding-left:40px; height:35px; color:#9e9e9e;float:left;} .inspiration-quote a:hover{background: rgba(0, 0, 0, 0) url("../images/insp-quote-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspiration-quote a.active{background: rgba(0, 0, 0, 0) url("../images/insp-quote-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspiration-image a{background: rgba(0, 0, 0, 0) url("../images/insp-image-icon.png") no-repeat left top; padding-left:40px; height:35px; color:#9e9e9e;float:left;} .inspiration-image a:hover{background: rgba(0, 0, 0, 0) url("../images/insp-image-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspiration-image a.active{background: rgba(0, 0, 0, 0) url("../images/insp-image-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspiration-video a{background: rgba(0, 0, 0, 0) url("../images/insp-video-icon.png") no-repeat left top; padding-left:40px; height:35px; color:#9e9e9e;float:left;} .inspiration-video a:hover{background: rgba(0, 0, 0, 0) url("../images/insp-video-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspiration-video a.active{background: rgba(0, 0, 0, 0) url("../images/insp-video-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspiration-weblink a{background: rgba(0, 0, 0, 0) url("../images/insp-weblink-icon.png") no-repeat left top; padding-left:40px; height:35px; color:#9e9e9e;float:left;} .inspiration-weblink a:hover{background: rgba(0, 0, 0, 0) url("../images/insp-weblink-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspiration-weblink a.active{background: rgba(0, 0, 0, 0) url("../images/insp-weblink-icon-active.png") no-repeat left top; padding-left:40px; height:35px; color:#5061bf;float:left;} .inspire-cell-inner-left{float:left; width:100%; max-width:210px; font-size:12px; color:#515151; text-align:left; background: rgba(0, 0, 0, 0) url("../images/inspiration-time-icon.png") no-repeat left center; padding-left:30px;} .inspire-cell-inner-left-bottom{float:left; width:100%; font-size:12px; color:#515151; text-align:left;padding-left:5px; line-height: 20px;} .inspire-cell-inner-left-charecter{float: right;width: auto;font-size: 12px;color: #9e9e9e;text-align: right; padding: 16px 3px 5px 0px;margin-top: 0px; border-right:0px solid #ccc; margin-right:0px;} /* .inspire-cell-inner-left-charecter::after { content: "|";padding:0 5px; } */ .insp-charecter::before { content: "|";padding:0 5px; } .inspire-cell-inner-right{float:right; width:100%; max-width:300px;} .inspiration-post-btn a { background: #5061bf; color: #fff; font-size: 16px; padding: 5px 28px 5px 28px; text-decoration: none;float:right; } .inspiration-post-btn a:hover { background: #5a70ec; color: #fff; font-size: 16px; padding: 5px 28px 5px 28px; text-decoration: none;float:right; } .inspiration-cancel-btn a { background: #626264; color: #fff; font-size: 16px; padding: 5px 28px 5px 28px; text-decoration: none;float:right; margin-left:10px; } .inspiration-cancel-btn a:hover { background: #404040; color: #fff; font-size: 16px; padding: 5px 28px 5px 28px; text-decoration: none;float:right; margin-left:10px; } .inspiration-for { color: #333; font-size: 14px; text-decoration: none; } .inspiration-for .dropdown{ position: relative; float:right;width:auto; font-size: 16px; color: #FFF; } /** Hide the checkbox itself. Checking and unchecking it we will be done via the label element. */ .inspiration-for input[type=checkbox]{ display: none; } /* Click to expand button */ .inspiration-for label{ box-sizing: border-box; float:right;width:auto; width: auto; padding: 8px 0px 6px 0px; cursor: pointer; text-align: left;border:0px solid #ccc;margin-right:30px; font-size:16px; } .inspiration-for label:hover{color: #5061bf;} /* The ul will have display:none by default */ .inspiration-for ul{ position: absolute; list-style: none; text-align: left; width: 130px; z-index: 1; margin: 40px 0 0 58px; padding:0; display: none; border:1px solid #ccc; border-bottom:none; background: #fff; border: 1px solid #ccc; } .inspiration-for ul:after, .inspiration-for ul:before { bottom: 100%; left:120px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .inspiration-for ul:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 14px; margin-left: -25px; } .inspiration-for ul:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 15px; margin-left: -26px; } .inspiration-for ul li{ padding: 5px 10px 5px 10px; background-color: #fff; color: #333; cursor: pointer; border-bottom:1px solid #ccc; } .inspiration-for ul li:hover{ border-bottom:1px solid #ccc; color: #5061bf; } .inspiration-for ul li a{ color: inherit; text-decoration: none; } .inspiration-for input[type=checkbox]:checked ~ label { background:none; } .inspiration-for input[type=checkbox]:checked ~ ul { display: block; } .inspiration-for .navbar-nav {float:left; width:auto; padding:0px; margin:0px;} .inspiration-for .dropdown{float:left; width:auto; padding:0px; margin:0px;} .inspiration-for .open{float:left; width:auto; padding:0px; margin:0px;} .arrow_box_one { position: relative; background: #fff; border: 1px solid #ccc; float:left; width:100%; margin-top:5px; padding:7px; width: 100%; max-height:150px; min-height:130px; } .arrow_box_one:after, .arrow_box_one:before { bottom: 100%; left:50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box_one:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -20px; } .arrow_box_one:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 15px; margin-left: -22px; } .arrow_box_two { position: relative; background: #fff; border: 1px solid #ccc; float:left; width:100%; margin-top:5px; padding:7px; width: 100%; max-height:150px; min-height:130px; } .arrow_box_two:after, .arrow_box_two:before { bottom: 100%; left: 165px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box_two:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -20px; } .arrow_box_two:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 15px; margin-left: -22px; } .arrow_box_three { position: relative; background: #fff; border: 1px solid #ccc; float:left; width:100%; margin-top:5px; padding:7px; width: 100%; max-height:150px; min-height:130px; } .arrow_box_three:after, .arrow_box_three:before { bottom: 100%; left: 278px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box_three:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -20px; } .arrow_box_three:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 15px; margin-left: -22px; } .arrow_box_four{ position: relative; background: #fff; border: 1px solid #ccc; float:left; width:100%; margin-top:5px; padding:7px; width: 100%; max-height:150px; min-height:130px; } .arrow_box_four:after, .arrow_box_four:before { bottom: 100%; left: 399px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box_four:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -20px; } .arrow_box_four:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 15px; margin-left: -22px; } .arrow_box_one textarea:focus{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .arrow_box_one textarea{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .arrow_box_two textarea:focus{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .arrow_box_two textarea{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .arrow_box_three textarea:focus{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .arrow_box_three textarea{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .arrow_box_four textarea:focus{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .arrow_box_four textarea{outline:none; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } .insp-charecter{float:right; width:auto; font-size:12px; text-align:right;color:#9e9e9e;/* margin-top: -18px; */margin-right: 2px; padding-top:17px;} .insp-edit-button{ color: #333; font-size: 16px; padding: 5px; text-decoration: none;float:right;} .insp-edit-button a{ color: #333; text-decoration:none;} .insp-edit-button a:hover{ color: #5061bf; text-decoration:none;} .inspire-alert{float:left; width:100%; background:#f2dede; font-size:14px; color:#a94442; text-align:center; padding:10px 0;} .alert-close{ width:auto;float:right;margin-right: 20px;} .inspire-alert a{ color: #333; text-decoration:none;} .inspire-alert a:hover{ color: #5061bf; text-decoration:none;} .inspire-success-msg{float:left; width:100%; background:#79bf30; font-size:14px; color:#fff; text-align:center; padding:10px 0;} .inspire-success-msg a{ color: #fff; text-decoration:none;} .inspire-success-msg a:hover{ color: #fff; text-decoration:none;} .inspire-success{float:left; width:100%; text-align:center; font-size:30px; color:#79bf30; padding:10px 0;} .tick-circle{margin:0px auto; width:101px; height:101px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-left-radius: 50%; border-top-right-radius: 50%; overflow:hidden; border:5px solid #79bf30;} /*======================================================================inspiration list css================================================================*/ .black_overlay-listbox { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:9999999; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content_listbox{ display: none; position: fixed; top: 20%; width: 100%; height: 100%; padding: 0px; border: 0px solid orange; z-index:99999999; } .white_content_listbox_inner { width: 600px; padding:0px; z-index:1002; margin:0px auto; } .white_content_listbox_inner-content { float:left; width: 100%; height: 100%; border: 0px solid #ccc; background-color: white; } .lb-close-list-box { float: right; font-size: 18px; padding: 0px; color: #fff; text-decoration: none; position: relative; width: 30px; height: 30px; right: 0; margin: 0; text-align: center; line-height: 28px; background:none;top: 0; } .lb-close-list-box:hover { color: #fff; text-decoration: none; } .inspire-listbox-header{float:left; font-size:18px; padding:10px; width: 100%; background:#5061bf; color:#fff; /* text-shadow: 0px 2px 2px rgba(150, 150, 150, 1); */ font-weight:700;} .inspire-listbox-cell{float:left;min-height:10px; width: 100%; padding:17px 0; border:0px solid #ccc; max-height:300px; margin-bottom:10px; overflow-Y:auto;} .inspire-listbox-cell-inner{float:left;min-height:10px; width: 100%; border:1px solid #ccc; border-top:none; padding:7px; background:#f5f5f5;} .inspire-listbox-cell-inner-bottom{float:left;min-height:10px; width: 100%; border:1px solid #ccc; border-top:none; padding:7px;} .inspire-listbox-cell-inner-top{float:left; min-height:10px; width:100%;} .inspire-listbox-cell-inner-top ul{float:left;width:100%; padding:0px; margin:0px;} .inspire-listbox-cell-inner-top ul li{float:left;width:100%;font-size:14px;font-weight:500; text-align:left; list-style-type:none; } .inspire-listbox-cell-inner-top ul li span{float:left;width:100%;font-size:13px;font-weight:400; color:#bfbbbb; text-align:left; list-style-type:none; } .inspired-user-list-box{width:40px; height:40px; float:left; background:#fff; border:2px solid #fff; border-radius:50%; overflow:hidden; margin-left:10px; } .inspired-user-list-box img{float:left; width:100%; height:100%;} .inspired-inspired-list-name-container{float:right; width:90%;padding:0px 10px 5px 0; text-align:left; border-bottom:1px solid #ccc; margin-bottom:5px;} /*======================================================================inspiration list css end================================================================*/ .inspire-cell .inspiration-main-container-top { float: left; width: 100%; padding: 7px; margin-bottom: 6px; } .inspire-cell .inspiration-main-container-bottom { float: left; width: 100%; padding: 3px 7px; margin-top: 6px; } .inspire-cell .inspiration-main-container { float: left; width: 100%; border: 1px solid #ccc; margin: 0px; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;overflow-x: hidden; } .inspire-alert-yes-no-container { float: none; width: 220px; background: #fff; padding: 0px 0; margin: 0px auto; } .inspiration-delete-yes-btn a { background: #5061bf; color: #fff; font-size: 16px; padding: 5px 40px 5px 40px; text-decoration: none;float:left; } .inspiration-delete-yes-btn a:hover { background: #5a70ec; color: #fff; font-size: 16px; padding: 5px 40px 5px 40px; text-decoration: none;float:left; } .inspiration-delete-cancel-btn a { background: #626264; color: #fff; font-size: 16px; padding: 5px 40px 5px 40px; text-decoration: none;float:right; margin-left:10px; } .inspiration-delete-cancel-btn a:hover { background: #404040; color: #fff; font-size: 16px; padding: 5px 40px 5px 40px; text-decoration: none;float:right; margin-left:10px; } .inspiration-close-btn a { background: #626264; color: #fff; font-size: 16px; padding: 5px 40px 5px 40px; text-decoration: none;float: left; margin-left: 46px; } .inspiration-close-btn a:hover { background: #404040; color: #fff; font-size: 16px; padding: 5px 40px 5px 40px; text-decoration: none;float: left; margin-left: 46px; } #showPrivacyOption{border: 0px solid red; position: relative; width: 179px; margin-left:1px;} #showPrivacyOption ul{border: 0px solid red; width: 100%; float:left; padding:0px; margin: -4px 0px 0px 2px;background:#5cb85c;} @media screen and (-webkit-min-device-pixel-ratio:0) { #showPrivacyOption ul{border: 0px solid red; width: 99.9%; float:left; padding:0px; margin: -4px 0px 0px 2px;background:#5cb85c;} } @-moz-document url-prefix() { #showPrivacyOption ul{border: 0px solid red; width: 100%; float:left; padding:0px; margin: -4px 0px 0px 2px;background:#5cb85c;} } #showPrivacyOption ul li{border-top:0px solid red; width: 100%; float:left; list-style-type:none; } #showPrivacyOption ul li { width: 100%; float:left; padding:5px; margin:0px; color:#fff; text-align:center; border-top:1px solid #52a952;} #showPrivacyOption ul li:hover{ width: 100%; float:left; padding:5px; margin:0px; color:#fff; background:#52a952; text-align:center; } #showPrivacyOption ul li:last-child { width: 100%; float:left; padding:0px; margin:0px; color:#fff; text-align:center; border-top:none;} #showPrivacyOption ul li input[type="checkbox"]:checked + label { background: url(../images/tick-radio-check.png) no-repeat 20px center; color: #fff;opacity:1; } /* #showPrivacyOption ul li input[type="checkbox"]:checked { background:url(../images/tick-radio-check.png) no-repeat left center; color: #000;opacity:1; } */ #showPrivacyOption ul li input[type="checkbox"] {opacity:0; position:absolute; } #showPrivacyOption ul li label { background: #fff0; border-radius_none: 0; color: #fff; cursor: pointer; float: right; height: auto; padding-left: 0px; margin-left: 10px; text-align: center; font-weight:400; width: 100%;} #showPrivacyOption ul li label a{ background:none; border:none; } #showPrivacyOption ul li label a:hover{ background:none; border:none;} #showPrivacyOption ul li input[type="button"]{width: 100%; float:left; padding:5px; margin:0px; color:#fff; background:#3f9a3f; text-align:center; border:none;} #showPrivacyOption ul li input[type="button"]:hover{width: 100%; float:left; padding:5px; margin:0px; color:#fff; background:#52d252; text-align:center; border:none;} /*========================================= inspiration page css end ========================================================= */ .error-container{float:left; width:100%;padding:150px 0; text-align:center;} .error-container h1{font-size: 2em; font-weight:700; text-align:center; color:#80b711;font-family: Verdana, Geneva, sans-serif;} .error-container p{font-size: 14px; text-align:center;font-family: Verdana, Geneva, sans-serif;} .footer-new {float:left; width:100%;padding:0; text-align:center;} .footer-new p{font-size: 14px; text-align:center;font-family: Verdana, Geneva, sans-serif;float:left; width:100%;} @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 14px;} } /* Media css */ @media (max-width: 767px) { .small-description{display:block!important; margin-top:40px!important; } .description{display:none !important; } .mainbody-container { width: 100%; margin: 25% 0px 0px 0px!important; } .navbar-nav { display: inline; } .navbar-default .navbar-brand { display: inline; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-nav .dropdown-menu > li > a { color: #fff; /* background-color: #ccc; */ border-radius_none: 0px; margin-top: 2px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background-color: #17246a; color: #fff; } .navbar-nav .open .dropdown-menu { border-bottom: 1px solid white; border-radius_none: 0; } .dropdown-menu { padding-left: 10px; } .dropdown-menu .dropdown-menu { padding-left: 20px; } .dropdown-menu .dropdown-menu .dropdown-menu { padding-left: 30px; } li.dropdown.open { border: 0px solid red; } .top-banner-container .offset3 { margin-left: 0 !important; } .Searchbtn { width: 36%!important; } .mainbody-container-bottom h3 { padding-left: 0px!important; width: 100%!important; background: none!important; } .mainbody-container-bottom h3 span { padding-right: 0px!important; width: 100%!important; text-align: center!important; background: none!important; } /* #slidein-panel { margin: 160px 0 0 0 !important; } */ #slidein-panel { margin-top: 116px !important; } .bootstrap-select{margin-bottom:20px!important;} } @media screen and (min-device-width: 320px) and (max-device-width: 380px) { .insp-user-name { width: auto; } .insp-quote-post-time { width: auto; } .inspiration-main-container-inner .insp-user-name { width: 80%;text-transform: capitalize; } .inspiration-main-container-inner .insp-quote-post-time { width: 80%;text-transform: capitalize; } .footer-container-inner-div { max-width: 100% !important; } .footer-container .footer-one ul { width: 100%!important; padding: 0px 15px!important; } .footer-container .footer-bottom-one { width: 100%!important; float: left; border-bottom: 0px solid #fbfbfd; padding: 10px 15px!important; } .footer-container .footer-bottom-one ul { max-width: 100% !important; margin: 0px; border: 0px solid red; padding: 0px; list-style-type: none;float:left; } .footer-container .footer-one ul li { padding-right: 0px !important; margin-right: 5px !important; } .inspiration-main-container-inner .thought-field {width:99.9% ; margin-bottom:5px; } .thought-field {width:99.9% ; margin-bottom:5px; } } @media screen and (min-device-width: 480px) and (max-device-width: 640px) { .insp-user-name { width: 60%;text-transform: capitalize; } .insp-quote-post-time { width: 60%; } .inspiration-main-container-inner .insp-user-name { width: 60%; } .inspiration-main-container-inner .insp-quote-post-time { width: 60%; } .footer-container-inner-div { max-width: 100% !important; } .footer-container .footer-one ul { width: 100%!important; padding: 0px 15px!important; } .footer-container .footer-bottom-one { width: 100%!important; float: left; border-bottom: 0px solid #fbfbfd; padding: 10px 15px!important; } .footer-container .footer-bottom-one ul { max-width: 100% !important; margin: 0px; border: 0px solid red; padding: 0px; list-style-type: none;float:left; } .footer-container .footer-one ul li { padding-right: 0px !important; margin-right: 5px !important; } .inspiration-main-container-inner .thought-field {width:99.9% ; margin-bottom:5px; } .thought-field {width:99.9% ; margin-bottom:5px; } } @media (max-width: 768px) { .top-banner-container .offset3 { margin-left: 0 !important; } .Searchbtn { width: 204px!important; } .nav > li > a { padding: 10px 8px !important; } .mainbody-container { margin-top: 30%!important; } .inspiration-container {margin:1 !important;} .myinspiration-container ul li { width: auto !important; margin-right:20px !important; } .mynetworkinspiration-container ul li { width: auto !important; margin-right:20px !important; } .insp-left-fixed {position:relative !important; top:0px !important; z-index:2 !important;border:0px solid red;} .insp-right-header-fixed {position:relative !important;max-width:766px; top:0px !important; z-index:2 !important;border:0px solid red;} .insp-left-fixed{position:relative !important; max-width: 100% !important;} } @media screen and (min-device-width:1024px) and (max-device-width: 1024px) { .insp-right-header-fixed { position: fixed; max-width: 697px!important; top: 75px; z-index: 2 !important; border: 0px solid red; } } @media (min-width: 768px) { ul.nav li:hover > ul.dropdown-menu { display: block; } #navbar { text-align: center; } .mainbody-container-bottom h3 { width: 87% !important; } } @media (max-width: 650px) { .logo { float: left; width: 60px; height: 47px; margin-right: 20px; background: url("../images/logo-small.png") left top no-repeat; display: block; } .body-banner-container .leftside h2 { font-size: 27px !important; } .mainbody-container { margin: 25% 0px 0px 0px!important; } .small-description{display:block!important;} .description{display:none !important; } .content .cancelbutton1 { right: -148px !important; } .cancelbutton { top: -85px !important; } .location-box-container { height: 330px !important; } .pointinterest-box-container select { max-width: 184px!important; font-size: 13px!important; } .pointinterestBoxNew { background: url(../images/down_arrow_select.jpg) no-repeat scroll 147px center !important; } #slidein-panel-btn { background-color: none !important; background: none !important; color: #fff !important; } #slidein-panel { margin-top: 115px !important; } #slidein-panel ul { float: left !important; width: 100%!important;border:1px solid #ccc !important; } #slidein-panel ul li{ float: left !important; } .slidein-panel-btn{ margin-top: -52px !important; position: absolute !important; right: -45px !important; z-index: 5 !important; } } @media (max-width: 360px) { .small-description{display:block!important;} .mainbody-container { margin:50% 0px 0px 0px!important; } .description{ bottom: 0px!important;float:left!important;position:relative!important; width:98%!important; padding:0 1% !important; right:0 !important; margin-top:30px!important;display:none !important; } .viewmapbutton1 { font-size: 12px !important; } .slidein-panel-btn{ margin-top: -45px !important; position: absolute !important; right: -45px !important; z-index: 5 !important; } } @media (max-width: 767px) { .inspiration-container { margin: 0px 0 0 0 !important; } .search-area-container-top{margin-top: 0%; font-size:18px;} } @media (max-width: 480px) { body{overflow-x:hidden; } .mainbody-container { margin:55% 0px!important; } .small-description{display:block!important;} .description{ bottom: 0px!important;float:left!important;position:relative!important; width:98%!important; right:0 !important; padding:0 1% !important; margin-top:30px!important; display:none !important;} .description button{ font-size: 12px!important; font-weight: normal!important; color:#979798!important; } .button-right1{margin-top:5px!important; line-height:24px!important;} .navbar-right .dropdown-menu { left: 0px !important; background: none!important; border: none!important; } .navbar-right { float: right!important; margin-top: 15px!important; width: 100%!important; } .navbar-login { width: 100%!important; text-align: center !important; } .text-left { text-align: center !important; } .thumbbox { width: 100%!important; margin: 5% 0%!important; float: left!important; } .slidein-panel-btn{display:block !important;} .slidein-panel-btn1{display:block !important; float: right!important; margin-right: 20px!important;margin-top:3px; } #slidein-panel-btn { background-color: none !important; background: none !important; color: #fff !important; } #slidein-panel { margin-top: 115px !important; } #slidein-panel ul { float: left !important; width: 100%!important;border:1px solid #ccc !important; } #slidein-panel ul li{ float: left !important; } .location-box .left h2 { font-size: 14px !important; } .cancelbutton { top: -96px !important; } .content .cancelbutton1 { right: -177px !important; } } /* @media screen and (min-device-height: 1080px) and (max-device-height: 1080px) { .top-padding { top:60vh !important;} .top-padding1 { top:92vh !important;} .top-padding2{ top:58vh !important;} } @media screen and (min-device-height: 1440px) and (max-device-height: 1440px) { .top-padding { top:60vh !important;} .top-padding1 { top:95vh !important;} .top-padding2{ top:58vh !important;} } */ @media screen and (min-device-width:400px) and (max-device-width: 767px) { .top-header .col-xs-12 { width: 65% !important; } } @media screen and (min-device-height: 768px) and (max-device-height: 768px) { /* .top-padding { top:80vh !important;} .top-padding1 { top:88vh !important;} */ .top-padding2{ top:65vh !important;} .nav > li { margin-right: 13px!important;} } @media screen and (min-device-width: 1024px) and (max-device-width: 1366px) { .serchArea { padding: 0; margin: 4px 0 0px 37px!important; float: left; width: 100%; } } @media screen and (min-device-width:320px) and (max-device-width:450px) { .article-content { width: 94%!important; } .article-comment-bar { width: 94%!important; } .article-like-display-bar { width: 94%!important; } }