@charset "UTF-8"; /*! * Select 2 css */ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /*! * intlTelInput.min */ .iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(../img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent} /*! * svgstyle */ .pathWrap{display:block;width:80%;margin:0 auto}.pathWrap:lang(ar_AE){display:none}.pathWrap--ae{display:none}.pathWrap--ae:lang(ar_AE){display:block}.pathWrap-aboutWrap{position:absolute;top:45%;left:0;width:60%;height:auto;transform:translateY(-50%)}.pathWrap-aboutWrap .svgAnimation{opacity:0}.pathWrap-aboutWrap .svgAnimation.is-animated{opacity:1;stroke:#555;stroke-width:1}@keyframes svgAnimation{to{stroke-dashoffset:0}}.svgAnimation{opacity:0}.svgAnimation:lang(ar_AE){opacity:1;stroke-width:1;stroke:transparent;fill:#555;fill-opacity:1}.svgAnimation.is-animated{opacity:1;stroke:#fff;fill:none;stroke-width:2}.svgAnimation.is-animated:lang(en_US){-webkit-animation:svgAnimation 2.1s ease-in-out forwards;-o-animation:svgAnimation 2.1s ease-in-out forwards;animation:svgAnimation 2.1s ease-in-out forwards;transition:opacity .9s,fill-opacity .9s}.svgAnimation.is-animated:lang(ar_AE){stroke:#fff;stroke-width:1;fill-opacity:0}@supports (-ms-ime-align:auto){.svgAnimation.is-animated{stroke-dashoffset:0!important}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.svgAnimation.is-animated{stroke-dashoffset:0!important}}.svgAnimation.is-animated.svgF-line{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:2.1s;animation-delay:2.1s}.svgAnimation.is-animated.svgF-top{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:2.4s;animation-delay:2.4s}.svgAnimation.is-animated.svgF-middle{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:2.55s;animation-delay:2.55s}.svgAnimation.is-animated.svgUture{-webkit-animation-duration:2.1s;animation-duration:2.1s;-webkit-animation-delay:2.7s;animation-delay:2.7s}.svgAnimation.is-animated.svgUture-tSlash{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:3.3s;animation-delay:3.3s}.svgAnimation.is-animated.svgFSecond-line{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:4.8s;animation-delay:4.8s}.svgAnimation.is-animated.svgFSecond-top{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:5.1s;animation-delay:5.1s}.svgAnimation.is-animated.svgFSecond-middle{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:5.25s;animation-delay:5.25s}.svgAnimation.is-animated.svgIrst{-webkit-animation-duration:2.1s;animation-duration:2.1s;-webkit-animation-delay:5.4s;animation-delay:5.4s}.svgAnimation.is-animated.svgIrst-iDot{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:6s;animation-delay:6s}.svgAnimation.is-animated.svgIrst-tSlash{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-delay:7.65s;animation-delay:7.65s}.pathWrap-homeWrap{position:absolute;top:20%;left:0;z-index:1;width:20%;height:auto}.pathWrap-homeWrap:lang(ar_AE){right:0;left:auto}.pathWrap-homeWrap .svgAnimation{opacity:1;stroke:#555;fill:none;stroke-width:2}.pathWrap-homeWrap .svgAnimation:lang(ar_AE){fill:#555!important}.pathWrap-homeWrap .svgAnimation.is-animated{-webkit-animation:none;-o-animation:none;animation:none;opacity:1;stroke:#555;stroke-dashoffset:0} /*! * Main Css */ @font-face { font-family: "fontawesome"; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Gotham"; src: url("../fonts/GothamBook-Italic.eot"); src: url("../fonts/GothamBook-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamBook-Italic.woff2") format("woff2"), url("../fonts/GothamBook-Italic.woff") format("woff"), url("../fonts/GothamBook-Italic.ttf") format("truetype"), url("../fonts/GothamBook-Italic.svg#GothamBook-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap } @font-face { font-family: "Gotham"; src: url("../fonts/Gotham-Book.eot"); src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Gotham"; src: url("../fonts/Gotham-Bold.eot"); src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Gotham"; src: url("../fonts/Gotham-LightItalic.eot"); src: url("../fonts/Gotham-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-LightItalic.woff2") format("woff2"), url("../fonts/Gotham-LightItalic.woff") format("woff"), url("../fonts/Gotham-LightItalic.ttf") format("truetype"), url("../fonts/Gotham-LightItalic.svg#Gotham-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap } @font-face { font-family: "Gotham"; src: url("../fonts/Gotham-Light.eot"); src: url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham-Light.svg#Gotham-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "Gotham"; src: url("../fonts/GothamMedium.eot"); src: url("../fonts/GothamMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamMedium.woff2") format("woff2"), url("../fonts/GothamMedium.woff") format("woff"), url("../fonts/GothamMedium.ttf") format("truetype"), url("../fonts/GothamMedium.svg#GothamMedium") format("svg"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: "Hijrnotes PERSONAL USE ONLY"; src: url("../fonts/HijrnotesPERSONALUSEONLY.eot"); src: url("../fonts/HijrnotesPERSONALUSEONLY.eot?#iefix") format("embedded-opentype"), url("../fonts/HijrnotesPERSONALUSEONLY.woff2") format("woff2"), url("../fonts/HijrnotesPERSONALUSEONLY.woff") format("woff"), url("../fonts/HijrnotesPERSONALUSEONLY.ttf") format("truetype"), url("../fonts/HijrnotesPERSONALUSEONLY.svg#HijrnotesPERSONALUSEONLY") format("svg"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Dubai W23"; src: url("../dubaifont/DubaiW23-Regular.eot"); src: url("../dubaifont/DubaiW23-Regular.eot?#iefix") format("embedded-opentype"), url("../dubaifont/DubaiW23-Regular.woff2") format("woff2"), url("../dubaifont/DubaiW23-Regular.woff") format("woff"), url("../dubaifont/DubaiW23-Regular.ttf") format("truetype"), url("../dubaifont/DubaiW23-Regular.svg#DubaiW23-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "Dubai W23"; src: url("../dubaifont/DubaiW23-Bold.eot"); src: url("../dubaifont/DubaiW23-Bold.eot?#iefix") format("embedded-opentype"), url("../dubaifont/DubaiW23-Bold.woff2") format("woff2"), url("../dubaifont/DubaiW23-Bold.woff") format("woff"), url("../dubaifont/DubaiW23-Bold.ttf") format("truetype"), url("../dubaifont/DubaiW23-Bold.svg#DubaiW23-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "Dubai W23"; src: url("../dubaifont/DubaiW23-Medium.eot"); src: url("../dubaifont/DubaiW23-Medium.eot?#iefix") format("embedded-opentype"), url("../dubaifont/DubaiW23-Medium.woff2") format("woff2"), url("../dubaifont/DubaiW23-Medium.woff") format("woff"), url("../dubaifont/DubaiW23-Medium.ttf") format("truetype"), url("../dubaifont/DubaiW23-Medium.svg#DubaiW23-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "Dubai W23"; src: url("../dubaifont/DubaiW23-Light.eot"); src: url("../dubaifont/DubaiW23-Light.eot?#iefix") format("embedded-opentype"), url("../dubaifont/DubaiW23-Light.woff2") format("woff2"), url("../dubaifont/DubaiW23-Light.woff") format("woff"), url("../dubaifont/DubaiW23-Light.ttf") format("truetype"), url("../dubaifont/DubaiW23-Light.svg#DubaiW23-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap } /* setup kurdish font */ @font-face { font-family: "K24Kurdish"; src: url("../nrt_regular/NRT-Reg.eot"); src: url("../nrt_regular/NRT-Reg.eot?#iefix") format("embedded-opentype"), url("../nrt_regular/NRT-Reg.woff") format("woff2"), url("../nrt_regular/NRT-Reg.woff") format("woff"), url("../nrt_regular/NRT-Reg.ttf") format("truetype"), url("../nrt_regular/NRT-Reg.svg#NRT-Reg") format("svg"); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: "K24Kurdish"; src: url("../nrt_regular/NRT-Reg.eot"); src: url("../nrt_regular/NRT-Reg.eot?#iefix") format("embedded-opentype"), url("../nrt_regular/NRT-Reg.woff") format("woff2"), url("../nrt_regular/NRT-Reg.woff") format("woff"), url("../nrt_regular/NRT-Reg.ttf") format("truetype"), url("../nrt_regular/NRT-Reg.svg#NRT-Reg") format("svg"); font-weight: bold; font-style: normal; font-display: swap } @font-face { font-family: "K24Kurdish"; src: url("../nrt_regular/NRT-Reg.eot"); src: url("../nrt_regular/NRT-Reg.eot?#iefix") format("embedded-opentype"), url("../nrt_regular/NRT-Reg.woff") format("woff2"), url("../nrt_regular/NRT-Reg.woff") format("woff"), url("../nrt_regular/NRT-Reg.ttf") format("truetype"), url("../nrt_regular/NRT-Reg.svg#NRT-Reg") format("svg"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: "K24Kurdish"; src: url("../nrt_regular/NRT-Reg.eot"); src: url("../nrt_regular/NRT-Reg.eot?#iefix") format("embedded-opentype"), url("../nrt_regular/NRT-Reg.woff") format("woff2"), url("../nrt_regular/NRT-Reg.woff") format("woff"), url("../nrt_regular/NRT-Reg.ttf") format("truetype"), url("../nrt_regular/NRT-Reg.svg#NRT-Reg") format("svg"); font-weight: 300; font-style: normal; font-display: swap } article, aside, details, div, figcaption, figure, footer, header, hgroup, nav, section { display: block; box-sizing: border-box } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1 } body, html { background: #fff } html { margin: 0!important; padding: 0; font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { margin: 0; font-size: 20px; font-weight: 300; line-height: 1.7; padding: 0; box-sizing: border-box; overflow-x: hidden!important } body, button, input, select, textarea { font-family: "Gotham"; color: #231f20 } img { border: 0; -ms-interpolation-mode: bicubic } ::selection { background: #e4028a; color: #fff; text-shadow: none } :focus { outline: none } a { color: #231f20; text-decoration: none } a:visited { outline: none } a:focus { outline: none } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } blockquote { margin: 1em 40px } dfn { font-style: italic } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } ins { background: #ff9; color: #231f20; text-decoration: none } mark { background: #ff0; color: #231f20; font-style: italic; font-weight: bold } code, kbd, pre, samp { font-family: monospace, monospace; _font-family: "courier new", monospace; font-size: 1em } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:after, q:before { content: ""; content: none } small { font-size: 85% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } ol, ul { box-sizing: border-box; margin: 1em 0; padding: 0 0 0 0; list-style: inside } ol { list-style-type: decimal } ul ul { padding-left: 3% } ol ol { padding-left: 3% } dd { box-sizing: border-box; margin: 0 0 0 0; padding: 0 0 0 3% } nav ol, nav ul { list-style: none; margin: 0; padding: 0 } p { margin: 0; padding: 0 0 15px 0; font-size: 17px; line-height: 1.6; font-weight: 300 } li { font-size: 17px; line-height: 1.6; font-weight: 300 } figure { margin: 0 } form { margin: 0 } fieldset { border: 0; margin: 0; padding: 0 } legend { border: 0; *margin-left: -7px; padding: 0 } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle } button, input { line-height: normal; *overflow: visible } button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } input[type=checkbox], input[type=radio] { box-sizing: border-box } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0; margin: 1em 0 } .wp-block-table th, th { font-size: 14px; line-height: 26px; background: #188A4F; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.22); line-height: 26px; box-sizing: border-box; padding: 10px 27px; vertical-align: middle } .wp-block-table td, td { border: 1px solid #dddddd; border-color: #dddddd!important; box-sizing: border-box; font-size: 15px; line-height: 26px; padding: 8px 27px; color: #231f20; vertical-align: middle } table p { padding-bottom: 0 } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr } .ir br { display: none } .hidden { display: none; visibility: hidden } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .invisible { visibility: hidden } .clearfix:after, .clearfix:before { content: ""; display: table } .clearfix:after { clear: both } .clearfix { zoom: 1 } @media print { * { background: transparent!important; color: black!important; text-shadow: none!important; filter: none!important; -ms-filter: none!important } a, a:visited { color: #505050!important; text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } blockquote, pre { border: 1px solid #505050; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100%!important } @page { margin: 0.5cm } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } } a:active, a:hover { outline: 0; color: #163760 } code, kbd, pre, samp, tt, var { font-family: Inconsolata, monospace; -webkit-hyphens: none; hyphens: none } abbr, acronym, span.caps { cursor: help } abbr, acronym { border-bottom: 1px dashed #999 } blockquote { padding-left: 21px; background: url(../images/qt.png); background-repeat: no-repeat; background-position: left top; margin-top: 15px; margin-right: 11px; margin-bottom: 0; margin-left: 8px; padding-top: 5px } blockquote cite { display: block; margin: 5px 0 0 } button:focus { outline: none } button:active { outline: none } h1, h2, h3, h4, h5, h6 { font-family: "Gotham"; font-weight: 500; color: #231f20 } h1 { margin: 0; margin-bottom: 0.7em; color: #231f20; font-family: "Gotham"; font-size: 49px; font-weight: 500; font-style: normal; line-height: 1.3; text-rendering: optimizeLegibility } h2 { margin: 0; margin-bottom: 0.5em; color: #231f20; font-family: "Gotham"; font-size: 47px; font-weight: 500; font-style: normal; line-height: 1.2; letter-spacing: 9px; text-rendering: optimizeLegibility } h3 { margin: 0; margin-bottom: 5px; color: #231f20; font-family: "Gotham"; font-size: 32px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; letter-spacing: 4px } h4 { margin: 0; margin-bottom: 5px; color: #231f20; font-family: "Gotham"; font-size: 25px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; letter-spacing: 4px } h5 { margin: 0; margin-bottom: 5px; color: #231f20; font-family: "Gotham"; font-size: 22px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; letter-spacing: 3px } h6 { margin: 0; margin-bottom: 5px; color: #231f20; font-family: "Gotham"; font-size: 20px; font-weight: 500; font-style: normal; line-height: 1.3; text-rendering: optimizeSpeed; letter-spacing: 4px } blockquote { margin-left: 36px; margin-right: 36px } table { border-collapse: collapse } big { font-size: larger } strong { font-weight: 600 } a img { border: none } img { max-width: 100%; height: auto } p img { padding: 0; max-width: 100%; height: auto } input:focus { outline: none } button:focus { outline: none } input[type=date], input[type=email], input[type=search], input[type=tel], input[type=text], select { display: block; border: 1px solid #d7d7d7; width: 337px; height: 20px; max-width: 100%; padding: 12px 15px; font-size: 14px; font-weight: 400; color: #000 } input[type=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #959595 } input[type=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, select::-moz-placeholder { color: #959595 } input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, select:-ms-input-placeholder { color: #959595 } input[type=date]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, select:-moz-placeholder { color: #959595 } textarea { display: block; border: 1px solid #d7d7d7; width: 337px; height: 128px; max-width: 100%; resize: none; padding: 15px; font-size: 14px; font-weight: 400; color: #000 } textarea::-webkit-input-placeholder { color: #959595 } textarea::-moz-placeholder { color: #959595 } textarea:-ms-input-placeholder { color: #959595 } textarea:-moz-placeholder { color: #959595 } input[type=submit] { border: none; color: #fff; max-width: 100% } input[type=submit] { font-size: 14px; border-radius: 2px; color: #fff; background: #188A4F; display: inline-block; padding: 15px 20px; clear: both } input[type=submit]:hover { background: #10713f } label { font-weight: 400; color: #383737 } .submit-btn { font-size: 16px; line-height: 16px; color: #213e6a; border: solid 1px #213e6a; clear: both; display: inline-block; margin: auto; text-transform: uppercase; font-weight: 500; padding: 13px 30px; position: relative } .submit-btn:hover { background: #213e6a; color: #fff } .notf-cnt { padding: 3em 0; width: 100%; display: table; text-align: left; position: relative } .notf-cnt ul { padding-left: 10px } .notf-cnt li { padding: 10px 0 } .notf-cnt h1 { font-family: "Gotham"; font-size: 80px; font-weight: 600; margin-bottom: 0; color: #188A4F } .notf-cnt h2 { font-family: "Gotham"; font-size: 30px; text-transform: uppercase; font-weight: 400; color: #188A4F } .notf-cnt li { font-size: 14px; line-height: 1.3; padding: 0; margin: 0 0 20px 0 } .notf-cnt p { font-size: 14px; line-height: 1.3; padding: 0; margin: 0 0 20px 0 } .notf-cnt:after { content: ""; font-family: "fontawesome"; font-size: 200px; position: absolute; top: 55px; right: 0px; color: #188A4F } .notf-cnt input { height: 38px; border-radius: 0px; background: #f2f6f9; border: 0; padding: 0 15px; font-size: 14px; font-weight: 400; color: #7a9aa7; outline: none; width: auto; float: left; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .notf-cnt .land-btn { font-size: 16px; line-height: 16px; color: #213e6a; border: solid 1px #213e6a; clear: both; display: inline-block; margin: auto; text-transform: uppercase; font-weight: 500; padding: 13px 30px; position: relative } .notf-cnt .land-btn:hover { background: #213e6a; color: #fff } .inner-banner h1, .inner-banner h2, .inner-banner h3, .inner-banner h4, .inner-banner h5, .inner-banner h6 { font-family: "Gotham" } .page-wrap { padding: 5em 0 2em 0; padding-top: 0; clear: both; font-size: 16px } .page-wrap h1, .page-wrap h2, .page-wrap h3, .page-wrap h4, .page-wrap h5, .page-wrap h6 { font-family: "Gotham" } .page-wrap .search_post { width: 100%; height: auto; padding: 0 0 30px 0; height: auto!important } .page-wrap .search-thumb { margin: 5px 0 15px 0 } .page-wrap .search-thumb img { width: auto; max-width: 100%; margin: 0 } .page-wrap h2.search-post-title { margin-bottom: 10px; text-transform: uppercase; font-family: "Gotham"; font-size: 25px; line-height: 1.2 } .page-wrap .sear_read { font-size: 14px; line-height: 14px; border-radius: 2px; color: #fff; background: #188A4F; display: inline-block; padding: 15px 20px; clear: both; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .page-wrap .sear_read:hover { background: #10713f } .page-wrap .sear_cont { font-size: 16px; line-height: 1.3; margin-bottom: 10px } .page-wrap .gen-page-title { font-weight: 400; font-family: "Gotham" } .page-wrap { clear: both } .search .page-wrap { padding: 5em 0 2em 0; padding-top: 0; clear: both } .search .page-wrap .search_post { width: 100%; height: auto; padding: 0 0 30px 0; height: auto!important } .search .page-wrap .search-thumb { margin: 5px 0 15px 0 } .search .page-wrap .search-thumb img { width: auto; max-width: 100%; margin: 0 } .search .page-wrap h2.search-post-title { margin-bottom: 10px; text-transform: uppercase; font-family: "Gotham" } .search .page-wrap .sear_read { font-size: 14px; line-height: 14px; color: #fff; background: #188A4F; display: inline-block; padding: 15px 20px; clear: both } .search .page-wrap .sear_read:hover { background: #10713f } .search .page-wrap .sear_cont { margin-bottom: 10px } .error404 .page-wrap .container { max-width: 700px } .error404 footer .top-bg { display: none } .error404 footer .top-titlesec { display: none } .error404 footer { padding: 3em 0; padding-top: 0 } h2.gen-page-title.search-title { font-weight: 400 } .gen-page-title span { color: #106137; font-weight: 400 } .ntfnd { color: #EC3436 } section.inner-banner { clear: both } .wp-block-quote { border-left: 4px solid #188a4f; margin: 0 0 28px; padding-left: 1em; border-color: #188a4f!important } .comment-form p { position: relative } label.error { color: #F0222A; position: absolute; top: -17px; left: 10px; text-transform: none; width: auto; color: white; background-color: #ff0000; padding: 2px 5px; display: inline-block; font-size: 12px; min-height: inherit } label.error:after { position: absolute; content: " "; border-top: 10px solid #ff0000; border-left: 10px solid rgba(255, 0, 0, 0); border-bottom: 10px solid rgba(255, 0, 0, 0); border-right: 10px solid rgba(255, 0, 0, 0); bottom: -20px; left: 10px } .btn { font-size: 16px; line-height: 16px; color: #213e6a; border: solid 1px #213e6a; clear: both; display: inline-block; margin: auto; text-transform: uppercase; font-weight: 500; padding: 13px 30px; position: relative } .btn:hover { background: #213e6a; color: #fff } a { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } h1, h2, h3, h4, h5, h6, p, span { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .rmore { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .know-more { width: auto; height: auto; font-weight: normal; border-radius: 30px; color: #fff; display: inline-block; border: solid 1px #fff; font-size: 16px; line-height: 16px; color: #fff; text-transform: uppercase; padding: 15px 40px 15px 40px } .know-more:before { content: ""; font: normal normal normal 13px/1 fontawesome; display: inline-block; position: relative; left: -10px } .know-more:hover { text-decoration: underline; border: solid 1px #b19377 } .otb { position: relative; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .otb img { width: 100%; height: auto; display: block; margin: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .otb:hover img { opacity: 0.7 } .otb:before { position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg) } .otb:hover:before { animation: shine 0.75s } @keyframes shine { to { left: 125% } } .otb img { transform: scale(1); transition: 0.3s ease-in-out } .otb:hover img { transform: scale(1.3) } .owl-next, .owl-prev { width: auto; height: auto; background: none!important; font-size: 0!important; border-radius: 0px!important } .owl-prev:before { content: ""; background: url(../images/ar-left.png) 0 0; display: block; position: relative; left: 0; top: 0; width: 31px; height: 56px } .owl-prev:after { content: ""; display: none } .owl-next:after { content: ""; display: none } .owl-next:before { content: ""; background: url(../images/ar-right.png) 0 0; display: block; position: relative; right: 0; top: 0; width: 31px; height: 56px } .owl-theme .owl-controls .owl-nav .disabled { opacity: 0!important; cursor: default } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999999; overflow: hidden } #status { width: 137px; height: 114px; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center; margin: -56px 0 0 -67px; z-index: 9999999999 } #preloader2 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f4f4f5; z-index: 999999999; overflow: hidden } #status2 { width: 75px; height: 75px; position: absolute; left: 50%; top: 50%; background: url(../images/loaderlogo.jpg); background-repeat: no-repeat; background-position: center; margin: -37px 0 0 -37px; z-index: 9999999999 } .sitemap-sec { width: 100%; height: auto; position: relative; z-index: 150; padding: 80px 0 150px 0 } .sitemap-sec ul { padding: 0; margin: 0 } .sitemap-sec li { width: 100%; height: auto; list-style-type: none; font-size: 14px; line-height: 1; margin: 15px 0; font-weight: 500; color: #fff; text-transform: uppercase } .sitemap-sec li a { text-decoration: underline; color: #163760 } .sitemap-sec .pdlft { padding-left: 50px } .sitemap-sec .pdlft2 { padding-left: 100px } .sitemap-sec .green a { color: #249800 } .sitemap-sec .red a { color: red } .page-template-sitmap .headerblock .top-sec { display: none } .page-template-sitmap .headerblock .bottom-sec .right-sec { display: none } .page-template-sitmap footer { display: none } .pagination { width: 100%; height: auto; text-align: center; padding-top: 60px } .pagination a { display: inline-block; padding: 10px 20px; margin-right: 4px; border-radius: 1px; border: solid 1px #213e6a; background: #fff; font-size: 17px; font-weight: 300; text-decoration: none; color: #213e6a; text-shadow: 0px 1px 0px white } .pagination span { display: inline-block; padding: 10px 20px; margin-right: 4px; border-radius: 3px; border: solid 1px #213e6a; background: #fff; font-size: 17px; font-weight: 300; text-decoration: none; color: #213e6a; text-shadow: 0px 1px 0px white } .pagination .page.gradient:hover, .pagination .page:hover { background: #213e6a; color: #fff } .pagination .page.active { background: #fff; color: #213e6a; font-weight: bold } .row { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } [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: 14px; display: inline-block; color: #191919; font-size: 14px; font-weight: 500 } [type=radio]:checked+label:before, [type=radio]:not(:checked)+label:before { content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 1px solid #ddd; border-radius: 100%; background: #fff } [type=radio]:checked+label:after, [type=radio]:not(:checked)+label:after { content: ""; width: 8px; height: 8px; background: #163760; position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.2s ease } [type=radio]:not(:checked)+label:after { opacity: 0; transform: scale(0) } [type=radio]:checked+label:after { opacity: 1; transform: scale(1) } .alignnone { margin: 5px 20px 20px 0 } .aligncenter, div.aligncenter { display: block; margin: 0 auto } .alignright { float: right; margin: 5px 0 20px 20px } .alignleft { float: left; margin: 5px 20px 20px 0 } a img.alignright { float: right; margin: 5px 0 20px 20px } a img.alignnone { margin: 0px 0px 10px 0 } a img.alignleft { float: left; margin: 5px 20px 20px 0 } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center } .wp-caption.alignnone { margin: 5px 20px 20px 0 } .wp-caption.alignleft { margin: 5px 20px 20px 0 } .wp-caption.alignright { margin: 5px 0 20px 20px } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important } .screen-reader-text:focus { background-color: #eee; clip: auto!important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } .container, .container-fluid { margin-right: auto; margin-left: auto } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left } .col-xs-12 { float: left; width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0% } @media screen and (min-width:765px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left } .col-sm-12 { float: left; width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0% } } @media screen and (min-width:768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left } .col-md-12 { float: left; width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0% } } @media screen and (min-width:1020px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 { float: left } .col-lg-12 { float: left; width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 50% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 50% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0% } } .clearfix:after, .clearfix:before { content: " "; display: table } .container:after, .container:before { content: " "; display: table } .container-fluid:after, .container-fluid:before { content: " "; display: table } .row:after, .row:before { content: " "; display: table } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none!important } .affix { position: fixed } * { padding: 0; margin: 0 } .container { max-width: 1260px } .headerblock { width: 100%; height: auto; background: #fff; position: relative; z-index: 1000 } .headerblock .chw-widget { width: 95px; text-align: left; padding-left: 15px; position: relative; float: right; padding-top: 6px; height: 100%; } .headerblock .chw-widget:before { content: ""; width: 1px; height: 30px; background: #2f4a61; position: absolute; left: 0; top: 10px } .headerblock .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { width: 70px; border: none } .headerblock h1 { margin: 0 } .headerblock .top-sec { width: 100%; height: 48px; background: url(../images/header-topbar.jpg) top center repeat-x; text-align: right; position: relative; z-index: 100 } .headerblock .top-sec .container { position: relative } .headerblock .top-sec .right-box { width: 130px; height: 48px; display: inline-block } .headerblock .top-sec .SumoSelect { width: 95px; text-align: left; padding-left: 15px; position: relative } .headerblock .top-sec .SumoSelect:before { content: ""; width: 1px; height: 30px; background: #2f4a61; position: absolute; left: 0; top: 10px } .headerblock .top-sec .SumoSelect li { background: none; font-size: 13px; line-height: 1; font-weight: normal } .headerblock .top-sec .SumoSelect li.opt.selected { display: none } .headerblock .top-sec .SumoSelect>.optWrapper>.options li.opt { padding: 8px; border-bottom: 1px solid #e8e0e0 } .headerblock .top-sec .SumoSelect>.CaptionCont { position: relative; font-weight: normal; border: none; min-height: 48px; font-size: 13px; line-height: 48px; background-color: none; border-radius: 0; background: none; margin: 0; padding: 0px; outline: none!important; color: #fff } .headerblock .top-sec .SumoSelect.open>.CaptionCont, .headerblock .top-sec .SumoSelect:focus>.CaptionCont, .headerblock .top-sec .SumoSelect:hover>.CaptionCont { box-shadow: 0 0 0px #cbad8a; border: none } .headerblock .top-sec .SumoSelect>.CaptionCont>label>i { background: none; display: inline-block; color: #fff; margin-left: 0 } .headerblock .top-sec .SumoSelect>.CaptionCont>label>i:before { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; top: -13px } .headerblock .top-sec .SumoSelect>.CaptionCont>label { width: 13px } .headerblock .top-sec .SumoSelect.open>.optWrapper { top: 47px } .headerblock .top-sec .search-icon { cursor: pointer; float: left; color: #fff; text-align: center; width: 20px; height: 48px; background: url(../images/search-icon.png) center center no-repeat; display: block } .headerblock .top-sec .search-icon.cls { background: none } .headerblock .top-sec .cls:before { content: ""; font: normal normal normal 20px/2.2 fontawesome } .headerblock .top-sec .search-icon:hover .top { display: block!important } .headerblock .top-sec #form { position: relative; background-color: #fff; width: 100%; padding: 0; display: flex } .headerblock .top-sec .form-container { position: absolute; display: block; right: 0; top: -135px; width: calc(100% - 390px); height: 110px; background: #fff; opacity: 0; box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.3); transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .headerblock .top-sec .ftop { top: 48px; opacity: 1 } .headerblock .top-sec .form-cls { width: 100%; height: auto; display: inline-block } .headerblock .top-sec .form-control { width: calc(100% - 60px); height: 110px; font-style: italic; background: #fff; float: left; border: none; position: relative; z-index: 10; outline: none; padding: 0; padding-left: 20px; margin: 0; color: #000; float: left; font-family: "Gotham"; font-weight: 500; font-size: 16px } .headerblock .top-sec .srchbtn { width: 30px; height: 30px; border-radius: 100%; font-size: 0; display: block; position: relative; top: 37px; z-index: 10; background: #163760 url(../images/search-icon.png) center center no-repeat; color: #fff; font-size: 0; float: left; border: none; outline: none; padding: 0; margin: 0 } .headerblock .top-sec .srchbtn:hover { background: #0f0b0b url(../images/search-icon.png) center center no-repeat } .headerblock .bottom-sec { width: 100%; height: auto; padding: 20px 0; background: #f8f8f9 url(../images/headertop-2.jpg) top center repeat-x } .headerblock .bottom-sec .logosec { width: 355px; height: 100px; float: left } .headerblock .bottom-sec .logosec img { width: 200px; height: auto; display: block; margin: 20px; } .headerblock .bottom-sec .right-sec { width: auto; height: auto; float: right } .headerblock .main-navigation { width: 100%; height: auto; padding-top: 20px } .headerblock .main-navigation ul { padding: 0; margin: 0 } .headerblock .main-navigation li { width: auto; height: auto; list-style-type: none; float: left; font-weight: normal; margin: 0 0 0 8px; font-size: 14.5px; line-height: 14px; color: #0f0b0b; text-transform: uppercase } .headerblock .main-navigation li a { color: #4a4a4a; padding: 12px } .headerblock .main-navigation li a:hover { color: #000 } .headerblock .main-navigation .checkeligible { margin-left: 12px; font-size: 13px } .headerblock .main-navigation .checkeligible a { background: #163760; color: #fff!important; font-weight: 500 } .headerblock .main-navigation .checkeligible a:hover { background: #231f20 } .homemain-banner { width: 100%; height: auto; position: relative; z-index: 600; background: #fff } .homemain-banner h2 { color: #fff; font-family: "Gotham"!important; font-weight: 300!important; letter-spacing: 0px!important } .homemain-banner h1 { color: #fff; font-family: "Gotham"!important; font-weight: 300!important; letter-spacing: 0px!important; font-size: 48px; } .home-wrapper { width: 100%; height: auto; clear: both } .home-wrapper .sec1 { width: 100%; height: auto } .h-sec1 { width: 100%; height: auto; min-height: 850px; overflow: hidden; padding: 93px 0 110px 0; display: table; position: relative } .h-sec1 .container { position: relative } .h-sec1 .cilogo-outer { width: 628px; height: 628px; border-radius: 100%; border: solid 35px #e9e8e8; position: absolute; z-index: 2; right: -40px; top: 0; text-align: center; display: flex; align-items: center } .h-sec1 .cilogo-outer img { width: auto; max-width: 327px; display: block; margin: auto } .h-sec1 .contente-area { position: relative; z-index: 10; width: 100%; max-width: 875px; padding-top: 40px } .h-sec1 .multiple-authorized-firm { padding-top: 60px } .h-sec1 .mapdots { width: auto; max-width: 100%; height: auto; position: absolute; top: 0; left: 0 } .multiple-authorized-firm { width: 100%; height: auto } .multiple-authorized-firm ul { padding: 0; margin: 0 0 15px 0; width: 100%; display: inline-block } .multiple-authorized-firm li { list-style-type: none; width: auto; height: auto; float: left; margin: 0 40px 0 0 } .multiple-authorized-firm li .outerbox { width: 100%; height: auto; display: block } .multiple-authorized-firm li .outerbox img { width: auto; max-width: 100%; display: block; margin: 0 } .multiple-authorized-firm h6 { text-transform: uppercase; clear: both } .home-mapsec { width: 100%; height: auto; min-height: 730px; background: url(../images/bg-1.jpg) top center; padding: 175px 0; text-align: center; position: relative } .home-mapsec .container { position: relative; z-index: 10; max-width: 650px } .home-mapsec .map-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 68px; text-align: center } .home-mapsec .map-bg img { width: auto; max-width: 100%; display: inline-block } .home-mapsec .row { display: flex; align-items: center } .home-mapsec h2 { font-size: 80px; line-height: 2; color: #fff; font-weight: 300; letter-spacing: 0 } .home-mapsec h2 span { font-size: 160px; line-height: 1; font-weight: 300; display: inline-block; position: relative; top: 22px } .home-mapsec h3 { font-size: 60px; line-height: 1.2; text-align: left; font-weight: 300; color: #fff } .home-mapsec h5 { color: #fff; letter-spacing: 0 } .ciit-news-outer { width: 100%; height: auto; padding: 110px 0; background: url(../images/bg2.jpg) top center } .ciit-news-outer .container { text-align: center } .ciit-news-outer h4 { color: #fff; text-transform: uppercase; margin-bottom: 30px; position: relative } .ciit-news-outer h4:before { content: ""; width: 25%; height: 1px; background: #959595; display: block; position: absolute; left: 0; top: 17px } .ciit-news-outer h4:after { content: ""; width: 25%; height: 1px; background: #959595; display: block; position: absolute; right: 0; top: 17px } .ciit-news-outer .bottom-sec { width: 100%; height: auto; clear: both; margin-top: 20px; text-align: center; position: relative } .ciit-news-outer .bottom-sec:before { content: ""; width: 46%; height: 1px; background: #959595; display: block; position: absolute; left: 0; top: 28px } .ciit-news-outer .bottom-sec:after { content: ""; width: 46%; height: 1px; background: #959595; display: block; position: absolute; right: 0; top: 28px } .ciit-news-outer .bottom-sec .cilogo { width: 55px; height: 55px; background: url(../images/cilogo2.png) center center no-repeat; display: inline-block } .ciit-news-outer .pic { width: 100%; height: auto } .ciit-news-outer .owl-carousel .owl-item { text-align: center } .ciit-news-outer .owl-carousel .owl-item img { width: auto; max-width: 90%; display: inline-block } .ciit-news-outer .owl-prev { border: none; position: absolute; bottom: 10%; left: -40px } .ciit-news-outer .owl-next { border: none; position: absolute; bottom: 10%; right: -40px } .h-our-programsouter { width: 100%; height: auto; padding-top: 110px; text-align: center } .h-our-programsouter h2 { font-size: 57px; line-height: 1; color: #213e6a; position: relative; text-align: center; text-transform: uppercase; font-weight: 300 } .h-our-programsouter h2:before { content: ""; width: 19%; height: 1px; background: #213e6a; display: block; position: absolute; left: 5%; top: 28px } .h-our-programsouter h2:after { content: ""; width: 20%; height: 1px; background: #213e6a; display: block; position: absolute; right: 5%; top: 28px } .ribudjet-sec { width: 100%; height: auto; text-align: left; margin-top: 50px } .ribudjet-sec .container { padding: 50px 0; border-top: solid 1px #c0c9d5; border-bottom: solid 1px #c0c9d5 } .ribudjet-sec h6 { color: #1c2842; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px } .budjet-tablesec { width: 100%; height: auto; clear: both; text-align: left; margin-top: 30px } .budjet-tablesec .row { background: #7c7d7e; margin: 5px 0 0 0; color: #fff; font-size: 18px; line-height: 1.2; color: #ffff; font-weight: 500; position: relative } .budjet-tablesec .row .head { font-size: 16px; font-weight: 500; display: block } .budjet-tablesec .row .number { font-weight: 500; display: block } .budjet-tablesec .row:hover { background: #89898a } .budjet-tablesec .col-lg-3, .budjet-tablesec .col-lg-4, .budjet-tablesec .col-lg-5, .budjet-tablesec .col-lg-6, .budjet-tablesec .col-lg-7 { padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 10 } .program-tabsec { width: 100%; height: auto; clear: both; padding: 80px 0 115px 0; position: relative; z-index: 50 } .program-tabsec .btn { display: inline-block; margin-top: 10px } .program-tabsec .compare { width: auto; height: auto; font-size: 16px; line-height: 16px; margin-top: 20px; display: inline-block; color: #231f20; font-weight: 300; text-transform: uppercase } .program-tabsec .compare:after { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; right: -10px } .program-tabsec .center-cnt { text-align: center } .program-tabsec h3 { letter-spacing: 1px; margin-bottom: 0; font-weight: 300; text-transform: uppercase } .program-tabsec ul.tabs { width: 100%; height: auto; padding: 0; margin: 0; text-align: center } .program-tabsec ul.tabs li { width: auto; height: auto; list-style-type: none; display: inline-block; margin: 0 5px; padding: 0 } .program-tabsec ul.tabs li a { display: block; padding: 15px 25px; background: #fff; font-size: 22px; line-height: 22px; color: #213e6a; font-weight: 300; text-transform: uppercase; border: solid 1px #213e6a } .program-tabsec ul.tabs li.active a, .program-tabsec ul.tabs li.active a:hover { background: #213e6a; color: #fff } .program-tabsec ul.tabs3 { width: 100%; height: auto; padding: 0; margin: 0; text-align: center } .program-tabsec ul.tabs3 li { width: auto; height: auto; list-style-type: none; display: inline-block; margin: 0 5px; padding: 0 } .program-tabsec ul.tabs3 li a { display: block; padding: 15px 25px; background: #fff; font-size: 22px; line-height: 22px; color: #213e6a; font-weight: 300; text-transform: uppercase; border: solid 1px #213e6a } .program-tabsec ul.tabs3 li.active a, .program-tabsec ul.tabs3 li.active a:hover { background: #213e6a; color: #fff } .program-tabsec .tabContainer { overflow: hidden; clear: both; float: left; width: 100% } .program-tabsec .row { padding-top: 60px; display: flex; flex-wrap: wrap } .program-tabsec .col-lg-4 { margin-bottom: 60px } .program-tabsec .outerbox { width: 100%; height: 100%; background-color: #fefefe; position: relative; top: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; box-shadow: 2px 10px 28px -16px rgba(0, 0, 0, 0); background: #f1f2f2; background: linear-gradient(90deg, #f1f2f2 0%, #f2f3f3 19%, #f2f3f3 31%, #dfe0e1 100%) } .program-tabsec .outerbox:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; left: 0; bottom: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; left: 0; bottom: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .pic { width: 100%; height: auto; position: relative; overflow: hidden } .program-tabsec .outerbox .pic:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; left: 0; top: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .pic:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; right: 0; bottom: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .pic .bx { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .pic .bx:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .program-tabsec .outerbox .pic .bx:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .program-tabsec .outerbox .pic .bx2 { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .pic .bx2:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .program-tabsec .outerbox .pic .bx2:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; right: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .program-tabsec .outerbox .pic img { width: 100%; height: auto; display: block; margin: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .content-sec { width: 100%; height: auto; padding: 55px 25px 30px 25px; position: relative; z-index: 5 } .program-tabsec .outerbox .content-sec .icon { width: 73px; height: 73px; border-radius: 100%; overflow: hidden; position: absolute; z-index: 10; left: 50%; top: -36px; margin-left: -36px } .program-tabsec .outerbox .content-sec .icon img { width: 100%; height: auto } .program-tabsec .outerbox .content-sec:before { content: ""; width: 1px; height: 1px; position: absolute; opacity: 0; right: 0; bottom: 0; display: block; z-index: 1; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .content-sec .title-sec { width: 100%; height: auto; min-height: 75px; text-align: center } .program-tabsec .outerbox .content-sec .title-sec h4 { font-size: 23px; line-height: 1.2; text-transform: uppercase; color: #000 } .program-tabsec .outerbox .content-sec .title-sec p { font-size: 13px; color: #16375f; font-weight: bold } .program-tabsec .outerbox .content-sec .middle-content { width: 100%; height: auto; clear: both; padding: 10px 0 5px 0 } .program-tabsec .outerbox .content-sec .middle-content ul { width: 100%; height: auto; padding: 0; margin: 0 } .program-tabsec .outerbox .content-sec .middle-content li { width: 100%; height: auto; list-style-type: none; font-size: 13px; color: #000; font-weight: 500 } .program-tabsec .outerbox .content-sec .middle-content li span { font-weight: bold; display: inline-block } .program-tabsec .outerbox .content-sec .bottom-content { width: 100%; height: auto; clear: both } .program-tabsec .outerbox .content-sec .bottom-content p { font-size: 13px; color: #000; font-weight: 500 } .program-tabsec .outerbox .more-detail { width: 40px; height: 40px; position: absolute; left: 50%; bottom: -20px; font-size: 0; z-index: 20; margin-left: -20px; border-radius: 100%; display: block } .program-tabsec .outerbox .more-detail span { width: 100%; height: 100%; display: block; background: url(../images/plus-icon.png) center center no-repeat; z-index: 5; position: relative } .program-tabsec .outerbox .more-detail:before { content: ""; width: 100%; opacity: 0; height: 100%; display: inline-block; background: #fdfdfd; border-radius: 100%; position: absolute; left: -1px; top: -1px; border: solid 1px #dadada; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .program-tabsec .outerbox .more-detail:hover:before { opacity: 1 } .program-tabsec .outerbox:hover { background: #fff; top: -5px; box-shadow: 2px 22px 28px -16px rgba(0, 0, 0, 0.48) } .program-tabsec .outerbox:hover .more-detail:before { opacity: 1 } .program-tabsec .outerbox:hover:before { content: ""; width: 1px; height: 100%; opacity: 1 } .program-tabsec .outerbox:hover:after { content: ""; width: 100%; height: 1px; opacity: 1 } .program-tabsec .outerbox:hover .content-sec:before { width: 1px; height: 100%; opacity: 1 } .program-tabsec .outerbox:hover .pic:before { width: 100%; height: 1px; opacity: 1 } .program-tabsec .outerbox:hover .pic:after { width: 1px; height: 100%; opacity: 1 } .program-tabsec .outerbox:hover .pic .bx:before { width: 100%; opacity: 1 } .program-tabsec .outerbox:hover .pic .bx:after { width: 100%; opacity: 1 } .program-tabsec .outerbox:hover .pic .bx2:before { height: 100%; opacity: 1 } .program-tabsec .outerbox:hover .pic .bx2:after { height: 100%; opacity: 1 } .program-tabsec .outerbox:hover .pic img { transform: scale(1.2) } .program-tabsec .viewmore { font-size: 16px; line-height: 16px; color: #213e6a; border: solid 1px #213e6a; clear: both; display: block; margin: auto; text-transform: uppercase; font-weight: 500; padding: 20px 95px 20px 50px; position: relative } .program-tabsec .viewmore:before { content: ""; font: normal normal normal 27px/1 fontawesome; position: absolute; right: 60px; top: 14px; z-index: 5 } .program-tabsec .viewmore:hover { background: #213e6a; color: #fff } .program-tabsec .last-col .outerbox { background: #fff!important; top: 0!important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)!important } .program-tabsec .last-col .outerbox:before { display: none } .program-tabsec .last-col .outerbox:after { display: none } .program-tabsec .last-col .content-sec:before { display: none } .program-tabsec .last-col .content-sec:after { display: none } .our-client-companies { width: 100%; height: auto; padding: 100px 0; background: url(../images/bg3.jpg) top center } .our-client-companies .container { text-align: center } .our-client-companies h4 { color: #fff; text-transform: uppercase; margin-bottom: 30px; position: relative } .our-client-companies h4:before { content: ""; width: 28%; height: 1px; background: #959595; display: block; position: absolute; left: 0; top: 17px; opacity: 0.5 } .our-client-companies h4:after { content: ""; width: 28%; height: 1px; background: #959595; display: block; position: absolute; right: 0; top: 17px; opacity: 0.5 } .our-client-companies .bottom-sec { width: 100%; height: auto; clear: both; margin-top: 20px; text-align: center; position: relative } .our-client-companies .bottom-sec:before { content: ""; width: 46%; height: 1px; background: #8393a6; display: block; position: absolute; left: 0; top: 28px; opacity: 0.5 } .our-client-companies .bottom-sec:after { content: ""; width: 46%; height: 1px; background: #8393a6; display: block; position: absolute; right: 0; top: 28px; opacity: 0.5 } .our-client-companies .bottom-sec .cilogo { width: 55px; height: 55px; background: url(../images/cilogo2.png) center center no-repeat; display: inline-block } .our-client-companies .pic { width: 100%; height: auto } .our-client-companies .owl-carousel .owl-item { text-align: center } .our-client-companies .owl-carousel .owl-item img { width: auto; max-width: 90%; display: inline-block } .our-client-companies .owl-prev { border: none; position: absolute; bottom: 10%; left: -40px } .our-client-companies .owl-next { border: none; position: absolute; bottom: 10%; right: -40px } .home-signimagesec { width: 100%; height: auto; position: relative } .home-signimagesec #container { width: 100%; height: auto; max-width: 920px; margin-right: -153px; float: right } .home-signimagesec #container button { display: block; color: rgba(255, 255, 255, 0.7); font-size: 16px; padding: 10px 25px; margin: 20px auto; border-radius: 4px; border: none; outline: none; cursor: pointer; background: rgba(255, 99, 33, 0.3) } .home-signimagesec #container button:hover { background: rgba(255, 99, 33, 0.5) } .home-signimagesec #container svg { height: auto; width: 70%; margin: auto; display: block } .home-signimagesec #container svg path { fill: none; stroke: #213e6a; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10 } .home-signimagesec #container svg path.st1 { stroke-width: 2 } .home-signimagesec .pic { width: 100%; height: auto; display: block } .home-signimagesec .content-sec { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 10; display: flex; align-items: center } .home-signimagesec .detail-sec { width: 100%; height: auto } .home-signimagesec .container { text-align: right } .home-signimagesec .container img { width: auto; max-width: 100%; display: inline-block } .home-signimagesec .c-logo { width: 137px; height: 137px; background: url(../images/cilogo-2.png); position: absolute; bottom: -65px; left: 50%; margin-left: -67px } .why-second-passport { width: 100%; height: auto; background: #fff; padding: 155px 0 100px 0; text-align: center } .why-second-passport h2 { font-size: 57px; line-height: 1.3; color: #213e6a; position: relative; text-align: center; text-transform: uppercase; font-weight: 300 } .why-second-passport h2:before { content: ""; width: 19%; height: 1px; background: #213e6a; display: block; position: absolute; left: 5%; top: 28px } .why-second-passport h2:after { content: ""; width: 20%; height: 1px; background: #213e6a; display: block; position: absolute; right: 5%; top: 28px } .why-second-passport-galllery { width: 100%; height: auto; clear: both; padding-top: 70px } .why-second-passport-galllery .outerbox { width: 100%; height: auto; text-align: center } .why-second-passport-galllery .outerbox p { color: #000 } .why-second-passport-galllery .outerbox h3 { font-size: 25px; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px } .why-second-passport-galllery .outerbox .icon { width: 100%; height: auto; text-align: center } .why-second-passport-galllery .outerbox .icon img { width: auto; max-width: 100%; display: inline-block } .why-second-passport-galllery .owl-prev { position: absolute; bottom: 40%; left: -80px } .why-second-passport-galllery .owl-next { position: absolute; bottom: 40%; right: -80px } .home-latest-news { width: 100%; height: auto; background: #fff; padding-bottom: 90px } .home-latest-news h2 { font-size: 57px; line-height: 1.3; color: #213e6a; position: relative; text-align: center; text-transform: uppercase; font-weight: 300 } .home-latest-news h2:before { content: ""; width: 21%; height: 1px; background: #213e6a; display: block; position: absolute; left: 5%; top: 35px } .home-latest-news h2:after { content: ""; width: 22%; height: 1px; background: #213e6a; display: block; position: absolute; right: 5%; top: 35px } .home-latest-news .owl-prev { position: absolute; bottom: 40%; left: -80px } .home-latest-news .owl-next { position: absolute; bottom: 40%; right: -80px } .home-latest-news .news-gallerysec { width: 100%; height: auto; clear: both } .home-latest-news .news-gallerysec .row { display: flex; flex-wrap: wrap } .home-latest-news .news-gallerysec .outerbox { width: 100%; height: auto; position: relative; top: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; box-shadow: 5px 21px 32px -75px rgba(0, 0, 0, 0.02); -webkit-box-shadow: 5px 21px 32px -75px rgba(0, 0, 0, 0.02); -moz-box-shadow: 5px 21px 32px -75px rgba(0, 0, 0, 0.02) } .home-latest-news .news-gallerysec .outerbox:after { content: ""; width: 1px; height: 1px; position: absolute; left: 0; bottom: 0; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .pic { width: 100%; height: auto; overflow: hidden; position: relative } .home-latest-news .news-gallerysec .outerbox .pic .bx { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .pic .bx:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .pic .bx:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .pic .bx2 { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .pic .bx2:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .pic .bx2:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; right: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .pic img { width: 100%; height: auto; display: block; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .home-latest-news .news-gallerysec .outerbox .content-box { width: 100%; height: auto; clear: both; padding: 45px 0 30px 0 } .home-latest-news .news-gallerysec .outerbox h5 { color: #213e6a; letter-spacing: 0 } .home-latest-news .news-gallerysec .outerbox h6 { color: #000; font-size: 14px; font-weight: 500; letter-spacing: 0 } .home-latest-news .news-gallerysec .outerbox p { margin-bottom: 20px } .home-latest-news .news-gallerysec .outerbox label { width: auto; height: auto; display: inline-block; background: #163760; font-size: 12px; line-height: 1; margin-bottom: 10px; color: #fff; padding: 5px 10px } .home-latest-news .news-gallerysec .outerbox .citizenship { background: #163760 } .home-latest-news .news-gallerysec .outerbox .residency { background: url(../images/bg2.jpg) top center; background-size: cover } .home-latest-news .news-gallerysec .outerbox .more { font-size: 16px; line-height: 16px; color: #213e6a; border: solid 1px #213e6a; clear: both; display: inline-block; margin: auto; text-transform: uppercase; font-weight: 500; padding: 13px 30px; position: relative } .home-latest-news .news-gallerysec .outerbox .more:hover { background: #213e6a; color: #fff } .home-latest-news .news-gallerysec .outerbox:hover { background: #fff; top: -5px; box-shadow: 5px 67px 32px -75px rgba(0, 0, 0, 0.53); -webkit-box-shadow: 5px 67px 32px -75px rgba(0, 0, 0, 0.53); -moz-box-shadow: 5px 67px 32px -75px rgba(0, 0, 0, 0.53) } .home-latest-news .news-gallerysec .outerbox:hover:before { content: ""; width: 1px; height: 100%; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover:after { content: ""; width: 100%; height: 1px; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .content-sec:before { width: 1px; height: 100%; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .pic:before { width: 100%; height: 1px; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .pic:after { width: 1px; height: 100%; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .pic .bx:before { width: 100%; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .pic .bx:after { width: 100%; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .pic .bx2:before { height: 100%; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .pic .bx2:after { height: 100%; opacity: 1 } .home-latest-news .news-gallerysec .outerbox:hover .pic img { transform: scale(1.2) } .become-our-ambassador-sec { width: 100%; height: 329px; background: url(../images/pic2.jpg) top center; clear: both } .become-our-ambassador-sec .btn { font-size: 22px; line-height: 22px } .become-our-ambassador-sec .container { padding-top: 94px } .become-our-ambassador-sec h3 { color: #213e6a; text-transform: uppercase } .subscribe-sec { width: 100%; height: auto; clear: both; padding: 65px 0; background: url(../images/bg2.jpg) top center } .subscribe-sec h4 { color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; margin-bottom: 0 } .subscribe-sec p { font-size: 16px; color: #fff; margin-bottom: 0; padding-bottom: 0 } .subscribe-sec .newsletterbox { width: 100%; height: 50px; background: #fff } .subscribe-sec .newsletterbox .form-letter { width: calc(100% - 200px); height: 50px; background: #fff; float: left; font-size: 16px; color: #0d101b; font-weight: 300; padding: 0 20px; border: none; outline: none; font-family: "Gotham" } .subscribe-sec .newsletterbox .srchbtn { width: 155px; height: 50px; background: #213e6a; border: none; float: right; outline: none; font-family: "Gotham"; font-weight: 300; font-size: 22px; text-transform: uppercase; color: #fff; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .subscribe-sec .newsletterbox .srchbtn:hover { background: #231f20 } footer { width: 100%; height: auto; position: relative } .footer-nav-outer { width: 100%; height: auto; padding: 50px 0 40px 0; background: url(../images/bg3.jpg) top center; font-size: 14px; line-height: 14px; color: #cacaca; font-weight: 300 } .footer-nav-outer a { color: #cacaca } .footer-nav-outer a:hover { color: #fff; text-decoration: underline } .footer-nav-outer ul { width: 100%; height: auto; margin: 0; padding: 0 } .footer-nav-outer li { width: 100%; height: auto; padding: 0; margin: 10px 0 10px 0; list-style-type: none; font-size: 14px; line-height: 14px; color: #cacaca; font-weight: 300 } .footer-nav-outer li a { color: #cacaca } .footer-nav-outer li a:hover { color: #fff } .footer-nav-outer .mtop { margin-top: 25px } .footer-nav-outer h4 { font-size: 18px; line-height: 1; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 2px } .footer-nav-outer h5 { font-size: 18px; line-height: 1; color: #cacaca; font-weight: bold; text-transform: uppercase; letter-spacing: 0 } .footer-nav-outer h6 { font-size: 16px; line-height: 1; color: #cacaca; font-weight: 300; text-transform: uppercase; margin-top: 30px; margin-bottom: 20px; letter-spacing: 0 } .footer-nav-outer .searchby { font-size: 13px; line-height: 1; color: #cacaca; font-weight: 500; text-transform: uppercase; display: block; margin: 23px 0 5px 0 } .footer-nav-outer .mr-top { margin-top: 40px } .footer-nav-outer .placetocontact { width: 100%; height: auto; clear: both } .footer-nav-outer .placetocontact .place { width: 100%; height: auto; clear: both; margin-bottom: 20px } .footer-nav-outer .placetocontact .place h6 { color: #6381a7; font-weight: 500; margin-bottom: 5px } .footer-nav-outer .placetocontact .place a { font-weight: 500; letter-spacing: 1px } .footer-nav-outer .social-media { width: 100%; height: auto; display: inline-block; clear: both; padding: 10px 0 } .footer-nav-outer .social-media ul { width: 100%; height: auto } .footer-nav-outer .social-media ul li { width: auto; height: auto; float: left; margin: 0 12px 0 0 } .footer-nav-outer .social-media ul li .icon { width: auto; height: auto; display: block } .footer-nav-outer .social-media ul li a { text-decoration: none!important } .footer-nav-outer .social-media ul li .icon:before { content: ""; font: normal normal normal 26px/1 fontawesome; color: #fff } .footer-nav-outer .social-media ul li .fb:before { content: "" } .footer-nav-outer .social-media ul li .linkedin:before { content: "" } .footer-nav-outer .social-media ul li .insta:before { content: "" } .footer-nav-outer .social-media ul li .twitter:before { content: "" } .footer-nav-outer .social-media ul li .youtube:before { content: "" } .footer-nav-outer .copyright { width: 100%; height: auto; clear: both; font-size: 10px; line-height: 1.3; color: #fff; font-weight: 500 } .budjet-tablesec .row span.head.mbl { display: none } .common-right-box { width: 73px; height: 180px; background: #fff; position: fixed; right: 0; top: 50vh; z-index: 800; margin-top: -90px; box-shadow: 0px 0px 76px -15px rgba(0, 0, 0, 0.32) } .common-right-box .mdl { box-shadow: 0px 2px 20px -9px rgba(0, 0, 0, 0.58) } .common-right-box .icon { width: 100%; height: auto; text-align: center } .common-right-box .icon img { width: auto; max-width: 100%; display: inline-block; max-height: 27px; } .common-right-box .txt { width: 100%; height: auto; text-align: center; font-size: 10px; line-height: 1; color: #231f20; font-weight: 400; letter-spacing: 0px; text-transform: uppercase } .common-right-box .detailbox { width: 1px; height: 60px; background: #fff; opacity: 0; overflow: hidden; display: block; position: absolute; right: 0; top: 0; z-index: 5; box-shadow: 0px 0px 76px -15px rgba(0, 0, 0, 0.32); padding: 5px; font-size: 13px; line-height: 54px; font-weight: 500; letter-spacing: 0px; color: #fff; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .common-right-box .detailbox a { color: #fff } .common-right-box .icon-box { width: 73px; height: 60px; background: #fff; position: relative; padding: 10px 0; text-align: center } .common-right-box .icon-box { cursor: pointer } .common-right-box .icon-box.active .detailbox { width: 215px; background: #163760; right: 73px; opacity: 1 } html { overflow-x: hidden } .inner-banner-sec { width: 100%; height: auto; clear: both; position: relative; z-index: 600; background: #fff } .inner-banner-sec .content-sec { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; display: flex; align-items: center } .inner-banner-sec .detailsec { width: 100%; height: auto } .inner-banner-sec img { width: 100%; height: auto; display: block } .inner-banner-sec h1 { font-size: 50px; line-height: 1.3; color: #163760; font-weight: 500; text-transform: uppercase; margin-bottom: 0; letter-spacing: 2px } .inner-banner-sec h1 span { font-size: 30px; line-height: 1.3; color: #163760; font-weight: 300; text-transform: uppercase; margin-bottom: 0; display: block; clear: both } .inner-banner-sec h2 { font-size: 30px; line-height: 1.3; color: #163760; font-weight: 300; text-transform: uppercase; margin-bottom: 0 } .inner-banner-sec .toplogo-icon { width: 135px; height: auto; position: absolute; left: 10%; bottom: -65px } .bespoke-sec { width: 100%; height: auto; clear: both; background: url(../images/homeslidebg1.jpg) top center; padding: 20px 0 } .bespoke-sec .row { display: flex; align-items: center } .bespoke-sec .pic { width: 100%; height: auto } .bespoke-sec .pic img { width: 100%; height: auto; display: block; margin: 0 } .bespoke-sec h3 { font-size: 34px; color: #fff; font-weight: 300 } .bespoke-sec .sign { width: 100%; height: auto } .bespoke-sec .sign img { width: auto; max-width: 100%; display: block } .bespoke-sec p { color: #fff } .commonsec1 { width: 100%; height: auto; padding: 110px 0 200px 0; text-align: center } .commonsec1 .container { max-width: 1075px } .commonsec1 h2 { font-size: 57px; line-height: 1; color: #213e6a; position: relative; text-align: center; text-transform: uppercase; font-weight: 300 } .commonsec1 h2:before { content: ""; width: 19%; height: 1px; background: #213e6a; display: block; position: absolute; left: 5%; top: 28px } .commonsec1 h2:after { content: ""; width: 19%; height: 1px; background: #213e6a; display: block; position: absolute; right: 5%; top: 28px } .client-text-bg { width: 100%; height: auto; padding: 40px 0; text-align: center } .client-text-bg .owl-carousel .owl-item { padding: 10px 0 } .client-text-bg .container { max-width: 720px; position: relative } .client-text-bg .container:before { content: ""; width: 50px; height: 25px; display: block; position: absolute; left: -60px; top: 0; background: url(../images/quoteleft.jpg) } .client-text-bg .container:after { content: ""; width: 50px; height: 25px; position: absolute; right: -60px; top: 0; background: url(../images/quoteright.jpg) } .client-text-bg p { font-family: "Hijrnotes PERSONAL USE ONLY"; font-weight: normal; font-size: 46px; line-height: 1.1; color: #575757 } .client-text-bg .our-clientsay { font-family: "Hijrnotes PERSONAL USE ONLY"; font-weight: normal; font-size: 46px; line-height: 1.1; color: #575757; padding-bottom: 15px } .what-do-clientsy-sec { width: 100%; height: auto; clear: both; background: url(../images/bg3.jpg) top center; background-size: cover; padding-bottom: 100px; z-index: 100 } .what-do-clientsy-sec .videosec { width: 100%; height: auto; position: relative; top: -160px; margin-bottom: -120px } .what-do-clientsy-sec .videosec .container { max-width: 715px } .what-do-clientsy-sec .videosec .container .video-outer { width: 100%; height: auto; background: #d6d6d6; padding: 5px; border-radius: 10px; box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.26) } .what-do-clientsy-sec .videosec .container .video-outer .y-video { width: 100%; height: 375px; border: none } .what-do-clientsy-sec .content-area { width: 100%; height: auto; clear: both; text-align: center; padding-top: 15px } .what-do-clientsy-sec .content-area .container { max-width: 925px } .what-do-clientsy-sec .content-area .container h3 { font-size: 30px; color: #fff; text-transform: uppercase; font-weight: 300 } .what-do-clientsy-sec .content-area .container h3 span { font-size: 47px; font-weight: 500 } .what-do-clientsy-sec .content-area .container p { color: #fff } .commonsec2 { width: 100%; height: auto; padding: 110px 0; text-align: center } .commonsec2 .container { max-width: 1075px } .commonsec2 h2 { font-size: 57px; line-height: 1; color: #213e6a; position: relative; text-align: center; text-transform: uppercase; font-weight: 300 } .commonsec2 h2:before { content: ""; width: 19%; height: 1px; background: #213e6a; display: block; position: absolute; left: 5%; top: 28px } .commonsec2 h2:after { content: ""; width: 19%; height: 1px; background: #213e6a; display: block; position: absolute; right: 5%; top: 28px } .fullimage-outer { width: 100%; height: auto } .fullimage-outer img { width: 100%; height: auto; display: block } .graybox { background: #fff } .graybox h4 { color: #231f20 } .graybox h4:before { background: #c8c7c7 } .graybox h4:after { background: #c8c7c7 } .graybox .bottom-sec:before { background: #c8c7c7 } .graybox .bottom-sec:after { background: #c8c7c7 } .contact-and-advisersec { width: 100%; height: auto; clear: both; display: table; padding: 47px 0; background: url(../images/footertop-bg.jpg) top center } .contact-and-advisersec h5 { color: #fff; text-transform: uppercase; letter-spacing: 2px } .contact-and-advisersec .formoutersec { width: 100%; max-width: 1000px; height: auto } .contact-and-advisersec .formoutersec .select-programs { width: 100%; height: 47px } .contact-and-advisersec .formoutersec .select-programs input.search-txt { width: 100%; height: 48px; border-radius: 0!important; top: 0!important; font-weight: 500; background: #10182f; font-size: 14px; color: #cacaca; padding: 0 10px!important } .contact-and-advisersec .formoutersec .SumoSelect { width: 100%; height: 48px; background: #10182f; border: solid 1px #455d7d; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #cacaca } .contact-and-advisersec .formoutersec .SumoSelect { width: 110%; text-align: left; padding-left: 15px; position: relative } .contact-and-advisersec .formoutersec .SumoSelect li { background: none; font-size: 13px; line-height: 1; font-weight: normal } .contact-and-advisersec .formoutersec label { font-weight: 500 } .contact-and-advisersec .formoutersec .SumoSelect>.optWrapper>.options li.opt { padding: 8px; border: none } .contact-and-advisersec .formoutersec .SumoSelect>.optWrapper>.options li { font-size: 15px; font-weight: 500; font-family: "Gotham" } .contact-and-advisersec .formoutersec .SumoSelect>.CaptionCont { position: relative; font-weight: normal; border: none; min-height: 48px; font-size: 13px; line-height: 48px; background-color: none; border-radius: 0; background: none; margin: 0; font-weight: 500; padding: 0px; outline: none!important; color: #cacaca } .contact-and-advisersec .formoutersec .SumoSelect.open>.CaptionCont, .contact-and-advisersec .formoutersec .SumoSelect:focus>.CaptionCont, .contact-and-advisersec .formoutersec .SumoSelect:hover>.CaptionCont { box-shadow: 0 0 0px #cbad8a; border: none } .contact-and-advisersec .formoutersec .SumoSelect>.CaptionCont>label>i { background: none; display: inline-block; color: #fff; margin-left: 0 } .contact-and-advisersec .formoutersec .SumoSelect>.CaptionCont>label>i:before { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; top: -20px } .contact-and-advisersec .formoutersec .SumoSelect>.CaptionCont>label { width: 13px } .contact-and-advisersec .formoutersec .SumoSelect.open>.optWrapper { top: 47px } .contact-and-advisersec .formoutersec .SumoSelect.open { background: none; padding: 0 } .contact-and-advisersec .formoutersec .compare-wrapper .compare-box .SumoSelect.open>.optWrapper { padding: 5px } .contact-and-advisersec .formoutersec .SumoSelect>.optWrapper { border: none } .contact-and-advisersec .formoutersec .SumoSelect .no-match { color: red; font-size: 13px; font-weight: 500 } .contact-and-advisersec .formoutersec .select2-selection--single { width: 110%; height: 45px; background: #10182f; border: solid 1px #455d7d; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #fff; border-radius: 0 } .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff; line-height: 28px; margin-top: 8px } .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px; position: absolute; top: 1px; right: -10px; width: 20px } .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 6px 6px 0 6px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .contact-and-advisersec .formoutersec .iti__arrow { margin-left: 4px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff } .contact-and-advisersec .formoutersec .iti__arrow--up { border-top: none; border-bottom: 6px solid #fff } .contact-and-advisersec .formoutersec .row { display: flex; flex-wrap: wrap } .contact-and-advisersec .formoutersec .col-lg-3, .contact-and-advisersec .formoutersec .col-lg-6, .contact-and-advisersec .formoutersec .col-lg-12 { margin-top: 10px } .contact-and-advisersec .formoutersec .tbx { width: 100%; height: 45px; background: #10182f; border: solid 1px #455d7d; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #fff } .contact-and-advisersec .formoutersec .numbersec { width: 104.6%; height: 46px; background: #10182f; border: solid 1px #455d7d; outline: none; padding: 0; font-size: 14px; font-weight: 500; color: #cacaca } .contact-and-advisersec .formoutersec .numbersec .SumoSelect { width: 100%; border: none; height: 43px } .contact-and-advisersec .formoutersec .numbersec .SumoSelect:before { content: ""; width: 1px; height: 28px; background: #2f4a61; position: absolute; left: 0; top: 10px } .contact-and-advisersec .formoutersec .numbersec .SumoSelect:after { content: ""; width: 1px; height: 28px; background: #2f4a61; position: absolute; right: 0; top: 10px } .contact-and-advisersec .formoutersec .numbersec .text { width: 20%; padding-left: 10px; height: auto; float: left; font-size: 14px; line-height: 45px; font-weight: 500; color: #fff } .contact-and-advisersec .formoutersec .numbersec .numbercode { width: 30%; height: auto; float: left; font-size: 14px; font-weight: 500; color: #cacaca } .contact-and-advisersec .formoutersec .numbersec .tbx2 { width: 46%; height: 43px; background: #10182f; float: right; border: none; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #cacaca } .contact-and-advisersec .formoutersec .btn { background: #172747; color: #fff; border: solid 1px #fff; margin-top: 5px; outline: none; font-weight: 300; letter-spacing: 2px } .contact-and-advisersec .formoutersec .btn:hover { background: #10182f } .contact-and-advisersec .formoutersec .tarea { width: 100%; height: 31px; background: #10182f; border: solid 1px #455d7d; outline: none; padding: 15px 10px 0 10px; font-size: 14px; line-height: 13px; font-weight: 500; color: #cacaca } .contact-and-advisersec .formoutersec ::-webkit-input-placeholder { color: #cacaca; opacity: 1 } .contact-and-advisersec .formoutersec ::-moz-placeholder { color: #cacaca; opacity: 1 } .contact-and-advisersec .formoutersec :-ms-input-placeholder { color: #cacaca; opacity: 1 } .contact-and-advisersec .formoutersec :-moz-placeholder { color: #cacaca; opacity: 1 } .contact-and-advisersec .bottom-signsec { width: 100%; height: auto; clear: both; text-align: right; position: relative } .contact-and-advisersec .bottom-signsec img { width: auto; max-width: 336px; display: inline-block; position: absolute; right: 0; top: -30px } .inner-wrapper2 { width: 100%; height: auto; position: relative; min-height: 50vh } .inner-wrapper2 .mapdots { width: 100%; height: auto; position: absolute; top: 0; left: 0; text-align: center } .inner-wrapper2 .mapdots img { width: auto; max-width: 100%; display: inline-block } .inner-wrapper2 .top-description-sec { width: 100%; height: auto; padding: 65px 0 } body.home .contact-and-advisersec { display: none } .listingsec-1 { width: 100%; height: auto; clear: both; padding-bottom: 30px } .listingsec-1 .pic { width: 100%; height: auto } .listingsec-1 .pic img { width: 100%; height: auto; display: block } .listingsec-1 .col-lg-6 { margin-bottom: 30px } .listingsec-1 .row { display: flex; flex-wrap: wrap } .listingsec-1 .outerbox { width: 100%; height: 100%; background-color: #fff; position: relative; top: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.16) } .listingsec-1 .outerbox:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; left: 0; bottom: 0; display: block; z-index: 1; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .listingsec-1 .outerbox .pic { width: 100%; height: auto; position: relative; overflow: hidden } .listingsec-1 .outerbox .pic .bx { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .listingsec-1 .outerbox .pic .bx:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .listingsec-1 .outerbox .pic .bx:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .listingsec-1 .outerbox .pic .bx2 { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .listingsec-1 .outerbox .pic .bx2:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .listingsec-1 .outerbox .pic .bx2:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; right: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .listingsec-1 .outerbox .pic img { width: 100%; height: auto; display: block; margin: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .listingsec-1 .outerbox .content-sec { width: 100%; height: auto; padding: 50px 35px; position: relative; z-index: 5; overflow: hidden } .listingsec-1 .outerbox .content-sec h3 { font-weight: 300; letter-spacing: 1px; text-transform: uppercase } .listingsec-1 .outerbox:hover { background: #fff; top: -5px; box-shadow: 0px 0px 53px 0px rgba(0, 0, 0, 0.25) } .listingsec-1 .outerbox:hover:after { content: ""; width: 100%; height: 1px; opacity: 1 } .listingsec-1 .outerbox:hover .pic .bx:before { width: 100%; opacity: 1 } .listingsec-1 .outerbox:hover .pic .bx:after { width: 100%; opacity: 1 } .listingsec-1 .outerbox:hover .pic .bx2:before { height: 100%; opacity: 1 } .listingsec-1 .outerbox:hover .pic .bx2:after { height: 100%; opacity: 1 } .listingsec-1 .outerbox:hover .pic img { transform: scale(1.2) } .bottom-our-programssec { width: 100%; height: auto; clear: both; padding: 60px 0; background: url(../images/bg2.jpg) top center } .bottom-our-programssec h4 { color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 3px; margin-bottom: 0 } .bottom-our-programssec h3 { color: #fff; text-transform: uppercase; font-size: 25px; letter-spacing: 1px; margin-bottom: 0; font-weight: 300 } .bottom-our-programssec p { font-size: 16px; color: #fff; margin-bottom: 0; padding-bottom: 0 } .bottom-our-programssec .btn { font-weight: 300; display: inline-block; color: #fff; border: solid 1px #fff } .bottom-our-programssec .rht { text-align: right } .news-page { padding-top: 40px } .news-page .home-latest-news .news-gallerysec .col-lg-4 { margin-top: 50px } .inves-top-sec { width: 100%; height: auto; padding: 130px 0 70px 0 } .inves-top-sec .container { position: relative } .inves-top-sec h3 { font-weight: 300; letter-spacing: 2px } .inves-top-se2 { width: 100%; height: auto; padding: 70px 0 } .inves-top-se2 .container { position: relative } .inves-top-se2 h3 { font-weight: 300; letter-spacing: 2px } .inner-content-outer { width: 100%; height: auto; position: relative } .investmet-wrap { position: relative } .investmet-wrap .budjet-tablesec h3 { font-size: 34px; text-transform: uppercase; font-weight: 300; letter-spacing: 2px; margin: 20px 0 } .investmet-wrap .budjet-tablesec h4 { font-size: 34px; font-weight: 300; letter-spacing: 2px; margin: 20px 0 } .investmet-wrap .budjet-tablesec .row { background: #06324b } .investmet-wrap .budjet-tablesec .row:hover { background: #084467 } .investmet-wrap .budjet-tablesec .btn { margin-top: 45px } .invest-sec2 { width: 100%; height: auto; padding: 55px 0; background: #f4f4f4 } .pd30 { padding: 0 0 30px 0 } .pd-top { padding-top: 80px } .last-col .outerbox .content-sec { background: none!important } .program-tabsec .last-col .outerbox .content-sec { background: none!important } .gray-invest { padding: 80px 0; background: #f4f4f4 } .gray-invest .last-col .outerbox { background: none!important } .invest-list2 { width: 100%; height: auto; clear: both; padding: 0; margin: 0; border-top: solid 1px #213e6a } .invest-list2 li { width: auto; height: auto; clear: both; border-bottom: solid 1px #213e6a; padding: 15px 0 15px 35px; list-style-type: none; position: relative; font-size: 16px } .invest-list2 li:before { content: ""; width: 18px; height: 14px; display: inline-block; background: url(../images/checked.png) top left no-repeat; font: normal normal normal 19px/1 fontawesome; position: absolute; left: 2px; top: 18px } .advantageofca { padding: 70px 0 250px 0; background: #f4f4f4 } .advantageofca ul { padding: 0; margin: 0 } .advantageofca li { width: 100%; height: auto; padding: 40px 0; list-style-type: none; border-bottom: solid 1px #213e6a; display: inline-block } .advantageofca li:last-child { border: none } .advantageofca h3 { letter-spacing: 2px; font-weight: 300 } .advantageofca h4 { letter-spacing: 1px; color: #1c2842 } .advantageofca .pic { width: 335px; height: auto; float: left } .advantageofca .pic img { width: 100%; height: auto; display: block } .advantageofca .content-sec { width: calc(100% - 335px); height: auto; float: left; padding-left: 35px } .videocaribian { background: url(../images/bg2.jpg) top center } .ups { text-transform: uppercase } .car-passport { width: 454px; height: auto; position: absolute; right: 0; bottom: -70px } .multiple-authorized-firm.pd-top h6 { letter-spacing: 1px } .page-template-europeanprograms .inner-banner-sec h1, .page-template-europeanprograms .inner-banner-sec h2, body.page-template-additionalservices .inner-banner-sec h1, body.page-template-additionalservices .inner-banner-sec h2, body.page-template-invest-financial-usa .inner-banner-sec h1, body.page-template-invest-financial-usa .inner-banner-sec h2, body.page-template-northamericaprograms .inner-banner-sec h1, body.page-template-northamericaprograms .inner-banner-sec h2, body.page-template-oceania-asia .inner-banner-sec h1, body.page-template-oceania-asia .inner-banner-sec h2 { color: #fff } .napic1 { width: 100%; height: auto } .napic1 img { width: 100%; height: auto; display: block; margin: 0 } .appl-top-sec { width: 100%; height: auto; padding: 80px 0 } .appl-top-sec .container { position: relative } .appl-listingsec .col-lg-4 { text-align: center } .appl-listingsec .col-lg-4 .btn { display: inline-block; margin-top: 20px } .appl-listingsec .row:first-child { border-top: solid 1px #223f6b } .appl-listingsec .row { padding: 30px 0; border-bottom: solid 1px #223f6b; border-bottom: solid 1px #223f6b } .appl-listingsec h3 { text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin-bottom: 30px } .appl-listingsec h3 span { color: #d2d4d9; font-size: 74px; line-height: 1; font-weight: bold; letter-spacing: 0px; display: inline-block; padding-right: 10px } .appl-listingsec .pic { width: 100%; height: auto } .appl-listingsec .pic img { width: 100%; height: auto; display: block; margin: 0 } .apl-bottom { width: 100%; height: auto; padding: 30px 0 } .apl-bottom p { font-size: 14px } .progamspage-top-sec { width: 100%; height: auto; padding: 80px 0 50px 0 } .progamspage-top-sec .container { position: relative } .inner-wrapper { position: relative } .mapdots { width: 100%; height: auto; position: absolute; top: 0; left: 0; text-align: center } .mapdots img { width: auto; max-width: 100%; display: inline-block } .programs-tab-head { width: 100%; height: auto; display: table; text-align: center; padding: 10px 0 } .programs-tab-head ul { padding: 0; margin: 0; text-align: center } .programs-tab-head li { width: auto; height: auto; display: inline-block; text-transform: uppercase } .programs-tab-head li a { font-size: 17px; line-height: 17px; color: #213e6a; font-weight: 300; padding: 15px 30px; display: inline-block; background: #fff; border: solid 1px #213e6a } .programs-tab-head li .active { background: #213e6a; color: #fff } .programs-tab-head li .active1 { background: #213e6a; color: #fff } .programsec1 { width: 100%; height: auto; padding: 80px 0 } .programsec1 h3 { font-weight: 300; margin-bottom: 20px } .listingsec-1 h5 { text-align: center; text-transform: uppercase; margin-bottom: 60px; letter-spacing: 0 } .headerblock .main-navigation li.current-menu-item a { font-weight: bold; color: #000 } .program-tabsec .outerbox .content-sec { background: url(../images/box-bg1.jpg) top center; background-size: cover } .advantageof-eup { width: 100%; height: auto; clear: both; padding: 75px 0; background: #f4f4f4 } .advantageof-eup .col-lg-4 { text-align: center } .advantageof-eup .col-lg-4 .btn { display: inline-block; margin-top: 20px } .advantageof-eup h4 { color: #1c2842; letter-spacing: 1px; margin-bottom: 20px } .advantageof-eup h3 { text-transform: uppercase; letter-spacing: 1px; font-weight: 300; margin-bottom: 30px } .advantageof-eup h3 span { color: #d2d4d9; font-size: 74px; line-height: 1; font-weight: bold; letter-spacing: 0px; display: inline-block; padding-right: 10px } .advantageof-eup .pic { width: 100%; height: auto } .advantageof-eup .pic img { width: 100%; height: auto; display: block; margin: 0 } .advantageof-eup ul { padding: 0; margin: 0 } .advantageof-eup li { width: 100%; height: auto; list-style-type: none; margin: 0; padding: 30px 0; border-bottom: solid 1px #223f6b; display: inline-block } .advantageof-eup li .pic { width: 30%; height: auto; float: left } .advantageof-eup li .pic img { width: 90% } .advantageof-eup li .detailsec { width: 70%; height: auto; float: left } .advantageof-eup li:last-child { border: none } .eupd30 { padding: 80px 0 } .europianres-sec { width: 100%; height: auto; clear: both } .europianres-sec h3 { font-weight: 300; letter-spacing: 1px } .europianres-sec .container { padding-top: 80px; padding-bottom: 80px; border-top: solid 1px #213e6a } .top-stickouter { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; background: #fff; box-shadow: 0px 2px 11px -9px rgba(0, 0, 0, 0.59) } .topsticky { position: fixed; top: 75px; padding: 15px 0 0 0; z-index: 100; background: #fff } .sticky-wrapper { z-index: 1000 } div#programs-tab-head { width: 100% } .inner-banner-sec.color-white h1, .inner-banner-sec.color-white h2 { color: #fff } .inner-banner-sec .log-icon { width: 161px; height: 161px; border-radius: 50%; overflow: hidden; position: absolute; bottom: -80px; left: 50%; margin-left: -80px; z-index: 10 } .inner-banner-sec .log-icon img { width: 100% } .program-dtltopsec { width: 100%; height: auto; padding: 120px 0 40px 0; text-align: center } .program-dtltopsec .container { max-width: 1075px } .program-dtltopsec h5 { font-size: 18px; color: #213e6a; text-transform: uppercase; margin-bottom: 30px } .program-dtltopsec h6 { font-size: 18px; color: #231f20; text-transform: uppercase; font-weight: 500; letter-spacing: 1px } .program-dtltopsec h2 { font-size: 18px; color: #231f20; text-transform: uppercase; font-weight: 500; letter-spacing: 1px } .program-dtltopsec h1 { font-size: 57px; line-height: 1; color: #213e6a; position: relative; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-weight: 300 } .program-dtltopsec h1:before { content: ""; width: 17%; height: 1px; background: #213e6a; display: block; position: absolute; left: 0; top: 28px } .program-dtltopsec h1:after { content: ""; width: 17%; height: 1px; background: #213e6a; display: block; position: absolute; right: 0; top: 28px } .program-dtltopsec h1 span.animate-on-load { display: block; clear: both; font-size: 18px; color: #213e6a; text-transform: uppercase; margin-bottom: 30px; margin-top: 10px } .programtop-nav { width: 100%; height: 60px; background: url(../images/top-nav.jpg) top center; text-align: center } .programtop-nav ul { padding: 0; margin: 0 } .programtop-nav li { width: auto; height: auto; display: inline-block; list-style-type: none; font-size: 14px; line-height: 1; color: #fff; border-left: solid 1px #8b9ba9 } .programtop-nav li a { color: #fff; padding: 23px 35px; display: inline-block; text-transform: uppercase; } .programtop-nav li .brochure { width: 120px; height: 36px; padding: 0 0 0 40px; border: solid 1px #fff; position: relative; line-height: 36px } .programtop-nav li .brochure:before { content: ""; width: 24px; height: 25px; display: block; position: absolute; left: 18px; top: 5px; background: url(../images/brochure-icon.png) 0 0 } .programtop-nav li:last-child { border: none; padding-left: 35px } .programtop-nav li:nth-last-child(2) { border-right: solid 1px #8b9ba9 } .programtop-nav .active { font-weight: bold } .program-dtl-wrapper { width: 100%; height: auto; clear: both } .program-dtl-wrapper .overview { width: 100%; height: auto; padding: 55px 0 } .program-dtl-wrapper .overview h3 { text-transform: uppercase; font-weight: 300; margin-bottom: 20px } .program-dtl-wrapper .overview .row { display: flex; align-items: center; padding: 10px 0 } .program-dtl-wrapper .overview .col-lg-3 { font-weight: 400; color: #213e6a; font-size: 17px; line-height: 1.3 } .program-dtl-wrapper .overview .col-lg-3 .icon { width: 40px; height: 40px; display: block; float: left; background: red } .program-dtl-wrapper .overview ul { padding: 0; margin: 20px 0 0 0 } .program-dtl-wrapper .overview li { width: 100%; height: auto; list-style-type: none; padding: 10px 0; display: flex; align-items: center; border-bottom: solid 1px #213e6a } .program-dtl-wrapper .overview li .leftsec { width: 20%; height: auto; font-weight: 400; color: #213e6a; font-size: 17px; line-height: 1.3; display: flex; align-items: center } .program-dtl-wrapper .overview li .leftsec .icon { width: 50px; height: auto; display: flex; align-items: center; float: left } .program-dtl-wrapper .overview li .rightsec { width: 80%; height: auto; padding-left: 15px } .program-dtl-wrapper .overview li .rightsec p { padding: 0; font-size: 16px } .compare { width: auto; height: auto; font-size: 16px; line-height: 16px; margin-top: 20px; display: inline-block; color: #231f20; font-weight: 300; text-transform: uppercase } .compare:after { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; right: -10px } .country-infosec { width: 100%; height: auto; clear: both; padding: 85px 0; background: url(../images/bg2.jpg) top center; transition: all 0.9s ease-out 0s; -moz-transition: all 0.9s ease-out 0s; -webkit-transition: all 0.9s ease-out 0s; -o-transition: all 0.9s ease-out 0s } .country-infosec h3 { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .country-infosec .text { transition: all 0.9s ease-out 0s; -moz-transition: all 0.9s ease-out 0s; -webkit-transition: all 0.9s ease-out 0s; -o-transition: all 0.9s ease-out 0s; width: 100%; font-size: 16px; line-height: 1.7; color: #fff } .country-infosec .text span.collapse, .country-infosec .text span.expand { font-size: 16px; line-height: 1; color: #fff!important; text-transform: uppercase; font-weight: 300; cursor: pointer; display: block; margin-top: 10px } .country-infosec .text span.collapse:after, .country-infosec .text span.expand:after { content: ""; font: normal normal normal 22px/1 fontawesome; display: inline-block; position: relative; right: -10px; top: 2px } .country-infosec .text span.collapse { color: #00a896 } .country-infosec .text span.collapse:after { transform: rotate(180deg) } .country-infosec h2, .country-infosec h3, .country-infosec h4, .country-infosec h5, .country-infosec h6 { color: #ffff; font-weight: 300; text-transform: uppercase; margin-bottom: 20px } .country-infosec p { color: #fff } .country-infosec .row { display: flex; align-items: center; flex-wrap: wrap } .country-infosec .outerbox { background: #fff; height: 100%; padding: 35px } .country-infosec .outerbox h6 { font-size: 17px; color: #213e6a; font-weight: 400; margin-bottom: 0; letter-spacing: 0 } .country-infosec .outerbox p { color: #231f20; font-weight: 500; padding: 0 } .country-infosec .col-lg-6 { margin-bottom: 5px; margin-top: 5px } .country-infosec .col-lg-6 .row { align-items: inherit } .rmore { font-size: 16px; line-height: 1; color: #fff!important; text-transform: uppercase; font-weight: 300 } .rmore:after { content: ""; font: normal normal normal 22px/1 fontawesome; display: inline-block; position: relative; right: -10px; top: 2px } .benifit-sec { width: 100%; height: auto; display: inline-block; padding: 85px 0 40px 0 } .benifit-sec .owl-prev { border: none; position: absolute; bottom: auto; top: 20%; left: -80px } .benifit-sec .owl-next { border: none; position: absolute; bottom: auto; top: 20%; right: -80px } .benifit-sec h3 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px } .benifit-sec .b-gallery { width: 100%; height: auto; clear: both } .benifit-sec .b-gallery .col-lg-4 { margin-top: 30px } .benifit-sec .b-gallery .outerbox { width: 100%; height: 100%; background-color: #fefefe; margin-bottom: 60px; position: relative; top: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; box-shadow: 2px 10px 28px -16px rgba(0, 0, 0, 0); background: #f1f2f2; background: linear-gradient(90deg, #f1f2f2 0%, #f2f3f3 19%, #f2f3f3 31%, #dfe0e1 100%) } .benifit-sec .b-gallery .outerbox:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; left: 0; bottom: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; left: 0; bottom: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox .content-sec { width: 100%; height: auto; padding: 30px; position: relative; z-index: 5; background: #f8f8f8; background: linear-gradient(90deg, #f8f8f8 0%, white 23%, #f1f1f2 58%, #f1f1f2 100%) } .benifit-sec .b-gallery .outerbox .content-sec:before { content: ""; width: 1px; height: 1px; position: absolute; opacity: 0; right: 0; bottom: 0; display: block; z-index: 1; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox .content-sec p { font-size: 15px; color: #231f20; font-weight: 500 } .benifit-sec .b-gallery .outerbox .content-sec h4 { color: #1c2842; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 25px } .benifit-sec .b-gallery .outerbox .pic { width: 100%; height: auto; position: relative; overflow: hidden } .benifit-sec .b-gallery .outerbox .pic img { width: 100%; height: auto; display: block } .benifit-sec .b-gallery .outerbox .pic:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; left: 0; top: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; right: 0; bottom: 0; display: block; z-index: 10; background: #d0d0d0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic .bx { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic .bx:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic .bx:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic .bx2 { width: 96%; height: 92%; position: absolute; left: 2%; top: 4%; z-index: 5; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic .bx2:before { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; top: 0; left: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic .bx2:after { content: ""; width: 1px; height: 1px; opacity: 0; position: absolute; bottom: 0; right: 0; display: block; background: #fff; transition: all 0.7s ease-out 0s; -moz-transition: all 0.7s ease-out 0s; -webkit-transition: all 0.7s ease-out 0s; -o-transition: all 0.7s ease-out 0s } .benifit-sec .b-gallery .outerbox .pic img { width: 100%; height: auto; display: block; margin: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .benifit-sec .b-gallery .outerbox:hover { background: #fff; top: -5px; box-shadow: 2px 22px 28px -16px rgba(0, 0, 0, 0.48) } .benifit-sec .b-gallery .outerbox:hover:before { content: ""; width: 1px; height: 100%; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover:after { content: ""; width: 100%; height: 1px; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .content-sec:before { width: 1px; height: 100%; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .pic:before { width: 100%; height: 1px; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .pic:after { width: 1px; height: 100%; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .pic .bx:before { width: 100%; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .pic .bx:after { width: 100%; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .pic .bx2:before { height: 100%; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .pic .bx2:after { height: 100%; opacity: 1 } .benifit-sec .b-gallery .outerbox:hover .pic img { transform: scale(1.2) } .p-cost-sec { width: 100%; height: auto; clear: both; background: #f4f4f4; padding: 85px 0 } .p-cost-sec h3 { text-transform: uppercase } .p-cost-sec h4 { letter-spacing: 0; text-transform: uppercase; color: #1c2842 } .p-cost-sec h6 { font-weight: 500; text-transform: uppercase; letter-spacing: 1px } .p-cost-sec .cost-sec { width: 100%; height: auto; clear: both; display: inline-block; padding: 30px 0 0 0 } .p-cost-sec .cost-sec h4 { letter-spacing: 0; text-transform: uppercase; color: #1c2842 } .p-cost-sec .cost-sec h4 span { font-size: 74px; color: #c9cbd0; font-weight: bold } .p-cost-sec .cost-sec .budjet-tablesec { margin: 0; padding: 20px 0 25px 0 } .p-cost-sec .cost-sec .budjet-tablesec .row { background: #06324b } .p-cost-sec .cost-sec .budjet-tablesec .row:hover { background: #084467 } .duediligence-sec { width: 100%; height: auto; clear: both } .duediligence-sec .budjet-tablesec { padding-bottom: 30px } .duediligence-sec h4 { margin-bottom: 20px } .duediligence-sec .content-sec { width: 100%; height: auto; padding-top: 35px; margin-top: 20px; border-top: solid 1px #aaaaaa } .pr-timeline-sec { width: 100%; height: auto; clear: both; background: #fff; padding: 85px 0 } .pr-timeline-sec h3 { font-weight: 300; letter-spacing: 1px } .pr-timeline-sec .rt { text-align: right } .pr-timeline-sec .row { padding: 30px 0; border-bottom: solid 1px #213e6a } .pr-timeline-sec h2 { color: #dfe0e2; font-weight: bold; letter-spacing: 0 } .pr-timeline-sec .bottomitlc { padding: 35px 0 } .pr-timeline-sec .bottomitlc p { font-size: 14px; font-style: italic } .visafreecountries { width: 100%; height: auto; clear: both; padding: 0 0 80px 0 } .visafreecountries h3 { text-transform: uppercase; letter-spacing: 1px; font-weight: 300 } .visafreecountries .rt { text-align: right } .visafreecountries .rt h2 { font-size: 63px; color: #a8a8a8; font-weight: bold; letter-spacing: 0; line-height: 1 } .visafreecountries .rt h2 span { font-size: 18px; color: #231f20; font-weight: 300; display: block; text-transform: uppercase } .visafreecountries .arivl { display: block; font-size: 14px; line-height: 1; color: #231f20; font-weight: 300; font-style: italic } .visafreecountries .vcountrieslist { width: 100%; height: auto; clear: both } .visafreecountries .vcountrieslist .cols { -moz-column-width: 300px; -webkit-column-width: 300px; -moz-column-gap: 1em; -webkit-column-gap: 1em } .visafreecountries .vcountrieslist .box { display: inline-block; margin: 0.25rem; padding: 1rem; width: 100%; background: #efefef } .visafreecountries .vcountrieslist .outerbox { width: 100%; height: auto; padding: 25px; background: #ffff } .visafreecountries .vcountrieslist .outerbox h6 { color: #213e6a; text-transform: uppercase; font-weight: 500; margin-bottom: 20px; letter-spacing: 0 } .visafreecountries .vcountrieslist .outerbox ul { padding: 0 0 0 15px; margin: 0 } .visafreecountries .vcountrieslist .outerbox li { list-style-type: none; font-size: 15px; color: #231f20; font-weight: 300 } .visafreecountries .grid { margin-left: -15px; margin-right: -15px } .visafreecountries .grid-item { padding: 15px; box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.14); transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .visafreecountries .grid-item:hover { box-shadow: 0px 0px 22px 0px rgba(50, 50, 50, 0.27) } .visafreecountries .grid-item p { font-size: 14px } .visafreecountries .last { padding: 15px 0; box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0)!important } .visafreecountries .grid-item { width: 300px; margin-top: 30px } .brochure-dwnload { width: 100%; height: auto; clear: both; overflow: hidden; background: url(../images/homeslidebg1.jpg) top center; padding: 80px 0; position: relative } .brochure-dwnload .container { position: relative; z-index: 50 } .brochure-dwnload h3 { font-size: 38px; line-height: 1; color: #fff; text-transform: uppercase; font-weight: 300; letter-spacing: 0; margin-bottom: 35px } .brochure-dwnload h6 { color: #fff; font-weight: 300; text-transform: uppercase } .brochure-dwnload ul { padding: 0; margin: 0 } .brochure-dwnload li { font-size: 15px; line-height: 1; color: #fff; margin-top: 10px } .brochure-dwnload .row { display: flex; align-items: center; margin-top: 40px } .brochure-dwnload span { font-size: 14px; line-height: 1; color: #fff; font-weight: 300; display: inline-block; float: left; margin-right: 10px } .brochure-dwnload .btn { border: solid 1px #fff; color: #fff } .brochure-dwnload .bpic { width: 100%; height: auto; position: absolute; right: 0; bottom: -100px; text-align: right } .brochure-dwnload .bpic img { width: auto; max-width: 100%; display: inline-block } .inner-banner-sec.color-wht h1 { color: #fff } .inner-banner-sec.color-wht h2 { color: #fff } .programtop-nav.prnav.top-stickouter li { font-size: 20px; text-transform: uppercase; width: 48% } .programtop-nav.prnav.top-stickouter li a { display: block; padding: 20px 0 } .programtop-nav.prnav.top-stickouter li { border: none; border-right: solid 1px #8b9ba9 } .programtop-nav.prnav.top-stickouter li:last-child { border: none } .pgrm-sec1 { width: 100%; height: auto; padding: 80px 0; background: #f4f4f4 } .pgrm-sec1 h6 { color: #1c2842; letter-spacing: 1px; margin-top: 20px; font-weight: 500 } .pgrm-sec2 { width: 100%; height: auto; padding: 90px 0 60px 0; display: table; text-align: center; position: relative; text-align: center } .pgrm-sec2 .container { max-width: 1115px; position: relative; z-index: 10 } .pgrm-sec2 h2 { font-size: 57px; line-height: 1; color: #213e6a; position: relative; margin-bottom: 30px; text-align: center; text-transform: uppercase; font-weight: 300 } .pgrm-sec2 h2:before { content: ""; width: 17%; height: 1px; background: #213e6a; display: block; position: absolute; left: 8%; top: 28px } .pgrm-sec2 h2:after { content: ""; width: 17%; height: 1px; background: #213e6a; display: block; position: absolute; right: 8%; top: 28px } .program-tabsec.dtl { padding: 0 0 80px 0; display: table } .program-tabsec.dtl .row { padding-top: 40px } .program-tabsec.dtl .tabContainer { padding-top: 70px } .program-tabsec.dtl .tabContent { padding: 80px 0 } .program-tabsec.dtl .tabContainer3 { padding-top: 70px } .program-tabsec.dtl .tabContent3 { padding: 80px 0 } .program-tabsec.dtl ul.tabs li a { font-size: 17px; line-height: 17px } .program-tabsec.dtl ul.tabs3 li a { font-size: 17px; line-height: 17px } .program-tabsec.dtl .last-col .outerbox { background: none!important } .pgrm-sec2 h2 { clear: both } .gray { background: #f4f4f4 } .white { background: #fff } .program-tabsec.dtl .tabContent { padding: 30px 0 0 0 } .program-tabsec.dtl .tabContent3 { padding: 30px 0 0 0 } .programtop-nav.FAQ li:last-child { padding-left: 0; border-right: solid 1px #8b9ba9 } .programtop-nav.FAQ li { text-transform: uppercase } .faq-section { width: 100%; height: auto; padding: 75px 0 } .faq-section h2 { font-size: 50px; color: #213e6a; font-weight: 300; letter-spacing: 3px } .faq-section .acc__card { position: relative } .faq-section .acc__title { cursor: pointer; display: block; padding: 35px 0; padding-right: 22px; position: relative; text-align: left; text-transform: uppercase; font-size: 16px; line-height: 1.2; color: #231f20; font-weight: normal; border-top: solid 1px #213e6a } .faq-section .acc__title:after { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; position: absolute; right: 5px; content: ""; font: normal normal normal 23px/1 fontawesome; display: block; top: 25px; transition: all 0.2s ease-in-out } .faq-section .acc__title.active:after { content: ""; transition: all 0.2s ease-in-out } .faq-section .act:after { content: "" } .faq-section .acc__card:first-child .acc__title { padding-top: 0; border: none } .faq-section .acc__card:first-child .acc__title:after { top: 0 } .faq-section .acc__card:last-child .acc__title { border-bottom: solid 1px #213e6a } .faq-section .acc__card:last-child .active { border-bottom: none } .faq-section .acc__card:last-child .acc__panel { border-bottom: solid 1px #213e6a } .faq-section .acc__title.active { padding-bottom: 15px } .faq-section .acc__panel { display: none; margin: 0; padding: 0 0 10px 0; text-align: left } .faq-section .acc__panel p { font-size: 16px; color: #231f20; font-weight: 500 } .faq-section .acc__panel.activeblock { display: block!important } .gray { background: #f4f4f4 } .white { background: #fff } .mrtop2 { margin-top: 280px; position: relative } .mrtop2:before { content: ""; width: 100%; height: 280px; background: #f4f4f4; position: absolute; left: 0; top: -300px } div#programs-tab-head { position: relative; z-index: 600 } .eligibility-sign { width: 100%; height: auto; padding: 65px 0 20px 0 } .eligibility-sign img { width: auto; max-width: 100% } .elgibilitysec-1 { width: 100%; height: auto; clear: both } .inner-form-sec { width: 100%; height: auto; clear: both; padding: 20px 0 80px 0 } .inner-form-sec .col-lg-12.col-md-12.col-sm-12.mrt { margin-top: 0 } .inner-form-sec .formoutersec { width: 100%; height: auto; padding-bottom: 20px } .inner-form-sec .formoutersec .bottomtxtsec1 { width: 100%; height: auto; clear: both; font-size: 13px; line-height: 1.2; color: #191919; font-weight: 300; font-style: italic } .inner-form-sec .formoutersec .bdr-txt { border-top: 1px solid #d7d7d7; padding-top: 20px } .inner-form-sec .formoutersec .bdr-txt2 { border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding-top: 20px; padding-bottom: 20px } .inner-form-sec .formoutersec .bdr-btm { border-bottom: 1px solid #d7d7d7; padding-bottom: 15px } .inner-form-sec .formoutersec h6 { font-size: 15px; line-height: 1; color: #000; font-weight: bold; letter-spacing: 0; margin-bottom: 15px } .inner-form-sec .formoutersec .row { display: flex; flex-wrap: wrap } .inner-form-sec .formoutersec .select-programs { width: 100%; height: 47px } .inner-form-sec .formoutersec .select-programs input.search-txt { width: 100%; height: 48px; border-radius: 0!important; top: 0!important; font-weight: 500; background: #fff; font-size: 15px; color: #7d7878; padding: 0 10px!important } .inner-form-sec .formoutersec .SumoSelect { width: 100%; height: 48px; background: #fff; border: solid 1px #d7d7d7; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #191919 } .inner-form-sec .formoutersec .SumoSelect { width: 105%; text-align: left; padding-left: 15px; position: relative } .inner-form-sec .formoutersec .SumoSelect li { background: none; font-size: 13px; line-height: 1; font-weight: normal } .inner-form-sec .formoutersec label { font-weight: 500 } .inner-form-sec .formoutersec .SumoSelect>.optWrapper>.options li.opt { padding: 8px; border: none } .inner-form-sec .formoutersec .SumoSelect>.optWrapper>.options li { font-size: 15px; font-weight: 500; font-family: "Gotham" } .inner-form-sec .formoutersec .SumoSelect>.CaptionCont { position: relative; font-weight: normal; border: none; min-height: 48px; font-size: 15px; line-height: 48px; background-color: none; border-radius: 0; background: none; margin: 0; font-weight: 500; padding: 0px; outline: none!important; color: #7d7878 } .inner-form-sec .formoutersec .SumoSelect.open>.CaptionCont, .inner-form-sec .formoutersec .SumoSelect:focus>.CaptionCont, .inner-form-sec .formoutersec .SumoSelect:hover>.CaptionCont { box-shadow: 0 0 0px #cbad8a; border: none } .inner-form-sec .formoutersec .SumoSelect>.CaptionCont>label>i { background: none; display: inline-block; color: #656565; margin-left: 0 } .inner-form-sec .formoutersec .SumoSelect>.CaptionCont>label>i:before { content: ""; font: normal normal normal 23px/1 fontawesome; position: relative; top: -18px } .inner-form-sec .formoutersec .SumoSelect>.CaptionCont>label { width: 13px } .inner-form-sec .formoutersec .SumoSelect.open>.optWrapper { top: 46px } .inner-form-sec .formoutersec .SumoSelect.open { background: none; padding: 0 } .inner-form-sec .formoutersec .compare-wrapper .compare-box .SumoSelect.open>.optWrapper { padding: 5px } .inner-form-sec .formoutersec .SumoSelect>.optWrapper { border: solid 1px #d7d7d7; border-radius: 0 } .inner-form-sec .formoutersec .SumoSelect .no-match { color: red; font-size: 13px; font-weight: 500 } .inner-form-sec .formoutersec .col-lg-6, .inner-form-sec .formoutersec .col-lg-12 { margin-top: 10px } .inner-form-sec .formoutersec .tbx { width: 100%; height: 45px; background: #fff; border: solid 1px #d7d7d7; outline: none; padding: 0 10px; font-size: 15px; font-weight: 500; color: #191919 } .inner-form-sec .formoutersec .numbersec { width: 104.6%; height: 46px; background: #fff; border: solid 1px #d7d7d7; outline: none; padding: 0; font-size: 15px; font-weight: 500; color: #191919 } .inner-form-sec .formoutersec .numbersec .SumoSelect { width: 100%; border: none; height: 43px } .inner-form-sec .formoutersec .numbersec .SumoSelect:before { content: ""; width: 1px; height: 28px; background: #d7d7d7; position: absolute; left: 0; top: 10px } .inner-form-sec .formoutersec .numbersec .SumoSelect:after { content: ""; width: 1px; height: 28px; background: #d7d7d7; position: absolute; right: 0; top: 10px } .inner-form-sec .formoutersec .numbersec .text { width: 20%; padding-left: 10px; height: auto; float: left; font-size: 15px; line-height: 45px; font-weight: 500; opacity: 0.7; color: #191919 } .inner-form-sec .formoutersec .numbersec .numbercode { width: 30%; height: auto; float: left; font-size: 15px; font-weight: 500; color: #191919 } .inner-form-sec .formoutersec .numbersec .numbercode .SumoSelect>.CaptionCont { font-size: 13px } .inner-form-sec .formoutersec .numbersec .tbx2 { width: 44%; height: 43px; background: #fff; float: right; border: none; outline: none; padding: 0 10px; font-size: 15px; font-weight: 500; color: #191919 } .inner-form-sec .formoutersec .btn { background: #fff; color: #213e6a; border: solid 1px #213e6a; font-size: 22px; margin-top: 5px; outline: none; font-weight: 300; letter-spacing: 2px; padding: 14px 65px } .inner-form-sec .formoutersec .btn:hover { background: #213e6a; color: #fff } .inner-form-sec .formoutersec .tarea { width: 100%; height: 110px; background: #fff; border: solid 1px #d7d7d7; outline: none; padding: 15px 10px 0 10px; font-size: 15px; line-height: 13px; font-weight: 500; color: #191919 } .inner-form-sec .formoutersec ::-webkit-input-placeholder { color: #191919; opacity: 0.7 } .inner-form-sec .formoutersec ::-moz-placeholder { color: #191919; opacity: 0.7 } .inner-form-sec .formoutersec :-ms-input-placeholder { color: #191919; opacity: 0.7 } .inner-form-sec .formoutersec :-moz-placeholder { color: #191919; opacity: 0.7 } .max1 { max-width: 1020px } .page-template-eligibility .contact-and-advisersec, .page-template-partner-agents .contact-and-advisersec, .page-template-templatescontact-php .contact-and-advisersec, .page-template-templatesthankyou-php .contact-and-advisersec { display: none } .inner-form-sec .formoutersec .col-lg-12 .fw { width: 100%; height: auto } .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec { width: 102.5% } .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .tbx2 { float: left } .inner-form-sec .formoutersec .col-lg-12 .fw .numbercode { position: relative; width: auto; padding: 0 15px } .inner-form-sec .formoutersec .col-lg-12 .fw .numbercode:before { content: ""; width: 1px; height: 28px; background: #d7d7d7; position: absolute; left: 0; top: 10px } .inner-form-sec .formoutersec .col-lg-12 .fw .numbercode:after { content: ""; width: 1px; height: 28px; background: #d7d7d7; position: absolute; right: 0; top: 10px } .inner-form-sec .formoutersec .col-lg-12 .fw .numbercode .lbl { width: auto; height: auto; float: left; position: relative; background: #e8e9ec; display: inline-block; margin: 5px 2px; border-radius: 5px; padding: 10px 20px; font-size: 14px; line-height: 1; color: #191919; font-weight: 500 } .inner-form-sec .formoutersec .col-lg-12 .fw .numbercode .lbl .close { display: block; position: absolute; right: 0; top: -6px; z-index: 5; border-radius: 100%; color: #909090; cursor: pointer } .inner-form-sec .formoutersec .col-lg-12 .fw .numbercode .lbl .close:hover { color: #000 } .inner-form-sec .formoutersec .col-lg-12 .fw .numbercode .lbl .close:before { content: ""; font: normal normal normal 16px/1 fontawesome; display: block } .page-template-templatesthankyou-php .common-right-box { display: none } .thankyou-page { width: 100%; height: auto; padding: 160px 0; background: #fff; text-align: center } .thankyou-page h2 { font-size: 50px; line-height: 1; color: #000; text-transform: uppercase; font-weight: 300; letter-spacing: 2px } .thankyou-page p { font-size: 20px; line-height: 1.4; color: #000; margin-bottom: 20px } .thankyou-page .btn { display: inline-block; font-size: 22px; line-height: 1; font-weight: 300; letter-spacing: 2px; padding: 13px 50px } .contactus-topsec { width: 100%; height: auto; padding-top: 90px } .contactus-topsec h1 { font-size: 40px; color: #213e6a; text-transform: uppercase; letter-spacing: 1px } .contactus-topsec h2 { font-size: 40px; color: #213e6a; text-transform: uppercase; letter-spacing: 1px } .contact-wrapper .contactsign { width: 100%; height: auto; display: inline-block; padding: 40px 0 } .contact-wrapper .contactsign img { width: auto; max-width: 435px } .contact-wrapper .bottom-numbersec .mdl { border-left: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7 } .contact-wrapper .bottom-numbersec ul { padding: 0; margin: 0 } .contact-wrapper .bottom-numbersec li { width: 100%; height: auto; list-style-type: none } .contact-wrapper .bottom-numbersec p { font-size: 15px; color: #231f20; font-weight: 500 } .contact-wrapper .get-btn { width: auto; height: auto; display: inline-block; margin-top: 100px; padding: 10px 30px; font-size: 15px; line-height: 15px; color: #fff; text-transform: uppercase; font-weight: 500; background: #163760 } .contact-wrapper .get-btn:hover { background: #1e4575 } .contact-wrapper .addresec { width: 100%; height: auto; clear: both } .contact-wrapper .addresec p { font-size: 15px; line-height: 1.9; font-weight: 500; color: #231f20 } .contact-wrapper .inner-form-sec .formoutersec h6 { font-size: 18px; line-height: 1.6; color: #213e6a; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; margin-bottom: 0 } .contact-wrapper .inner-form-sec .formoutersec ::-webkit-input-placeholder { color: #191919; opacity: 1 } .contact-wrapper .inner-form-sec .formoutersec ::-moz-placeholder { color: #191919; opacity: 1 } .contact-wrapper .inner-form-sec .formoutersec :-ms-input-placeholder { color: #191919; opacity: 1 } .contact-wrapper .inner-form-sec .formoutersec :-moz-placeholder { color: #191919; opacity: 1 } .contact-map { width: 100%; height: auto; position: relative; z-index: 600; background: #000 } .contact-map #map { width: 100%; height: 680px } .address-sec h5 { text-transform: uppercase; color: #213e6a; letter-spacing: 1px; font-weight: 500; font-size: 16px } .compare-wrapper { width: 100%; height: auto; padding: 75px 0 175px 0; background: url(../images/bg2.jpg) top center } .compare-wrapper .toptitle-sec { width: 100%; height: auto; text-align: center; padding-bottom: 100px } .compare-wrapper .toptitle-sec h2 { color: #fff; text-transform: uppercase; letter-spacing: 0 } .compare-wrapper .toptitle-sec h1 { color: #fff; text-transform: uppercase; letter-spacing: 0 } .compare-wrapper .compare-box { width: 100%; height: auto } .compare-wrapper .compare-box .col-lg-2 { padding-bottom: 30px; border-left: solid 1px #d3d8e1 } .compare-wrapper .compare-box .subheadrow { display: flex; background: #e7eaef; height: 97px } .compare-wrapper .compare-box .subheadrow .col-lg-2 { height: 100%; padding-top: 0; padding-bottom: 0; display: flex; align-items: center; border-left: solid 1px #d3d8e1 } .compare-wrapper .compare-box .subheadrow h6 { font-size: 16px; color: #000; font-weight: 400; text-transform: uppercase; letter-spacing: 0; margin: 0 auto; text-align: center } .compare-wrapper .compare-box .detailrow h6 { font-size: 16px; color: #213e6a; font-weight: bold; letter-spacing: 0 } .compare-wrapper .compare-box .detailrow h6 span { display: block; font-size: 13px; line-height: 1.3; color: #212121; font-style: italic } .compare-wrapper .compare-box .detailrow .btn { background: #163760; color: #fff; font-weight: 300 } .compare-wrapper .compare-box .detailrow .btn:hover { opacity: 0.8 } .compare-wrapper .compare-box .detailrow .col-lg-2 { font-size: 16px; line-height: 1.3; color: #000; font-weight: 500; background: #fff; border-top: solid 1px #d3d8e1 } .compare-wrapper .compare-box .detailrow .col-lg-2:nth-child(2n) { background: #f4f5f7 } .compare-wrapper .compare-box .detailrow .close { width: 43px; height: 42px; background: url(../images/clse1.png); display: block; margin: auto; font-size: 0 } .compare-wrapper .compare-box .detailrow .col-lg-2 { height: auto; min-height: 100px; padding-top: 0; padding-bottom: 0; display: flex; align-items: center; border-left: solid 1px #d3d8e1 } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt { width: auto; height: auto; display: flex; align-items: center; text-align: center; margin: auto; padding: 0 5px; font-size: 16px; line-height: 1.3; color: #000; font-weight: 500 } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt2 { width: auto; height: auto; display: flex; align-items: center; text-align: center; margin: 0px auto; padding: 10px 5px; font-size: 16px; line-height: 1.3; color: #363535; font-weight: bold } .compare-wrapper .compare-box .detailrow .col-lg-2 .rate { font-weight: bold; color: #363535 } .compare-wrapper .compare-box .detailrow .col-lg-2 .lbl:first-child { border-right: solid 1px #d3d8e1 } .compare-wrapper .compare-box .detailrow .col-lg-2 .lbl { float: left; padding: 10px 20px; width: 73px } .compare-wrapper .compare-box .col-lg-2 { border-left: solid 1px #2e4b70; height: 100% } .compare-wrapper .compare-box .logo-icon { width: 100%; height: auto; text-align: center; position: relative; margin-top: -45px; margin-bottom: 0 } .compare-wrapper .compare-box .logo-icon img { width: auto; max-width: 100%; display: inline-block } .compare-wrapper .compare-box .top-head { background: #163760; color: #fff; height: 97px } .compare-wrapper .compare-box .top-head h3 { font-size: 18px; line-height: 1; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 0; text-align: center } .compare-wrapper .compare-box .select-programs { width: 100%; height: auto; padding-top: 34px } .compare-wrapper .compare-box .select-programs input.search-txt { width: 100%; height: 40px; border-radius: 0!important; border: solid 1px #bbc1cb!important; top: 0!important; font-weight: 300; font-size: 16px; color: #000; padding: 0 10px!important } .compare-wrapper .compare-box .slt2 { padding-top: 0; margin-top: -5px } .compare-wrapper .compare-box label { font-weight: 500 } .compare-wrapper .compare-box .SumoSelect>.optWrapper>.options li.opt { padding: 8px; border: none } .compare-wrapper .compare-box .SumoSelect>.optWrapper>.options li { font-size: 15px; font-weight: 500; font-family: "Gotham" } .compare-wrapper .compare-box .SumoSelect>.CaptionCont { position: relative; font-weight: normal; border: none; min-height: 40px; font-size: 16px; text-transform: uppercase; line-height: 40px; background-color: none; border-radius: 0; background: none; margin: 0; font-weight: 300; padding: 0px; outline: none!important; color: #fff } .compare-wrapper .compare-box .SumoSelect.open>.CaptionCont, .compare-wrapper .compare-box .SumoSelect:focus>.CaptionCont, .compare-wrapper .compare-box .SumoSelect:hover>.CaptionCont { box-shadow: 0 0 0px #cbad8a; border: none } .compare-wrapper .compare-box .SumoSelect>.CaptionCont>label>i { background: none; display: inline-block; color: #fff; margin-left: 0; top: -15px } .compare-wrapper .compare-box .SumoSelect>.CaptionCont>label>i:before { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; top: -9px } .compare-wrapper .compare-box .SumoSelect>.CaptionCont>label { width: 13px } .compare-wrapper .compare-box .SumoSelect.open>.optWrapper { top: 48px; border-radius: 0px } .compare-wrapper .compare-box .SumoSelect.open { background: #fff; padding: 5px } .compare-wrapper .compare-box .compare-wrapper .compare-box .SumoSelect.open>.optWrapper { padding: 5px } .compare-wrapper .compare-box .SumoSelect>.optWrapper { border: none } .compare-wrapper span.mobiletitle { width: 100%; height: auto; display: none; font-weight: bold; color: #213e6a } .headerblock .bottom-sec .container { position: relative } .programsubnav { width: 100%; height: 5px; position: absolute; left: 65%; top: 100%; background: #ffff; margin-top: 20px; opacity: 0; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.21) } .programsubnav .outer-box { height: auto; float: left; padding-top: 45px; padding-bottom: 45px } .programsubnav .outer-box h3 { font-size: 24px; line-height: 1; color: #163760; font-weight: bold; text-transform: uppercase; letter-spacing: 0; margin-bottom: 20px } .programsubnav .outer-box h4 { font-size: 20px; line-height: 1; color: #000; font-weight: 300; text-transform: uppercase; letter-spacing: 0; margin-bottom: 17px } .programsubnav .outer-box h5 { font-size: 14px; line-height: 1; color: #000; font-weight: 400; text-transform: uppercase; letter-spacing: 0; margin-bottom: 20px } .programsubnav .outer-box h6 { font-size: 14px; line-height: 1; color: #000; font-weight: 400; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0; margin-top: -25px; margin-bottom: 5px } .programsubnav .outer-box .oter-row { width: 100%; height: auto } .programsubnav .outer-box .col-6 { width: 50%; height: auto; float: left } .programsubnav .outer-box ul { padding: 0; margin: 0 } .programsubnav .outer-box li { list-style-type: none; width: 100%; font-size: 16px; line-height: 1; color: #000; font-weight: 300; margin: 0 0 10px 0 } .programsubnav .outer-box li a { color: #000 } .programsubnav .outer-box li a:hover { color: #163760 } .programsubnav .outer-box .mr-top { margin-top: 25px; width: 100%; height: auto; display: inline-block } .programsubnav .outer-box .mr-top2 { margin-top: 60px; width: 100%; height: auto; display: inline-block } .programsubnav .b1 { width: 40%; border-right: solid 1px #cccccc; padding-left: 40px } .programsubnav .b2 { width: 27%; border-right: solid 1px #163760; padding-left: 60px; padding-right: 0 } .programsubnav .b3 { width: 33%; padding-left: 40px; background-color: #ebebeb } .programsubnav .b3 h3 { color: #000 } .programsubnav.ptop { opacity: 1; height: auto } .modal { position: absolute; z-index: 10000; top: 0; left: 0; visibility: hidden; width: 100%; height: 100% } .modal.is-visible { visibility: visible } .modal-overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s } .modal.is-visible .modal-overlay { opacity: 1; visibility: visible; transition-delay: 0s } .modal-wrapper { position: fixed; z-index: 9999; top: 6em; left: 46%; width: 37em; margin-left: -16em; background-color: #fff; box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.35) } .modal-transition { transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0 } .modal.is-visible .modal-transition { transform: translateY(0); opacity: 1 } .modal-content, .modal-header { padding: 1em } .modal-header { position: relative; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); border-bottom: 1px solid #e8e8e8 } .modal-close { position: absolute; top: 0; right: 0; padding: 10px; color: #aaa; background: none; border: 0 } .modal-close:before { content: ""; font: normal normal normal 22px/1 fontawesome; display: block } .modal-close:hover { color: #777 } .modal-heading { font-size: 32px; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-weight: 300 } .modal-content>:first-child { margin-top: 0 } .modal-content>:last-child { margin-bottom: 0 } .home-latest-news .news-gallerysec .outerbox .pic .bx2 { display: none } .home-latest-news .news-gallerysec .outerbox .pic .bx { display: none } .home-latest-news .news-gallerysec .outerbox .more { margin-top: 20px } .home-latest-news .news-gallerysec .outerbox p { margin-bottom: 10px } .why-second-passport h2:before { background: url(../images/beforebg.png) } .why-second-passport h2:after { background: url(../images/beforebg.png) } .home-latest-news h2:before { background: url(../images/beforebg.png) } .home-latest-news h2:after { background: url(../images/beforebg.png) } .h-our-programsouter { background: url(../images/map-dot-big.png) top center no-repeat } .program-tabsec .col-lg-4 { display: flex } .program-tabsec .outerbox { height: auto } .program-tabsec .outerbox a { display: block; height: 100%; overflow: hidden } .program-tabsec .outerbox .pic .bx { display: none } .program-tabsec .outerbox .pic .bx2 { display: none } .program-tabsec .outerbox .pic { max-height: 100px; display: block } .program-tabsec .outerbox .content-sec { height: 100% } .program-tabsec .last-col .btn { height: auto } .program-tabsec .compare { height: auto } .home-signimagesec .container img { max-width: 625px } .appl-listingsec li { font-size: 14px } .appl-top-sec { padding-bottom: 30px } .btn.clicktoexpand { cursor: pointer } .programtop-nav.prnav.top-stickouter li a { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .programtop-nav.prnav.top-stickouter li a:hover { font-weight: bold } .programtop-nav .active { font-weight: bold } .benifit-sec .b-gallery .outerbox .pic .bx { display: none } .benifit-sec .b-gallery .outerbox .pic .bx { display: none } .hide2 { display: none } .benifit-sec .b-gallery .outerbox .pic .bx2 { display: none } button.expand-btn .expn { display: inline-block } button.expand-btn .less { display: none } button.expand-btn { font-size: 16px; line-height: 1; color: #1c2842!important; text-transform: uppercase; font-weight: 500; border: none; outline: none; background: none; cursor: pointer; display: block; margin-top: 10px } button.expand-btn:after { content: ""; font: normal normal normal 22px/1 fontawesome; display: inline-block; position: relative; right: -10px; top: 2px; background: none } button.expand-btn.clicked .expn { display: none } button.expand-btn.clicked .less { display: inline-block } button.expand-btn.clicked:after { content: "" } svg { height: 85vh; margin: auto; display: block } svg path { fill: none; stroke: red; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10 } svg path.st1 { stroke-width: 2 } .home-signimagesec .container img { display: none } .home-signimagesec .svgAnimation.is-animated { stroke: #213e6a; stroke-width: 1 } .home-signimagesec svg { height: auto } .home-signimagesec .pathWrap { margin: 0; float: right; max-width: 640px } .homemain-banner .svgAnimation.is-animated { stroke: #fff; stroke-width: 1 } .homemain-banner svg { height: auto } .contact-and-advisersec .bottom-signsec .svgAnimation.is-animated { stroke: #fff; stroke-width: 1 } .contact-and-advisersec .bottom-signsec svg { height: auto } .contact-and-advisersec .bottom-signsec .pathWrap { margin: 0; max-width: 350px; position: absolute; top: -42px; right: 0; display: none } .headerblock .mobilehdr { display: none } .headerblock .bottom-sec .logosec a.mobilhide { display: block } .headerblock .bottom-sec .logosec a.mobil-logo { display: none } .mblprgms { width: 20px; height: 30px; position: absolute; z-index: 2000; font-size: 0; top: 220px; right: 20.5vw; display: none } .mblprgms:before { content: ""; font: normal normal normal 33px/1 fontawesome; color: #163760 } .mblprgmsclose { left: 19vw; display: none; position: absolute; top: 120px; z-index: 2500; width: 85px; height: 14px; background: url(../images/backbtn.png) 0 0; font-size: 0 } .mblprgmsclose:before { font-size: 0 } .home-mobilbanner { width: 100%; height: auto } .home-mobilbanner img { width: 100%; height: auto; display: block; margin: 0 } .home-mobilbanner { display: none } .home-signimagesec-mobile { display: none } .home-latest-news .news-gallerysec .outerbox .more { background: #fff; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .subscribe-sec .newsletterbox .tnp-widget-minimal form { display: flex; justify-content: space-between } .subscribe-sec .newsletterbox .tnp-widget-minimal form input.tnp-email { width: calc(100% - 200px); height: 50px; background: #fff; float: left; font-size: 16px; color: #0d101b; font-weight: 300; padding: 0 20px; border: none; outline: none; font-family: "Gotham" } .subscribe-sec .newsletterbox .tnp-widget-minimal form input.tnp-submit { width: 155px; height: 50px; background: #213e6a; border: none; float: right; outline: none; font-family: "Gotham"; font-weight: 300; font-size: 22px; text-transform: uppercase; color: #fff; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; border-radius: 0; padding: 10px } .subscribe-sec .newsletterbox .tnp-widget-minimal form input.tnp-submit:hover { background: #000 } .newsletterbox p { font-style: italic; font-size: 13px; line-height: 1.2; clear: both; display: block; padding-top: 10px; text-align: right; font-weight: 500 } .newsletterbox p a { color: #fff; text-decoration: underline } .newsletterbox p a:hover { color: #000 } .benifit-sec .b-gallery .outerbox .show-more { display: none } .benifit-sec h3 { margin-bottom: 53px } .inner-banner-sec .log-icon { border-radius: 50%; overflow: hidden } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .SumoSelect>.CaptionCont>span.placeholder { color: #191919; font-style: normal } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec input.search-txt { font-weight: 500; height: 45px } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec:before { content: ""; font: normal normal normal 22px/1 fontawesome; color: #656565; position: absolute; right: 20px; top: 9px } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec { height: auto; min-height: 45px; position: relative } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec li { font-size: 15px; font-weight: 500; font-family: "Gotham" } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; font-size: 13px; line-height: 1; color: #fff; font-weight: 500; background: #172643 } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-container--default .select2-selection--multiple { background: none } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec span.select2-selection.select2-selection--multiple { border: none!important } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-container { width: 80%!important; position: relative; z-index: 20 } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-results__option .select2-container--default .select2-results__option--selected { background-color: #3e4658 } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-container--default .select2-results__option--selected { background-color: #5c6f96!important } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-selection--single { width: 110%; height: 45px; background: #10182f; border: solid 1px #455d7d; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #fff; border-radius: 0 } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff; line-height: 28px; margin-top: 8px } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px; position: absolute; top: 1px; right: -10px; width: 20px } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; border-style: solid; border-width: 6px 6px 0 6px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .iti__arrow { margin-left: 4px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff } .page-template-partners-agents .inner-wrapper .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec .iti__arrow--up { border-top: none; border-bottom: 6px solid #fff } .compare-wrapper .compare-box .logo-icon { position: relative; margin-top: -45px; margin-bottom: 0; width: 77px; height: 77px; border-radius: 50%; overflow: hidden; display: inline-block } .compare-wrapper .compare-box .top-head .col-lg-2 { text-align: center } .compare-wrapper .compare-box .top-head .col-lg-2 { text-align: center; display: flex; flex-wrap: wrap; align-items: flex-end; padding-bottom: 15px; justify-content: center } .compare-wrapper .compare-box .SumoSelect>.optWrapper>.options li.opt { text-align: left } .country-infosec .text { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .country-infosec .text p { display: none } .country-infosec .text p:first-child { display: block; display: -webkit-box; max-width: 100%; height: 67px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis } .country-infosec .text .exptxt { width: 140px; height: 22px; position: relative; font-size: 16px; line-height: 1; color: #fff!important; text-transform: uppercase; font-weight: 300; cursor: pointer; display: block; margin-top: 10px } .country-infosec .text .exptxt:after { content: ""; font: normal normal normal 22px/1 fontawesome; display: inline-block; position: absolute; right: 10px; top: -4px } .country-infosec .text.opn p:first-child { height: auto; -webkit-line-clamp: inherit; -webkit-box-orient: vertical; overflow: initial; text-overflow: inherit } .country-infosec .text.opn p { display: block } .country-infosec .text.opn .exptxt:after { content: "" } .country-infosec .text.opn .exptxt { font-size: 0 } .country-infosec .text.opn .exptxt:before { content: "READ LESS"; font-size: 16px; line-height: 1; color: #fff!important; text-transform: uppercase; font-weight: 300; position: absolute; left: 0; top: 0 } .headerblock .main-navigation>ul li.abtmbl { display: none } .page-template-check-eligibility .inner-form-sec .formoutersec .SumoSelect.open { padding: 0 10px } .inner-form-sec .formoutersec .col-lg-4, .inner-form-sec .formoutersec .col-lg-5, .inner-form-sec .formoutersec .col-lg-6, .inner-form-sec .formoutersec .col-lg-7, .inner-form-sec .formoutersec .col-lg-12 { display: flex; flex-wrap: wrap } .inner-form-sec .formoutersec .col-lg-4 label.error, .inner-form-sec .formoutersec .col-lg-5 label.error, .inner-form-sec .formoutersec .col-lg-6 label.error, .inner-form-sec .formoutersec .col-lg-7 label.error, .inner-form-sec .formoutersec .col-lg-12 label.error { top: -38px } .inner-form-sec .formoutersec .col-lg-4 .SumoSelect label.error, .inner-form-sec .formoutersec .col-lg-5 .SumoSelect label.error, .inner-form-sec .formoutersec .col-lg-6 .SumoSelect label.error, .inner-form-sec .formoutersec .col-lg-7 .SumoSelect label.error, .inner-form-sec .formoutersec .col-lg-12 .SumoSelect label.error { left: -10px } .inner-form-sec .formoutersec .col-lg-4 .iti.iti--allow-dropdown label.error, .inner-form-sec .formoutersec .col-lg-5 .iti.iti--allow-dropdown label.error, .inner-form-sec .formoutersec .col-lg-6 .iti.iti--allow-dropdown label.error, .inner-form-sec .formoutersec .col-lg-7 .iti.iti--allow-dropdown label.error, .inner-form-sec .formoutersec .col-lg-12 .iti.iti--allow-dropdown label.error { left: -10px } .inner-form-sec .formoutersec .col-lg-4 label#partner-target-markets-error, .inner-form-sec .formoutersec .col-lg-5 label#partner-target-markets-error, .inner-form-sec .formoutersec .col-lg-6 label#partner-target-markets-error, .inner-form-sec .formoutersec .col-lg-7 label#partner-target-markets-error, .inner-form-sec .formoutersec .col-lg-12 label#partner-target-markets-error { min-height: 20px } .inner-form-sec .formoutersec .col-lg-4 .select2-container, .inner-form-sec .formoutersec .col-lg-5 .select2-container, .inner-form-sec .formoutersec .col-lg-6 .select2-container, .inner-form-sec .formoutersec .col-lg-7 .select2-container, .inner-form-sec .formoutersec .col-lg-12 .select2-container { width: 100%!important } .inner-form-sec .formoutersec .col-lg-4 .inner-form-sec .formoutersec .SumoSelect, .inner-form-sec .formoutersec .col-lg-5 .inner-form-sec .formoutersec .SumoSelect, .inner-form-sec .formoutersec .col-lg-6 .inner-form-sec .formoutersec .SumoSelect, .inner-form-sec .formoutersec .col-lg-7 .inner-form-sec .formoutersec .SumoSelect, .inner-form-sec .formoutersec .col-lg-12 .inner-form-sec .formoutersec .SumoSelect { width: 100% } .inner-form-sec .formoutersec .col-lg-4 .select2-container .select2-selection--single, .inner-form-sec .formoutersec .col-lg-5 .select2-container .select2-selection--single, .inner-form-sec .formoutersec .col-lg-6 .select2-container .select2-selection--single, .inner-form-sec .formoutersec .col-lg-7 .select2-container .select2-selection--single, .inner-form-sec .formoutersec .col-lg-12 .select2-container .select2-selection--single { width: 100% } .inner-form-sec .formoutersec .col-lg-4 .select2-container--default .select2-selection--single, .inner-form-sec .formoutersec .col-lg-5 .select2-container--default .select2-selection--single, .inner-form-sec .formoutersec .col-lg-6 .select2-container--default .select2-selection--single, .inner-form-sec .formoutersec .col-lg-7 .select2-container--default .select2-selection--single, .inner-form-sec .formoutersec .col-lg-12 .select2-container--default .select2-selection--single { border: solid 1px #d7d7d7 } .inner-form-sec .formoutersec .col-lg-4 .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .inner-form-sec .formoutersec .col-lg-5 .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .inner-form-sec .formoutersec .col-lg-6 .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .inner-form-sec .formoutersec .col-lg-7 .select2-container--default .select2-selection--single .select2-selection__arrow b:before, .inner-form-sec .formoutersec .col-lg-12 .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: ""; font: normal normal normal 23px/1 fontawesome; position: relative; top: -18px } .inner-form-sec .formoutersec .col-lg-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, .inner-form-sec .formoutersec .col-lg-5 .select2-container--default .select2-selection--single .select2-selection__arrow b, .inner-form-sec .formoutersec .col-lg-6 .select2-container--default .select2-selection--single .select2-selection__arrow b, .inner-form-sec .formoutersec .col-lg-7 .select2-container--default .select2-selection--single .select2-selection__arrow b, .inner-form-sec .formoutersec .col-lg-12 .select2-container--default .select2-selection--single .select2-selection__arrow b { background: none; display: inline-block; color: #656565; margin-left: 0; border: none; top: 24px; left: 0 } .inner-form-sec .formoutersec .col-lg-4 .select2-container--default .select2-selection--single .select2-selection__rendered, .inner-form-sec .formoutersec .col-lg-5 .select2-container--default .select2-selection--single .select2-selection__rendered, .inner-form-sec .formoutersec .col-lg-6 .select2-container--default .select2-selection--single .select2-selection__rendered, .inner-form-sec .formoutersec .col-lg-7 .select2-container--default .select2-selection--single .select2-selection__rendered, .inner-form-sec .formoutersec .col-lg-12 .select2-container--default .select2-selection--single .select2-selection__rendered { color: #7d7878 } .inner-form-sec .formoutersec .col-lg-4 .select-programs--.slt2, .inner-form-sec .formoutersec .col-lg-5 .select-programs--.slt2, .inner-form-sec .formoutersec .col-lg-6 .select-programs--.slt2, .inner-form-sec .formoutersec .col-lg-7 .select-programs--.slt2, .inner-form-sec .formoutersec .col-lg-12 .select-programs--.slt2 { width: 100% } .inner-form-sec .formoutersec .col-lg-12 .fw .numbersec { width: 100% } .inner-form-sec .formoutersec .bdr-txt { width: 100% } .inner-form-sec .formoutersec label { margin-top: 15px; margin-bottom: 15px } .inner-form-sec .formoutersec .row.bdr-btm { width: 100%; margin: 0 } .inner-form-sec .formoutersec .row.bdr-btm .col-lg-4 { padding: 0 } .contact-wrapper .get-btn { width: 180px; height: 35px; font-size: 15px; line-height: 35px; text-align: center; padding: 0 } .contact-wrapper .inner-form-sec .formoutersec .col-lg-6 .select2-container--default .select2-selection--single .select2-selection__rendered, .contact-wrapper .inner-form-sec .formoutersec .col-lg-12 .select2-container--default .select2-selection--single .select2-selection__rendered { color: #191919; font-size: 15px } .contact-wrapper .inner-form-sec .formoutersec .col-lg-12:last-child { display: block } .page-template-partners-agents .inner-form-sec .formoutersec .col-lg-12:last-child .row .col-lg-12:last-child { display: block } .page-template-check-eligibility .inner-form-sec .formoutersec .col-lg-12:last-child { display: block } label#partner-target-markets-error { min-height: 20px } .contact-and-advisersec label.error { z-index: 10 } body.rtl { text-align: right } body.rtl .homemain-banner h2 { text-align: right!important } body.rtl .homemain-banner h1 { text-align: right!important } body.rtl .homemain-banner .pathWrap { float: right } body.rtl .homemain-banner .outercontent-box .content-sec .container { max-width: 1700px } body.rtl .main-navigation li a { text-align: right } body.rtl .programsubnav .outer-box .col-6 { padding-right: 15px } body.rtl .programsubnav .outer-box h3 { padding-right: 15px } body.rtl .programsubnav .outer-box h4 { padding-right: 15px } body.rtl .programsubnav .outer-box h6 { padding-right: 15px } body.rtl .programsubnav .outer-box li { padding-right: 15px } body.rtl .become-our-ambassador-sec { transform: scaleX(-1) } body.rtl .become-our-ambassador-sec .container { transform: scaleX(-1) } body.rtl .inner-banner-sec h1 { text-align: right } body.rtl .inner-banner-sec h2 { text-align: right } body.rtl .bespoke-sec .pic img { right: 0 } body.rtl .contact-and-advisersec .bottom-signsec .pathWrap { right: auto; left: 0 } body.rtl .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow { right: auto; left: 0 } body.rtl .programtop-nav.prnav.top-stickouter li { border-right: none; border-left: solid 1px #8b9ba9 } body.rtl .programtop-nav.prnav.top-stickouter li:last-child { border: none } body.rtl .programtop-nav.FAQ li { border: none } body.rtl .programtop-nav.FAQ li:last-child { border: none } body.rtl .faq-section .acc__title { text-align: right; padding-right: 0; padding-left: 22px } body.rtl .faq-section .acc__title:after { right: auto; left: 0 } body.rtl .faq-section .acc__panel { text-align: right } body.rtl .inner-form-sec .formoutersec .col-lg-4 .select2-container--default .select2-selection--single .select2-selection__arrow b, body.rtl .inner-form-sec .formoutersec .col-lg-5 .select2-container--default .select2-selection--single .select2-selection__arrow b, body.rtl .inner-form-sec .formoutersec .col-lg-6 .select2-container--default .select2-selection--single .select2-selection__arrow b, body.rtl .inner-form-sec .formoutersec .col-lg-7 .select2-container--default .select2-selection--single .select2-selection__arrow b, body.rtl .inner-form-sec .formoutersec .col-lg-12 .select2-container--default .select2-selection--single .select2-selection__arrow b { left: 30px } body.rtl .country-infosec .text .exptxt:after { right: auto; left: 0 } body.rtl .headerblock .top-sec .form-control { padding-left: 0; padding-right: 20px } body.rtl .footer-nav-outer .social-media ul li { margin: 0 0 0 22px; float: right } .page-template-about.rtl .inner-banner-sec { position: relative } .page-template-about.rtl .inner-banner-sec:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0.4; background: #000 } .page-template-about.rtl .inner-banner-sec h1 { color: #fff } .page-template-about.rtl .inner-banner-sec h2 { color: #fff } .homemain-banner .sign { display: none } .homemain-banner .outercontent-box { display: block } .citizenshipnewsmobile.row { display: none } .program-tabsec .outerbox .content-sec .icon { background: #e8e7e7; border: solid 3px #fff } .program-tabsec .outerbox .content-sec .icon img { width: 110%; height: auto; max-width: 110%; position: relative; left: -5%; top: -5% } .home-latest-news .news-gallerysec .outerbox .content-box { text-align: left } body.rtl .home-latest-news .news-gallerysec .outerbox .content-box { text-align: right } .inner-banner-sec { min-height: 400px; background: url(../images/dflt-banner.jpg) top center } .benifit-sec { text-align: left } .benifit-sec .b-gallery .outerbox .show-more { position: relative } .benifit-sec .b-gallery .outerbox .show-more:after { position: absolute; right: 10px; top: 7px } body.rtl .benifit-sec { text-align: right } .sub-back { display: none } .sbk2 { display: none } .fancybox-content .formoutersec { width: 100%; max-width: 1000px; height: auto } .fancybox-content .formoutersec .select-programs { width: 100%; height: 47px; display: flex } .fancybox-content .formoutersec .select-programs input.search-txt { width: 100%; height: 48px; border-radius: 0!important; top: 0!important; font-weight: 500; background: #10182f; font-size: 14px; color: #cacaca; padding: 0 10px!important } .fancybox-content .formoutersec .SumoSelect { width: 100%; height: 48px; background: #10182f; border: solid 1px #455d7d; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #cacaca } .fancybox-content .formoutersec .SumoSelect { width: 100%; text-align: left; padding-left: 15px; position: relative } .fancybox-content .formoutersec .SumoSelect li { background: none; font-size: 13px; line-height: 1; font-weight: normal } .fancybox-content .formoutersec label { font-weight: 500 } .fancybox-content .formoutersec .SumoSelect>.optWrapper>.options li.opt { padding: 8px; border: none } .fancybox-content .formoutersec .SumoSelect>.optWrapper>.options li { font-size: 15px; font-weight: 500; font-family: "Gotham" } .fancybox-content .formoutersec .SumoSelect>.CaptionCont { position: relative; font-weight: normal; border: none; min-height: 48px; font-size: 13px; line-height: 48px; background-color: none; border-radius: 0; background: none; margin: 0; font-weight: 500; padding: 0px; outline: none!important; color: #cacaca } .fancybox-content .formoutersec .SumoSelect.open>.CaptionCont, .fancybox-content .formoutersec .SumoSelect:focus>.CaptionCont, .fancybox-content .formoutersec .SumoSelect:hover>.CaptionCont { box-shadow: 0 0 0px #cbad8a; border: none } .fancybox-content .formoutersec .SumoSelect>.CaptionCont>label>i { background: none; display: inline-block; color: #fff; margin-left: 0 } .fancybox-content .formoutersec .SumoSelect>.CaptionCont>label>i:before { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; top: -20px } .fancybox-content .formoutersec .SumoSelect>.CaptionCont>label { width: 13px } .fancybox-content .formoutersec .SumoSelect.open>.optWrapper { top: 47px } .fancybox-content .formoutersec .SumoSelect.open { background: none; padding: 0 } .fancybox-content .formoutersec .compare-wrapper .compare-box .SumoSelect.open>.optWrapper { padding: 5px } .fancybox-content .formoutersec .SumoSelect>.optWrapper { border: none } .fancybox-content .formoutersec .SumoSelect .no-match { color: red; font-size: 13px; font-weight: 500 } .fancybox-content .formoutersec .select2-selection--single { width: 100%; height: 45px; background: #fff; border: solid 1px #ccc; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #10182f; border-radius: 0 } .fancybox-content .formoutersec .select2-container--default .select2-selection--single .select2-selection__rendered { color: #10182f; line-height: 28px; margin-top: 5px; padding-left: 0 } .fancybox-content .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px; position: absolute; top: 1px; right: 10px; width: 20px } .fancybox-content .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #10182f transparent transparent transparent; border-style: solid; border-width: 6px 6px 0 6px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .fancybox-content .formoutersec .iti__arrow { margin-left: 4px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #10182f } .fancybox-content .formoutersec .iti__arrow--up { border-top: none; border-bottom: 6px solid #10182f } .fancybox-content .formoutersec .row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px } .fancybox-content .formoutersec .col-lg-3, .fancybox-content .formoutersec .col-lg-6, .fancybox-content .formoutersec .col-lg-12 { margin-top: 0; margin-bottom: 30px; padding-left: 10px; padding-right: 10px } .fancybox-content .formoutersec .col-lg-3, .fancybox-content .formoutersec .col-lg-6 { display: flex } .fancybox-content .formoutersec .tbx { width: 100%; height: 45px; background: #fff; border: solid 1px #ccc; outline: none; padding: 0 10px; font-size: 14px; font-weight: 500; color: #10182f } .fancybox-content .formoutersec .numbersec { width: 100%; height: 46px; background: #fff; border: solid 1px #ccc; outline: none; padding: 0 10px 0 0; font-size: 14px; font-weight: 500; color: #10182f } .fancybox-content .formoutersec .numbersec .SumoSelect { width: 100%; border: none; height: 43px } .fancybox-content .formoutersec .numbersec .SumoSelect:before { content: ""; width: 1px; height: 28px; background: #2f4a61; position: absolute; left: 0; top: 10px } .fancybox-content .formoutersec .numbersec .SumoSelect:after { content: ""; width: 1px; height: 28px; background: #2f4a61; position: absolute; right: 0; top: 10px } .fancybox-content .formoutersec .numbersec .text { width: 20%; padding-left: 0; height: auto; float: left; font-size: 14px; line-height: 45px; font-weight: 500; color: #fff } .fancybox-content .formoutersec .numbersec .numbercode { width: 30%; height: auto; float: left; font-size: 14px; font-weight: 500; color: #cacaca } .fancybox-content .formoutersec .numbersec .tbx2 { width: 100%; height: 43px; background: #fff; float: right; border: none; outline: none; padding: 0; font-size: 14px; font-weight: 500; color: #10182f } .fancybox-content .formoutersec .btn { background: #172747; color: #fff; border: solid 1px #fff; margin-top: 5px; outline: none; font-weight: 300; letter-spacing: 2px } .fancybox-content .formoutersec .btn:hover { background: #10182f } .fancybox-content .formoutersec .tarea { width: 100%; height: 45px; background: #fff; border: solid 1px #ccc; outline: none; padding: 15px 10px 5px 10px; font-size: 14px; line-height: 13px; font-weight: 500; color: #10182f } .fancybox-content .formoutersec ::-webkit-input-placeholder { color: #10182f; opacity: 1 } .fancybox-content .formoutersec ::-moz-placeholder { color: #10182f; opacity: 1 } .fancybox-content .formoutersec :-ms-input-placeholder { color: #10182f; opacity: 1 } .fancybox-content .formoutersec :-moz-placeholder { color: #10182f; opacity: 1 } .fancybox-content input:-webkit-autofill, .fancybox-content input:-webkit-autofill:focus, .fancybox-content input:-webkit-autofill:hover, .fancybox-content select:-webkit-autofill, .fancybox-content select:-webkit-autofill:focus, .fancybox-content select:-webkit-autofill:hover, .fancybox-content textarea:-webkit-autofill, .fancybox-content textarea:-webkit-autofill:focus, .fancybox-content textarea:-webkit-autofill:hover { border: solid 1px #ccc!important; -webkit-text-fill-color: #10182f!important; -webkit-box-shadow: 0 0 0px 1000px #fff inset!important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s } .fancybox-content .col-lg-12.col-md-12.col-sm-12.captcha { margin-bottom: 0 } .fancybox-content .col-lg-12.col-md-12.col-sm-12.smt { margin-bottom: 0 } .fancybox-content h5 { margin-bottom: 15px; text-transform: uppercase } .fancybox-content .select2-container { z-index: 1000!important } .fancybox-content span.select2-container.select2-container--default.select2-container--open { z-index: 99999!important } .fancybox-is-open .fancybox-bg { opacity: 0.8!important } form#eligibility-form input:-webkit-autofill, form#eligibility-form input:-webkit-autofill:focus, form#eligibility-form input:-webkit-autofill:hover, form#eligibility-form select:-webkit-autofill, form#eligibility-form select:-webkit-autofill:focus, form#eligibility-form select:-webkit-autofill:hover, form#eligibility-form textarea:-webkit-autofill, form#eligibility-form textarea:-webkit-autofill:focus, form#eligibility-form textarea:-webkit-autofill:hover { border: solid 1px #d7d7d7!important; -webkit-text-fill-color: #191919!important; -webkit-box-shadow: 0 0 0px 1000px #fff inset!important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s } .contact-and-advisersec .formoutersec input:-webkit-autofill, .contact-and-advisersec .formoutersec input:-webkit-autofill:focus, .contact-and-advisersec .formoutersec input:-webkit-autofill:hover, .contact-and-advisersec .formoutersec select:-webkit-autofill, .contact-and-advisersec .formoutersec select:-webkit-autofill:focus, .contact-and-advisersec .formoutersec select:-webkit-autofill:hover, .contact-and-advisersec .formoutersec textarea:-webkit-autofill, .contact-and-advisersec .formoutersec textarea:-webkit-autofill:focus, .contact-and-advisersec .formoutersec textarea:-webkit-autofill:hover { border: solid 1px #455d7d!important; -webkit-text-fill-color: #fff!important; -webkit-box-shadow: 0 0 0px 1000px #10182f inset!important; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s } .page-template-additional-services .inner-banner-sec h1, .page-template-additional-services .inner-banner-sec h2 .inner-banner-sec h1 { color: #fff } .page-template-additional-services .inner-banner-sec h2, .page-template-additional-services .inner-banner-sec h2 .inner-banner-sec h2 { color: #fff } .page-template-additional-services .inner-banner-sec h2 .inner-banner-sec h3, .page-template-additional-services .inner-banner-sec h3 { color: #fff } .detailsec.light h1 { color: #fff!important } .detailsec.light h1 span { color: #fff!important } .program-dtltopsec h1 { overflow: hidden } .program-dtltopsec h1:after, .program-dtltopsec h1:before { display: none } .program-dtltopsec h1 span { display: inline-block; position: relative } .program-dtltopsec h1 span:before { content: ""; width: 500px; height: 1px; background: #213e6a; display: block; position: absolute; left: -540px; top: 28px } .program-dtltopsec h1 span:after { content: ""; width: 500px; height: 1px; background: #213e6a; display: block; position: absolute; right: -540px; top: 28px } @media screen and (max-width:1020px) { .program-dtltopsec h1 span:after, .program-dtltopsec h1 span:before { top: 18px } } .program-dtltopsec h1 span.animate-on-load { padding-top: 4px } .listingsec-1.news-details h1 { margin: 0; margin-bottom: 5px; color: #231f20; font-family: "Gotham"; font-size: 25px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; letter-spacing: 4px } .navicon { display: none } .navActive2>a { color: #163760!important } span.icon.icon-plus:before { content: ""; font: normal normal normal 22px/1 fontawesome; display: block } .fa-plus:before { content: "" } nav .icon-plus:before { content: ""; font: normal normal normal 14px/1 fontawesome } nav .icon.open:before { content: ""; font: normal normal normal 22px/1 fontawesome } span.icon.icon-plus { width: 15px; height: 15px; display: block; position: absolute; right: 20px; top: 9px; text-align: center; color: #fff } .open span.icon.icon-plus:before { content: "" } .sub-menu span.icon.icon-plus { top: 8px; right: 8px } .sub-menu span.icon.icon-plus:before { content: "" } .fa, .fas { font: normal normal normal 14px/1 fontawesome; font-weight: "" } @media only screen and (max-width:1200px) { .fa-bars:before { content: ""; color: #fff!important } .open-menu .fa-bars:before { content: ""; color: #fff!important } .navicon { display: block; position: absolute; right: 0; z-index: 20000; top: 0; width: 75px; height: 100px; border-radius: 0; font-size: 22px; line-height: 22px; border-radius: 0; text-align: center; color: #fff; border: none } header .row>div { position: static } .headerblock .top-sec .center-sec .main-navigation li { text-align: center } .main-navigation .icon { position: absolute; right: 19px; top: 7px; font-size: 20px; line-height: 30px; text-align: center; color: #fff; width: 30px; height: 30px; display: inline-block!important; cursor: pointer } .open-menu .main-navigation>ul { opacity: 1; z-index: 10000; display: block } .sub-menu { position: static; display: none } .sub-menu li { display: block; position: relative; text-align: left } .sub-menu .icon { top: 0 } .main-navigation .sub-menu li { width: 100%; display: inline-block } .main-navigation .sub-menu li a { display: block } } @media only screen and (min-width:1200px) { span.icon.icon-plus:before { content: ""; font: normal normal normal 19px/1 fontawesome } .main-navigation { position: relative; height: auto } .main-navigation>ul>li { position: relative } .main-navigation li a { position: relative; display: block; opacity: 1 } .main-navigation .sub-menu { display: none; overflow: hidden; position: absolute; left: 0; width: 100%; min-width: 220px; padding: 0 20px; top: 35px; z-index: 1000; background: none } .main-navigation .sub-menu li { display: block; width: 100%!important; margin: 0!important } .main-navigation .sub-menu li:last-child a { border: none!important } .main-navigation .sub-menu .sub-menu { left: 100%; margin: 0; top: 0 } .main-navigation .icon { display: none } .navicon { display: none!important } } .SumoSelect p { margin: 0 } .SumoSelect { width: 200px } .SelectBox { padding: 5px 8px } .sumoStopScroll { overflow: hidden } .SumoSelect .hidden { display: none } .SumoSelect .search-txt { display: none; outline: none } .SumoSelect .no-match { display: none; padding: 6px } .SumoSelect.open .search-txt { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 5px 8px; border: none; box-sizing: border-box; border-radius: 5px } .SumoSelect.open>.search>label, .SumoSelect.open>.search>span { visibility: hidden } .SelectClass, .SumoUnder { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; box-sizing: border-box; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } .SelectClass { z-index: 1 } .SumoSelect .select-all>label, .SumoSelect>.CaptionCont, .SumoSelect>.optWrapper>.options li.opt label { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none } .SumoSelect { display: inline-block; position: relative; outline: none } .SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont { box-shadow: 0 0 2px #7799D0; border-color: #7799D0 } .SumoSelect>.CaptionCont { position: relative; border: 1px solid #A4A4A4; min-height: 14px; background-color: #fff; border-radius: 2px; margin: 0 } .SumoSelect>.CaptionCont>span { display: block; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default } .SumoSelect>.CaptionCont>span.placeholder { color: #ccc; font-style: italic } .SumoSelect>.CaptionCont>label { position: absolute; top: 0; right: 0; bottom: 0; width: 30px } .SumoSelect>.CaptionCont>label>i { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII="); background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; opacity: 0.8 } .SumoSelect>.optWrapper { display: none; z-index: 1000; top: 30px; width: 100%; position: absolute; left: 0; box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); border-radius: 3px; overflow: hidden } .SumoSelect.open>.optWrapper { top: 35px; display: block } .SumoSelect.open>.optWrapper.up { top: auto; bottom: 100%; margin-bottom: 5px } .SumoSelect>.optWrapper ul { list-style: none; display: block; padding: 0; margin: 0; overflow: auto } .SumoSelect>.optWrapper>.options { border-radius: 2px; position: relative; max-height: 250px } .SumoSelect>.optWrapper.okCancelInMulti>.options { border-radius: 2px 2px 0 0 } .SumoSelect>.optWrapper.selall>.options { border-radius: 0 0 2px 2px } .SumoSelect>.optWrapper.selall.okCancelInMulti>.options { border-radius: 0 } .SumoSelect>.optWrapper>.options li.group.disabled>label { opacity: 0.5 } .SumoSelect>.optWrapper>.options li ul li.opt { padding-left: 22px } .SumoSelect>.optWrapper.multiple>.options li ul li.opt { padding-left: 50px } .SumoSelect>.optWrapper.isFloating>.options { max-height: 100%; box-shadow: 0 0 100px #595959 } .SumoSelect>.optWrapper>.options li.opt { padding: 6px 6px; position: relative; border-bottom: 1px solid #f5f5f5 } .SumoSelect>.optWrapper>.options>li.opt:first-child { border-radius: 2px 2px 0 0 } .SumoSelect>.optWrapper.selall>.options>li.opt:first-child { border-radius: 0 } .SumoSelect>.optWrapper>.options>li.opt:last-child { border-radius: 0 0 2px 2px; border-bottom: none } .SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child { border-radius: 0 } .SumoSelect>.optWrapper>.options li.opt:hover { background-color: #E4E4E4 } .SumoSelect .select-all.sel, .SumoSelect>.optWrapper>.options li.opt.sel { background-color: #a1c0e4 } .SumoSelect>.optWrapper>.options li label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; cursor: pointer } .SumoSelect>.optWrapper>.options li span { display: none } .SumoSelect>.optWrapper>.options li.group>label { cursor: default; padding: 8px 6px; font-weight: bold } .SumoSelect>.optWrapper.isFloating { position: fixed; top: 0; left: 0; right: 0; width: 90%; bottom: 0; margin: auto; max-height: 90% } .SumoSelect>.optWrapper>.options li.opt.disabled { background-color: inherit; pointer-events: none } .SumoSelect>.optWrapper>.options li.opt.disabled * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 } .SumoSelect>.optWrapper.multiple>.options li.opt { padding-left: 35px; cursor: pointer } .SumoSelect .select-all>span, .SumoSelect>.optWrapper.multiple>.options li.opt span { position: absolute; display: block; width: 30px; top: 0; bottom: 0; margin-left: -35px } .SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt span i { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 14px; height: 14px; border: 1px solid #AEAEAE; border-radius: 2px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #fff } .SumoSelect>.optWrapper>.MultiControls { display: none; border-top: 1px solid #ddd; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border-radius: 0 0 3px 3px } .SumoSelect>.optWrapper.multiple.isFloating>.MultiControls { display: block; margin-top: 5px; position: absolute; bottom: 0; width: 100% } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls { display: block } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p { padding: 6px } .SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus { box-shadow: 0 0 2px #a1c0e4; border-color: #a1c0e4; outline: none; background-color: #a1c0e4 } .SumoSelect>.optWrapper.multiple>.MultiControls>p { display: inline-block; cursor: pointer; padding: 12px; width: 50%; box-sizing: border-box; text-align: center } .SumoSelect>.optWrapper.multiple>.MultiControls>p:hover { background-color: #f1f1f1 } .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk { border-right: 1px solid #DBDBDB; border-radius: 0 0 0 3px } .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel { border-radius: 0 0 3px 0 } .SumoSelect>.optWrapper.isFloating>.options li.opt { padding: 12px 6px } .SumoSelect>.optWrapper.multiple.isFloating>.options li.opt { padding-left: 35px } .SumoSelect>.optWrapper.multiple.isFloating { padding-bottom: 43px } .SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i { background-color: #11a911; box-shadow: none; border-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: center center } .SumoSelect.disabled { opacity: 0.7; cursor: not-allowed } .SumoSelect.disabled>.CaptionCont { border-color: #ccc; box-shadow: none } .SumoSelect .select-all { border-radius: 3px 3px 0 0; position: relative; border-bottom: 1px solid #ddd; background-color: #fff; padding: 8px 0 3px 35px; height: 20px; cursor: pointer } .SumoSelect .select-all>label, .SumoSelect .select-all>span i { cursor: pointer } .SumoSelect .select-all.partial>span i { background-color: #ccc } .SumoSelect>.optWrapper>.options li.optGroup { padding-left: 5px; text-decoration: underline } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .owl-height { transition: height 500ms ease-in-out } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0, 0) } .owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; user-select: none } .owl-carousel.owl-loaded { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel .owl-refresh .owl-item { display: none } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; user-select: auto } .owl-carousel .owl-grab { cursor: move; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .no-js .owl-carousel { display: block } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease } .owl-carousel .owl-item img { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale 100ms ease } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1 } .owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-controls .owl-nav .disabled { opacity: 0.5; cursor: default } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute!important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #000; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71) } .fancybox-is-open .fancybox-bg { opacity: 1; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image:before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: none } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) { display: none } .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding:max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)) } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes fancybox-rotate { to { transform: rotate(360deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-360deg) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(360deg) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1) } @media (max-height:576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding:max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)) } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0 } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991 } .fancybox-thumbs__list a:focus:before { opacity: 0.5 } .fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 } @media (max-width:576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } .animated { animation-duration: 1s; animation-fill-mode: both } .animated.hinge { animation-duration: 2s } .animated.fadeIn { animation-name: fadeIn } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: none } } .animated.fadeInUp { animation-name: fadeInUp } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .animated.flash { animation-name: flash } @keyframes shake { 0%, to { transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px) } 20%, 40%, 60%, 80% { transform: translateX(10px) } } .animated.shake { animation-name: shake } @keyframes bounce { 0%, 20%, 50%, 80%, to { transform: translateY(0) } 40% { transform: translateY(-30px) } 60% { transform: translateY(-15px) } } .animated.bounce { animation-name: bounce } @keyframes tada { 0% { transform: scale(1) } 10%, 20% { transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg) } to { transform: scale(1) rotate(0) } } .animated.tada { animation-name: tada } @keyframes swing { 20% { transform: rotate(15deg) } 40% { transform: rotate(-10deg) } 60% { transform: rotate(5deg) } 80% { transform: rotate(-5deg) } to { transform: rotate(0deg) } } .animated.swing { transform-origin: top center; animation-name: swing } @keyframes wobble { 0% { transform: translateX(0%) } 15% { transform: translateX(-25%) rotate(-5deg) } 30% { transform: translateX(20%) rotate(3deg) } 45% { transform: translateX(-15%) rotate(-3deg) } 60% { transform: translateX(10%) rotate(2deg) } 75% { transform: translateX(-5%) rotate(-1deg) } to { transform: translateX(0%) } } .animated.wobble { animation-name: wobble } @keyframes pulse { 0% { transform: scale(1) } 50% { transform: scale(1.1) } to { transform: scale(1) } } .animated.pulse { animation-name: pulse } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); animation-timing-function: ease-in } to { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible!important; -webkit-animation-name: flip; -moz-backface-visibility: visible!important; -moz-animation-name: flip; -o-backface-visibility: visible!important; -o-animation-name: flip; backface-visibility: visible!important; animation-name: flip } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateX(-10deg) } 70% { transform: perspective(400px) rotateX(10deg) } to { transform: perspective(400px) rotateX(0deg); opacity: 1 } } .animated.flipInX { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1 } to { transform: perspective(400px) rotateX(90deg); opacity: 0 } } .animated.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible!important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible!important; -o-animation-name: flipOutX; -o-backface-visibility: visible!important; animation-name: flipOutX; backface-visibility: visible!important } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { transform: perspective(400px) rotateY(-10deg) } 70% { transform: perspective(400px) rotateY(10deg) } to { transform: perspective(400px) rotateY(0deg); opacity: 1 } } .animated.flipInY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible!important; -moz-animation-name: flipInY; -o-backface-visibility: visible!important; -o-animation-name: flipInY; backface-visibility: visible!important; animation-name: flipInY } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1 } to { transform: perspective(400px) rotateY(90deg); opacity: 0 } } .animated.flipOutY { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible!important; -moz-animation-name: flipOutY; -o-backface-visibility: visible!important; -o-animation-name: flipOutY; backface-visibility: visible!important; animation-name: flipOutY } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-200px) } to { opacity: 1; transform: translateY(0) } } .animated.fadeInDown { animation-name: fadeInDown } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-200px, 0, 0) } to { opacity: 1; transform: none } } .animated.fadeInLeft { animation-name: fadeInLeft } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(200px) } to { opacity: 1; transform: translateX(0) } } .animated.fadeInRight { animation-name: fadeInRight } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px) } to { opacity: 1; transform: translateY(0) } } .animated.fadeInUpBig { animation-name: fadeInUpBig } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px) } to { opacity: 1; transform: translateY(0) } } .animated.fadeInDownBig { animation-name: fadeInDownBig } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px) } to { opacity: 1; transform: translateX(0) } } .animated.fadeInLeftBig { animation-name: fadeInLeftBig } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px) } to { opacity: 1; transform: translateX(0) } } .animated.fadeInRightBig { animation-name: fadeInRightBig } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .animated.fadeOut { animation-name: fadeOut } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(-20px) } } .animated.fadeOutUp { animation-name: fadeOutUp } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(20px) } } .animated.fadeOutDown { animation-name: fadeOutDown } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0) } to { opacity: 0; transform: translateX(-20px) } } .animated.fadeOutLeft { animation-name: fadeOutLeft } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0) } to { opacity: 0; transform: translateX(20px) } } .animated.fadeOutRight { animation-name: fadeOutRight } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(-2000px) } } .animated.fadeOutUpBig { animation-name: fadeOutUpBig } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(2000px) } } .animated.fadeOutDownBig { animation-name: fadeOutDownBig } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0) } to { opacity: 0; transform: translateX(-2000px) } } .animated.fadeOutLeftBig { animation-name: fadeOutLeftBig } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0) } to { opacity: 0; transform: translateX(2000px) } } .animated.fadeOutRightBig { animation-name: fadeOutRightBig } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { opacity: 1; transform: scale(0.9) } to { opacity: 1; transform: scale(1) } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px) } to { transform: translateY(0) } } .slideInDown { animation-name: slideInDown } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px) } to { transform: translateX(0) } } .slideInLeft { animation-name: slideInLeft } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px) } to { transform: translateX(0) } } .slideInRight { animation-name: slideInRight } @keyframes slideOutLeft { 0% { transform: translateX(0) } to { opacity: 0; transform: translateX(-2000px) } } .slideOutLeft { animation-name: slideOutLeft } @keyframes slideOutRight { 0% { transform: translateX(0) } to { opacity: 0; transform: translateX(2000px) } } .slideOutRight { animation-name: slideOutRight } @keyframes slideOutUp { 0% { transform: translateY(0) } to { opacity: 0; transform: translateY(-2000px) } } .slideOutUp { animation-name: slideOutUp } .animated.bounceIn { animation-name: bounceIn } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px) } 60% { opacity: 1; transform: translateY(-30px) } 80% { transform: translateY(10px) } to { transform: translateY(0) } } .animated.bounceInUp { animation-name: bounceInUp } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px) } 60% { opacity: 1; transform: translateY(30px) } 80% { transform: translateY(-10px) } to { transform: translateY(0) } } .animated.bounceInDown { animation-name: bounceInDown } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-100px) } 60% { opacity: 1; transform: translateX(20px) } to { transform: translateX(0) } } .animated.bounceInLeft { animation-name: bounceInLeft; animation-duration: 2s } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(100px) } 60% { opacity: 1; transform: translateX(-20px) } to { transform: translateX(0) } } .animated.bounceInRight { animation-name: bounceInRight; animation-duration: 2s } @keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(0.95) } 50% { opacity: 1; transform: scale(1.1) } to { opacity: 0; transform: scale(0.3) } } .animated.bounceOut { animation-name: bounceOut } @keyframes bounceOutUp { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(20px) } to { opacity: 0; transform: translateY(-2000px) } } .animated.bounceOutUp { animation-name: bounceOutUp } @keyframes bounceOutDown { 0% { transform: translateY(0) } 20% { opacity: 1; transform: translateY(-20px) } to { opacity: 0; transform: translateY(2000px) } } .animated.bounceOutDown { animation-name: bounceOutDown } @keyframes bounceOutLeft { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(20px) } to { opacity: 0; transform: translateX(-2000px) } } .animated.bounceOutLeft { animation-name: bounceOutLeft } @keyframes bounceOutRight { 0% { transform: translateX(0) } 20% { opacity: 1; transform: translateX(-20px) } to { opacity: 0; transform: translateX(2000px) } } .animated.bounceOutRight { animation-name: bounceOutRight } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0 } to { transform-origin: center center; transform: rotate(0); opacity: 1 } } .animated.rotateIn { animation-name: rotateIn } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0 } to { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInUpLeft { animation-name: rotateInUpLeft } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0 } to { transform-origin: left bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInDownLeft { animation-name: rotateInDownLeft } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0 } to { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInUpRight { animation-name: rotateInUpRight } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0 } to { transform-origin: right bottom; transform: rotate(0); opacity: 1 } } .animated.rotateInDownRight { animation-name: rotateInDownRight } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1 } to { transform-origin: center center; transform: rotate(200deg); opacity: 0 } } .animated.rotateOut { animation-name: rotateOut } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } to { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0 } } .animated.rotateOutUpLeft { animation-name: rotateOutUpLeft } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1 } to { transform-origin: left bottom; transform: rotate(90deg); opacity: 0 } } .animated.rotateOutDownLeft { animation-name: rotateOutDownLeft } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } to { transform-origin: right bottom; transform: rotate(90deg); opacity: 0 } } .animated.rotateOutUpRight { animation-name: rotateOutUpRight } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1 } to { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0 } } .animated.rotateOutDownRight { animation-name: rotateOutDownRight } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out } to { transform: translateY(700px); opacity: 0 } } .animated.hinge { animation-name: hinge } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg) } to { opacity: 1; transform: translateX(0px) rotate(0deg) } } .animated.rollIn { animation-name: rollIn } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg) } to { opacity: 0; transform: translateX(100%) rotate(120deg) } } .animated.rollOut { animation-name: rollOut } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1 } to { transform: translateX(0%) skewX(0deg); opacity: 1 } } .animated.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; animation-duration: 0.5s } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1 } to { transform: translateX(100%) skewX(-30deg); opacity: 0 } } .animated.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; animation-duration: 0.25s } @media screen and (min-width:2000px) { .bespoke-sec { background-size: cover!important } .brochure-dwnload { background-size: cover!important } .footer-nav-outer { background-size: cover } .contact-and-advisersec { background-size: cover } } @media screen and (min-width:1650px) { .inner-banner-sec .toplogo-icon { left: 17% } } @media screen and (min-width:1400px) { .homemain-banner h2 { padding-left: 10vw!important } .homemain-banner .sign { padding-left: 10vw!important; min-width: 541px!important } .homemain-banner .sign img { min-width: 541px!important } .program-tabsec .row { margin-left: -30px; margin-right: -30px } .program-tabsec .col-lg-4 { padding-left: 30px; padding-right: 30px } } @media screen and (min-width:1200px) { .program-dtltopsec h1 { letter-spacing: 9px } .program-dtltopsec h1 span.animate-on-load { letter-spacing: 3px; font-weight: 500 } .main-navigation .sub-menu li { text-align: left } .main-navigation .sub-menu { padding-top: 35px!important } .h-sec1 { background: url(../images/cilogo-withouterbig.png) 0 0 no-repeat; background-attachment: fixed; background-position: 90% 100% } .h-sec1 .cilogo-outer { display: none } .h-sec1 .mapdots { left: -200px } .headerblock .top-sec { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .headerblock .bottom-sec { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .headerblock { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .sticky { position: fixed; top: -49px; box-shadow: 0px 2px 11px -9px rgba(0, 0, 0, 0.59) } .headerblock .logosec { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .headerblock .logosec img { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } header.headerblock.sticky .top-sec .ftop { top: -120px } header.headerblock.sticky .programsubnav { margin-top: 0 } .about-page .h-sec1 { min-height: 630px; padding: 0 } .about-page .h-sec1 .contente-area { padding-top: 90px } .about-page .h-sec1 .mapdots { top: 85px } .bespoke-sec .pic img { max-width: inherit; position: relative; right: -150px } .bespoke-sec p { width: 95%; margin-bottom: 20px } .listingsec-1 .outerbox .content-sec h3 { font-size: 30px } .listingsec-1 .row { margin-left: -35px; margin-right: -35px } .listingsec-1 .col-lg-6 { padding-left: 35px; padding-right: 35px; margin-bottom: 60px } .bottom-our-programssec p { width: 95% } .investmet-wrap .budjet-tablesec .btn { padding: 15px 95px } .bottom-our-programssec .row { display: flex; flex-wrap: wrap; align-items: center } .program-tabsec .last-col .btn { width: 70%; text-align: center; margin-top: 20px } .bottom-our-programssec .btn { width: 70%; text-align: center } .videocaribian { padding-bottom: 50px } .na-top h3 { margin-bottom: 25px } .na-top h5 { margin-bottom: 20px } .appl-listingsec .col-lg-4 .btn { width: 55%; text-align: center; margin-top: 30px } .inner-banner-sec { text-align: center } .inner-banner-sec h1 { text-align: left } .inner-banner-sec h2 { text-align: left } .inner-banner-sec img { width: auto; max-width: inherit; display: block; margin: auto } .country-infosec .col-lg-6 .row { margin-left: -5px; margin-right: -5px } .country-infosec .col-lg-6 .col-lg-6 { padding-left: 5px; padding-right: 5px } .benifit-sec .b-gallery .row { margin-left: -30px; margin-right: -30px } .benifit-sec .b-gallery .col-lg-4 { padding-left: 30px; padding-right: 30px } .pr-timeline-sec .rt .btn { padding: 15px 90px } .brochure-dwnload .btn { font-size: 17px; padding: 18px 58px; letter-spacing: 1px; font-weight: 300 } .program-tabsec.dtl ul.tabs li a { padding: 15px 65px } .program-tabsec.dtl ul.tabs3 li a { padding: 15px 65px } .inner-form-sec .formoutersec .col-lg-6, .inner-form-sec .formoutersec .col-lg-12 { margin-top: 20px } .inner-form-sec .formoutersec .row { margin-left: -20px; margin-right: -20px } .inner-form-sec .formoutersec .col-lg-4, .inner-form-sec .formoutersec .col-lg-5, .inner-form-sec .formoutersec .col-lg-6, .inner-form-sec .formoutersec .col-lg-7, .inner-form-sec .formoutersec .col-lg-12 { padding-left: 20px; padding-right: 20px } .inner-form-sec .formoutersec .bdr-txt { width: 102% } .inner-form-sec .formoutersec .bdr-txt2 { width: 102% } .inner-form-sec .formoutersec .btn.b2 { padding: 14px 25px } .contact-wrapper .inner-form-sec .formoutersec .col-lg-6, .contact-wrapper .inner-form-sec .formoutersec .col-lg-12 { margin-top: 10px } .contact-wrapper .inner-form-sec .formoutersec .btn { letter-spacing: 0; padding: 14px 35px } .inner-form-sec .formoutersec .row .col-lg-4.col-md-4.col-sm-4.mdl { padding-left: 35px } .inner-form-sec .formoutersec .row .rht-sec { padding-left: 60px; padding-top: 15px } .sticky-wrapper { z-index: 700 } .inner-banner-sec { max-height: 530px } .inner-banner-sec img { width: 100%; max-height: 530px } .programtop-nav.sticky { position: fixed; top: 0; border: solid 1px red } .visafreecountries .rt h2 { font-size: 117px; margin-bottom: 0 } .visafreecountries .rt h2 span { font-size: 34px } .homemain-banner .sign { display: none } .contact-and-advisersec .bottom-signsec img { display: none } .contact-and-advisersec .bottom-signsec .pathWrap { display: block } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { top: 35px } .main-navigation .sub-menu li a { font-size: 13px; line-height: 1; color: #000; background: #fff; font-weight: 400!important; text-transform: uppercase; letter-spacing: 0; padding: 15px; border-bottom: solid 1px #ebebeb } .programsubnav .b2 { padding-bottom: 45px!important } .country-infosec .text { height: 88px; transition: all 0.9s ease-out 0s; -moz-transition: all 0.9s ease-out 0s; -webkit-transition: all 0.9s ease-out 0s; -o-transition: all 0.9s ease-out 0s } .country-infosec .text.opn { height: auto } .inner-form-sec .formoutersec .col-lg-4, .inner-form-sec .formoutersec .col-lg-5, .inner-form-sec .formoutersec .col-lg-6, .inner-form-sec .formoutersec .col-lg-7, .inner-form-sec .formoutersec .col-lg-12 { padding-left: 15px; padding-right: 15px } .inner-form-sec .formoutersec .row { margin-left: -15px; margin-right: -15px } .programsubnav .b3 { padding-bottom: 46px } } @media screen and (min-width:1100px) { .program-tabsec .last-col .outerbox { display: flex; align-items: center } .program-tabsec .last-col .outerbox .content-sec { padding-top: 0; padding-bottom: 0 } } @media screen and (min-width:1020px) { .compare-wrapper .compare-box .row { margin: 0 } .compare-wrapper .compare-box .col-lg-2 { width: 20% } } @media screen and (min-width:760px) { .programtop-nav.prnav { background: url(../images/top-nav2.jpg) top center } .programtop-nav.FAQ { background: url(../images/top-nav2.jpg) top center; position: relative; z-index: 100 } .inner-form-sec .formoutersec .row .col-lg-8.col-md-8.col-sm-6.rht-sec { padding-left: 40px } .compare-wrapper .compare-box .row { margin: 0 } .compare-wrapper .compare-box .col-lg-2 { width: 20% } .compare-wrapper .compare-box .detailrow .btn { text-align: center } } @media screen and (max-width:1500px) { .homemain-banner h2 { padding-left: 5vw!important } .homemain-banner .sign { padding-left: 5vw!important } .listingsec-1 .outerbox .content-sec { padding: 30px 20px } .listingsec-1 .outerbox .content-sec h3 { font-size: 23px } .inner-banner-sec .toplogo-icon { left: 5% } } @media screen and (max-width:1200px) { .mblprgms { display: block } .mblprgmsclose { display: none } .op1 { display: block } .op2 { display: none } .headerblock .top-sec .right-box { margin-right: 55px } .container { padding-left: 15px; padding-right: 15px } .ribudjet-sec .container { padding-left: 15px; padding-right: 15px } .h-our-programsouter h2:before { display: none } .h-our-programsouter h2:after { display: none } .ciit-news-outer .bottom-sec:before { display: none } .ciit-news-outer .bottom-sec:after { display: none } .our-client-companies h4:before { width: 10% } .our-client-companies h4:after { width: 10% } .ciit-news-outer h4:before { width: 8% } .ciit-news-outer h4:after { width: 8% } .ciit-news-outer .bottom-sec:before { width: 35% } .ciit-news-outer .bottom-sec:after { width: 35% } .our-client-companies .bottom-sec:before { width: 35% } .our-client-companies .bottom-sec:after { width: 35% } .why-second-passport h2:before { width: 10%; top: 19px; left: 0 } .why-second-passport h2:after { width: 10%; top: 19px; right: 0 } .home-latest-news h2:before { width: 15%; top: 20px; left: 0 } .home-latest-news h2:after { width: 15%; top: 20px; right: 0 } .headerblock .main-navigation li { width: 100%; height: auto; float: none } .headerblock .main-navigation li { margin: 0; text-align: center } .headerblock .main-navigation li a { display: block } .headerblock .main-navigation .checkeligible { margin-left: 0 } .inner-banner-sec h1 { font-size: 30px } .inner-banner-sec h1 span { font-size: 20px } .inner-banner-sec h2 { font-size: 20px } .bottom-our-programssec .btn { font-size: 14px; line-height: 14px; padding: 13px } .budjet-tablesec .row { font-size: 14px } .investmet-wrap .program-tabsec { padding-bottom: 0 } .program-tabsec .outerbox .content-sec .title-sec h4 { font-size: 18px } .car-passport { width: 205px } .appl-top-sec { padding: 30px 0 } .progamspage-top-sec, .programsec1 { padding: 30px 0 } .europianres-sec .container { padding-top: 30px; padding-bottom: 30px } .program-dtl-wrapper .overview li .leftsec { font-size: 15px } .country-infosec .outerbox h6 { font-size: 15px } .country-infosec .outerbox { padding: 15px } .pr-timeline-sec h2 { font-size: 30px } .brochure-dwnload .bpic img { max-width: 50% } .programtop-nav li a { padding: 23px 15px } .pgrm-sec2 h2 { font-size: 30px } .faq-section h2 { font-size: 40px; letter-spacing: 0 } .contact-map #map { height: 500px } .compare-wrapper .compare-box .top-head h3 { font-size: 12px } .compare-wrapper .compare-box .SumoSelect>.CaptionCont { font-size: 12px } .compare-wrapper .SumoSelect { width: 100% } .compare-wrapper .compare-box .subheadrow h6 { font-size: 12px; font-weight: 500 } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt { font-size: 12px } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt2 { font-size: 12px } .compare-wrapper .compare-box .detailrow .col-lg-2 .lbl { width: 50% } .compare-wrapper .compare-box .detailrow .btn { font-size: 12px; line-height: 12px; padding: 13px } .compare-wrapper .compare-box .detailrow h6 { font-size: 12px } .compare-wrapper .compare-box .detailrow .col-lg-2 { min-height: 150px } .modal-wrapper { width: 90%; margin-left: 0; left: 5% } .modal-heading { font-size: 22px } .headerblock .main-navigation li.current-menu-item a { font-weight: bold; color: #fff } .headerblock .main-navigation li a { color: #a7a6a6; padding: 12px } .fa-bars:before { content: ""; color: #000!important } .main-navigation .sub-menu li a { padding: 15px } .main-navigation .sub-menu li { padding: 0 } .headerblock>.top-sec { display: none } .headerblock .bottom-sec { height: 100px; padding: 0 } .headerblock .bottom-sec .logosec { position: relative; top: 13px } .headerblock .chw-widget:before { display: none } .headerblock .chw-widget .wpml-ls-legacy-dropdown a { color: #000 } .headerblock .chw-widget li a { font-size: 15px; color: #000; font-weight: 500 } .headerblock .chw-widget .wpml-ls-legacy-dropdown a { padding: 0 5px } .fa-bars:before { width: 100%; height: 100%; display: block; background: #efefef url(../images/menu.png) center center no-repeat; font-size: 0 } .open-menu .fa-bars:before { background: #ffffff; font-size: 30px; line-height: 100px } .headerblock .top-sec .search-icon { width: 20px; height: 20px; background: none; color: #000; position: relative; top: 14px } .headerblock .top-sec .search-icon:before { content: ""; font-size: 0; background: url(../images/search-black.png) center center no-repeat; width: 20px; height: 20px; display: block } .headerblock .top-sec .cls:before { content: ""; font: normal normal normal 20px/1 fontawesome; background: none } .open-menu .fa-bars:before { background: url(../images/nav-close.png) center center no-repeat; font-size: 0 } .headerblock .bottom-sec .logosec { width: 285px } .headerblock .bottom-sec .logosec a.mobilhide { display: none } .headerblock .bottom-sec .logosec a.mobil-logo { display: block } .headerblock .bottom-sec { background: #fff } .headerblock .mobilehdr { padding-right: 0; display: block } .headerblock .mobilehdr .top-sec { height: auto; width: auto; display: block; position: relative; top: 30px; background: none } .headerblock .mobilehdr .top-sec .search-icon { float: right } .headerblock .mobilehdr .top-sec .chw-widget { float: left; margin-right: 20px } .headerblock .mobilehdr .top-sec .right-box { display: flex; margin-right: 80px } .headerblock .bottom-sec .logosec { top: 22px } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { top: 57px } .headerblock .top-sec .form-container { width: 100vw; max-width: 500px } .headerblock .top-sec .form-control { height: 50px } .headerblock .top-sec .form-container { height: 50px; right: -20px; top: 70px } .headerblock .top-sec .ftop { top: 70px } .headerblock .top-sec .srchbtn { top: 8px } .headerblock .main-navigation>ul { width: 100vw; position: absolute; top: 0; right: 0; z-index: 1000; background: #fff; top: -500px; padding: 60px 100px 5px 100px; transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s } .open-menu .main-navigation>ul { top: 100px; opacity: 1 } .headerblock .main-navigation li { text-align: left } .headerblock .main-navigation li a { font-size: 30px; line-height: 1; color: #163760; font-weight: 300; text-transform: uppercase } .headerblock .main-navigation .checkeligible a { font-weight: 300; text-align: left; padding: 25px 12px; margin-top: 30px } .open-menu .headerblock .bottom-sec { background: #163760 } .open-menu .navicon { background: #ffffff } .open-menu .headerblock .chw-widget li a { color: #fff } .open-menu .headerblock .chw-widget .wpml-ls-sub-menu li a { color: #000 } .open-menu .headerblock .top-sec .search-icon:before { background: url(../images/search-icon.png) center center no-repeat } .open-menu .headerblock .top-sec .search-icon.cls:before { background: none } .open-menu .headerblock .top-sec .search-icon { color: #fff } .headerblock .main-navigation>ul li { max-width: 630px; margin: auto; position: relative } .headerblock span.icon.icon-plus { color: #163760 } .headerblock .main-navigation .checkeligible { margin: auto } .headerblock .main-navigation .checkeligible:before { content: ""; font: normal normal normal 30px/1 fontawesome; position: absolute; right: 0; z-index: 20; top: 24px; color: #fff } .headerblock .main-navigation .checkeligible:after { content: ""; width: 200%; height: 100%; display: block; background: #163760; position: absolute; top: 0; left: -50% } .headerblock .main-navigation .checkeligible a { position: relative; z-index: 10 } .headerblock span.icon.icon-plus:before { content: ""; font: normal normal normal 30px/1 fontawesome } .headerblock nav .icon.open:before { content: "" } .headerblock .main-navigation .sub-menu { background: #fff; width: 100%; height: auto; min-height: 350px; position: absolute; left: 0; z-index: 20; top: 0 } .headerblock .main-navigation span.icon.icon-plus { z-index: 100 } .headerblock .main-navigation li.current-menu-item a { font-weight: bold; color: #163760 } .headerblock .main-navigation .sub-menu li a { font-size: 20px; line-height: 1; color: #000; font-weight: 300; text-transform: uppercase } .headerblock .main-navigation .sub-menu li a:hover { color: #163760 } .headerblock .main-navigation>ul li:first-child .sub-menu { padding-top: 40px } .headerblock .main-navigation>ul li:first-child .sub-menu:before { content: "About"; width: 100%; height: 15px; font-size: 24px; line-height: 1; font-weight: bold; color: #163760; position: absolute; top: 0; left: 16px; z-index: 80 } .main-navigation .icon { transition: all 0s ease-out 0s; -moz-transition: all 0s ease-out 0s; -webkit-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s } .headerblock nav .icon.open { right: auto; left: 0; top: -40px; width: 85px; height: 14px; background: url(../images/backbtn.png) 0 0; font-size: 0 } .headerblock nav .icon.open:before { font-size: 0 } .programsubnav.ptop { z-index: 2200 } .programsubnav { margin-top: 30px; padding-top: 50px } .programsubnav .b1 { width: 50%; border: none; height: auto; background: #fff; padding: 40px } .programsubnav .b2 { width: 50%; border: none; height: auto; background: #fff; padding: 40px } .programsubnav .b3 { width: 100%; height: auto; clear: both; padding: 0 } .programsubnav .b3 .blt { width: 50%; height: auto; float: left; padding: 40px } .programsubnav .b3 .mr-top2 { width: 50%; height: auto; float: left; padding: 40px; margin: 0 } .programsubnav2.ptop { z-index: 2200 } .programsubnav2 { margin-top: 30px; padding-top: 50px } .programsubnav2 .b1 { width: 50%; border: none; height: auto; background: #fff; padding: 40px } .programsubnav2 .b2 { width: 50%; border: none; height: auto; background: #fff; padding: 40px } .programsubnav2 .b3 { width: 100%; height: auto; clear: both; padding: 0 } .programsubnav2 .b3 .blt { width: 50%; height: auto; float: left; padding: 40px } .programsubnav2 .b3 .mr-top2 { width: 50%; height: auto; float: left; padding: 40px; margin: 0 } /*3*/ .programsubnav3.ptop { z-index: 2200 } .programsubnav3 { margin-top: 30px; padding-top: 50px } .programsubnav3 .b1 { width: 50%; border: none; height: auto; background: #fff; padding: 40px } .programsubnav3 .b2 { width: 50%; border: none; height: auto; background: #fff; padding: 40px } .programsubnav3 .b3 { width: 100%; height: auto; clear: both; padding: 0 } .programsubnav3 .b3 .blt { width: 50%; height: auto; float: left; padding: 40px } .programsubnav3 .b3 .mr-top2 { width: 50%; height: auto; float: left; padding: 40px; margin: 0 } /**/ .mblprgms { opacity: 0; top: -215px } .headerblock .main-navigation span.icon.icon-plus { opacity: 0 } .open-menu .mblprgms { opacity: 1; top: 215px; transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s } .open-menu .headerblock .main-navigation span.icon.icon-plus { opacity: 1 } .headerblock>.top-sec { display: none } .headerblock>.top-sec .container { display: none } .headerblock .mobilehdr .top-sec .right-box { display: flex } .headerblock .mobilehdr .top-sec .chw-widget { float: right } .headerblock .mobilehdr .top-sec .search-icon { float: left } .headerblock>.top-sec { position: relative; z-index: 10000 } .mblprgms { width: 100%; right: 0; text-align: right } .open-menu .mblprgms { width: 100%; right: auto; left: 0; text-align: right; height: 40px; top: 228px } .headerblock span.icon.icon-plus { width: 90%; height: 40px; right: 0; left: 0; text-align: right } .headerblock .main-navigation>ul { padding: 60px 0 5px 0 } .headerblock .main-navigation>ul>li a { padding: 12px 30px } .open-menu .headerblock .main-navigation span.icon.icon-plus.open { width: 80px; height: 15px; background: none; left: 30px } .open-menu .headerblock .main-navigation span.icon.icon-plus.open:before { content: ""; color: #000; font: normal normal normal 22px/0.8 fontawesome; display: block; float: left } .open-menu .headerblock .main-navigation span.icon.icon-plus.open:after { content: "BACK"; font-size: 17px; line-height: 1; font-weight: bold; color: #000; text-transform: uppercase; display: block; float: right } .mblprgmsclose { width: 80px; height: 15px; background: none; left: 30px } .mblprgmsclose:before { content: ""; color: #000; font: normal normal normal 22px/0.8 fontawesome; display: block; float: left } .mblprgmsclose:after { content: "BACK"; font-size: 17px; line-height: 1; font-weight: bold; color: #000; text-transform: uppercase; display: block; float: right } .headerblock .main-navigation>ul li.abtmbl { display: block } .headerblock .main-navigation>ul li.abtmbl a { font-size: 24px; line-height: 1; font-weight: bold; color: #163760 } .headerblock .main-navigation>ul li:first-child .sub-menu:before { display: none } .headerblock .main-navigation>ul li:first-child .sub-menu { padding-top: 0 } .headerblock .main-navigation>ul li { max-width: 100% } .open-menu .mblprgms { width: 100%; padding-right: 30px } .headerblock .main-navigation .sub-menu { min-height: 350px } .headerblock span.icon.icon-plus { width: 100%; height: 40px; right: 0; left: 0; text-align: right } .headerblock span.icon.icon-plus:before { margin-right: 30px } .headerblock span.icon.icon-plus.open:before { margin-right: 0 } .headerblock .main-navigation .checkeligible:before { right: 30px } .contact-and-advisersec .formoutersec .tbx { height: 44px!important } .contact-and-advisersec .formoutersec .col-lg-3, .contact-and-advisersec .formoutersec .col-lg-6, .contact-and-advisersec .formoutersec .col-lg-12 { display: flex; flex-wrap: wrap; padding-left: 5px; padding-right: 5px } .contact-and-advisersec .formoutersec .row { display: flex; flex-wrap: wrap } .contact-and-advisersec .formoutersec .select2-selection--single { width: 100% } .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow b { left: 0; margin-left: -15px } .contact-and-advisersec .formoutersec .col-lg-12.col-md-12.col-sm-12.smt { display: block } .contact-and-advisersec .formoutersec .select2-container { width: 100%!important } .contact-and-advisersec .formoutersec { width: 100% } .contact-and-advisersec .formoutersec .col-lg-6 .row, .contact-and-advisersec .formoutersec .col-lg-12 .row { margin-left: -5px; margin-right: -5px } .contact-and-advisersec .formoutersec .col-lg-6 .row .col-lg-6, .contact-and-advisersec .formoutersec .col-lg-6 .row .col-lg-12, .contact-and-advisersec .formoutersec .col-lg-12 .row .col-lg-6, .contact-and-advisersec .formoutersec .col-lg-12 .row .col-lg-12 { padding-left: 5px; padding-right: 5px } body.rtl .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow { left: 30px } body.rtl .contact-and-advisersec .bottom-signsec img { right: auto; left: 0 } body.rtl .headerblock .main-navigation>ul>li a { padding-right: 60px } body.rtl .headerblock .main-navigation span.icon.icon-plus.open { left: auto; right: 85% } .open-menu body.rtl .headerblock .main-navigation span.icon.icon-plus.open { left: auto; right: 85% } .open-menu .programsubnav { display: block; height: auto; opacity: 1; left: auto; right: -105%; z-index: 2200; transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s } .open-menu .programsubnav.ptop { opacity: 1; left: auto; right: 0 } .headerblock .main-navigation .sub-menu { display: block!important; height: 100%; background: #fff; opacity: 1!important; left: auto; right: -105%; z-index: 2200; transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s } .headerblock .main-navigation .subnv2 { opacity: 1; left: auto; right: 0; display: block!important } body.rtl .h-sec1 .cilogo-outer { right: auto; left: -82px } .what-do-clientsy-sec .videosec .container { position: relative; z-index: 20 } .bespoke-sec, .what-do-clientsy-sec { z-index: 20 } .client-text-bg { position: relative } .client-text-bg:before { content: ""; width: 100%; height: 200%; display: block; background: #fff; position: absolute; top: 0; left: 0 } .homemain-banner { margin-top: 95px } } @media screen and (max-width:1020px) { .inner-banner-sec { min-height: 200px } .country-infosec .text p:first-child { height: 59px } .mblprgms { right: 15% } .mblprgmsclose { left: 14% } .h-sec1 { min-height: inherit; padding: 30px 0 } .home-mapsec { min-height: inherit; padding: 30px 0 } .home-mapsec .map-bg { top: 10px } .home-mapsec h2 span { font-size: 120px; top: 8px } .home-mapsec h3 { font-size: 32px } .home-mapsec h2 { margin-bottom: 0 } .ciit-news-outer .owl-next { right: 20px; background: #fff!important } .ciit-news-outer .owl-prev { left: 20px; background: #fff!important } .our-client-companies .owl-next { right: 20px; background: #fff!important } .our-client-companies .owl-prev { left: 20px; background: #fff!important } .owl-next:before { width: 11px; height: 19px; background-size: cover } .owl-prev:before { width: 11px; height: 19px; background-size: cover } .ciit-news-outer { padding: 30px 0 } .h-our-programsouter { padding-top: 30px } .ribudjet-sec { margin-top: 30px } .ribudjet-sec .container { padding: 30px 15px } .program-tabsec { padding: 30px 0 } .our-client-companies { padding: 30px 0 } .why-second-passport { padding: 30px 0 } .why-second-passport-galllery { padding: 30px 0 10px 0 } .home-latest-news { padding-bottom: 30px } .subscribe-sec { padding: 30px 0 } .footer-nav-outer { padding: 30px 0; background-size: cover!important } li, p { font-size: 15px } .h-sec1 .multiple-authorized-firm { padding-top: 0 } .h-sec1 .cilogo-outer { width: 300px; height: 300px; top: 5% } .h-sec1 .contente-area { padding-top: 0 } .h-sec1 .cilogo-outer img { max-width: 50% } .home-mapsec .map-bg img { max-width: 70% } .h-our-programsouter h2, .home-latest-news h2, .why-second-passport h2 { font-size: 30px } .budjet-tablesec .row { font-size: 14px } .program-tabsec ul.tabs li a { font-size: 16px; line-height: 16px } .program-tabsec .row { padding-top: 30px } .program-tabsec .col-lg-4 { margin-bottom: 30px } .program-tabsec .viewmore { padding: 10px 40px 10px 10px } .program-tabsec .viewmore:before { top: 4px; right: 10px } .home-signimagesec .container img { max-width: 70% } .home-signimagesec .c-logo { width: 60px; height: 60px; background-size: cover; margin-left: -30px; bottom: -30px } .why-second-passport-galllery .outerbox h3 { font-size: 19px } .home-latest-news .news-gallerysec .outerbox .content-box { padding: 30px 0 } .become-our-ambassador-sec .btn { font-size: 16px; line-height: 16px } .subscribe-sec h4 { font-size: 20px; letter-spacing: 0 } .subscribe-sec .newsletterbox .srchbtn { width: 100px; font-size: 16px } .subscribe-sec .newsletterbox .tnp-widget-minimal form input.tnp-submit { width: 100px; font-size: 16px } .subscribe-sec .newsletterbox .form-letter { width: calc(100% - 150px) } .subscribe-sec .newsletterbox .tnp-widget-minimal form input.tnp-email { width: calc(100% - 150px) } .commonsec1 h2:after, .commonsec1 h2:before { display: none } .commonsec1 { padding: 30px 0 } .client-text-bg { padding: 30px 0 } .what-do-clientsy-sec { padding: 30px 0 } .commonsec2 { padding: 30px 0 } .what-do-clientsy-sec .videosec .container { max-width: 500px } .what-do-clientsy-sec .videosec .container .video-outer .y-video { height: 250px } .what-do-clientsy-sec { margin-top: 130px } .commonsec1 h2 { font-size: 32px; letter-spacing: 0 } .commonsec2 h2 { font-size: 32px; letter-spacing: 0 } .what-do-clientsy-sec .content-area .container h3 { font-size: 19px; letter-spacing: 0 } .commonsec2 h2:after, .commonsec2 h2:before { display: none } .client-text-bg .container:before { left: 0 } .client-text-bg .container:after { right: 0 } .contact-and-advisersec .formoutersec .numbersec { width: 103.1% } .bespoke-sec h3 { font-size: 19px; letter-spacing: 0 } .listingsec-1 .outerbox .content-sec h3 { font-size: 19px; letter-spacing: 0 } .inner-wrapper2 .top-description-sec { padding: 30px 0 } .bottom-our-programssec h4 { font-size: 20px; letter-spacing: 0 } .bottom-our-programssec { padding: 30px 0 } .footer-nav-outer { background: #16223c } .bottom-our-programssec h3, .investmet-wrap .budjet-tablesec h3 { font-size: 19px; letter-spacing: 0 } .investmet-wrap .budjet-tablesec h4 { font-size: 19px; letter-spacing: 0 } .inves-top-se2 { padding: 30px 0 } h1 { font-size: 32px; letter-spacing: 0 } h2 { font-size: 30px; letter-spacing: 0 } h4 { font-size: 20px; letter-spacing: 0 } h3 { font-size: 19px; letter-spacing: 0 } h5 { font-size: 18px; letter-spacing: 0 } h6 { font-size: 17px; letter-spacing: 0 } .inner-banner-sec .toplogo-icon { width: 60px; left: 15px; bottom: -30px } .inves-top-sec, .invest-sec2 { padding: 30px 0 } .program-tabsec .btn { font-size: 14px; padding-left: 13px 20px } .investmet-wrap .budjet-tablesec .btn { margin-top: 10px } .car-passport { position: relative; float: right; bottom: -30px } .advantageofca { padding: 30px 0 0 0 } .program-dtltopsec h1 { font-size: 30px; letter-spacing: 0 } .program-dtl-wrapper .overview { padding: 30px 0 } .benifit-sec, .country-infosec, .p-cost-sec, .pr-timeline-sec { padding: 30px 0 } .country-infosec .outerbox h6 { font-size: 12px } .benifit-sec .b-gallery .outerbox .content-sec h4 { font-size: 17px } .visafreecountries .grid { margin: 0 } .brochure-dwnload { padding: 30px 0 } .brochure-dwnload h3 { font-size: 30px; letter-spacing: 0 } .brochure-dwnload .bpic { display: none } .programtop-nav li a { padding: 23px 35px } .programtop-nav li { font-size: 13px } .programtop-nav li .brochure:before { left: 5px } .programtop-nav li .brochure { width: auto; padding: 0 5px 0 35px } .programtop-nav li:last-child { padding-left: 0 } .pgrm-sec1 { padding: 30px 0 } .pgrm-sec2 { padding: 30px 0 } .program-tabsec.dtl .tabContainer { padding-top: 30px } .program-tabsec.dtl { padding: 0 } .pgrm-sec2 { padding: 30px 0 } .mrtop2 { margin-top: 0 } .mrtop2:before { display: none } .faq-section h2 { font-size: 30px } .faq-section .acc__title { font-size: 13px; font-weight: bold } .inner-form-sec .formoutersec { width: 97.5% } .inner-form-sec .formoutersec .SumoSelect { width: 106.5% } .eligibility-sign { padding-top: 30px } .inner-form-sec { padding-bottom: 30px } .contact-wrapper .get-btn { margin-top: 15px } .contact-wrapper .contactsign img { max-width: 70% } .contact-wrapper .contactsign { padding: 15px 0 } .inner-form-sec .formoutersec .row { display: block } .contact-wrapper .inner-form-sec .formoutersec .row { display: block } .contact-wrapper .inner-form-sec .formoutersec .row .row { width: 100%; margin: 0px; padding: 0px } .contact-wrapper .inner-form-sec .formoutersec h6 { font-size: 14px } .contact-wrapper .bottom-numbersec p { font-size: 12px } .contactus-topsec { padding-top: 30px } .contactus-topsec h1 { font-size: 25px } .contactus-topsec h2 { font-size: 25px } .inner-form-sec .formoutersec .btn { font-size: 15px; line-height: 15px; padding: 15px 30px } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt { display: block } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt2 { display: block } .compare-wrapper .compare-box .detailrow .col-lg-2 .lbl { width: 100%; padding: 5px 0; border: none!important } .home-signimagesec #container { margin-right: -110px } .headerblock .main-navigation .sub-menu { min-height: 280px } .mblprgms { width: 100%; right: 0; text-align: right } .open-menu .mblprgms { width: 90%; right: auto; left: 0; text-align: right; height: 40px; top: 228px } .headerblock span.icon.icon-plus { width: 90%; height: 40px; right: 0; left: 0; text-align: right } .headerblock .main-navigation>ul { padding: 60px 0 5px 0 } .headerblock .main-navigation>ul>li a { padding: 12px 30px } .open-menu .headerblock .main-navigation span.icon.icon-plus.open { width: 80px; height: 15px; background: none; left: 30px } .open-menu .headerblock .main-navigation span.icon.icon-plus.open:before { content: ""; color: #000; font: normal normal normal 22px/0.8 fontawesome; display: block; float: left } .open-menu .headerblock .main-navigation span.icon.icon-plus.open:after { content: "BACK"; font-size: 17px; line-height: 1; font-weight: bold; color: #000; text-transform: uppercase; display: block; float: right } .mblprgmsclose { width: 80px; height: 15px; background: none; left: 30px } .mblprgmsclose:before { content: ""; color: #000; font: normal normal normal 22px/0.8 fontawesome; display: block; float: left } .mblprgmsclose:after { content: "BACK"; font-size: 17px; line-height: 1; font-weight: bold; color: #000; text-transform: uppercase; display: block; float: right } .headerblock .main-navigation>ul li.abtmbl { display: block } .headerblock .main-navigation>ul li.abtmbl a { font-size: 24px; line-height: 1; font-weight: bold; color: #163760 } .headerblock .main-navigation>ul li:first-child .sub-menu:before { display: none } .headerblock .main-navigation>ul li:first-child .sub-menu { padding-top: 0 } .headerblock .main-navigation>ul li { max-width: 100% } .headerblock .main-navigation .sub-menu { min-height: 350px } .open-menu .mblprgms { width: 100%; padding-right: 30px } .headerblock span.icon.icon-plus { width: 100%; height: 40px; right: 0; left: 0; text-align: right } .headerblock span.icon.icon-plus:before { margin-right: 30px } .headerblock span.icon.icon-plus.open:before { margin-right: 0 } .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: -5px!important; top: 0px!important } .homemain-banner { margin-top: 105px } } @media screen and (max-width:1200px) { .listingsec-1.news-details { padding-top: 100px!important } } @media screen and (max-width:765px) { .headerblock .bottom-sec .logosec { width: 100%; max-width: 200px } .multiple-authorized-firm { text-align: center } .multiple-authorized-firm li { margin: 0 5px; float: left } .multiple-authorized-firm li .outerbox { border: solid 1px #d4c6c6; width: 55px; height: 55px; display: flex; align-items: center } .multiple-authorized-firm li .outerbox img { width: auto; max-width: 80%; display: block; margin: auto } .home-mapsec h2 span { font-size: 60px } .home-mapsec h2 { font-size: 30px } .home-mapsec h3 { font-size: 18px } .home-mapsec .col-lg-6 { width: 100% } .home-mapsec h5 { font-size: 15px; margin-top: 20px } .program-tabsec ul.tabs li a span { display: none } .footer-nav-outer { background: #16223c } .become-our-ambassador-sec .container { padding-top: 0 } .become-our-ambassador-sec { padding: 30px 0; background-size: cover; min-height: inherit; height: auto } .home-mapsec .row { margin: 0 } .home-mapsec .col-lg-6 { padding: 0 } .ciit-news-outer h4 { margin-bottom: 0 } .our-client-companies h4 { margin-bottom: 0 } .budjet-tablesec .row span.head.mbl { display: block; color: #213e6a; margin-bottom: 5px } .budjet-tablesec .mobilhide { display: none } .budjet-tablesec .col-lg-3, .budjet-tablesec .col-lg-4, .budjet-tablesec .col-lg-5, .budjet-tablesec .col-lg-6 { padding-top: 10px; padding-bottom: 10px } .program-tabsec ul.tabs li a { font-size: 14px; line-height: 14px } .why-second-passport-galllery .outerbox h3 { font-size: 14px } .inner-banner-sec h1 { font-size: 26px!important } .inner-banner-sec h1 span { font-size: 16px } .inner-banner-sec h2 { font-size: 16px } .common-right-box { display: none } .bespoke-sec .row { display: block } .bespoke-sec .pic { padding-top: 15px } .client-text-bg { padding-bottom: 0 } .client-text-bg p { font-size: 28px; margin-bottom: 0 } .client-text-bg .our-clientsay { font-size: 28px; margin-bottom: 0 } .client-text-bg .container:after, .client-text-bg .container:before { top: -25px } .contact-and-advisersec .bottom-signsec img { position: relative; top: 0 } .contact-and-advisersec { background: #162c4e } .contact-and-advisersec .bottom-signsec { margin-top: 20px } .contact-and-advisersec .formoutersec .tbx { width: 97% } .contact-and-advisersec .formoutersec .SumoSelect { width: 104% } .contact-and-advisersec .formoutersec .numbersec .tbx2 { width: 40% } .contact-and-advisersec .formoutersec .tarea { width: 97% } .contact-and-advisersec .bottom-signsec img { max-width: 90% } .home-latest-news .news-gallerysec .row { display: block } .pagination { padding-top: 30px } .bottom-our-programssec .rht { text-align: left; padding-top: 10px } .program-tabsec .row { display: block } .advantageofca .pic { width: 100% } .advantageofca .content-sec { width: 100%; padding: 15px 0 0 0 } .appl-listingsec h3 span { font-size: 50px } .appl-listingsec .col-lg-4 { padding-bottom: 20px } .advantageof-eup li .pic { width: 100% } .advantageof-eup li .pic img { width: 100%; display: block } .programs-tab-head li a { width: 100%; text-align: center; display: block; padding: 15px 0 } .programs-tab-head li { width: 100%; margin-bottom: 2px } .program-dtl-wrapper .overview li { display: inline-block } .program-dtl-wrapper .overview li .leftsec { width: 100% } .program-dtl-wrapper .overview li .rightsec { padding-left: 0 } .country-infosec .col-lg-6 .row { display: block } .programtop-nav { height: auto; background: #16223c } .programtop-nav li { border: none; margin: 2px } .programtop-nav li:nth-last-child(2) { border: none } .programtop-nav li a { padding: 10px; border: solid 1px #fff } .program-dtl-wrapper .overview li .leftsec { font-weight: 500; font-size: 18px } .visafreecountries { padding: 0 0 30px 0 } .programtop-nav.prnav.top-stickouter li { border: none; margin: 2px; font-size: 13px } .programtop-nav.prnav.top-stickouter li a { padding: 10px 5px } .program-tabsec ul.tabs li { margin: 5px } .program-tabsec.dtl ul.tabs li a { font-size: 13px; padding: 15px 20px } .program-tabsec.dtl ul.tabs3 li a { font-size: 13px; padding: 15px 20px } .faq-section { padding: 30px 0 } .inner-form-sec .formoutersec .row { display: block } .inner-form-sec .formoutersec { width: 100% } .inner-form-sec .formoutersec .tbx { width: 100% } .inner-form-sec .formoutersec .tarea { width: 100% } .inner-form-sec .formoutersec .SumoSelect { width: 100% } .inner-form-sec .formoutersec .btn { font-size: 17px; padding: 15px 20px } .thankyou-page h2 { font-size: 25px } .thankyou-page p { font-size: 14px } .thankyou-page .btn { font-size: 15px; letter-spacing: 0; padding: 13px 20px } .thankyou-page { padding: 60px 0 } .contact-wrapper .bottom-numbersec .mdl { border: none; padding: 15px; margin: 15px 0; border-top: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7 } .contact-wrapper .rht-sec { padding-top: 30px } .contact-map #map { height: 400px } .contact-wrapper .rht-sec { text-align: center } .compare-wrapper .compare-box .top-head { height: auto } .compare-wrapper .compare-box .col-lg-2 { padding: 5px 15px } .compare-wrapper .compare-box .logo-icon { margin-top: 0 } .compare-wrapper .compare-box .select-programs { padding-top: 0; border-bottom: solid 1px #556373 } .compare-wrapper .compare-box .top-head h3 { font-size: 16px } .compare-wrapper .compare-box .SumoSelect>.CaptionCont { font-size: 14px } .compare-wrapper .toptitle-sec { padding-bottom: 30px } .compare-wrapper { padding: 30px 0 } .compare-wrapper .nullcol { display: none!important } .compare-wrapper .compare-box .detailrow .col-lg-2 { min-height: inherit; padding: 30px 15px } .compare-wrapper .compare-box .detailrow h6 { font-size: 16px; text-align: center } .compare-wrapper .compare-box .detailrow .col-lg-2 { display: block } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt { font-size: 15px } .compare-wrapper .compare-box .detailrow .col-lg-2 .txt2 { font-size: 15px } .compare-wrapper .compare-box .detailrow .col-lg-2 { width: 100%; display: table; text-align: center } .compare-wrapper .compare-box .detailrow { background: #f4f5f7 } .compare-wrapper .compare-box .detailrow:nth-child(odd) { background: #fff } .compare-wrapper .compare-box .detailrow .col-lg-2 { background: none!important } .compare-wrapper .compare-box .top-head.col-lg-2 { padding: 15px 15px } .compare-wrapper span.mobiletitle { display: block } .compare-wrapper .compare-box .subheadrow { display: none } .compare-wrapper .compare-box .detailrow .col-lg-2 { padding: 15px; border: none!important } .compare-wrapper .toptitle-sec h2 { font-size: 20px } .compare-wrapper .toptitle-sec h1 { font-size: 20px } .home-signimagesec #container { margin-right: 0 } .headerblock .chw-widget { padding-left: 0 } .headerblock .mobilehdr .current-lang { font-size: 0; min-width: 45px; } .headerblock .mobilehdr .current-lang:before { content: attr(lang); width: 20px; height: 20px; display: inline-block; font-size: 13px !important; line-height: 1; color: #000; font-weight: 500; } .headerblock .mobilehdr .site-languages { min-width: 90px; } .headerblock .mobilehdr .top-sec .chw-widget .wpml-ls-item-ar span:before { text-transform: uppercase } .headerblock .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { width: 32px } .headerblock .chw-widget { width: 32px } .headerblock .chw-widget .wpml-ls-legacy-dropdown { width: 32px } .headerblock .chw-widget li a { min-width: 32px } .headerblock .top-sec .right-box { width: 80px } .headerblock .chw-widget { padding-top: 6px } .headerblock .top-sec .search-icon { top: 5px } .headerblock .mobilehdr .top-sec .right-box { margin-right: 70px } .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { top: 0 } .headerblock .bottom-sec { height: 85px } .navicon { height: 85px } .headerblock .top-sec .form-container { top: 55px } .headerblock .top-sec .ftop { top: 55px } .headerblock .top-sec .form-container:before { content: ""; width: 100vw; height: 100%; background: #fff; display: block; position: absolute; left: -20px; bottom: 0 } .headerblock .top-sec .cls:before { font: normal normal normal 17px/0.9 fontawesome } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { top: 25px } .headerblock .main-navigation>ul { padding: 60px 50px 5px 50px } .open-menu .main-navigation>ul { top: 85px } .headerblock .main-navigation li a { font-size: 20px } .open-menu .headerblock .chw-widget li a span:before { color: red } .open-menu .headerblock .top-sec .chw-widget span:before { color: #fff!important } .open-menu .headerblock .top-sec .wpml-ls-legacy-dropdown .wpml-ls-sub-menu span:before { color: #000!important } .programsubnav .outer-box h3 { font-size: 17px } .headerblock .main-navigation>ul { padding: 60px 30px 5px 30px } .mblprgms { right: 11% } .programsubnav .b1 { padding: 30px } .programsubnav .b2 { padding: 30px } .programsubnav .b3 .blt { padding: 30px } .programsubnav .b3 .mr-top2 { padding: 30px } .programsubnav .outer-box h3 { font-size: 14px } .programsubnav .outer-box h6 { font-size: 10px; margin-top: 0 } .programsubnav .b3 .mr-top2 { padding-top: 45px } .programsubnav .b1 .col-6 { width: 100%; clear: both } .programsubnav .outer-box h4 { font-size: 14px; font-weight: 500 } .headerblock .main-navigation .sub-menu li a { font-size: 17px } .programsubnav .b1 { position: relative } .programsubnav .b1 .col-6 h4 { margin: 0; padding: 10px 0 } .programsubnav .b1 .col-6 ul { position: absolute; left: 0; top: 23px; padding-top: 0; background: #fff; z-index: 50; width: 100%; padding: 0 10px; height: auto; min-height: 140px; display: none } .programsubnav .b1 .col-6:hover ul { display: block; left: 100% } .programsubnav .b2 { position: relative } .programsubnav .b2 h4 { margin: 0; padding: 10px 0 } .programsubnav .b2 ul { position: absolute; right: 0; top: 23px; padding-top: 0; background: #fff; padding: 0 10px; z-index: 50; width: 100%; height: auto; min-height: 140px; display: none } .programsubnav .b2 { position: relative } .programsubnav .b2 h4 { margin: 0; padding: 10px 0 } .programsubnav .b2 ul { position: absolute; right: 0; top: 23px; padding-top: 0; background: #fff; padding: 0 10px; z-index: 50; width: 100%; height: auto; min-height: 140px; display: none } .programsubnav .b2 .dl1:hover ul { display: block; right: 100% } .programsubnav .b2 .dl2:hover ul { display: block; right: 100% } .programsubnav .outer-box .mr-top { margin-top: 0 } .programsubnav .outer-box li a { display: block; padding: 5px 0 } .programsubnav .b1 h3 { margin-bottom: 0; padding-bottom: 20px } .programsubnav .b2 h3 { margin-bottom: 0; padding-bottom: 20px } .programsubnav .outer-box h4 { position: relative } .programsubnav .outer-box h4:before { content: ""; font: normal normal normal 20px/1 fontawesome; color: #163760; position: absolute; right: 0; top: 7px } .mblprgmsclose { left: 5% } .mblprgms { right: 10% } .program-tabsec ul.tabs li { width: 47%; margin: 1% } .program-tabsec .outerbox { width: 80%; margin: auto } .budjet-tablesec .col-lg-3 { width: 33%; float: left } .budjet-tablesec .col-lg-4 { width: 33%; float: left } .budjet-tablesec .col-lg-5 { width: 33%; float: left } .budjet-tablesec .row .head { font-size: 12px; color: #fff } .budjet-tablesec .row { font-size: 10px } .budjet-tablesec .row span.head.mbl { color: #fff } .our-client-companies .owl-theme .owl-controls { display: none } .homemain-banner { display: block } .home-mobilbanner { display: none } .home-signimagesec { display: none } .home-signimagesec-mobile { display: block } .program-tabsec .viewmore { width: 80%; height: 47px; padding: 0; font-size: 16px; line-height: 47px; text-align: center } .program-tabsec .viewmore:before { display: none } .program-tabsec .tabContainer .row { margin-left: 0; margin-right: 0 } .program-tabsec .tabContainer .col-lg-4 { padding-left: 0; padding-right: 0 } .program-tabsec .row { padding-top: 0 } .program-tabsec ul.tabs { width: 100%; height: auto; padding-bottom: 60px } .program-tabsec ul.tabs li { width: 49%; margin: 0 } .ribudjet-sec .container { border: none } .why-second-passport-galllery .owl-prev { left: -10px; bottom: 45% } .why-second-passport-galllery .owl-next { right: -10px; bottom: 45% } .why-second-passport-galllery .owl-prev:before { width: 20px; height: 40px } .why-second-passport-galllery .owl-next:before { width: 23px; height: 40px } .home-latest-news .owl-prev { left: -10px; bottom: 70% } .home-latest-news .owl-next { right: -10px; bottom: 70% } .home-latest-news .owl-prev:before { width: 20px; height: 40px } .home-latest-news .owl-next:before { width: 23px; height: 40px } .benifit-sec .owl-prev { left: -10px; bottom: 70% } .benifit-sec .owl-next { right: -10px; bottom: 70% } .benifit-sec .owl-prev:before { width: 20px; height: 40px } .benifit-sec .owl-next:before { width: 23px; height: 40px } .home-latest-news h2 { margin-bottom: 55px } .home-latest-news .news-gallerysec .outerbox { width: 80%; margin: auto } .why-second-passport-galllery .outerbox { width: 80%; margin: auto } .become-our-ambassador-sec { width: 100%; height: 385px; padding: 0; display: flex; align-items: center; background: url(../images/bcmambassador-sec-mbl.jpg) top center } .become-our-ambassador-sec h3 { font-size: 32px; line-height: 1.2; max-width: 248px } .become-our-ambassador-sec p { font-size: 15px; max-width: 248px; font-weight: 500 } .become-our-ambassador-sec .btn { padding: 13px 20px } .become-our-ambassador-sec .container { width: 100% } .subscribe-sec { padding: 60px 0 } .subscribe-sec p { font-size: 10px; margin-bottom: 20px } .subscribe-sec h4 { font-size: 18px } .newsletterbox p { margin-top: 10px } .inner-banner-sec>img { max-width: inherit; height: 210px; display: table; margin: auto } .program-dtltopsec h1:after, .program-dtltopsec h1:before { width: 10%!important; top: 16px } .program-dtltopsec h6 { font-size: 15px; color: #231f20 } .program-dtltopsec h2 { font-size: 15px; color: #231f20 } .program-dtltopsec h5 { margin-bottom: 20px } .program-dtltopsec h1 span.animate-on-load { margin-bottom: 20px } .program-dtl-wrapper .overview li .rightsec { width: 100%; padding-left: 50px } .country-infosec h3 { font-size: 30px } .country-infosec .text span.collapse, .country-infosec .text span.expand { margin: 20px 0 35px 0 } .country-infosec .col-lg-6 .col-lg-6 { width: 50%; padding-left: 5px; padding-right: 5px } .country-infosec .col-lg-6 .row { display: flex; margin-left: -5px; margin-right: -5px } .country-infosec .outerbox { padding: 30px 15px } .country-infosec .outerbox p { font-size: 14px; line-height: 1.3 } .country-infosec .outerbox h6 { margin-bottom: 5px } .benifit-sec .b-gallery .outerbox { width: 80%; margin: auto } .benifit-sec h3 { text-align: center; margin-bottom: 25px } .benifit-sec .b-gallery .outerbox .content-sec { background: none } .benifit-sec .b-gallery .outerbox .show-more { font-size: 16px; line-height: 1; color: #000000!important; padding: 10px 25px; text-transform: uppercase; font-weight: 500; border: none; outline: none; background: none; cursor: pointer; display: block; margin-top: 10px } .benifit-sec .b-gallery .outerbox .show-more:after { content: ""; font: normal normal normal 22px/1 fontawesome; display: inline-block; position: relative; right: -10px; top: 2px; background: none } .benifit-sec .b-gallery .outerbox .show-more { cursor: pointer } .benifit-sec .b-gallery .outerbox .show-more-height { height: 155px; overflow: hidden } .benifit-sec .b-gallery .outerbox { padding-bottom: 20px; background: linear-gradient(90deg, #f8f8f8 0%, white 23%, #f1f1f2 58%, #f1f1f2 100%) } .benifit-sec .b-gallery .outerbox .show-more { display: block } .p-cost-sec .acc { margin: 0 auto } .p-cost-sec .acc__card { position: relative; background: #fff } .p-cost-sec .acc__title { background: #fff; padding: 20px; cursor: pointer; display: block; position: relative; text-align: left } .p-cost-sec .acc__title:after { text-align: center; content: ""; font: normal normal normal 25px/1.6 fontawesome; color: #06324b; background: #fff; width: 45px; height: 38px; border: solid 1px #c1c1c1; position: absolute; right: 2px; top: 2px; transition: all 0.2s ease-in-out } .p-cost-sec .acc__title.active:after { content: ""; transition: all 0.2s ease-in-out; font: normal normal normal 25px/2 fontawesome } .p-cost-sec .acc__panel { display: none; margin: 0; text-align: left } .p-cost-sec .acc__panel p { padding-left: 20px; padding-right: 20px; font-weight: 500 } .p-cost-sec .cost-sec { padding: 0; margin: 10px 0; box-shadow: 1px 13px 32px -16px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 13px 32px -16px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 13px 32px -16px rgba(0, 0, 0, 0.15) } .p-cost-sec .cost-sec .budjet-tablesec { padding-bottom: 0 } .p-cost-sec .cost-sec h4 { display: flex; align-items: center; padding-right: 52px } .p-cost-sec .cost-sec h4 span { font-size: 60px; position: relative } .p-cost-sec h6 { padding: 20px 20px 0 20px } .pr-timeline-sec h3 { text-transform: uppercase; font-size: 30px } .pr-timeline-sec .rt { padding-top: 10px; text-align: left } .pr-timeline-sec .bottomitlc { padding: 5px 0 } .visafreecountries h3 { width: 80%; color: #231f20 } .visafreecountries { background: #fff url(../images/mobilmap-dots.jpg) top center no-repeat } .pgrm-sec2 { background: #fff url(../images/mobilmap-dots.jpg) top center no-repeat } .visafreecountries .grid-item { box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0) } .visafreecountries .vcountrieslist .outerbox { background: #fff; box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.14) } .visafreecountries .vcountrieslist .container { padding: 0 } .brochure-dwnload .btn { font-size: 14px; line-height: 14px; margin-bottom: 10px } .brochure-dwnload ul { display: none } .brochure-dwnload .row { display: block } .brochure-dwnload h6 { display: none } .brochure-dwnload .bpic { display: block } .brochure-dwnload h3 { margin-bottom: 35px } .brochure-dwnload .bpic { bottom: -12px; right: -16%; width: 140% } .brochure-dwnload h3 { font-size: 20px; line-height: 1.3; max-width: 200px } .page-template-page-our-programs .programtop-nav { display: block } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li a { border: none; font-size: 20px; line-height: 28px; width: 190px; padding: 0; overflow: hidden; height: 28px; display: inline-block } .page-template-page-our-programs .programtop-nav li { border-right: solid 1px #fff } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li { width: 49%; height: auto; border-right: solid 1px #fff; padding: 20px 0; margin: 0; float: left } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li:last-child { border: none; float: right } .page-template-page-our-programs .programtop-nav { background: url(../images/top-nav.jpg) top center } .page-template-page-our-programs .programtop-nav .container { padding: 0 } .budjet-tablesec .row .number { font-weight: bold } .pgrm-sec2 h2:before { width: 15%; top: 18px; left: 0 } .pgrm-sec2 h2:after { width: 15%; top: 18px; right: 0 } .program-tabsec ul.tabs li { width: 100%; margin: 7px 0 } .pgrm-sec2 .container { text-align: left } .program-tabsec.dtl ul.tabs li a { padding: 15px; font-size: 20px; line-height: 20px; color: #213e6a; background: #fff; border: solid 1px #213e6a } .program-tabsec.dtl { padding: 0 15px } .program-tabsec ul.tabs { padding-bottom: 0 } .program-tabsec h3 { text-align: center; font-size: 24px; line-height: 1; color: #231f20; text-align: center } .program-tabsec ul.tabs3 li { width: 100%; margin: 7px 0 } .program-tabsec.dtl ul.tabs3 li a { padding: 15px; font-size: 20px; line-height: 20px; color: #213e6a; background: #fff; border: solid 1px #213e6a } .program-tabsec.dtl { padding: 0 15px } .program-tabsec ul.tabs3 { padding-bottom: 0 } .program-tabsec.dtl .tabContainer { padding-top: 0 } div#Residency { background: #f4f4f4; padding-top: 50px } .headerblock .mobilehdr .top-sec .right-box { display: block } .contact-and-advisersec { background: url(../images/footertop-bg.jpg) top center } .contact-and-advisersec .container { padding-left: 25px; padding-right: 25px } .contact-and-advisersec .formoutersec .btn { width: 100% } .contact-and-advisersec .formoutersec .btn { background: none } .contact-and-advisersec .formoutersec { width: 100% } .contact-and-advisersec .formoutersec .row { width: 100%; margin: 0 } .contact-and-advisersec .formoutersec .col-lg-6, .contact-and-advisersec .formoutersec .col-lg-12 { display: flex; width: 100%; padding: 0 } .contact-and-advisersec .formoutersec .select2-selection--single { width: 100% } .select2-container { width: 100%!important } .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow { right: 10px } .contact-and-advisersec .bottom-signsec img { display: none } .footer-nav-outer { background: url(../images/footerbottombg.jpg) top center; background-size: auto!important; padding: 50px 0 } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f1 { padding-bottom: 35px } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f1 ul { display: flex; flex-wrap: wrap; justify-content: flex-end } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f1 li { width: 50% } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f1 li:nth-child(5) { display: none } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f1 li { margin: 10px 0 0 0 } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f1 h4 { margin-bottom: 10px } .footer-nav-outer .col-lg-6.col-md-8.col-sm-6.f2 { padding-bottom: 35px } .footer-nav-outer .col-lg-6.col-md-8.col-sm-6.f2 .row { display: flex; flex-wrap: wrap } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 { width: 50% } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 { width: 50% } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 { padding-bottom: 35px } .footer-nav-outer .searchby { margin-top: 0 } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 .searchby { order: 1; width: 100% } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 h5 { width: 50% } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 ul { width: 50% } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 .mr-top { float: right; margin-top: -135px } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 ul:last-child { float: right; clear: both; margin-top: -105px } .footer-nav-outer .placetocontact { display: flex; flex-wrap: wrap } .footer-nav-outer .placetocontact .place { width: 50%; margin-bottom: 30px } .footer-nav-outer .placetocontact .place h6 { margin-top: 5px } .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 h5 { margin-bottom: 20px } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6 { width: 100% } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6 h6 { margin-bottom: 0; position: relative } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6 ul { display: none } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6:hover ul { display: block } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6 h6:before { content: ""; font: normal normal normal 17px/1 fontawesome; color: #fff; position: absolute; right: 0; top: -2px } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer ul { display: none } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer:hover ul { display: block } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer h6 { margin-bottom: 0; position: relative } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer h6:before { content: ""; font: normal normal normal 17px/1 fontawesome; color: #fff; position: absolute; right: 0; top: -2px } .footer-nav-outer h6 { margin-top: 20px } .open-menu .mblprgms { top: 190px } .homemain-banner h2 { position: relative; top: 20px; line-height: 1.2!important } .inner-banner-sec { margin-top: 80px } .headerblock { position: fixed; top: 0 } .homemain-banner { margin-top: 100px } .h-sec1 { padding: 60px 0 40px 0 } .multiple-authorized-firm li .outerbox { border: none } .h-sec1 .multiple-authorized-firm { padding-top: 30px } .h-sec1 .contente-area h2 { margin-bottom: 25px } .multiple-authorized-firm h6 { text-align: left; font-size: 13px } .multiple-authorized-firm li { margin: 1px } .home-mapsec { width: 100%; height: 350px; background: url(../images/home-mapsec-mbl.jpg) top center; padding: 0; display: flex; align-items: center } .home-mapsec .map-bg { display: none } .home-mapsec h5 { font-size: 24px; font-weight: 300; font-size: 15px; max-width: 335px } .home-mapsec h5 br { display: none } .home-mapsec h2 { font-size: 43px } .home-mapsec h2 span { font-size: 85px; top: 16px } .home-mapsec h3 { font-size: 25px; position: relative; top: 12px } .ciit-news-outer h4 { font-size: 15px; width: 270px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .ciit-news-outer { overflow: hidden } .ciit-news-outer h4:before { width: 50%; left: -56%; top: 10px } .ciit-news-outer h4:after { width: 50%; right: -56%; top: 10px } .ciit-news-outer { width: 100%; height: auto; padding: 60px 0 } .ciit-news-outer .owl-theme .owl-controls { display: none } .ciit-news-outer .bottom-sec .cilogo { position: relative } .ciit-news-outer .bottom-sec .cilogo:before { content: ""; width: 300%; left: -350%; top: 24px; height: 1px; background: #959595; position: absolute; display: block } .ciit-news-outer .bottom-sec .cilogo:after { content: ""; width: 300%; right: -350%; top: 24px; height: 1px; background: #959595; position: absolute; display: block } .our-client-companies h4 { font-size: 18px; width: 270px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .our-client-companies { overflow: hidden } .our-client-companies h4:before { width: 50%; left: -56%; top: 12px } .our-client-companies h4:after { width: 50%; right: -56%; top: 12px } .our-client-companies { width: 100%; height: auto; padding: 60px 0 } .our-client-companies .owl-theme .owl-controls { display: none } .our-client-companies .bottom-sec .cilogo { position: relative } .our-client-companies .bottom-sec .cilogo:before { content: ""; width: 300%; left: -350%; top: 24px; height: 1px; background: #959595; position: absolute; display: block } .our-client-companies .bottom-sec .cilogo:after { content: ""; width: 300%; right: -350%; top: 24px; height: 1px; background: #959595; position: absolute; display: block } .our-client-companies .bottom-sec:before { display: none } .our-client-companies .bottom-sec:after { display: none } .pgrm-sec2 h2 { font-size: 30px; width: 270px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .pgrm-sec2 h2:before { width: 20%; left: -12%; top: 16px; display: block } .pgrm-sec2 h2:after { width: 20%; right: -12%; top: 16px; display: block } .h-our-programsouter { padding-top: 60px; background: #fff; text-align: left } .h-our-programsouter h2 { font-size: 30px; width: 270px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .h-our-programsouter h2:before { width: 50%; left: -51%; top: 16px; display: block } .h-our-programsouter h2:after { width: 50%; right: -51%; top: 16px; display: block } .commonsec1 h2 { font-size: 30px; width: 270px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .commonsec1 h2:before { width: 50%; left: -51%; top: 16px; display: block; content: " " } .commonsec1 h2:after { width: 50%; right: -51%; top: 16px; display: block; content: " " } .commonsec2 h2 { font-size: 30px; width: 215px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .commonsec2 h2:before { width: 50%; left: -51%; top: 16px; display: block; content: " " } .commonsec2 h2:after { width: 50%; right: -51%; top: 16px; display: block; content: " " } .why-second-passport { padding-top: 30px; background: #fff; text-align: center } .why-second-passport h2 { font-size: 30px; width: 270px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .why-second-passport h2:before { width: 50%; left: -51%; top: 16px; display: block } .why-second-passport h2:after { width: 50%; right: -51%; top: 16px; display: block } .why-second-passport .container { position: relative } .why-second-passport .container:before { content: ""; width: 15px; height: 100%; background: #fff; position: absolute; left: 0; top: -10px; z-index: 50; display: block } .why-second-passport .container:after { content: ""; width: 15px; height: 100%; background: #fff; position: absolute; right: 0; top: -10px; z-index: 50; display: block } .home-latest-news { padding-top: 0; background: #fff; text-align: center } .home-latest-news h2 { font-size: 30px; width: 270px; display: table; margin: auto; margin-bottom: 30px; font-weight: 300 } .home-latest-news h2:before { width: 50%; left: -51%; top: 16px; display: block } .home-latest-news h2:after { width: 50%; right: -51%; top: 16px; display: block } .home-latest-news .container { position: relative } .home-latest-news .container:before { content: ""; width: 15px; height: 100%; background: #fff; position: absolute; left: 0; top: -10px; z-index: 50; display: block } .home-latest-news .container:after { content: ""; width: 15px; height: 100%; background: #fff; position: absolute; right: 0; top: -10px; z-index: 50; display: block } li, p { font-size: 15px; font-weight: 500 } .h-our-programsouter .ribudjet-sec { border-top: solid 1px #b8c1cf } .h-our-programsouter .ribudjet-sec .container { padding-bottom: 0 } .h-our-programsouter .budjet-tablesec { margin-top: 0 } .budjet-tablesec .row span.head.mbl { margin-bottom: 2px } .program-tabsec ul.tabs { display: flex; margin-bottom: 40px } .program-tabsec ul.tabs li { width: 50%; margin: 0 } .program-tabsec ul.tabs li:first-child { margin-right: 5px } .program-tabsec ul.tabs li:last-child { margin-left: 5px } .program-tabsec .outerbox { width: 100% } .program-tabsec .viewmore { width: 99% } .program-tabsec { padding: 40px 0 } .home-signimagesec-mobile { background: #fff } .why-second-passport { background: #fff } .home-latest-news .news-gallerysec .outerbox .content-box { text-align: left } .home-latest-news h2 { margin-bottom: 40px } .become-our-ambassador-sec .btn { font-size: 14px; line-height: 14px } .newsletterbox p { display: none } .subscribe-sec p { font-size: 12px; margin-bottom: 20px; font-weight: 300 } .become-our-ambassador-sec h3 { font-size: 27px } .footer-nav-outer h5 { font-size: 16px } .footer-nav-outer h6 { font-size: 14px } .h-sec1 .cilogo-outer { border: solid 20px #e9e8e8 } .mblprgms { width: 100%; right: 0; text-align: right } .open-menu .mblprgms { width: 90%; right: auto; left: 0; text-align: right; height: 40px; top: 189px } .headerblock span.icon.icon-plus { width: 90%; height: 40px; right: 0; left: 0; text-align: right } .headerblock .main-navigation>ul { padding: 60px 0 5px 0 } .headerblock .main-navigation>ul>li a { padding: 12px 30px } .open-menu .headerblock .main-navigation span.icon.icon-plus.open { width: 80px; height: 15px; background: none; left: 30px } .open-menu .headerblock .main-navigation span.icon.icon-plus.open:before { content: ""; color: #000; font: normal normal normal 22px/0.8 fontawesome; display: block; float: left } .open-menu .headerblock .main-navigation span.icon.icon-plus.open:after { content: "BACK"; font-size: 17px; line-height: 1; font-weight: bold; color: #000; text-transform: uppercase; display: block; float: right } .mblprgmsclose { width: 80px; height: 15px; background: none; left: 30px } .mblprgmsclose:before { content: ""; color: #000; font: normal normal normal 22px/0.8 fontawesome; display: block; float: left } .mblprgmsclose:after { content: "BACK"; font-size: 17px; line-height: 1; font-weight: bold; color: #000; text-transform: uppercase; display: block; float: right } .headerblock .main-navigation>ul li.abtmbl { display: block } .headerblock .main-navigation>ul li.abtmbl a { font-size: 24px; line-height: 1; font-weight: bold; color: #163760 } .headerblock .main-navigation>ul li:first-child .sub-menu:before { display: none } .headerblock .main-navigation>ul li:first-child .sub-menu { padding-top: 0 } .headerblock .main-navigation>ul li { max-width: 100% } .headerblock .main-navigation .sub-menu { min-height: 280px } .headerblock .main-navigation .checkeligible:before { right: 10% } .page-template-page-our-programs .inner-banner-sec>img { width: 100% } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li { border-right: solid 1px #36455d } div#programs-tab-head-sticky-wrapper { height: auto } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li { padding: 10px 0 } .headerblock { z-index: 1500 } .page-template-page-our-programs .pgrm-sec1 { padding-top: 0 } .page-template-page-our-programs .pgrm-sec1 .container { padding: 0 } .page-template-page-our-programs .pgrm-sec1 p:first-child { position: relative; background: #fff; padding: 35px 15px } .page-template-page-our-programs .pgrm-sec1 h6 { padding-left: 15px; padding-right: 15px; margin: 35px 0 15px 0 } .page-template-page-our-programs .pgrm-sec1 p { padding-left: 15px; padding-right: 15px } .page-template-page-our-programs .pgrm-sec1 .budjet-tablesec { padding-left: 15px; padding-right: 15px } .page-template-page-our-programs .pgrm-sec2 { padding: 50px 0 20px 0 } .page-template-page-our-programs .program-tabsec ul.tabs { display: block } .page-template-page-our-programs .program-tabsec ul.tabs li { width: 100%; margin: 6px 0!important } .page-template-page-our-programs .program-tabsec.dtl .tabContent { padding: 0 } .program-tabsec .last-col .outerbox .content-sec { padding-top: 0 } .program-tabsec .last-col .outerbox .content-sec .title-sec { display: none } .program-tabsec.dtl .tabContent3 { display: block!important } .headerblock .top-sec .form-container { top: -100px } .headerblock .top-sec .ftop { top: 55px } .programsubnav { display: none } .open-menu .programsubnav { display: block } .inner-banner-sec .log-icon { width: 100px; height: 100px; bottom: -50px; margin-left: -50px } .program-dtltopsec { padding: 60px 0 } .program-dtltopsec h5 { font-size: 14px; letter-spacing: 3px } .program-dtltopsec h1 span.animate-on-load { font-size: 14px; letter-spacing: 3px } .program-dtltopsec h6 { font-size: 13px } .program-dtltopsec h2 { font-size: 13px } .program-dtltopsec { background: url(../images/mobilmap-dots.jpg) top center } .program-dtl-wrapper .overview h3 { font-size: 30px; margin-bottom: 10px } .program-dtl-wrapper .overview li .leftsec .icon { position: relative; top: 5px } .program-dtl-wrapper .overview li .leftsec { font-size: 17px; font-weight: normal } .program-dtl-wrapper .overview li .rightsec p { font-size: 14px } .program-dtl-wrapper .overview li { padding: 20px 0 } .program-dtl-wrapper .overview ul { margin-top: 0 } .country-infosec h3 { font-size: 24px; margin-bottom: 10px } .country-infosec .text .exptxt { margin-top: 20px } .country-infosec .text p { font-weight: 300 } .country-infosec .row .row { margin-top: 20px } .benifit-sec h3 { font-size: 25px } .benifit-sec { padding: 60px 0 } .p-cost-sec { padding: 60px 0 } .p-cost-sec h3 { font-size: 25px; margin-bottom: 20px } .p-cost-sec .acc { margin-top: 20px } .p-cost-sec h4 { font-size: 15px } .p-cost-sec .acc__panel p { opacity: 1!important; visibility: visible!important; transform: inherit!important } .budjet-tablesec .row { opacity: 1!important; visibility: visible!important; transform: inherit!important } .benifit-sec .b-gallery .outerbox { opacity: 1!important; visibility: visible!important; transform: inherit!important } .p-cost-sec .cost-sec .budjet-tablesec .row { display: flex; align-items: center; font-size: 13px } .p-cost-sec .cost-sec .budjet-tablesec .row .col-lg-5 { width: 60% } .single-programs .duediligence-sec { display: none } .pr-timeline-sec .rt { display: none } .pr-timeline-sec .row { margin: 0 } .pr-timeline-sec .row .col-lg-6 { padding-left: 0; padding-right: 0 } .pr-timeline-sec .row .col-lg-3 { padding-left: 0; padding-right: 0 } .pr-timeline-sec .row .col-lg-9 { padding-left: 0; padding-right: 0 } .pr-timeline-sec .row { padding-bottom: 20px } .visafreecountries h3 { font-weight: 500; margin-bottom: 30px } .visafreecountries .rt { text-align: left; position: relative } .visafreecountries .rt:before { content: "* Visa on arrival"; width: 96%; height: 96%; display: flex; align-items: flex-end; justify-content: flex-end; position: absolute; top: 0; left: 0; text-align: right; font-size: 14px; line-height: 1; color: #231f20; font-weight: 500; font-style: italic } .visafreecountries .arivl { display: none } .pr-timeline-sec { padding-bottom: 0 } .visafreecountries { padding-top: 60px } .visafreecountries .vcountrieslist .outerbox { padding: 5px } .visafreecountries .grid-item { box-shadow: none } .visafreecountries .grid-item { padding: 15px; margin: 0 } .open-menu .mblprgms { width: 100%; padding-right: 30px } .headerblock span.icon.icon-plus { width: 100%; height: 40px; right: 0; left: 0; text-align: right } .headerblock span.icon.icon-plus:before { margin-right: 30px } .headerblock span.icon.icon-plus.open:before { margin-right: 0 } .compare-wrapper { margin-top: 84px } .contact-map { margin-top: 86px } .page-template-about .inner-banner-sec>img { width: 100%; height: auto } .commonsec1 .container { font-size: 17px; line-height: 1.4 } .client-text-bg .container:before { width: 30px; height: 15px; background-size: cover!important } .client-text-bg .container:after { width: 30px; height: 15px; background-size: cover!important } .btn.clicktoexpand { cursor: pointer; margin-bottom: 30px; margin-top: 10px; font-size: 14px; line-height: 14px; padding: 12px 20px } .pagination a { font-size: 14px; line-height: 14px; padding: 5px 10px } .pagination span { font-size: 14px; line-height: 14px; padding: 5px 10px } .page-template-contact-us .row.bottom-numbersec .col-lg-4 { width: 50%; float: left; text-align: left } .page-template-contact-us .row.bottom-numbersec .mdl { border: none; padding-top: 0; padding-bottom: 0; margin: 0 } .page-template-contact-us .row.bottom-numbersec .col-lg-4:last-child { width: 100%; display: flex; flex-wrap: wrap } .page-template-contact-us .row.bottom-numbersec .col-lg-4:last-child .p1 { width: 50% } .page-template-contact-us .row.bottom-numbersec .col-lg-4:last-child .p1:nth-child(2n) { padding-left: 15px } .contact-wrapper .rht-sec { text-align: left } .contact-and-advisersec .formoutersec .col-lg-6 .row, .contact-and-advisersec .formoutersec .col-lg-12 .row { margin-left: 0; margin-right: 0 } body.rtl .homemain-banner .pathWrap { float: left } .open-menu body.rtl .headerblock .main-navigation span.icon.icon-plus.open { left: auto; right: 75% } body.rtl .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer h6:before { right: auto; left: 0 } body.rtl .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6 h6:before { right: auto; left: 0 } body.rtl .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 .mr-top { float: left } body.rtl .footer-nav-outer .col-lg-2.col-md-4.col-sm-6.f4 ul:last-child { float: left } .is-sticky div#programs-tab-head { position: fixed; top: 85px!important; z-index: 1000 } .benifit-sec .b-gallery .outerbox .show-more { display: inline-block; position: relative } .benifit-sec .b-gallery .outerbox .show-more:after { position: absolute; right: 0; top: 6px } .budjet-tablesec .col-lg-5 { width: 33% } .budjet-tablesec .col-lg-7 { text-align: right } } @media only screen and (max-width:768px) { .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: -5px!important; top: 0px!important } .headerblock .chw-widget .wpml-ls-legacy-dropdown a { padding-right: 18px } .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { top: 2px!important } } @media screen and (max-width:740px) { .listingsec-1.news-details h1 { font-size: 20px } .headerblock .chw-widget .wpml-ls-legacy-dropdown a { padding-right: 5px } .homemain-banner { margin-top: 70px } .inner-banner-sec>img { width: auto } .homemain-banner .outercontent-box { width: 100%; top: 40% } .homemain-banner .pathWrap { max-width: 60% } .homemain-banner h2 { margin-top: -60%!important } .homemain-banner h2 { top: 0 } .homemain-banner .sign { display: none } .h-sec1 .mapdots { display: none } .h-sec1 { background: #fff url(../images/mobilmap-dots.jpg) top center no-repeat } .h-sec1 .cilogo-outer { width: 280px; height: 280px; top: 50%; margin-top: -140px; right: -82px } .multiple-authorized-firm ul { display: flex; align-items: center } .multiple-authorized-firm li { width: 100% } .multiple-authorized-firm li .outerbox { width: 100%; height: auto } .citizenshipnewsmobile.row { display: flex; flex-wrap: wrap; justify-content: center } .citizenshipnewsmobile.row .col-md-6 { width: 50%; padding-top: 10px; padding-bottom: 10px } .citizenshipnews { display: none!important } .program-tabsec .tabContainer .col-lg-4 { transform: none!important } .ribudjet-sec h6 { letter-spacing: 0 } .budjet-tablesec .row { font-size: 14px } .budjet-tablesec .row .number { font-size: 12px } .budjet-tablesec .col-lg-5 { padding-left: 5px; padding-right: 5px } .budjet-tablesec .col-lg-4 { padding-left: 5px; padding-right: 5px } .budjet-tablesec .col-lg-3 { padding-left: 5px; padding-right: 5px } .program-tabsec ul.tabs li a span { display: block; margin-top: 3px } .program-tabsec .outerbox .content-sec .title-sec h4 { font-size: 22px } .our-client-companies { background: url(../images/bg3.jpg) top left } .why-second-passport-galllery .outerbox h3 { font-size: 24px } .home-latest-news .news-gallerysec .outerbox:hover { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) } .home-latest-news .news-gallerysec .outerbox:after { display: none } .become-our-ambassador-sec h3 { letter-spacing: 2px } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6 { position: relative } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6 ul { display: block; height: 2px; overflow: hidden; opacity: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6:hover h6:before { content: "" } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer { position: relative } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer ul { display: block; height: 2px; overflow: hidden; opacity: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer:hover h6:before { content: "" } .footer-nav-outer .col-lg-8.col-md-8.col-sm-6.fs2 .col-lg-6.ftrlbdr ul { height: auto; opacity: 1 } .footer-nav-outer .col-lg-4.col-md-4.col-sm-6.f3 .item-outer.ftrlbdr ul { height: auto; opacity: 1 } .footer-nav-outer .col-lg-6.col-md-8.col-sm-6.f2 { padding-bottom: 50px; padding-top: 30px } .footer-nav-outer .placetocontact { position: relative; padding-top: 30px } .footer-nav-outer .placetocontact:before { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; top: 0; left: 0; display: block; opacity: 0.2 } .bespoke-sec h3 { font-size: 25px } .bespoke-sec .sign { width: 80% } .client-text-bg .our-clientsay { font-size: 32px } .client-text-bg .our-clientsay { margin-top: 30px } .commonsec1 { padding: 50px 0 } .commonsec2 { padding: 50px 0 } .what-do-clientsy-sec .content-area .container h3 { font-size: 25px } .commonsec1 .container { font-size: 15px; line-height: 1.6; font-weight: 500 } .commonsec2 .container { font-size: 15px; line-height: 1.6; font-weight: 500 } .contact-and-advisersec h5 { font-size: 22px } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 } .appl-listingsec h3 { font-size: 24px } .appl-listingsec h3 { display: flex; align-items: center } .appl-listingsec li { position: relative; list-style-type: none; padding-left: 20px } .appl-listingsec li:before { content: ""; width: 6px; height: 6px; display: block; background: black; position: absolute; left: 0; top: 9px; border-radius: 100% } .home-latest-news .news-gallerysec .outerbox .content-box h5 { font-size: 20px } .home-latest-news .news-gallerysec .outerbox { width: 100% } .news-page { padding-top: 0 } .home-latest-news .news-gallerysec .outerbox .content-box h5 { font-size: 23px } .contact-and-advisersec .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow { right: 0 } .inner-wrapper.contact-wrapper .inner-form-sec .select2-container--default .select2-selection--single .select2-selection__arrow { right: 16px } .inner-wrapper.contact-wrapper .inner-form-sec .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 } .contact-and-advisersec .formoutersec .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 } .listingsec-1 .outerbox .content-sec h3 { font-size: 23px } .bottom-our-programssec h4 { margin-bottom: 10px } .contact-and-advisersec .formoutersec .row .col-lg-6:first-child { margin-top: 0 } .contact-and-advisersec h5 { margin-bottom: 20px } .inner-banner-sec { min-height: inherit } .faq-section .acc__title { font-size: 15px; line-height: 1.5; font-weight: 500 } .page-template-faq .inner-banner-sec h1 { font-size: 35px } .faq-section h2 { font-size: 23px } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li a { font-size: 16px } .visafreecountries .vcountrieslist .outerbox h6 { font-size: 20px; margin: 10px 0 5px 0; padding-left: 10px } .country-infosec h3 { font-size: 30px } .country-infosec .outerbox h6 { font-size: 14px } .benifit-sec .b-gallery .outerbox:hover { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) } .benifit-sec .b-gallery .outerbox .pic { display: none } .benifit-sec .b-gallery .outerbox:after { display: none } .benifit-sec .b-gallery .outerbox .pic:before { display: none } .benifit-sec .b-gallery .outerbox .pic:after { display: none } .benifit-sec .b-gallery .outerbox:before { display: none } .benifit-sec .b-gallery .outerbox .content-sec:before { display: none } .benifit-sec .b-gallery .outerbox { border: solid 1px #f1f1f2; margin-top: 10px } .benifit-sec h3 { font-size: 25px; font-weight: 500 } .p-cost-sec h3 { font-size: 25px; font-weight: 500 } .program-dtl-wrapper .overview h3 { font-size: 25px; font-weight: 500 } .p-cost-sec .cost-sec h4 { font-size: 18px } .p-cost-sec .cost-sec .budjet-tablesec .row { font-size: 16px } .inner-wrapper .container { padding-left: 0; padding-right: 0; overflow: hidden; margin-left: 15px; margin-right: 15px } .home-wrapper .container { padding-left: 0; padding-right: 0; overflow: hidden; margin-left: 15px; margin-right: 15px } .home-latest-news .container, .why-second-passport-galllery .container { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0 } .commonsec1 h2 { margin-bottom: 10px } .commonsec2 h2 { margin-bottom: 10px } .home-latest-news .news-gallerysec .outerbox .content-box { padding: 10px 0 30px 0 } .listingsec-1.news-details { margin-top: 60px } .home-latest-news .news-gallerysec .outerbox .content-box { padding: 10px 0 30px 0 } .listingsec-1.news-details li { display: flex; padding-left: 20px; position: relative } .listingsec-1.news-details li:before { content: ""; width: 6px; height: 6px; background: #000; border-radius: 100%; position: absolute; left: 0; top: 10px; display: block } .contactus-topsec h2 { padding-left: 15px; margin-bottom: 0 } .contactus-topsec h1 { padding-left: 15px; margin-bottom: 0 } .inner-banner-sec { background-size: cover } .tabContainer .container { margin: 0px } .contact-and-advisersec h5 { padding-left: 5px } .page-template-application-process .inner-banner-sec h1 { font-size: 24px } .programsubnav .b1 .col-6:hover h4 { color: #163760 } .programsubnav .b2 .dl1:hover h4 { color: #163760 } .programsubnav .b2 .dl2:hover h4 { color: #163760 } .sbnone { display: none } .programsubnav .b1 .col-6 ul { top: 64px } .programsubnav .b2 ul { top: 64px } .prg-pdm { background: #fff; min-height: 300px } .headerblock { box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.07) } .headerblock .main-navigation .sub-menu { box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.21) } .programsubnav .outer-box h3 { font-size: 13px } .programsubnav .b2-lft-sec { position: absolute; left: 0; top: 50px } .programsubnav .b2-lft-sec ul { left: 100%; right: auto } .sub-back { width: 100%; height: 25px; display: none; position: absolute; left: 0; top: 74px; z-index: 3000 } .sbk2 { display: block } .sub-back:before { content: ""; color: #163760; font: normal normal normal 14px/1.8 fontawesome; display: block; float: left; position: relative; left: 10px } .headerblock .main-navigation>ul { padding-bottom: 2px } .open-menu .mblprgms { width: 100%; left: auto; right: 0 } .contact-and-advisersec .formoutersec .col-lg-3, .contact-and-advisersec .formoutersec .col-lg-6, .contact-and-advisersec .formoutersec .col-lg-12 { width: 100%; padding-left: 5px; padding-right: 5px } .home-latest-news .owl-prev { bottom: auto; top: 10% } .home-latest-news .owl-next { bottom: auto; top: 10% } .program-tabsec h3 { margin-bottom: 15px } .headerblock .main-navigation .sub-menu { min-height: 224px!important } } @media screen and (max-width:500px) { .single-programs .visafreecountries .grid-item, .single-programs .visafreecountries .grid-sizer { width: 100%!important; max-width: 100%!important } .visafreecountries .grid-item { width: 100% } } @media screen and (max-width:400px) { .headerblock .mobilehdr .top-sec .right-box { margin-right: 55px } .headerblock .main-navigation .sub-menu li a { font-size: 17px } .mblprgms { right: 11% } .programsubnav .outer-box h4 { font-size: 12px } .programsubnav .outer-box li { font-size: 13px } .headerblock .bottom-sec .logosec { max-width: 180px } .multiple-authorized-firm ul { display: flex } .multiple-authorized-firm li { width: 100%; margin: 1px } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li a { font-size: 15px; width: 105px } .page-template-page-our-programs .programtop-nav.prnav.top-stickouter li { padding: 10px 0 } .program-tabsec h3 { font-size: 20px } } @media screen and (max-width:760px) { .programtop-nav li .brochure { line-height: inherit; border: none } body.rtl .programtop-nav li:first-child { border: none } body.rtl .programtop-nav li { border: none!important } body.rtl .programtop-nav li a { text-align: right } body.rtl .programtop-nav:after { right: auto; left: 10px; transform: scaleX(-1) } body.rtl .programtop-nav:before { text-align: right } .fancybox-content { padding: 15px } .fancybox-content .formoutersec .row { display: block } .fancybox-content .formoutersec .col-lg-3, .fancybox-content .formoutersec .col-lg-6, .fancybox-content .formoutersec .col-lg-12 { margin-bottom: 10px } .inner-banner-sec>img { width: auto!important; height: 180px!important; display: inline-block!important } .inner-banner-sec { height: 180px!important } .single-programs .inner-banner-sec { margin-top: 140px!important } .homemain-banner .pathWrap { max-width: 78% } body.rtl .homemain-banner .pathWrap { max-width: 70% } .h-sec1 .cilogo-outer { position: fixed; top: 240px; z-index: 1; right:-20px; } .bespoke-sec, .what-do-clientsy-sec { position: relative; z-index: 10 } .ciit-news-outer, .commonsec1 { position: relative; z-index: 10; background: #fff } .commonsec2, .fullimage-outer, .program-tabsec { position: relative; z-index: 10; background: #fff } .become-our-ambassador-sec, .h-our-programsouter, .home-latest-news, .home-mapsec, .home-signimagesec-mobile, .our-client-companies, .subscribe-sec, .why-second-passport, footer { position: relative; z-index: 10 } .home-signimagesec { z-index: 15 } } @media screen and (max-width:1200px) { .headerblock { position: fixed; top: 0 } body.single-programs .is-sticky div#programs-tab-head { position: fixed; top: 100px!important } body.single-programs div#programs-tab-head { position: fixed; top: 100px!important } body.single-programs .programtop-nav { background: #fff } body.single-programs .programtop-nav .container { padding: 0 } body.single-programs .programtop-nav li { width: 100%; height: auto; display: block } body.single-programs .programtop-nav li a { padding: 10px!important; display: block!important; border: none; font-size: 20px; line-height: 1; color: #000!important; text-align: left; font-weight: 300; text-transform: uppercase } body.single-programs .programtop-nav ul { box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.21); padding: 15px 20px!important } body.single-programs div#programs-tab-head-sticky-wrapper { height: auto!important } body.single-programs div#programs-tab-head { z-index: 1000 } body.single-programs .programtop-nav li .brochure:before { display: none } body.single-programs .programtop-nav:before { content: "PROGRAM MENU"; width: 100%; height: 60px; background: #efefef; padding: 0 30px; display: block; position: relative; right: 0; top: 0; font-size: 20px; line-height: 60px; color: #163760!important; text-align: left; font-weight: 300 } body.single-programs .programtop-nav ul { position: relative; margin-top: -200%; transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s; background: #fff } body.single-programs .programtop-nav:after { background: #efefef url(https://citizenship.e8demo.com/beta/wp-content/themes/citizen/assets/images/menu-icon-new.png) center center no-repeat!important; position: absolute; top: 10px; right: 10px; content: ""; width: 30px; height: 40px } body.single-programs .programtop-nav.top-stickouter.p-clos:after { background: none!important; content: ""; color: #163760; font: normal normal normal 23px/1.8 fontawesome; display: block; float: left } body.single-programs .programtop-nav.top-stickouter.p-clos ul { margin-top: 0 } body.single-programs .programtop-nav li { border: none } body.single-programs .programtop-nav li:last-child { padding-left: 0 } body.page-template-faq .programtop-nav.FAQ li:last-child { border: none } body.page-template-faq .is-sticky div#programs-tab-head { position: fixed; top: 100px!important } body.page-template-faq div#programs-tab-head { position: fixed; top: 100px!important } body.page-template-faq .programtop-nav { background: #fff } body.page-template-faq .programtop-nav .container { padding: 0 } body.page-template-faq .programtop-nav li { width: 100%; height: auto; display: block } body.page-template-faq .programtop-nav li a { padding: 10px!important; display: block!important; border: none; font-size: 20px; line-height: 1; color: #000!important; text-align: left; font-weight: 300; text-transform: uppercase } body.page-template-faq .programtop-nav ul { box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.21); padding: 15px 20px!important } body.page-template-faq div#programs-tab-head-sticky-wrapper { height: auto!important } body.page-template-faq div#programs-tab-head { z-index: 1000 } body.page-template-faq .programtop-nav li .brochure:before { display: none } body.page-template-faq .programtop-nav:before { content: "FAQ MENU"; width: 100%; height: 60px; background: #efefef; padding: 0 30px; display: block; position: relative; right: 0; top: 0; font-size: 20px; line-height: 60px; color: #163760!important; text-align: left; font-weight: 300 } body.page-template-faq .programtop-nav ul { position: relative; margin-top: -200%; transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s; background: #fff } body.page-template-faq .programtop-nav:after { background: #efefef url(https://citizenship.e8demo.com/beta/wp-content/themes/citizen/assets/images/menu-icon-new.png) center center no-repeat!important; position: absolute; top: 10px; right: 10px; content: ""; width: 30px; height: 40px } body.page-template-faq .programtop-nav.top-stickouter.p-clos:after { background: none!important; content: ""; color: #163760; font: normal normal normal 23px/1.8 fontawesome; display: block; float: left } body.page-template-faq .programtop-nav.top-stickouter.p-clos ul { margin-top: 0 } body.page-template-faq .programtop-nav li { border: none } body.page-template-faq .programtop-nav li:last-child { padding-left: 0 } .headerblock { z-index: 1100 } .headerblock .top-sec .form-container { top: -100% } .headerblock .top-sec .ftop { top: 70px } .programsubnav { left: 100% } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { top: 27px } .inner-banner-sec { margin-top: 100px } .single-programs .inner-banner-sec { margin-top: 155px } body.rtl .headerblock .mobilehdr .top-sec .search-icon { margin-left: 0!important; margin-right: 10px } body.rtl .headerblock .chw-widget .wpml-ls-legacy-dropdown a { text-align: right } body.rtl .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: auto!important; left: 13px!important } body.rtl .headerblock .mobilehdr .top-sec .right-box { display: flex; flex-direction: row-reverse } body.rtl .headerblock .mobilehdr .top-sec .right-box { margin-right: 0!important } body.rtl.single-programs .programtop-nav:before { padding: 0; text-align: right; padding-right: 25px } body.rtl.single-programs .programtop-nav:after { right: auto; left: 10px; transform: scaleX(-1) } body.rtl.page-template-faq .programtop-nav:before { padding: 0; text-align: right; padding-right: 25px } body.rtl.page-template-faq .programtop-nav:after { right: auto; left: 10px; transform: scaleX(-1) } body.rtl.page-template-faq .programtop-nav li a { text-align: right } body.rtl.single-programs .programtop-nav li a { text-align: right } body.single-programs .programtop-nav { background: #efefef } body.page-template-faq .programtop-nav { background: #efefef } body.rtl .programtop-nav li:first-child { border: none } body.rtl .headerblock .bottom-sec .right-sec { padding-left: 50px } body.rtl .navicon { transform: scaleX(-1) } body.rtl .programtop-nav li:last-child { padding-right: 0!important } .h-sec1 .cilogo-outer { position: fixed; top: 240px; z-index: 1 } .bespoke-sec, .what-do-clientsy-sec { position: relative; z-index: 10 } .ciit-news-outer, .commonsec1 { position: relative; z-index: 10; background: #fff } .commonsec2, .fullimage-outer, .program-tabsec { position: relative; z-index: 10; background: #fff } .become-our-ambassador-sec, .h-our-programsouter, .home-latest-news, .home-mapsec, .home-signimagesec-mobile, .our-client-companies, .subscribe-sec, .why-second-passport, footer { position: relative; z-index: 10 } .h-our-programsouter { background: #fff } .home-signimagesec { position: relative; z-index: 15 } .inner-banner-sec { min-height: 200px } } @media screen and (max-width:1000px) { .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { margin-top: 4px } } @media screen and (max-width:760px) { .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { margin-top: 0 } body.single-programs .is-sticky div#programs-tab-head { position: fixed; top: 90px!important } body.single-programs div#programs-tab-head { position: fixed; top: 90px!important } body.page-template-faq .is-sticky div#programs-tab-head { position: fixed; top: 90px!important } body.page-template-faq div#programs-tab-head { position: fixed; top: 90px!important } body.rtl .headerblock .top-sec .search-icon { left: 0!important } body.single-programs .programtop-nav:before { font-size: 16px } body.single-programs .programtop-nav li a { font-size: 16px } body.page-template-faq .programtop-nav:before { font-size: 16px } body.page-template-faq .programtop-nav li a { font-size: 16px } .fancybox-content .formoutersec .select-programs { width: 100%!important; height: 47px!important; display: block } .iti__country-list { z-index: 20000000 } .iti-mobile .iti--container { z-index: 20000000 } span.select2-container.select2-container--default.select2-container--open { z-index: 20000000 } } body.rtl { font-family: "Dubai W23", K24Kurdish !important; font-weight: normal } body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5, body.rtl h6 { font-family: "Dubai W23", K24Kurdish !important; font-weight: 500!important; letter-spacing: 0px!important; } body.rtl li, body.rtl p, body.rtl span { font-family: "Dubai W23", K24Kurdish !important; font-weight: normal!important } body.rtl .programtop-nav li:nth-last-child(2) { border-right: none } body.rtl .program-dtltopsec h2 span { font-size: 57px } body.rtl .appl-listingsec h3 span { font-size: 74px } body.rtl .appl-listingsec li { font-size: 14px!important } body.rtl .SumoSelect>.optWrapper ul { text-align: right } body.rtl .programtop-nav li:first-child { border-right: solid 1px #8b9ba9 } body.rtl .brochure-dwnload .bpic { text-align: left } body.rtl .brochure-dwnload span { color: #fff } body.rtl .h-sec1 { background-position: 10% 100% } body.rtl .multiple-authorized-firm ul { width: auto } body.rtl .multiple-authorized-firm li { margin: 0 0 0 40px } body.rtl .home-mapsec .row { flex-direction: row-reverse } body.rtl .ribudjet-sec h6 { text-align: right } body.rtl .ribudjet-sec { text-align: right } body.rtl .budjet-tablesec { text-align: right } body.rtl .program-tabsec .outerbox .content-sec .icon img { left: 5% } body.rtl .program-tabsec .viewmore:before { left: 40px; right: auto } body.rtl .program-tabsec .viewmore { padding: 20px 50px 20px 95px } body.rtl .country-infosec .text.opn .exptxt:before { left: auto; right: 0 } body.rtl .pr-timeline-sec .row .col-lg-6 { float: right } body.rtl .pr-timeline-sec .row .rt { float: left; text-align: left } body.rtl .pr-timeline-sec .row .col-lg-3 { float: right } body.rtl .pr-timeline-sec .row .col-lg-9 { float: left } body.rtl .visafreecountries .row .col-lg-8 { float: right } body.rtl .visafreecountries .row .col-lg-4 { float: left; text-align: left } body.rtl .inner-form-sec .formoutersec [type=radio]:checked, body.rtl .inner-form-sec .formoutersec [type=radio]:not(:checked) { position: absolute; left: auto; right: 15px; top: 17px } body.rtl .inner-form-sec .formoutersec [type=radio]:checked+label:before, body.rtl .inner-form-sec .formoutersec [type=radio]:not(:checked)+label:before { display: none } body.rtl .inner-form-sec .formoutersec [type=radio]:checked+label:after, body.rtl .inner-form-sec .formoutersec [type=radio]:not(:checked)+label:after { display: none } body.rtl .inner-form-sec .formoutersec [type=radio]:checked+label, body.rtl .inner-form-sec .formoutersec [type=radio]:not(:checked)+label { padding-left: 0; padding-right: 20px } body.rtl .inner-form-sec .formoutersec .row.bdr-btm [type=radio]:checked, body.rtl .inner-form-sec .formoutersec .row.bdr-btm [type=radio]:not(:checked) { right: 0 } body.rtl .program-tabsec .compare:after { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; right: 10px; top: 5px } body.rtl .compare:after { content: ""; font: normal normal normal 19px/1 fontawesome; position: relative; right: 10px; top: 5px } body.rtl .brochure-dwnload .row .col-lg-8 { flex-direction: row-reverse; justify-content: flex-end; display: flex } body.rtl .modal-close { right: auto; left: 0 } body.rtl .homemain-banner .outercontent-box .content-sec .container { max-width: 1300px } body.rtl .invest-list2 li:before { left: auto; right: 2px } body.rtl .invest-list2 li { padding-left: 0; padding-right: 35px } body.rtl .car-passport { right: auto; left: 0 } body.rtl .footer-nav-outer .placetocontact .place a { display: flex; direction: ltr; justify-content: flex-end } body.rtl .contact-wrapper .bottom-numbersec p a { display: flex; direction: ltr; justify-content: flex-end } body.rtl .address-sec { padding: 0 20px } body.rtl .gm-ui-hover-effect { opacity: 1; right: auto!important; left: 0!important } body.rtl .program-tabsec .outerbox .content-sec .title-sec p { font-weight: bold!important } body.rtl .contact-and-advisersec .formoutersec .numbersec .tbx2 { padding-left: 0!important; padding-right: 100px } body.rtl .inner-form-sec .formoutersec .numbersec .tbx2 { padding-left: 0!important; padding-right: 100px } body.rtl .iti.iti--allow-dropdown .tbx { padding-left: 0!important; padding-right: 120px } body.rtl .iti__flag-container { left: auto!important; right: 0!important } body.rtl .iti__selected-dial-code { direction: ltr!important } body.rtl .iti__country { text-align: right } body.rtl .iti__flag { margin-left: 10px } body.rtl .headerblock .main-navigation .checkeligible a { font-weight: bold } body.rtl .SumoSelect>.CaptionCont>label { right: auto; left: 0 } body.rtl .SumoSelect>.CaptionCont { text-align: right } body.rtl .SumoSelect>.CaptionCont>span { padding-right: 0 } body.rtl button.expand-btn:after { right: 15px } body.rtl .fancybox-content .formoutersec .row { flex-direction: row-reverse } body.rtl .fancybox-content .formoutersec .btn { float: right } body.rtl .fancybox-content .formoutersec .tbx { text-align: right } body.rtl .fancybox-content .iti--allow-dropdown .iti__flag-container, body.rtl .fancybox-content .iti--separate-dial-code .iti__flag-container { right: 0; left: auto } body.rtl .fancybox-content .formoutersec .select2-container--default .select2-selection--single .select2-selection__rendered { text-align: right } body.rtl .fancybox-content .formoutersec .select2-container--default .select2-selection--single .select2-selection__arrow { right: auto } body.rtl .fancybox-content h5 { text-align: right } body.rtl .fancybox-content .formoutersec .numbersec { padding-right: 0 } body.rtl .fancybox-content .formoutersec .numbersec .tbx2 { text-align: right; padding-left: 0!important; padding-right: 110px } body.rtl .fancybox-slide--html .fancybox-close-small { right: auto; left: 0 } body.rtl .fancybox-content .formoutersec .tarea { text-align: right } body.rtl .headerblock .main-navigation li { font-weight: bold!important } body.rtl .iti__selected-dial-code { font-size: 13px } body.rtl .SumoSelect>.CaptionCont span { font-size: 15px } @media screen and (min-width:1200px) { body.rtl .brochure-dwnload .row .col-lg-3 { padding-left: 0 } body.rtl .brochure-dwnload .row .col-lg-8 { padding-right: 0 } body.rtl .main-navigation .sub-menu { left: auto; right: 0 } body.rtl .headerblock .main-navigation li { margin: 0 8px 0 0 } body.rtl .headerblock .main-navigation .checkeligible { margin-left: 0 } body.rtl .programsubnav .outer-box { padding-bottom: 25px!important } body.rtl .programsubnav .b3 { padding-bottom: 46px!important } body.rtl .programsubnav .b2 { padding-bottom: 46px!important } body.rtl .programtop-nav li { font-size: 15px } body.rtl .program-tabsec .outerbox .content-sec .middle-content li { font-size: 15px } } @media screen and (min-width:760px) { body.rtl .programtop-nav li:last-child { padding-left: 0; padding-right: 35px } body.rtl .headerblock .top-sec { text-align: left } body.rtl .headerblock .top-sec .form-container { left: 0; right: auto } body.rtl .headerblock .top-sec .search-icon { float: right } body.rtl .headerblock .chw-widget { float: left; padding-left: 0; padding-right: 15px } body.rtl .headerblock .chw-widget:before { left: auto; right: 0 } body.rtl .headerblock .bottom-sec .right-sec { float: left } body.rtl .headerblock .bottom-sec .logosec { float: right } body.rtl .headerblock .main-navigation li { float: right } body.rtl .footer-nav-outer .container>.row { display: flex; flex-wrap: wrap } body.rtl .advantageofca li { display: flex } body.rtl .advantageofca .content-sec { padding-left: 0; padding-right: 35px } body.rtl .inves-top-sec.na-top .container>.row { display: flex; flex-wrap: wrap } body.rtl .faq-section .row { display: flex } body.rtl .compare-wrapper .compare-box .row { display: flex; flex-wrap: wrap } body.rtl .program-tabsec .container>.row { display: flex; flex-wrap: wrap; justify-content: end } body.rtl .program-tabsec .container>.row .col-lg-offset-4 { margin-left: 0 } body.rtl .budjet-tablesec .row { display: flex; flex-wrap: wrap } body.rtl .visafreecountries .vcountrieslist .outerbox li { font-size: 18px } body.rtl .pr-timeline-sec .bottomitlc p { font-size: 16px } body.rtl .country-infosec .text .exptxt:after { right: 55px; left: auto } } @media screen and (max-width:1020px) { body.rtl .program-tabsec .viewmore { padding: 10px 10px 10px 40px } body.rtl .program-tabsec .viewmore:before { left: 10px } } @media screen and (max-width:1200px) { body.rtl .navicon { left: 0; right: auto } body.rtl .headerblock .bottom-sec .right-sec { padding-left: 80px } body.rtl .headerblock .bottom-sec .logosec { float: right } body.rtl .headerblock .bottom-sec .right-sec { float: left } } @media screen and (max-width:760px) { body.rtl .program-dtltopsec h2 span { font-size: 25px } body.rtl .appl-listingsec h3 span { font-size: 30px } body.rtl .headerblock .mobilehdr .top-sec .right-box { margin-right: 0 } body.rtl .headerblock .top-sec .form-container { left: -80px; right: auto } body.rtl .programsubnav .b2 .dl1:hover ul { display: block; right: auto; left: 100% } body.rtl .programsubnav .b2 .dl2:hover ul { display: block; right: auto; left: 100% } body.rtl .programsubnav .b2-lft-sec { min-height: 200px } body.rtl .h-sec1 .cilogo-outer { right: auto; left: -82px } body.rtl .multiple-authorized-firm li { margin: 0 0 0 5px } body.rtl .multiple-authorized-firm h6 { text-align: right } body.rtl .program-tabsec .viewmore { padding: 9px; width: 90% } body.rtl .homemain-banner .pathWrap { float: right } body.rtl .homemain-banner .pathWrap { max-width: 50% } body.rtl .appl-listingsec li:before { left: auto; right: 0 } body.rtl .appl-listingsec li { padding-left: 0; padding-right: 20px } body.rtl .listingsec-1 .outerbox .pic .bx2 { display: none } body.rtl .listingsec-1 .outerbox .pic .bx { display: none } body.rtl .bottom-our-programssec .rht { text-align: right } body.rtl .programsubnav .b1 { float: right } body.rtl .programsubnav .b2 { float: left } body.rtl .programsubnav .b1 .col-6 ul { left: auto; right: 100% } body.rtl .programsubnav .b3 .blt { float: right } body.rtl .programsubnav .b3 .mr-top2 { float: left } body.rtl .visafreecountries .row .col-lg-8 { width: 100% } body.rtl .visafreecountries .row .col-lg-8 { width: 100% } body.rtl .visafreecountries .row .col-lg-4 { width: 100%; text-align: right } body.rtl.page-template-contact-us .row.bottom-numbersec .col-lg-4 { text-align: right!important } .advantageof-eup li .detailsec { width: 100%; padding-top: 10px } body.rtl .headerblock .bottom-sec .right-sec { padding-left: 60px } body.rtl .headerblock .mobilehdr .top-sec .right-box { margin-right: 0!important } body.rtl .headerblock .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { width: 65px } body.rtl .headerblock .mobilehdr .top-sec .chw-widget { float: left; margin-right: 0px!important } body.rtl .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { top: 17px; right: -12px } body.rtl .headerblock .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: auto!important; left: -8px!important } body.rtl .headerblock .top-sec .right-box { width: 63px } body.rtl .headerblock .mobilehdr .top-sec .search-icon { margin-left: 0px!important } body.rtl .headerblock .top-sec .search-icon { left: -15px } body.rtl .headerblock .top-sec .form-container { left: -75px } body.rtl .navicon { transform: scaleX(-1) } } .key-application .col-lg-3 h3 { font-size: 20px; margin-bottom: 0px } .we-provide-sec .bottom-sec .col-lg-6 { border: solid 1px #e4028a; padding: 40px 35px; margin-left: 0; margin-right: 2%; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; position: relative; width: 49%; text-align: left } .we-provide-sec .bottom-sec .col-lg-6:nth-child(2n) { margin-right: 0px } .main-feature-icon { margin-bottom: 10px } .key-application.smarthealth-key-application .col-lg-3 { display: block; padding: 37px 15px 30px 15px } .key-application .col-lg-3 { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s } .key-application .col-lg-3:hover img { -o-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .key-application .col-lg-3:hover h3 { color: #fff } .we-provide-sec .bottom-sec .col-lg-6 h2 { font-size: 28px } .we-provide-sec .bottom-sec .col-lg-6 h3 { font-size: 24px } .rpm-work-main { width: 100%; margin-top: 20px } .rpm-work-main .col-lg-3 { text-align: left; padding-left: 0px; padding-right: 0px } .rpm-work-main h2 { font-size: 28px; margin-top: 50px } .rpm-work-main li { width: 100%; height: auto; list-style-type: none; font-size: 16px; line-height: 1.3; margin-bottom: 15px; position: relative; padding-left: 25px; color: #fff; list-style-type: none; box-sizing: border-box } .rpm-work-main li:before { content: ""; width: 9px; height: 9px; background: #fff; display: block; position: absolute; left: 0; top: 7px; border-radius: 100% } .rpm-work-colour-box { padding: 20px 15px; box-sizing: border-box; background-color: #e4028a; border: 1px solid #707070; text-align: center; font-size: 22px; line-height: 27px; color: #fff; margin-top: 50px; position: relative; z-index: 99 } .rpm-work-main .col-lg-6 { padding: 0px 52px } .rpm-work-colour-box:after { position: absolute; content: ""; right: -45px; top: 40%; width: 60px; height: 30px; z-index: 9; background-image: url(../images/next-arrow2.png) } .rpm-work-colour-box:before { position: absolute; content: ""; left: -45px; top: 40%; width: 60px; height: 30px; z-index: 9; background-image: url(../images/prev-arrow2.png) } @media screen and (max-width:768px) { .rpm-work-main .col-lg-3 { padding-left: 15px; padding-right: 15px } .rpm-icon { width: 80px } .rpm-work-main h2 { font-size: 20px; margin-top: 25px } .rpm-work-main .col-lg-6 { margin-bottom: 60px; padding: 0px 10px } .rpm-work-colour-box { font-size: 16px; line-height: 24px } .rpm-work-colour-box:before { position: absolute; content: ""; left: 10px; top: -16px; transform: rotate(90deg) } .rpm-work-colour-box:after { position: absolute; content: ""; left: 10px; right: inherit; top: inherit; bottom: -16px; transform: rotate(90deg) } .we-provide-sec .bottom-sec .col-lg-6 { border: solid 1px #e4028a; padding: 25px 15px; margin-left: 2%; margin-right: 2%; width: 96%; margin-bottom: 15px } .we-provide-sec .bottom-sec .col-lg-6 h2 { font-size: 22px } .we-provide-sec .bottom-sec .col-lg-6 h3 { font-size: 18px } .main-feature-icon { width: 70px } } /*** Custom ***/ .homemain-banner{ background-image: url('../images/homeslidebg1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; } .home-page-banner-content{ padding: 20px 0 10px; } .banner-images-col{ text-align: right; } .banner-images-wrap{ display: inline-grid; grid-template-columns: auto auto auto auto auto auto; column-gap: 10px; } .home-page-banner-content .row{ display: flex; align-items: center; } .home-page-banner-content .pathWrap{ margin: 0; width: 90%; } .homemain-banner{ } .homemain-banner .container.row-container{ max-width: 1600px !important; } .show-on-mobile{ display: none; } .current-lang{ display: inline-block; color: #fff !important; font-size: 13px; line-height: 1; font-weight: normal; min-width: 70px; position: relative; padding: 2px 0; } .current-lang:after { content: ""; font: normal normal normal 19px/1 fontawesome; position: absolute; top: 0px; border: none; left: auto!important; right: 0px!important; } .site-languages{ position: absolute; display: none; list-style: none; background: #fff; top: 100%; margin-top: 0; } .site-languages li a{ padding: 5px 7px; border-bottom: 1px solid #ccc; display: block; font-size: 13px; } .site-languages li a:hover{ background: #E4E4E4; } .mobilehdr .current-lang{ color:#444!important; } .homemain-banner h1 { transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out; } .homemain-banner.active h1 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } .chw-widget:hover >.site-languages { display: block; -moz-animation: fadeInUp .3s ease-in; -webkit-animation: fadeInUp .3s ease-in; animation: fadeInUp .3s ease-in; } .common-right-box.mobile-5-col .icon-box { width: 20%; } @keyframes fadeInUp { from { transform: translate3d(0, 20px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0, 20px, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } .fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; } @media screen and (min-width:1500px) { .home-page-banner-content .banner-content,.home-page-banner-content .banner-content h1 { padding-left: 60px; } [dir="rtl"] .home-page-banner-content .banner-content, [dir="rtl"] .home-page-banner-content .banner-content h1 { padding-right: 60px; } } @media screen and (max-width:1399.98px) { .homemain-banner h1 { font-size: 36px; } } @media screen and (max-width:767.98px) { .homemain-banner h1 { font-size: 22px; } .home-page-banner-content .col-md-7,.home-page-banner-content .col-md-5{ width: 50%; } .homemain-banner .outercontent-box .pathWrap{ margin: 0; } } @media screen and (max-width:575.98px) { .home-page-banner-content .col-md-7,.home-page-banner-content .col-md-5{ width: 100%; } .show-on-mobile{ display: block; } .hide-on-mobile{ display: none; } .banner-images-wrap{ grid-template-columns: auto auto auto auto; } .home-page-banner-content .row{ flex-flow: wrap; } .home-page-banner-content .banner-content{ position: absolute; top:20px; z-index: 9; width: 100%; } .home-page-banner-content .col-md-6{ width: 100%; } } /*2*/ .programsubnav2 { width: 100%; height: 5px; position: absolute; left: 65%; top: 100%; background: #ffff; opacity: 0; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.21) } .programsubnav2 .outer-box { height: auto; float: left; padding-top: 45px; padding-bottom: 45px } .programsubnav2 .outer-box h3 { font-size: 24px; line-height: 1; color: #163760; font-weight: bold; text-transform: uppercase; letter-spacing: 0; margin-bottom: 20px } .programsubnav2 .outer-box h4 { font-size: 20px; line-height: 1; color: #000; font-weight: 300; text-transform: uppercase; letter-spacing: 0; margin-bottom: 17px } .programsubnav2 .outer-box h5 { font-size: 14px; line-height: 1; color: #000; font-weight: 400; text-transform: uppercase; letter-spacing: 0; margin-bottom: 20px } .programsubnav2 .outer-box h6 { font-size: 14px; line-height: 1; color: #000; font-weight: 400; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0; margin-top: -25px; margin-bottom: 5px } .programsubnav2 .outer-box .oter-row { width: 100%; height: auto } .programsubnav2 .outer-box .col-6 { width: 50%; height: auto; float: left } .programsubnav2 .outer-box ul { padding: 0; margin: 0 } .programsubnav2 .outer-box li { list-style-type: none; width: 100%; font-size: 16px; line-height: 1; color: #000; font-weight: 300; margin: 0 0 10px 0 } .programsubnav2 .outer-box li a { color: #000 } .programsubnav2 .outer-box li a:hover { color: #163760 } .programsubnav2 .outer-box .mr-top { margin-top: 25px; width: 100%; height: auto; display: inline-block } .programsubnav2 .outer-box .mr-top2 { margin-top: 60px; width: 100%; height: auto; display: inline-block } .programsubnav2 .b1 { width: 40%; border-right: solid 1px #cccccc; padding-left: 40px } .programsubnav2 .b2 { width: 27%; border-right: solid 1px #163760; padding-left: 60px; padding-right: 0 } .programsubnav2 .b3 { width: 33%; padding-left: 40px; background-color: #ebebeb } .programsubnav2 .b3 h3 { color: #000 } .programsubnav2.ptop { opacity: 1; height: auto } /*3*/ .programsubnav3 { width: 100%; height: 5px; position: absolute; left: 80%; top: 100%; background: #ffff; opacity: 0; overflow: hidden; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; box-shadow: 0px 14px 20px 0px rgba(50, 50, 50, 0.21) } .programsubnav3 .outer-box { height: auto; float: left; padding-top: 45px; padding-bottom: 45px } .programsubnav3 .outer-box h3 { font-size: 24px; line-height: 1; color: #163760; font-weight: bold; text-transform: uppercase; letter-spacing: 0; margin-bottom: 20px } .programsubnav3 .outer-box h4 { font-size: 20px; line-height: 1; color: #000; font-weight: 300; text-transform: uppercase; letter-spacing: 0; margin-bottom: 17px } .programsubnav3 .outer-box h5 { font-size: 14px; line-height: 1; color: #000; font-weight: 400; text-transform: uppercase; letter-spacing: 0; margin-bottom: 20px } .programsubnav3 .outer-box h6 { font-size: 14px; line-height: 1; color: #000; font-weight: 400; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0; margin-top: -25px; margin-bottom: 5px } .programsubnav3 .outer-box .oter-row { width: 100%; height: auto } .programsubnav3 .outer-box .col-6 { width: 50%; height: auto; float: left } .programsubnav3 .outer-box ul { padding: 0; margin: 0 } .programsubnav3 .outer-box li { list-style-type: none; width: 100%; font-size: 16px; line-height: 1; color: #000; font-weight: 300; margin: 0 0 10px 0 } .programsubnav3 .outer-box li a { color: #000 } .programsubnav3 .outer-box li a:hover { color: #163760 } .programsubnav3 .outer-box .mr-top { margin-top: 25px; width: 100%; height: auto; display: inline-block } .programsubnav3 .outer-box .mr-top2 { margin-top: 60px; width: 100%; height: auto; display: inline-block } .programsubnav3 .b1 { width: 40%; border-right: solid 1px #cccccc; padding-left: 40px } .programsubnav3 .b2 { width: 27%; border-right: solid 1px #163760; padding-left: 60px; padding-right: 0 } .programsubnav3 .b3 { width: 33%; padding-left: 40px; background-color: #ebebeb } .programsubnav3 .b3 h3 { color: #000 } .programsubnav3.ptop { opacity: 1; height: auto } /*# sourceMappingURL=main.css.map */