@import url(https://fonts.googleapis.com/css?family=Permanent+Marker|Open+Sans:300,400,600,700,800|Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900&display=swap);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900&display=swap');

 */@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.3.0');src:url('font/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('font/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('font/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('font/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-whatsapp-square:before{content:"\f0d4"}.fa-whatsapp:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}

* {
	margin: 0;
	padding: 0
}

html {
	scroll-behavior: smooth
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif!important;
	background: #fff;
	min-height: 100vh
}

body::-webkit-scrollbar {
	width: 7px
}

body::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #ddd;
	border-radius: 10px
}

body::-webkit-scrollbar-thumb {
	background: rgba(71, 88, 95, .52);
	border-radius: 10px
}

body::-webkit-scrollbar-thumb:hover {
	background: rgba(71, 88, 95, .9)
}

a:focus,
a:hover {
	text-decoration: none
}

.nopadding {
	padding-left: 0!important;
	padding-right: 0!important
}

.mt-0 {
	margin-top: 0!important
}

.mt-10 {
	margin-top: 10px!important
}

.mt-20 {
	margin-top: 20px
}

.mt-30 {
	margin-top: 30px
}

.mt-40 {
	margin-top: 40px
}

.mt-50 {
	margin-top: 50px
}

.mr-2 {
	margin-right: 2px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.ml-5 {
	margin-left: 5px
}

.ml-10 {
	margin-left: 10px
}

.d-flex {
	display: flex
}

.fixed-nav-page {
	padding-top: 77px
}

.d-btn,
.d-btn:focus {
	display: inline-block;
	background: #e91e63;
	text-align: center;
	color: #fff;
	padding: 10px 30px;
	text-decoration: none;
	transition: .4s;
	box-shadow: -2px 2px 10px #c3c3c3;
	border-radius: 2px;
	font-size: 15px;
	border: none
}

.d-btn:hover {
	text-decoration: none;
	color: #fff;
	background: #3a64bc!important;
	box-shadow: none;
	transition: .4s
}

.d-navbar {
	background-color: #fff!important;
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
	z-index: 1009
}

.d-navbar .navbar-brand {
	margin-top: 3px
}

.nav-search-from {
	width: 30%
}

.nav-search-from .input-group {
	width: 100%
}

.nav-search-from .form-control {
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #ddd;
	background: #fff;
	padding: 8px 15px;
	height: auto;
	color: #000
}

.nav-search-from .btn {
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #ddd;
	background: #fff;
	padding: 8px 15px;
	height: auto;
	color: #071773;
	border-left: none
}

.d-navbar .navbar-nav>li>a {
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 11px;
	text-transform: uppercase;
	font-size: 11px;
	color: #000;
	font-weight: 600;
	transition: .4s
}

.d-navbar .navbar-nav>li>a:hover {
	color: #e7e7e7
}

.d-navbar .navbar-nav>.active>a,
.d-navbar .navbar-nav>.active>a:focus,
.d-navbar .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #e91e63!important;
	font-weight: 600!important
}
.navbar-default .navbar-nav > li > a:focus{
	    color: #e7e7e7;
}
.orange-btn,
.orange-btn:focus {
	background: #e91e63!important;
	border-radius: 100px;
	padding: 6px 20px!important;
	transition: .4s;
	color: #fff!important
}
.navbar-default .navbar-nav > .open > a{
	    color: white;
}
.orange-btn:hover {
	background: #e91e63!important;
	color: #fff!important;
	box-shadow: 0 0 5px #c6a7ff;
	transition: .4s
}

.navbar-brand {
	height: auto!important;
	padding: 5px 2px 7px 15px
}

.navbar-brand img {
	height: 42px!important
}

.sub-navbar {
	background: #efefef;
	padding: 7px 0;
	box-shadow: 0 2px 4px #e4e4e4;
	z-index: 99
}

.top-business-link a,
.top-business-link a:focus {
	color: #673ab7;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px
}

.sun-nav-links a:hover,
.top-business-link a:hover {
	color: #ff5722
}

.sun-nav-links {
	padding-right: 0!important
}

.sun-nav-links a,
.sun-nav-links a:focus {
	font-size: 13px;
	text-decoration: none;
	margin: 0 10px;
	color: #505763
}

.pages-header {
	background: url(../images/hacker_rocks/home/1.png) no-repeat #fff;
	background-size: auto 100%;
	text-align: left;
	padding: 60px 40px 60px;
	background-size: cover;
	background-position: center center;
	position: relative;
	min-height: 55vh
}

.pages-header:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #0a0a0a;
	background: -moz-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
	background: -webkit-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
	background: linear-gradient(to right, #000 0, rgba(50, 50, 50, .1) 73%)
}

.pages-header h2 {
	margin: 0;
	color: #fff;
	font-weight: 600;
	font-size: 34px;
	text-transform: capitalize;
	line-height: 47px;
	margin-bottom: 25px
}

.pages-header p {
	margin: 15px 0;
	color: #e91e63;
	font-size: 20px
}

.pages-header h3 {
	margin: 40px 0;
	color: #ffa400
}

.pages-header h3 span {
	display: inline-block;
	padding-right: 20px;
	font-weight: 700;
	color: #071773
}

.pages-header h3 span i {
	color: #f4791e
}

.pages-header h3 span span {
	display: inline-block;
	font-size: 14px;
	color: #071773;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px
}

.course-head-tags {
	padding: 40px 0!important
}

.course-head-tags h4 {
	color: #e91e63;
	margin: 0 0 10px 0;
	font-size: 14px;
	text-transform: uppercase
}

.course-head-tags h4 span {
	font-weight: 700
}

.course-head-tags a {
	display: inline-block;
	border: 1px solid #071773;
	margin: 5px 2px;
	padding: 5px 15px;
	color: #071773;
	border-radius: 4px;
	font-size: 13px
}

.course-head-tags a:hover {
	color: #071773;
	background: #eaeaea
}

.course-list-box {
	padding: 15px 0!important;
	border-bottom: 1px solid #ddd;
	transition: .4s
}

.course-list-box:hover {
	background: #eef0f9;
	transition: .4s
}

.course-list-image {
	padding: 15px
}

.course-list-image img {
	width: 100%
}

.course-list-middle {
	padding: 15px 0!important
}

.course-list-middle h2 {
	color: #4b4e53;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px
}

.course-list-middle p {
	color: #686f7a;
	margin: 7px 0;
	font-size: 13px
}

.list-stats {
	margin-bottom: 0!important;
	color: #071773!important
}

.list-stats span {
	margin-right: 10px
}

.course-list-right {
	text-align: right;
	padding: 15px 15px 15px 0!important
}

.course-list-right h4 {
	margin: 0;
	color: #505763;
	font-weight: 700;
	font-size: 17px
}

.course-list-right h4 .no-price {
	color: #fc0d31;
	margin-right: 10px;
	text-decoration: line-through;
	font-weight: 400;
	font-size: 14px
}

.stars {
	margin: 5px 5px;
	display: inline-block;
	color: #ffa400;
	font-size: 13px
}

.cdb-enrolled.Course_price {
	display: inline-block;
	width: 100%;
	border: 0!important;
	padding: 0!important;
	margin: 10px 0 0 0!important
}

.cdb-enrolled span.rating_number {
	margin-right: 5px
}

.pages-header.course_banner p {
	display: block!important;
	font-family: 'Open Sans', sans-serif!important
}

.rating_number {
	font-size: 16px!important;
	color: #fff;
	font-weight: 300
}

.course-list-right:hover .stars i {
	transform: rotate(25deg);
	transition: .4s
}

.stars i {
	margin: .5px;
	transition: .4s
}

.course-grid-detais .star-count {
	color: #686f7a;display:none;
}

.user-small-review {
	display: block;
	margin: 5px 0
}

.user-small-review img {
	width: 20px;
	border-radius: 100px;
	margin-left: -9px;
	border: 1px solid #fff;
	transition: .4s
}

.user-small-review img:hover {
	transform: scale(1.1);
	transition: .4s
}

.d-pagination .pagination>li>a,
d-pagination .pagination>li>span {
	border: none;
	background-color: none;
	border-radius: 100px!important;
	color: #673ab7
}

.d-pagination .pagination>.active>a,
.d-pagination .pagination>.active>a:focus,
.d-pagination .pagination>.active>a:hover,
.d-pagination .pagination>.active>span,
.d-pagination .pagination>.active>span:focus,
.d-pagination .pagination>.active>span:hover {
	background: linear-gradient(to left, #071773, #9c27b0);
	box-shadow: 2px 2px 5px #ddd;
	color: #fff
}

.course-list-head {
	padding: 15px 0!important;
	border-bottom: 1px solid #ddd
}

.course-list-head h4 {
	margin: 0;
	font-size: 13px;
	color: #686f7a;
	font-weight: 600
}

.tag-best-seller {
	background: #ffa400;
	color: #fff;
	padding: 2px 10px;
	text-transform: uppercase;
	font-size: 10px;
	border-radius: 4px
}

.tag-new {
	background: #00a335;
	color: #fff;
	padding: 2px 10px;
	text-transform: uppercase;
	font-size: 10px;
	border-radius: 4px
}

.tag-Popular {
	background: #071773;
	color: #fff;
	padding: 2px 10px;
	text-transform: uppercase;
	font-size: 10px;
	border-radius: 4px
}

.d-dropdown {
	border: none;
	border-radius: 0 0 5px 5px;
	padding: 15px 0;
	min-width: 250px!important
}

.d-dropdown li {
	padding: 4px 0;
	color: #505763
}

.d-dropdown li i {
	margin-right: 10px;
	color: #071773;
	width: 18px
}

.d-dropdown li a {
	padding-right: 10px!important
}

.d-dropdown li span {
	float: right;
	font-size: 12px;
	top: 4px;
	color: #ddd
}

.dropdown-submenu {
	position: relative
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px
}

.d-dropdown-level-2 {
	border-radius: 0 5px 5px 0;
	display: none
}

.color-blue {
	color: #071773!important
}

.color-green {
	color: #025210!important
}

.course-list-horizontal {
	padding: 30px 0
}

.clh-title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px
}

.clh-title h3 {
	margin: 0;
	font-size: 16px;
	color: #000
}

.clh-title h3 span {
	font-weight: 600
}

.clh-title a {
	display: inline-block;
	color: #e91e63;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600
}

.clh-title a i {
	margin-left: 5px;
	font-size: 12px;
	background: #e91e63;
	color: #fff;
	padding: 3px;
	border-radius: 4px;
	transition: .4s
}

.clh-title a:hover i {
	background: #222;
	transition: .4s
}

.clh-title a:hover {
	color: #222;
	transition: .4s
}

.course-grid {
	padding: 15px 7px!important
}

.course-grid .col-sm-2 {
	padding: 7px!important
}

.course-gord-box {
	border: 1px solid #efefef;
	box-shadow: 0 0 5px #ddd;
	padding: 0!important;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 10px
}

.course-grid-detais {
	min-height: 160px;
	background: #fff
}

.course-gord-box img {
	width: 100%;
	transition: .4s
}

.course-gord-box:hover img {
	opacity: .7;
	transition: .4s
}

.course-gord-box h2 {
	margin: 10px 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	color: #505763
}

.course-gord-box h4 {
	text-align: right;
	margin: 10px 0;
	font-size: 15px;
	color: #686f7a;
	font-weight: 600;
	position: absolute;
	bottom: 5px;
	right: 15px
}

.course-gord-box h4 span.no-price {
	font-size: 12px;
	text-decoration: line-through;
	margin-right: 5px;
	font-weight: 400
}

.course-gord-box .stars {
	font-size: 11px
}

.course-list-topic-big {
	padding: 30px 0
}

.clh-topic-main {
	padding: 15px 0 0 0!important
}

.course-list-topic,
.course-list-topic:focus {
	display: inline-block;
	border: 1px dashed #071773;
	width: 100%;
	text-align: center;
	text-decoration: none;
	padding: 6px;
	font-weight: 600;
	margin: 5px 0;
	border-radius: 35px;
	font-size: 16px;
	color: #071773;
	transition: .4s
}

.course-list-topic:hover {
	border-style: solid;
	transition: .4s;
	color: #673ab7;
	text-decoration: none
}

.cl-new-tag {
	position: absolute;
	z-index: 99;
	background: linear-gradient(to left, #cddc39, #009688);
	color: #fff;
	padding: 2px 10px 2px 8px;
	top: 6px;
	font-size: 11px;
	border-radius: 0 100px 100px 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .51)
}

.cl-bestseller-tag {
	position: absolute;
	z-index: 99;
	background: linear-gradient(to left, #ffc107, #ff5722);
	color: #fff;
	padding: 2px 10px 2px 8px;
	top: 6px;
	font-size: 11px;
	border-radius: 0 100px 100px 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .51)
}

.cl-trending-tag {
	position: absolute;
	z-index: 99;
	background: linear-gradient(to left, #9c27b0, #071773);
	color: #fff;
	padding: 2px 10px 2px 8px;
	top: 6px;
	font-size: 11px;
	border-radius: 0 100px 100px 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, .51)
}

.chb-main {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .26);
	margin-top: -4%;
	border-radius: 5px;
	padding: 15px
}

.chb-box {
	padding: 10px 15px!important;
	border-right: 1px solid #ddd
}

.chb-box:hover img {
	transform: scale(1.1);
	transition: .4s
}

.chb-box img {
	width: 45px;
	display: inline-block;
	position: absolute;
	top: 10px;
	transition: .4s
}

.chb-box h3 {
	display: inline-block;
	margin: 0 0 0 60px;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	line-height: 22px
}

.chb-box h3 span {
	font-weight: 700
}

.chb-box h3 span a {
	color: #000
}

.chb-box h3 span a:hover {
	text-decoration: underline
}

.student-at-place {
	background: #f1e9ff;
	background-size: 100%;
	padding: 40px 0
}

.title-3 {
	padding: 15px
}

.title-3 h3 {
	margin: 0;
	color: #071773;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px
}

.title-3 p {
	margin: 5px 0 0 0;
	color: #686f7a
}

.sap-box {
	background: #fff;
	text-align: center;
	border-radius: 0;
	margin: 10px 0 0 0;
	padding: 7px;
	box-shadow: 0 25px 98px 0 rgba(0, 0, 0, .1);
	border: 1px solid #f2eeee
}

.sap-box .learner-img {
	width: 40px;
	border-radius: 100%;
	height: 40px;
	border: 2px solid rgba(94, 103, 148, .12);
	transition: .4s;
	float: left;
	margin-top: 9px;
	margin-left: 10px
}

.sap-box p {
	margin: 0 0;
	color: #505253;
	font-weight: 500;
	float: left;
	width: calc(100% - 85px);
	text-align: left;
	padding-left: 25px;
	font-size: 12px;
	padding: 5px 1px 0 20px
}

.student-at-place .col-xs-12.col-sm-6.col-md-4.col-lg-4 {
	padding-right: 0!important
}

.sap-box .sa-company {
	height: 30px;
	background: #fff;
	padding: 5px 15px 10px 20px;
	border-radius: 5px;
	max-width: 100%;
	transition: .4s;
	float: left
}

.review-small-slider {
	padding: 15px
}

.review-small-slider h3 {
	color: #071773;
	margin: 0 0 25px 0;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center
}

.review-small-slider h3 span {
	background: #071773;
	color: #fff;
	padding: 2px 15px 2px 10px;
	font-style: italic
}

.fs14 {
	font-size: 14px
}

.review-small-slider .item {
	background: #fff;
	padding: 19px 30px;
	box-shadow: 0 0 10px #ddd;
	border-radius: 0;
	margin-bottom: 15px
}

.student-at-place h3 {
	color: #071773;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	margin: 0 0 15px 0
}

.review-small-slider table {
	width: 100%
}

.review-small-slider table tr td {
	padding: 10px;
	vertical-align: top
}

.review-small-slider table tr td:first-child {
	width: 70px;
	padding-left: 0!important
}

.review-small-slider table tr td:first-child img {
	width: 60px;
	border-radius: 5px;
	box-shadow: 0 0 10px #ddd;
	display: none!important
}

.review-small-slider table tr td h4 {
	margin: 0;
	color: #686f7a;
	font-size: 14px;
	font-weight: 400
}

.review-small-slider table tr td h4 i {
	color: #ffa400;
	font-size: 13px
}

.review-small-slider table tr td h4 span {
	margin-left: 5px;
	color: #373636;
	font-weight: 500
}

.review-small-slider table tr td p {
	margin: 15px 0 0 0;
	color: #646363;
	font-size: 12px;
	line-height: 22px;
	font-weight: 400
}

.review-small-slider .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 0!important
}

.review-small-slider .owl-theme .owl-dots .owl-dot span {
	width: 10px!important;
	height: 10px!important;
	border: 2px solid #fff;
	transition: .4s
}

.review-small-slider .owl-theme .owl-dots .owl-dot.active span,
.review-small-slider .owl-theme .owl-dots .owl-dot:hover span {
	transition: .4s;
	background: #673ab7
}

.expert-rating table tr td:first-child {
	width: 100%!important;
	text-align: center
}

.expert-rating table tr td:first-child img {
	display: inline-block;
	margin-top: -10px;
	margin-bottom: 20px;
	border-radius: 100px;
	border: 4px solid #4350b5
}

.why-us-bottom {
	padding: 50px 0
}

.wub-title {
	text-align: center;
	margin-bottom: 50px
}

.wub-title h4 {
	font-weight: 300;
	margin: 0;
	font-size: 20px;
	color: #e91e63;
	line-height: 43px;
}

.wub-title h4 span {
	background: #e91e63;
	color: #fff;
	padding: 1px 10px
}

.wub-title h2 {
	font-weight: 600;
	margin: 5px 0;
	font-size: 25px;
	color: #000
}

.wub-title p {
    margin: 5px 0;
    font-size: 14px;
    color: #5e5e65;
    line-height: 25px;
}

.why-us-bottom .video-thumb {
	width: 100%;
	transition: .4s
}

.why-us-bottom .video-thumb:hover {
	transform: scale(.9);
	transition: .4s
}

.why-us-box .panel-default>.panel-heading {
	color: #071773;
	background-color: transparent;
	border: none
}

.why-us-box .panel-default>.panel-heading h4 {
	font-size: 13px!important;
	font-weight: 500!important;
	text-transform: capitalize!important;
	line-height: 1.5!important
}

.why-us-box .panel-default>.panel-heading h4 span {
	font-weight: 400!important
}

.why-us-box .panel-heading a:before {
	font-family: 'Glyphicons Halflings';
	content: "\e080";
	float: left;
	transition: all .4s;
	margin-right: 11px
}

.why-us-box .panel-heading.active a:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: all .4s
}

.why-us-box .panel-group .panel-heading+.panel-collapse>.panel-body {
	border: none!important;
	color: #7d7d7d;
	font-size: 13px;
	line-height: 25px;
	padding-left: 45px!important;
	padding-top: 0!important
}

.why-us-box .panel-group .panel {
	border-radius: 0!important;
	border: 0!important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
	padding: 10px
}

.faq-select select.form-control.select_content {
	padding: 17px;
	height: auto;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
	border: 0!important
}

.btn-i {
	font-size: 12px;
	margin-left: 4px;
	top: 0
}

.btn-i-2 {
	font-size: 11px;
	margin-left: 4px;
	opacity: .8;
	top: 0;
	transition: .4s
}

.btn-i-3 {
	font-size: 10px;
	margin-left: 4px;
	opacity: .5;
	top: 0;
	transition: .4s
}

.d-btn:hover i {
	opacity: 1;
	transition: .4s
}

.footer-top {
	background: url(../images/hacker_rocks/home/shake-hand.png) no-repeat center center, #071773;
	background-size: 100%;
	background-attachment: fixed;
	padding: 50px 0
}

.footer-top h3 {
	text-align: center;
	margin: 0;
	color: #fff;
	font-size: 40px;
	font-weight: 300
}

.footer-top p {
	text-align: center;
	color: #d4d4d4;
	margin: 0;
	font-weight: 600;
	letter-spacing: 2px
}

.business-footer-email .input-group .form-control {
	border-radius: 2px 0 0 2px;
	height: auto;
	font-size: 20px;
	padding: 10px 20px;
	border: none;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .19);
	height: 60px
}

.business-footer-email .input-group .btn {
	height: 60px;
	font-size: 20px;
	border-radius: 0 2px 2px 0;
	padding: 10px 26px;
	background: #4caf50;
	color: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .19);
	font-weight: 600
}

.business-footer-email .input-group .btn:hover {
	background: #2899e4
}

.our-clients-footer {
	background: #fbfbfb;
	padding: 10px 0
}

.our-clients-footer img {
	width: auto!important;
	height: 70px
}

.footer {
	background: #161021;
	padding: 50px 0 10px 0;
	font-family: Poppins, sans-serif
}

.footer-link-box ul li:before {
	content: '';
	color: #fff;
	display: inline-block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border: solid #dbd6d6;
	border-width: 0 1.5px 1.5px 0;
	display: inline-block;
	padding: 3px
}

.footer-link-box {
	padding: 10px 15px
}

.footer-link-box h3 {
	margin: 15px 0;
	color: #e3dcdc;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 0
}

.footer-link-box ul {
	list-style: none;
	padding-left: 0
}

.footer-link-box ul li {
	padding: 0 0 15px;
	display: flex;
	align-items: center
}

.footer-link-box ul li a {
	display: block;
	color: #dbd6d6;
	font-size: 12px;
	transition: .4s;
	padding-left: 9px;
	font-weight: 300
}

.footer-link-box ul li a:hover {
	color: #d3d0da;
	transition: .4s
}

.footer-blog-link {
	border-top: 1px solid #271d38;
	margin-top: 30px;
	padding-top: 20px
}

.footer-icons img {
	width: 100%;
	margin-top: 25px
}

.footer-social {
	padding: 20px 0!important;
	margin-top: 20px;
	border-top: 1px solid #271d38
}

.footer-social a {
	color: #adadad;
	display: inline-block;
	font-size: 26px;
	margin-right: 10px;
	transition: .4s
}

.footer-social a:hover {
	transform: scale(.9);
	transition: .4s
}

.footer-copyright {
	text-align: center;
	margin-top: 20px;
	border-top: 1px solid #271d38;
	padding-top: 15px
}

.footer-copyright p {
	font-size: 11px;
	color: #9f9b9b;
	line-height: 19px
}

.interview-landing-header {
	background: url(../images/hacker_rocks/interview/top-banner.png) no-repeat center right, #fff;
	background-size: auto 100%;
	padding: 50px 0 100px 0
}

.interview-landing-header .landing-banner {
	width: 80%
}

.interview-landing-header h2 {
	margin: 30px 0;
	color: #071773;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 55px
}

.interview-landing-header h2 span {
	font-weight: 700
}

.interview-landing-header p {
	font-size: 21px;
	margin: 15px 0;
	color: #e91e63
}

.interview-landing-header h3 {
	margin: 30px 0
}

.interview-landing-header h3 span {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	padding: 10px 20px;
	background: #071773;
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px
}

.interview-landing-header h3 span.line {
	background: #071773;
	padding: 4px 20px;
	box-shadow: none;
	border-radius: 0
}

.interview-landing-header h3 span i {
	margin-right: 4px;
	color: #fff
}

.interview-sec-2 {
	padding: 70px 0 50px 0
}

.is2-box {
	text-align: center;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	padding: 0 30px 30px 30px;
	box-shadow: 0 0 20px #ddd
}

.is2-box img {
	width: 80px;
	margin-top: -30px;
	background: #fff;
	box-shadow: 0 0 20px #ddd;
	padding: 10px 15px;
	border-radius: 7px;
	border: 1px solid #e4e4e4
}

.is2-box h3 {
	margin: 15px 0;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 20px
}

.is2-box h3 span {
	font-weight: 400
}

.is2-box p {
	margin: 0;
	color: #505763;
	font-size: 13px
}

.interview-list-main {
	padding: 50px 0;
	background: #fbfbfb
}

.interview-list-main-white {
	padding: 50px 0;
	background: #fff
}

.ipt-head {
	padding: 0 0 35px 0
}

.ipt-head h4 {
	text-align: center;
	margin: 0 0 10px 0;
	color: #afafaf;
	font-size: 30px;
	font-weight: 300
}

.ipt-head h3 {
	margin: 0;
	color: #e91e63;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center
}

.ipt-head h3 span {
	font-weight: 400
}

.ipt-head h3 i {
	margin-right: 10px
}

.ipt-box {
	margin: 15px 0
}

.skill-list-box {
	background: #fff;
	border: 1px solid #dadada;
	padding: 15px 0!important;
	border-radius: 5px;
	box-shadow: 0 0 5px #d8d8d8;
	transition: .4s;
	min-height: 117px!important
}

.skill-list-box:hover {
	box-shadow: none;
	transition: .4s;
	border-color: #e6e6e6
}

.skill-list-box:hover img {
	transform: scale(1.1);
	transition: .4s
}

.skill-list-box img {
	max-width: 75%;
	box-shadow: 0 0 10px #cac9c9;
	padding: 7px;
	border-radius: 5px;
	margin-top: 7px;
	transition: .4s
}

.skill-list-box h3 {
	margin: 7px 0 0 0;
	color: #222;
	font-size: 15px;
	font-weight: 700
}

.skill-list-box p {
	margin: 10px 0;
	color: #777;
	font-size: 13px;
	font-weight: 700
}

#megamneu i.fa.fa-angle-down {
	margin-left: 2px
}

.skill-list-box p span {
	margin-right: 3px;
	font-weight: 600
}
#interview-carousel .skill-list-box p span{
	font-weight: 600 !important;
}
.skill-list-box h5 {
	font-family: Montserrat, sans-serif;
	color: #071773;
	margin: 0
}

.cl-new-tag-interview {
	background: linear-gradient(to left, #cddc39, #009688);
	color: #fff;
	padding: 2px 15px 2px 15px;
	font-size: 12px;
	border-radius: 0 100px 100px 0;
	display: inline-block;
	margin: 10px 0 0 -15px
}

.cl-trending-tag-interview {
	background: linear-gradient(to left, #9c27b0, #071773);
	color: #fff;
	padding: 2px 25px 2px 15px;
	font-size: 12px;
	border-radius: 0 100px 100px 0;
	display: inline-block;
	margin: 10px 0 0 -15px
}

.btn-bordered {
	display: inline-block;
	color: #e91e63;
	text-align: center;
	border: 2px solid #e91e63;
	padding: 7px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 5px;
	background: #fff
}

.btn-bordered:focus,
.btn-bordered:hover {
	color: #e91e63;
	text-decoration: none
}

.btn-bordered i {
	margin-left: 10px;
	transition: .4s
}

.btn-bordered:hover i {
	top: 5px;
	transition: .4s
}

.ipt-company-logo {
	box-shadow: none!important;
	width: 100%!important;
	max-width: 100%!important;
	padding: 0!important;
	margin-top: 15px!important;
	border-radius: 0!important
}

.ipt-regi-btn,
.ipt-regi-btn:focus {
	display: inline-block;
	background: rgba(0, 0, 0, .24);
	color: #fff;
	font-size: 18px;
	padding: 11px 40px;
	border-radius: 5px;
	transition: .4s;
	text-decoration: none
}

.ipt-regi-btn:hover {
	background: rgba(0, 0, 0, .42);
	color: #fff;
	transition: .4s;
	text-decoration: none
}

.test-landing-header {
	background: url(../images/hacker_rocks/tests/top-banner.png) no-repeat right top, #fff;
	padding: 35px 0 100px 0;
	background-size: auto 100%
}

.test-landing-header .landing-banner {
	width: 100%;
	padding: 30px 0
}

.test-landing-header h2 {
	margin: 50px 0 0 0;
	color: #071773;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 26px
}

.test-landing-header h2 span {
	font-weight: 800;
	color: #071773;
	font-size: 60px
}

.test-landing-header p {
	font-size: 18px;
	margin: 0 0 15px 0;
	color: #e91e63
}

.test-landing-header h3 {
	margin: 30px 0;
	font-size: 30px;
	color: #071773;
	font-weight: 700;
	line-height: 25px
}

.test-landing-header h3 span {
	padding-right: 30px;
	display: inline-block
}

.test-landing-header h3 span span {
	color: #071773;
	font-weight: 400;
	font-size: 17px
}

.practice-landing-main {
	padding: 50px 0
}

.ptl-top-filter {
	padding: 15px;
	border-bottom: 1px solid #ddd
}

.ptl-top-filter .btn {
	border: 1px solid #6194ff;
	background: 0 0;
	color: #071773;
	padding: 10px 26px;
	font-weight: 600;
	border-radius: 100px!important;
	margin-right: 10px
}

.ptl-top-filter .btn.active {
	background: #6194ff;
	color: #fff;
	box-shadow: none
}

.ptl-top-filter .form-control {
	height: auto;
	padding: 10px 25px;
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	box-shadow: none;
	border-radius: 100px 0 0 100px
}

.ptl-top-filter .search-btn-top {
	background: #e8e8e8!important;
	border-color: #e8e8e8!important;
	border-radius: 0 100px 100px 0!important
}

.practice-land-list {
	padding: 40px 0!important
}

.pll-title-top {
	border-left: 4px solid #e91e63;
	padding: 7px 15px;
	border-radius: 10px 0 0 10px;
	margin-bottom: 20px
}

.pll-title-top h3 {
	margin: 0;
	color: #504e65;
	font-weight: 600;
	font-size: 20px
}

.pll-title-top p {
	margin: 0;
	color: #686f7a
}

.pratice-list-area {
	padding: 15px 0!important
}

.practice-list-box {
	border: 1px solid #eaeaea;
	padding: 0;
	margin-bottom: 20px;
	background: #f7f7f7;
	border-radius: 5px;
	font-family: Poppins, sans-serif
}

.practice-list-box table {
	width: 100%
}

.practice-list-box table tr td {
	vertical-align: top
}

.practice-list-box table tr td:first-child {
	width: 90px;
	text-align: left
}

.practice-list-box table tr td:first-child img {
	width: 150px;
	margin-left: 0;
	margin-right: 15px
}

.practice-list-box table tr td h3 {
	margin: 0;
	color: #333;
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 12px
}

.practice-list-box table tr td p {
	margin: 7px 0 15px;
	color: #585b61;
	font-size: 13px
}

.practice-list-box table tr td h4 {
	margin: 0;
	font-size: 13px;
	color: #686f7a
}

.practice-list-box table tr td h4 span {
	margin-right: 40px
}

.practice-list-box table tr td h4 span i {
	margin-right: 7px;
	color: #b7b7b7
}

.practice-list-box table tr td a {
	display: inline-block;
	background: #e91e63;
	color: #fff;
	padding: 12px 30px;
	margin-top: 10px;
	font-size: 13px;
	text-transform: uppercase;
	float: right;
	border-radius: 4px;
	box-shadow: 0 0 15px #ababab;
	transition: .4s;
	margin-right: 15px
}

.practice-list-box table tr td a:hover {
	box-shadow: none;
	transition: .4s
}

.practice-list-box table tr td a span {
	font-weight: 700
}

.challenges-landing-header {
	background: url(../images/hacker_rocks/challenge/banner.png) no-repeat center right, #fff;
	background-size: auto 100%;
	padding: 80px 0
}

.challenges-landing-header h2 {
	margin: 0;
	color: #071773;
	font-weight: 700;
	font-size: 42px;
	text-transform: uppercase
}

.challenges-landing-header h2 span {
	font-weight: 900
}

.challenges-landing-header p {
	margin: 5px 0;
	color: #e91e63;
	font-size: 30px
}

.challenges-landing-header h3 {
	margin: 40px 0 0 0;
	color: #ffa400
}

.challenges-landing-header h3 img {
	margin-bottom: 5px;
	width: 45px
}

.challenges-landing-header h3 span {
	display: inline-block;
	padding-right: 20px;
	font-weight: 700;
	color: #071773
}

.challenges-landing-header h3 span span {
	display: inline-block;
	font-size: 14px;
	color: #071773;
	text-transform: uppercase;
	letter-spacing: 1px
}

.challenge-landing-main {
	padding: 50px 0;
	background: #f3f3f3
}

.clm-mail-title {
	padding: 0!important;
	margin-bottom: 15px
}

.clm-mail-title h3 {
	margin: 0 0 10px 0;
	color: #000;
	font-weight: 600;
	font-size: 18px
}

.clm-mail-title p {
	margin: 0;
	color: #686f7a
}

#froent_panel .clm-right-title>h3 {
	margin: 0;
	padding: 22px!important;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
	font-weight: 500;
	font-size: 16px
}

.clm-mainl-nav {
	margin: 0;
	padding: 10px!important;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.clm-mainl-nav a {
	display: inline-block;
	font-weight: 600;
	color: #000;
	padding: 10px 26px;
	text-transform: uppercase
}

.clm-mainl-nav a.active {
	background: #071773;
	color: #fff
}

.clm-mainl-nav a span {
	background: #2fb534;
	color: #fff;
	margin-left: 10px;
	padding: 3px 10px;
	font-weight: 400;
	font-size: 11px;
	border-radius: 4px
}

.clm-main-area {
	padding: 26px 0!important
}

.clm-box {
	background: #fff;
	min-height: 250px;
	box-shadow: none;
	padding: 0!important;
	margin-bottom: 30px;
	border-radius: 3px;
	border: 1px solid #efefef
}

.clm-box:hover img.list-banner {
	opacity: .8;
	transition: .4s
}

.clm-box img.list-banner {
	width: 100%
}

.clm-box .clm-box-type {
	padding: 5px 15px;
	background: #eef1f3;
	text-align: center
}

.clm-box .clm-box-type p {
	margin: 0;
	font-size: 13px;
	color: #838384;
	text-transform: uppercase
}

.clm-box .clm-box-type p span {
	float: right
}

.clm-box .clm-box-type p span i {
	font-size: 11px;
	margin-right: 4px
}

.clm-box-texts {
	padding: 15px;
	text-align: center;background:#f9fbfd;
}

.clm-box-texts h3 {
margin: 10px 0 15px 0;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    text-transform: capitalize;
}

.clm-box-texts p {
	font-weight: 400;
	color: #c3c3c3;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	margin: 0
}

.clm-box-texts h5 {
	margin-top: 5px
}

.clm-box-texts h5 span {
	display: inline-block;
	border: 1px solid #c1b4b4;
	padding: 6px 7px;
	margin: 2px;
	border-radius: 4px;
	font-weight: 600;
	color: #505763;
	letter-spacing: 1px;
	width: 65px
}

.clm-box-texts h5 span span {
	border: none;
	padding: 0;
	margin: 0;
	border-radius: 0;
	font-size: 10px;
	color: #c3c3c3;
	letter-spacing: 0;
	width: auto
}

.clm-box-texts h4 {
	font-size: 14px;
	font-weight: 600
}

.clm-start-button,
.clm-start-button:focus {
	display: inline-block;
	color: #fff;
	background: #4caf50;
	padding: 5px 35px;
	border-radius: 5px;
	box-shadow: 0 0 10px #b1b1b1;
	margin-top: 10px;
	text-transform: uppercase;
	text-decoration: none;
	transition: .4s
}

.clm-regi-button:hover,
.clm-start-button:hover {
	color: #fff;
	text-decoration: none;
	transition: .4s;
	box-shadow: none
}

.clm-regi-button,
.clm-regi-button:focus {
	display: inline-block;
	color: #071773;
	background: 0 0;
	padding: 5px 35px;
	border-radius: 5px;
	box-shadow: 0 0 10px #8e8e8e;
	margin-top: 10px;
	text-transform: uppercase;
	text-decoration: none;
	transition: .4s;
	border: 2px solid #071773
}

.clm-company {
	padding: 8px 15px;
	background: rgba(21, 21, 22, .4);
	position: absolute;
	width: 100%;
	top: 0
}

.clm-company img {
	height: 25px;
	width: 25px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .11);
	-webkit-box-shadow: 0 4px 18px rgba(3, 3, 3, .12)
}

.clm-company span {
	margin-left: 11px;
	color: #e6e4e4;
	font-weight: 400;
	font-size: 13px;
	text-transform: capitalize
}

.clm-section-title {
	padding: 20px 15px 20px 15px
}

.clm-section-title h3 {
	margin: 0;
	color: #383838;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700
}

.clm-section-title h3 span {
	font-weight: 400;
	border-bottom: 1px dashed #383838
}

.course_panel {
	padding: 20px 5px 0 5px;
	float: left;
	width: 100%
}

.mt-20 {
	margin-top: 20px
}

.color-blue {
	color: #673ab7
}

.color-orange {
	color: #e91e63
}

.color-red {
	color: #e91e63
}

.clm-right-title {
	margin-bottom: 15px
}

.clm-right-title h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #505763
}

.login-page-main {
	display: inline-block;
	width: 100%;
	background: #f6f5fa
}

.flexi {
	display: flex;
	font-family: Poppins, sans-serif;
	font-size: 12px;
	justify-content: center;
	align-items: center
}

[type=radio]:checked,
[type=radio]:not(:checked) {
	position: absolute;
	left: -9999px
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #4a4848;
	font-size: 13px;
	font-family: Poppins, sans-serif
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #a09696;
	border-radius: 100%;
	background: #fff
}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #071773;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

[type=radio]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0)
}

[type=radio]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.radio-inline {
	padding-left: 0;
	margin-right: 10px
}

#login-register-modal .modal-dialog {
	max-width: 460px
}

.mb-20 {
	margin-bottom: 20px
}

.flexi input {
	margin-right: 10px
}

.login-box .select {
	border: 0!important
}

.signup_left h3 {
	font-family: Poppins, sans-serif;
	font-weight: 700;
	line-height: 46px;
	font-size: 26px;
	margin-bottom: 20px;
	margin-top: 0;
	text-transform: uppercase;
	color: #3c3c3c
}

.signup_left p {
	font-family: Poppins, sans-serif;
	font-size: 13px;
	line-height: 25px;
	text-transform: capitalize
}

ul.token-input-list-facebook {
	box-shadow: 1px 1px 5px rgba(225, 226, 225, .9)
}

.login-right {
	border: 0;
	background: #fff;
	float: left;
	padding: 4em 6em;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
	min-height: 95vh
}

.signup_left {
	padding: 6em 4em 4em 4em
}

#login-register-modal .login-box {
	padding: 40px 10px 20px
}

#login-register-modal .social-box .social-lin a {
	width: 47px;
	height: 37px
}

#login-register-modal .social-box .social-lin a img {
	width: auto;
	height: auto
}

#login-register-modal .login-box h2 {
	text-align: center
}

.icon_blocker {
	display: flex;
	align-items: center
}

.icon_textbox {
	width: 50%;
	padding: 20px 20px 20px 0;
	display: inline-block
}

.icon_textbox img {
	width: 50px
}

.left_text h4 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 8px;
	margin-top: 15px;
	text-transform: capitalize;
	font-family: Poppins, sans-serif
}

#login-page-main .login-box .form-control {
	border-radius: 3px;
	padding: 10px 15px;
	background-color: #fff;
	box-shadow: none;
	font-size: 13px;
	height: 45px;
	border: none;
	border-radius: 0;
	font-weight: 400;
	font-size: 12px;
	box-shadow: none;
	font-family: Poppins, sans-serif;
	border: 1px solid #bcbaba
}

#login-page-main a.login-cancel {
	display: none
}

#login-page-main ul.token-input-list-facebook {
	box-shadow: none;
	border: 1px solid #bcbaba;
	border-radius: 0!important
}

.login-logo {
	max-width: 260px;
	margin-top: 20px;
	transition: .4s
}

.login-logo:hover {
	opacity: .5;
	transition: .4s
}

.login-box {
	padding: 30px 15px
}

.social-lin {
	display: flex;
	justify-content: center;
	align-items: center
}

.login-box h2 {
	margin: 0 0 25px 0;
	color: #071773;
	font-size: 26px;
	font-weight: 700;
	text-align: left;
	position: relative;
	font-family: Poppins, sans-serif;
	text-transform: uppercase
}

input#register_user {
	padding: 15px;
	max-width: 350px;
	text-align: center;
	margin: 0 auto;
	float: none;
	font-size: 14px;
	font-family: Poppins, sans-serif;
	text-transform: capitalize;
	display: block;
	outline: 0;
	margin-top: 10px;
	font-weight: 600
}

.login-box label {
	margin: 0 0 5px 0;
	color: #686f7a;
	font-weight: 400
}

img.video-thumb {
	height: 250px
}

.star-rating.rating-xs.rating-active {
	display: inline-block;
	width: 161px
}

fieldset.rating {
	width: 92%
}

.saveNote,
a.saveReview.d-btn {
	float: right
}

.cdm-right .login-box .form-control {
	border-radius: 3px;
	padding: 10px 15px;
	background-color: #fff;
	box-shadow: none;
	font-size: 13px;
	height: 90px;
	border: 1px solid #ddd;
	border-radius: 0;
	font-weight: 500;
	font-size: 12px;
	color: #000
}

.login-box .form-control {
	border-radius: 3px;
	padding: 10px 15px;
	background-color: #fff;
	box-shadow: none;
	font-size: 13px;
	height: 39px;
	border: none;
	border-radius: 0;
	font-weight: 400;
	font-size: 12px;
	box-shadow: 1px 1px 5px rgba(225, 226, 225, .9)
}

div#addReviews {
	padding: 0 20px 20px;
	float: left;
	width: 100%;
	border-top: 0
}

div#addNotes {
	padding: 0;
	float: left;
	width: 100%;
	border-top: 0
}

.br-0 {
	border-right: 0!important
}

.login-fp {
	display: inline-block;
	color: #686f7a;
	margin-top: 8px
}

.login-fp:hover {
	color: #071773
}

.login-regi-link {
	text-align: center;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 0 0
}

.login-regi-link h4 {
	margin: 0;
	color: #222;
	font-size: 14px;
	margin-right: 5px;
	font-family: Poppins, sans-serif
}

.login-regi-link a {
	display: inline-block;
	color: #071773;
	font-weight: 400;
	font-size: 15px
}

.login-social {
	clear: both;
	margin-top: 20px
}

.facebook-btn,
.facebook-btn:focus {
	display: inline-block;
	background: #3b5998;
	color: #fff;
	padding: 8px 15px;
	width: 100%;
	border-radius: 4px;
	font-size: 13px;
	margin-bottom: 10px
}

.facebook-btn i {
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-right: 10px;
	transition: .4s
}

.facebook-btn:hover {
	color: #fff;
	background: #2b467f;
	transition: .4s
}

.google-btn,
.google-btn:focus {
	display: inline-block;
	background: #db4437;
	color: #fff;
	padding: 8px 15px;
	width: 100%;
	border-radius: 4px;
	font-size: 13px
}

.google-btn i {
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-right: 10px;
	transition: .4s
}

.google-btn:hover {
	color: #fff;
	background: #c33124;
	transition: .4s
}

.login-cancel,
.login-cancel:focus {
	position: absolute;
	top: 0;
	right: -25px;
	color: #fff;
	font-size: 22px;
	display: inline-block;
	transition: .4s;
	z-index: 99
}

.login-cancel:hover {
	transition: .4s;
	transform: rotate(360deg);
	color: #555
}

.forgot-password-area {
	float: right;
	margin: 8px 0 0;
	font-size: 13px
}

.forgot-password-area a {
	color: #e91e63;
	font-weight: 600
}

.course-detail-banner {
	background: url(../images/hacker_rocks/courses/detail-header-bg2.png) no-repeat center right #fff;
	background-size: auto 100%;
	padding: 50px 0 70px 0
}

.cdb-left-main .breadcrumb {
	background: 0 0!important;
	padding-left: 0
}

.cdb-left-main .breadcrumb a {
	color: #777;
	transition: .4s;
	font-size: 12px
}

.cdb-left-main .breadcrumb a:hover {
	color: #e91e63;
	transition: .4s
}

.cdb-left-main .breadcrumb>li+li:before {
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	font-size: 9px
}

.cdb-course-title {
	margin: 20px 0;
	color: #071773;
	font-weight: 600;
	font-size: 34px
}

.cdb-left-main p.description {
	color: #e91e63;
	margin: 0;
	font-size: 18px
}

.header-rating {
	display: flex;
	float: left
}

.course_banner .cdb-enrolled {
	padding: 0 15px 0 15px;
	text-align: left;
	float: left;
	border-left: 1px dashed #c7c7c7;
	margin-left: 15px
}

.header-rating h3 {
	margin: 0 10px 0 0;
	color: #071773;
	font-size: 45px;
	font-weight: 300
}

.header-rating span i {
	color: #ffba01;
	font-size: 12px
}

.header-rating a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding-bottom: 0;
	line-height: 28px;
	font-weight: 200
}

.cdb-enrolled {
	padding: 0 15px 0 0;
	text-align: left
}

.cdb-enrolled h4 {
	margin: 0;
	color: #fff;
	font-weight: 600
}

.pages-header.course_banner p.description {
	display: block!important;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 15px
}

.cdb-enrolled h4 span {
	color: #e0e1d8;
	font-weight: 400;
	text-decoration: line-through;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 300
}

.cdb-enrolled p {
	margin: 0;
	color: #071773
}

.cdb-video img.video-thumb {
	width: 100%
}

.course-detail-main {
	padding: 40px 0 0px;
	font-family: Poppins, sans-serif;
	font-family: Hind, sans-serif;
	font-family: 'Nunito Sans', sans-serif;
	display: inline-block
}

.rating_section {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px
}

a#course_overview {
	box-shadow: 35px 39px 39px 0 rgba(0, 0, 0, .12);
	display: inline-block;
	width: 100%
}

.cdm-right {
	padding: 0!important
}

.cdm-video img.video-thumb {
	width: 100%
}

.cdm-video {
	padding: 15px 15px 0;
	z-index: 99
}

.cdm-video img.play-btn {
	position: absolute;
	top: 34%;
	z-index: 99;
	left: 42%;
	background: rgba(0, 0, 0, .41);
	padding: 10px;
	border-radius: 100px;
	transition: .4s
}

.cdm-video p {
	color: #fff;
	position: absolute;
	bottom: 10px;
	width: 100%;
	margin-left: -15px;
	text-align: center;
	text-shadow: 0 0 10px #000;
	font-weight: 600;
	font-size: 17px;
	transition: .4s
}

.cdm-video:hover img {
	opacity: .7;
	transition: .4s
}

.cdm-right-details {
	display: inline-block;
	width: 100%
}

.cdm-right-price {
	margin: 25px 0;
	text-align: center;
	font-weight: 700;
	color: #000;
	font-size: 32px;
	display: flex;
	justify-content: center;
	align-items: center
}

.product_details h6.cdm-right-price {
	text-align: left;
	font-size: 20px
}

.cdm-right-price span {
	font-weight: 400;
	text-decoration: line-through;
	margin: 10px 15px 0 0;
	color: #5f1c07;
	font-size: 14px
}

.skill_leftpanel .cdm-right-price {
	margin: 25px 0;
	text-align: center;
	font-weight: 700;
	color: #000;
	font-size: 37px;
	display: block;
	justify-content: center;
	align-items: center
}

.skill_leftpanel .cdm-right-price span {
	font-weight: 600;
	margin: 20px 0 6px 0;
	color: #5f1c07;
	font-size: 14px;
	width: 100%;
	float: left;
	text-decoration: none
}

.skill_leftpanel a.cdm-right-buy-btn {
	width: 241px!important;
	padding: 14px 17px;
	font-size: 15px
}

.cdm-right-what-you-get {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.cdm-right-price sup {
	color: #5f1c07;
	font-weight: 500;
	font-size: 16px;
	left: 10px
}

.cdm-right-buy-btn,
.cdm-right-buy-btn:focus {
	display: block;
	background: #6194ff!important;
	color: #fff;
	width: 300px;
	text-align: center;
	padding: 17px;
	font-size: 18px;
	font-weight: 300;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .11)!important;
	-webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .11)!important;
	float: none;
	margin: 0 auto;
	border-radius: 30px
}

.cdm-right-buy-btn span {
	font-weight: 700
}

.cdm-right-buy-btn:hover {
	color: #fff;
	text-decoration: none;
	background: linear-gradient(to right, #071773, #e91e63);
	box-shadow: none
}

.cdm-right-what-you-get h3 {
    margin: 10px 0;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    text-transform: uppercase;
}
.test_details .test_decrib{
	padding: 0px;
    font-size: 12px;
    color: #070707;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 15px;
}
.cdm-right-what-you-get p {
	padding: 2px;
	font-size: 14px;
	color: #505763;
	margin-bottom: 7px;
	font-weight: 300
}

.cdm-right-what-you-get p i {
	width: 26px;
	transition: .4s
}

.cdm-right-what-you-get p:hover i {
	color: #673ab7;
	transition: .4s
}

.cdm-section {
	padding: 0 15px 25px
}

.video-modal {
	padding: 0!important
}

.cdm-title {
	margin: 0 0 0!important;
	color: #000;
	font-size: 20px;
	padding: 15px!important;
	background-size: 50px;
	padding-bottom: 32px;
	transition: .4s;
	text-transform: uppercase;
	font-weight: 700
}

.cdm-title span {
	font-weight: 700
}

.course-content-box {
	padding: 0!important;
	color: #d1cbcb;
	border-top: 1px solid #383535
}

.ccb-title {
	cursor: pointer;
	border: 0;
	padding: 6px 15px;
	font-size: 13px;
	background: #181818;
	border-bottom: 1px solid #383535
}

.ccb-title table {
	width: 100%;
	text-align: right
}

.ccb-title table tr td {
	padding: 10px 5px
}

.ccb-title table tr td:first-child {
	text-align: left;
	width: 70%
}

.ccb-title table tr td:first-child i {
	margin-right: 10px
}

.ccb-title table tr td:last-child {
	width: 15%;
	font-size: 13px
}

.ccb-title.activeaccordion {
	color: #fff;
	font-weight: 600
}

.detail_para {
	line-height: 26px;
	text-align: justify;
	-webkit-line-clamp: 8;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-weight: 400;
	padding-top: 5px;
	transition: all .5s linear
}

a.continue_reading {
	display: inline-block;
	width: 100%;
	font-size: 13px;
	text-decoration: underline;
	float: left;
	cursor: pointer;
	color: #337ab7
}

p.detail_para.full_para {
	-webkit-line-clamp: unset
}

.ccb-content {
	background: #0a0a0a;
	padding: 7px 15px 7px 30px;
	border-left: 0;
	border-right: 0;
	color: #fff
}

.ccb-content table {
	width: 100%;
	text-align: right;
	font-size: 13px
}

.ccb-content table tr {
	border-bottom: 1px dashed #ddd
}

.ccb-content table tr:last-child {
	border-bottom: none
}

.ccb-content table tr td {
	padding: 12px 5px
}

.ccb-content table tr td:first-child {
	text-align: left;
	width: 70%
}

.ccb-content table tr td:last-child {
	width: 15%
}

.ccb-content table tr td a {
	color: #fff
}

.cdm-learn-poits {
	list-style: none;
	padding-left: 0
}

.cdm-learn-poits li {
	background: url(../images/hacker_rocks/courses/check.png) no-repeat left top;
	background-size: 20px;
	padding-left: 30px;
	color: #5f6b71;
	width: 50%;
	float: left;
	margin-bottom: 20px
}

.course-video-modal {
	width: 90%
}

.course-video-modal .modal-content {
	border-radius: 0;
	background-color: rgba(21, 17, 27, .95)
}

.course-video-modal .modal-header {
	background-color: rgba(21, 17, 27, 1);
	color: #fff;
	padding: 10px 15px
}

.course-video-modal .modal-header .close {
	margin-top: -2px;
	background: #fff;
	opacity: .8;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	text-shadow: none;
	box-shadow: 2px 2px 5px #272020;
	transition: .4s
}

.course-video-modal .modal-header .close:hover {
	opacity: 1;
	transition: .4s
}

.cvm-video-list {
	height: 450px;
	overflow: auto
}

.cvm-video-list::-webkit-scrollbar {
	width: 7px
}

.cvm-video-list::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #ddd;
	border-radius: 10px
}

.cvm-video-list::-webkit-scrollbar-thumb {
	background: #352f3c;
	border-radius: 10px
}

.cvm-video-list::-webkit-scrollbar-thumb:hover {
	background: rgba(71, 88, 95, .9)
}

.cvm-video-list h4 {
	color: #fff
}

.cvm-video-list table {
	width: 100%;
	color: #fff
}

.cvm-video-list table img {
	width: 100%
}

.cvm-video-list table tr:hover img {
	opacity: .7
}

.cvm-video-list table a {
	color: #fff
}

.cvm-video-list table tr td {
	padding: 5px
}

.cvm-video-list table tr td:first-child {
	width: 100px
}

.cvm-video-list table tr td span {
	font-size: 12px;
	color: #767c88
}

.cvm-video-list table tr.active {
	background: #352f3c
}

.cdm-social-share {
	border-top: 1px solid #ddd;
	padding: 15px 0;
	margin-top: 15px
}

.cdm-social-share p {
	display: inline-block;
	margin-right: 10px;
	font-weight: 500;
	color: #5a5959
}

.cdm-social-share a {
	display: inline-block;
	color: #fff;
	background: #909090;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 4px;
	margin-right: 4px;
	transition: .4s
}

.bg-facebook:hover {
	background: #3b5998!important;
	transition: .4s
}

.bg-twitter:hover {
	background: #38a1f3!important;
	transition: .4s
}

.bg-linkedin:hover {
	background: #0077b5!important;
	transition: .4s
}

.bg-copy:hover {
	background: #e91e63!important;
	transition: .4s
}

.cdm-f-review table {
	width: 100%
}

.cdm-f-review table tr td {
	vertical-align: top
}

.cdm-f-review table tr td:first-child {
	width: 80px
}

.cdm-f-review table tr td:first-child img {
	width: 70px;
	border-radius: 100px
}

.cdm-f-review table tr td:nth-child(2n) {
	padding-left: 15px;
	padding-right: 15px
}

.cdm-f-review h3 {
	margin: 0;
	font-size: 13px;
	color: #252733
}

.cdm-f-review h3 i {
	color: #ffa400
}

.cdm-f-review h3 span {
	font-weight: 700;
	margin: 0 10px;
	color: #524949;
	font-size: 15px
}

.blocking-boxes {
	display: inline-block;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center
}

.payment_box {
	width: 100%;
	float: none;
	background: #fff;
	text-align: left;
	font-family: 'Nunito Sans', sans-serif;
	display: inline-block;
	max-width: 512px;
	margin-bottom: 15px
}

.product_details {
	display: inline-block;
	padding: 25px;
	background-color: #fff;
	width: 100%;
	font-family: 'Nunito Sans', sans-serif;
	box-shadow: 0 25px 98px 0 rgba(0, 0, 0, .1)
}

.pages-header.course_banner {
	text-align: left;
	padding: 134px 20px 90px;
	    background: url(../Release/images/courses_new.jpg) no-repeat #fff;
	background-size: cover;
	background-position: center center;
	position: relative;
	min-height: auto
}

.pages-header .container-fluid {
	position: relative;
	z-index: 11
}

.pages-header.course_banner:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #0a0a0a;
	background: -moz-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
	background: -webkit-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
	background: linear-gradient(to right, #000 0, rgba(50, 50, 50, .1) 73%)
}

.pages-header.course_banner p.description {
	display: block
}

.payment_box [type=radio]:checked+label {
	background: #f9f5f5;
	border: 1px solid #8674a9;
	box-shadow: none
}

.payment_right_cont [type=radio]:checked+label:before {
	display: none
}

.payment_right_cont [type=radio]:not(:checked)+label:before {
	display: none
}

.payment_right_cont [type=radio]:not(:checked)+label:after {
	display: none
}

.payment_right_cont [type=radio]:checked+label:after {
	display: none
}

.payment_box label {
	width: 100%;
	display: inline-block;
	padding: 15px;
	margin: 0;
	border: 1px solid #dddd
}

.payment_right_cont h5 {
	margin-bottom: 40px;
	font-weight: 600;
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
	text-transform: uppercase
}

.back_link {
	color: #4e4d4d;
	font-weight: 500;
	text-decoration: underline;
	margin-right: 15px
}
form.navbar-form.navbar-left.nav-search-from {
    display: none;
}
.product_details img {
	width: 300px;
	float: left;
	margin-right: 30px
}

.payment_right_cont .button_panel {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px
}
.payment_outer .product_details h6.cdm-right-price{
	    display: inline-block;
    margin: 10px auto;
}
.payment_right_cont {
	display: inline-block;
	background-color: #fff;
	width: 100%;
	font-family: 'Nunito Sans', sans-serif;
	padding-bottom: 40px;
}

.payment_box img {
	width: 40px;
	margin-bottom: 0;
	height: 40px;
	float: left;
	margin-right: 20px
}

.payment_box span {
	font-weight: 400;
	font-size: 12px;
	color: #000;
	font-family: 'Nunito Sans', sans-serif
}

.payment_box p {
	font-weight: 700;
	font-size: 14px;
	color: #2f2e2e;
	text-transform: capitalize;
	margin-bottom: 3px!important;
	font-family: 'Nunito Sans', sans-serif
}

.cdm-f-review p {
	margin: 10px 0;
	color: #252733;
	line-height: 24px;
	font-size: 14px
}

.cdm-f-review h6 {
	margin: 0;
	color: #868d90;
	text-align: right;
	font-style: italic
}

.cdm-instu {
	border: 1px dashed #ddd;
	padding: 15px;
	border-radius: 8px
}

.instru-details {
	border-bottom: 1px dashed #ddd;
	margin-top: 0;
	padding-top: 0;
	overflow: hidden
}

.instru-details .instru-name {
	display: inline-block;
	color: #071773;
	font-weight: 500;
	font-size: 18px
}

.instru-details .instru-desi {
	font-size: 14px;
	color: #000;
	margin: 5px 0 20px 38px;
	border-left: 2px solid #071773;
	border-right: 2px solid #071773;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	background: #ececec;
	padding: 5px 15px
}

.clear-both {
	clear: both
}

.reviews-2 {
	padding: 15px 15px 30px 15px;
	border-radius: 5px
}

.reviews-2 h2 {
	color: #ffa400;
	margin: 0;
	font-weight: 400;
	font-size: 60px
}

.reviews-2 span {
	display: block;
	color: #ffa400;
	font-size: 16px
}

.reviews-2 p {
	margin: 7px 0 0 0;
	color: #807e7e
}

.reviews-2 table {
	width: 100%;
	color: #969696;
	font-size: 14px
}

.reviews-2 table tr td {
	padding: 2.5px 2px;
	vertical-align: middle
}

.reviews-2 table tr td:first-child {
	width: 40px;
	text-align: right
}

.reviews-2 table tr td:first-child i {
	margin-left: 4px
}

.reviews-2 table tr td:first-child,
.reviews-2 table tr td:last-child {
	width: 40px
}

.reviews-2 table tr td .progress {
	margin-bottom: 0;
	border-radius: 1px;
	box-shadow: none;
	background: #e7e7e7;
	height: 15px
}

.reviews-2 table tr td .progress .progress-bar {
	background-color: #ffa400;
	box-shadow: none
}

.cdm-tab-main {
	padding: 15px;
	background: snow;
	border-radius: 7px;
	border: 1px solid #ddd;
	margin-top: 10px
}

.cdm-review-main ul {
	background: #dddfea;
	border-radius: 5px
}

.cdm-review-main .nav-tabs.nav-justified>li>a {
	border: none;
	font-weight: 700;
	color: #071773;
	border-radius: 0 5px 5px 0
}

.cdm-review-main .nav-tabs.nav-justified>li>a:hover {
	background: #c0c4da
}

.cdm-review-main .nav-tabs.nav-justified>.active>a,
.cdm-review-main .nav-tabs.nav-justified>.active>a:hover {
	background: linear-gradient(to left, #071773, #e91e63);
	color: #fff!important;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 10px #a5a5a5
}

.cdm-review-list {
	padding: 0!important
}

.cdm-review-box {
	padding: 0!important
}

.cdm-review-box table {
	width: 100%
}

.cdm-review-box table tr td {
	padding: 15px 5px;
	vertical-align: top
}

.cdm-review-box table tr {
	border: 1px solid #f3f3f3;
	background: #fff;
	border-bottom-width: 8px
}

.cdm-review-box table tr td:first-child {
	width: 70px;
	padding-left: 15px
}

.cdm-review-box table tr td:first-child img {
	width: 50px;
	border-radius: 100px;
	margin-top: 5px
}

.cdm-review-box table tr td:nth-child(2n) {
	width: 150px
}

.cdm-review-box table tr td:nth-child(2n) h3 {
	margin: 0 0 4px 0;
	font-size: 15px;
	font-weight: 600
}

.cdm-review-box table tr td:nth-child(2n) h6 {
	margin: 0;
	font-size: 12px;
	color: #686f7a
}

.cdm-review-box table tr td:last-child {
	padding-right: 15px
}

.cdm-review-plus,
.cdm-review-plus:focus,
.cdm-review-plus:hover {
	display: inline-block;
	color: #071773;
	border: 2px solid #071773;
	padding: 7px 40px;
	border-radius: 5px;
	font-weight: 700;
	text-decoration: none
}

.cdm-review-plus:hover {
	opacity: .7;
	transition: .4s
}

.cdm-faqs {
	padding: 0!important
}

.cdm-faqs h3 {
	margin: 0;
	color: #000;
	font-size: 17px
}

.cdm-faq-box {
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
	margin-top: 10px
}

.cdm-faq-box h4.faq-title {
	margin: 0;
	background: url(../images/hacker_rocks/courses/faq-arrow.png) no-repeat left top;
	padding-left: 35px;
	background-size: 24px;
	padding-bottom: 10px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	padding-top: 5px
}

.cdm-faq-box p {
	margin: 0;
	margin-left: 35px;
	font-size: 13px
}

.interview-detail-head {
	background: url(../images/hacker_rocks/interview/detail-head-bg.png) no-repeat center center #383a48;
	background-size: 100%;
	background-attachment: fixed;
	box-shadow: 0 3px 5px #ddd;
	z-index: 99
}

.breadcrumb-d {
	background: 0 0!important;
	padding-left: 0;
	margin-bottom: 0!important
}

.breadcrumb-d a {
	color: rgba(255, 255, 255, .8);
	transition: .4s;
	font-size: 12px
}

.breadcrumb-d li.active {
	color: rgba(255, 255, 255, .6);
	font-size: 12px
}

.breadcrumb-d a:hover {
	color: rgba(255, 255, 255, .99);
	transition: .4s
}

.breadcrumb-d>li+li:before {
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	font-size: 9px
}

.mb-10 {
	margin-bottom: 10px
}

.pages-header.course_banner.skill_banner p {
	display: block!important;
	margin-bottom: 0!important
}

.breadcrumb-d-dark {
	background: 0 0!important;
	padding-left: 0;
	margin-bottom: 0!important
}

.breadcrumb-d-dark a {
	color: rgba(0, 0, 0, .8);
	transition: .4s;
	font-size: 12px
}

.breadcrumb-d-dark li.active {
	color: rgba(0, 0, 0, .6);
	font-size: 12px
}

.skill_leftpanel {
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.breadcrumb-d-dark a:hover {
	color: rgba(0, 0, 0, .99);
	transition: .4s
}

.breadcrumb-d-dark>li+li:before {
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	font-size: 9px
}

.interview-detail-main .practice-title {
	margin: 0;
	font-size: 15px;
	display: block;
	width: 100%;
	padding-top: 15px
}

.ipd-head {
	padding: 20px 15px 30px 15px
}

.ipd-head h3 {
	margin: 0;
	color: #fff;
	font-size: 17px
}

.ipd-head h3 span {
	margin: 0 15px;
	padding: 2px 20px;
	background: #52556d;
	border-radius: 100px;
	font-size: 15px
}

.interview-detail-main {
	padding: 20px 0;
	background: #f1f3f6;
	font-family: 'Nunito Sans', sans-serif;
	font-family: Poppins, sans-serif
}

.interview-detail-main .col-sm-12.practice-right {
	background: #fff;
	padding: 20px
}

.interview-detail-main .pr-title {
	border-bottom: 0;
	margin: 0 0 0!important;
	color: #000;
	font-size: 25px;
	padding: 0 0 10px!important;
	background-size: 50px;
	padding-bottom: 32px;
	transition: .4s;
	text-transform: capitalize;
	font-weight: 400
}

.interviw-test-box {
	background: #fff;
	padding: 20px!important;
	box-shadow: none!important;
	margin-bottom: 10px;
	border: 1px solid #e5dfdf
}

.interviw-test-box:hover {
	box-shadow: 0 0 1px #ddd
}

.interviw-test-box table {
	width: 100%
}

.interviw-test-box table h3 {
	margin: 0;
	color: #191919;
	font-size: 20px;
	font-weight: 400;
	font-family: Poppins, sans-serif
}

.interviw-test-box table p {
	margin: 12px 0 0 0;
	font-size: 13px;
	color: #323232
}

.interviw-test-box table p span {
	font-weight: 700;
	margin: 0 10px 0 2px
}

.interviw-test-box table tr td {
	padding: 5px;
	text-align: left;
	width: 100%
}

.call2action a {
	margin-top: 5px;
	padding: 14px 30px;
	font-size: 12px
}

td.calltoaction {
	margin-top: 15px;
	float: left
}

.interview-detail-main .slide_panel .col-xs-12.course-grid {
	display: inline-block
}

.ipd-right {
	background: #fff;
	padding: 10px!important;
	box-shadow: 0 0 5px #ddd
}

.itpd-banner {
	background: #f5f5f5;
	overflow: hidden
}

.itpd-banner img {
	width: 100%;
	transition: .4s
}

.itpd-banner img:hover {
	transform: scale(1.1);
	transition: .4s
}

.itpd-desc {
	padding: 10px!important
}

.itpd-desc p {
	margin: 0;
	color: #686f7a
}

.itpd-company-logo h3 {
	margin: 0 0 20px 0;
	color: #071773;
	border-left: 4px solid #071773;
	border-right: 4px solid #071773;
	padding: 5px;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	background: #f5f5f5
}

.itpd-company-logo img {
	width: 100%;
	margin-bottom: 30px
}

.test-exam-left {
	background: #f5f5f5;
	min-height: 100vh;
	padding: 0!important;
	border-right: 1px solid #ddd
}

.tel-top {
	border-bottom: 1px solid #ddd;
	padding: 15px 30px!important
}

.tel-top img.test-screen-logo {
	transition: .4s;
	margin-bottom: 15px;
	height: 18px
}

.tel-top a.ist-instruction {
	display: inline-block;
	font-size: 12px;
	color: #444;
	font-weight: 600;
	text-decoration: underline
}

.tsl-title {
	margin: 0;
	font-size: 18px;
	color: #071773;
	font-weight: 600
}

.test-exam-list {
	padding: 25px 0 70px 0!important;
	background: #fff;
	height: 530px;
	overflow: auto
}

.small-scroll::-webkit-scrollbar {
	width: 4px
}

.small-scroll::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #ddd;
	border-radius: 10px
}

.small-scroll::-webkit-scrollbar-thumb {
	background: rgba(71, 88, 95, .5);
	border-radius: 10px
}

.small-scroll::-webkit-scrollbar-thumb:hover {
	background: rgba(71, 88, 95, .9)
}

.test-exam-list table {
	width: 100%;
	color: #000
}

.test-exam-list table tr {
	border-bottom: 1px solid #ddd;
	transition: .4s
}

.test-exam-list table tr:hover {
	background: #f5f5f5;
	transition: .4s
}

.test-exam-list table tr.active {
	color: #071773
}

.test-exam-list table tr td {
	vertical-align: top
}

.test-exam-list table tr td:first-child {
	padding: 15px 10px 15px 30px;
	font-weight: 700
}

.test-exam-list table tr td:first-child a {
	display: inline-block;
	color: #ffa400
}

.test-exam-list table tr td:last-child {
	padding: 15px 10px;
	font-weight: 600
}

.test-exam-main {
	padding: 15px 30px
}

.tem-main-top h3 {
	margin: 0 0 5px 0;
	color: #686f7a;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px
}

.tem-main-top .progress {
	border-radius: 0;
	box-shadow: none
}

.tem-main-top .progress-bar {
	background: linear-gradient(to left, #071773, #e91e63)
}

.float-right {
	float: right
}

.float-left {
	float: left
}

.question-test table {
	width: 100%;
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
	margin-top: 6px
}

.question-test table tr td {
	vertical-align: top
}

.question-test table tr td:first-child {
	width: 50px
}

.question-test table tr td:first-child a {
	color: #ffa400;
	display: inline-block
}

.answer {
	display: block;
	width: 100%;
	margin-bottom: 10px
}

.answer>input {
	visibility: hidden;
	position: absolute
}

.answer>input+div {
	cursor: pointer;
	border: 1px solid #ddd;
	font-size: 15px;
	font-weight: 400;
	border-radius: 5px;
	padding: 5px;
	color: #585858
}

.answer>input+div table {
	width: 100%
}

.answer>input+div table tr td {
	padding: 10px;
	vertical-align: top
}

.answer>input+div table tr td:first-child {
	font-weight: 700;
	width: 30px
}

.answer>input:checked+div {
	background-color: #fff;
	border: 1px solid #2cc10f;
	border-radius: 5px;
	background: url(../images/hacker_rocks/tick.png) no-repeat top 7px right 7px;
	background-size: 12px
}

.clear-sele-test,
.clear-sele-test:focus,
.clear-sele-test:hover {
	display: inline-block;
	color: #e91e63;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none
}

.clear-sele-test i {
	font-size: 10px;
	margin-right: 5px
}

.next-btn-test,
.previous-btn-test {
	padding: 15px
}

.previous-btn-test a,
.previous-btn-test a:focus {
	display: inline-block;
	text-align: center;
	background: #c3c3c3;
	color: #363842;
	padding: 7px;
	width: 100%;
	border-radius: 4px;
	font-size: 14px;
	text-decoration: none
}

.previous-btn-test a i {
	font-size: 13px;
	margin-right: 4px;
	transition: .4s
}

.previous-btn-test a:hover i {
	margin-right: 8px;
	transition: .4s
}

.next-btn-test a {
	display: inline-block;
	text-align: center;
	background: #071773;
	color: #fff;
	padding: 7px;
	width: 100%;
	border-radius: 4px;
	font-size: 14px;
	text-decoration: none
}

.next-btn-test a i {
	font-size: 13px;
	margin-left: 4px;
	transition: .4s
}

.next-btn-test a:hover i {
	margin-left: 8px;
	transition: .4s
}

.submit-test-link {
	border-top: 1px solid #ddd;
	padding-top: 20px
}

.submit-test-link p {
	color: #686f7a
}

.submit-test-link p a {
	display: inline-block;
	color: #fff;
	background: #e91e63;
	padding: 5px 15px;
	border-radius: 4px
}

.submit-test-link p span {
	margin: 0 10px
}

.practice-title {
	margin: 10px 0 15px 0;
	font-size: 15px
}

.practice-title a {
	color: #071773
}

.practice-right {
	color: #000
}

.pr-title {
	margin: 0 0 20px 0;
	border-bottom: 2px solid #bfbfbf;
	padding-bottom: 5px
}

.practice-right ul {
	list-style: inside;
	padding-left: 10px
}

.practice-right .read-more-btn {
	color: #e91e63;
	display: inline-block;
	float: right
}

.practice-right .read-more-btn i {
	font-size: 12px
}

.interview-detail-land {
	background: #f5f5f5
}

.idl-top-bar {
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 0 0 10px 10px;
	margin-bottom: 20px;
	margin-top: 5px
}

.idl-top-bar h3 {
	margin: 0;
	color: #000;
	font-size: 17px;
	padding: 8px 0;
	font-weight: 600
}

.idl-main-area {
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 10px 10px 0 0;
	margin-bottom: 30px
}

.idl-stat-top h4 {
	display: inline-block;
	padding: 5px 25px;
	text-align: center;
	color: #071773;
	border-right: 1px solid #ddd;
	transition: .4s;
	margin: 0
}

.idl-stat-top h4 span {
	font-size: 12px;
	color: #607d8b
}

.idl-stat-top h4 i {
	color: #ffa400
}

.idl-stat-top h4:hover {
	background: #f5f5f5;
	transition: .4s
}

.idl-main-nav {
	padding: 0 0!important;
	margin-top: 5px
}

.idl-main-nav .nav-tabs {
	background: #efefef;
	border: none
}

.idl-main-nav .nav-tabs>li>a {
	color: #071773;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	padding: 10px 30px;
	transition: .4s;
	border-bottom: none
}

.idl-main-nav .nav-tabs>li>a:hover {
	border-bottom: none;
	opacity: .7;
	transition: .4s
}

.idl-main-nav .nav-tabs>li.active>a,
.idl-main-nav .nav-tabs>li.active>a:focus,
.idl-main-nav .nav-tabs>li.active>a:hover {
	color: #071773;
	border-color: #efefef;
	border-bottom: none
}

.idl-tab-area {
	padding: 15px 15px 30px 15px
}

.idm-small-tble {
	font-size: 11px;
	color: #686f7a
}

.idm-small-tble tr td:first-child {
	width: 25%
}

.idm-editorial-lock {
	text-align: center
}

.idm-editorial-lock h3 {
	color: #000;
	font-size: 17px;
	text-transform: uppercase
}

.idm-editorial-lock span {
	color: #c3c3c3;
	font-size: 35px
}

.idm-editorial-lock p {
	font-size: 12px
}

.idm-editorial-lock h4 {
	font-weight: 600
}

.idm-unlock-btn,
.idm-unlock-btn:focus {
	display: inline-block;
	padding: 7px 30px;
	background: #00b451;
	color: #fff;
	transition: .4s
}

.idm-unlock-btn:hover {
	color: #fff;
	border-radius: 100px;
	transition: .4s
}

.idm-editorial-bottom {
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 5px
}

.idm-e-helpful table {
	width: 100%
}

.idm-e-helpful table tr td:first-child {
	text-align: left;
	color: #000;
	font-weight: 600
}

.idm-e-helpful table tr td {
	text-align: center;
	padding: 5px
}

.idm-e-helpful table tr td p {
	margin: 0
}

.idm-e-helpful table tr td a.green,
.idm-e-helpful table tr td a.green:focus {
	display: inline-block;
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #4caf50;
	color: #4caf50;
	font-weight: 600;
	text-decoration: none;
	transition: .4s
}

.idm-e-helpful table tr td a.green:hover,
.idm-e-helpful table tr td a.red:hover {
	text-decoration: none;
	opacity: .7;
	transition: .4s
}

.idm-e-helpful table tr td a span {
	margin-top: 0;
	font-size: 22px
}

.idm-e-helpful table tr td a.red,
.idm-e-helpful table tr td a.red:focus {
	display: inline-block;
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #e91e63;
	color: #e91e63;
	font-weight: 600;
	text-decoration: none;
	transition: .4s
}

.idm-editorial-comment {
	padding: 15px 0!important
}

.idm-ec-top {
	padding: 15px 0!important;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px
}

.idm-ec-top h3 {
	margin: 0;
	font-size: 14px
}

.idm-ec-top select {
	padding: 2px 5px;
	border-radius: 5px
}

.idm-ec-top select:focus {
	outline: 0;
	box-shadow: none
}

.idm-ec-comment-add table {
	width: 100%
}

.idm-ec-comment-add table tr td {
	padding: 5px;
	vertical-align: top
}

.idm-ec-comment-add table tr td:first-child {
	width: 40px
}

.idm-ec-comment-add table tr td textarea,
.idm-ec-comment-add table tr td textarea:focus {
	text-shadow: none;
	font-size: 12px;
	border-color: #ddd;
	outline: 0;
	margin-bottom: 10px
}

.idm-ec-comment-add table tr td .d-btn {
	font-size: 13px!important;
	padding: 5px 30px;
	margin-left: 10px
}

.idm-ec-comment-add table tr td .link {
	color: #686f7a
}

.idmec {
	font-size: 12px;
	border-bottom: 1px dashed #ddd;
	padding: 15px
}

.editorial-dp {
	width: 30px;
	border-radius: 100%
}

.editorial-comment-bottom-links {
	padding: 10px 0!important
}

.editorial-comment-bottom-links a {
	display: inline-block;
	font-weight: 600;
	color: #071773;
	margin-right: 10px;
	font-size: 11px
}

.editorial-comment-bottom-links a:hover {
	text-decoration: underline
}

.editorial-user-link {
	display: inline-block;
	color: #071773;
	font-weight: 700
}

.edi-comment-more-btn,
.edi-comment-more-btn:focus,
.edi-comment-more-btn:hover {
	display: inline-block;
	border: 2px solid #071773;
	color: #071773;
	font-weight: 700;
	padding: 5px 20px;
	border-radius: 5px;
	box-shadow: 0 0 5px #ddd
}

.idl-leaderboard {
	padding: 15px 0!important
}

.idl-leaderboard table {
	width: 100%;
	text-align: center
}

.idl-leaderboard table .leader-country {
	width: 26px;
	border-radius: 100px
}

.idl-leaderboard table thead tr th {
	text-align: center;
	color: #e91e63;
	font-weight: 600
}

.idl-leaderboard table thead tr th:first-child,
.idl-leaderboard table tr td:first-child {
	text-align: left
}

.idl-leaderboard table thead tr th:last-child,
.idl-leaderboard table tr td:last-child {
	text-align: right
}

.idl-leaderboard table tr td {
	vertical-align: middle!important
}

.idl-leaderboard table tr td:first-child a {
	display: inline-block;
	color: #071773;
	font-weight: 600
}

.idl-leaderboard table tr td:last-child a {
	display: inline-block;
	color: #e91e63
}

.idl-leaderboard table tr td:last-child a:hover {
	opacity: .7
}

.idl-analytic {
	padding: 0!important
}

.idl-an-graph {
	padding: 15px 0!important
}

.idl-an-graph h3 {
	margin: 0 0 20px;
	color: #000;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 4px
}

.idl-ana-user {
	font-size: 12px
}

.idl-ana-user thead {
	background: #071773;
	color: #fff
}

.idl-ana-user tr td:nth-child(2n) {
	width: 40%
}

.idl-ana-user tr td {
	vertical-align: middle!important
}

.idl-ana-user tr td:first-child {
	width: 40px
}

.idl-ana-user tr td:first-child img {
	width: 40px;
	display: inline-block;
	border-radius: 5px
}

.idl-ana-user tr td:nth-child(2n) h4 {
	margin: 0;
	display: inline-block;
	color: #000;
	font-size: 15px
}

.idl-ana-user tr td:nth-child(2n) p {
	margin: 0;
	display: inline-block;
	color: #686f7a;
	font-size: 12px
}

.idl-ana-user tr td:nth-child(2n) h4:hover,
.idl-ana-user tr td:nth-child(2n) p:hover {
	color: #071773
}

.idl-ana-user tr td:last-child {
	width: 35%
}

.code-editor-idl {
	border: 1px solid #ddd;
	padding: 0!important
}

.cs-title {
	margin: 0;
	color: #000;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 15px
}

.c-editor {
	padding: 0!important
}

.ce-top-bar {
	padding: 5px!important;
	text-align: right;
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.ce-language-dd {
	padding: 5px 15px;
	font-size: 12px;
	color: #000;
	border-radius: 5px
}

a.sc-option-btn {
	background: #909090;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	display: inline-block;
	margin-left: 4px
}

a.sc-option-btn-green {
	background: #4caf50;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	display: inline-block;
	margin-left: 4px
}

.ce-main-code-area {
	background: #0f1010;
	height: 500px
}

.ce-bottom-bar {
	padding: 5px!important;
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

a.ce-compile-btn {
	display: inline-block;
	background: #2196f3;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 7px;
	border-radius: 2px;
	margin-bottom: 5px;
	transition: .4s;
	text-transform: uppercase;
	font-size: 13px
}

a.ce-submit-btn {
	display: inline-block;
	background: #4caf50;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 7px;
	border-radius: 2px;
	transition: .4s;
	text-transform: uppercase;
	font-size: 13px
}

a.ce-compile-btn:hover,
a.ce-submit-btn:hover {
	opacity: .7;
	transition: .4s
}

.pl-0 {
	padding-left: 0!important
}

.rating {
	border: none;
	float: left
}

.rating>input {
	display: none
}

.rating>label:before {
	margin: 5px;
	font-size: 1em;
	font-family: 'Glyphicons Halflings';
	display: inline-block;
	content: "\e007";
	cursor: pointer
}

.rating>.half:before {
	content: "\e006";
	position: absolute
}

.rating>label {
	color: #ddd;
	float: right;
	margin-bottom: 0
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label {
	color: gold
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
	color: #ffed85
}

.idlp-rate table {
	width: 100%
}

.idlp-rate table tr td {
	vertical-align: middle!important;
	padding: 5px;
	width: 50%
}

.idl-right-side table {
	width: 100%;
	color: #909090
}

.idl-right-side table tr td {
	padding: 5px
}

.idl-right-side table tr td:first-child {
	font-weight: 600
}

.idl-right-side table tr td a {
	display: inline-block;
	color: #071773
}

.idl-right-side table tr td h4 {
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	color: #ffa400
}

.idl-right-side table tr td h4 span {
	color: #909090;
	font-size: 11px;
	line-height: 20px
}

.cdm-top-sbu-box {
	padding: 15px;
	border: 1px solid #ddd;
	margin-top: 20px;
	box-shadow: 0 0 10px #ddd;
	border-radius: 5px
}

.cdm-top-sbu-box:hover img {
	transform: scale(1.1);
	transition: .4s
}

.cdm-top-sbu-box h4 {
	margin: 0 0 20px 0;
	font-weight: 600;
	font-size: 14px;
	color: #686f7a;
	text-transform: uppercase;
	text-align: center
}

.cdm-top-sbu-box p {
	text-align: center;
	color: #686f7a;
	text-transform: uppercase;
	font-size: 12px
}

.cdm-top-sbu-box p select {
	margin-left: 10px;
	border: 1px solid #ddd;
	border-radius: 3px
}

.cdm-top-sbu-box p select:focus {
	outline: 0
}

.cdm-best-sub {
	display: inline-block;
	width: 35px;
	border-radius: 4px;
	transition: .4s
}

.cdm-top-sbu-box a.sdm-best-sub-link {
	display: inline-block;
	font-weight: 600;
	color: #071773;
	font-size: 12px;
	margin-top: 5px;
	text-transform: uppercase
}

.cdm-top-sbu-box table {
	width: 100%;
	margin-top: 20px
}

.cdm-top-sbu-box table h6 {
	margin: 0;
	color: #505763;
	font-size: 19px
}

.cdm-top-sbu-box table h5 {
	margin: 5px 0 0 0;
	font-size: 12px
}

.cdm-submission table tbody tr td:last-child a {
	color: #071773
}

.idl-editorial-name h4 {
	font-size: 14px
}

.idl-editorial-name h4 img {
	width: 21px;
	border-radius: 4px;
	margin-right: 10px
}

.idl-editorial-name h4 a {
	display: inline-block;
	color: #071773
}

.idl-editorial-desc-1 {
	color: #686f7a
}

.idl-editorial-desc-1 ul {
	list-style-position: inside
}

.challenge-details-main {
	background: #f5f5f5
}

.cdm-area {
	padding: 0!important
}

.radius-0 {
	border-radius: 0
}

.border-0 {
	border: 0!important
}

.ch-md-main {
	padding: 0!important;
	margin-bottom: 30px
}

.chall--banner {
	width: 100%;
	margin-top: 15px
}

.chl-company {
	text-align: center;
	margin-top: 15px;
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd
}

.chl-company img {
	height: 80px;
	margin-bottom: 10px
}

.chl-company h3 {
	margin: 0;
	color: #071773;
	font-size: 16px;
	font-weight: 600
}

.chl-company h3 span {
	margin: 0;
	color: #9e9e9e;
	font-size: 11px;
	font-weight: 400
}

.ch--details {
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd
}

.ch--details h2 {
	margin: 0;
	color: #2a2e35;
	font-weight: 600;
	font-size: 20px
}

.ch--details h2 sup.live {
	background: #3a9c3e;
	color: #fff;
	font-size: 11px;
	padding: 1px 7px;
	border-radius: 5px 5px 5px 0;
	top: -12px;
	left: 7px
}

.ch--company-texts h4 {
	margin: 0 0 15px 0;
	font-size: 16px;
	font-weight: 600;
	color: #e91e63
}

.ch--company-texts p {
	text-align: justify;
	font-size: 12px
}

.ch--company-texts p span.big {
	font-weight: 600;
	font-size: 16px
}

.ch--company-texts p a {
	color: #071773;
	font-weight: 600;
	margin-left: 10px
}

.ch--tabs {
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px
}

.ch--tabs .nav-tabs>li>a {
	border-radius: 0;
	font-weight: 600;
	color: #47545a;
	padding: 10px 24px
}

.ch--tabs .nav-tabs>li.active>a,
.ch--tabs .nav-tabs>li.active>a:focus,
.ch--tabs .nav-tabs>li.active>a:hover {
	color: #071773
}

.ch--date-table {
	width: 100%
}

.ch--date-table tr td {
	padding: 5px
}

.ch--date-table tr td:first-child {
	text-align: right;
	color: #9b9b9b
}

.ch--date-table tr td:last-child {
	text-align: left;
	color: #686f7a;
	font-weight: 600
}

.ch--left-text {
	text-align: center;
	color: #071773;
	font-weight: 600;
	line-height: 20px
}

.ch--left-text span {
	color: #686f7a;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 22px
}

.ch--left-skills {
	color: #686f7a;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 22px
}

.ch--left-skills span {
	display: inline-block;
	background: #eaeaea;
	color: #071773;
	padding: 0 15px;
	margin: 2px;
	text-transform: initial;
	border-radius: 50px;
	font-size: 11px
}

.ch--top {
	border: 1px solid #ddd;
	padding: 0 15px
}

.ch--top h3 {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #686f7a;
	font-size: 11px;
	font-weight: 600
}

.ch--top h3 img {
	width: 45px;
	margin-bottom: 15px
}

.ch--top h3 span {
	color: #e91e63;
	font-size: 13px;
	line-height: 29px
}

.ch--top-why {
	text-align: center;
	border-left: 1px solid #ddd
}

.ch--top-why ul {
	list-style: none;
	text-align: left
}

.ch--top-why ul li {
	background: url(../images/hacker_rocks/challenge/tick.png) no-repeat center left;
	padding: 2px 30px
}

.ch--start-btn {
	display: inline-block;
	background: linear-gradient(to right, #3a9c3e 15%, #358038 15%);
	color: #fff;
	width: 100%;
	padding: 7px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 15px;
	border-radius: 5px;
	transition: .4s
}

.ch--start-btn:hover {
	background: linear-gradient(to right, #3a9c3e 15%, #358038 85%);
	color: #fff;
	transition: .4s
}

.ch--tab-area {
	padding: 25px 15px
}

.ch--leader-tab table a {
	color: #071773
}

.ch--leader-tab table tr td:last-child,
.ch--leader-tab table tr th:last-child {
	text-align: right
}

.ch--leader-tab table tr td:last-child {
	color: #686f7a;
	font-style: italic
}

.dataTables_paginate .pagination>li>a,
.dataTables_paginate .pagination>li>span {
	border: none;
	background-color: none;
	border-radius: 100px!important;
	color: #673ab7
}

.d-pagination .pagination>.active>span:hover,
.dataTables_paginate .pagination>.active>a,
.dataTables_paginate .pagination>.active>a:focus,
.dataTables_paginate .pagination>.active>a:hover,
.dataTables_paginate .pagination>.active>span,
.dataTables_paginate .pagination>.active>span:focus {
	background: linear-gradient(to left, #071773, #9c27b0);
	box-shadow: 2px 2px 5px #ddd;
	color: #fff
}

.dataTables_filter .form-control,
.dataTables_length .form-control {
	border-radius: 0
}

.ch--tab-faq-box {
	padding: 15px;
	border-bottom: 1px solid #ddd
}

.ch--tab-faq-box h3 {
	margin: 0 0 10px 0;
	color: #222;
	font-size: 15px;
	font-weight: 700
}

.ch--tab-faq-box p {
	margin: 0;
	font-size: 13px;
	color: #555;
	margin-left: 26px
}

.ch--tab-practice h3 {
	color: #071773;
	margin: 0 0 10px 0;
	font-size: 17px
}

.ch--tab-practice p {
	color: #636469;
	margin: 0;
	font-size: 13px;
	font-style: italic
}

.ch--practice-table tr td {
	vertical-align: middle!important
}

.ch--practice-table tr td:first-child {
	width: 70px
}

.ch--practice-table tr td:first-child img {
	width: 70px;
	border-radius: 10px;
	box-shadow: 0 0 5px #ddd
}

.ch--practice-table tr td h4 {
	margin: 0 0 5px 0;
	color: #071773;
	font-weight: 600;
	font-size: 19px
}

.ch--practice-table tr td h5 {
	margin: 0;
	color: #505763;
	font-size: 13px;
	font-style: italic
}

.ch--practice-table tr td:last-child {
	width: 150px
}

.ch--practice-table tr td h6 {
	margin: 0;
	color: #505763;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 22px
}

.ch--practice-table tr td h6 span {
	font-weight: 600;
	font-size: 16px
}

.ch--practice-table tr td:nth-child(3n) {
	width: 150px;
	text-align: center
}

.landing-main-area {
	height: 1000px
}

.buss-navbar {
	background-color: transparent;
	border: none
}

.buss-navbar .navbar-nav>li>a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	transition: .4s
}

.buss-navbar .navbar-nav>li.dropdown>a:hover,
.buss-navbar .navbar-nav>li>a:hover {
	background: #e91e63;
	transition: .4s;
	color: #fff
}

.buss-navbar .navbar-nav>li.dropdown>a {
	background-color: transparent;
	color: #fff
}

.buss-navbar .navbar-nav>li>.dropdown-menu {
	padding: 10px 0;
	border-radius: 5px;
	left: -18%;
	background-color: rgba(255, 255, 255, .9)
}

.buss-navbar .navbar-nav>li>.dropdown-menu li a {
	color: #071773;
	text-transform: uppercase;
	font-size: 12px;
	padding: 7px 15px;
	font-weight: 600;
	letter-spacing: 1px
}

.get-started {
	background: #e91e63;
	padding: 5px 15px!important;
	margin-top: 10px;
	border-radius: 2px;
	box-shadow: 2px 2px 10px #18246b;
	transition: .4s
}

.get-started:hover {
	box-shadow: none;
	transition: .4s
}

@-webkit-keyframes get-started {
	0% {
		transform: scale(1.1)
	}
	50% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}

@keyframes get-started {
	0% {
		transform: scale(1.1)
	}
	50% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}

.business-landing-banner {
	background: url(../images/hacker_rocks/business/banner.jpg) no-repeat top center;
	background-size: 100%;
	background-attachment: fixed;
	height: 400px
}

.bl-banner-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.bl-banner-video video {
	width: 100%
}

.banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, #071773, #1e319a);
	opacity: .8
}

@media only screen and (max-width:768px) {
	.d-flex {
		display: block
	}
}

@media (min-width:1366px) {
	.container {
		width: 1300px
	}
}

.ft-14 {
	font-size: 14px!important;
	line-height: 24px
}

.voffset-bottom-2 {
	margin-bottom: 20px!important
}

.top-divider hr {
	margin-top: 80px;
	margin-bottom: 80px
}

.voffset2 {
	margin-top: 20px
}

.voffset4 {
	margin-top: 40px
}

.voffset5 {
	margin-top: 50px
}

.custom-img-responsive {
	display: inline-block;
	max-width: 100%;
	transition: .4s;
	cursor: pointer
}

.custom-img-responsive:hover {
	transform: scale(.9);
	transition: .4s
}

.custom-img-responsive2 {
	display: inline-block;
	max-width: 100%;
	transition: .4s;
	cursor: pointer
}

.custom-img-responsive2:hover {
	transform: scale(.9);
	transition: .4s
}

.margin-bottom-none {
	margin-bottom: 0!important
}

.contact-landing-header {
	background: url(../images/hacker_rocks/common/contact.png) no-repeat right center, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	padding: 35px 0 100px 0;
	background-size: auto 100%, auto 120%;
	background-attachment: scroll, fixed
}

.privacy-policy-landing-header {
	background: url(../images/hacker_rocks/common/privacy_banner.png) no-repeat right center, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	padding: 35px 0 100px 0;
	background-size: auto 100%, auto 120%;
	background-attachment: scroll, fixed
}

.terms-landing-header {
	background: url(../images/hacker_rocks/common/terms.png) no-repeat right center, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	padding: 35px 0 100px 0;
	background-size: auto 100%, auto 120%;
	background-attachment: scroll, fixed
}

.faqs-landing-header {
	background: url(../images/hacker_rocks/common/faqs.png) no-repeat right center, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	padding: 35px 0 100px 0;
	background-size: auto 100%, auto 120%;
	background-attachment: scroll, fixed
}

.pricing-landing-header {
	background: url(../images/hacker_rocks/business/pricing.png) no-repeat right center, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	padding: 35px 0 100px 0;
	background-size: auto 100%, auto 120%;
	background-attachment: scroll, fixed
}

.aboutus-landing-header {
	background: url(../images/hacker_rocks/common/about.png) no-repeat right center, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	padding: 35px 0 100px 0;
	background-size: auto 100%, auto 120%;
	background-attachment: scroll, fixed
}

.aboutus-landing-header h2,
.contact-landing-header h2,
.faqs-landing-header h2,
.pricing-landing-header h2,
.privacy-policy-landing-header h2,
.sitemap-landing-header h2,
.terms-landing-header h2 {
	margin: 50px 0 0 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 42px;
	text-shadow: 0 0 5px #071773
}

.aboutus-landing-header h2 span,
.contact-landing-header h2 span,
.faqs-landing-header h2 span,
.pricing-landing-header h2 span,
.privacy-policy-landing-header h2 span,
.sitemap-landing-header h2 span,
.terms-landing-header h2 span {
	font-weight: 800;
	color: #fff;
	font-size: 60px
}

.aboutus-landing-header p,
.contact-landing-header p,
.faqs-landing-header p,
.pricing-landing-header p,
.privacy-policy-landing-header p,
.sitemap-landing-header p,
.terms-landing-header p {
	font-size: 18px;
	margin: 0 0 15px 0;
	color: #fff;
	text-shadow: 2px 2px 20px #423c9e
}

.aboutus-landing-header h3,
.contact-landing-header h3,
.privacy-policy-landing-header h3,
.sitemap-landing-header h3 {
	margin: 30px 0;
	font-size: 30px;
	color: #ffeb3b;
	font-weight: 700;
	line-height: 25px
}

.aboutus-landing-header span,
.contact-landing-header h3 span,
.privacy-policy-landing-header span,
.sitemap-landing-header span {
	padding-right: 30px;
	display: inline-block
}

.aboutus-landing-header span span,
.contact-landing-header h3 span span,
.privacy-policy-landing-header span span,
.sitemap-landing-header span span {
	color: #fff;
	font-weight: 400;
	font-size: 17px
}

.contactus-form .form-control {
	min-height: 44px;
	border-radius: 0;
	font-size: 13px;
	color: #979797;
	font-weight: 400;
	box-shadow: none
}

.address-info {
	display: inline-block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0
}

.address-info li {
	display: inline-block;
	width: 100%;
	position: relative;
	padding-left: 45px;
	font-size: 14px;
	color: #404040;
	font-weight: 400;
	margin-bottom: 15px;
	line-height: 36px
}

.address-info li img {
	position: absolute;
	left: 0;
	top: 7px
}

.pad-30 {
	padding-left: 30px;
	padding-right: 30px
}

.address-info li a {
	color: #404040;
	text-decoration: none
}

.contactus-form .form-group {
	margin-bottom: 26px
}

.map-block {
	float: left;
	width: 100%;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	height: 145px;
	overflow: hidden
}

.map-block img {
	float: left;
	width: 100%
}

.policy-listing {
	display: inline-block;
	width: 100%;
	list-style-type: decimal;
	padding: 0 0 0 30px;
	margin: 0
}

.policy-listing li {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #333;
	font-weight: 400;
	margin-bottom: 7px
}

.inner-info-section {
	background: #eaeef7;
	float: left;
	width: 100%;
	padding: 20px
}

.inner-main-heading {
	display: inline-block;
	width: 100%;
	font-size: 22px;
	margin-bottom: 5px;
	font-weight: 400;
	color: #353e51
}

.heading-two {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	color: #353e51;
	margin-bottom: 7px;
	margin-top: 20px
}

.inner-info-section p {
	display: inline-block;
	width: 100%;
	color: #7c889a;
	font-size: 13px;
	font-weight: 400;
	text-align: justify;
	margin-bottom: 10px
}

.heading-three {
	display: inline-block;
	width: 100%;
	font-size: 19px;
	font-weight: 600;
	color: #353e51;
	margin-bottom: 8px;
	margin-top: 10px
}

.sitemap-landing-header {
	background: url(../images/hacker_rocks/sitemap-banner.png) no-repeat right center, #16194a;
	padding: 35px 0 100px 0;
	background-size: auto 200%
}

.sitemap-listing {
	display: inline-block;
	width: 100%;
	list-style-type: none;
	padding: 0 0 0 30px;
	margin: 0
}

.sitemap-listing li {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #333;
	font-weight: 600;
	margin-bottom: 7px;
	background: url(../images/hacker_rocks/dot-img.png) no-repeat left 8px;
	padding-left: 12px
}

.sitemap-listing li a {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #333;
	font-weight: 600;
	text-decoration: none
}

.sitemap-listing-next-links {
	display: inline-block;
	width: 100%;
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 8px 0 0 0
}

.sitemap-listing-next-links li {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	margin-bottom: 7px
}

.sitemap-listing-next-links li a {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #071773;
	font-weight: 600;
	text-decoration: none
}

li a.color-black {
	color: #333
}

@media (max-width:767px) {
	.pad-30 {
		padding: 0
	}
	.margin-bottom-responsive {
		margin-bottom: 30px
	}
	.inner-info-section {
		margin: 10px 0 20px
	}
	.img-margin-bottom-responsive {
		margin-bottom: 15px
	}
}

.container-96 {
	width: 96%
}

.main-banner {
	background: url(../images/hacker_rocks/home/header-bg.png) no-repeat center bottom #fff;
	background-size: 100% 50%;
	min-height: 108vh;
	margin-top: -100px
}

.main-banner-text {
	text-align: left;
	margin-top: 24vh
}

.main-banner-text p {
	color: #071773;
	padding: 5px;
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600
}

.main-banner-text h3 {
	color: #071773;
	display: inline-block;
	padding: 5px;
	margin-top: 0;
	font-size: 26px;
	margin-bottom: 0
}

.main-banner-text h2 {
	color: #071773;
	font-size: 53px;
	margin-top: 4px;
	font-family: Montserrat, sans-serif;
	font-weight: 700
}

.main-banner-text h2 span {
	color: #e91e63
}

.main-banner-text h4 {
	color: #fff;
	text-shadow: 2px 2px 4px #29303b;
	margin-top: 20px;
	font-size: 24px
}

.main-banner-button {
	text-align: center;
	padding: 30px 15px 15px 15px
}

.line-btn {
	color: #fff;
	background: #9e67ff;
	padding: 10px;
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	border-radius: 4px;
	transition: .4s;
	box-shadow: 1px 4px 26px #230246
}

a.filled-btn {
	padding: 15px 40px!important;
	font-size: 14px;
	font-weight: 600;
	margin-top: 0;
	text-transform: uppercase;
	transition: all .5s linear;
	color: #303133!important;
	background-color: #fff!important;
	border-color: #fff!important;
	box-shadow: 0 8px 30px -6px rgba(0, 0, 0, .6)!important;
	border-radius: 30px;
	border: 1px solid #fff
}

a.filled-btn:hover {
	background: 0 0!important;
	color: #fff!important;
	border: 1px solid #fff
}

#froent_panel .ipt-box.mt-0 {
	margin-bottom: 0!important
}

.pages-header del {
	font-size: 12px;
	color: #f3eded;
	margin-right: 3px
}

.home_page .clm-box {
	margin-bottom: 0;
	font-family: Poppins, sans-serif
}

.header-right img {
	width: 100%;
	margin-top: 20vh;
	transform: rotateY(180deg)
}

.home-features {
	padding: 60px 0
}

.home-features-title {
	text-align: center
}

.home-features-title h3 {
	font-size: 37px;
	color: #071773;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 30px
}

.home-features-title h3 span {
	color: #e91e63
}

.home-features-title p {
	color: #4c4c4c;
	font-size: 15px
}

.top-feature-box {
	text-align: center;
	padding: 15px;
	border: 1px dashed #ddd;
	border-radius: 10px;
	margin-top: 50px
}

.top-feature-box img {
	margin-bottom: 10px;
	transition: .4s;
	margin-top: -65px;
	width: 80px;
	background: #fff
}

.top-feature-box h4 {
	font-weight: 700;
	color: #071773;
	margin: 0;
	text-transform: uppercase;
	font-size: 14px
}

.top-feature-box h3 {
	margin: 0 0 7px 0;
	font-weight: 700;
	color: #e91e63;
	font-size: 35px
}

.top-feature-box p {
	color: #6f6f6f;
	margin: 7px 0 0 0
}

.top-feature-box:hover img {
	transform: scale(.9);
	transition: .4s
}

.home-screen {
	background: url(../images/hacker_rocks/home/screen.png) no-repeat bottom right;
	background-size: 50%;
	min-height: 350px
}

.home-screen-left {
	padding: 15px
}

.home-screen-left:hover h3 span {
	transform: scale(1.1);
	transition: .4s
}

.home-screen-left h3 {
	margin: 0;
	font-weight: 700;
	color: #e91e63;
	text-transform: uppercase;
	font-size: 20px
}

.home-screen-left h3 span {
	background: #e91e63;
	color: #fff;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	display: inline-block;
	border-radius: 100px;
	transition: .4s
}

.home-screen-left ul {
	list-style: none;
	padding: 0;
	margin-top: 20px
}

.home-screen-left ul li table {
	width: 100%
}

.home-screen-left ul li table img {
	width: 80px
}

.home-screen-left ul li table tr td {
	padding: 10px 5px
}

.home-screen-left ul li table tr td:first-child {
	padding-left: 0;
	text-align: left
}

.home-screen-left ul li h4 {
	margin: 0;
	font-weight: 600;
	color: #071773;
	font-size: 15px;
	line-height: 1.5
}

.home-screen-left ul li h4 span {
	font-weight: 400
}

.home-screen-left ul li p {
	margin: 7px 0 0 0;
	color: #6f6f6f;
	font-size: 13px
}

.home-lists {
	padding: 30px 0;
	background: #f1f1f1
}

.home-list-title {
	padding: 15px;
	padding-bottom: 0
}

.home-list-title h2 {
	margin: 0 0 20px 0;
	color: #071773;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 26px;
	margin-bottom: 0;
	padding-bottom: 8px
}

.home-list-title h2 span {
	font-weight: 700
}

.home-list-title p {
	margin: 10px 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #686f7a;
	font-weight: 600
}

.home-list-title p span {
	margin-right: 15px
}

.home-list-title p i {
	color: #e91e63
}

.home-list-title p i.fa-star,
.home-list-title p i.fa-star-half-alt {
	color: #ffa400
}

.home-list-tab {
	margin-top: -40px
}

.home-list-tab ul li {
	float: right;
	text-transform: uppercase
}

.home-list-tab ul li a {
	color: #071773;
	font-weight: 600;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 5px 20px
}

.home-list-tab .nav-tabs>li.active>a,
.home-list-tab .nav-tabs>li.active>a:focus,
.home-list-tab .nav-tabs>li.active>a:hover {
	background-color: #f1f1f1
}

.view-all-btn,
.view-all-btn:focus {
	display: inline-block;
	color: #071773;
	font-weight: 700;
	border: 2px solid #071773;
	padding: 5px 14px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 12px;
	transition: .4s
}

.view-all-btn:hover {
	color: #fff;
	background: #071773;
	transition: .4s
}

.bg-white {
	background: #fff
}

#home-challenges .clm-company img {
	display: inline-block;
	width: auto
}

.home-course-bg {
	background: url(../images/hacker_rocks/home/course-bg.png) no-repeat center right, #fff;
	background-size: 100%;
	background-attachment: fixed
}

.home-business {
	padding: 50px 0
}

.home-business-title {
	text-align: center
}

.home-business-title h3 {
	color: #e91e63;
	margin: 0
}

.home-business-title h2 {
	color: #071773;
	margin: 7px 0;
	font-weight: 700;
	font-size: 40px
}

.home-business-title h4 {
	color: #ececec;
	font-family: 'Permanent Marker', cursive;
	margin: 0;
	position: absolute;
	font-size: 61px;
	left: 34.5%;
	top: -9%;
	z-index: -1
}

.home-business-box {
	text-align: center;
	border-right: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	padding: 20px 20px 30px 20px
}

.home-business-box h3 {
	margin: 10px 0;
	color: #071773;
	font-size: 19px;
	font-weight: 600
}

.home-business-box p {
	margin: 0;
	color: #686f7a;
	font-size: 13px
}

.home-business-box img {
	transition: .4s
}

.home-business-box:hover img {
	transform: scale(.95);
	transition: .4s
}

.border-r-0 {
	border-right: 0!important
}

.border-b-0 {
	border-bottom: 0!important
}

.blue-bg {
	background: #071773
}

.mb-0 {
	margin-bottom: 0!important
}

.pink-link {
	color: #e91e63;
	display: inline-block;
	transition: .4s
}

.pink-link:hover {
	color: #e91e63;
	letter-spacing: 2px;
	transition: .4s
}

.grey-btn-bg {
	background: #52556d
}

.title-inner {
	text-transform: capitalize;
	color: #071773;
	margin-bottom: 30px;
	border-bottom: 1px solid #dfdada;
	padding-bottom: 5px;
	padding-bottom: 14px;
	font-weight: 100;
	font-size: 21px
}

.title-inner span {
	font-weight: 700
}

.faq-select label {
	color: #e91e63;
	font-weight: 400
}

.faq-select .form-control {
	border-radius: 0;
	box-shadow: none;
	color: #071773;
	font-weight: 600
}

.support-form label {
	font-weight: 400;
	color: #071773
}

.support-form .form-control {
	border-radius: 0;
	box-shadow: none;
	height: auto;
	padding: 10px 15px
}

.support-form p.help-block {
	font-size: 12px
}

.contact-top-block {
	text-align: center
}

.contact-top-block img {
	margin-bottom: 10px;
	transition: .4s
}

.contact-top-block h3 {
	margin: 0 0 20px 0;
	color: #646061;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 20px
}

.contact-top-block h2 {
	margin: 0;
	color: #071773;
	font-weight: 500;
	font-size: 21px;
	margin-bottom: 6px
}

.contact-top-block p {
	margin: 0;
	color: #47474b;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px
}

.contact-top-block .contact_block p {
	font-size: 11px
}

.contact-top-block a {
	display: block;
	margin: 0;
	color: #071773;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 6px;
	transition: .4s
}

.contact_block {
	padding: 0;
	border-bottom: 1px solid #e7e2e2;
	display: flex;
	align-items: center;
	justify-content: center
}

.contact_block:first-child {
	padding-bottom: 60px;
	margin-bottom: 60px
}

.contact_block:last-child {
	border-bottom: 0
}

.contact-top-block a:hover {
	transform: scale(.97);
	transition: .4s
}

.contact-form-area {
	margin-bottom: 50px
}

.contact-form-area h4 {
	color: #e91e63;
	text-align: center;
	margin: 0;
	text-transform: uppercase
}

.contact-form-area h4 span {
	font-weight: 700
}

.contact-form-area p {
	color: #505763;
	margin: 10px 0 20px;
	text-align: center;
	font-size: 13px
}

.right-ccontact {
	background: #f1fafa;
	padding: 100px 30px
}

.term-area h1,
.term-area h2,
.term-area h3 {
	color: #071773;
	font-size: 17px
}

.term-area p {
	text-align: left;
	margin-bottom: 15px;
	font-size: 13px
}

.col-sm-12.term-area {
	font-size: 13px
}

.term-area address {
	margin-bottom: 20px;
	font-style: normal;
	font-size: 13px;
	line-height: 23px
}

.term-area ol,
.term-area ul {
	margin-left: 20px
}

.no-shadow {
	box-shadow: none!important
}

.about-right-text {
	padding: 15px
}

h2.cms-title {
	margin: 0 0 15px 0;
	color: #000;
	text-transform: capitalize;
	font-size: 26px
}

h2.cms-title span {
	font-weight: 600
}

.about-right-text p {
	color: #3c3c3f;
	font-size: 13px;
	text-align: left;
	letter-spacing: 0;
	margin-bottom: 5px;
	text-transform: capitalize;
	line-height: 26px
}

.about-right-text table {
	width: 100%;
	margin-top: 26px;
	margin-bottom: 5px
}

.about-right-text table tr td {
	padding: 10px 10px 10px 0
}

.about-right-text table tr td:nth-child(odd) {
	width: 54px
}

.about-right-text table img {
	width: 35px;
	filter: contrast(.5)
}

.about-right-text table h3 {
	font-weight: 500;
	margin: 0;
	color: #000;
	font-size: 20px;
	margin-bottom: 2px
}

.about-right-text table P {
	color: #000;
	text-align: left;
	margin-bottom: 0!important
}

.about-2 {
	background: url(../images/hacker_rocks/common/about-2-bg.png) no-repeat #e1f5fa;
	font-family: Poppins, sans-serif;
	padding: 5em 0;
	background-size: contain
}

.about-3 {
	padding: 60px 0;
	font-family: Poppins, sans-serif
}

.pink-text-bold {
	text-transform: uppercase;
	color: #e91e63;
	font-weight: 700
}

.about-flag {
	margin-bottom: 15px
}

.about-flag img {
	height: 26px;
	margin-right: 10px;
	border-radius: 5px
}

#bm-video iframe,
.cvm-main-video iframe {
	width: 100%!important
}

.test_list_main .login-sign-up-tab {
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 50px;
	border-bottom: 1px solid #f2f2f2
}

.test_list_main .login-sign-up-tab>li {
	width: 50%;
	margin-right: 0
}

.test_list_main .login-sign-up-tab>li a {
	font-size: 14px;
	width: 100%;
	color: #071773;
	text-align: center;
	margin-right: 0
}

.test_list_main .login-sign-up-tab>li.active>a,
.test_list_main .login-sign-up-tab>li.active>a:focus,
.test_list_main .login-sign-up-tab>li.active>a:hover {
	background: 0 0;
	border: 0;
	border-bottom: 2px solid #071773;
	box-shadow: none;
	border-radius: 0;
	color: #e91e63;
	font-weight: 600
}

.test_list_main .login-sign-up-tab>li>a:hover {
	background: 0 0;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid transparent
}

.form-main-block {
	display: inline-block;
	background: #f5f8fa;
	border-radius: 3px;
	border: 1px solid #ddd;
	width: 1000px;
	height: 88vh;
	margin-top: 6vh
}

.login-page-main-block {
	padding: 0;
	background: #f6f6f6;
	background-attachment: fixed;
	width: 100%
}

.form-left-panel {
	float: left;
	width: 50%;
	background: #f5f8fa;
	padding: 25px 30px;
	height: calc(100vh - 80px)
}

.form-right-panel {
	float: right;
	width: 50%;
	background: #fff;
	padding: 25px 30px;
	height: calc(100vh - 80px)
}

span.req {
	color: red;
	font-size: 15px
}

.btm-social-btn-block {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 15px
}

.btm-social-btn-block a {
	display: inline-block;
	width: auto!important
}

.btm-social-btn-block a {
	padding: 10px;
	margin: 0 3px
}

.btm-social-btn-block a:focus,
.btm-social-btn-block a:hover {
	padding: 10px;
	margin-bottom: 0
}

.btm-social-btn-block .facebook-btn i,
.btm-social-btn-block .google-btn i {
	border-right: 0;
	margin-right: 0
}

.forgot-pass-text {
	font-size: 13px;
	font-weight: 600
}

.login-btn {
	border-radius: 4px!important
}

.login-page-main-block .enq-btn {
	border-radius: 4px;
	width: 100%;
	background: #e91e63;
	margin-top: 10px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 2px;
	height: auto;
	padding: 10px
}

.login-page-main-block .login-bottom p {
	color: #666
}

.login-page-main-block .login-bottom p a {
	color: #03a9f4;
	font-size: 13px;
	font-weight: 600
}

.login-page-main-block .d-radio-inline {
	margin-right: 20px;
	font-size: 13px;
	margin-top: 10px
}

.login-page-main-block .form-control {
	font-size: 13px;
	min-height: 36px
}

.login-page-main-block label.d-check.checkbox {
	font-size: 13px;
	padding-top: 0
}

.login-page-main-block .checkbox .checkmark {
	border-radius: 2px;
	top: 3px
}

.login-main-wrapper {
	background: #fff;
	min-height: 100vh
}

.width-row {
	width: 100%;
	display: inline-block
}

.no-padding {
	padding: 0
}

.forgot-pass-text {
	color: #e91e63
}

.btm-social-btn-block p {
	margin-bottom: 20px
}

.social-b a {
	width: 40px!important;
	height: 40px
}

.social-b i {
	margin-right: 0;
	padding-right: 0
}

.login-main-wrapper {
	background: url(../images/hacker_rocks/common/login-bg.png) no-repeat center right -20%, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	height: 100vh
}

.why-participate {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none
}

.why-participate li {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin-bottom: 20px
}

.why-participate .icon {
	float: left;
	width: 70px;
	margin-top: 16px
}

.why-participate .details {
	margin-left: 96px
}

.why-participate .icon img {
	max-width: 100%
}

.why-participate h3 {
	font-size: 18px;
	color: #071773;
	margin-bottom: 4px;
	font-weight: 600;
	line-height: 24px
}

.why-participate h3 span {
	color: #e91e63
}

.why-participate .details p {
	color: #8a858d;
	margin-bottom: 0;
	font-size: 14px;
	color: #4a4548;
	line-height: 20px
}

.form-left-panel .login-logo {
	margin: 15px 0;
	display: inline-block;
	max-width: 100%
}

.d-radio {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.d-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #c7c7c7;
	border-radius: 50%
}

.d-radio:hover input~.checkmark {
	background-color: #ccc
}

.d-radio input:checked~.checkmark {
	background-color: #e91e63
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.d-radio input:checked~.checkmark:after {
	display: block
}

.d-radio .checkmark:after {
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff
}

.support-topic {
	list-style: none
}

.support-topic li {
	border-bottom: 1px dashed #ddd;
	padding: 10px 25px 10px 15px;
	margin-bottom: 5px;
	transition: .4s;
	background: url(../images/hacker_rocks/business/arrow.png) no-repeat center right 0;
	background-size: 12px
}

.support-topic li.active {
	background: #071773;
	border-bottom: none
}

.support-topic li.active a {
	color: #fff
}

.support-topic li:hover {
	background: url(../images/hacker_rocks/business/arrow.png) no-repeat center right 10px, #f1f1f1;
	background-size: 15px;
	transition: .4s
}

.support-topic li a {
	display: block;
	color: #555556;
	font-weight: 600;
	font-size: 13px
}

.hr-business {
	padding-bottom: 10px
}

.hr-business .navbar-brand img {
	display: inline-block
}

.hr-business .navbar-brand span {
	display: inline-block;
	background: #e91e63;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	padding: 4px 7px 4px 7px;
	border-radius: 0 5px 5px 0
}

.font-16 {
	font-size: 16px
}

.font-15 {
	font-size: 15px
}

.b-0 {
	border: none
}

.support-article-feedback {
	text-align: right;
	padding: 15px
}

.support-article-feedback p a {
	display: inline-block;
	color: #071773;
	border: 1px solid #071773;
	padding: 4px 10px
}

.support-article-feedback p a i {
	font-size: 12px
}

.support-article-feedback h6 {
	font-size: 12px
}

.file-btn {
	position: relative;
	overflow: hidden;
	background: #fff;
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
	cursor: pointer;
	color: #071773
}

.file-btn input {
	position: absolute;
	font-size: 50px;
	opacity: 0;
	right: 0;
	top: 0;
	cursor: pointer
}

.price-box {
	background: #fff;
	box-shadow: 0 0 10px #ddd;
	margin-top: 0;
	margin-bottom: 100px;
	min-height: 200px;
	padding: 20px 0!important;
	transition: .4s
}

.price-box:hover {
	box-shadow: 0 0 1px #ddd;
	transition: .4s
}

.price-title {
	text-align: center;
	padding: 15px
}

.price-title h3 {
	margin: 0;
	color: #000;
	font-size: 18px;
	font-weight: 600
}

.price-price {
	background: linear-gradient(to left, #3f51b5, #673ab7);
	padding: 30px 15px;
	text-align: center
}

.price-price h3 {
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	margin: 0
}

.price-btn {
	text-align: center;
	padding: 30px
}

.price-btn p {
	margin: 0;
	font-size: 17px
}

.price-btn a,
.price-btn a:focus {
	display: inline-block;
	background: #ea1e63;
	color: #fff;
	font-weight: 600;
	padding: 7px 30px;
	margin-top: 15px;
	text-decoration: none;
	transition: .4s
}

.price-btn a:hover {
	border-radius: 100px;
	transition: .4s;
	color: #fff
}

.price-desc {
	padding: 30px
}

.price-desc ul {
	list-style: none;
	padding: 0
}

.price-desc ul li {
	background: url(../images/hacker_rocks/business/checked.png) no-repeat top left;
	padding-left: 25px;
	background-size: 17px;
	margin-bottom: 25px
}

.price-desc ul li.cancel {
	background: url(../images/hacker_rocks/business/cancel.png) no-repeat top left;
	background-size: 17px
}

.price-desc ul li h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 600
}

.price-desc ul li p {
	margin: 5px 0 0 0;
	font-size: 13px;
	color: #949494
}

.cms-banner {
	padding: 30px 0;
	background: url(../images/hacker_rocks/business/bg-image.png) no-repeat center center #071773;
	background-size: 100%;
	background-attachment: fixed
}

.cms-banner-2 {
	background: url(../images/hacker_rocks/business/bg-image-2.png) no-repeat center center #071773;
	background-size: 100%;
	background-attachment: fixed
}

.cms-banner-3 {
	background: url(../images/hacker_rocks/business/bg-image-3.png) no-repeat center center #071773;
	background-size: 100%;
	background-attachment: fixed
}

.cms-banner-4 {
	background: url(../images/hacker_rocks/business/bg-image-4.png) no-repeat center center #071773;
	background-size: 100%;
	background-attachment: fixed
}

.cms-banner-5 {
	background: url(../images/hacker_rocks/business/bg-image-5.png) no-repeat center center #071773;
	background-size: 100%;
	background-attachment: fixed
}

.cms-banner h2 {
	color: #fff;
	font-weight: 600;
	font-size: 42px
}

.cms-banner P {
	color: #fff;
	font-weight: 300;
	font-size: 17px
}

.cms-banner img {
	width: 100%
}

.title-block-cms {
	text-align: center;
	padding: 40px 0
}

.title-block-cms h2 {
	margin: 5px 0;
	font-weight: 700;
	color: #4f4f4f;
	text-transform: uppercase;
	font-size: 24px
}

.title-block-cms p {
	margin: 0;
	font-size: 15px;
	color: #9c9c9c
}

.img-full {
	width: 100%
}

.cms-feature {
	padding: 30px;
	box-shadow: 0 0 10px #ddd;
	margin-top: 50px;
	margin-bottom: 50px
}

.cms-feature h2.cmsf-title {
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	font-size: 22px;
	color: #ea1e63;
	border-bottom: 2px solid #3b4bae;
	padding-bottom: 5px;
	display: inline-block
}

.feature-table {
	width: 100%;
	font-size: 13px;
	color: #8b7ca7
}

.feature-table b {
	color: #271d38;
	font-size: 14px
}

.feature-table tr td {
	vertical-align: middle;
	padding: 15px
}

.feature-table tr td:first-child {
	width: 70px
}

.feature-table tr td:first-child img {
	width: 60px;
	margin-top: 4px;
	border-radius: 4px
}

.cms-blog {
	padding: 15px 0!important
}

.cms-blog img {
	width: 100%
}

.cms-blog a h3,
.cms-blog h3 {
	font-size: 16px;
	color: #000
}

.cms-blog p {
	font-size: 13px;
	color: #a2a2a2;
	text-align: justify
}

.color-blue {
	color: #3b4bae
}

.cms-bottom-action {
	border: 1px dashed #b7b7b7;
	text-align: center;
	padding: 30px;
	border-radius: 10px;
	margin: 50px 0;
	background: #f7f7f7
}

.cms-bottom-action h3 {
	margin: 0
}

.cms-bottom-action a {
	display: inline-block;
	background: #ea1e63;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 30px;
	margin-top: 20px;
	transition: .4s
}

.cms-bottom-action a:hover {
	border-radius: 100px;
	transition: .4s
}

.tool-eva-steps {
	text-align: center
}

.tool-eva-steps h5 {
	color: #3b4bae
}

.tool-eva-steps h3 {
	margin: 0;
	color: #ea1e63;
	font-size: 18px;
	font-weight: 700
}

.tool-eva-steps p {
	color: #8f8f8f;
	margin: 10px 0 0 0
}

.b-shadow-0 {
	box-shadow: none
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../font/glyphicons-halflings-regular.eot);
	src: url(../font/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../font/glyphicons-halflings-regular.woff2) format('woff2'), url(../font/glyphicons-halflings-regular.woff) format('woff'), url(../font/glyphicons-halflings-regular.ttf) format('truetype'), url(../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.register-btn-nav {
	background: #c50647!important;
	color: #fff!important;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #ddd
}

.register-btn-nav:hover {
	box-shadow: none;
	transition: .4s;
	background: #c50647!important;
	opacity: .8
}

.register-btn-nav i {
	transition: .4s
}

.register-btn-nav:hover i {
	transform: rotate(360deg);
	transition: .4s
}

.register-btn-nav:focus {
	background: #e91e63!important
}

.home-landing-header {
	background: url(../images/hacker_rocks/business/home-page-banner-bg.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 80px 0 40px
}

.home-landing-header h2 {
	font-size: 20px;
	color: #071773
}

.home-landing-header h2 span {
	font-weight: 700;
	font-size: 40px
}

.home-landing-header p {
	font-size: 21px;
	color: #e91e63;
	margin: 50px 0
}

.banner-sec img {
	max-width: 100%
}

.no-padd {
	padding: 0
}

.get-started-btn {
	background: #e91e63;
	font-size: 19px;
	font-weight: 400;
	color: #fff;
	padding: 9px 23px;
	border-radius: 4px;
	box-shadow: 2px 3px 5px #ccc;
	margin: 15px 20px 3px 0;
	display: inline-block
}

.get-started-btn:focus,
.get-started-btn:hover {
	color: #fff;
	text-decoration: none;
	opacity: .9
}

.contactus-btn {
	background: #fff;
	font-size: 19px;
	font-weight: 400;
	color: #e91e63;
	padding: 9px 40px;
	border-radius: 4px;
	box-shadow: 2px 3px 5px #ccc;
	margin: 15px 0;
	display: inline-block
}

.contactus-btn:focus,
.contactus-btn:hover {
	color: #e91e63;
	text-decoration: none;
	opacity: .9
}

.home-landing-main {
	display: inline-block;
	width: 100%;
	padding: 80px 0
}

.top-heading {
	display: inline-block;
	font-size: 22px;
	color: #686868;
	line-height: 22px;
	font-style: italic
}

.icn {
	display: inline-block;
	margin-right: 5px
}

h1 {
	font-size: 36px;
	color: #000;
	font-weight: 700;
	position: relative;
	margin-top: 30px;
	margin-bottom: 70px
}



.term-area h1 {
	margin-bottom: 40px;
	font-weight: 600;
	font-size: 27px
}

.dropdown-menu>li>a {
	font-size: 12px;
	font-weight: 400;
	color: #000
}

.dropdown-menu {
	min-width: 118px
}

.solutin-ever-listing {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 50px 0 0;
	width: 100%;
	text-align: center
}

.solutin-ever-listing li {
	position: relative;
	display: inline-block;
	width: 28.3%;
	margin: 35px 2% 35px;
	font-size: 14px;
	color: #000
}

.solutin-ever-listing li h2 {
	font-size: 24px;
	margin-bottom: 25px;
	color: #e91e63;
	margin-top: 15px
}

.solutin-ever-listing li h2 b {
	color: #071773
}

.solutin-ever-listing li:after {
	position: absolute;
	content: '';
	height: 100%;
	right: -30px;
	top: 0;
	width: 1px;
	background: #e3e3e3
}

.solutin-ever-listing li.no-right-b:after {
	background: 0 0
}

.solutin-ever-listing li p {
	font-size: 15px
}

.platform-info-block {
	display: inline-block;
	width: 100%;
	background: #f8f9fa;
	padding: 50px 0 30px
}

.platform-info-block img.screen {
	width: 100%
}

.margin-b-25 {
	margin-bottom: 25px
}

.pad-lr-40 {
	padding-left: 40px;
	padding-right: 40px
}

.platform-do-listing {
	display: inline-block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 50px 0 0
}

.platform-do-listing li {
	float: left;
	width: 50%;
	padding-right: 15px;
	text-align: left;
	margin-bottom: 35px
}

.platform-do-listing li span {
	float: left;
	font-size: 18px;
	font-weight: 600;
	color: #000;
	width: 100%
}

.platform-do-listing li P {
	font-size: 12px;
	color: #000;
	font-weight: 400
}

.how-it-works-block {
	display: inline-block;
	width: 100%;
	padding: 50px 0
}

.working-steps-info {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 50px 0;
	width: 100%;
	text-align: center
}

.working-steps-info li {
	float: left;
	width: 33.3%;
	padding: 30px 50px 0;
	position: relative
}

.working-steps-info li span {
	font-size: 30px;
	font-weight: 600;
	color: #000;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%
}

.working-steps-info li p {
	font-size: 13px;
	font-weight: 400;
	color: #666
}

.working-steps-info li.step1 {
	background: url(../images/hacker_rocks/business/step1.png) no-repeat top center
}

.working-steps-info li.step2 {
	background: url(../images/hacker_rocks/business/step2.png) no-repeat top center
}

.working-steps-info li.step3 {
	background: url(../images/hacker_rocks/business/step3.png) no-repeat top center
}

.working-steps-info li:after {
	position: absolute;
	content: '';
	right: -25px;
	top: 0;
	bottom: 0;
	background: url(../images/hacker_rocks/business/steps-bg.png) no-repeat;
	height: 27px;
	width: 27px;
	margin: auto auto
}

.working-steps-info li:last-child:after {
	background: 0 0
}

.custom-img-responsive {
	display: inline-block;
	max-width: 100%
}

.account-page {
	background: url(../images/hacker_rocks/business/account_bg.png) no-repeat center center #f1f1f1;
	background-size: 100%;
	border-bottom: 1px solid #ddd;
	background-attachment: fixed
}

.account-form {
	background: #fff;
	padding: 80px 25px;
	box-shadow: 0 0 5px #ddd
}

.account-form label {
	font-weight: 400;
	margin-bottom: 2px;
	color: #5e6a6f
}

.account-form .form-control {
	border-radius: 100px;
	color: #000;
	border: 1px solid #ddd;
	background: #f1f1f1;
	box-shadow: none;
	height: auto;
	padding: 10px 15px;
	font-size: 13px
}

.account-form .form-group {
	margin-bottom: 20px
}

.account-btn,
.account-btn:focus {
	background: #139a3e;
	font-weight: 600;
	letter-spacing: 1px;
	display: inline-block;
	color: #fff;
	font-size: 17px;
	border: none;
	padding: 8px 25px;
	box-shadow: 0 0 7px #b5b5b5;
	outline: 0;
	transition: .4s
}

.account-btn:hover {
	box-shadow: none;
	transition: .4s;
	color: #fff
}

.account-accept {
	margin-top: 20px;
	font-size: 12px;
	color: #686f7a
}

.account-accept a {
	color: #071773
}

.account-left {
	padding: 80px 15px 15px 15px
}

.account-logo {
	height: 26px
}

.account-left h2 {
	color: #e91e63;
	font-size: 22px;
	line-height: 1.5
}

.account-left h2 span {
	font-weight: 600
}

.account-left h3 {
	color: #505763;
	font-size: 20px;
	margin-top: 50px
}

.account-left ul {
	list-style: none
}

.account-left ul li {
	font-size: 15px;
	background: url(../images/hacker_rocks/business/tick.png) no-repeat center left;
	padding: 5px 15px 5px 30px;
	background-size: 15px
}

.account-switch {
	font-size: 17px
}

.account-switch a {
	color: #071773;
	font-weight: 600
}

.account-fp,
.account-fp:focus {
	display: inline-block;
	color: #e91e63;
	float: right;
	margin-top: 10px;
	margin-right: 10px
}

.account-fp:hover {
	color: #505763
}

.mb-40 {
	margin-bottom: 40px
}

@media (max-width:430px) {
	.interview-landing-header h3 span {
		width: 100%
	}
	.interview-landing-header h3 span.line {
		width: auto;
		transform: rotate(90deg);
		margin-left: 47%
	}
}

@media (max-width:767px) {
	.container-96 {
		width: 100%
	}
	.main-banner-text {
		margin-top: 100px
	}
	.nav.navbar-nav,
	.navbar-form.navbar-left.nav-search-from {
		margin-left: 0;
		margin-right: 0
	}
	.nav-search-from {
		width: 100%
	}
	.d-navbar .navbar-nav>li>a {
		margin-top: 0
	}
	.home-business-title h2,
	.main-banner-text h2 {
		font-size: 27px;
		line-height: 32px
	}
	.header-right img {
		margin-top: 0
	}
	.home-features-title h3 {
		font-size: 21px
	}
	.top-feature-box {
		margin-bottom: 20px
	}
	.home-screen {
		background: 0 0
	}
	.home-list-tab {
		margin-top: -10px
	}
	.home-business-box {
		border-right: 0;
		border-bottom: 1px dashed #ddd!important
	}
	.review-small-slider h3 {
		line-height: 26px
	}
	.footer-top h3 {
		font-size: 18px;
		line-height: 26px
	}
	.ipd-head h3 {
		line-height: 26px
	}
	.d-btn,
	.d-btn:focus {
		padding: 10px 15px
	}
	.breadcrumb-d-dark a {
		font-size: 11px
	}
	.no-left-pad-res {
		padding-left: 0
	}
	.no-right-pad-res {
		padding-right: 0
	}
	.breadcrumb>li+li::before {
		padding: 0 1px
	}
	.text-center-res {
		text-align: center
	}
	.breadcrumb-d-dark {
		padding-right: 0
	}
	.idl-main-nav .nav-tabs>li>a {
		font-size: 12px;
		padding: 10px 8px
	}
	.ce-language-dd {
		width: 100%;
		margin-bottom: 10px
	}
	.no-pad-res {
		padding: 0
	}
	.ce-compile-btn {
		margin-top: 5px
	}
	.ptl-top-filter .btn {
		margin-bottom: 7px;
		padding: 10px 15px;
		font-size: 13px
	}
	.ptl-top-filter .form-control {
		height: 40px
	}
	.practice-list-box table tr td h4 span {
		margin-right: 5px;
		font-size: 11px
	}
	.practice-list-box table tr td h3 {
		font-size: 16px
	}
	.test-landing-header {
		background: 0 0;
		padding: 0
	}
	.test-landing-header h2 span {
		font-size: 29px
	}
	.test-landing-header h2 {
		font-size: 19px;
		line-height: 26px
	}
	.test-landing-header .mt-30 {
		margin-top: 0
	}
	.course-detail-banner {
		background: 0 0;
		padding: 0
	}
	.cdb-course-title {
		font-size: 26px
	}
	.cdm-title {
		margin-left: -20px;
		padding-bottom: 55px
	}
	.no-pad {
		padding: 0
	}
	.ccb-content {
		padding-left: 15px
	}
	.cdm-learn-poits li {
		width: 100%
	}
	.instru-details .instru-desi {
		margin-left: 0
	}
	.wub-title h2 {
		font-size: 20px
	}
	.cdm-right-details {
		position: relative!important
	}
	.pages-header {
		background: 0 0;
		padding: 50px 0
	}
	.pages-header h2 {
		font-size: 25px
	}
	.pages-header h3 {
		margin: 20px 0 10px
	}
	span.header-review {
		margin-top: 20px
	}
	.chb-box {
		border-right: 0
	}
	.wub-title p {
		margin: 5px 0;
		font-size: 16px;
		color: #5e5e65;
		line-height: 27px
	}
	.challenges-landing-header,
	.interview-landing-header {
		background: 0 0;
		padding: 00px 0 00px 0
	}
	.interview-landing-header h2 {
		font-size: 28px
	}
	.interview-landing-header h3 span {
		font-size: 13px;
		padding: 10px
	}
	.interview-landing-header .mt-50 {
		margin-top: 0
	}
	.is2-box {
		margin-bottom: 50px
	}
	.interview-sec-2 {
		padding-bottom: 0
	}
	.challenges-landing-header h2 {
		font-size: 25px
	}
	.challenges-landing-header p {
		font-size: 27px;
		line-height: 30px
	}
	.challenges-landing-header h3 span {
		margin-bottom: 20px
	}
	.d-btn.mt-50 {
		margin-top: 0
	}
	.clm-mainl-nav a {
		padding: 10px 8px;
		font-size: 12px
	}
	.ch--top-why {
		border-left: 0
	}
	.ch--tabs .nav-tabs>li>a {
		font-size: 13px;
		padding: 10px 10px
	}
	#leaderboard_length {
		margin-top: 10px
	}
	.no-padding {
		padding-left: 0;
		padding-right: 0
	}
	.test-exam-main {
		padding: 15px
	}
	.home-list-tab ul li a {
		padding: 5px 12px;
		letter-spacing: 0
	}
	.home-list-title p span {
		margin-bottom: 9px;
		display: inline-block
	}
	.contact-top-block {
		margin-bottom: 20px
	}
	.contact-landing-header,
	.faqs-landing-header,
	.pricing-landing-header,
	.privacy-policy-landing-headers,
	.terms-landing-header {
		background-size: auto 260px, auto 120%;
		padding-bottom: 205px;
		background-position: right bottom, left center
	}
	.aboutus-landing-header h2 span,
	.contact-landing-header h2 span,
	.faqs-landing-header h2 span,
	.pricing-landing-header h2 span,
	.privacy-policy-landing-header h2 span,
	.sitemap-landing-header h2 span,
	.terms-landing-header h2 span {
		font-size: 40px
	}
	.cdm-review-box table tr td {
		display: block;
		width: 50%;
		float: left
	}
	.cdm-review-box table tr td:last-child {
		width: 100%
	}
	.ch--details h2 {
		line-height: 1.8
	}
	.navbar-default .navbar-toggle {
		background: #e91e63;
		border: none;
		border-radius: 0
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff
	}
	.navbar-default .navbar-collapse {
		background: #f1f1f1
	}
	.interviw-test-box table tr td {
		display: block
	}
	.m-pad-0 {
		padding: 0!important
	}
	.idlp-rate table tr td {
		display: block;
		width: 100%;
		text-align: left
	}
	.idm-e-helpful table tr td {
		display: block
	}
	.business-footer-email .input-group {
		display: block
	}
	.business-footer-email .input-group .btn {
		width: 100.5%;
		margin-top: 7px
	}
	.cms-banner,
	.cms-banner-2,
	.cms-banner-3,
	.cms-banner-4,
	.cms-banner-5 {
		background-size: auto 100%
	}
	.feature-table tr td {
		display: block
	}
	.cms-banner img {
		margin-top: 15px
	}
	.hr-business {
		margin-bottom: 0
	}
	.home-landing-header {
		padding-top: 55px
	}
	.home-landing-header h2 {
		font-size: 25px
	}
	.home-landing-header p {
		font-size: 15px;
		margin-top: 15px;
		margin-bottom: 15px
	}
	.contactus-btn,
	.get-started-btn {
		font-size: 14px;
		padding: 10px 13px;
		margin-bottom: 15px
	}
	.banner-sec {
		text-align: center
	}
	.banner-sec img {
		display: inline-block;
		max-width: 100%;
		margin-top: 30px
	}
	.solutin-ever-listing li {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}
	.solutin-ever-listing li::after {
		height: 1px;
		width: 100%;
		right: 0;
		bottom: -30px;
		top: auto
	}
	.solutin-ever-listing li:last-child:after {
		height: 0
	}
	.solutin-ever-listing li.no-right-b:after {
		background: #e3e3e3
	}
	.solutin-ever-listing {
		margin-top: 10px
	}
	.platform-do-listing li {
		width: 100%;
		margin-bottom: 18px
	}
	.pad-lr-40 {
		padding-left: 15px;
		padding-right: 15px
	}
	.working-steps-info li {
		width: 100%;
		padding: 30px;
		margin-bottom: 15px
	}
	.working-steps-info li::after {
		bottom: 0;
		top: auto;
		left: 0;
		right: 0;
		margin: auto;
		transform: rotate(90deg)
	}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.review-small-slider h3 {
		line-height: 26px
	}
	.nav-search-from {
		width: 50%
	}
	.d-navbar .navbar-nav>li>a {
		margin-top: 0;
		margin-bottom: 5px
	}
	.d-navbar {
		box-shadow: 2px 2px 3px #ddd
	}
	.main-banner-text {
		margin-top: 150px
	}
	.main-banner-text h2 {
		font-size: 40px
	}
	.header-right img {
		margin-top: 0
	}
	.top-feature-box {
		margin-bottom: 25px
	}
	.home-screen {
		background: 0 0
	}
	.home-list-tab ul li a {
		font-size: 11px;
		padding: 5px 7px;
		letter-spacing: 0
	}
	.home-business-title h2 {
		font-size: 32px
	}
	.home-business-box {
		border-right: 0;
		border-bottom: 1px dashed #ddd!important
	}
	.tab-right-b {
		border-right: 1px dashed #ddd!important
	}
	.footer-top h3 {
		font-size: 30px
	}
	a.ce-compile-btn {
		padding: 7px 2px;
		font-size: 12px
	}
	.idl-main-nav .nav-tabs>li>a {
		padding: 10px 20px
	}
	.ptl-top-filter .btn {
		margin-bottom: 7px;
		padding: 10px 10px;
		font-size: 13px;
		margin-right: 5px
	}
	.ptl-top-filter .form-control {
		height: 41px
	}
	.practice-list-box table tr td h4 span {
		margin-right: 5px;
		font-size: 11px
	}
	.practice-list-box table tr td h3 {
		font-size: 16px;
		min-height: 35px
	}
	.test-landing-header {
		background-size: 60%
	}
	.test-landing-header h2 span {
		font-size: 32px
	}
	.test-landing-header h2 {
		font-size: 19px;
		line-height: 26px
	}
	.course-detail-banner {
		background: url(../images/hacker_rocks/courses/detail-header-bg2.png) no-repeat top center #fff;
		background-size: 55%
	}
	.cdb-course-title {
		font-size: 32px
	}
	.cdb-left-main p.description {
		width: 90%;
		font-size: 16px
	}
	.cdb-enrolled {
		text-align: left;
		margin-top: 10px
	}
	.cdm-right-details {
		position: relative!important
	}
	.wub-title p {
		font-size: 14px
	}
	.pages-header {
		background: url(../images/hacker_rocks/courses/list-header.png) no-repeat top right -7%, #fff;
		background-size: 55%
	}
	.pages-header h2 {
		font-size: 30px
	}
	.pages-header h3 {
		margin: 20px 0 10px
	}
	span.header-review {
		margin-top: 20px
	}
	.chb-box {
		border-right: 0
	}
	.interview-landing-header {
		background: url(../images/hacker_rocks/interview/top-banner.png) no-repeat top right, #fff;
		background-size: 55%
	}
	.interview-landing-header h2 {
		font-size: 30px
	}
	.interview-landing-header h3 span {
		font-size: 13px;
		padding: 10px 8px
	}
	.interview-landing-header h3 span.line {
		padding: 4px 10px
	}
	.is2-box h3 {
		font-size: 15px
	}
	.is2-box {
		padding: 0 15px 30px
	}
	.btn-bordered {
		font-size: 12px
	}
	.challenges-landing-header {
		background: url(../images/hacker_rocks/challenge/banner.png) no-repeat top right, #fff;
		background-size: auto 55%
	}
	.challenges-landing-header h2 {
		font-size: 26px
	}
	.challenges-landing-header p {
		width: 75%;
		font-size: 24px
	}
	.challenges-landing-header h3 span {
		padding-right: 12px
	}
	.challenges-landing-header h3 span {
		margin-bottom: 20px
	}
	.d-btn.mt-50 {
		margin-top: 0
	}
	.ch--top-why {
		border-left: 0
	}
	.ch--tabs .nav-tabs>li>a {
		font-size: 12px;
		padding: 10px 6px
	}
	.ch--tabs {
		padding: 10px
	}
	.ch--tab-area p {
		font-size: 13px
	}
	.no-padding {
		padding-left: 0;
		padding-right: 0
	}
	.aboutus-landing-header,
	.contact-landing-header,
	.faqs-landing-header,
	.pricing-landing-header,
	.privacy-policy-landing-header,
	.terms-landing-header {
		background-size: auto 60%, auto 120%
	}
	.contact-top-block h2 {
		font-size: 23px
	}
	.cms-banner,
	.cms-banner-2,
	.cms-banner-3,
	.cms-banner-4,
	.cms-banner-5 {
		background-size: auto 100%
	}
	.business-nav .d-navbar .navbar-nav>li>a {
		margin-top: 10px
	}
	.home-landing-header h2 {
		font-size: 26px
	}
	.home-landing-header p {
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 20px
	}
	.banner-sec img {
		max-width: 100%
	}
	.contactus-btn,
	.get-started-btn {
		font-size: 14px;
		padding: 10px 13px;
		margin-bottom: 15px
	}
	.solutin-ever-listing li h2 {
		font-size: 19px
	}
	.solutin-ever-listing li p {
		font-size: 13px
	}
	.solutin-ever-listing li::after {
		right: -20px
	}
	.working-steps-info li {
		padding: 30px 24px 0
	}
	.working-steps-info li span {
		font-size: 18px
	}
	.working-steps-info li::after {
		right: -14px
	}
}

@media screen and (min-width:1024px) and (max-width:1099px) {
	.nav-search-from {
		width: 20%
	}
	.nav-search-from .form-control {
		padding: 9px 5px 10px;
		font-size: 12px
	}
	.orange-btn,
	.orange-btn:focus {
		padding: 6px 10px!important
	}
	.nav>li>a {
		padding: 10px 8px
	}
	.main-banner-text h2 {
		font-size: 35px
	}
	.header-right img,
	.main-banner-text {
		margin-top: 100px
	}
	.idl-main-nav .nav-tabs>li>a {
		padding: 10px 15px
	}
	a.ce-compile-btn {
		padding: 7px 1px;
		font-size: 12px
	}
	.no-pad-res {
		padding: 0 5px
	}
	.ptl-top-filter .btn {
		margin-bottom: 7px;
		padding: 10px 15px;
		font-size: 13px;
		margin-right: 5px
	}
	.ptl-top-filter .form-control {
		height: 41px
	}
	.practice-list-box table tr td h4 span {
		margin-right: 5px;
		font-size: 11px
	}
	.test-landing-header {
		background-size: 55%
	}
	.test-landing-header h2 span {
		font-size: 32px;
		line-height: 34px
	}
	.test-landing-header h2 {
		font-size: 19px;
		line-height: 26px
	}
	.pages-header {
		background: url(../images/hacker_rocks/courses/list-header.png) no-repeat top right -7%, #fff;
		background-size: auto 65%
	}
	.pages-header h2 {
		font-size: 35px
	}
	.chb-box h3 {
		font-size: 14px
	}
	.interview-landing-header {
		background: url(../images/hacker_rocks/interview/top-banner.png) no-repeat top right, #fff;
		background-size: 55%
	}
	.challenges-landing-header {
		background: url(../images/hacker_rocks/challenge/banner.png) no-repeat top right, #fff;
		background-size: 55%
	}
	.interview-landing-header h2 {
		font-size: 30px
	}
	.interview-landing-header h3 span {
		font-size: 13px;
		padding: 10px 8px
	}
	.interview-landing-header h3 span.line {
		padding: 4px 10px
	}
	.is2-box h3 {
		font-size: 15px
	}
	.is2-box {
		padding: 0 15px 30px
	}
	.btn-bordered {
		font-size: 12px
	}
	.ch--tabs .nav-tabs>li>a {
		font-size: 13px;
		padding: 10px 12px
	}
	.ch--tab-area li,
	.ch--tab-area p {
		font-size: 13px
	}
	.main-banner {
		min-height: auto
	}
	.challenges-landing-header p {
		font-size: 25px
	}
	.top-feature-box {
		padding: 15px 10px
	}
	.challenges-landing-header h2 {
		font-size: 35px
	}
	.challenges-landing-header h3 span {
		margin-bottom: 20px
	}
	.d-btn.mt-50 {
		margin-top: 0
	}
	.business-nav .d-navbar .navbar-nav>li>a {
		padding: 10px 15px;
		margin-top: 5px
	}
	.home-landing-header h2 {
		font-size: 32px
	}
	.home-landing-header p {
		font-size: 17px
	}
	.solutin-ever-listing li h2 {
		font-size: 20px
	}
	.solutin-ever-listing li p {
		font-size: 14px
	}
	.working-steps-info li span {
		font-size: 22px
	}
}

.d-navbar {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.header-right .error-img {
	transform: rotateY(00deg)
}

.error-text {
	font-size: 130px!important
}

.countdown-main-block {
	background: url(../images/hacker_rocks/count-down-block-bg.jpg) no-repeat center top #fff;
	background-size: auto;
	background-size: 100%;
	min-height: 100vh;
	padding: 15vh 0;
	margin-top: 100px
}

.countdown-main-block h2 {
	color: #071773;
	font-size: 33px;
	margin-top: 4px;
	margin-bottom: 30px;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	display: inline-block;
	width: 100%
}

.countdown-main-block h2 span {
	color: #e91e63
}

#clockdiv {
	font-weight: 600;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 30px
}

#clockdiv>div {
	padding: 10px;
	border-radius: 3px;
	background: #071773;
	display: inline-block
}

#clockdiv div>span {
	padding: 15px;
	border-radius: 3px;
	background: #e91e63;
	display: inline-block
}

.smalltext {
	padding-top: 5px;
	font-size: 16px
}

.countdown-main-block p {
	color: #071773;
	padding: 5px;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	width: 80%;
	padding: 0 10%;
	margin: 20px 0;
	line-height: 22px
}

@media only screen and (max-width:767px) {
	.error-text {
		line-height: 100px!important
	}
	#clockdiv div>span {
		padding: 10px
	}
	#clockdiv {
		font-size: 24px
	}
	.smalltext {
		font-size: 14px
	}
	.countdown-main-block {
		padding: 0;
		min-height: 100vh;
		background: url(../images/hacker_rocks/count-down-block-bg.jpg) no-repeat center bottom #fff
	}
	.countdown-main-block p {
		width: 90%;
		padding: 0 5%;
		font-size: 13px
	}
}

@media only screen and (max-width:370px) {
	#clockdiv div>span {
		padding: 6px
	}
}

.user-profile-main {
	padding: 50px 0;
	background: #fff
}

.user-img {
	height: 38px;
	width: 38px;
	border-radius: 3px;
	border: 2px solid #d8dafd;
	margin-right: 15px
}

.d-navbar .navbar-nav>li>a.profile-image {
	margin-top: 0;
	line-height: 40px
}

.notification-info {
	position: absolute;
	height: 18px;
	width: 18px;
	background: #ff1e1e;
	color: #fff;
	font-size: 10px;
	font-weight: 300;
	text-align: center;
	display: inline-block;
	top: -6px;
	right: 3px;
	line-height: 15px;
	border-radius: 50%
}

.navbar-nav li.icons a i {
	font-size: 18px
}

.profile-pic-block {
	float: left;
	width: 120px;
	margin-right: 20px;
	text-align: center
}

.pic-block {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 4px;
	position: relative;
	background: url(../images/hacker_rocks/profile/default_avatar_bg.png) no-repeat 0 0;
	background-size: 100%
}

.pic-block img {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 0
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0
}

.name-text-only {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	margin: 35px 0 0;
	color: #fff;
	font-weight: 700
}

.upload-btn,
.upload-btn:focus {
	text-align: center;
	height: 35px;
	width: 35px;
	background: #fff;
	border-radius: 50%;
	padding-top: 6px;
	position: absolute;
	right: -9px;
	bottom: -6px;
	cursor: pointer;
	box-shadow: 2px 3px 4px #ddd
}

.upload-btn i {
	color: #333;
	font-size: 20px;
	cursor: pointer
}

.editbtn {
	border-radius: 2px;
	background: #e91e63;
	color: #fff;
	font-weight: 400;
	text-transform: capitalize;
	border: 00;
	font-size: 13px;
	padding: 7px 18px;
	margin-top: 25px
}

.editbtn:focus,
.editbtn:hover {
	background: #e91e63;
	color: #fff
}

.profile-info {
	float: left;
	width: 78%
}

.profile-info h1 {
	font-size: 31px;
	color: #181818;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 28px
}

.profile-info h1 small {
	font-size: 16px;
	color: #181818
}

.user-id {
	font-size: 16px;
	color: #444
}

.profile-info h1:after {
	background: 0 0
}

.profile-left-block {
	box-shadow: 0 0 5px #d8d8d8;
	border: 1px solid #dadada;
	padding: 25px;
	border-radius: 5px
}

.profile-subheading {
	margin-top: 15px;
	margin-bottom: 0;
	color: #0e141e;
	font-size: 14px;
	display: inline-block;
	width: 100%
}

.addressCountry {
	color: #576871;
	font-size: 13px
}

.profile-details-empty {
	display: inline-block;
	width: 100%
}

.profile-details-empty p {
	width: 100%;
	font-size: 13px;
	float: left;
	color: #646464;
	margin-top: 10px
}

.star {
	color: red
}

.popup-form label {
	font-weight: 500;
	text-align: left
}

.profile-add-btn {
	color: #e91e63;
	font-weight: 600;
	text-decoration: none;
	font-size: 13px
}

.profile-add-btn:focus,
.profile-add-btn:hover {
	text-decoration: none;
	color: #e91e63
}

.savebtn {
	border-radius: 2px;
	background: #e91e63;
	color: #fff;
	font-weight: 400;
	text-transform: capitalize;
	border: 00;
	font-size: 14px;
	padding: 7px 18px;
	margin: 0 3px
}

.cancelbtn {
	border-radius: 2px;
	background: 0 0;
	color: #e91e63;
	font-weight: 400;
	text-transform: capitalize;
	border: 1px solid #e91e63;
	font-size: 14px;
	padding: 6px 18px;
	margin: 0 3px
}

.savebtn:focus,
.savebtn:hover {
	opacity: .9;
	color: #fff
}

.cancelbtn:focus,
.cancelbtn:hover {
	opacity: .9;
	color: #e91e63
}

.modal-footer {
	text-align: center
}

.pad5 {
	padding-left: 5px;
	padding-right: 5px
}

.half {
	float: left;
	width: 30%
}

.half span {
	color: #646464;
	margin-right: 30px
}

.pad-t-b-30 {
	padding-top: 30px;
	padding-bottom: 30px
}

.custom-profile-label {
	color: #8a858d;
	float: left;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px
}

.skills-info-text {
	color: #2d2d2d;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	display: inline-block;
	width: 100%
}

.select2-container {
	width: 100%!important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #e91e63!important;
	color: #fff!important;
	border-color: #e91e63!important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff!important
}

.border-bottom-dashed {
	border-bottom: 1px dashed #ccc
}

.badges-info {
	display: inline-block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 25px 0 0;
	text-align: left
}

.badges-info li {
	display: inline-block;
	min-width: 20%;
	text-align: center
}

.badges-info li span {
	display: inline-block;
	color: #8a858d;
	margin-bottom: 4px;
	font-size: 14px;
	width: 100%
}

.badges-info li p {
	color: #444;
	font-size: 16px;
	width: 100%;
	display: inline-block;
	margin-bottom: 0
}

.custom-form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0
}

.custom-form-horizontal h4 {
	margin-bottom: 25px
}

.d-radio {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 7px;
	margin-right: 30px
}

.d-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.checkmark {
	position: absolute;
	top: 2px;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #c7c7c7;
	border-radius: 50%
}

.d-radio:hover input~.checkmark {
	background-color: #ccc
}

.d-radio input:checked~.checkmark {
	background-color: #e91e63
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.d-radio input:checked~.checkmark:after {
	display: block
}

.d-radio .checkmark:after {
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff
}

.mt-5 {
	margin-top: 5px
}

.skills-info-text small {
	font-size: 13px;
	color: #929292
}

.skills-info-text a {
	color: #e91e63
}

.profile-right-block {
	box-shadow: 0 0 5px #d8d8d8;
	border: 1px solid #dadada;
	display: inline-block;
	width: 100%;
	padding: 15px;
	border-radius: 4px
}

.right-heading {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #000;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 5px
}

.certificates-block {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 20px 0;
	list-style: none
}

.certificates-block li {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 0 15px 120px;
	border-bottom: 1px solid #e3e3e3;
	min-height: 155px;
	margin-bottom: 18px
}

.certificates-block li img {
	position: absolute;
	left: 0;
	top: 0
}

.certificates-block li span {
	font-size: 14px;
	margin-bottom: 15px;
	color: #000;
	float: left;
	width: 100%
}

.certificates-block li p {
	font-size: 13px;
	color: #646464;
	float: left;
	width: 100%;
	margin-bottom: 15px
}

.certificates-block li .not-yet-btn {
	background: #ea1e63;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 9px;
	border-radius: 3px;
	float: left;
	border: 0
}

.dropdown-menu .progress {
	height: 8px;
	margin-bottom: 3px
}

.dropdown-menu .progress-bar {
	background-color: #ea1e63
}

.nav-tabs.clm-mainl-nav.navs-t {
	margin: 20px 0 0 0;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	padding: 0!important;
	background: #fff
}

.nav-tabs.clm-mainl-nav.navs-t>li>a {
	margin-right: 2px;
	border: 0 solid transparent;
	display: inline-block;
	font-weight: 600;
	color: #000;
	padding: 10px 26px;
	text-transform: uppercase;
	border-radius: 0
}

.nav-tabs.clm-mainl-nav.navs-t>li.active>a {
	background: #071773;
	color: #fff
}

.table.table-striped {
	border: 1px solid #e1e0e0
}

.table.table-striped>thead>tr>th {
	font-weight: 500;
	color: #000
}

.table.table-striped>tbody>tr>td,
.table.table-striped>tbody>tr>th,
.table.table-striped>tfoot>tr>td,
.table.table-striped>tfoot>tr>th,
.table.table-striped>thead>tr>td,
.table.table-striped>thead>tr>th {
	padding: 14px 8px
}

.table.table-striped>tbody>tr>td,
.table.table-striped>tfoot>tr>td,
.table.table-striped>thead>tr>td {
	font-size: 13px
}

.star {
	color: red
}

@media only screen and (max-width:767px) {
	.responsive-float {
		float: left
	}
	.profile-info {
		width: 100%;
		margin-top: 35px
	}
	.profile-info h1 {
		font-size: 25px
	}
	.profile-left-block {
		padding: 25px 10px;
		margin-bottom: 20px
	}
	.no-pad-mbl {
		padding: 0
	}
	.profile-pic-block {
		width: 100%;
		margin-right: 0;
		text-align: center
	}
	.badges-info li {
		width: 32%
	}
	.badges-info li span {
		font-size: 13px;
		margin: 5px 0
	}
	.mb-7-mbl {
		margin-bottom: 7px
	}
}

@media screen and (min-width:1024px) and (max-width:1099px) {
	.profile-info {
		width: 73%
	}
}

.case-landing-header {
	background: url(../images/hacker_rocks/common/case_studies.png) no-repeat right center, url(../images/hacker_rocks/common/circle-bg.png) no-repeat left center, #071773;
	padding: 35px 0 100px 0;
	background-size: auto 100%, auto 120%;
	background-attachment: scroll, fixed;
	margin-bottom: 50px
}

.case-landing-header h2 {
	margin: 50px 0 0 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 42px;
	text-shadow: 0 0 5px #071773
}

.case-landing-header h2 span {
	font-weight: 800;
	color: #fff;
	font-size: 60px
}

.case-landing-header p {
	font-size: 18px;
	margin: 0 0 15px 0;
	color: #fff;
	text-shadow: 2px 2px 20px #423c9e
}

.case_studies_main_list {
	padding: 50px 0
}

.case_study_box {
	padding: 15px;
	box-shadow: 0 0 10px #ddd;
	border-radius: 10px;
	border: 1px solid #e8e8e8;
	margin-bottom: 30px;
	transition: .4s
}

.case_study_box:hover {
	box-shadow: none;
	transition: .4s;
	opacity: .8
}

.case_box_logo {
	background: url(../images/case_studies/thumb_bg.png) no-repeat center center;
	background-size: auto 100%;
	padding: 40px 0;
	text-align: center;
	margin-bottom: 15px
}

.thumb-case2 {
	background: url(../images/case_studies/thumb_bg2.png) no-repeat center center;
	background-size: auto 100%
}

.thumb-case3 {
	background: url(../images/case_studies/thumb_bg3.png) no-repeat center center;
	background-size: auto 100%
}

.thumb-case4 {
	background: url(../images/case_studies/thumb_bg4.png) no-repeat center center;
	background-size: auto 100%
}

.case_box_logo img {
	max-width: 90%
}

.case_box_texts {
	padding: 10px;
	text-align: center
}

.case_box_texts h4 {
	color: #e91e63;
	font-weight: 700;
	text-transform: uppercase
}

.case_box_texts p {
	color: #505763
}

.case_studies_main_detail {
	padding: 50px 0
}

.case_d-left {
	padding: 15px
}

.cdl_company img {
	width: 100%
}

.cdl_company h2 {
	background: linear-gradient(-90deg, #e91e63, #ff4b15);
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding: 7px;
	margin-top: 30px
}

.cdl_company p {
	color: #505763;
	margin-top: 30px;
	text-align: center
}

.cdl-data table {
	margin-top: 30px;
	font-size: 13px
}

.cdl-data table i {
	margin-right: 7px
}

.cdl-data table tr td:last-child {
	font-weight: 700
}

.cdl-since {
	padding: 15px;
	text-align: center
}

.cdl-since h3 {
	color: #071773;
	font-size: 16px;
	text-align: center;
	font-weight: 700
}

.cdl-since img {
	width: 150px;
	margin-top: 20px
}

.cdl-since h4 {
	color: #d71414;
	padding: 50px 0;
	transform: rotate(-32deg);
	position: absolute;
	top: 89px;
	left: 38%;
	font-weight: 700
}

.csm-title {
	background: linear-gradient(90deg, #071773, #04d9fc);
	padding: 6px 20px 8px 20px;
	font-size: 17px;
	border-radius: 0 100px 100px 0;
	color: #fff;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 10px
}

.csm-title i {
	margin-right: 10px;
	font-size: 15px;
	background: #04d9fc;
	padding: 5px;
	border-radius: 100%;
	box-shadow: 0 0 5px #fff
}

.case-ul-1 {
	list-style: none;
	margin-top: 30px
}

.case-ul-1 li {
	background: url(../images/hacker_rocks/common/check.png) no-repeat top left;
	padding: 0 0 15px 30px;
	background-size: 20px;
	font-weight: 600
}

.cdl-download {
	border: 1px dashed #ddd;
	padding: 15px;
	text-align: center;
	margin-top: 40px
}

.cdl-download h3 {
	margin: 0 0 20px 0;
	color: #071773
}

.cdl-download a {
	display: block;
	background: #2dc533;
	color: #fff;
	padding: 10px;
	transition: .4s
}

.cdl-download a i {
	margin-right: 10px
}

.cdl-download a:hover {
	opacity: .7;
	transition: .4s
}

.outcome-texts h3 {
	margin: 10px 0;
	font-size: 14px;
	color: #071773;
	line-height: 1.8
}

.outcome-texts h3 span {
	border: 1px dashed #e91e63;
	padding: 0 5px;
	border-radius: 5px;
	display: inline-block
}

.outcome-texts h3 span i {
	font-size: 13px;
	margin-right: 5px
}

.outcome-texts h3 span i.red {
	color: red
}

.outcome-texts h3 span i.green {
	color: green
}

.skill-testing-solution-info {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 25px 0 20px 0;
	list-style: none
}

.skill-testing-solution-info li {
	float: left;
	width: 23%;
	margin: 0 1%;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #292722
}

.skill-testing-solution-info li span {
	width: 100%;
	display: inline-block;
	margin-top: 7px
}

.skill-testing-solution-info li p {
	font-size: 12px;
	font-weight: 500;
	width: 100%;
	display: inline-block
}

.skill-testing-solution-info li img {
	background: #fff;
	padding: 10px;
	border-radius: 5px
}

.skill-testing-solution-info2 {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 25px 0 20px 0;
	list-style: none
}

.skill-testing-solution-info2 li {
	float: left;
	width: 18%;
	margin: 0 1%;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #292722
}

.skill-testing-solution-info2 li span {
	width: 100%;
	display: inline-block;
	margin-top: 7px
}

.skill-testing-solution-info2 li p {
	font-size: 12px;
	font-weight: 500;
	width: 100%;
	display: inline-block
}

.skill-testing-solution-info2 li img {
	background: #fff;
	padding: 10px;
	border-radius: 5px
}

.cs-company-de {
	background: #fbfbfb;
	padding: 20px;
	text-align: center;
	border: 1px solid #e91e63
}

.cs-company-de h4 {
	color: #e91e63;
	margin-top: 40px;
	font-weight: 700
}

.case_d-main {
	border-left: 1px solid #ddd
}

.ft-13 {
	font-size: 13px;
	color: #090909
}

b,
strong {
	font-weight: 600
}

.case-ul-1 li ol {
	margin-top: 10px;
	padding-left: 13px
}

.case-ul-1 li ol li {
	background: 0 0;
	padding-left: 0;
	font-weight: 500;
	font-size: 13px
}

.pdf-download-popup .form-inline .form-group {
	width: 100%;
	margin-bottom: 15px
}

.pdf-download-popup .form-inline .form-control {
	width: 100%
}

.popup-custom-lbl {
	font-size: 13px;
	font-weight: 600;
	text-align: right;
	padding-top: 8px
}

.submit-popup-btn {
	display: inline-block;
	background: #071773;
	border: 1px solid #071773;
	font-weight: 600;
	color: #fff;
	font-size: 13px;
	padding: 7px 14px;
	margin: 0;
	transition: .4s;
	box-shadow: none!important;
	border-radius: 3px
}

.submit-popup-btn:focus,
.submit-popup-btn:hover {
	background: 0 0;
	color: #071773
}

.custom-div {
	display: inline-block;
	width: 100%;
	text-align: right;
	padding-right: 30px
}

@media and (max-width:767px) {
	.popup-custom-lbl {
		text-align: left
	}
}

#welcome-user {
	border: none;
	background: 0 0;
	margin: 0;
	padding: 40px 30px;
	font-family: Poppins, sans-serif;
	color: #fff;
	margin-top: 75px;
	z-index: 111;
	position: relative
}

#welcome-user h2 {
	font-size: 35px
}

#welcome-user p {
	color: #e0e0e0;
	font-weight: 300;
	font-size: 13px
}

.participate-now-btn {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	border: 1px solid #071773;
	padding: 11px 20px;
	border-radius: 3px;
	text-decoration: none;
	font-size: 13px;
	background: #071773;
	transition: .4s
}

.participate-now-btn:focus,
.participate-now-btn:hover {
	color: #071773;
	background: #fff;
	transition: .4s
}

.error_msg {
	color: #d8000c
}

.navbar-right li a {
	margin-top: 5px!important
}

.logo {
	float: left;
	margin-right: 21px;
	position: relative;
	padding-top: 7px;
	font-size: 0
}

.login-signup-links {
	float: right;
	line-height: 32px;
	color: #4a4548;
	margin: 0
}

.login-signup-links a {
	color: #4a4548;
	display: inline-block;
	margin-left: 14px
}

.login-signup-links a:first-child {
	margin-left: 0
}

.login-signup-links .profile-icon {
	width: 20px;
	height: 20px;
	line-height: 20px
}

.login-signup-links .profile-icon svg {
	vertical-align: top
}

.menu-test {
	float: right;
	width: 64px;
	padding-top: 4px;
	position: relative
}

.menu-test .avatar-pic {
	margin-left: 16px;
	float: right;
	margin-left: 16px;
	display: block;
	margin-top: 0!important
}

.menu-test .avatar-pic img {
	width: 38px;
	height: 38px;
	border-radius: 50%
}

.menu-test .notification-icon {
	background: rgba(255, 255, 255, .15);
	text-align: center;
	width: 24px;
	height: 24px;
	border-radius: 15px;
	display: block;
	line-height: 24px;
	position: relative
}

.menu-test .notification-icon svg {
	vertical-align: middle
}

.menu-test .notification-icon svg g {
	fill: #c2c2c2
}

.menu-test .notification-icon .number {
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 5px;
	background: #2ec866;
	position: absolute;
	left: 13px;
	top: 3px
}

.menu-test .profile-property {
	position: relative
}

.menu-test .profile-property:hover .profile-dropdown {
	display: block
}

.profile-dropdown {
	width: 154px;
	margin: 0;
	list-style: none;
	display: none;
	background: #fff;
	padding: 0;
	top: 40px;
	border: 1px solid #dadada;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
	position: absolute;
	right: -8px;
	border-radius: 6px
}

.main-nav ul.nav.navbar-nav ul.profile-dropdown li {
	float: none!important;
	display: inline-block!important;
	width: 100%!important
}

.profile-dropdown:before {
	width: 16px;
	height: 10px;
	content: "";
	display: block;
	right: 16px;
	top: -10px;
	position: absolute;
	background: url(../images/sprites.svg) -228px -185px no-repeat
}

.profile-dropdown:after {
	width: 100%;
	height: 16px;
	content: "";
	z-index: 5;
	display: block;
	left: 0;
	top: -17px;
	position: absolute
}

.profile-dropdown li {
	float: none;
	position: static;
	font-size: 14px;
	color: #424242
}

.profile-dropdown li a {
	transition: .4s;
	padding: 0 20px;
	margin-top: 0!important;
	display: block;
	position: relative;
	line-height: 42px;
	color: #1b1a1c;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #eeebeb;
	font-family: Poppins, sans-serif
}

#header .profile-dropdown li.active a,
.profile-dropdown li:hover a {
	color: #fff;
	background: #071773
}

.profile-dropdown li .fa {
	font-size: 14px;
	width: 25px;
	text-align: left;
	vertical-align: middle
}

.profile-dropdown li .earn-bits {
	font-weight: 500
}

.profile-dropdown li .earn-bits span {
	color: #fff;
	opacity: .6
}

.profile-dropdown li.profile-status a {
	text-transform: none;
	line-height: 16px
}

.profile-dropdown li.profile-status a:hover {
	background: 0 0
}

.profile-dropdown .progress {
	margin: 5px 0 10px;
	height: 5px;
	background: #dadada
}

.progress .progress-bar {
	background-color: #8a858d
}

.user-notifications {
	float: right
}

.profile-notifications #notification-lists {
	display: none;
	position: absolute;
	background: #fff
}

.profile-notifications:hover #notification-lists {
	display: block
}

.user-notifications #notification-lists:before {
	display: block;
	content: "";
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px
}

.profile-notifications #notification-lists {
	margin: 0;
	padding: 0;
	list-style: none
}

#notification-lists {
	border: 1px solid #dadada;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
	width: 350px;
	left: auto;
	right: 33px;
	top: 44px;
	border-radius: 6px;
	padding: 0
}

#notification-lists header:before {
	width: 16px;
	height: 10px;
	content: "";
	display: block;
	right: 10px;
	top: -10px;
	position: absolute;
	background: url(images/sprites.svg) -228px -185px no-repeat
}

#notification-lists header:after {
	width: 100%;
	height: 16px;
	content: "";
	display: block;
	left: 0;
	top: -17px;
	position: absolute
}

#notification-lists header {
	padding: 10px;
	text-align: center;
	position: relative
}

#notification-lists header h5 {
	margin: 0
}

#notification-lists header h5 .number {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	min-width: 22px;
	padding: 0 2px;
	border-radius: 50%;
	background: #2ec866;
	margin-left: 5px;
	vertical-align: middle
}

#notification-lists ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#notification-lists h6 {
	background: #dadada;
	padding: 3px 10px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400
}

#notification-lists h6 .fa {
	margin-right: 5px
}

#notification-lists h6 .see-all {
	float: right
}

#notification-lists ul li {
	border-bottom: 1px solid #dadada;
	padding: 5px 10px
}

#notification-lists ul li:last-child {
	border-bottom: 0
}

#notification-lists ul li p {
	margin-bottom: 3px;
	color: #8c8c8c;
	font-size: 11px;
	line-height: 16px
}

#notification-lists ul li p a {
	color: #424242;
	font-size: 12px
}

#notification-lists .followers-notifications ul li {
	margin-bottom: 0
}

.menu-test .notification-icon:hover .dropdown-menu {
	display: block!important
}

.added_profile {
	margin-right: 51px;
	margin-top: 6px
}

#signup-login .nav>li {
	float: left;
	width: 50%
}

#signup-login .nav>li a {
	text-align: center;
	background: 0 0;
	color: #b9b6b6;
	font-weight: 500;
	font-size: 18px;
	border-radius: 0;
	border: 0;
	transition: all .5s linear;
	text-transform: uppercase;
	font-family: Poppins, sans-serif;
	border-bottom: 2px solid #eceaea
}

#signup-login .nav>li.active a {
	text-align: center;
	background: 0 0;
	color: #071773;
	font-weight: 500;
	font-size: 18px;
	border-bottom: 2px solid #071773
}

#signup-login .logo {
	width: 134px
}

.tg-loader.text-center {
	height: 100%;
	padding: 100px 130px;
	font-size: 19px;
	font-family: Poppins, sans-serif;
	color: #071773;
	position: fixed;
	background: #ffffffc7;
	z-index: 111111111111;
	top: 50%;
	left: 50%;
	box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
	border-radius: 10px;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%
}

.tg-loader.text-center h4 {
	font-size: 40px;
	font-weight: 600;
	color: #071773;
	margin-bottom: 12px
}

#signup-login .logo {
	margin: 0 auto 15px;
	width: 100%
}

.ui-autocomplete.ui-widget {
	border: 0;
	border-top: 1px solid #dadada;
	border-radius: 0 0 6px 6px;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .18);
	padding: 0
}

.ui-autocomplete.ui-widget li.ui-menu-item:last-child {
	border-bottom: 0
}

.ui-autocomplete.ui-widget li.ui-menu-item {
	padding: 5px 12px;
	background: #fff!important;
	font-size: 14px;
	color: #4a4548!important;
	margin-bottom: 0!important;
	font-weight: 400;
	display: block;
	border: 0;
	font-family: lato, Arial, Helvetica, sans-serif
}

.ui-autocomplete.ui-widget li.ui-menu-item:active,
.ui-autocomplete.ui-widget li.ui-menu-item:focus,
.ui-autocomplete.ui-widget li.ui-menu-item:hover {
	background: #f2f2f2!important;
	border: 0;
	cursor: pointer
}

.ui-autocomplete.ui-widget li.ui-menu-item strong {
	color: #4a4548
}

#autocomplete {
	position: absolute;
	background: #fff;
	z-index: 100;
	border: 1px solid #dadada;
	max-height: 229px;
	overflow: auto;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
	width: 343px
}

#autocomplete ul li:last-child {
	border-bottom: 0
}

#autocomplete ul li {
	padding: 5px 12px;
	background: #fff!important;
	font-size: 14px;
	color: #4a4548!important;
	margin-bottom: 0!important;
	font-weight: 400;
	display: block
}

#autocomplete ul li:hover {
	background: #f2f2f2!important
}

#autocomplete ul li strong {
	color: #4a4548
}

ul.token-input-list-facebook {
	overflow: hidden;
	height: auto!important;
	height: 1%;
	width: 100%;
	min-height: 36px;
	cursor: text;
	font-size: 14px;
	z-index: 999;
	margin: 0;
	padding: 0;
	background-color: #fff;
	list-style-type: none;
	clear: left;
	border-radius: 3px;
	overflow: auto;
	padding: 1px 0
}

ul.token-input-list-facebook li input {
	border: none!important;
	padding: 6px;
	width: auto!important;
	background-color: #fff;
	-webkit-appearance: caret;
	line-height: 17px!important;
	min-width: auto;
	height: 42px!important;
	display: inline-block;
	float: none;
	box-shadow: none!important
}

li.token-input-token-facebook {
	overflow: hidden;
	height: auto!important;
	height: 24px;
	padding: 4px 8px;
	cursor: default;
	font-size: 11px;
	float: left;
	white-space: nowrap;
	font-weight: 400;
	color: #8a858d;
	border-radius: 3px;
	background: #f2f2f2;
	border: 0;
	padding: 7px 4px;
	margin: 3px 4px 3px 4px!important
}

li.token-input-token-facebook p {
	display: inline;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
	font-size: 13px;
	color: #4a4548;
	line-height: 22px
}

li.token-input-token-facebook span {
	margin-left: 5px;
	font-weight: 700;
	cursor: pointer;
	font-size: 16px;
	color: #8a858d;
	line-height: 19px;
	position: relative;
	top: 1px
}

li.token-input-selected-token-facebook {
	background-color: #f2f2f2;
	border: 1px solid #dadada;
	color: #8a858d
}

li.token-input-input-token-facebook {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	list-style-type: none
}

div.token-input-dropdown-facebook {
	position: absolute;
	width: 343px;
	max-height: 229px;
	overflow: auto;
	background-color: #fff;
	border: 1px solid #dadada;
	cursor: default;
	font-size: 14px;
	z-index: 2000;
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}

.modal-open div.token-input-dropdown-facebook {
	width: 246px
}

div.token-input-dropdown-facebook p {
	margin: 0;
	padding: 5px;
	font-weight: 500;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	color: #000;
	font-size: 12px;
	text-align: left
}

div.token-input-dropdown-facebook ul {
	margin: 0;
	padding: 0
}

div.token-input-dropdown-facebook ul li {
	background-color: #fff;
	padding: 4px 12px 5px;
	margin: 0;
	list-style-type: none;
	color: #4a4548;
	font-size: 14px;
	text-align: left;
	font-weight: 400
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
	background-color: #fff;
	color: #8a858d;
	font-size: 14px;
	font-weight: 400
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
	background-color: #fff
}

div.token-input-dropdown-facebook ul li em {
	font-weight: 400;
	font-style: normal
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
	background-color: #f2f2f2;
	color: #4a4548
}

.form-page .ui-autocomplete.ui-widget,
.form-page div.token-input-dropdown-facebook {
	width: 560px
}

.social-btn {
	position: relative;
	background: 0 0;
	display: inline-block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0;
	color: #fff;
	text-align: center;
	transition: all .1s cubic-bezier(.19, 1, .22, 1) .1s;
	-webkit-transition: all .1s cubic-bezier(.19, 1, .22, 1) .1s;
	-moz-transition: all .1s cubic-bezier(.19, 1, .22, 1) .1s;
	-o-transition: all .1s cubic-bezier(.19, 1, .22, 1) .1s;
	-ms-transition: all .1s cubic-bezier(.19, 1, .22, 1) .1s;
	padding: 0 12px 0 12px;
	height: 38px;
	margin: 0 10px 15px;
	font-size: 12px
}

.social-btn:active,
.social-btn:focus,
.social-btn:hover {
	color: #fff;
	outline: 0;
	text-decoration: none
}

.social-btn .inner {
	display: block;
	margin-left: 37px;
	line-height: 38px
}

.social-btn .fa {
	font-size: 20px;
	float: left;
	vertical-align: top;
	width: 28px;
	text-align: left;
	height: 38px;
	line-height: 38px
}

.social-btn.facebook {
	background: #6577c2
}

.social-btn.google {
	background: #ca4736
}

.social-btn.linkedin {
	background: #11709c
}

.social-btn.github {
	background: #0d2636
}

.social-btn.mail {
	background: #0d7e8f
}

.social-btn.twitter {
	background: #2daae2
}

.social-btn.facebook:hover {
	background: #5365b1
}

.social-btn.google:hover {
	background: #ad3425
}

.social-btn.linkedin:hover {
	background: #09577b
}

.social-btn.github:hover {
	background: #1f2123
}

.social-btn.mail:hover {
	background: #075f6c
}

.social-btn.twitter:hover {
	background: #2daae2
}

.social-btn.facebook .fa {
	border-right: 1px solid #5b6bae;
	padding-left: 2px
}

.social-btn.google .fa {
	border-right: 1px solid #b63f2f
}

.social-btn.linkedin .fa {
	border-right: 1px solid #0e5e83
}

.social-btn.github .fa {
	border-right: 1px solid #252629
}

.social-btn.mail .fa {
	border-right: 1px solid #0b6e7d
}

.social-btn.twitter .fa {
	border-right: 1px solid #2daae2
}

.social-box p span {
	vertical-align: top;
	display: inline-block;
	padding-top: 6px;
	width: 116px
}

.other_option label.control-label {
	font-weight: 600;
	font-size: 12px;
	color: #333;
	background: #fbfaf8;
	z-index: 11111;
	position: relative;
	padding: 20px 5px 7px!important;
	text-transform: capitalize
}

.login-box {
	padding: 6em 7em 0;
	display: inline-block;
	width: 100%
}

.social-box .social-lin a {
	display: flex;
	margin-left: 0;
	width: 37px;
	height: 32px;
	text-align: center;
	line-height: 29px;
	vertical-align: top;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	border-radius: 4px
}

.other_option {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	position: relative
}

.social-lin img {
	width: 13px;
	height: 13px
}

#login_form input#button_login {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	font-size: 17px;
	margin-top: 7px
}

.social-box .social-lin a.linkedin {
	background: #0077b5;
	margin-left: 0;
	margin-right: 0
}

.social-box .social-lin a.facebook {
	background: #3b5998
}

.social-box .social-lin a.google {
	background: #fff;
	border: 1px solid #0645ac;
	line-height: 29px
}

.social-box .social-lin a.github {
	background: #3b4146
}

.modal .social-box p a {
	margin-left: 9px
}

.modal .social-box p a.linkedin {
	margin-left: 0
}

.modal .social-box p span {
	width: 87px
}

.modal #signup-form #rc-imageselect,
.modal #signup-form .g-recaptcha {
	transform: scale(.8);
	-webkit-transform: scale(.8);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

.login-box .form-horizontal .control-label {
	padding-top: 8px;
	font-weight: 600;
	font-size: 13px;
	color: #333
}

.tabs1 .nav-tabs {
	border-bottom: 0;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 20px
}

.inner-content .tabs1>.mobile-dropdown-view .nav-tabs,
.inner-content .tabs1>.nav-tabs {
	margin: 0 -16px 24px
}

.tabs1 .nav-tabs.pull-right {
	position: relative;
	margin-top: -48px
}

.tabs1 .nav-tabs>li {
	margin-bottom: 0;
	margin-bottom: -1px
}
#contest-description ul#tablist_holder{
    margin-bottom: 0px;	
}
.tabs1 .nav-tabs>li>a {
	border-radius: 0;
	border: 0;
	font-size: 16px;
	min-width: 75px;
	line-height: 16px;
	text-align: center;
	color: #8a858d;
	border: 0;
	padding: 8px 24px;
	border-bottom: 0;
	margin: 0
}

.tabs1 .nav-tabs>li>a .icon {
	vertical-align: top;
	margin-right: 5px
}

.tabs1 .nav-tabs>li>a:hover {
	background: 0 0
}

.tabs1 .nav-tabs>li.active>a,
.tabs1 .nav-tabs>li.active>a:focus,
.tabs1 .nav-tabs>li.active>a:hover {
	color: #19171a;
	font-weight: 600;
	border: 0;
	background: 0 0
}

.tabs1 .nav>li>a:focus,
.tabs1 .nav>li>a:hover {
	background: 0 0
}

.tabs1 .nav-tabs>li.active>a .icon path,
.tabs1 .nav-tabs>li.active>a:focus .icon path,
.tabs1 .nav-tabs>li.active>a:hover .icon path {
	fill: #19171a
}

.small-view .tabs1 .nav-tabs>li {
	width: 50%
}

.small-view .tabs1 .nav-tabs>li a {
	padding: 7px 8px 6px
}

.small-view .tabs1 .nav-tabs .magic-line {
	display: none
}

.small-view .tabs1 .nav-tabs>li.active>a,
.small-view .tabs1 .nav-tabs>li.active>a:focus,
.small-view .tabs1 .nav-tabs>li.active>a:hover {
	border-bottom: 1px solid #000013
}

.tabs1 .nav-tabs>li>a:hover {
	color: #4a4548
}

.tabs1 .magic-line {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100px;
	height: 4px;
	background: #19171a
}
.course_preview_panel .tabs1 .nav-tabs>li>a{
	padding: 10px 24px 13px;
}
.extra-small-view .tabs1 {
	position: relative
}

.extra-small-view .tabs1 .nav-tabs {
	position: absolute;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .18);
	z-index: 15;
	top: 0;
	background: #fff;
	display: none;
	border-radius: 3px;
	width: 100%
}

.extra-small-view .tabs1 .nav-tabs>li {
	width: 100%;
	margin-bottom: 0
}

.extra-small-view .tabs1 .nav-tabs>li a {
	padding: 10px 13px;
	border: 0;
	color: #8a858d;
	text-align: left;
	white-space: nowrap
}

.extra-small-view .tabs1 .nav-tabs>li.active a:hover {
	background: #f7f7f7;
	border: 0
}

.extra-small-view .tabs1 .nav-tabs>li a:hover,
.extra-small-view .tabs1 .nav-tabs>li.active a {
	background: #f7f7f7;
	border: 0;
	font-weight: 400;
	color: #4a4548
}

.extra-small-view .tabs1 .nav-tabs>li:first-child a {
	border-radius: 2px 2px 0 0
}

.extra-small-view .tabs1 .nav-tabs>li:last-child a {
	border-radius: 0 0 2px 2px
}

.tabs2 .nav-tabs {
	border-bottom: 0;
	float: left;
	margin-bottom: 24px
}

.tabs2 .nav-tabs.right-align {
	float: right;
	margin-top: -5px
}

.tabs2 .nav-tabs>li {
	margin: 0
}

.tabs2 .nav-tabs>li>a {
	border-radius: 0;
	border: solid 1px #4a4548;
	font-size: 14px;
	text-align: center;
	margin: 0;
	color: #4a4548;
	padding: 9px;
	line-height: 14px;
	background: #fff;
	min-width: 104px;
	border-right: 0
}

.tabs2 .nav-tabs>li:first-child>a {
	border-radius: 3px 0 0 3px
}

.tabs2 .nav-tabs>li:last-child>a {
	border-radius: 0 3px 3px 0;
	border-right: solid 1px #4a4548
}

.tabs2 .nav>li>a:focus,
.tabs2 .nav>li>a:hover {
	background: #fff
}

.tabs2 .nav-tabs>li.active>a,
.tabs2 .nav-tabs>li.active>a:focus,
.tabs2 .nav-tabs>li.active>a:hover {
	color: #fff;
	background-color: #4a4548;
	border: solid 1px #4a4548;
	font-weight: 400
}

.tabs2 .tab-content {
	clear: both
}

.tabs1 .nav-tabs>li.active>a,
.tabs1 .nav-tabs>li.active>a:focus,
.tabs1 .nav-tabs>li.active>a:hover {
	color: #19171a;
	font-weight: 600;
	border: 0;
	background: 0 0;
	    border-bottom: 2px solid #263544 !important;
}

.tabs1 .magic-line {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100px;
	height: 4px;
	background: #19171a
}

.top-info-tabs {
	display: inline-block;
	width: 100%;
	margin-top: 20px!important;
	margin-bottom: 10px
}

.top-info-tabs li.active a,
.top-info-tabs li.active a:focus,
.top-info-tabs li.active a:hover {
	color: #263544 !important;
}

.widget.profile-widget .tabs1 .nav-tabs li {
	width: 50%
}

.tabs1 .nav-tabs>li {
	margin-bottom: 0;
	margin-bottom: -1px
}

.tabs1 .nav-tabs {
	position: relative
}

.tabs1 .nav-tabs {
	border-bottom: 0;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 20px
}

.top-info-tabs li a {
	float: left;
	width: auto;
	text-align: center;
	color: #727272!important;
	font-weight: 600!important;
	font-size: 13px;
	margin-right: 2px;
	line-height: 1.42857143!important;
	border-radius: 4px 4px 0 0!important;
	padding: 15px 15px!important
}

.top-info-tabs>li>a:focus,
.top-info-tabs>li>a:hover {
	text-decoration: none;
}

.top-header-bar-test-info {
	display: inline-block;
	background: #575f6c;
	background-size: cover;
	width: 100%;    z-index: 1;
}
.themes_background.pb-40 .container {
    max-width: max-content;
    width: auto !important;
}
.preview-test-info {
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 100px;
	padding-left: 120px
}

.preview-test-info .image-container {
	position: absolute;
	left: 0;
	top: 0;
	float: left;
	width: 100px;
	height: 100px;
	background: #f8f8f8;
	border-radius: 5px;
	padding: 3px
}

.preview-test-info .image-container img {
	float: left;
	max-width: 100%;
	max-height: 100%
}

.preview-test-info p {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 3px;
	margin-top: 25px
}

.preview-test-info h5 {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	margin: 0
}

.preview-test-block {
	margin-bottom: 20px
}

.nopadding {
	padding-left: 0!important;
	padding-right: 0!important
}

.create-test-form {
	padding: 15px;
	margin-top: 20px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #e8e8e8
}

.padding15 {
	padding: 15px!important
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.lavel-show-accordion .panel-title {
    font-size: 16px;
    font-weight: 600;
    color: #4b5059;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #ddd
}

.lavel-show-accordion .panel-body {
	padding: 20px 15px
}

h6.test-info-heading {
	font-size: 17px;
	font-weight: 600;
	color: #4b5059;
	line-height: 34px;
	text-transform: uppercase;
	border-bottom: 1px solid #dbdada;
	padding-bottom: 5px;
	margin-bottom: 25px
}

.preview-test-block p {
	color: #4a4548;
	font-size: 13px
}

.start-test {
	/* border-radius: 3px;
	background: #fff;
	color: #071773;
	font-weight: 600;
	text-transform: capitalize;
	border: 1px solid #071773;
	font-size: 13px;
	padding: 7px 14px;
	margin: 0;
	transition: .4s;
	box-shadow: none!important */
}


.contest-home a.btn, .contest-home a.btn.start-test {
    color: white !important;
}
.test-desciption-info {
	display: inline-block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0
}

.test-desciption-info li {
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #4a4548
}

.test-desciption-info li span {
	float: left;
	width: 120px;
	color: #575757;
	font-size: 13px;
	font-weight: 600;
	text-transform: capitalize
}

.test-desciption-info li b {
	line-height: 18px;
	font-weight: 600;
	display: inline-block;
	background: #f4f4f4;
	color: #000;
	padding: 5px;
	border-radius: 3px;
	font-size: 12px;
	min-width: 50px;
	text-align: center
}

.create-test-form {
	padding: 15px;
	margin-top: 0px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #e8e8e8
}

.box-default1 {
	background: #fff
}

.box-default1 .content-wrapper {
	border-bottom: 1px solid #e0e0e0;
	padding: 12px
}

dl.description-list dt {
	min-width: 74px;
color: #656466;
    float: left;
    margin-right: 8px;
    margin-bottom: 0px;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 600;
}

dl.description-list dd {
	margin-bottom: 5px;
	margin-left: 136px;
	color: #4a4548;
	font-weight: 300;
	text-transform: none;
	font-size: 13px
}

.form1 .select select {
	width: 100%;
	border: 0;
	font-family: lato, Arial, Helvetica, sans-serif;
	background: #fff;
	padding: 0 6px 0 5px;
	height: 34px;
	position: relative;
	border-radius: 2px
}

.select {
	position: relative;
	display: block;
	border: 1px solid #ccc;
	border-radius: 2px;
	min-height: 36px;
	height: auto;
	width: 100%
}




dl.description-list dd {
	color: #4a4548;
	margin-left: 82px;
	overflow-wrap: break-word
}

.lavel-show-accordion .panel-default>.panel-heading {
	background-color: #eff1f3
}

.reviw_panel {
	float: left;
	width: 100%;
	margin-top: 22px;
	padding: 0;
	background: snow
}

.review_form {
	width: 100%;
	float: left
}

.review_box {
	overflow: hidden;
	overflow-wrap: break-word;
	resize: horizontal;
	height: 110px;
	margin-top: 15px;
	float: left;
	width: 100%
}

.wl_50 {
	width: 49%;
	margin-right: 1%;
	float: left;
	margin-top: 0!important
}

.wr_50 {
	width: 49%;
	margin-left: 1%;
	float: left;
	margin-top: 0!important
}

.rating {
	float: left
}

.rating:not(:checked)>input {
	position: absolute;
	top: -9999px;
	clip: rect(0, 0, 0, 0)
}

.rating:not(:checked)>label {
	float: right;
	width: 29px;
	padding: 0 .1em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 161%;
	line-height: .5;
	color: #514e4e;
	text-shadow: none
}

fieldset legend {
	width: 111px;
	padding: 0;
	margin-bottom: 0;
	font-size: 13px;
	line-height: inherit;
	color: #333;
	border: 0;
	text-transform: capitalize;
	float: left
}

.login-box button.active {
	background: snow;
	color: #4f4e4e;
	border-bottom: 0;
	border-right: 1px solid #ddd!important
}

.login-box button {
	background: #fff;
	border: 1px solid #ddd;
	padding: 14px 10px;
	width: 50%;
	margin: 0!important;
	font-weight: 500;
	font-family: Poppins, sans-serif;
	color: #767676;
	font-size: 14px;
	border-top: 0;
	border-left: 0;
	outline: 0;
	background: #efe9e9
}

.login-box textarea.form-control {
	height: 154px;
	box-shadow: none;
	border: 1px solid #d6d3d3
}

.rating:not(:checked)>label:before {
	content: '★ ';
	position: relative!important;
	border: 0;
	background: 0 0;
	width: auto;
	height: auto
}

.rating:not(:checked)>label:after {
	opacity: 0
}

.rating>input:checked~label {
	color: #f70;
	text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
	color: gold;
	text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
	color: #ea0;
	text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating>label:active {
	position: relative;
	top: 2px;
	left: 2px
}

.checkbox {
	padding-left: 20px
}

.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555
}

.checkbox input[type=checkbox] {
	/* opacity: 0;
	z-index: 1 */
}

.checkbox input[type=checkbox]:focus+label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.checkbox input[type=checkbox]:checked+label::after {
	content: '';
	display: block;
	width: 6px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	top: 1.5px;
	left: 5px
}

.checkbox input[type=checkbox]:disabled+label {
	opacity: .65
}

.checkbox input[type=checkbox]:disabled+label::before {
	background-color: #eee;
	cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%
}

.checkbox.checkbox-inline {
	margin-top: 0
}

.checkbox-primary input[type=checkbox]:checked+label::before {
	background-color: #071773;
	border-color: #071773
}

.checkbox-primary input[type=checkbox]:checked+label::after {
	color: #fff
}

.checkbox-danger input[type=checkbox]:checked+label::before {
	background-color: #d9534f;
	border-color: #d9534f
}

.checkbox-danger input[type=checkbox]:checked+label::after {
	color: #fff
}

.checkbox-info input[type=checkbox]:checked+label::before {
	background-color: #5bc0de;
	border-color: #5bc0de
}

#login-register-modal ul.nav.nav-tabs {
	border-bottom: 0
}

.checkbox-info input[type=checkbox]:checked+label::after {
	color: #fff
}

#login-register-modal .modal-body {
	background: white;
	padding: 30px;
	min-height: 100%!important;
	overflow: inherit!important;
	height: 100%!important;
	max-height: initial!important
}

#login-register-modal .modal-header {
	padding: 0
}

.checkbox-warning input[type=checkbox]:checked+label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e
}

#user-about a.btn.button1 {
	font-weight: 400;
	font-size: 14px;
	padding: 8px 30px
}

#login-register-modal .login-cancel,
.login-cancel:focus {
	position: fixed;
	top: 0;
	right: -25px;
	color: #fff;
	font-size: 22px;
	display: inline-block;
	transition: .4s;
	z-index: 111111111111;
	font-weight: 400;
	opacity: 1
}

#user-profile-details .modal {
	overflow: auto
}

#user-history .ranking_box p {
	border: 0!important;
	font-weight: 300!important
}

#user-history .ranking_box p b {
	font-weight: 400;
	font-size: 14px
}

#user-about ul li {
	list-style: none
}

.checkbox-warning input[type=checkbox]:checked+label::after {
	color: #fff
}

.checkbox-success input[type=checkbox]:checked+label::before {
	background-color: #5cb85c;
	border-color: #5cb85c
}

.tutorial_section h4.pr-title {
	line-height: 28px
}

.interview-detail-main h5 {
	border-bottom: 0;
	margin: 25px 0 0!important;
	color: #000;
	font-size: 17px;
	padding: 0 0 10px!important;
	background-size: 50px;
	transition: .4s;
	text-transform: capitalize;
	font-weight: 400
}

ul.desc-ul.liblue {
	float: left;
	width: 100%
}

.interview-detail-main ul.desc-ul li {
	list-style-type: square;
	float: left;
	width: 50%
}

table.subject_article_table {
	width: 100%;
	max-width: 700px;
	margin-bottom: 20px
}

.subject_article_table tr {
	border: 1px solid #ddd
}

.subject_article_table th {
	background: #a377c1;
	color: #fff;
	padding: 15px;
	text-align: center;
	border-right: 1px solid #ddd
}

.description .circle {
	text-align: center;
	width: 80px;
	height: 80px;
	display: inline-block;
	zoom: 1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-bottom: 5px
}

.interview-detail-main .course-list-horizontal {
	padding: 15px 0 15px;
	background: #f1f3f6
}

.pbt-cta.clearfix h3 {
	margin-top: 0
}

.pbt-cta.clearfix {
	display: flex;
	justify-content: center;
	align-items: center
}

.description.slide_panel.imgNoBorder {
	padding: 25px;
	display: flex;
	justify-content: center;
	align-items: center
}

.description.imgNoBorder img {
	border: 0
}

.interview-detail-main span.discription {
	font-size: 12px;
	color: #626262;
	float: left;
	line-height: normal;
	margin: 5px 0 10px 0
}

.interview-detail-main .clh-title {
	border-bottom: 1px solid #ddd;
	padding: 15px 20px;
	margin-bottom: 15px
}

.interview-detail-main .right_content {
	float: right;
	width: 100%;
	padding: 10px 15px 0 5px
}

.subject_article_table td {
	border-right: 1px solid #ddd;
	padding: 20px
}

.subject_article_table a.d-btn.grey-btn-bg {
	margin: 20px auto 0;
	text-align: center;
	display: block;
	width: 200px
}

.subject_article_table li.list-initial {
	list-style-type: square
}

.interview-detail-main h6 {
	border-bottom: 0;
	margin: 5px 0 0!important;
	color: #000;
	font-size: 14px;
	padding: 0 0 10px!important;
	background-size: 50px;
	transition: .4s;
	text-transform: capitalize;
	font-weight: 400
}

.interview-detail-main ul li {
	list-style-type: disc;
	line-height: 28px;
	font-size: 14px;
	color: #464545
}

.tutorial_section p {
	font-size: 14px;
	line-height: 25px;
	color: #464545
}

.tutorial_section img {
	width: 100%
}

.checkbox-success input[type=checkbox]:checked+label::after {
	color: #fff
}

.p-l-5 {
	padding-left: 5px
}

.p-r-5 {
	padding-right: 5px
}

.blocking {
	display: inline-block;
	width: 100%
}

.tutorial_section .col-sm-12.practice-right {
	font-family: Poppins, sans-serif;
	background: #fff;
	padding: 25px;
	font-family: 'Nunito Sans', sans-serif
}

.sticky {
	position: sticky;
	top: 70px;
	height: 90vh;
	    overflow-y: auto;
}

.interview-detail-main .course_list {
	padding-right: 0!important
}

.dbse_inner .footer {
	background: #152052;
	padding: 20px 0;
	text-align: center
}

.dbse_inner .footer p {
	color: #fff;
	margin: 0;
	font-size: 13px;
	font-weight: 500
}

.pbt-cta.clearfix h3 {
	margin-top: 0;
	font-size: 19px
}

.pbt-cta.clearfix p {
	font-size: 13px;
	line-height: 25px;
	color: #464545
}

.pbt-cta.clearfix a#request-test-btn {
	width: 222px;
	padding: 11px
}

#user-profile-details .tab-content {
	margin-bottom: 40px
}

.dbse_inner .navbar-brand img {
	height: 50px!important
}

.dbse_inner #container-wrap {
	padding-top: 77px
}

.dbse_inner .d-navbar .navbar-brand {
	margin: 0!important;
	padding: 0
}

.dbse_inner .d-navbar .navbar-nav>li>a {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	transition: .4s;
	font-family: Poppins, sans-serif;
	text-transform: uppercase;
	margin: 0!important
}

.coder_panel ul.nav.nav-tabs li.active a {
	background: #000;
	border: 0;
	color: #fff
}

a.copy-profile-url {
	display: none
}

.dbse_inner .menu-test {
	float: right;
	width: 64px;
	padding-top: 0;
	margin-top: -4px;
	position: relative
}

.dbse_inner .menu-test .profile-property {
	position: relative
}

.dbse_inner .menu-test .avatar-pic {
	margin-left: 16px;
	float: right;
	margin-left: 16px;
	display: block;
	margin-top: 0!important
}

.dbse_inner .menu-test .avatar-pic img {
	width: 42px;
	height: 42px;
	border-radius: 28px;
	border: 1px solid #ddd;
	padding: 2px
}

.dbse_inner .profile-dropdown {
	width: 175px;
	margin: 0;
	list-style: none;
	display: none;
	background: #fff;
	padding: 0;
	top: 55px;
	position: absolute;
	right: -8px;
	border-radius: 3px;
	font-family: Poppins, sans-serif;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dbse_inner .profile-dropdown li a {
	transition: .4s;
	padding: 0 20px;
	margin-top: 0!important;
	display: block;
	position: relative;
	line-height: 42px;
	color: #1b1a1c;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	border-bottom: 1px solid #eeebeb
}

.profile-dropdown li a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
	color: #000
}

.main-banner {
	background: url(../Release/images/courses_new.jpg) no-repeat center center #fff;
	background-size: cover;
	min-height: auto;
	margin-top: 0;
	position: relative
}

.main-banner .col-lg-7 {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center
}

.home-screen {
	background: url(../images/hacker_rocks/home/screen.png) no-repeat bottom right;
	background-size: 50%;
	min-height: 350px;
	background-color: #f7f7f7;
	margin: 0;
	padding: 90px 0 0;
	font-family: Poppins, sans-serif
}

.home-screen.mt-30 {
	display: none
}

.main-banner-text {
	margin: 0!important
}

.main-banner-text {
	margin: 0!important;
	text-align: left
}

.col-sm-5.nopadding.responsive-block {
	width: 100%
}

.main-banner-text h2>br {
	display: none
}

.main-banner-text p {
	    color: #f1e9e9;
    padding: 5px;
    margin: 0;
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 300;
    margin: 15px 0 35px 0;
    text-align: left;
    line-height: 32px;
    font-family: 'Source Sans Pro', sans-serif;
}

.main-banner-text h3 {
	display: none
}

.main-banner-text h2 {
	color: #fff;
	font-size: 52px;
	margin-top: 15px;
	font-weight: 800;
	font-family: Poppins, sans-serif;
	line-height: 70px;
	max-width: initial;
	margin: 0 auto;
	display: inline-block
}

.home-lists {
	padding: 60px 0;
	background: #fff
}

.home-lists {
	font-family: Poppins, sans-serif;
	background: #fff!important
}

p.first_para {
	margin-bottom: 15px;
	font-size: 14px
}

.d-navbar .navbar-nav>li>a {
	    padding-top: 0;
    padding-bottom: 0;
    margin-top: 11px;
    text-transform: capitalize;
    font-size: 14px;
    color: #e6e6e6;
    font-weight: 400;
    transition: .4s;
    font-family: Poppins, sans-serif;
    margin-top: 11px!important;
}

a#megamneu {
	background: 0 0
}

ul.nav.navbar-nav.navbar-right.added_profile {
	margin: 0 0!important;
	width: auto
}

body .added_profile a.register-btn-nav {
	margin: 0!important
}

nav.navbar.navbar-default.d-navbar.navbar-fixed-top {
	padding: 30px 40px;
	box-shadow: none!important;
	background: 0 0!important;
	transition: all .5s linear
}

nav.navbar.navbar-default.d-navbar.navbar-fixed-top.fixed {
	background: #fff!important;
	padding: 20px!important;
	box-shadow: 0 4px 10px -10px rgba(0, 0, 0, .6)!important
}

.navbar-fixed-top.fixed .navbar-nav>li>a {
	color: #656262
}

#froent_panel.froent_panel_new .clm-right-title {
	margin-bottom: 0;
	padding: 0
}

#froent_panel.froent_panel_new .clm-right-title>h3 {
	margin: 0;
	padding: 15px 20px!important;
	background: #fff;
	line-height: 31px;
	font-size: 18px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	color: #414040
}

#froent_panel.froent_panel_new .ipt-box.mt-0 {
	margin-bottom: 0!important;
	background: #fff;
	padding-bottom: 10px
}

form.navbar-form.navbar-left.nav-search-from {
	width: 25%;
	margin-left: 25px!important;
	margin: 0;
	padding-right: 0!important
}

body .nav-search-from .form-control {
	width: 100%;
	font-family: Poppins, sans-serif;
	font-weight: 300;
	font-size: 13px;
	background: 0 0;
	border: 1px solid #3e3c3c;
	height: 43px;
	border-right: 0;
	border-radius: 50px;
	padding-left: 20px;
	color: #efeaea
}

nav.navbar.navbar-default.d-navbar.navbar-fixed-top.fixed input.form-control {
	border-radius: 0;
	border: 0;
	color: #000;
	background: #f8f8f8
}

nav.navbar.navbar-default.d-navbar.navbar-fixed-top.fixed button.btn.btn-default {
	border-radius: 0;
	border: 0;
	background: #f8f8f8
}

img.search_icon {
	width: 20px
}

form.navbar-form.navbar-left.nav-search-from button {
	background: 0 0;
	border: 1px solid #3e3c3c;
	color: #bbb6b6;
	border-left: 0;
	height: 43px;
	border-top-right-radius: 21px;
	border-bottom-right-radius: 21px
}

.main-nav ul.nav.navbar-nav {
	width: calc(100% - 390px);
	text-align: Right;
	margin: 0 auto;
	display: inline-block
}

.fixed-nav-page {
	padding-top: 0
}

.main-nav ul.nav.navbar-nav li {
	float: none!important;
	display: inline-block!important;
	width: auto!important;
	position: unset
}

.home-list-title {
	padding: 0
}

.col-lg-5.col-md-5.col-xs-12.nopadding.mt-30.header-right {
	display: none
}

ul.nav.navbar-nav.navbar-right.added_profile {
	margin: 8px 0!important;
	width: auto
}

.register-btn-nav {
	color: #fff!important;
	border-radius: 20px;
	padding: 9px 24px!important;
	font-size: 13px!important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .11);
	-webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .11);
	font-size: 12px!important
}

ul.nav.navbar-nav.navbar-right.added_profile {
	margin: 0 0!important;
	width: auto;
	    border-left: 2px solid #ddd;
}
.fixed ul.nav.navbar-nav.navbar-right.added_profile{
	border-left: 2px solid #ebebeb;
}
.main-nav ul.nav.navbar-nav {
	    width: calc(100% - 363px);
}

.main-banner-text p:last-child {
	color: #d9e3ff
}

.col-sm-12.home-features {
	font-family: Poppins, sans-serif
}

.home-features-title h3 {
	font-size: 37px;
	color: #071773;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 32px;
	line-height: 43px;
	margin: 0 0 15px 0
}

.home-features1 {
	background: url(https://cdn.goodlayers.com/apzo/saas/wp-content/uploads/sites/5/2019/08/bg-2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	transform: translate(0, 1.43325px);
	font-family: Poppins, sans-serif;
	padding-top: 50px
}

.top-feature-box {
	text-align: center;
	padding: 30px;
	border-radius: 10px;
	margin-top: 50px;
	box-shadow: 0 25px 98px 0 rgba(0, 0, 0, .1);
	background: #fff;
	border: 0;
	border-radius: 0
}

.top-feature-box img {
	margin-bottom: 15px;
	transition: .4s;
	margin-top: -59px;
	width: 61px;
	background: #fff;
	padding: 15px;
	box-shadow: 7px 10px 20px -15px #d6cfcd
}

.course-grid {
	padding: 15px 0!important
}

.top-feature-box h3 {
	margin: 0;
	font-weight: 700;
	color: #2a1f23;
	font-size: 38px
}

.top-feature-box h4 {
	font-weight: 500;
	color: #bc0101;
	margin: 0;
	text-transform: uppercase;
	font-size: 14px;
	margin: 9px auto 15px
}

.top-feature-box p {
	color: #282727;
	margin: 15px 20px 0 20px;
	font-size: 13px;
	line-height: 23px;
	text-align: center
}

.home-features-title p {
	color: #534f4f;
	font-size: 15px;
	text-transform: capitalize;
	font-size: 13px;
	line-height: 24px
}

.course-grid-detais {
	min-height: auto;
	background: #fff;
	padding: 15px 25px 20px
}

.course-gord-box {
	box-shadow: 0 12px 32px rgba(27, 44, 70, .06)
}

.home-features {
	padding: 90px 0
}

.course-gord-box h2 {
	margin: 10px 0 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #383a3d;
	font-family: Poppins, sans-serif;
	min-height: 40px
}

.home-lists.bg-white {
	background: #fafafa!important;
	padding: 60px 0
}

.home-business {
	background: #f8f8f8!important
}

.home-business-box.tab-right-b img {
	width: 34px;
	float: left
}

.parallax {
	background: url(../images/hacker_rocks/home/prlx.png) no-repeat center bottom #fff;
	height: 300px;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 80px 0;
	margin-top: 15px;
	color: #fff;
	text-align: center;
	font-family: Poppins, sans-serif
}

.block_padd {
	display: inline-block;
	padding: 0 15px 15px 15px;
	float: left;
	width: 100%
}

#interview_main_page .slide_panel .col-xs-12.course-grid {
	display: inline-block
}

#interview_main_page .slide_panel .course_list {
	padding-right: 15px;
	width: 33.3%;
	float: left;
	margin-bottom: 15px
}

#interview_main_page .block_padd {
	padding-bottom: 0
}

a.register-btn-nav.open_modal {
	display: inline-block;
	padding: 13px 29px!important;
	width: auto!important;
	font-size: 13px!important;
	border-radius: 40px;
	border: 1.5px solid #ffffff54
}

.parallax p {
	font-size: 14px;
	margin-bottom: 25px;
	font-weight: 200
}

.home-business-title h3 {
	display: none
}

.home-business-title h2 {
	color: #071773;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 32px;
	line-height: 44px;
	margin: 0 0 15px 0
}

.home-business {
	padding: 90px 0
}

.parallax h4 {
	font-size: 31px;
	font-weight: 300;
	margin-bottom: 20px;
	margin-top: 0
}

.home-business-box p {
	font-size: 13px;
	color: #000;
	font-weight: 400;
	line-height: 27px;
	font-family: Poppins, sans-serif;
	margin-bottom: 0;
	text-align: left;
	width: 100%;
	float: left
}

.home-business-box h3 {
	font-size: 18px;
	color: #555556;
	font-weight: 500;
	margin-top: 8px;
	margin-bottom: 15px;
	font-family: Poppins, sans-serif;
	float: left;
	margin-left: 0;
	text-transform: uppercase
}

.home-business .col-sm-6.col-lg-6.col-md-6 {
	display: flex;
	margin-bottom: 20px
}

.home-business-box {
	text-align: center;
	border-right: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	padding: 30px;
	box-shadow: 0 25px 98px 0 rgba(0, 0, 0, .1);
	background: #fff;
	margin-bottom: 0;
	display: inline-block;
	height: 100%!important;
	text-align: left;
	border: 0!important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.home-business img {
	border-radius: 5px;
	filter: brightness(.9)
}

.count-number {
	color: rgba(255, 108, 0, .11)
}

.count-number {
	font-size: 4rem;
	font-weight: 500;
	line-height: 1;
	position: absolute;
	top: 15px;
	font-family: Poppins, sans-serif;
	right: 35px
}

.count-number:before {
	counter-increment: my-counter;
	content: "#" counter(my-counter)
}

body {
	counter-reset: my-counter
}

.why-us-bottom {
	font-family: Poppins, sans-serif
}

.footer-top {
	background: url(../images/hacker_rocks/home/shake-hand.png) no-repeat center center, #326ae1;
	background-size: 100%;
	background-attachment: fixed;
	padding: 70px 0;
	font-family: Poppins, sans-serif
}

.footer-top p {
	margin-bottom: 15px
}

.footer-top h3 {
	text-align: center;
	margin: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 40px
}

.business-footer-email .input-group .form-control {
	border-radius: 2px 0 0 2px;
	height: auto;
	font-size: 14px;
	padding: 10px 20px;
	border: none;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .19);
	height: 60px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px
}

.business-footer-email .input-group .btn {
	height: 60px;
	font-size: 15px;
	border-radius: 0 2px 2px 0;
	padding: 10px 26px;
	background: #33adff;
	color: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, .19);
	font-weight: 400;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px
}

.skill-list-box {
	background: #fff;
	border: 1px solid #efe9e9;
	padding: 20px 10px!important;
	border-radius: 4px;
	box-shadow: 0 12px 32px rgba(27, 44, 70, .06);
	transition: .4s;
	min-height: 117px!important
}

.home-list-title p {
	margin: 10px 0;
	font-size: 13px;
	text-transform: capitalize;
	color: #464849;
	font-weight: 500;
	text-align: left
}

.view-all-btn,
.view-all-btn:focus {
	display: inline-block;
	color: #071773;
	font-weight: 500;
	border: 1px solid #0717737d;
	padding: 9px 18px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 12px;
	transition: .4s;
	font-family: Poppins, sans-serif;
	box-shadow: 0 12px 10px rgba(144, 143, 149, .1)
}

div#home-challenges {
	margin-top: 15px
}

.skill-list-box h3 {
	margin: 5px 0 7px 0;
	color: #222;
	font-size: 15px;
	font-weight: 500
}

.skill-list-box p {
	margin: 10px 0 15px;
	color: #343333;
	font-size: 12px;
	font-weight: 500
}

.skill-list-box p span {
	margin-right: 5px;
	font-weight: 500
}

.skill-list-box h5 {
	color: #413f3f;
	margin: 0;
	font-family: Poppins, sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: normal;
	text-transform: capitalize
}

.skill-list-box img {
	max-width: 75px;
	padding: 7px;
	border-radius: 5px;
	margin-top: 7px;
	transition: .4s;
	height: 75px;
	box-shadow: 2px 4px 8px 0 rgba(46, 61, 73, .2)
}

.home-list-title h2 {
	margin: 0;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #060606;
	text-transform: capitalize;
	font-size: 23px
}

.home-list-title h2 span {
	font-weight: 700;
	color: #e91e63
}

.home-business {
	font-family: Poppins, sans-serif
}

.clm-box-texts {
	padding: 20px;
	text-align: center
}

.course-gord-box h4 {
	text-align: right;
	margin: 0 0 15px;
	font-size: 19px;
	color: #686f7a;
	font-weight: 400;
	position: absolute;
	bottom: 5px;
	right: 15px
}

.cl-new-tag-interview {
	background: linear-gradient(to left, #cddc39, #009688);
	color: #fff;
	padding: 2px 15px 2px 15px;
	font-size: 12px;
	border-radius: 0 100px 100px 0;
	display: inline-block;
	margin: 15px 0 0 -25px
}

.pink-link {
	color: #e91e63;
	display: inline-block;
	transition: .4s;
	margin-top: 10px;
	font-family: Poppins, sans-serif;
	font-size: 13px
}

.clm-box-texts h5 {
	margin-top: 5px;
	margin-bottom: 23px
}

.clm-box-texts h5 span span {
	border: none;
	padding: 0;
	margin: 0;
	border-radius: 0;
	font-size: 10px;
	color: #5b5757;
	letter-spacing: 0;
	width: auto;
	font-weight: 300
}

.clm-box-texts h5 span {
	display: inline-block;
	border: 1px solid #c1b4b4;
	padding: 8px 8px;
	margin: 2px;
	border-radius: 4px;
	font-weight: 500;
	color: #505763;
	letter-spacing: 1px;
	width: 65px
}

.clm-box-texts h3 {
     margin: 10px 0 15px 0;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    text-transform: capitalize;
}

.clm-box-texts p {
	font-weight: 400;
	color: #a39e9e;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	margin: 0;
	margin-bottom: 15px
}

.student-at-place {
	background: #f8f8f8!important;
	background-size: 100%;
	padding: 60px 0;
	font-family: Poppins, sans-serif
}

.review-small-slider h3 {
	color: #071773;
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	text-align: center
}

.title-3 p {
	margin: 15px 0 0 0;
	color: #686f7a;
	font-size: 13px
}

.clm-box {
	background: #fff;
	min-height: 250px;
	box-shadow: none;
	padding: 0!important;
	margin-bottom: 30px;
	border-radius: 3px
}

.d-btn,
.d-btn:focus {
	display: inline-block;
	background: #e91e63;
	text-align: center;
	color: #fff;
	padding: 11px 40px;
	text-decoration: none;
	transition: .4s;
	box-shadow: -2px 2px 10px #c3c3c3;
	border-radius: 25px;
	font-size: 13px;
	border: none;
	font-weight: 400;
	background: #6194ff!important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .11)!important;
	-webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .11)!important
}

.clm-box .clm-box-type {
	padding: 10px 15px;
	background: #eef1f3
}

.clm-box .clm-box-type p {
	margin: 0;
	font-size: 12px;
	color: #540721;
	text-transform: capitalize;
	font-weight: 400
}

.chb-main {
	background: #fff;
	margin-top: -5%;
	border-radius: 5px;
	padding: 0;
	box-shadow: 0 -6px 24px rgba(10, 10, 10, .09);
	-moz-box-shadow: 0 -6px 24px rgba(10, 10, 10, .09);
	-webkit-box-shadow: 0 -6px 24px rgba(10, 10, 10, .09)
}

.course-header-bottom .container-fluid {
	padding: 0
}

.chb-box {
	padding: 25px 25px!important;
	border-right: 1px solid #ddd
}

.home-features1 {
	display: none
}

.course-header-bottom {
	position: relative!important;
	display:none !important;
}

.course-header-bottom .row.chb-main {
	margin: 0
}

.chb-box img {
	width: 50px;
	display: inline-block;
	position: unset;
	top: 27px;
	transition: .4s;
	filter: contrast(.5)
}

.chb-box h3 {
	display: inline-block;
	margin: 20px 0 0 0;
	font-size: 17px;
	font-weight: 500;
	color: #414040;
	line-height: 26px;
	font-family: Poppins, sans-serif;
	text-align: left;
	float: left;
	width: 100%;
	text-align: center
}

.chb-box {
	padding: 50px!important;
	border-right: 0;
	text-align: center;
	height: 230px
}

.course-header-bottom {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0
}

.chb-box h3 span {
	font-weight: 400;
	font-size: 13px;
	margin-top: 2px;
	color: #515151;
	float: left;
	text-align: center;
	width: 100%;
	text-transform: capitalize
}

.row.chb-main .chb-box:nth-child(2) {
	background-color: #f3f3f3!important
}

.row.chb-main .chb-box:nth-child(4) {
	background-color: #fff7f7!important
}

.chb-box h3 span a {
	font-weight: 500;
	font-size: 13px;
	margin-top: 2px;
	color: #68686d;
	float: left
}

.pages-header {
	background: url(../images/hacker_rocks/home/1.png) no-repeat #fff;
	padding: 80px 40px 0;
	border-bottom: 0;
	background-size: cover;
	font-family: Poppins, sans-serif;
	background-position: center
}

.pages-header h2 {
	margin: 0;
	color: #fff;
	font-weight: 700;
	font-size: 34px;
	text-transform: capitalize;
	line-height: 47px;
	margin-bottom: 15px;
	letter-spacing: 1px
}

.pages-header h3 {
	display: inline-block!important;
	border-radius: 9px;
	padding: 12px 10px;
	background: #fff;
	background-image: linear-gradient(to bottom, #5e73e4 0, #9ca9ef 100%);
	margin: 25px 0 0
}

.pages-header h3 span {
	display: inline-block;
	padding-right: 0;
	font-weight: 300;
	color: #fefefe;
	text-align: center;
	font-size: 18px;
	min-width: 100px;
	color: #fff;
	font-weight: 400;
	border-right: 1px dashed #c4c1c1;
	font-size: 15px;
	padding: 0 15px
}

.pages-header h3 span:last-child {
	border-right: 0!important
}

.pages-header h3 span span {
	color: #e0e5fd;
	text-transform: capitalize;
	border-right: 0;
	font-size: 11px;
	padding-bottom: 9px
}

.pages-header p {
	margin: 15px 0;
	font-size: 14px;
	color: #fff;
	line-height: 29px;
	font-family: 'Open Sans', sans-serif!important
}

.pages-header.course_banner .rating_section p {
	display: inline-block!important;
	font-size: 13px;
	margin: 0;
	font-weight: 300
}

.pages-header.course_banner .cdb-enrolled h4 {
	margin: 0;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
	font-size: 19px;
	font-weight: 400
}

.course-grid .col-sm-4.col-lg-3 {
	padding-left: 0
}

.slide_panel .course-grid-detais {
	min-height: auto;
	background: #f9fbfd;
	padding: 20px 20px
}

.slide_panel .course-gord-box .stars {
	    font-size: 10px;
    text-align: right;
    float: left;
    margin: 0px !important;
}

.slide_panel .course-gord-box h4 {
    text-align: right;
    margin: 0 0 0;
    font-size: 16px;
    color: #050505;
    font-weight: 500;
    position: relative;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    width: calc(100% - 84px);
}
#text_query .test-desciption-info li{position:relative;}


.slide_panel .col-xs-12.course-grid {
	display: flex
}

.slide_panel .course_list {
	padding-right: 15px;
	width: 100%
}

.course-gord-box h4 {
	text-align: left;
	margin: 0 0 15px;
	font-size: 19px;
	color: #686f7a;
	font-weight: 400;
	position: relative;
	bottom: auto;
	right: auto
}

.slide_panel .course-gord-box h2 {
    margin: 0 0 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: #000000;
    font-family: Poppins, sans-serif;
    min-height: 50px;
    font-family: 'Source Sans Pro', sans-serif;
}

.course-grid .col-sm-4.col-lg-2 {
	padding-left: 0
}

.slide_panel {
	float: left;
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.col-sm-3.contact-top-block {
	padding: 20px;
	height: 201px;
	display: flex;
	justify-content: center;
	align-items: center
}
h6.cat_title {
    margin-top: 0px;
}
.col-sm-3.contact-top-block:nth-child(1) {
	background: #f1fafa
}

.col-sm-3.contact-top-block:nth-child(2) {
	background: #cbffff
}

.col-sm-3.contact-top-block:nth-child(3) {
	background: #d9f8f8
}

.col-sm-3.contact-top-block:nth-child(4) {
	background: #f3e0e0
}

.course-list-horizontal {
	padding: 15px 0 0;
	background: #f1f3f6
}

a.btn.view_btn {
	background: #fff;
	color: #071773!important;
	border-radius: 20px;
	padding: 9px 24px!important;
	font-size: 12px!important;
	font-family: Poppins, sans-serif;
	text-transform: inherit;
	font-weight: 400;
	transition: all .5s linear;
	border: 1px solid #0717737d
}

.no_more_data {
    display: contents;
    width: 100%;
    margin: 0px 0 0;
}

a.btn.view_btn:hover {
	background: #6194ff;
	color: #fff!important;
	border: 1px solid #6194ff
}

.clh-title {
	border-bottom: 1px solid #ddd;
	padding: 20px
}

.clh-title h3 {
	margin: 0;
	font-size: 16px;
	color: #000
}

.slide_panel .clh-title h3 {
	line-height: 31px;
	font-size: 18px;
	font-family: Poppins, sans-serif;
	font-weight: 400;
	color: #414040;
	font-family: 'Nunito Sans', sans-serif
}

.slide_panel .clh-title h3 span {
	font-weight: 600;
	color: #0b0b0b
}

.course-grid {
	padding: 20px 5px 20px 20px!important
}

.slide_panel .col-sm-12.course-gord-box {
	margin-bottom: 0;
	    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 1px;
}

.course-gord-box {
	border: 1px solid #efefef;
	box-shadow: none;
	padding: 0!important;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 16px
}

.slide_panel1 .col-xs-12.course-grid {
	display: inline-block!important
}

.slide_panel1 .col-sm-4.col-lg-2.mb-30 {
	margin-bottom: 20px;
	min-height: 264px
}

.col-md-12.col-xs-12.skill-list-box {
	padding: 0!important;
	box-shadow: none!important;
	border: 0!important;
	font-family: Poppins, sans-serif;
	border: 1px solid #efefef!important;
	border-radius: 0!important
}

.col-md-12.col-xs-12.skill-list-box .col-md-12.col-xs-12 {
	padding: 0!important;
	display: flex
}

div#coding-fundamentals {
	padding: 0
}

.mb-15 {
	margin-bottom: 15px!important
}

.p-0 {
	padding: 0!important
}

.pb-20 {
	padding-bottom: 20px
}

.practice-landing-main {
	background: #fafafa;
	padding: 30px 0
}

.interview-sec-2 {
	display: none
}

.cl-new-tag-interview {
	background: linear-gradient(to left, #cddc39, #009688);
	color: #fff;
	padding: 2px 15px 2px 15px;
	font-size: 12px;
	border-radius: 0 100px 100px 0;
	display: inline-block;
	margin: 15px 0 0 -25px;
	position: absolute;
	left: 25px;
	top: -5px
}

.ptl-top-filter .btn {
	box-shadow: none;
	font-family: Poppins, sans-serif;
	font-weight: 400
}

.practice-land-list {
	padding: 0 0 40px!important
}

.ptl-top-filter {
	padding: 20px;
	border-bottom: 0;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
	margin-bottom: 10px
}

.clh-title p {
	font-family: Poppins, sans-serif;
	font-size: 13px;
	margin-top: 4px;
	margin-bottom: 0
}

.right_content {
	float: right;
	width: 100%;
	padding: 25px
}

.skill-list-box .right_content p {
	margin: 0 0 0;
	color: #413f3f;
	font-size: 13px;
	font-weight: 500;
	float: left;
	margin-right: 20px;
	line-height: normal;
	text-transform: capitalize
}

.skill-list-box .right_content h3 {
	margin: 0 0 15px 0;
	color: #121111;
	font-size: 16px;
	font-weight: 500
}

.pratice-list-area .skill-list-box img {
	box-shadow: none;
	padding: 0;
	border-radius: 0;
	margin-top: 0;
	transition: .4s;
	float: left;
	margin: 0 15px 0 0;
	transform: none!important;
	display: block;
	max-width: 100%;
	width: 150px;
	height: 150px
}

.slide_panel .pratice-list-area {
	padding: 0!important
}

b.b_bold {
	font-weight: 500
}

span.discription {
	font-size: 13px;
	color: #626262;
	float: left;
	line-height: normal;
	margin: 5px 0 10px 0
}

.course_list .skill-list-box .right_content h3 {
   margin: 0px;
    color: #0e0d0d;
    font-size: 17px;
    font-weight: 600;
    padding: 20px;
    background: white;
    font-family: 'Source Sans Pro', sans-serif;
}
.class-pointers {
    background: #f9fbfd;
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    padding-top: 20px;
    padding-right: 25px;
}
.skill-list-box .right_content p {
	margin: 0 0 0;
	color: #413f3f;
	font-size: 13px;
	font-weight: 500;
	float: left;
	margin-right: 20px;
	line-height: normal;
	text-transform: capitalize
}

.navbar-brand img {
	height: 36px!important
}

.d-navbar .navbar-brand {
	margin-top: 0;
	padding: 0 0 0 15px
}

#froent_panel .skill-list-box h5 {
	color: #fff;
	font-weight: 600
}

a.background_poster {
	display: inline-block;
	width: 100%;
	background: url(https://banyanthemes.com/template/courcity/images/1.jpg);
	background-size: cover;
	box-shadow: 0 10px 25px 0 rgba(46, 61, 73, .15);
	border-radius: 4px!important
}

#froent_panel .ipt-box:last-child a.background_poster {
	display: inline-block;
	width: 100%;
	background: url(https://banyanthemes.com/template/courcity/images/2.jpg);
	background-size: cover;
	box-shadow: 0 10px 25px 0 rgba(46, 61, 73, .15)
}

#froent_panel .ipt-box:nth-child(2) a.background_poster {
	display: inline-block;
	width: 100%;
	background: url(https://banyanthemes.com/template/courcity/images/5.jpg);
	background-size: cover;
	box-shadow: 0 10px 25px 0 rgba(46, 61, 73, .15)
}

#froent_panel .col-md-12.col-xs-12.skill-list-box {
	padding: 0!important;
	box-shadow: none!important;
	border: 0!important;
	font-family: Poppins, sans-serif;
	border: 0;
	border-radius: 0!important;
	background: rgba(0, 0, 0, .6);
	border-radius: 4px!important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px!important
}

#froent_panel .col-md-12.col-xs-12.skill-list-box .col-md-12.col-xs-12 {
	padding: 0!important;
	display: flex
}

#froent_panel .skill-list-box .right_content h3 {
	margin: 5px 0 7px 0;
	color: #fff;
	font-size: 26px;
	font-weight: 400
}

#froent_panel span.discription {
	font-size: 14px;
	color: #fff;
	float: left;
	line-height: 26px;
	margin: 5px 0 20px 0
}

#froent_panel .skill-list-box .right_content p {
	margin: 0 0 0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	float: left;
	margin-right: 20px;
	line-height: normal;
	text-transform: uppercase
}

#froent_panel .skill-list-box p span {
	margin-right: 5px;
	font-weight: 500
}

@media(max-width:768px) {
	.slide_panel .col-xs-12.course-grid {
		display: inline-block
	}
	.main-banner .col-lg-7.col-md-7.col-xs-12 {
		padding: 0!important
	}
	.main-banner-text {
		padding: 0!important
	}
	.main-banner-text p {
		color: #d9e3ff;
		padding: 5px;
		margin: 0;
		font-size: 12px;
		margin: 0 0 25px 0
	}
	.main-banner-text h2 {
		color: #fff;
		font-size: 16px;
		margin-top: 15px;
		font-weight: 600;
		font-family: Poppins, sans-serif;
		line-height: 27px;
		max-width: initial;
		margin: 0 auto;
		display: inline-block
	}
	.typed-cursor {
		height: 22px!important;
		top: -6px!important;
		position: relative;
		width: 2px!important
	}
	.course-header-bottom {
		display: none
	}
	.col-md-12.col-xs-12.skill-list-box .col-md-12.col-xs-12 {
		padding: 0!important;
		display: inline-block
	}
	.clm-box-texts {
		padding: 13px;
		text-align: center;
		    background: #f9fbfd;
	}
	.slide_panel .course_list {
		padding-right: 15px;
		width: 100%;
		margin-bottom: 15px
	}
	.clm-box .clm-box-type {
		padding: 7px 15px;
		background: #eef1f3
	}
	.clm-box .clm-box-type p {
		margin: 0;
		font-size: 12px;
		color: #32131d;
		text-transform: capitalize;
		font-weight: 400
	}
	.clh-title {
		border-bottom: 1px solid #ddd;
		padding: 15px 20px
	}
	.slide_panel .col-xs-8.col-sm-8.col-lg-8.nopadding {
		width: 100%
	}
	.skill-list-box .right_content p {
		margin: 0 0 0;
		color: #413f3f;
		font-size: 13px;
		font-weight: 500;
		float: left;
		margin-right: 20px;
		line-height: normal;
		text-transform: capitalize;
		float: left;
		width: 100%;
		text-align: left;
		margin-bottom: 8px
	}
	.home-business-box h3 {
		font-size: 15px;
		margin-bottom: 5px;
		margin-left: 0;
		text-transform: uppercase
	}
	.home-business-box p {
		font-size: 12px;
		color: #000;
		font-weight: 400
	}
	.footer-top h3 {
		text-align: center;
		margin: 0;
		color: #fff;
		font-size: 19px;
		font-weight: 400;
		line-height: 29px
	}
	.navbar-default .navbar-collapse {
		background: #fffcfc
	}
	#froent_panel .ipt-box.mt-0 {
		margin-bottom: 0!important;
		padding-right: 0
	}
	.no-js .owl-carousel,
	.owl-carousel.owl-loaded {
		display: inline-block;
		margin-top: 20px
	}
	.sap-box {
		display: inline-block;
		width: 100%
	}
	.home-business-box.tab-right-b img {
		width: 34px;
		float: left;
		display: none
	}
	.home-business .col-sm-12.mt-50 {
		margin: 20px auto 0;
		padding: 0
	}
	.slide_panel .course_list {
		padding-right: 0
	}
	.right_content {
		float: right;
		width: 100%;
		padding: 15px 15px 15px 15px
	}
}

ul#LeftNav {
	list-style-type: none
}

#LeftNav li {
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	transition: all .5s linear
}

#LeftNav li.active a {
	font-weight: 500;
	border-left: 2px solid #071773;
	padding-left: 13px
}

ul.nested-ul {
	margin-left: -20px;
	list-style-type: none
}

#LeftNav ul.nested-ul li {
	padding-left: 37px;
	border-bottom: 0;
	margin-bottom: 0!important;
	margin-top: 10px;
	padding-bottom: 0
}

#LeftNav ul.nested-ul li a {
	font-size: 13px;
	color: #535151;
	font-weight: 400
}

span.collapsed i.fa {
	transform: rotate(-90deg)
}

#LeftNav a {
	font-size: 14px;
	color: #000000;
	font-weight: 400;
}

#LeftNav li span {
	display: inline-block;
	width: 100%;
	cursor: pointer
}

#LeftNav i.fa {
	float: right;    color: #656060;
}

.mb-3 {
	margin-bottom: 20px
}

.course_leftpanel {
	float: left;
	position: sticky;
	top: 35px;
	width: 350px;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
	height: 91vh;
	padding: 25px;
	overflow-y: auto
}

.category-left .form-control {
	border-radius: 40px;
	padding: 0 30px;
	height: 46px;
	width: 100%;
	display: block;
	padding: 18px;
	font-size: 13px;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #b0b0b0;
	border-radius: .25rem;
	outline: 0;
	box-shadow: none!important;
	font-family: Poppins, sans-serif;
	font-weight: 300
}

.position-relative {
	position: relative!important
}

.mb-5,
.my-5 {
	margin-bottom: 3rem!important
}



.search-icon {
	position: absolute;
	right: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: 0 0;
	border: 0;
	padding: 10px;
	color: #3f434e
}

.text-color {
	color: #3f434e!important
}

.r-0 {
	right: 0
}

.course_list_grid .right_content {
	float: right;
	width: 100%;
	padding: 15px 15px 15px 15px;
	font-family: Poppins, sans-serif
}

.course_list_grid .skill-list-box .right_content h3 {
	margin: 0;
	color: #222;
	font-size: 13px;
	font-weight: 400;
	height: 29px;
	line-height: 18px
}

.course_list.course_list_grid.col-md-2.col-xs-2 {
	padding-right: 0
}

.course_list.course_list_grid.col-md-2.col-xs-2:nth-child(6) {
	padding-right: 15px
}

.pratice-list-area .course_list_grid .skill-list-box img {
	box-shadow: none;
	padding: 0;
	border-radius: 0;
	margin-top: 0;
	transition: .4s;
	float: left;
	margin: 0 15px 0 0;
	transform: none!important;
	display: block;
	max-width: 100%;
	width: 100%;
	height: 161px
}

#interview_main_page .block_padd {
	padding-bottom: 0;
	padding: 0;
	margin-bottom: 0
}

.course_list_grid .skill-list-box {
	display: inline-block;
	width: 100%;
	padding: 0!important
}

.skill-list-box_banner {
	height: 145px;
	background-size: contain;
	background-position: center center
}

.course_rightpanel {
	width: calc(100% - 368px);
	float: right;
	padding: 20px 0!important;
	margin-left: 15px;
	background: 0 0;
	box-shadow: none
}

div#interview_main_page {
	padding: 0
}

div#interview_main_page .container-fluid {
	padding: 0
}

.display_flex {
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center
}

.pages-header.course_banner.main_page {
	text-align: left;
	padding: 60px 40px 0;
	background: url(../Release/images/courses_new.jpg) no-repeat #fff;
	background-size: cover;
	background-position: center center;
	position: relative;
	min-height: 55vh
}

.cdm-section.course_detail_panel.login_course {
	height: 400.5px
}

.course_detail_panel {
	padding: 0;
	height: 466.5px;
	font-family: 'Nunito Sans', sans-serif;
	overflow-y: auto;
	background: #171813;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.col-xs-12.no-pad {
	padding: 0
}

.course_detail_panel .cdm-title {
	margin: 0 0 0!important;
	color: #fff;
	font-size: 18px;
	padding: 20px 25px!important;
	background-size: 50px;
	padding-bottom: 32px;
	transition: .4s;
	text-transform: uppercase;
	font-weight: 700
}

.pages-header .d-btn.grey-btn-bg {
	padding: 15px 40px;
	font-size: 14px;
	font-weight: 400;
	margin-top: 15px;
	text-transform: uppercase
}

.pages-header.Practice_main {
	background: url(../images/hacker_rocks/home/practice.png) no-repeat
}

.pages-header.coding_main {
	background: url(../images/hacker_rocks/home/coding.png) no-repeat #fff
}

.pages-header.skill_main {
	background: url(../images/hacker_rocks/home/skill.png) no-repeat #fff;
	background-position: bottom
}

.padding-0 {
	padding: 0!important
}

.main-banner:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: #0a0a0a;
	background: -moz-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
	background: -webkit-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
	background: linear-gradient(to right, #000 0, rgba(50, 50, 50, .1) 73%)
}

.container-96 {
	width: 100%;
	position: relative;
	z-index: 111
}

body .main-nav .megamenu li.nav-item {
	float: left!important;
	width: 100%!important;
	display: inline-block!important
}

body .main-nav .megamenu li.nav-item a.nav-link {
	font-size: 13px;
	padding: 10px 15px!important;
	width: 100%;
	text-transform: capitalize;
	font-family: Poppins, sans-serif;
	color: #4d4c4c;
	display: flex;
	align-items: center;
	font-weight: 400
}

i.fa.fa-chart-line {
	margin-right: 12px;
	font-size: 12px
}

.dropdown-menu1.border-0.p-0.m-0 {
    min-width: 81vw;
    width: 88%;
    background: url(../images/hacker_rocks/home/1.png) no-repeat #ffebeb;
    background-size: cover;
    position: absolute;
    top: 81px;
    left: 5%;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    right: 0;
    border-radius: 5px;
}

.bg-white.rounded-0.m-0.shadow-sm {
	    display: inline-block;
    background: #fffffff2;
    width: 100%;
    border-radius: 5px;
}

.bg-white.rounded-0.m-0.shadow-sm .col-lg-12 {
	width: 1100px;
	display: block;
	margin: 0 auto;
	float: none
}

h6.font-weight-bold.text-uppercase {
	font-weight: 500;
	font-size: 15px;
	padding: 20px 15px 10px;
	margin-bottom: 0;
	font-family: Poppins, sans-serif
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
	margin-bottom: 20px;
	display: inline-block
}

.view_all_course {
	font-family: Poppins, sans-serif;
	font-weight: 600;
	text-decoration: underline!important;
	font-size: 12px;
	float: right;
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	color: #071773
}

.heading-pointers {
	    font-size: 12px;
    font-weight: 600;
    color: #514f4f;
    margin-bottom: 12px;
}

.content-section-text {
	font-size: 12px;
	color: #000;
	padding-bottom: 10px;
	display: -webkit-flex;
	display: flex;
	display: -ms-flex;
	display: -o-flex;
	display: -moz-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	    position: relative;
    padding-left: 15px;
}

.purple-color::before {
	background-color: #ca5e78
}

.violet-color::before {
	background-color: #6537a5
}

.magenta-color::before {
	background-color: #aa5097
}

.orange-color::before {
	background-color: #e36835
}

.content-section-text::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: '';
    width: 0.7rem;
    height: 0.7rem;
    background-color: #02b3e4;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.course_rightpanel .right_content {
    float: right;
    width: 100%;
    padding: 0px 0px 5px;
    background: #f9fbfd;
}

.course_rightpanel .skill-list-box .right_content p {
 margin: 0px 0 0;
    color: #000;
    font-weight: 500;
    float: left;
    line-height: 19px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif!important;
    font-size: 11px;
    float: right;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}

.skill-list-box .d-btn {
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 12px;
}

span.fade_txt {
	font-family: 'Open Sans', sans-serif!important;
	font-size: 12px;
	margin-top: 14px;
	float: left;
	width: 100%;
	font-weight: 600;
	color: #7f7777
}

.course_rightpanel .col-md-12.col-xs-12.skill-list-box {
	box-shadow: 0 10px 25px 0 rgba(46, 61, 73, .15)!important;
	    background: #f9fbfd;
}

#interview_main_page.course_mainouter .slide_panel .course_list {
padding-right: 15px;
    width: 25%;
    float: left;
    margin-bottom: 15px;
}
.practice-land-list.clh-title {
   
    margin-bottom: 15px;
}
#interview_main_page.course_mainouter .course_rightpanel {
	width: calc(100% - 368px);
	float: right;
	padding: 0 0!important;
	margin-left: 15px;
	box-shadow: none;
	margin-top: 15px;
	    background: white;
}

.typed-cursor {
	opacity: 1;
	font-weight: 100;
	-webkit-animation: blink .7s infinite;
	-moz-animation: blink .7s infinite;
	-ms-animation: blink .7s infinite;
	-o-animation: blink .7s infinite;
	animation: blink .7s infinite;
	background: #fff;
	height: 35px;
	display: inline-block;
	top: -25px;
	position: relative;
	width: 5px;
	color: #fff;
	margin-left: 6px
}

50% {
	opacity: 0
}

100% {
	opacity: 1
}

50% {
	opacity: 0
}

100% {
	opacity: 1
}

50% {
	opacity: 0
}

100% {
	opacity: 1
}

50% {
	opacity: 0
}

100% {
	opacity: 1
}

50% {
	opacity: 0
}

100% {
	opacity: 1
}

#overlayer {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 11111111;
	background: #000;
	height: 100%
}

.loader {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 11111111;
	border: 4px solid #fff;
	top: 50%;
	animation: loader 2s infinite ease;
	left: 50%
}

.loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: #fff;
	animation: loader-inner 2s infinite ease-in
}

@keyframes loader {
	0% {
		transform: rotate(0)
	}
	25% {
		transform: rotate(180deg)
	}
	50% {
		transform: rotate(180deg)
	}
	75% {
		transform: rotate(360deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes loader-inner {
	0% {
		height: 0%
	}
	25% {
		height: 0%
	}
	50% {
		height: 100%
	}
	75% {
		height: 100%
	}
	100% {
		height: 0%
	}
}

#playlist{
	    background: #0a0a0a;
    height: 84.8vh;
    overflow-y: auto;
}
#playlist a.module_li {
    background: #363636;
    color: white !important;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 25px;
    border-bottom: 1px solid #383535;
    border-top: 1px solid #383535;
    margin-top: 5px;
}
#playlist a.module_li .fa {
    margin-right: 10px;
    font-weight: 800;
}
#playlist ul li a {cursor: pointer;
      color: #dbdada;
    font-size: 13px;
    line-height: normal;
    font-weight: 300;
    display: flex;
    align-items: center;
	    z-index: 11;
    position: relative;
}
a.play_list.active {
    color: white !important;
    font-weight: 600 !important;
}
#playlist ul li a .far {
    font-size: 13px;
    font-weight: bold;
    margin-right: 15px;
}
.fa-dot-circle{
	    color: #363636;
}
a.play_list .fa-play-circle{display:none}
a.play_list .fa-check-circle{display:none}
a.play_list.active .fa-play-circle{display:block !important;}
a.play_list.view .fa-check-circle{display:block !important;}
a.play_list.active.view .fa-check-circle{display:none !important;}
a.play_list.active .fa-dot-circle{display:none;} 
a.play_list.active .fa-check-circle{display:none;} 
a.play_list.view .fa-play-circle{display:none;}
a.play_list.view .fa-dot-circle{display:none;}
#playlist ul li {
    padding: 10px 42px;    position: relative;
}
#practice-tutorials .col-md-4.col-sm-5 {
    font-family: 'Nunito Sans',sans-serif;    background-color: #262424;
}
h4.course_title {
    color: white;
    padding: 20px 25px;
    font-size: 20px;
}
.practice-topics_learner {
    padding-left: 0px;
}
._practice-group-wrap + ._practice-group-wrap > ._practice-group{border:0px !important;}
#chapter .clearfix {
    display: inline-block;
    border-bottom: none;
    padding-bottom: 0px;
    width: 100%;
    padding: 10px;
    border: none;
    margin: 0px !important;
    padding: 0px;
}
div#chapter {
    height: 82vh;
    overflow: hidden;
}

.embed-container{
	    margin-top: -75px;
}
#playlist ul li:after{
     content: '';
    border: 2px solid #363636;
    position: absolute;
    top: 12px;
    left: 46.5px;
    height: 50px;
    z-index: 1;
	
}
span.discription {
    padding: 20px 20px 0px;
    display: inline-block;
    line-height: 25px;
    color: #3c3b3b;
    font-weight: 400;
    height: 76px;
    font-size: 15px;
    overflow: hidden;
    font-family: 'Source Sans Pro', sans-serif;
}
.starttest {
     border-radius: 3px;
    background: transparent;
    color: #071773;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
    border: transparent;
    font-size: 14px;
    padding: 0px 8px;
    margin: 5px 0;
    transition: 0.4s;
    font-family: 'Poppins', sans-serif;
    box-shadow: none;
    text-align: left;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
    text-decoration: underline;
}
.course_preview_page {
    padding:0px 15px;
}
#playlist ul li:last-child:after{
	display:none;
}
#practice-tutorials .container {
    padding: 0px 0px 0;
    position: relative;
}

.padding_none{padding:0px !important;}

.course_preview_page .nav.nav-pills a {
background: transparent !IMPORTANT;
    border-bottom: 3px solid transparent;
    border-radius: 0px;
    padding: 0px 5px 10px;
    color: #cccbcb;
    font-weight: 600;
}
#practice-tutorials .box-default1{margin-bottom: 0px;
    box-shadow: none;
    border-radius: 0px;}
.course_preview_page .nav.nav-pills li.active a {
    color: white;
    border-bottom: 3px solid white;
}
.course_preview_page .nav-pills > li {
    float: left;
    padding: 0px 0px 0px 20px;
}
.course_preview_page {
    font-family: 'Nunito Sans',sans-serif;
}
div#questions {
      height: 82vh;
    overflow-y: scroll;
}
div#notes_tab {
    background: #0a0a0a;
    height: 84.8vh;
    overflow-y: auto;
    padding: 20px;
}
#notes_tab h3 {
  color: #888181;
    padding: 101px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 58vh;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
}
textarea#main-note-editor {
    overflow: hidden;
    overflow-wrap: break-word;
    height: 123px;
    padding: 15px;
    border-radius: 5px;
	    width: 100%;
}

.close_dropdown {
    position: absolute;
    right: -80px;
    font-size: 23px;
    top: 17px;
    color: #867b7b;
    cursor: pointer;
}

.get_listing {
    display: inline-block;
	    position: relative;
    width: 100%;
    margin: 0px 0px 12px 0px;
    padding: 10px 15px;
    border-left: 2px solid gray;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.get_listing p {
    font-size: 12px;
    color: black;
}
.get_listing span {
    font-weight: 400;
    font-size: 13px;
}
.test-desciption-info1 li b {
      float: left;
    font-weight: 300;
    font-size: 15px;
    margin-right: 4px;
    color: black;
}
.test-desciption-info1 li span {
    color: #423f3f;
    font-size: 11px;
}
 .test_details h4 {
    text-transform: uppercase;
    font-size: 13px;
    color: #292929;
    font-weight: 500;
    margin-bottom: 9px;
}
.test-desciption-info1 li {
    list-style: none;
    width: auto;
    text-align: left;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
ul.test-desciption-info1 {
    float: left;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    width: 100%;
}
li.nav-item.dropdown.megamenu.active a#megamneu{
	    background: white;
    border-radius: 4px;
    padding: 9px 15px;
    margin-top: 0px !important;
}
li.nav-item.dropdown.megamenu.active #megamneu:after {
  content: " ";
    position: absolute;
    right: 30px;
    top: 41px;
    border-top: none;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fdfdfd;
}

.pages-header.min_banner {
	    min-height: 20vh;
}
.min_banner .display_flex{
	height: 28vh;
}

.blog_page.home-business .b-list-desc{
	     height: 101px;
    overflow: hidden;
}
.blog_page.home-business .home-business-box h3{
	    font-size: 15px;    margin-bottom: 10px;
}
.blog_page.home-business .home-business-box{
	    padding: 20px;
}
.blog_page.home-business .col-sm-6.col-lg-6.col-md-6 {
    display: flex;
    margin-bottom: 20px;
    height: 178px;
}

.slide_panel.carousel_panel {
    display: flex;
    align-items: center;
    padding: 20px 5px 10px 0px;
}
.carousel_panel .clh-title h3 {
line-height: 38px;
    font-size: 29px;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    color: #414040;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}
.carousel_panel .clh-title h3 span {
    font-weight: 600;
    color: #0b0b0b;
}
.carousel_panel .clh-title {
    border-bottom: 0px;
    padding: 0px 40px;
}
.carousel_panel .clh-title p{
font-family: Poppins, sans-serif;
    font-size: 15px;
    text-align: left;
    margin-bottom: 27px;
    line-height: 24px;
    font-family: 'Source Sans Pro', sans-serif;
    color: black;
}
.left_title.clh-title {
    width: 350px;
    display: inline-block;
    float: left;
}
.right_carousel {
    width: calc(100% - 350px);
}

.owl-nav {
    position: absolute;
    top: 32%;
    width: 99%;
}
span.mini-learning-card__viewers {
    padding: 10px 15px;
    background: #fff0f0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.carousel_panel button.owl-prev {
     font-size: 21px !important;
    padding: 20px !important;
    display: inline-block;
    background: white !important;
    float: left;
    width: 40px;
    height: 68px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 0px 4px 4px 0px;
    outline: 0px;
}
.carousel_panel button.owl-next {
    font-size: 21px !important;
    padding: 20px !important;
    display: inline-block;
    background: white !important;
    float: right;
    width: 40px;
    height: 68px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 4px 0 0 4px;
	outline:0px;
}
.carousel_panel .clm-box{    margin-bottom: 0px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 1px !important;}
.owl-carousel .owl-item .clm-company img {
    display: inline;
    width: 25px;
}
.carousel_panel .course_rightpanel .col-md-12.col-xs-12.skill-list-box {

    background: #f9fbfd;
	    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 1px;
}
.carousel_panel .block_padd{
	    padding: 0px;
}
.carousel_panel .course_rightpanel{
	    padding: 0px 0 10px!important;
}
.owl-carousel .col-md-12.col-xs-12.skill-list-box .col-md-12.col-xs-12 {
    padding: 0!important;
    display: inline-block;
}
#interview-carousel .course_list .skill-list-box .right_content h3 {
    margin: 0px;
    color: #0e0d0d;
    font-size: 15px;
    font-weight: 600;
    padding: 20px 0px 5px;
    background: white;
    font-family: 'Source Sans Pro', sans-serif;
}
#interview-carousel span.discription {
font-size: 12px;
    color: #000000;
    float: left;
    margin: 5px 0 10px 0;
    font-family: 'Open Sans', sans-serif!important;
    line-height: 23px;
    font-weight: 400;
    padding: 0px;
}
#interview-carousel .course_rightpanel .right_content {
    float: right;
    width: 100%;
    background: white;
    padding: 0px 20px 20px;
}

#interview-carousel .right_content {
    float: right;
    width: 100%;
    padding: 0px 0px 5px;
    background: white;
    padding: 0px 20px 20px;
}

#interview-carousel .pratice-list-area .skill-list-box img {
	height: 169px;
}

body #text_query .test-desciption-info li {
    float: left;
    color: #4a4548;
    font-family: Poppins, Arial, sans-serif !important;
    display: inline-block;
	margin-bottom: 9px;
}
body #text_query .test-desciption-info li b {
	line-height: normal;
    font-weight: 500;
    display: inline-block;
    background: transparent;
    color: #7e7c7c;
    border-radius: 3px;
    font-size: 16px;
    min-width: auto;
    text-align: center;
    padding-bottom: 4px;
    position: relative;
    padding: 0px;
}
body #text_query .test-desciption-info li span {
	float: left;
    width: auto;
    color: #575757;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    clear: both;
    position: relative;
    font-family: Poppins, Arial, sans-serif !important;
    min-width: 131px;
    font-weight: 500;
}
body #text_query .test-desciption-info li b {
    padding: 0px;
}
body #text_query .test-desciption-info li b {
    padding: 0px;
}
body #text_query .test-desciption-info{
	    justify-content: center;
}
.overlay_box{
	    position: fixed;
    z-index: 111111111;
    width: 100vw;
    height: 100vh;
}




/*-------- Navbar ----------------*/

#navbar .wrapper{position:relative; }
#navbar.sticky_nav .wrapper.level2{border:0;}
#navbar ul.level1{float:left;}
#navbar ul.level1 li{list-style:none; float:left; height:32px; line-height:32px; border-right:1px solid #005c77; }
#navbar ul.level1 li a{padding:0 9px 0; font-size:13px; color:#fff; display:inline-block; text-decoration:none; position:relative; font-weight:bold;}
#navbar i.arrow{display:inline-block; border-top:5px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent;
margin-left:5px; vertical-align:middle;}
#navbar ul.level1 li a i.tv{display:inline-block; background-position:0 -500px; width:77px; height:25px; vertical-align:middle;}
#realty #navbar ul.level1 li a i.tv{background-position:-145px -842px; width:105px; }

#navbar ul.level1 li a i.home{display:inline-block; background-position:-89px -500px; width:13px; height:11px; vertical-align:middle;
margin-right:2px; position:relative; top:-1px;}
#navbar ul.level1 li a.ethome, #navbar ul.level1 li.hover a.ethome{background:#de2d2d;  font-family:'theano_didotregular';  }
#navbar ul.level1 > li.active > a , #navbar ul.level1 > li.hover > a {display:block; background:#022e3b;}

#navbar ul.level1 li.inactive a span.bottom-arrow{display:none;} 
#navbar .search{position:relative; float:right; height:32px; line-height:32px; border-right:0;  }
#navbar .search.hover span.bottom-arrow{display:block;}
#navbar .search a{padding:0 10px 0; font-size:13px; color:#eeeeee; display:inline-block; text-decoration:none; font-weight:bold;} 
#navbar .search-form{position:absolute; right:0; z-index:600; top:32px; padding:3px; width:266px; display:none; }
#navbar .search a i{display:inline-block; width:17px; height:17px; background-position:-107px -500px; vertical-align:middle;} 
#navbar .search.hover a i{display:inline-block; width:17px; height:17px; background-position:-126px -500px;} 
#navbar ul.level1 li a#cxocorner{display:block; height:0; padding-top:32px; background:url(images/responsive/cxo-corner-wht.png) no-repeat center center; width:48px; overflow:hidden;}
/*#navbar ul.level1 li a#tele-tsdy{display:block; height:0; padding-top:32px; background:url(images/responsive/sprite16.png) no-repeat 0 -1022px; 
width:174px; overflow:hidden;}*/
#navbar ul.level1 li a#ett-spcl{display:block; height:0; padding:32px 0 0;
 background:url(images/responsive/sprite16.png) no-repeat no-repeat 0 -1107px; width:150px; overflow:hidden;}

#navbar ul.level1 li a#cxocorner:hover, #navbar ul.level1 li.active a#cxocorner, #navbar ul.level1 li a#tele-tsdy:hover, #navbar ul.level1 li.active a#tele-tsdy{background-color:#444;}

#navbar .form-box{    width: 266px;
    height: 32px;
    background: #fff url(images/responsive/search-btn2.png) no-repeat right 0;
}
#navbar .form-box input.text{    float: left;
    border: 0;
    background: none;
    padding: 5px 10px;
    width: 216px;
    font-size: 13px;
    height: 27px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 17px; }
#navbar .form-box input.submit{float:right; width:16px; height:26px; border:0; cursor:pointer; background:none; margin-right:6px; }

#navbar .more-button, .toggle-nav-btn{float:right; position:relative; background-position:0 -37px; width:34px; height:32px; }
#navbar .more-button:hover{background-position:-35px -37px}
#navbar .more-button .et-dropdown{background:#c5ecf7; width:200px; top:32px; right:0; z-index:999; display:none; position:absolute;}


#navbar .more-button .et-dropdown .section{padding:8px; border-bottom:1px solid #adcfd9; position:relative;}
#navbar .more-button .et-dropdown .section span.border{display:block; width:3px; background:#1ab7e1; height:100%; position:absolute; z-index:1000; 
right:-3px; top:0; display:none;}
#navbar .more-button .et-dropdown .section.last, #navbar .more-button .et-dropdown .section:last-child{border:0;}
#navbar .more-button .et-dropdown h2{font-size:18px; font-weight:normal; margin-bottom:8px; line-height:20px; color:#000; font-family: 'theano_didotregular';}
#navbar .more-button .et-dropdown h2 span{color:#000; text-decoration:none;}
#navbar .more-button .et-dropdown h2 span span.inner{color:#00afdf; }
#navbar .more-button .et-dropdown p{font-size:13px; color:#405359; line-height:15px; }
#navbar .more-button:hover .et-dropdown, #navbar .more-button .et-dropdown .section:hover span.border{display:block;}
#navbar .hover .search-form{display:block !important;}
#navbar .more-button .et-dropdown .section:hover{text-decoration:none;}

#navbar .wrapper.level2{max-width:1000px; background:#f3f3f3; border-bottom:1px solid #e5e5e5; padding:0px 0; max-height:32px;}
#navbar .wrapper.level2 ul{padding-left:5px;}
#navbar .wrapper.level2 ul li{list-style:none; float:left; padding:0 2px 0 2px; border-right:1px solid #ccc; margin:5px 0;}
#navbar .wrapper.level2 ul li a{display:inline-block; line-height:22px; font-size:12px; font-weight:bold; padding:0 8px;}
#navbar .spcl a, #navbar .wrapper.level2 ul li a {color: #024d99;}
#navbar .wrapper.level2 ul li:hover a, #navbar .wrapper.level2 ul li a.active{text-decoration:none; color:#fff; background:#007ea4;}
#navbar .wrapper.level2 ul li.last, #navbar .wrapper.level2 ul li:last-child{background:none;}
#navbar span.bottom-arrow{position:absolute; bottom:0; left:50%; margin-left:-5px; z-index:100; background-position:-29px 0; display:none;
width:11px; height:5px;}
#navbar .wrapper.level2 ul li.more{position:relative; padding:0; }
#navbar .wrapper.level2 ul li.more a{padding:0 10px;} 
#navbar .wrapper.level2 ul li.more i.arrow{margin-left:5px; background-position:-43px 0;}
#navbar .wrapper.level2 ul li.more:hover{height:33px; margin:0; background:#fff;}
#navbar .wrapper.level2 ul li.more:hover a{background:#fff; margin-bottom:0; color:#024d99;  }
#navbar .wrapper.level2 ul li.more i.arrow{border-top-color:#fff;}
#navbar .wrapper.level2 ul li.more ul{position:absolute; right:-1px; width:150px; padding:1px 10px 6px; z-index:1000; background:#fff; 
border:1px solid #ccc; border-top:0; display:none; top:33px; }
#navbar .wrapper.level2 ul li.more:hover > a{line-height:32px; border-left:1px solid #014255; margin-left:-1px;}
#navbar .wrapper.level2 ul li.more:hover  i.arrow{border-top-color:#024d99;}
#navbar .wrapper.level2 ul li.more ul li{list-style:none; float:none; display:block; padding:0 0 7px 0; background:none; height:auto;
border-bottom:1px solid #E5E5E5; border-right:0; margin-bottom:7px; line-height:14px;} 
#navbar .wrapper.level2 ul li.more ul li a{font-size:12px;  display:block; line-height:22px; color:#024d99; background:none; padding:0 10px; }
#navbar .wrapper.level2 ul li.more ul li a:hover, #navbar .wrapper.level2 ul li.more ul li a.active{background:#007ea4; color:#fff;}
#navbar .wrapper.level2 ul li.more ul li:last-child{border:0; margin-bottom:0; padding-bottom:0;}
#navbar .wrapper.level2 ul li.more:hover ul{display:block;}

#navbar .wrapper.level2 ul li.special a, #navbar .wrapper.level2 ul li.special:hover a{color:#ffcd00; background:none;}

/*overritten for full width*/
#navbar .wrapper.full-width, .wrapper.full-width,  #content.full-width .wrapper { max-width:none; }
#navbar ul.level1 li a.new{padding-left:15px;}
#navbar ul.level1 li a.new:before{ content:" "; position: absolute; font-size: 9px; color: #F3D400;  left:0px; top:0;  display:block; width:26px; height:28px; background:url(images/responsive/new-min.png) no-repeat 0 0;}
/*---- Mobile only ---*/
#navbar .logo{display:none; float:left; font-size:20px; line-height:32px; margin-left:10px; color:#fff; font-family:"theano_didotregular"; }
#navbar .logo:hover{text-decoration:none;}
#navbar.nav-up{top:-32px;}
#navbar{transition: top 0.5s ease-in-out;}
#navbar.sticky_nav{box-shadow:none;}
/*------ Togggle nav button -------*/
#navbar .toggle-nav-btn{float:left; display:none;}

/*---------------- Drop down ----------------*/
#navbar .dropdown_nav{position:absolute; left:0; top:32px; z-index:500; width:95.8%; background:#fff;
 border:1px solid #005c77; border-width:1px 1px 2px 1px; padding:20px 2% 1px 2%; display:none;}
#navbar ul.level1 li.hover .dropdown_nav{display:block;}
.dropdown_nav .categories{float:left; width:35%; min-height:220px; margin-right:2%; border-right:1px solid #ccc; margin-bottom:20px;}
#navbar .categories ul li, #nav .categories ul li{list-style:none; float:left; width:45%; margin-right:5%; border-bottom:1px solid #ccc;
border-top:1px solid #ccc; margin-bottom:-1px; line-height:14px;
height:auto; border-right:0; } 
#navbar .categories ul li a, #nav .categories ul li a{padding:0; font-size:12px; color:#014a95; display:block; line-height:28px; transition:all .2s ease; 
-moz-transition:all .2s ease; -webkit-transition:all .2s ease;}
#navbar .categories ul li a:hover, #nav .categories ul li a:hover{color:#333;}
/*#navbar .categories ul li:last-child{border:0;}*/
#navbar .news-section, #nav .news-section{float:left; width:62.8%;}
#navbar .news-section .main-stories, #nav .news-section .main-stories{float:left; width:48%;}
#navbar .news-section .story-list, #nav .news-section .story-list{float:right; width:49%;}
#navbar .main-stories .section, #nav .main-stories .section{margin-bottom:20px;}
#navbar .main-stories .section.last, #nav .main-stories .section.last{margin-bottom:0;}
#navbar .main-stories .section img, #nav .main-stories .section img{float:left; width:157px; height:100px; margin-right:10px;}
#navbar .main-stories .section a, #nav .main-stories .section a{padding:0; display:block; }

#navbar .main-stories .section p, #nav .main-stories .section p{padding-left:167px; line-height:18px; }
#navbar .main-stories .section p a, #nav .main-stories .section p a{display:block; font-size:16px; line-height:19px; color:#333; max-height:76px; overflow:hidden; padding:0; font-weight:normal;}
#navbar .main-stories .section p a:hover, #nav .main-stories .section p a:hover{color:#ed1c24;}
#navbar .main-stories .section span.metadata, #nav .main-stories .section span.metadata{font-size:11px; color:#888; display:block; line-height:12px; padding-top:5px;}
#navbar .news-section .story-list ul li, #nav .news-section .story-list ul li{list-style:none; float:none; background:url(images/responsive/list-style2.jpg) no-repeat 0 5px; padding-left:14px;
 height:auto; line-height:14px; margin-bottom:10px; text-overflow:ellipsis; width:88%; white-space:nowrap; border:0; overflow:hidden;}
#navbar .news-section .story-list ul li a, #nav .news-section .story-list ul li a{font-size:12px; color:#333333; padding:0; display:inline; font-weight:normal;}
#navbar .news-section .story-list ul li a:hover, #nav .news-section .story-list ul li a:hover{color:#ed1c24;}

#navbar ul.level1 li.small-dropdown, #nav ul li.small-dropdown{position:relative;}
#navbar ul.level1 li.small-dropdown .dropdown_nav, #nav ul li.small-dropdown .dropdown_nav{width:500px; padding:20px; left:-1px;}
#navbar ul.level1 li.small-dropdown .dropdown_nav .categories{border:0; min-height:inherit;  width:134px; margin:0 20px 0 0; padding:0;
border-top:1px solid #ccc;}
#navbar ul.level1 li.small-dropdown .categories ul li, #nav ul li.small-dropdown .categories ul li{float:none; margin:0 0 -1px; width:auto; padding:0; border-top:0; }
#navbar ul.level1 li.small-dropdown .categories ul li:last-child, #nav ul li.small-dropdown .categories ul li:last-child{border-bottom:0;}
#navbar ul.level1 li.small-dropdown .categories ul li a, #nav ul li.small-dropdown .categories ul li a{height:28px; line-height:28px;  display:block;}
#navbar .categories ul li a:hover{background:#007ea4; color:#fff; padding-left:10px;}
#navbar ul.level1 li.small-dropdown .news-section{width:314px; padding-left:20px; border-left:1px solid #ccc;}
#navbar ul.level1 li.small-dropdown .news-section .main-stories{float:none; margin:0; width:auto;}
#navbar ul.level1 li.small-dropdown .news-section .story-list{float:none; width:auto}
#navbar ul.level1 li.small-dropdown.hide-rhs  .dropdown_nav, #nav ul li.small-dropdown.hide-rhs  .dropdown_nav{width:140px; padding:0; min-width:100%;}
#navbar ul.level1 li.small-dropdown.hide-rhs  .dropdown_nav .categories, #nav ul li.small-dropdown.hide-rhs .dropdown_nav .categories{float:none; border:0; padding:0; margin:0; width:auto;}
#navbar ul.level1 li.small-dropdown.hide-rhs .categories ul li a, #nav ul li.small-dropdown.hide-rhs .categories ul li a{padding-left:10px;}
#navbar ul.level1 li.show-mob{display:none;}

/*----- brand solutions ----*/
#navbar .brand_solutions, #header #nav .brand_solutions{position:relative;}
#navbar .brand_solutions .dropdown_nav, #header #nav .brand_solutions .dropdown_nav{left:0;  width:520px;  padding:20px 20px 9px; box-sizing:border-box; -webkit-box-sizing:border-box;}
#navbar .dropdown_nav .brand_solutions{max-height:400px; overflow:auto; overflow-x:hidden;}
#navbar .dropdown_nav h4, #header #nav .brand_solutions .dropdown_nav h4{font-size:16px; line-height:18px; padding-bottom:5px; border-bottom:1px solid #d5d5d5; margin-bottom:10px; font-weight:normal;}
#navbar .brand_solutions.right .dropdown_nav, #header #nav .brand_solutions.right .dropdown_nav{right:-1px; left:auto;}
#navbar .brand_solutions.center .dropdown_nav, #header #nav .brand_solutions.center .dropdown_nav{left:50%; margin-left:-260px;}
#navbar .brand_solutions .dropdown_nav ul, #header #nav .brand_solutions .dropdown_nav ul{margin:0 -10px;}
#navbar .brand_solutions .dropdown_nav ul li, #header #nav .brand_solutions .dropdown_nav ul li{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50%; padding:0 10px; margin-bottom:10px; height:auto; line-height:1.4em; border:0; float:left;}
#navbar .brand_solutions .dropdown_nav ul.single li, #header #nav .brand_solutions .dropdown_nav ul.single li{width:auto !important; float:none !important;}
#navbar .brand_solutions .dropdown_nav ul li a, #header #nav .brand_solutions .dropdown_nav ul li a{padding:0; display:block;}
#navbar .brand_solutions .dropdown_nav ul li figure, #header #nav .brand_solutions .dropdown_nav ul li figure{float:left; margin-right:10px; width:70px; height:57px; text-align:center; line-height:70px; border:1px solid #d5d5d5; }
#navbar .brand_solutions .dropdown_nav ul li figure a, #header #nav .brand_solutions .dropdown_nav ul li figure a{display:table-cell; width:70px; height:57px; vertical-align:middle; text-align:center;}
#navbar .brand_solutions .dropdown_nav ul li figure img, #header #nav .brand_solutions .dropdown_nav ul li figure img{ max-width:100%; max-height:100%;   display:block; max-width:70px; margin:auto;}
#navbar .brand_solutions .dropdown_nav ul li h6, .dropdown_nav ul li p, #header #nav .brand_solutions .dropdown_nav ul li h6{overflow:hidden; font-size:13px;color:#555;  }
#navbar .brand_solutions .dropdown_nav ul li h6 a, #header #nav .brand_solutions .dropdown_nav ul li h6 a{color:#000; display:block; margin-bottom:5px; font-weight:bold;}
#navbar .brand_solutions .dropdown_nav ul li:nth-child(2n+2) + li, #header #nav .brand_solutions .dropdown_nav ul li:nth-child(2n+2) + li{clear:both; }
.dropdown_nav ul li p a, #navbar .dropdown_nav ul li p a{font-weight:normal; color:#555;}
.dropdown_nav ul li p a:hover, #navbar .dropdown_nav ul li p a:hover{text-decoration:none; color:#ed1c24;}

#navbar .wrapper.level2 ul li.more i.arrow {border-top-color: #024d99;}
/*------------ Top band ---------*/
/*------------------------ NEW CSS (New template stars here.) -------------------*/
.sprite-bg{background-image:url(images/responsive/sprite14.png); background-repeat:no-repeat;}

.top-band{background:#e6e6e6;  box-shadow:0 1px 2px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.3); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); position:relative;}
.top-band .wrapper{padding:4px 0; line-height:24px; max-width:1000px; }
.webkit .top-band .wrapper{padding:5px 0 3px;}
.top-band ul.global-nav{float:left;}
.top-band ul.global-nav li{list-style:none; float:left; line-height:18px; padding:0 11px; border-right:1px solid #ccc; }
.top-band ul.global-nav  li a{font-size:11px; color:#014a95; display:inline-block; line-height:18px; }
.top-band ul.global-nav  li a:hover{text-decoration:none;}
.top-band ul.global-nav  li a.active{color:#333; font-weight:bold;}
.top-band ul.global-nav  li.more{border:0;}
.top-band ul.global-nav  li.more > a {color:#555555;}
.top-band ul.global-nav  li.more > a i.arrow{display:inline-block; background-position:0 0; width:7px; height:5px; margin-left:9px; vertical-align:middle;}

.top-band .social-area, .forum-header .social-area{float:right;}
.top-band .section{float:left; margin-right:5px;  }
.top-band .social-icons span, .forum-header .social-icons span{line-height:18px; font-size:11px; color:#ccc; margin-right:10px; display:inline-block; vertical-align:middle; }
.top-band .social-icons a, .forum-header .social-icons a{display:inline-block; margin-right:5px; width:22px; height:22px; transition:color .2s ease; -moz-transition:color .2s ease;-webkit-transition:color .2s ease; vertical-align:middle; line-height:20px; text-align:center; font-size:11px; color:#fff; background:#ccc; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative;}
.top-band .social-icons a.twitter:hover, .forum-header .social-icons a.twitter:hover{background:#55acee !important; color:#fff !important;}
.top-band .social-icons a.fb:hover, .forum-header .social-icons a.fb:hover{background:#3b5b9b !important; color:#fff !important;}
.top-band .social-icons a.linkedin:hover, .forum-header .social-icons a.linkedin:hover{background:#0173b1 !important; color:#fff !important;}
.top-band .social-icons a.whatsapp:hover, .forum-header .social-icons a.whatsapp:hover{background:#5cbe4a !important; color:#fff !important;}

.top-band .signin-section, .forum-header .signin-section{float:left; line-height:20px;}
.top-band .social-icons, .forum-header .social-icons{margin-right:0;}
.top-band .user-area, .forum-header .user-area{float:right;  position:relative; margin-right:10px; border-right:1px solid #bbbbbb; padding-right:10px; height:22px;}
.top-band .social-icons a:last-child{margin-right:0;}
.forum-header .user-area{border-color:#444}
.forum-header .social-area, .forum-header .user-area{margin-top:7px;}
.forum-header .social-area{margin-right:2%;}
.top-band .login-btn, .top-band .user-name, .forum-header .login-btn, .forum-header .user-name{display:inline-block; line-height:22px; font-size:12px; color:#fff; }
.top-band .user-name img, .forum-header .user-name img{width:22px; height:22px; display:inline-block; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; vertical-align:middle; margin-right:10px; position:relative; top:-1px;}
.top-band .login-btn a, .top-band .user-name a, .forum-header .login-btn a , .forum-header .user-name a{color:white; font-weight:bold;}
.top-band .user-name > a, .forum-header .user-name > a{font-weight:bold; text-transform:capitalize; font-size:14px;}
.top-band .login-btn a:hover, .top-band .user-name a:hover, .top-band .user-name ul li a:hover, .forum-header .login-btn a:hover, .forum-header .user-name a:hover, .forum-header .logo ul li a:hover{color:#ed1c24; text-decoration:none;}
.top-band .user-name, .forum-header .user-name {padding-right:15px;}
.top-band .user-name:after, .glob_nav:after, .forum-header .user-name:after{position:absolute; z-index:10; font:normal normal normal 14px/1 FontAwesome; content:"\f107"; display:block;  right:10px; top:4px; color:#000;}
.glob_nav:after{color:#999;}
.top-band .user-name .hvr_bx, .glob_nav .hvr_bx, .forum-header .user-name .hvr_bx, .forum-header .logo .hvr_bx{top:17px; right:0px; width:100%; position:absolute;  z-index:999;  padding-top:20px; display:none;}
.glob_nav .hvr_bx{width:140px; right:auto; left:0;}
.top-band .user-name .hvr_bx, .forum-header .user-name .hvr_bx{right:auto; left:50%; margin-left:-75px; width:150px;}
.top-band .hvr_bx ul, .forum-header .hvr_bx ul{ box-shadow:0 2px 3px rgba(200,200,200,.3); -moz-box-shadow:0 2px 3px rgba(200,200,200,.3); -webkit-box-shadow:0 2px 3px rgba(200,200,200,.3); border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.top-band .hvr_bx ul li:first-child, .forum-header .hvr_bx ul li:first-child, .top-band .hvr_bx ul li:first-child a, .forum-header .hvr_bx ul li:first-child a{border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0;}
.top-band .hvr_bx ul li:last-child, .forum-header .hvr_bx ul li:last-child, .top-band .hvr_bx ul li:last-child a, .forum-header .hvr_bx ul li:last-child a{border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px;}
 .forum-header .logo .hvr_bx{padding-top:25px; left:5px;}
.top-band .user-name .user-icon, .forum-header .user-name .user-icon{width:22px; height:22px; display:inline-block; background:url(images/responsive/user-dflt.png) no-repeat 0 0; vertical-align:middle; margin-right:10px; position:relative; top:-2px; }
.top-band .user-name .hvr_bx:before, .glob_nav .hvr_bx:before, .forum-header .user-name .hvr_bx:before, .forum-header .logo .hvr_bx:before{position:absolute; z-index:999; width:0; height:0; content:" "; border-bottom:6px solid #ccc; border-left:6px solid transparent; border-right:6px solid transparent; left:50%; margin-left:-6px; top:14px;}
.top-band .user-name .hvr_bx:after, .glob_nav .hvr_bx:after, .forum-header .user-name .hvr_bx:after, .forum-header .logo .hvr_bx:after, .top-band .user-name ul li:first-child:after, .glob_nav li:first-child:after, .forum-header .user-name ul li:first-child:after, .forum-header .logo ul li:first-child:after{position:absolute; z-index:999; width:0; height:0; content:" "; border-bottom:6px solid #fdfdfd; border-left:6px solid transparent; border-right:6px solid transparent; left:50%; top:14px; margin-top:1px; margin-left:-6px; display:block;}
.top-band .user-name ul li:first-child:after, .glob_nav li:first-child:after, .forum-header .user-name ul li:first-child:after, .forum-header .logo ul li:first-child:after{top:-6px; z-index:1000}
.top-band .user-name ul li:first-child:hover:after, .glob_nav li:first-child:hover:after, .forum-header .user-name ul li:first-child:hover:after, .forum-header .logo ul li:first-child:hover:after{border-bottom-color:#f3f3f3;}
.forum-header .logo .hvr_bx:after, .forum-header .logo .hvr_bx:before{top:19px;}
.top-band .user-name ul li, .glob_nav li, .forum-header .user-name ul li, .forum-header .logo ul li{list-style:none;  background:#fdfdfd; }
.top-band .user-name ul li:hover, .glob_nav li:hover, .forum-header .user-name ul li:hover, .forum-header .logo ul li:hover{background:#f3f3f3;}

.top-band .user-name ul li:first-child, .glob_nav li:first-child, .forum-header .user-name ul li:first-child, .forum-header .logo ul li:first-child{position:relative;}
.top-band .user-name ul li a, .glob_nav li a, .forum-header .user-name ul li a, .forum-header .logo ul li a{color:#888; line-height:33px; display:block; font-size:13px;  border-bottom:1px solid #e5e5e5;   padding:0 10px; font-weight:normal; }
.forum-header .logo:hover ul li a{margin:0 !important;}
.top-band .user-name ul li .fa, .forum-header .user-name ul li .fa{font-size:14px; font-weight:normal; margin-right:10px; position:relative; top:-1px;}
.top-band .user-name ul li:last-child a, .glob_nav .hvr_bx ul li:last-child a, .forum-header .user-name ul li:last-child a{border-bottom:0;}
.top-band .user-name:hover .hvr_bx, .glob_nav:hover .hvr_bx , .forum-header .user-name:hover .hvr_bx{display:block;} 
.glob_nav{color:#999; font-size:13px; padding:1px 25px 0 0px; cursor:pointer; float:left;  position:relative; }
.bgImg .glob_nav{margin-left:10px;}
.bgImg .top-band .social-icons{margin-right:10px;}
.glob_nav i{vertical-align:middle; font-size:14px; position:relative; margin-right:5px; color:#999; top:-2px;}
.glob_nav li:hover a{color:#ed1c24; text-decoration:none;}
.forum-header .social-icons a{background:rgba(255,255,255,.3); color:#fff;}
.forum-header .social-icons a.twitter:hover{background:#fff !important; color:#55acee !important;}
.forum-header .social-icons a.fb:hover{background:#fff !important; color:#3b5b9b !important;}
.forum-header .social-icons a.linkedin:hover{background:#fff !important; color:#0173b1 !important;}
.forum-header .user-name > a, .forum-header .login-btn > a, .forum-header .user-name:after{color:#fff !important;}
.top-band .user-name ul li:first-child:hover:after, .glob_nav li:first-child:hover:after{border-bottom-color:#f3f3f3;}

.pge-ovrly{position:fixed; z-index:99; width:100%; height:100%; display:none; background:rgba(0,0,0,.7); left:0; top:0;}
.pge-ovrly.show{display:block;}

.top-band .prime-nav{float:left; }
.top-band .prime-nav a.prime-tab{display:inline-block; line-height:23px; font-size:14px; color:#333; font-weight:bold; padding-left:13px; background:url(images/responsive/prime-icon.png) no-repeat left center; }
.top-band .prime-nav a.prime-tab:hover{text-decoration:none;}

/* custome css for header when using contest created by sushant  */

.contest_main_header {
       background: #000;
    position: fixed;
    width: 100%;
    z-index: 111;
    height: 36px;
    margin: 0px !important;font-family: Arial,Helvetica,sans-serif;
}
.contest_main_header nav#navbar {
    display: inline-block;
    width: calc(100% - 281px);
    margin-right: 15px;
}
#navbar .wrapper {
    width: 100%;
    display: inline-block;padding: 0px;max-width: inherit;
}
.contest_main_header .wrapper.clearfix {
    display: inline-block;
}

.sprite-bg {
    background-image: url(images/responsive/sprite14.png);
    background-repeat: no-repeat;
}
.social_right{
	float:right;margin-right:20px;
}
#navbar ul.level1 {
    float: left;
    margin-bottom: 0px;
}
.logo_panel {
    background: #ed1c24;
    line-height: 33px;
    height: 36px;
    padding: 0 10px;
    float: left;
    position: relative;
}

.contest_main_header #navbar .logo_panel .logo_text {
    color: #fff;
    font-size: 18px;
    font-family: theano_didotregular;
    position: relative;
    display: inline-block;
    z-index: 9999;
}
.logo_panel .nav-toggle-btn {
    font-size: 21px;
    color: #fff;
    cursor: pointer;
    margin-right: 5px;
}
.logo_panel .nav-toggle-btn .fa {
    position: relative;
    top: -1px;
}



/*------------ Footer ----------------*/
#sitemap2 h1, #sitemap2 .logo{font-size:22px; line-height:22px; color:#fff; font-weight:normal; font-family:'theano_didotregular'; float:left; margin-bottom:0;}
#sitemap2 h1 a, #sitemap2 h2.logo a, #sitemap2 .logo a{color:#fff;}
#sitemap2 h1 a:hover, #sitemap2 .logo a:hover{text-decoration:none;}
#sitemap2 {background:#444; border:0; padding:0;}
#sitemap2 .wrapper{background: #444;max-width: 1180px; margin: 0 auto;}
#sitemap2 .top-section{padding:20px 18px; border-bottom:1px solid #295a69; margin-bottom:17px;}

#sitemap2 .links{padding:0 20px 17px; margin-bottom:17px; border-bottom:1px solid #4a7a88;}
#sitemap2 h3{color: #ffffff;font-size: 12px;font-weight: 700;line-height: 18px; margin-bottom:10px;}
#sitemap2 .news ul{margin-left:-3%}
#sitemap2 .news ul li{list-style:none; color: #99bbc6; float:left; width:30.3%; margin-left:3%;
font-size: 12px;font-weight: 400;line-height: 22px;}
#sitemap2 .news ul li a{color: #99bbc6; font-size: 12px}
#sitemap2 .about .section1{width:55%; /*border-right:1px solid #4a7a88;*/ margin-bottom:0; float:left; }
#sitemap2 .about .section1 ul li{ float:left; width:47%; margin-right:3%;}
#sitemap2 .about ul li{list-style:none; color: #99bbc6;font-size: 12px;font-weight: 400;line-height:22px;  }
#sitemap2 .about ul li a{color: #99bbc6; font-size: 12px}
#sitemap2 .about .section2{width:30%; margin-left:3%; float:left; clear:none; padding:0;}

#sitemap2 .top-trends{ border-bottom:1px solid #295a69; padding:0 20px 20px 85px; position:relative; margin-bottom:20px;}
#sitemap2 .top-trends h3{position:absolute; top:0; left:20px; width:55px; z-index:1;}
#sitemap2 .top-trends .clm{float:left; width:30%; margin-right:1%; padding-left:1%; border-left:1px solid #4a7a88; min-height:100px;}
#sitemap2 .top-trends ul{margin-left:15px;}
#sitemap2 .top-trends li{font-size:12px; line-height:14px; margin-bottom:5px; list-style:square; list-style-position:outside; color:#7fa6b2;}
#sitemap2 .logo img {
    height: 29px;
}
#sitemap2 .sites, #sitemap2  .section{padding:0 20px 17px; border-bottom:1px solid #4a7a88; margin-bottom:17px;}
#sitemap2  .section.last{border-bottom:0; margin-bottom:0;}
#sitemap2 .section h3{ margin-bottom:2px;    margin: 0px;}
#sitemap2 .section p{line-height:18px; font-size:12px; color:#999; overflow:hidden; }
#sitemap2 .section p a{color:#999; }
#sitemap2 .section p .dvdr{margin:0 4px;}
#footer2 .wrapper{background:#25515f; padding:10px 0px;}
#footer2 .wrapper p{font-size:12px; line-height:20px; color:#7fa6b2; margin:0 20px;}
#footer2 .wrapper p a{margin:0 2px; color:#d9d9d9;}
#footer2 .wrapper {
    background: #000;
    padding: 10px 0px;
    max-width: 1180px;
    margin: 0 auto;
}
footer#footer2 {
    background: #000;
}
.follow-wdgt a {
        display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: #cecaca;
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 12px;
}
#sitemap2 .follow_wdgt2, #sitemap2 .follow-wdgt{/*width:210px;*/ float:right; text-align:right; padding:0;}
.follow_wdgt2 span, #sitemap2 .follow-wdgt span{font-size:11px; display:inline-block;  line-height:20px; vertical-align:middle; font-weight:bold; color:#99bbc6;}
.follow_wdgt2 a{display:inline-block; margin-left:10px; width:18px; height:18px; transition:all .2s ease; -moz-transition:all .2s ease;
-webkit-transition:all .2s ease; vertical-align:middle; }
#sitemap2 .follow-wdgt a.fb::after, #sitemap2 .follow-wdgt a.lin::after, #sitemap2 .follow-wdgt a.twitter::after, #sitemap2 .follow-wdgt a.whatsapp::after{background:rgba(255,255,255,.8); }
#sitemap2 .follow-wdgt a.fb .fa, #sitemap2 .follow-wdgt a.twitter .fa, #sitemap2 .follow-wdgt  a.lin .fa, #sitemap2 .follow-wdgt  a.whatsapp .fa{background:rgba(255,255,255,.3);}
#sitemap2 .follow-wdgt{text-align:right;}
#sitemap2 .follow-wdgt a:hover .fa-facebook{color:#3b5b9b;}
#sitemap2 .follow-wdgt a:hover .fa-twitter{color:#29a9e0;}
#sitemap2 .follow-wdgt a:hover .fa-linkedin{color:#0173b1;}
#sitemap2 .follow-wdgt a:hover .fa-whatsapp{color:#5cbe4a;}

.follow_wdgt2 a.linkedin{background-position:0 -210px;}
.follow_wdgt2  a.fb{background-position:-46px -210px;}
.follow_wdgt2  a.twitter{background-position:-23px -210px;}
.follow_wdgt2  a.whatsapp{background-position:-69px -210px;}
.follow_wdgt2  a.pinterest{background-position:-92px -210px;}
.follow_wdgt2  a.rss{background-position:-115px -210px; margin-right:0;}

.follow_wdgt2  a.linkedin:hover{background-position:0 -229px;}
.follow_wdgt2  a.fb:hover{background-position:-46px -229px;}
.follow_wdgt2  a.twitter:hover{background-position:-23px -229px;}
.follow_wdgt2  a.whatsapp:hover{background-position:-69px -229px;}
.follow_wdgt2  a.pinterest:hover{background-position:-92px -229px;}
.follow_wdgt2  a.rss:hover{background-position:-115px -229px;}

#navbar .logo{display:none; float:left; font-size:20px; line-height:32px; margin-left:10px; color:#fff; font-family:"theano_didotregular"; }
#navbar .logo:hover{text-decoration:none;}

#userBlog .one-half.flR{float:right !important;}
#userBlog .form5 .section{float:left; width:30.3%; margin:0 1.5% 20px 1.5%;}
#userBlog .form5 .full-width input.textbox{padding:7px 1.5%; width:97%;}
#userBlog .form5 .section.full-width{width:auto; float:none;}
#txtCaptcha{margin-bottom:15px; margin-right:10px; width:40px !important; float:left}
#imgCaptcha{vertical-align:middle; margin-right:10px; margin-top:5px; float:left;}
#btnCaptcha{font-size:13px; color:#333; float:left; margin-top:5px;} 
#userBlog .form5 .section-wrap{border:1px solid #bbb; padding:20px; margin-bottom:20px; background:#fefefe; padding-bottom:2px; }
.form5 input.textbox[type="file"]{padding:2px 3%;}
/*#content .wrapper{overflow-x:hidden; overflow-y:visible;}*/

.pge-ovrly{position:fixed; z-index:99; width:100%; height:100%; display:none; background:rgba(0,0,0,.7); left:0; top:0;}
.pge-ovrly.show{display:block;}



.top-header-bar-test-info{position:relative;}
.top-header-bar-test-info:before{
	position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: #0a0a0a;
    background: -moz-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0) 0, rgba(50, 50, 50, .1) 73%);
    background: linear-gradient(to right, #000 0, rgba(50, 50, 50, .1) 73%);
}

.themes_background{
    padding: 40px 0px;
}

.popup5 {
	width: 540px;
	background: #fff;
	position: fixed;
	box-shadow: 0 0 8px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .5);
	z-index: 20000;
	left: 0;
	top: 0;
	padding: 20px;
	border-radius: 4px
}

.popup5 .clm1 {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	padding: 10px 5% 10px 0;
	border-right: 1px solid #d8d8d8
}

.popup5 .clm1,
.popup5.clm2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.popup5 .clm2 {
	width: 45%;
	float: right;
	margin-bottom: 20px;
	padding-top: 10px
}

.popup5 a.btn {
	display: block;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	height: 37px;
	line-height: 37px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 15px;
	padding: 0 15px;
	transition: all .2s ease
}

.popup5 a.btn:hover {
	text-decoration: none;
	color: #fff!important
}

.popup5 a .fa {
	font-size: 20px;
	display: inline;
	margin-right: 8px
}

.popup5 a.btn.fb {
	background: #3b5b9b
}

.popup5 a.btn.lin {
	background: #0173b1
}

.popup5 a.btn.twtr {
	background: #29a9e0
}

.popup5 a.btn.email {
	background: #333
}

#login-form a.btn.twtr .fa,
.popup5 a.btn.email .fa,
.popup5 a.btn.lin .fa {
	position: relative;
}

.popup5 .section {
	position: relative;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.popup5 .section .error,
.popup5 p.error {
	color: #ed1c24;
	clear: both
}

.popup5 .section p.error {
	font-size: 12px;
	text-align: right;
	padding-top: 2px
}

.popup5 .section .txt_box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 35px;
	padding: 5px 10px 5px 35px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 13px;
	-webkit-border-radius: 3px;
	color: #666;
	display: block;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease
}

.popup5 .section .txt_box.error {
	border-color: #ed1c24;
	box-shadow: 0 0 3px #ed1c24;
	-moz-box-shadow: 0 0 3px #ed1c24;
	-webkit-box-shadow: 0 0 3px #ed1c24;
	clear: none;
	font-size: 13px
}

.popup5 .section .fa {
	position: absolute;
	left: 10px;
	top: 8px;
	color: #d6d6d6;
	font-size: 18px;
	z-index: 20
}

.popup5 .section .fa.fa-lock {
	left: 12px
}

.popup5 .section .txt_box:focus {
	color: #000;
	border-color: #5e9cd6;
	box-shadow: 0 0 3px #87b2d9;
	-moz-box-shadow: 0 0 3px #87b2d9;
	-webkit-box-shadow: 0 0 3px #87b2d9
}

.popup5 a.back-to-register,
.popup5 a.backto-login,
.popup5 a.cancel,
.popup5 a.forgot {
	float: right;
	color: #016db2;
	font-size: 12px;
	line-height: 32px;
	cursor: pointer
}

.popup5 a.back-to-register {
	float: none
}

.popup5 #signup-form .submit-button2 {
	float: right;
	margin-left: 10px
}

.popup5 p,
.popup5 p a {
	text-align: left;
	color: #888;
	font-size: 13px;
	line-height: 16px
}

.popup5 a.signup {
	color: #016db2;
	cursor: pointer
}

.popup5 .submit-button2 {
	background: #ed1c24
}

.popup5 .submit-button2.disabled {
	background: #e2898d;
	cursor: inherit; 
    cursor: inherit;
    height: 32px;
    border: 0;
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    font-family: Arial,Helvetica,sans-serif;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.popup5 label.remember {
	display: block;
	font-size: 12px;
	color: #888;
	line-height: 14px
}

.popup5 label.remember input {
	color: #888;
	border-color: #888;
	margin-right: 5px;
	position: relative;
	top: -1px
}

.popup5 h3 {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 14px;
    color: #666;
    margin: 0px;
    font-weight: 700;
}

.popup5 .error_info {
	color: #ed1c24;
	margin-bottom: 10px
}

.popup5 .ftr {
	clear: both;
	background: #efefef;
	padding: 20px;
	margin: 0 -20px -20px;
	text-align: center;
	color: #666
}

.popup5 .ftr h4 {
	margin-bottom: 6px;
	line-height: 14px;
	font-size: 12px
}

.popup5 .ftr p {
	text-align: center
}

.popup5 #signup-form .txt_box {
	float: right;
	padding-left: 10px;
	width: 65%;
	height: 28px
}

.popup5 #signup-form .section {
	margin-bottom: 10px
}

.popup5 #signup-form label {
	float: left;
	line-height: 28px;
	font-size: 12px;
	width: 30%
}

.popup5 .close {
	font-size: 12px;
	color: #999;
	position: absolute;
	top: 7px;
	right: 8px;
	z-index: 20;
	cursor: pointer
}

.popup5 .close .fa {
	font-size: 17px
}

.popup5 a.close fa {
	font-size: 14px;
	margin-right: 2px
}

.popup5 .close:hover {
	text-decoration: none;
	color: #ed1c24
}

.popup5 .success_msg {
	font-size: 12px;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
	color: #29aa02!important
}

#reset-password-form .success,
#reset-password-form .success_msg {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px
}

.popup5.success_msg h2,
.stories_list p {
	margin-bottom: 0!important
}

.popup5 h2 {
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 10px;
	position: relative
}

.popup5 h2:after {
	height: 1px;
	width: 100%;
	bottom: 0;
	left: 0;
	content: " ";
	background: #d8d8d8;
	display: block;
	position: absolute
}

.popup5 .message_txt {
	display: block;
	text-align: center;
	color: #333;
	font-size: 17px;
	line-height: 24px;
	padding: 40px 20px
}

.popup5.sm {
	max-width: 400px
}

.popup5.success_msg {
	color: #29aa02;
	padding: 60px 50px!important
}

.popup5.success_msg h2 {
	padding-bottom: 0;
	font-size: 24px
}

.popup5.success_msg h2:after {
	height: 0;
	display: none
}

.popup5.success_msg p {
	color: #555;
	padding-top: 0
}

.popup5 a.btn.ggl {
	background: #4285F4;
	padding-left: 1px
}

.ggl .fa {
	background: #fff;
	width: auto;
	padding: 8px;
	text-align: center;
	border-radius: 1px;
	font-size: 19px!important
}

.g-icon {
	width: 20px;
	display: inline-block
}

.popup5.V2 {
	width: 412px;
	box-shadow: 0 0 8px 1px rgba(92, 92, 92, .5);
	border-radius: 6px;
	padding: 32px;
	border: 1px solid #ccc;
	color: #666;
	background: #f9f9f9;
	background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%);
	background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

.popup5.V2 .terms {
	display: block;
	text-align: center;
	color: #666;
	font-size: 13px;
	line-height: 18px
}

.popup5.V2 .or,
a.connect_btn {
	font-size: 13px;
	display: inline-block
}

.popup5.V2 .terms small {
	font-size: 11px
}

.popup5.V2 .hdr_l1 {
	font-size: 28px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 700;
	color: #ed1c24
}

.popup5.V2 .hdr_l2 {
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 1.2em;
	margin-bottom: 15px
}

.popup5.V2 .hdr_l2 strong {
	font-size: 16px;
	color: #ed1c24
}

.popup5.V2 .terms a {
	color: #666
}

.popup5.V2 .connect_btns {
	margin: 16px 0 20px;
	text-align: center
}

.popup5.V2 .ftr {
	padding-top: 16px;
	border-top: 1px solid #e2e2e2;
	text-align: center;
	background: 0 0
}

a.connect_btn {
	background-color: #fff;
	color: #666;
	border: 1px solid #dadada;
	padding: 6px 10px 5px;
	position: relative;
	bottom: 1px;
	box-shadow: 0 1px 1px 0 rgba(200, 200, 200, .6);
	-moz-box-shadow: 0 1px 1px 0 rgba(200, 200, 200, .6);
	-webkit-box-shadow: 0 1px 1px 0 rgba(200, 200, 200, .6);
	margin-bottom: 15px;
	border-radius: 3px;
	line-height: 1.4em;
	cursor: pointer
}

.popup5.V2 .connect_btns a.connect_btn:last-of-type {
	margin-bottom: 0
}

a.connect_btn .fa-google {
	color: #df4930
}

a.connect_btn .fa-facebook-square {
	color: #3b5b9b;
	position: relative;
	top: -1px
}

a.connect_btn .fa-linkedin-square {
	color: #0173b1;
	position: relative;
	top: -1px
}

a.connect_btn:hover {
	bottom: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-decoration: none
}

.popup5.V2 .or {
	color: #999;
	margin: 0 7px
}

.popup5.V2 .links_outside {
	left: 0;
	margin-top: 45px;
	position: absolute;
	text-align: center;
	width: 100%
}

.popup5.V2 #login-form .section,
.popup5.V2 #signup-form .txt_box {
	width: 45%
}

.popup5.V2 .links_outside a,
.popup5.V2 .links_outside span {
	margin: 0 4px;
	color: #efefef;
	font-size: 13px
}

.popup5.V2 .links_outside a:hover {
	color: #fff
}

.popup5.V2 #signup-form {
	padding-bottom: 10px
}

.popup5.V2 #signup-form .section {
	margin-bottom: 5px
}

.popup5 #signup-form label {
	color: #333
}

.popup5.V2 p.tos {
	padding-top: 10px;
	font-size: 11px
}

.popup5.V2 p.tos a {
	font-size: 11px
}

.popup5.V2 #forgot_psswrd .section {
	width: 60%
}

.popup5.V2 .close:hover {
	color: #ed1c24
}

.popup5.V2 h2 {
	text-transform: none;
	font-size: 19px;
	line-height: 23px
}

.popup5.V2 .close {
	font-size: 18px
}

.popup5.V2 .tmc li {
	list-style: disc;
	margin: 0 0 10px 15px;
	font-size: 13px;
	line-height: 16px;
	color: #555
}

.popup5.V2 .tmc li:last-child {
	margin-bottom: 0
}
.overlay._lgn_pop {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15000;
    height: 100%;
    width: 100%;
    background-color: #7b7b7b;
}


.contest_details_outer {
	display: inline-block;
    margin-bottom: 30px;
    padding: 0px 20px 20px !important;
    background: white;
    width: 100%;
    box-shadow: 0 6px 12px rgba(30,10,58,.04);
    border-radius: 20px;
    background-color: white;
}

h4.contest_title {
	float: left;
    width: 100%;
    margin: 0px;
    font-size: 16px;
    border-bottom: 1px solid #dfd9d9;
    padding: 15px 0px;
    color: #515151;
    font-weight: 600 !important;
    line-height: 28px;
}
h4.contest_title span {
    font-size: 12px;
    font-weight: 600;
    width: auto;
    color: #5d5d5d;
    float: right;
    background: antiquewhite;
    padding: 5px 12px;
    text-transform: capitalize;
    line-height: normal;
    border: 1px solid #e7d3b8;
    border-radius: 3px;
}
.contest_details_panel {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #beb8b8;
    padding-bottom: 20px;
}
.contest_details_outer .contest_details_panel:first-child{
	border-top:0px;
}



/* webniar section */

.webinar-box.box-type1 {
    background: white;margin-bottom: 15px;
}
.webniar_header {
    display: inline-block;
    width: 100%;
    padding: 15px;
}
.webinar-box .user-controls {
    float: right;
    position: relative;
}
.webniar_header h4 {
        padding: 0px;
    margin: 0px;
    color: black;
    line-height: normal;
}
section.webinar-listing-section {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.webniar_header button.dropdown-toggle {
    background: transparent;
    border: 0px;
}

.webinar_content h4 {
    margin-top: 5px;
    color: #03363d;
    font-size: 18px;
    margin-bottom: 5px;
}
.webinar_content h4 a {
    margin-top: 0px;
    color: #03363d;
    font-size: 18px;
    font-weight: 600;
}
.webinar_body {
    width: 100%;
    float: left;
    padding: 15px 15px;
    display: flex;
}
.webinar_body .webinar_image {
    width: 220px;
    float: left;
}
.webinar-box footer {
    border-top: 1px solid #dadada;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px 15px;    position: relative;
}
.webniar_main_title {
    float: left;
    width: 100%;
}
.webinar-main-info .discription {
       display: inline-block;
    width: 100%;
}

.webinar-main-info .discription span{
	font-family: 'Source Sans Pro', sans-serif!important;
}
.webinar-author-info.clearfix {
    width: 76%;
    float: left;
}
p.seat-booked {
    float: right;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 18px;
    outline: none !important;
    border: 1px solid #a3a9a9;
    transition: all 0.5s linear;
    padding: 12px 25px !important;
    width: 170px;
    font-weight: 600;
    background: #117a8b;
}
p.seat-booked .success-icon:after{
	content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;    margin-right: 4px;
    font-size: inherit;
    text-rendering: auto;
}
.webinar-main-info .webinar-author-info.clearfix {
    width: 100%;
    float: left;    padding: 10px 0px;
}
.webinar_description span{
	    font-family: 'Source Sans Pro', sans-serif!important;
}
.discription h5 {
    font-weight: 600;
}
.discription ul li {
    padding-left: 0px;
    margin-bottom: 0px;
}
.discription ul {
    padding-left: 13px;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
}
.webinar_body .webinar_content {
display: inline-block;
    width: calc(100% - 200px);
    padding-left: 18px;
}

.button1 {
    border-radius: 3px;
    background: #d7263d;
    color: #fff;
    text-transform: capitalize;
    border: 0;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 10px;
    font-weight: bold;
    transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -webkit-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -moz-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -o-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    -ms-transition: all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
    outline: none;
}
.webinar-author-info figure {
    float: left;
    width: 40px;
    height: 40px;
}
.webinar-author-info figure img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.webinar-author-info .details {
    margin-left: 52px;
}
.webinar-author-info .details h5 {
    margin-bottom: 2px;
    margin-top: 3px;
    font-weight: 600;
}
ul.webinar-slider-list {
  list-style: none;
    padding: 0px !important;
    margin: 0px;
    display: inline-block;
    width: 100%;
}
.webinar-box .block .fa {
    margin-right: 5px;
}
.webinar-box .block {
     margin: 0px;
    margin-right:15px;
    font-size: 13px;
    color: #8a858d;
    margin-top: 3px;
    display: inline-block;
}

p.webinar_description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.widget.ad.google-ad.sidebarads iframe {
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.webinar_main_header {
    display: inline-block;
    width: 100%;
    background: #39424e;
}
.webinar_main_header h2 {
    color: white;
    margin: 0px;
    font-size: 18px;
    padding: 20px;
    text-transform: uppercase;
}
.webinar_main_header a.action-lnk.pull-right {
    background: white;
    color: black;
    font-size: 14px;
    padding: 7px 15px;
    text-transform: capitalize;
    border: 1px solid black;
    margin-top: -3px;
}
.slider.webinar-slider {
    padding: 15px 15px 0px 15px;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.09);
    background: #f6efef;
}
.discription a.skill.btn-default {
    display: inline-block;
    background: #f8f9fa;
    line-height: 18px;
    margin-bottom: 3px;
    border-radius: 3px;
    background-color: rgba(6,137,50,.08);
    color: #ed1a3b;
    font-weight: 600;
    font-size: 12px;
    transition: ease all 0.4s;
    border: 1px solid rgba(6,137,50,.5);
    padding: 3px 8px;
    text-transform: uppercase;
    margin-right: 5px;
}
.main-banner .container {
    position: relative;
    z-index: 11;
}
#webinar-banner h1 {
      color: white;
    margin: 0px;
    font-weight: 400;
    margin-bottom: 8px;
}
#webinar-banner p {
    color: white;
}
#search-form-content {
    position: absolute;
    display: none;
    top: 57px;
    left: 0;
    background: #fff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 15px 0 8px;
    z-index: 10;
}
#search-form a.search-close {
    display: none !important;
}
#webinar-banner #search-form {
    margin-top: 16px;
}
.main-banner h2 {
      color: #ebebeb !important;
    margin-bottom: 8px;
    line-height: 32px;
    margin-top: 0px;
}
.main-banner .main-content p {
    color: #dadada;
    line-height: 20px;
    margin: 0;
}
div#webinar-banner {
    padding: 80px 0 40px;
}
#top_banner h1 {
    color: white;
    font-weight: 500;
    margin: 100px auto;
}
.widget.clearfix.for-webinar {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    height: 100vh;
    overflow: hidden;
}
.widget.clearfix.for-webinar .webinar-main-info h1{
	    margin-bottom: 15px;
    padding-left: 10px;
    padding-top: 10px;
}
.webinar-detail-box {
       background: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
    padding: 25px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    border-radius: 5px;
}

.engage-box2 {
       background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;
}
.engage-box2 > a {
    text-decoration: none;
}
.engage-box2 figure {
       float: right;
    width: 75px;
    height: 56px;
    margin-left: 16px;
    text-align: right;
}
.engage-box2 figure img {
    border: 1px solid #ddd;
    padding: 5px;
}
.engage-box2 h5 {
    color: black;
    margin-top: 0px;
    line-height: 19px;
    margin-bottom: 5px;
    font-size: 15px;
}
.engage-box2 p {
       font-size: 13px;
    color: #383838;
}
.engage-box2 footer p .block {
       margin-right: 12px;
    font-size: 12px;
    color: #585759;
    margin-top: 8px;
    display: inline-block;
}
.webinar-detail-box .webinar-main-info .block {
    margin-right: 8px;
    font-size: 13px;
    color: #8a858d;
    padding: 4px 0px;
    display: inline-block;
}
.engage-box2 footer p .block .fa {
    margin-right: 5px;
}
.webinar-box.box-type1 footer a.btn.button1.open_modal {
    float: right;
    text-align: center;
    position: absolute;
    right: 10px;
}
.webinar-main-info h1 {
    margin: 0px;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 5px;
}
.webinar-detail-box .webinar-main-info .like-share-buttons {
    float: right;
    position: relative;
}
.webinar-detail-box .webinar-main-info .block .fa {
    margin-right: 5px;
}
.like-share-buttons .btn:first-child {
    margin-left: 0px;
}
.like-share-buttons .fa {
    margin-right: 5px;
}
.webinar-detail-box a#ancJoinWebinar {
    float: right;
}
.like-share-buttons .btn {
    min-width: 70px;
    height: 24px;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    color: #8a858d;
    margin-left: 5px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    padding: 0px;
}

.webniar_main_title p.seat-booked {
    padding: 7px 10px !important;
    width: 100%;
    font-size: 12px;
    position: relative;
    left: 0px;
    margin-bottom: 7px;
}

.payment_left_cont {
    padding: 40px 40px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(117,124,129,.12);
    box-shadow: 0 25px 98px 0 rgba(0,0,0,.1);
}
.payment_left_cont h3 {
    font-size: 31px;
    margin-top: 0px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 30px;
}
.payment_left_cont img {
    width: 202px;
}
.payment_left_cont h6 {
        font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: black;
    margin-top: 10px;
}
.payment_outer {
    display: inline-block;
    width: 100%;
    padding: 4em 0px;
}
.payment_right_cont {
    display: inline-block;
    padding: 35px 40px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 25px 98px 0 rgba(0,0,0,.1);
}
.payment_right_cont h4 {
    margin: 0px;
}
.blocking-boxes {
    display: flex;
    justify-content: center;
    align-items: center;
}
.payment_box1 li {
       line-height: 27px;
    font-size: 14px;
    text-align: left;
}
.center_button span {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.center_button img {
    width: 97px;
}
#spnsrs .wrapper {
    background: #f3f3f3;
    padding: 10px 0 15px;
}
#spnsrs span.title {
    display: block;
    text-align: center;
    margin: 0 20px 5px;
    line-height: 20px;
    font-size: 11px;
    color: #555;
    font-style: italic;
}
#spnsrs .logos {
    text-align: center;
}
.panel-heading .arrow-icon {
    width: 16px;
    display: block;
    height: 16px;
    background: url(https://static.techgig.com/Themes/Release/images/tg_images_new/sprites.svg) -177px -217px no-repeat;
    position: relative;
    float: left;
    margin: 3px 0 0 0;
    float: right;
}
.panel-heading h6.collapsed {
    background: #f6f6f6;
    border-bottom: 1px solid #dadada;
}
#login-register-modal .modal-lg .modal-content {
    border-radius: 20px;
}
#spnsrs .logos a img {
    margin: 0 25px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}


/* default layout css start here */

.layout-1 .lavel-show-accordion .panel-body {
    padding: 0px !important;
}

.layout-1 .lavel-show-accordion .panel-default > .panel-heading {
    padding: 0px;
}

.layout-1 span.round-name {
    font-size: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.layout-1 .contest_details_outer {
    padding: 15px 30px !important;
}

.layout-1 .contest_details_panel#contest_details_panel .panel.panel-default {
    padding-top: 10px !important;
}

.model-box:has([class^="contest-register"]) div#model_content_1 {
    max-height: 480px;
    overflow-y: auto;
    padding-right: 15px;
}

.model-box:has([class^="contest-register"]) .model-container.modal-confirm {
    padding-right: 20px;
}

#detail-submit-form h2 {
    margin-top: 0px;
    margin-bottom: 25px;
}

.scroll-nav nav li.active a {
    border-top: 3px solid #ed1c24;
    border-radius: 5px;
}

/* default layout css start here */