UNPKG

cdnem

Version:

Education Malaysia CDN Css and Js

1,202 lines (579 loc) 165 kB
@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;400;500;600;700;800;900&display=swap'); /* CSS Document */ *{box-sizing: border-box;} ul, ol, li{list-style:none;margin: 0;padding: 0} p{margin:0 0 20px;color:#505254;} img{max-width:100%;} a{display:inline-block; color:#00897b; cursor:pointer; transition:all .2s;} a:hover{cursor:pointer; text-decoration:none;} h1, h2, h3, h4, h5, h6{color:#505254; margin-bottom:20px; font-family:'Roboto Slab', serif;} h1{font-size:36px;} h2{font-size:30px;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:16px;} h6{font-size:14px;} .block{padding:40px 0;} .block h2{margin-bottom:25px;margin-top:0;text-align: center;text-transform: uppercase;font-weight: 400;} .clear{clear:both;} @font-face { font-family: 'collegedekho'; src: url("../fonts/collegedekho.eot"); src: url("../fonts/collegedekho.eot") format('embedded-opentype'), url("../fonts/collegedekho.ttf") format('truetype'), url("../fonts/collegedekho.woff") format('woff'), url("../fonts/collegedekho.svg") format('svg'); font-weight: normal; font-style: normal;} .rupee {color: #4a4a4a;font-family: 'collegedekho';speak: none;font-style: normal;font-weight: normal;font-variant: normal;font-size: 84%;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;} .rupee:before {content: "\e90b";} table {border-left: 1px solid #ddd !important; border-top: 1px solid #ddd !important;margin-bottom: 20px; table-layout: auto !important;width: 100%;} table tr td, table tr th{padding:5px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} table tr td p, .accordion .box table td p{margin: 0;} .button{ padding:10px 20px; width:100%;font-size:13px; text-transform:uppercase; border:1px solid #00897b; text-align:center;background:#fff; outline:none; transition:all 0.5s; position:relative;overflow: hidden;} .button:before{content:''; position:absolute; top:0; left:0; width:0%; height:100%; opacity:0; z-index:1; background-color:rgba(0, 48, 102,.7); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;} .button:hover, .button:hover:before{opacity: 1;width: 100%;} .button span{position: relative;z-index: 10;} .button:hover span{color:#fff;} .form-control::placeholder{color:#999;} body{color:#253246;background:#edf0f4;font-size:14px; line-height:1.4;font-family: 'Open Sans', sans-serif;} header{width:100%;position: relative;min-height: 430px;} header:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;background-image: linear-gradient(180deg, rgba(37, 50, 70, .9), rgb(0, 204, 184, .9));z-index:99;} header img{position: absolute;z-index: 9;width: 100%;height: 100%;} .login{background:rgba(0,0,0,0.3);position: relative;margin-bottom: 10px;height: 35px} .login p {color:#fff;text-align: center;font-size: 13px; margin-bottom: 0;padding: 8px 0;} .login p a{color:#db5461;} .login p a:hover{color:#fff;} .nav-down {position:fixed;top:0;transition: all 0.5s;width: 100%;z-index: 99999;} .innerPage .nav-down{box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5);} .scrollUp {transform: translateY(-135px);} .sticky {background: #fff;z-index: 99999;box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5);} .sticky nav{padding-top: 12px;} .sticky nav .nav-link, .sticky nav > ul > li > a{color:#323e4f;} .sticky nav .nav-link:after{content: '';display: block;width: 0;height: 10px;border-bottom:2px solid #00897b;transition: width .3s;} .sticky nav .nav-link:hover, .sticky nav .nav-link:hover:after, .sticky nav > ul > li > a:hover{width: 100%;transition: width .3s;color:#00897b;} .sticky nav > ul > li > a:hover:after{width: 100%;transition: width .3s;color:#00897b; border-bottom: 2px solid #00897b;} .sticky .login{background:rgb(0, 0, 0);} .sticky .logo a{background-position:0 57px;} .sticky .search-icon{display:block;} .sticky button.menu{background:rgba(0, 0, 0, 0.59)} .sticky .icon-searchTemp{background: url(../images/sprite.png) no-repeat -53px 0;top: 17px;} .innerPage .icon-searchTemp{background: url(../images/sprite.png) no-repeat -53px 0;top: 20px;} .login .socials{float: left;margin-left: 10px;margin-top: 2px;} .login .socials li{display:inline-block;padding:1px 3px;} .facebook, .twitter, .google{fill:#91959b;transition: all 0.2s linear;} .facebook:hover, .twitter:hover, .google:hover{fill: #db5461;} .footer-facebook, .footer-twitter, .footer-google{fill:#91959b;transition: all 0.2s linear;} .footer-facebook:hover, .footer-twitter:hover, .footer-google:hover {fill: #db5461;} .overflow{overflow: hidden;} .login .register{padding: 5px 0 5px 0;position: absolute; right: 65px;top: 1px;} .login .register .dropdown, .dropleft, .dropright, .dropup{float:right;width: 55px;padding:3px 0;background: #f3f3f3;position: relative;margin-left:5px;} .login .register .dropdown:hover .cartBox{display: block;} .login .register .dropdown .cartBox{position: absolute;right: 0;width: 180px;background: #fff;border: 1px solid #eaeaec;padding: 10px 15px;margin-top: 4px;z-index: 999999;display: none;top:22px;} .cartBox h4 {font-size: 14px;margin-bottom: 3px;font-weight: 700;} .cartBox p {margin-bottom: 3px;text-transform: capitalize;font-size: 13px;} .cartBorder {border-top: 1px solid #eaeaec;margin: 7px 0 10px 0;} .login .register .cartBox .language{width: 100%;margin:0;} .login .register .cartBox .language:after{display: none;} .cartBox p a {font-size: 13px;color: #333;} .logoutbtn{border-top: 1px solid #eaeaec;padding-top: 3px;margin-top: 3px;display: inline-block;width: 100%;} .logoutbtn li a{color: #333;font-size: 13px;} .register .breadcrumb-listing{display: inline-flex;} .register .breadcrumb-listing>li{display: inline-block;} .register .breadcrumb-listing>li>a {color: #db5461;font-family: 'Roboto Slab', serif;transition: 0.3s all} .register .breadcrumb-listing>li>a:hover{color:#fff;} .register .breadcrumb-listing>li+li:before {color: #db5461;padding: 0 3px;content: "/\00a0";} .register .language{visibility: hidden;width: auto;margin:0;color:#91959b;position: relative;display: inline-block;} .register .language, .breadcrumb-listing>li>a{font-size: 13px;} .register .language:after{content:'';position: absolute;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #91959b;top: 9px;right: -6px;} /*------------nav------------------*/ .navsection{width: 100%;position: relative;} .logo {float: left;} .logo a{width: 250px;height: 56px;overflow: hidden;background:url(../images/logo.png) 0 0;} .applybutton{float:right;width: 110px;overflow: hidden; margin-left: 35px;} .applybutton .button{padding: 7px 8px;background: transparent;border-radius: 22px;} .search-icon{background: #db5461;border-radius: 50%;width: 35px;height:35px;text-align: center;padding-top:5px;margin-top:10px;float: right;z-index: 9999;position: relative;cursor: pointer;} .searchContent{position: fixed;left: 0;top: 104px;width: 100%;height: auto;background: #edf0f4;z-index: 99999;} .searchContent .dataContent {display: block;padding: 20px;overflow: visible;position: relative;} .searchContent .dataContent h3{padding-right: 25px;text-align: center;font-weight: 600;} .searchContent .dataContent .form{margin-top:20px;} .searchContent .dataContent .close {position: absolute;right: 10px;top: 20px;width: 34px;height: 34px;cursor: pointer;opacity: 1;display: none;} .searchContent .dataContent .form input{border: 1px solid #ced4da;background:#fff;height: 46px;} .searchContent .dataContent .form input::placeholder {font-size: 13px;} .searchContent .dataContent .form .input-group-text{background:#db5461;color:#fff;padding: .375rem 2.50rem;cursor: pointer;} .searchContent .dataContent .form .input-group-text svg{fill:#fff;margin-right: 7px;} nav{padding:4px 10px 0 0; text-align:right; position:relative;cursor:pointer;font-size:13px;float: right;} button.menu{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;color: #fff;font-size: 14px;text-transform: uppercase;width:37px;border:0;background: none;display: none;} .icon-bar{width: 25px;height: 2px;background: #fff;padding: 1px 0;float: left;margin:3px 0;} nav > ul{white-space:nowrap;float: left;} nav > ul > li{display:inline-block;position: relative;vertical-align: top;} nav .nav-link, nav > ul > li > a{padding:5px 12px;color:#fff;position:relative;text-transform: uppercase;font-family: 'Roboto Slab', serif;} nav .nav-link:after , nav > ul > li > a:after {content: '';display: block;width: 0;height: 10px;border-bottom:2px solid #fff;transition: width .3s;} nav .nav-link:hover:after, nav > ul > li > a:hover:after{width: 100%;transition: width .3s;} nav > ul > li > a:hover{color:#fff;} nav > ul > li .subLink{visibility:hidden; white-space:normal; opacity:0; text-align:left; transform:translateY(-1em); transition:all 0.15s ease-in-out .1s, visibility .1s linear 0.1s, z-index .1s linear 0.1s; box-shadow:0 4px 3px rgba(0, 0, 0, .15);} nav > ul > li:hover .subLink{visibility:visible; opacity:1; transform:translateY(0%); transition-delay:0s, 0s, 0.2s; z-index:99;} .subLink-2 li{padding:5px 10px;border-bottom: 1px solid #e5e5e5;} nav .subLink{width:230px; position:absolute;top:47px; font-size:14px; background:#fff; z-index:999999;} nav .subLink li > a{display:block; font-size:13px;padding:3px 0; text-decoration:none; transition:all .2s;color:#253246;} nav .subLink li > a:hover{cursor:pointer;font-weight: bold;} /*------------search box css start here-----------*/ .arrowPostion{position: relative;text-align: center;padding:250px 0 0;z-index: 9999} .arrowPostion h1{color:#fff;margin-bottom: 10px;font-size: 36px;font-family: 'Open Sans', sans-serif;font-weight:600;text-shadow:0 2px 3px rgba(0, 0, 0, .3);} .search-sec{;max-width: 850px;width:100%;margin:0 auto;} .inner-form{width: 100%;text-align: center; box-shadow: 0 2px 3px rgba(0, 0, 0, .3);background: #fff; position: relative;} .inner-form button{background: #db5461;height: 100%;b} .inner-form li button:before {display: none} .inner-form li button span{color:#fff;} .inner-form li button svg{margin-right:10px;z-index: 10;position: relative;fill:#fff;} .inner-form input{height:48px ;background: #fff;border: 0;width: 100%;padding: 10px 32px;color: #555;box-shadow: none;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .inner-form .choice_inner{position: relative;} .inner-form .choice_inner:before{content:'';position: absolute;width: 1px;height: 20px;background: #dfe0e3;right:0;top:15px;z-index: 9;} .inner-form li button{width: 100%;height: 48px;border-radius: 0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border:1px solid #db5461;} select.select__choice{height: 48px;background: #fff;border: 0;width: 100%;padding: 10px 10px;color: #555;box-shadow: none;} .inner-form select{ -webkit-appearance: none;} .inner-form .arr{bottom: 5px;position: absolute;right: -12px;top: 11px;pointer-events: none} .inner-form .arr:before {content: '';position: absolute;top: 50%;right: 24px;margin-top: -5px;pointer-events: none;border-top: 6px solid #b9b8b8;border-left: 6px solid transparent;border-right: 6px solid transparent;} .input-select{font-weight: 400;position: relative;width: 100%;height: 48px;} .choices__list--dropdown{width: 100%;background:#fff;padding: 0 20px 0 10px;transition: all .2s ease .0s;position: relative;} .choices__list--dropdown:after{content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #91959b;top:22px;right: 16px;position: absolute;} .choice_item{line-height: 48px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #757575;text-align: left;} .choice_item_selectable{background: #fff;border:1px solid #ddd;border-radius:0px 0px 2px 2px;position: absolute;top:100%;left:0;right:0;height: 200px;overflow: auto;display: none;z-index:9;text-align: left;} .select-item{padding:10px 10px;border-bottom: 1px solid #ddd;float: left;width: 100%;font-size: 14px;cursor: pointer;} .select-item:hover{background: #f8f8f8;} .active-item:after{transform: rotate(180deg);} .mbr-arrow {left: 0;bottom:-160px;position: absolute;text-align: center;width: 100%;} .mbr-arrow a{border:1px solid #fff;border-radius: 50%;color: #fff;height: 30px;transition: all .3s ease-in-out;width: 30px;cursor: pointer;} .mbr-arrow-icon{border: solid #fff;border-width: 0 1px 1px 0;display: inline-block;padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .bounce {animation: bounce 2s infinite;} @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-20px);} 60% {transform: translateY(-15px);} } .white-bg{background: #fff;} /*----------services------------*/ .serviceBlock{border:1px solid #dfe0e3;background: #fff;padding: 15px;text-align: center;transition: all .2s ease;height: 100%;} .serviceBlock:hover{box-shadow:0 0 10px rgba(0, 0, 0, .1)} .serviceBlock:hover .serviceIcon{box-shadow:0 0 10px rgba(0, 0, 0, .1)} .serviceBlock a:hover{color:#db5461;} .serviceBlock p{color:#505254; font-weight: 300;} .serviceBlock h3{font-size: 18px;} .serviceBlock h3, .serviceBlock p{margin-bottom: 15px;} .serviceBlock .serviceIcon {display: block;margin: -49px auto 15px;width: 70px;height: 70px;background: #fff;border-radius:50%;border:1px solid #dfe0e3;padding:15px;} .serviceBlock .serviceIcon svg{fill:#db5461;} .paddingtopBlock li{margin-top: 60px;} .pkg-services h2{margin-bottom: 0;} /*------------------w-gallery--------------------*/ .storiesBlock{position: relative;padding-bottom: 70px;} .testimonialbox{background: #fff;height:100%;position: relative;padding:25px 35px; border: 1px solid #eee;text-align: center;} .testimonialbox .testimonial-icon{display: block;margin: 0 auto 15px;width: 50px;height: 50px;} .testimonialbox p{font-size: 14px} .testimonialbox h4{color:#00897b;margin:15px 0 5px;font-weight: 300;} .testimonialbox span{color:#505254;font-size: 14px;padding-bottom: 15px;} .storiesBlock .owl-carousel .owl-stage{display: flex;} .storiesBlock .owl-carousel.owl-drag .owl-item .item{height: 100%;} /*---------------New Block------------------*/ .newsBlock h3{font-weight: 300;border-bottom: 1px solid #e2e6ea;padding-bottom: 10px;} .featureNews{position: relative;margin-bottom: 40px;} .featureNews img{width: 100%;} .textBlock{position: absolute;bottom: 0;left: 0;width: calc(100% - 70px);background: #fff;height: 190px;box-sizing: border-box;padding:20px;} .textBlock:hover h3 a{color:#00897b;} .textBlock h3{text-align: left;font-weight: 300;border:0;font-size: 22px;line-height: 1.5;margin-bottom: 5px;padding-bottom: 2px;} .textBlock span{font-size: 14px;color:#505254;white-space: normal;} .textBlock span svg{width: 14px;margin-right:5px;margin-top:-3px;} .universityArticle .textBlock span{text-transform: uppercase;} .textBlock p{margin:15px 0;} .newsArrow{background: #db5461;position: absolute;width: 70px;height:70px;bottom: 0;right:0;padding:15px;} .newsArrow a{display:block; height:100%;} .latest-newsBlock{margin-bottom: 10px;display: block;overflow: hidden;} .latest-newsBlock .icon {float: left;width: 100px;background:#e3e6eb;height: auto;margin: 0 22px 10px 0;} .latest-newsBlock span{font-size: 13px;color:#505254;margin-bottom: 3px;display: inline-block;} .latest-newsBlock span svg{width: 14px;margin-right:5px;margin-top:-3px;} .latest-newsBlock:hover p{color:#00897b;} .viewBlock{position: relative;} .viewBlock a{position:absolute;right:0;top:3px;color:#db5461;} .viewBlock a:hover{text-decoration: underline;} /*---------------------formBlock-----------------*/ .formBlock{position: relative;padding-bottom: 0;padding-top: 40px;} .formBlock input:focus, .formBlock textarea:focus{border-color:#db5461;box-shadow: none;} .formBlock h2{margin-bottom:25px;margin-top:0;text-transform: uppercase;font-weight: 400;} .imgBlock{margin-top:-90px;} .formBlock .row{margin-left:-15px;margin-right: -15px;} .formBlock li{margin-bottom: 20px;} .formBlock input::placeholder {font-size: 13px;} .formBlock li input, .formBlock li textarea{border-radius: 0;} .formBlock li .querybtn{width: 150px;border:1px solid #db5461;background: #db5461;color:#fff;} .formBlock li .querybtn:before {background-color: rgba(245,110,123,1);} footer{background: #253246;padding-bottom: 0 !important;font-family:'Roboto Slab', serif;} .footerBlock img{margin-bottom: 10px;} .footerBlock p, .footerBlock h3, .footerBlock h3>a {color:#798393;font-weight: 300} .footerBlock a{color: #00897b} .footerBlock .readBlock:hover{color:#db5461 !important;} .footerBlock li{padding: 7px 0;color:#fff;font-weight: 300;position: relative;} .footerBlock li span{width: 15px;margin-right: 10px;} .footerBlock li a{color:#fff;font-weight: 300;} .footerBlock li a:hover, .footerBlock a:hover{color:#798393;} footer .copyright{background: #1f2b3c;padding: 17px 0;margin-top:15px;overflow: hidden;} footer .copyright p{margin-bottom: 0;float: left;} footer .copyright p a{color:#fff;} footer .copyright .social{float:right;} footer .copyright .social .events{margin-right:30px;float: left;} footer .copyright .social .events li{display: inline-block;padding:0 10px;} footer .copyright .social .events li a{color:#798393;} footer .copyright .social .events li a:hover{color:#fff;} footer .copyright .social .social-icon{float: right;} footer .copyright .social .social-icon li{display: inline-block;padding:0 5px;} /*--------university Detail-------------*/ .innerPage header{padding:100px 0 0 0;position: relative;min-height: 580px;} .innerPage header img{position: absolute;width: 100%;height: 480px;} .innerPage header:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(37, 50, 70, 0.7);z-index: 99;} .innerPage header .universityName{padding: 90px 0 60px 0;position: relative;text-align: center;} .innerPage .headerBlock.detailMargin{min-height: 500px} .innerPage .headerBlock.detailMargin .universityName{padding: 70px 0 50px 0;} .innerPage header .container{position:relative;z-index: 99;} .galleryBlock{width: 45px;height: 45px;background: rgba(255, 255, 255, 0.20);position:absolute;right:18px;border-radius: 50%;padding: 13px;cursor: pointer;top:10px;} .galleryBlock a{display: block} .innerPage .navBlock .login{background: #000;margin-bottom: 0;} .innerPage .navBlock .login .socials{margin-top:2px;} .innerPage .navsection{background:#fff;padding: 5px 0;min-height: 69px;} .innerPage .navsection nav button.menu {top:20px;} .innerPage .navsection nav button.menu .icon-bar{background: #000} .innerPage .navsection .logo a{background: url(../images/logo.png) 0 56px;} .innerPage .navsection nav {padding-top: 15px;} .innerPage .applybutton{margin-top:-2px;} .innerPage .applybutton .custom-outline:hover{border:1px solid #00897b;} .innerPage .applybutton .custom-outline:before{transition: .2s;} .innerPage .applybutton .custom-outline:hover, .innerPage .applybutton .custom-outline:hover:before{top:0;border:1px solid #db5461;color:#db5461;} .innerPage .navsection nav .nav-link, .innerPage nav > ul > li > a{color:#253246;} .innerPage .navsection nav .nav-link:after {content: '';display: block;width: 0;height: 10px;border-bottom: 2px solid #00897b;transition: width .3s;} .innerPage .navsection nav .nav-link:hover, .innerPage .navsection nav .nav-link:hover:after{width: 100%;transition: width .3s;color:#00897b;} .innerPage .navsection nav > ul > li > a:hover{color:#00897b;} .innerPage .navsection nav > ul > li > a:hover:after{width: 100%;transition: width .3s;color:#00897b;border-bottom: 2px solid #00897b;} .detailPage .navsection nav .nav-link:hover:after {width: 100%;transition: width .3s;} .breadcrumb-listing ul li a{font-family:'Roboto Slab', serif;color:#fff;} .breadcrumb-listing .breadcrumb li a:hover{color:#00897b;} .event-breadcrumb ul li{display: inline-block;padding: 10px 0} .event-breadcrumb li + li{padding-left:.5rem;} .event-breadcrumb li + li:before{content: "/";color: #999999;display: inline-block;padding-right: .5rem;} .event-breadcrumb .active{color:#fff;font-weight: 500;} .breadcrumb-listing .breadcrumb-item+.breadcrumb-item::before {color: #999999;} .breadcrumb-listing .breadcrumb-item.active{font-weight: 500;}*/ /*--------breadcrumb--------*/ .breadcrumb-listing{margin-left:10px;} .breadcrumb-listing ul li{display: inline-block;padding: 10px 0} .breadcrumb-listing li + li{padding-left:.5rem;} .breadcrumb-listing li + li:before{content: "/";color: #999999;display: inline-block;padding-right: .5rem;} .breadcrumb-listing .active{color:#fff;font-weight: 500;} /*--------breadcrumb--------*/ .courseDetailpage .universityName .getCounsellingBlock{position: absolute;bottom:15px;right:0;} .universityName.countryName{font-size: 50px;text-transform: uppercase;} .innerPage .universityName li{margin-right: 5px;} .innerPage .universityName p{color:#fff;margin-left:5px;margin-bottom: 0;} .detailPage.innerPage .universityName p{margin-bottom:20px;color:#fff;} .detailPage.innerPage .universityName{padding: 40px 0;text-align: center;} .universityName h1, .universityName p, .universityName a{color:#fff;} .universityName h1{font-size: 40px;font-weight: 300;margin-bottom: 0;} .universityName p{font-size: 18px;} .universityName li{display: inline-block;margin-right: 20px;position: relative;} .universityName li a{border:1px solid #fff;border-radius: 20px;padding: 10px 25px;font-size: 13px;font-family:'Roboto Slab', serif;text-transform: uppercase;} .universityName li.activeItem a, .universityName li a:hover{background: #db5461;border:1px solid #db5461;} .headerBlock .universityName{padding:10px 0 10px 10px;text-align: left;} .headerBlock .universityName p{margin:0;color:#505254;font-weight: bold;font-size: 18px;} /*------------Programs--------------*/ .mid-content .block{background: #fff; padding: 20px;margin-top: 30px;} .mid-content .block:last-child{margin-bottom: 30px;} .mid-content .block h2{text-align: left;margin-bottom: 30px;text-transform: capitalize;} .accomodationBlock {background:rgba(37, 50, 70, 0.90);width: 100%;position: absolute;bottom:0;min-height:100px;z-index:99; } .accomodationBlock .items{padding: 0 5px;width: 100%;box-sizing: border-box;} .accomodationBlock .items p{color:#fff;font-weight: 500;margin-bottom: -5px;font-size: 18px;} .accomodationBlock .items span{color:#505254;font-weight: 300;font-size: 12px;} .accomodationBlock .items .streamIcon{margin-right:10px;width: 28px;height: 48px;float:left;} .accomodationBlock li{float: left;width: 16%;height: 100px;color:#fff; display: flex;align-items: center;justify-content: center;border-right: 1px solid #202c3c;} .accomodationBlock li:first-child{border-left: 1px solid #202c3c;} .educationblock p, .scholarshipBlock .studentsBlock p, .studentsBlock li{color:#505254} .educationblock p:last-child{margin-bottom: 0;} .programBlock {padding-bottom: 0 !important;} ul.tabs{margin: 0px;padding: 0px;list-style: none;height: 50px; padding-right:80px; border-bottom:1px solid #e4e4e4;} ul.tabs li{background: none;color: #253246;display: inline-block;padding: 10px 15px;cursor: pointer;height: 50px} ul.tabs li.current{color: #00897b;border-bottom: 3px solid #00897b;font-weight: bold;} .tab-content{display: none;padding: 10px 0 0 0;} .tab-content.current{display: inherit;} .tabBlock ul{width:auto;white-space: nowrap;overflow-x: auto} .tabBlock .content ul{width:100%; margin:0 0 20px;padding: 0 0 0 20px;} .tabBlock .content ul li p{margin:0;} .tabBlock .content ul ul{margin:10px 0;} .tabBlock .content ul ul li{list-style:circle;} .tabBlock li {float: left;width: 25%;padding: 0 9px;} .tabBlock li:first-child{padding-left: 0;} .tabBlock li:last-child{padding-right: 0;} .tabBlock .itemsBlock{min-height: 305px;position: relative;overflow: hidden;border:1px solid #e4e4e4;} .tabBlock .itemsBlock h3{color:#00897b;font-weight:500;position: relative;padding:10px;font-size: 18px;margin-bottom: 0;white-space: normal;} .programContent{background: #fff;padding: 15px 20px;position: relative;} .programContent a.viewAll{color:#db5461; position:absolute; right:20px; top:-34px;} .itemsBlock ul{padding:10px;} .itemsBlock li{width: 50%;margin: 0;padding: 0;display: inline-block;} .coursesItem{padding-bottom:15px;} .coursesItem span{color:#505254;font-size: 12px;display: block;} .coursesItem p{padding:2px 0 0 0;font-weight: bold;margin-bottom: 0;} .itemsBlock ul a{padding:7px 15px;border-radius: 20px;font-size:12px;font-weight: bold;margin-top: 10px;border:1px solid #db5461;color:#db5461;text-transform: uppercase; position: absolute;bottom:20px;left: 20px;} .itemsBlock ul a:hover{background: #db5461;border-color:#db5461;color:#fff;} .tabBlock .requireBlock{white-space: normal;} .tabBlock.addTabMargin{margin-bottom: 15px} /*-------------------Scholarship-------------------*/ .collegeScholarship{position: relative;} .collegeScholarship .studentScolarship{margin-bottom: 15px;} .collegeScholarship .studentScolarship:last-child{margin-bottom: 0;} .collegeScholarship .studentsBlock h3{font-size: 24px;font-weight: 300;margin:0;} .collegeScholarship .studentsBlock p{margin-bottom: 10px;} .collegeScholarship .studentsBlock li{position: relative;padding:0 0 10px 25px;} .collegeScholarship .studentsBlock li:last-child{padding-bottom: 40px;} .collegeScholarship .studentsBlock li:before{content:'';position:absolute;width:6px;height:6px;top:7px;left:7px;background:#b2b2b2;border-radius: 50%;} .collegeScholarship .semesterBlock{color:#db5461 !important;border-bottom: 1px solid #d7dade;padding-bottom: 15px;margin-bottom: 0;} .collegeScholarship:last-child>.semesterBlock{border:0;padding-bottom: 0;} .educationblock ol{list-style: none; counter-reset: li} .educationblock ol li {counter-increment: li;position: relative;padding: 0 0px 9px 10px;margin-left: 15px;color:#505254;font-size: 14px;} .educationblock ol li::before {content: counter(li); color: #505254;float:left; width: 1em;margin-left: -1.4em} /*-------------------Scholarship-------------------*/ .scholarshipBlock{position: relative;} .scholarshipBlock .studentsBlock{padding: 20px;border:5px solid #d7dade;position: relative;} .scholarshipBlock .studentsBlock .iconBlock{position: absolute;bottom: 12px;right: 30px;} .studentsBlock .iconBlock{display: none} .studentsBlock .studentScolarship{margin-bottom: 15px;position: relative;} .studentsBlock .studentScolarship:before{content: '';position: absolute;width: 100%;height: 1px;background: #e5e5e5;bottom: 8px;} .studentsBlock .studentScolarship:last-child:before{content: '';width: 0;position: absolute;} .studentsBlock .studentScolarship:last-child{margin-bottom: 0;} .scholarshipBlock .studentsBlock h3{font-size: 24px;font-weight: 300;} .scholarshipBlock .studentsBlock p{margin-bottom: 10px;} .educationblock ul{list-style: disc;} .scholarshipBlock .studentsBlock li, .educationblock ul li{position: relative;padding:0 0 10px 25px;color:#505254;} .scholarshipBlock .studentsBlock li:last-child{padding-bottom: 40px;} .scholarshipBlock .studentsBlock li:before, .educationblock ul li:before{content:'';position:absolute;width:6px;height:6px;top:7px;left:7px;background:#b2b2b2;border-radius: 50%;} /*--------------------gallery----------------*/ .universityGallery .owl-carousel .item{height: auto;} .universityGallery .owl-carousel .item img{height: 100%;} .universityGallery .owl-carousel .item:before{display: none;} .universityArticle{position: relative;} .articleBlock ul{white-space: nowrap;width: auto;overflow-x: auto;} .articleBlock li{width: 350px;display:inline-block;margin-right: 4px;} .articleBlock li:last-child{margin-right: 0;} .articleBlock .textBlock{width: calc(100% - 50px);height: 80px;padding:10px;} .articleBlock .textBlock a {margin-bottom:5px;color:#253246;white-space: normal;display: block;} .articleBlock .newsArrow{height: 50px;width: 50px;padding:10px;} .mapBlock{padding:0 !important;background: none !important;position: relative;width: 100%;} .mapBlock iframe{width: 65%;float: right;} .dto-map-left-cont{background: #fff;height: 300px; width: calc(100% - 65%);box-sizing: border-box;padding: 15px;} .dto-map-lc-grid {display: table;table-layout: fixed;margin-bottom: 20px;width: 100%;} .dto-map-lc-cell.dto-lm-col {color: #797979;font-weight: normal;width: 20%;display: table-cell;} .dto-map-lc-cell.dto-rm-col {padding-left: 8px;width: 80%;font-weight: bold;color:#000;} .admissionsBlock{background:#00897b;padding:25px 10px;margin-top:0 ;text-align: center;} .admissionsBlock h2{text-align: center !important;font-size: 50px;color:#fff;margin-bottom: 5px !important;text-transform: none;} .admissionsBlock p{font-size: 20px;color:#fff;font-weight: 300;} .admissionsBlock .button{color:#fff;border:1px solid #fff;border-radius: 20px;width: 260px;background: transparent;} .admissionsBlock .button:hover{border:1px solid rgba(245,110,123) ;} .admissionsBlock .button:before{background-color: rgba(245,110,123);} /*-----------------course detail--------------*/ header.courseDetailpage{position: relative;min-height:auto;} header.courseDetailpage .universityName{text-align: left;padding: 10px 0 10px 10px;} .c_row:last-child{margin-bottom: 15px;} .programDetails{padding-bottom: 0 !important;} .programDetails .tabs {height: 50px} .programDetails .tabs .tab-content{;overflow:hidden;} .tabBlock .accordion .loadMore{display: block;margin: 10px 0;text-align: center;text-transform: uppercase;} .tabBlock .accordion .loadMore a{color: #505254;} .formContent .courseTab ul {width: auto;margin-bottom: 10px;} .formContent .courseTab li {display: inline-block;width: auto;margin:3px 0;padding: 0 5px;} .courseTab label{margin-bottom: 0 ;} .formContent .courseTab li:first-child{padding-left:7px;} .gs_control {display:inline-block;position: relative;padding: 7px 15px 7px 30px;cursor: pointer;font-size: 13px;background: #fff;border-radius: 20px;} .gs_control i {display: inline-block;font-style: normal;} .gs_control input {position: absolute;z-index: -1;opacity: 0;left: 6px;top: 6px;} .gs_control__indicator {position: absolute;top: 10px;left: 12px;height: 13px;width: 13px;transition: all 0.3s ease-in 0s;border:1px solid #dddddd;border-radius: 10px;} .gs_control input:checked + .gs_control__indicator{background: #00897b;padding:2px;border:1px solid #00897b;} .gs_control input:checked + .gs_control__indicator:after{content: '';position: absolute;height: 4px;width:7px;border-left: 2px solid white;border-bottom: 2px solid white; top:49%;left:49%;transform: translate(-50%, -50%) rotate(-45deg);} .courseDetailpage .mid-content .container{overflow: hidden;} .mid-content .block.relEvents{margin-top:0;} .accordion .heading.active{background:#00897b}.accordion .heading.active .courseHeading h3{color:#fff;font-size: 24px;}.accordion .heading.active .hightlightInfo li span{color:#fff;font-weight: 500;display: block;}.accordion .heading.active .hightlightInfo li p{color:#fff;}.accordion .heading:before,.accordion .heading:after{content:"";position:absolute;width:20px;height:20px;right:10px;top:5px;background-color:#333;transition:transform .25s ease-out}.accordion .heading:before{top:12px;width:2px;height:14px;right:17px}.accordion .heading:after{top:18px;width:14px;height:2px;right:11px}.accordion .heading:hover:before,.accordion .heading.active:before{transform:rotate(90deg)}.accordion .heading:hover:after,.accordion .heading.active:after{transform:rotate(180deg)}.accordion .heading.active:before,.accordion .heading.active:after{background-color:#fff} .accordion .heading{cursor:pointer; padding:12px 20px;border:1px solid #eee; background:#fff; position:relative; display: flex;align-items: center;justify-content: center;margin-top: 10px;} .accordion .heading .courseHeading{width: calc(100% - 60%);display:inline-block;} .accordion .heading .hightlightInfo{width: 60%;float: right;} .accordion .heading .courseHeading h3{font-size: 18px;color:#00897b;margin:0;font-weight: 300;} .accordion .heading .hightlightInfo li {float: left;width: 25%;padding: 0 9px;} .accordion .heading .hightlightInfo li span{font-size: 12px;color:#505254;display: block;} .accordion .heading .hightlightInfo li p{padding: 0;margin: 0;font-weight: bold;} .accordion .box{display:none;border-top:0; border-top-left-radius:0; border-top-right-radius:0;background: #fff;border-left:1px solid #eee;border-right:1px solid #eee;border-bottom: 1px solid #eee;padding:15px 25px;} .accordion .box .batchesSection {width: 100%;white-space: nowrap;overflow-x: auto;display: none;} .accordion .box .batchesSection li{padding: 0 15px 0 0;display: inline-block;width: 369px;} .accordion .box .batchesSection li:first-child{padding-left:15px;} .accordion .box .batchesSection li:before{display: none;} .accordion .heading:before, .accordion .heading:after{content:""; position:absolute; width:20px; height:20px; right:10px; top:5px; background-color:#db5461; transition:transform 0.25s ease-out;} .accordion .heading:before{top:22px; width:2px; height:14px; right:28px;} .accordion .heading:after{top:28px; width:14px; height:2px; right:22px} .accordion .heading:hover:before, .accordion .heading.activeTabactiveTabactiveTabactiveTab:before{transform:rotate(90deg);} .accordion .heading:hover:after, .accordion .heading.activeTabactiveTabactiveTab:after{transform:rotate(180deg);} .accordion .heading.activeTab:before, .accordion .heading.activeTabactiveTab:after{background-color:#3aa6a7;} .accordion .reportContent{border:1px solid #eee;border-radius: 15px;position: relative;overflow: hidden;min-height: 220px} .accordion .reportContent:hover {background: #f4f5f6;} .accordion .reportContent:hover .counsellingBox a{background: #db5461;color:#fff;border-color:#db5461;} .accordion .reportContent h2{border-bottom: 1px solid #eee;font-size:26px;font-weight: 300;position: relative;padding: 15px;} .accordion .reportContent p{margin-bottom: 0px !important;} .accordion .reportContent p, .accordion .reportContent h3{padding: 0 15px !important;} .accordion .reportContent h3{color:#00897b;font-size:24px;font-family: 'Open Sans', sans-serif;font-weight: 600;margin:0 !important;} .accordion .reportContent:before{content:'';position: absolute;background: #253246;height: 45px;width: 100%;bottom:0;} .accordion .reportContent .counsellingBox{position: absolute;bottom: 12px;width: 100%;padding: 15px;height: 70px;} .accordion .reportContent .counsellingBox .seasonIcon{float: right;height: 80px;width: 80px;margin-top: -41px;} .accordion .box h3{margin-top:10px;margin-bottom: 10px;} .accordion .box p{color:#505254;margin-bottom: 15px;line-height: 1.6;padding: 0;} .accordion .box li{width: 100%;color:#505254;padding: 4px 0 4px 0;position: relative;white-space: normal;list-style-type: disc;} .marginBlock{margin-bottom: 40px;} /* Zebra striping */ .scrollTable th { font-weight: 400;text-transform: uppercase;} .scrollTable tr td, .scrollTable tr th {padding:5px; border-bottom: 1px solid #ccc; text-align: center;color: #505254;font-weight: 300;} .scrollTable table {border:0;} .scrollTable table tr th{ width: 17%;} .scrollTable td .radialProgressBar {border-radius: 50%;width: 60px;height: 60px;display: flex;background: #ddd;margin:0 auto;} .scrollTable td .radialProgressBar .overlay {border-radius: 50%;width: 50px;height: 50px;margin: auto;background: #fff;text-align: center;padding-top: 24%;font-size: 16px;} .scrollTable td .progress-50 {background-image: -webkit-linear-gradient(right, #ddd 50%, transparent 50%), -webkit-linear-gradient(left, #00897b 50%, #ddd 50%);background-image: linear-gradient(-90deg, #ddd 50%, transparent 50%), linear-gradient(90deg, #00897b 50%, #ddd 50%);} .scrollTable td .progress-50.active {background-image: -webkit-linear-gradient(right, #ddd 50%, transparent 50%), -webkit-linear-gradient(left, #db5461 50%, #ddd 50%);background-image: linear-gradient(-90deg, #ddd 50%, transparent 50%), linear-gradient(90deg, #db5461 50%, #ddd 50%);} /*--------------apply filter-------------*/ .formContent .applyNowBtn {display: none;;padding: 2px 15px;border-radius: 15px;font-size: 15px;margin-right: 10px;} .formContent .modal-content {position: relative;background-color: rgba(255, 255, 255, 0);border: 0px solid rgba(0,0,0,.2);box-shadow:0 0 0 rgba(0,0,0,.5)} .formContent .modal-header {padding:1rem;position: relative;margin-bottom:10px;display: none;} .formContent .ctmclose{display: none;} .formContent .modal-body {position: relative;padding:0px;} .formContent .modal-footer{display: none;} .formContent .modal-dialog{max-width: 100%;} .formContent h3{display: none;} /*----------------------country Deatil-----------------------------*/ .countryDetail header{position: relative;height: 590px;padding:0;} .countryDetail header img{position: absolute;z-index: 9;height: 590px;width: 100%;} .countryDetail header:before{z-index: 99} .countryDetail header .container{padding: 120px 0 0 0;z-index: 999} .countryDetail .universityName{width: 700px;margin: 0 auto;padding: 40px 0 10px 10px;} .countryDetail .input-group-append .btn-danger{background: #db5461;border:0;} .countryDetail .input-group-append .btn-danger:focus{box-shadow: none;} .countryDetail .input-group-append .btn-danger:active:focus{box-shadow: none;background: #db5461;} .countryDetail .accomodationBlock{min-height: 100px;z-index: 99} .countryDetail .accomodationBlock .container{padding:0 15px 0 15px;} .countryDetail .universityName h1{text-transform: uppercase;text-align: center;margin-bottom: 15px;font-size: 50px;} .countryDetail .universityName input{height: 48px;} .countryDetail .universityName input::placeholder {font-size: 13px;} .countryDetail .universityName button{text-transform: capitalize;width: 200px;} .countryDetail .universityName button svg {margin-right: 10px;} .countryDetail .studyBlock h5{margin-bottom: 15px;} .countryDetail .studyBlock p, .countryDetail .studyBlock ul li{color:#505254;font-family:'Roboto Slab', serif;} .countryDetail .planningBlock{background: #253246;padding:30px 20px 30px 20px;} .countryDetail .planningBlock h2{color:#fff;margin-bottom: 0;position: relative;padding-left: 80px;display: inline-block;} .countryDetail .planningBlock h2:before{content:'';position: absolute;height: 86px;width: 55px;left:12px;top:-44px;background: url(../images/country-icon.png) no-repeat;} .countryDetail .planningBlock .notsureBlock{float: right;} .countryDetail .planningBlock .notsureBlock li{display: inline-block;color:#db5461;text-transform: uppercase;padding: 2px 5px;} .countryDetail .planningBlock .notsureBlock li .button{background:transparent;border:1px solid #fff;} .countryDetail .planningBlock .notsureBlock li .button:hover{border:1px solid rgba(6,173,239,.8);} .countryDetail .planningBlock .notsureBlock li:last-child{padding-right: 0;display: none} .countryDetail .planningBlock .notsureBlock li a{color:#fff;padding: 8px 15px;border-radius: 30px;} .topcollegeBlock{position: relative;} .topcollegeBlock h2{padding-right: 52px;} .topcollegeBlock .viewAll{position: absolute;right:20px;top:26px;} .topcollegeBlock .viewAll a{font-size: 15px;transition:.2s ease-in-out} .topcollegeBlock .viewAll a:hover{font-weight: 500;color:#db5461;} .topcollegeBlock li{display: inline-block;padding: 5px;} .topcollegeBlock .items {border:1px solid #e9e9e9;border-radius: 2px;background: #fff;padding: 15px;width: 360px;} .topcollegeBlock .items:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .topcollegeBlock .items .icon{background: #f4f5f6;width: 100px;height:100px;float:left;margin:0 10px 10px 0; border: 1px solid #e9e9e9;} .topcollegeBlock .items a{display: inherit;} .topcollegeBlock .items h3{font-size: 18px;font-weight: 600;margin-bottom: 10px;} .topcollegeBlock .items p{color:#505254;} .topcollegeBlock .items p svg{margin-right: 5px;margin-top:-2px;} .shortlistBlock{position: relative;width: 100%;margin-top:20px;overflow:hidden;text-align: center;} .shortlistBlock .serviceIcon{width: 60px;height: 60px;float: left;margin: 0px 20px 0 0px;} .shortlistBlock p{margin: 0;} .shortlistBlock ul.buttons button{color:#00897b; padding:10px 20px; font-size:13px; font-weight:600; text-transform:uppercase; border:1px solid #00897b;border-radius:22px; background:#fff; outline:none; transition:all 0.5s;position: relative;} .shortlistBlock ul.buttons .shortList{color:#fff; border-color:#db5461; background:#db5461;} .shortlistBlock ul.buttons button{overflow:hidden;} .heartIcon{height: 14px;width: 14px;display: inline-block;} .shortlistBlock ul.buttons button span{position:relative; z-index:10;} .shortlistBlock ul.buttons button:before{content:''; position:absolute; top:0; left:0; width:0%; height:100%; opacity:0; z-index:1; background-color:rgb(103, 190, 224); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;} .shortlistBlock ul.buttons button:hover:before{opacity:1; width:100%;} .shortlistBlock ul.buttons button.shortList:before{background-color:rgba(245,110,123,1);} .shortlistBlock ul.buttons button.shortListed{color:#fff; border-color:#30999a ; background:#3aa6a7 ;} .countryDetail .shortlistBlock ul.buttons button:hover span{color:#fff;} .headerBlock .shortlistBlock ul.buttons button:hover span{color:#fff;} .linksBlock .owl-carousel{padding: 0 50px;} .linksBlock .owl-carousel .owl-item img, .linksBlock .owl-carousel .item h3, .linksBlock .owl-carousel .item p{margin-bottom: 15px;} .linksBlock .owl-carousel .item a:hover{color:#f56e7b;} .linksBlock .owl-carousel .item{box-shadow: none;} .countryDetail .popularBlock{background: transparent;padding:0; overflow:hidden;;} .countryDetail .popularBlock p{float: left;font-size: 18px;font-weight: 300;margin:5px 5px 0 0px;} .countryDetail .popularBlock li{display: inline-block;padding: 0 5px;} .countryDetail .popularBlock li a{background: #fff;font-size: 12px;color:#253246;padding: 10px 15px;border-radius: 30px;} .countryDetail .moreCountriesBlock{margin-bottom: 30px} .moreCountriesBlock .owl-carousel{padding: 0 50px;} .moreCountriesBlock.countriesBlock .owl-carousel .item{box-shadow: none;} .countryDetail .moreCountriesBlock .view-first h2 {text-align: center;} .countrypage .admissionsBlock h2{font-size: 30px;} .countryFlag{margin-bottom: 30px;} .countryFlag .items{padding: 10px;box-shadow: 0 0 3px rgba(0, 0, 0, .2);margin: 5px 0;} .countryFlag .items p{text-align: center;font-weight: bold;margin: 5px 0 0;text-transform: uppercase;font-size: 15px;} /* ----- LISTING PAGE start ----- */ /* ----- ADDED FOR CHECKBOX start ----- */ .formContent .gs_control__indicator{position:absolute; top:7px; left:8px; height:16px; width:16px; background:#fff; transition: all 0.3s ease-in 0s; border-radius:2px;} .formContent .gs_control{padding: 7px 13px 7px 30px;} .gs_radio .gs_control__indicator {top:8px; border-radius:50%;} .gs_control input:checked~.gs_control__indicator:after{display:block; height:6px; width:9px; top:39%; left:47%; } .gs_checkbox .gs_control__indicator:after{left:4px; top:1px; width:5px; height:9px; border:solid #fff; border-width:0 0 2px 0; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .gs_checkbox, .tabbingBlock .gs_control{padding:6px 0 6px 25px;} .gs_checkbox .number{color:#505254;} .gs_control.gs_radio input:checked~.gs_control__indicator:after{display:none;} /* ----- ADDED FOR CHECKBOX end ----- */ /*--.nav-down{box-shadow:0 0 5px rgba(0, 0, 0, .15);}--*/ .breadcrumb-listing .breadcrumb-item.active{color:#fff;} .innerPage .universityName .location{color:#505254; margin-left: 0;margin-bottom: 0;} .clear{clear:both;} .listingPage{background:#edf0f4;} .innerPage.listingPage header{min-height:auto; padding-top:106px; background:#253246;} .listingPage header .universityName{text-align:left;} .listingPage header:before{display:none;} .chooseCountry{position:absolute; right:20px; bottom:20px;} .open > .dropdown-menu{display:block;} .listingPage .filterBlock{padding:12px 0 8px; background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, .15); z-index:88;} .quickSearchBlock .container > *, .appliedBlock .container > *{display:inline-block;} .quickSearchBlock .container > .clear, .appliedBlock .container > .clear{float:none;} .quickSearchBlock .advanceFilter, .filterBlock .clearAll, .filterBlock .more{border:0; color:#2bbbad; background:none; outline:0; font-size:12px; font-weight:600;} .quickSearchBlock .advanceFilter{margin-left:20px;} .quickSearchBlock .advanceFilter.icon{float:left; width:24px; height:24px; margin:7px 12px 0 10px; background:url(../images/listing-icons.png) no-repeat 0 0;} .quickSearchBlock .filterItem{color:#253246; cursor:pointer; padding:6px 20px 5px 15px; margin:0 3px; height:34px; min-width:150px; font-size:12px; font-weight:600; line-height:1.6; border:1px solid #e9e9e9; border-radius:3px; position:relative;} .quickSearchBlock .filterItem:after{content:""; position:absolute; right:10px; top:13px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:6px solid #9298a2;} .quickSearchBlock .filterItem.active{color:#fff; background:#00897b;} .quickSearchBlock .filterItem.active:after{border-top-color:#fff;} .quickSearchBlock h4{float:left; margin:5px 15px 10px 0; line-height:1.6; text-transform:uppercase;} .filterItem label{margin:0; cursor:pointer;} .filterBlock .heading{color:#505254; margin:0 15px 0px 0px;font-weight: 500;} .appliedContent > div{display:inline-block;} .filterBlock .appliedContent ul{display:inline-block;} .filterBlock .appliedContent ul li {display:inline-block; color:#505254; cursor:pointer; padding:4px 10px 4px 15px; margin:0 2px 4px; font-size:13px; border:1px solid #e9e9e9; border-radius:20px; transition:all .3s;} .filterBlock .appliedContent ul li:hover{color:#2bbbad; border-color:#2bbbad;} .filterBlock .appliedContent ul li .cross{float:right; font-size:18px; line-height:16px; margin:3px 0 0 5px;} .filterBlock .more{color:#00897b; font-size:13px; font-weight:600;} .chooseCountry .btn-group-sm>.btn, .chooseCountry .btn-sm{font-size:13px;} .chooseCountry .btn-info:not(:disabled):not(.disabled).active, .chooseCountry .btn-info:not(:disabled):not(.disabled):active, .chooseCountry .show>.btn-info.dropdown-toggle, .chooseCountry .btn-info{border:none; background:none;} .chooseCountry .btn-info.focus, .chooseCountry .btn-info:focus, .chooseCountry .btn:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus{box-shadow:none; outline:0;} .chooseCountry .dropdown-menu{border:0; padding:5px 15px; left:auto; right:0; top:120%; width:220px; font-size:13px; border-radius:0; box-shadow: 0 4px 4px rgba(0, 0, 0, .2); z-index:90;} .chooseCountry .dropdown-menu:before{content:""; position:absolute; left:50%; top:-8px; margin-left:-3px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:9px solid #fff;} .chooseCountry .dropdown-menu li{margin:2px 0;} .chooseCountry .dropdown-menu li:first-child{display:none;} .chooseCountry .dropdown-menu li a{display:block; padding:4px 0; transition:all .1s;} .chooseCountry .dropdown-menu li a:hover{color:#00897b; transform:scale(1.01);} .chooseCountry .dropdown-menu:hover > * { opacity: 0.5; transition:all .4s;} .chooseCountry .dropdown-menu > *:hover { opacity: 1; transition-delay:.2ms, .2ms; transition:all .4s;} .flagstrap-icon{float:left; margin:1px 0 0; width:26px; height:18px; background:url(../images/listing-icons.png) no-repeat -180px -3px;} .flagstrap-icon.flagstrap-ca{background-position:-286px -3px;} .flagstrap-icon.flagstrap-gb{background-position:-251px -3px;} .flagstrap-icon.flagstrap-us{background-position:-216px -3px;} .flagstrap-icon.flagstrap-ru{background-position:-181px -3px;} .flagstrap-icon.flagstrap-ua{background-position:-391px -3px;} .flagstrap-icon.flagstrap-de{background-position:-321px -3px;} .flagstrap-icon.flagstrap-kg{background-position:-426px -2px;} .flagstrap-icon.flagstrap-ph{background-position:-356px -3px;} .listingContent{padding:20px 0;} .listingContent h2{ font:bold 20