%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
/* ========================================================================== Global Settings ========================================================================== */ /* * Boxsizing set to border box http://css-tricks.com/box-sizing/ */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap'); *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * Body settings, change it as required */ body { font-family: 'Montserrat', sans-serif; font-size: 1em; line-height: 1.4; overflow-x:hidden; background:#fff; font-weight:normal; } body.non-scroll { overflow:hidden; } /* * Headings */ h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; color:#333; font-weight:bold; color:rgba(0,0,0,0.7); text-rendering: optimizeLegibility; margin-top:0px; margin-bottom:20px; } h1 { font-size:64px; line-height:78px;} h2 { font-size:36px; line-height:44px;} h3 { font-size:32px; line-height:39px;} h4 { font-size:24px; line-height:29px;} h5 { font-size:16px; line-height:20px; color:rgba(0,0,0,0.7); font-weight:600; } h6 { font-size:14px; line-height:16px; } p { font-size:14px; color:#333; line-height:22px; margin-bottom:16px; font-weight:500; } p a { color:#333;} p a:hover, p a:focus { color:#0085C9;} /* * Links */ a { color: #00bfe7; text-decoration: none; line-height: inherit; transition: all 0.3s ease 0s; } a:hover { /*color: #2795b6;*/ color: #00bfe7; text-decoration:none; } p a, p a:visited { line-height: inherit; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #c2c2c2; margin:16px 0; padding: 0; position:relative; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* * Iframe */ iframe[name="google_conversion_frame"]{ display:none;} /* * Pre */ pre { font-size:14px; color:#000; line-height:20px; font-family:'Fira Mono', Arial, Helvetica, sans-serif; font-weight:normal; border-radius: 3px; background-color: #f7f7f7; padding:16px; border:1px solid #dadada; white-space:pre-wrap; margin-bottom:16px;} /* ========================================================================== Helper classes ========================================================================== */ /* * Image Alignment */ img.alignleft { float:left; margin:0 10px 10px 0; display: inline;} img.alignright { float:right; margin:0 0px 10px 10px; display: inline;} img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * overflow method for clearing floats */ .floatbox { overflow:hidden; } /* * older method of adding empty tags for clearing */ .clear { clear: both; height:1px; line-height:1px; } /* * Chromeframe */ .chromeframe { margin: 0.2em 0; background: #ccc; color: rgba(0,0,0,0.7); padding: 0.2em 0; } /* ========================================================================== Layout ========================================================================== */ .header-home { padding:10px 0; display:inline-block; width:100%; } .header-home .logo { float:left; } .header-home .header-right { float:right; padding:5px 0 0 0; } .header-home .header-right a { min-width:140px; text-transform:uppercase; margin:0 0 0 10px; font-size:12px; } /* Container ---------------------- */ #container-wrap { min-width:320px; left:0; position:relative;transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow-x:hidden; } #container-wrap.activeMenu { left:-260px;} /* Header ---------------------- */ #header { background:#fff; padding:0px 0px; position:fixed; width:100%; z-index:9; } /* Banner ---------------------- */ #banner { height:310px; padding-top:145px; text-align:center; background:url(../imgs/banner.png) no-repeat; background-size:cover; } /* Content ---------------------- */ #content { background:#fff; min-height:600px; } #content.colored { background:#f2f7ff; } /* Sidebar ---------------------- */ #sidebar { float:left; position:fixed; left:0px; top:0px; width:20%; background:#002855; padding:25px 0px 25px 25px; min-height:800px; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; } /*background:url(../imgs/left-banner.png) no-repeat; background-size:cover; ---------------------- */ /* Main ---------------------- */ #main { float:left; width:80%; margin-left:20%;} /* Footer ---------------------- */ /* slider home */ #home-slider img { width:100%; } /* end slider home */ /* ========================================================================== Common Functionalities & UI Elements ========================================================================== */ /*--- Modal --- */ .modal .modal-dialog.col-lg { width:1170px; } .modal .modal-header { border-bottom:0; padding:25px 25px 2px 25px; } .modal .modal-header p { margin-bottom:0;} .modal .modal-footer { padding:16px; border:0;} .modal-sm { width:336px;} .modal .modal-footer .btn { min-width:120px; margin-left:14px;} .modal .modal-footer .btn:first-child { margin-left:0;} .modal button.close { font-size:36px; line-height:36px; color:#000; opacity:1; } .modal button.close:hover, .modal button.close:focus { opacity:1; } .modal .modal-content { border:0; border-radius:0px; box-shadow:none; } .modal-backdrop {background-color: rgba(0, 0, 0, 0.9);} .modal-backdrop.in {opacity:1;} .modal .modal-body { padding:25px; padding-top:0px; } .modal .modal-body h2 .icon { margin-right:18px; } /*---Form1 --- */ .form1 ul, .post .form1 ul { margin:0; padding:0; list-style:none;} .form1 ul li { margin-bottom:25px;} .form1 ul li:last-child { margin-bottom:0;} .form1 .required {color:#ff0000;} .form1 .form-control { border-radius:3px; font-size:14px; box-shadow:none; line-height:20px; color:rgba(0,0,0,0.8); font-weight:500; } .form1 .form-control, .form1 input[type="text"], .form1 input[type="password"],.form1 input[type="email"] { height:40px; border:1px solid rgba(0,0,0,0.15); box-shadow:none; } /*.form1 input[type="email"] { text-transform:lowercase; }*/ .form1 .forgot-password { float:right; font-size:13px;} .form1 .error_msg { color: #f54b5e; display:block; font-size:12px; position: relative; line-height:18px; margin-top:4px; } .form1 .info_msg {color: rgba(0,0,0,0.7); display:block; font-size:12px; position: relative; line-height:16px; padding-top:4px;} .form1 textarea.form-control { resize:none; height:64px; border:1px solid #dadada !important; padding:11px 12px;} .form1 .has-error textarea.form-control { border:1px solid #d54343 !important;} .form1 .has-error input[type="text"], .form1 .has-error input[type="password"], .form1 .has-error input[type="email"] { border:1px solid #d54343;} .form1 .clear-row { clear:left;} .newsletter-form .has-error { border:1px solid #d54343 !important;} .form1 label { font-size:11px; color:rgba(0,0,0,0.7); display:block; font-weight:500; text-transform:uppercase; } .form1 label.left-label { margin-bottom:0; padding-top:8px;} .form1 .radio-input { position:relative; display:block; padding-left:25px; margin-bottom:10px;} .form1 .radio-input.radio-inline { display:inline-block; margin-left:0; margin-right:20px;} .form1 .radio-input label { font-size:14px; color:#000; margin:0; cursor:pointer; } .form1 .radio-input label a { color:#eb494f;} .form1 .radio-input input[type=radio]:checked + label:before { background:url(../imgs/sprite.png) -272px -215px no-repeat; } .form1 .radio-input input[type=radio] { display: none; } .form1 .radio-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:1px; background:url(../imgs/sprite.png) 0px -82px no-repeat; } .form1 .radio-input input[type=radio]:checked + label:before {background:url(../imgs/sprite.png) 0px -60px no-repeat; } .form1 .checkbox-input { position:relative; display:inline-block; padding-left:24px; } .form1 .checkbox-input.checkbox-inline { display:inline-block; margin-left:0; margin-bottom:10px; margin-right:20px;} .form1 .checkbox-input.checkbox-block { display:block; margin-bottom:16px; text-transform:capitalize;} .form1 .checkbox-input.checkbox-block label { font-weight:normal;} .form1 .checkbox-input label { font-size:14px; margin:0; line-height:19px;cursor:pointer; } .form1 .checkbox-input input[type=checkbox] { display: none; } .form1 .checkbox-input label:before {content: ""; display: inline-block; width: 20px; height: 21px; margin-right: 10px; position: absolute; left: 0; top:1px; background:url(../imgs/sprite.png) 0px -13px no-repeat; } .form1 .checkbox-input input[type=checkbox]:checked + label:before {background:url(../imgs/sprite.png) 0px -37px no-repeat; } .form1 .select { position:relative; display:block; border:1px solid rgba(0,0,0,0.15); border-radius:3px; min-height:26px; height:auto; width:100%;} .form1 .select select { width:100%; border:0; background: #fff; padding:0 26px 0 5px; height:26px; font-size:11px; color:rgba(0,0,0,0.8); position:relative; border-radius:5px; font-weight:500; } .form1 .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';} .form1 .select select::-ms-expand{ display:none;} .form1 .select:before { font-family:"Font-Awesome"; content:"\f0d7"; position:absolute; right:10px; top:3px; z-index:1; pointer-events:none; font-weight:bold; color:rgba(0,0,0,0.5); } .form-horizontal .control-label { padding-top:8px;} .form-horizontal .control-label.two-lines { padding-top:0;} .form1 .varification-field .reg-captcha { float:left;} .form1 .varification-field .form-control { width:100px; text-align:center; height:39px; padding-left:10px !important; float:left; margin-right:6px;} .modal .form1 .varification-field .form-control { width:90px;} .form1 .varification-field .reg-frm-rfrs, .form1 .varification-field .captcha-rfrs { float:left; background: rgba(0, 0, 0, 0) url("images/reg-frm-rfrs.gif") no-repeat scroll 0 0; float: left; height: 40px; margin:-1px 0 0 8px; width: 40px;} .form1 .varification-field .reg-frm-rfrs:hover, .form1 .varification-field .captcha-rfrs:hover { background-position: 0 -40px;} .form1 .varification-field .reg-frm-rfrs:active, .form1 .varification-field .captcha-rfrs:active { background-position: 0 -80px;} .form1 .varification-field #imgCaptcha { float:left;} .form1 .varification-field.has-error { padding-bottom:18px; position:relative;} .form1 .varification-field.has-error .error_msg { position:absolute; left:0; bottom:0;} .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:22px;} .form1 .chosen-container-multi .chosen-choices { border:0; border-radius:4px; padding:6px 6px 5px; background:#fff;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:1px solid #ccc; width:12px; height:12px;} .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {color: #999; content: "x"; display: block; font-size: 11px; left:2px; position: absolute; top:-3px;} .form1 .chosen-container-multi .chosen-choices li.search-choice { padding:2px 20px 4px 5px;} .chosen-container .chosen-results li { font-size:12px;} .form1 ul li.has-tooltip { position:relative;} .form-tooltip { position:absolute; width:300px; background:#fff; right:-338px; padding-left:32px; z-index:100; display:none; top:0;} .form-tooltip h3, .form-tooltip h5 { margin-bottom:4px;} .form-tooltip ul {list-style:outside !important; padding-left:24px !important;} .form-tooltip ul li { margin-bottom:8px !important;} .form-tooltip p { margin-bottom:8px;} .form-tooltip:before { width:16px; height:28px; background:url("../imgs/sprite.png") -159px -339px no-repeat; display:block; position:absolute; left:-17px; top:5px; content:"";} .form-page .form1 .col-sm-9 .radio-input.radio-inline { padding-right:0;} .form1 .characters-limit, .form1 textarea.characters-limit { padding-right:60px;} .form1 .btn-group { display:block;} .form1 .btn-group .select-option { display:block; float:left; width:97px; margin-right:20px; } .form1 .btn-group .select-option input[type="radio"] { visibility:hidden; position:absolute;} .form1 .btn-group .select-option label { display:block; cursor:pointer; margin:0; background:#ffffff; border: 1px solid #e9e9e9; line-height:50px; font-size:14px; color:rgba(0,0,0,0.5); padding:0 7px; border-radius:5px; text-align:center;} .form1 .btn-group .select-option.active label { cursor:pointer; border-color:#00bfe7; background:#00bfe7; color:#fff; } /*--- Has-error --- */ .has-error .form-control, .has-error .form-control:focus, .has-error .select , .has-error .chosen-container .chosen-choices, .has-error .chosen-container .chosen-single{border-color:#f65039 !important;} .has-error .form1 textarea.form-control {border-color:#f65039 !important;} /*--- Post --- */ .post { color:#000; font-size:14px; line-height:20px; } .inner-post { padding-left:14px;} .post ul, .post ol { padding:0px; margin-left:20px; } .post li { margin-bottom:10px; color:#000; font-size:13px; line-height:20px; padding-left:16px; font-weight:500; } .post .recent-grad ul li { float:left; width:50%; padding-right:15px; } .students-placement { padding:15px; border:2px dashed #00bfe7; border-radius:6px; } .students-placement p { font-size:18px; line-height:30px; margin:0px; color:#00bfe7; font-weight:normal; } .students-placement p br { display:none; } /*--- Tooltip --- */ .tooltip{font-size:13px;line-height:22px; font-weight:500; color:#000; }.tooltip.in { filter:alpha(opacity=100);opacity:1}.tooltip-inner{ background:#ff9c00; padding:6px 18px; color:#000; }.tooltip.top .tooltip-arrow{border-top-color:#ff9c00}.tooltip.top-left .tooltip-arrow{border-top-color:#ff9c00}.tooltip.top-right .tooltip-arrow{border-top-color:#ff9c00}.tooltip.right .tooltip-arrow{border-right-color:#ff9c00}.tooltip.left .tooltip-arrow{border-left-color:#ff9c00}.tooltip.bottom .tooltip-arrow{border-bottom-color:#ff9c00}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#ff9c00}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#ff9c00} .tooltip.top { margin-top:0;} .tooltip.top .tooltip-arrow { margin-left:-8px;border-width:8px 8px 0; bottom:0px;} .tooltip.right .tooltip-arrow { margin-top:-8px; border-width:8px 8px 8px 0; left:-3px;} /*--- Placeholder --- */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:0.7 !important;} input:-moz-placeholder, textarea:-moz-placeholder { opacity:0.7 !important;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.7 !important;} input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:0.7 !important;} /* Container Wrap ---------------------- */ #container-wrap.activeSideMenu #main { width:100%; } /* Header ---------------------- */ /* Main-navigation ---------------------- */ #main-navigation { transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #main-navigation ul { margin:0px; padding:0px; list-style-type:none; } #main-navigation ul li { display:inline-block; position:relative; } #main-navigation ul li a { font-size:14px; line-height:48px; text-transform:uppercase; color:#333; display:inline-block; padding:0px 25px 0 25px; font-weight:700; } #main-navigation ul li:hover a,#main-navigation ul li.active a { color:#0085C9; } #main-navigation .menu-btn { display:none; background:#fff; border:0; position:absolute; left:-60px; top:28px; } #header.fixed #main-navigation .menu-btn { top:20px; } #main-navigation .menu-btn span.line { display:block; height:3px; width:25px; position:relative; margin:4px 0; background:#231f20;transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } #main-navigation ul li a i { margin:0 0 0 5px; } #main-navigation ul li:hover ul { display:block; } .dropdown-nav-sub { position:absolute; top:auto; left:0px; z-index:1; padding:15px !important; background:#fff;box-shadow:0px 8px 9px rgba(0, 0, 0, 0.1); width:250px; display:none; } .dropdown-nav-sub li { float:none !important; display:block !important; text-align:left; position:relative; } .dropdown-nav-sub li a { line-height:30px !important; text-transform:capitalize !important; color:#212121 !important; display:block !important; text-align:left !important; padding:10px !important; font-weight:500 !important; } .dropdown-nav-sub li a:hover { color:#0085C9 !important; } .dropdown-nav-sub li a i { float:right; margin:11px 0 0 0 !important; color:#aaa; font-size:12px; } .dropdown-content-sub { display: none !important; left:auto !important; position: absolute; position:0; background-color: #fff; right:-250px; top:-0px; min-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;} .dropdown-nav-sub li:hover .dropdown-content-sub {display: block !important; } .dropdown-content-sub a { text-transform:capitalize !important; color:#212121 !important;} /* Login ---------------------- */ #login { width:570px; background:#fff; margin:0px auto; padding:30px 45px; position:relative; top:-70px; } #login .button1 { font-weight:bold; font-size:12px;} /* Side Navigation ---------------------- */ .side-navigation { padding-left:15px; } .side-navigation .more-btn { display:block; text-align:right; text-decoration:none; color:#fff; font-size:13px; } .side-navigation ul { margin:0px; padding:0px; list-style-type:none; } .side-navigation ul li { border-bottom: 1px dashed rgba(218,218,218,0.3); margin-bottom:10px; position:relative; } .side-navigation ul li a { display:block; color:rgba(255,255,255,0.7); padding-bottom:10px; font-size:14px; } .side-navigation ul li.active a { color:rgba(255,255,255,1); } .side-navigation ul li.active:after { content:""; position:absolute; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; right:-25px; top:5px; z-index:100; } /*--- Accordion1 --- */ .accordion1 .card { border-radius:0px; background:none; border:none; margin-bottom:35px; padding-right:25px; } .accordion1 .card .card-header { background:none; padding:0px; border:none; } .accordion1 .card .card-header .btn-link { display:block; color:#fff; font-size:14px; line-height:19px; font-weight:bold; text-decoration:none; position:relative; width:100%; text-align:left; padding:0px 15px 20px 0px; } .accordion1 .card .card-header .btn-link:before { float: right; font-family:"Font-Awesome"; content:"\f068"; } .accordion1 .card .card-header .btn-link.collapsed:before { float: right; content:"\f067"; } .accordion1 .card .card-body { padding:0px; } /*--- Page Head --- */ #page-head { background:#e7ebfb; padding:15px 15px 15px 30px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); position:relative; z-index:10; } #page-head .inner .back-btn { float:left; display:inline-block; color:#000; } #page-head h5,#page-head h6 { margin:0px; } #page-head h6 .fas { margin-right:8px; } #page-head h6 small { font-weight:bold; } #page-head .inner .inner-head { margin-left:30px; } #page-head h5 { font-size:10px; min-height:38px;} /*--- Secondary Header --- */ .secondary-header { background:#f2f7ff; } .secondary-header .title { float:left; margin-right:30px; padding:18px 30px; min-width:165px; position:relative; background:#e7ebfb; } .secondary-header .title .fas { margin-right:15px; } .secondary-header .title h6 { margin:0px; font-size:12px; } .secondary-header .title:after { content:""; position:absolute; width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #f2f7ff; right:-0px; top:50%; margin-top:-10px; } /*--- Inner Content --- */ #inner-content { padding:0px 0 0 0; } /*--- Section --- */ section.section { padding:50px 0px; } section.section h2,section.section h4,section.section p { color:#000; } /*--- Dashboard --- */ .dashboard { padding:70px 30px 50px 30px; } .dashboard .box { padding:20px; text-align:center; margin-bottom:30px; border: 1px solid #dadada; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); transition: all 0.2s ease-out;} .dashboard .box > a { display:block; } .dashboard .box .icon { display:block; margin-bottom:15px; height:70px; } .dashboard .box .icon img { filter: grayscale(100%); transition: all 0.2s ease-out; max-width:66px; max-height:70px; } .dashboard .box h6 { font-weight:500; color:rgba(0,0,0,0.7); margin:0px; } .dashboard .box:hover,.dashboard .box.active { border-color:#0085C9; } .dashboard .box:hover .icon img,.dashboard .box.active .icon img { filter: grayscale(0%); } .dashboard .welcome { padding:20px; text-align:center; } .dashboard .welcome h2 { color:#0085C9; } .dashboard .welcome h2 small { display:block; font-weight:normal; font-size:28px; color:#dadada; } /*--- Tabs1 --- */ .tabs1 .nav-tabs { margin-bottom:0px; border:none; } .tabs1 .nav-tabs li { border:none; } .tabs1 .nav-tabs li a { margin:0px; border:none; border-bottom:3px solid #f2f7ff; font-size:14px; line-height:19px; font-weight:bold; padding:15px 45px; color:rgba(0,0,0,0.7); } .tabs1 .nav-tabs .nav-item.show .nav-link, .tabs1 .nav-tabs .nav-link.active { border:none; background:none; } .tabs1 .nav-tabs li:hover a { border:none;} .tabs1 .nav-tabs li .nav-link.active { border-bottom:3px solid #0085C9; } /*--- Tabs2 --- */ .tabs2 .nav-tabs { border:none; text-align:center; display:block; width:352px; margin:0px auto 0px auto; background:#fff; } .tabs2 .nav-tabs li { float:left; min-width:176px; } .tabs2 .nav-tabs li a { margin:0px; border:none; color:#000;} .tabs2 .nav-tabs li a.active { background:#091736; color:#fff;} .tabs2 .nav-tabs .nav-item.show .nav-link, .tabs2 .nav-tabs .nav-link.active { border:none;} .tabs2 .nav-tabs li:hover a { border:none;} .tabs2 .tab-content { padding-top:50px;} /*--- Btn-file --- */ .btn-file .button3 { z-index:10; pointer-events:none; background:#e7ebfb; cursor:pointer; position:absolute; left:0; top:0; color:rgba(0,0,0,0.7); border-color:rgba(0,0,0,0.15); border-radius:3px; } .btn-file input[type=file] { position: absolute; top:2px; left:44px; height:34px; font-size:13px; text-align: left; outline: none; cursor: inherit; display: block; background:none;} .btn-file { position: relative; display:block; height:37px; margin-top:0;} /*--- Table1 --- */ .table1 { width:100%; } .table1 tr td { padding:25px; font-size: 14px; font-weight: 500; border-bottom:1px dashed rgba(0,0,0,0.15); background:#e7ebfb; } .table1 tr td a { color:#000; } .table1 tr td:first-child { max-width:60%; } .table1 tr td:last-child { padding-right:0px; } .table1 tr td.no-padding { padding:0px; position:relative; border:none; } .table1 tr td .action-lnk { float:right; text-align:center; display:inline-block; padding-right:10px; border-right:1px solid #dadada; margin-right:10px; font-size:12px; } .table1 tr td .action-lnk p { margin:0px; font-size:10px; line-height:14px; font-weight:bold; } .table1 tr td .action-lnk .fas,.table1 tr td .action-lnk .far { margin-bottom:8px; color:#00bfe7; } .table1 tr td .action-lnk:first-child { margin-right:0px; border:none; } .table1 tr td h6 { margin-bottom:8px; font-size:11px; line-height:14px; color:#00bfe7; } .table1 tr td h5 { margin-bottom:0px; font-size:14px; line-height:18px; } .table1 .table1 tr td { background:#f2f7ff; padding:10px 10px } .table1 .table1 tr td:first-child { max-width:50%; padding-left:30px; } .table1 .table1 tr td:last-child { min-width:450px; } .table1 .table1 tr td h5 { font-size:12px; font-weight:500; } .table1 .table1 tr td h6 { color:rgba(0,0,0,0.7); } .table1 tr td.no-padding .table1 tr:first-child td:before { content:""; position:absolute ; left:0px; top:0px; display:block; width:100%; height:1px; background: #f2f7ff; z-index:3; } .table3 tr:first-child { background:#002855; } .table3 tr:first-child td { color:#fff; background:#002855 !important; } .table3 td { border:1px solid #dadada; background:#fff !important; padding:7px !important; } .scrolling-table1 { padding:0 !important } /*--- Scrolling Table --- */ .main-for-table { overflow-x:auto; display:block; height:69vh; margin-top:31vh; } .main-for-table1 { overflow-x:auto; display:block; height:82vh; margin-top:18vh; } .scrolling-table { } .scrolling-table table { min-width:600px; } .table-data .textnamme { float:right; margin:7px 0 0 10px ; padding:5px; font-size:11px; } .table-data .textnamme input { margin:0; padding:0 0px; font-size:11px; } .table-format-header { position:fixed; z-index:1; padding: 0 20% 0 0; width:100%; top:0; } .table-header { top:104px; padding:0 20px 0px 20px; background:#fff; border-bottom:1px solid #dadada; } .scrolling-table { padding:20px 20px 20px 20px; } /*--- Table2 --- */ .table2 { width:100%; } .table2 tr th { background:#002855; color:#fff; font-size:11px; line-height:14px; padding:4px 8px; font-weight:bold; border:1px solid rgba(0,0,0,0.15); text-align:center; } .table2 tr td { padding:6px; font-size: 12px; font-weight: 500; color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.15); text-align:center; } .table2 tr td a .fa-file-pdf { color:rgba(239,0,0,0.7); } .table2 tr td a .fa-edit { color:rgba(0,191,231,0.7); } .table2 tr td a .fa-trash-alt { color:#d73232; margin-left:8px; } .table2 tr td:last-child { min-width:75px; } .table2 tr th span {font-size:11px !important; line-height:14px; } .table-data .header p { margin-bottom:4px; font-size:12px; line-height:15px; color:rgba(0,0,0,0.69); } .table-data .header p a { color:rgba(0,0,0,0.69); text-decoration:underline; } .table-data .header .export-btn { box-shadow:none; padding:0px 0px 8px 10px; color:#0085C9; line-height:1; text-transform:uppercase; font-size:12px; font-weight:500;} /*--- Box Default1 --- */ .box-default1 { background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.18); border-radius:6px;} .box-default1.padding { padding:16px;} .box-default1 .content-wrapper { border-bottom:1px solid #e0e0e0; padding:12px; } .box-default1 .content-wrapper:last-child { border:none; } /*--- List1 --- */ .list1 { margin:0; padding:0; margin-left:20px; } .list1 li { margin-bottom:15px; padding-left:16px; font-size:13px; line-height:18px; font-weight:500;} .list1 li a { color:#000; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; } /*--- Filter --- */ #filter { padding:12px 0px; } #filter .row { margin:0px -5px; } #filter .row .col-sm-12 { padding:0px 5px; } /*--- Add Form --- */ .add-form { width:570px; margin:0px auto; padding-top:25px; } /*--- About --- */ #about { text-align:center; background:#f2f7ff; } #about p { font-size:16px; line-height:25px; font-weight:normal; } #about .featured { margin-top:30px; padding-top:30px; border-top: 1px solid rgba(0,0,0,0.15); text-align:left; } #about .featured h4 { font-size:22px; line-height:27px;} #about .featured p { font-size:14px; line-height:24px; font-weight:500; min-height:96px; } #about .featured .button4 { min-width:170px; } #about .featured .button4 .fas { float:right; } /*--- Services --- */ #services { background: linear-gradient(180deg, #0085C9 0%, #FC654C 100%); text-align:center; } #services h2,#services p { color:#fff; } #services p { font-size:18px; line-height:36px; font-weight:normal; } #services .shape1 { width:983px; height:429px; border: 1px dashed rgba(255,255,255,0.5); position:relative; margin:150px auto 90px auto; border-radius:52%; } #services .shape2 { width:577px; height:251px; border: 1px dashed rgba(255,255,255,0.5); position:absolute; border-radius:52%; left:203px; top:89px; } #services .shape1 ul { margin:0px; padding:0px; list-style-type:none; } #services .shape1 ul li { width:170px; height:170px; background:#fff; border:1px solid rgba(0,0,0,0.15); display:table; padding:15px; position:absolute; } #services .shape1 ul li:first-child { background:#0085C9; border:none; left:402px; top:125px; } #services .shape1 ul li .inner { display:table-cell; vertical-align:middle; } #services .shape1 ul li .inner figure { margin-bottom:8px; } #services .shape1 ul li .inner p { margin:0px; color:rgba(0,0,0,0.7); font-size:14px; line-height:18px; font-weight:500; } #services .shape1 ul li:first-child figure { padding-bottom:16px; border-bottom: 1px solid rgba(255,255,255,0.29); margin-bottom:16px; } #services .shape1 ul li:first-child p { font-size:20px; line-height:24px; font-weight:normal; color:#fff } #services .shape1 ul li:nth-child(2) { left:402px; top:-112px; } #services .shape1 ul li:nth-child(3) { left:632px; top:22px; } #services .shape1 ul li:nth-child(4) { left:862px; top:124px; padding-bottom:0px; vertical-align:bottom; } #services .shape1 ul li:nth-child(4) P { margin-bottom:8px; } #services .shape1 ul li:nth-child(4) figure { margin-bottom:0px; } #services .shape1 ul li:nth-child(5) { left:632px; top:252px; } #services .shape1 ul li:nth-child(6) { left:402px; top:355px; } #services .shape1 ul li:nth-child(7) { left:172px; top:252px; } #services .shape1 ul li:nth-child(8) { left:-57px; top:147px; } #services .shape1 ul li:nth-child(9) { left:172px; top:22px; } /*--- Pricing --- */ #pricing { background:#f2f7ff; } #pricing h2 { text-align:center; } #pricing p.cite { margin-bottom:40px; } #pricing p { font-size:18px; line-height:36px; font-weight:normal; text-align:center; } #pricing .pricing-box { background: linear-gradient(180deg, #0085C9 0%, #FC654C 100%); padding:30px; } #pricing .pricing-box .button1 { display:block; text-transform:uppercase; } #pricing .pricing-box h3 { font-size:30px; line-height:37px; margin-bottom:12px; } #pricing .pricing-box ul { padding:0px 0px 30px 25px; margin:0px 0px 30px 0px; border-bottom: 1px solid rgba(255,255,255,0.3); min-height:130px; } #pricing .pricing-box ul li { padding-left:10px; font-size:14px; line-height:18px; margin-bottom:15px;} #pricing .pricing-box p { font-size:14px; line-height:18px; margin-bottom:20px; } #pricing .pricing-box h3,#pricing .pricing-box p,#pricing .pricing-box ul li { color:#fff; text-align:left; } #pricing .pricing-box .price p { font-size:30px; line-height:36px; font-weight:500; margin-bottom:30px; } #pricing .pricing-box .price p span { font-size:18px; line-height:21px; } #pricing .pricing-box.deluxe ul { border-bottom: 1px solid rgba(0,0,0,0.15);} #pricing .pricing-box.deluxe { background:#fff; } #pricing .pricing-box.deluxe h3,#pricing .pricing-box.deluxe p,#pricing .pricing-box.deluxe ul li { color:rgba(0,0,0,0.7); } /*--- Faq --- */ #faq h2 { text-align:center; } #faq .cite { text-align:center; font-size:18px; line-height:36px; } #faq p { font-weight:normal; font-size:14px; line-height:26px; margin-bottom:40px;} #faq .faq-question .icon { float:left; text-align:center; width:15px; height:15px; display:inline-block; background:#92b5fa; border-radius:50%; margin-top:7px; } #faq .faq-question .icon .fas { font-size:20px; color:#fff; line-height:36px; } #faq .faq-question .detail { margin-left:50px; } #faq .faq-question .detail p {min-height:104px; } #faq .faq-question h4 { margin-bottom:10px; } #faq .faq-question:last-child p { margin-bottom:0px;} /*--- Join Paperless --- */ #join-paperless { background:#92b5fa; text-align:center; } #join-paperless h2 { font-size:52px; line-height:63px; margin-bottom:40px; font-weight:normal; color:rgba(255,255,255,0.7); } #join-paperless .button1 { min-width:180px; } /*--- Sociable --- */ .rendered-form .form-group { margin-bottom:20px !important; } .rendered-form .form-control { font-size:13px !important; } .stage-wrap { border:1px solid #c5c5c5; border-radius:6px; } .export-modal .close { position:absolute; right:15px; top:26px; } .export-modal h4 { margin-bottom:10px; } .export-modal .button1 {color:#fff !important; float:right; cursor:pointer; } .export-modal .block { display:block; margin-bottom:6px; } .export-modal .block input { margin-right:10px; } /* ========================================================================== Responsive Settings ========================================================================== */ .approve-select-check { padding:10px 0px 5px; } .approve-select-check span { font-size:11px; margin:0 10px 0 0; } .approve-select-check button { padding:0px 10px; font-size:11px; background:none; border:0; color:#000; border-left:1px solid #dadada; } .approve-select-check button:hover { color:#0085C9; } .approve-select-check .btton-d { color:#f00 } .chart-stake .detail { background:#fff; border:1px solid #dadada; margin:0 0 10px 0; display:inline-block; width:100%; } .chart-stake .detail p { width:60px; height:60px; color:#fff; float:left; margin:0 10px 0 0; line-height:60px; font-size:20px; text-align:center; } .chart-stake .detail p.Total { background:#fc654c; } .chart-stake .detail p.Approved {background:#00caa4; } .chart-stake .detail p.Pending {background:#f8ab3e; } .chart-stake .detail h6 { float:left; line-height:60px; margin:0; } .advance-filters span{ width:180px !important; float:left; } .advance-filters small{ float:left; padding:4px 10px 0 0; } /*--- Accordion1 --- */ .accordion1 .panel { background:none; border:none;} .accordion1 .panel-body { padding:15px 15px; background:#fff; border:none; } .accordion1 .panel-body .table2 { margin-bottom:16px; } .accordion1 .panel-title { line-height:22px; font-size:16px; font-weight:400; } .accordion1 .panel-title.big { font-size:18px; } .accordion1 .panel-heading { padding:0px; border:none; margin-bottom:4px; } .accordion1 .panel-heading .accordion-toggle { color:#000; text-decoration:none; padding:10px 30px 10px 0px; position:relative; display:block; text-decoration:none;} .accordion1 .panel-heading .accordion-toggle:after { content: "-"; position:absolute; left:0px; top:0px; font-size:22px; color:#000; font-weight:bold; background:#92b5fa; width:60px; text-align:center; } .accordion1 .panel-heading .accordion-toggle.collapsed:after {content: "+"; } .accordion1 .panel { border:none; border-radius:0px; box-shadow:none; margin:0px; padding:10px 0px; } .accordion1 .panel-heading + .panel-collapse > .panel-body, .accordion1 .panel-heading + .panel-collapse > .list-group { border:none; } .accordion.accordion1 .panel { padding:0px; margin:0px; } .accordion.accordion1.non-border .panel { border-bottom:none; } .accordion.accordion1.non-border { margin-bottom:0px; } .accordion.accordion1 .panel-heading .accordion-toggle { padding:0px 30px 0px 80px; line-height:60px; color:#000; } .accordion.accordion1.campus .panel-heading .accordion-toggle.collapsed { color:#000;} .accordion.accordion1.campus .panel-heading .accordion-toggle { color:#000;} .accordion.accordion1.international .panel-heading .accordion-toggle { color:#58cf00;} .md-accordion .card .card-header { border: 1px solid #dadada; margin:10px 0 0px 0; position:relative; } .md-accordion .card .card-header .join-btn { position:absolute; top:7px; right:10px; padding:7px; color:#fff; font-size:14px; animation:blinkingText 1.2s infinite; } .blinking{ animation:blinkingText 1.2s infinite; } @keyframes blinkingText { 0%{ color: #fff; } 50%{ color: #000; } 100%{ color: #fff; } } .md-accordion .card .card-header a { padding: 15px; display:block; background: #92b5fa; color:#fff; font-size:18px; font-weight:500; } .md-accordion .card .card-header .collapsed { background: #FAFAFA; color:#000; } .md-accordion .card .card-header h5 { margin:0; padding:0; } .md-accordion .card .card-header .collapsed .fa { float:right; transform:rotate(0); color:#000; } .md-accordion .card .card-header .fa { float:right; transform:rotate(180deg); color:#fff; } .md-accordion .card { overflow: visible; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .card-body { padding-top:0px; padding-bottom:0px; border-radius: 0 !important; padding: 20px; border: 1px solid #dadada; font-size: 16px; } .card-body table tr:first-child { font-weight:bold; text-transform:uppercase; } .md-accordion .collapse { overflow:hidden; margin:0px 0 0 0; } .button1 {position:relative; z-index:1; border:1px solid #fff; text-transform:uppercase; padding:20px 20px;width:250px; font-size:16px; color:#fff; display:inline-block; } .button1 span { z-index:1; position:relative; } .button1 i { float:right; position:relative; z-index:1; } .button1:hover ,.button1:hover i { color:#0085C9; } .button1:after { z-index:0; content:""; position:absolute; top:0; left:0; width:0%; height:100%; background:#fff; transition:ease all 0.3s; } .button1:hover:after { width:100%; } .button2 {position:relative; z-index:1; background:none; border:1px solid #0085C9; text-transform:uppercase; padding:20px 20px;width:250px; font-size:16px; color:#0085C9; display:inline-block; } .button2 span { z-index:1; position:relative; } .button2 i { float:right; position:relative; z-index:1; color:#0085C9; } .button2:hover ,.button2:hover span i { color:#fff; } .button2:after { z-index:0; content:""; position:absolute; top:0; left:0; width:0%; height:100%; background:#0085C9; transition:ease all 0.3s; } .button2:hover:after { width:100%; } .button2:hover i { color:#fff; } .button3 {position:relative; z-index:1; border:1px solid #0085C9; background:#0085C9; text-transform:uppercase; padding:20px 20px;width:250px; font-size:16px; color:#fff; display:inline-block; } .button3 span { z-index:1; position:relative; } .button3 i { float:right; position:relative; z-index:1; color:#fff; } .button3:hover ,.button2:hover span i { color:#0085C9; } .button3:after { z-index:0; content:""; position:absolute; top:0; left:0; width:0%; height:100%; background:#fff; transition:ease all 0.3s; } .button3:hover:after { width:100%; } .button3:hover i { color:#0085C9; } /* Main-navigation ---------------------- */ #main-navigation { text-align:center; padding:36px 0; } .navbar-nav { display:block; width:100%; } #main-navigation ul { position:relative; } #main-navigation li:nth-child(1) { float:left; } #main-navigation li:nth-child(2) { float:left; } #main-navigation li:nth-child(3) { float:left; } #main-navigation li:nth-child(4) { float:right; } #main-navigation li:nth-child(5) { float:right; } #main-navigation li:nth-child(6) { float:right; } #main-navigation li:nth-child(1) a ,#main-navigation li:nth-child(2) a,#main-navigation li:nth-child(3) a { padding:0 50px 0 0; } #main-navigation li:nth-child(4) a,#main-navigation li:nth-child(5) a,#main-navigation li:nth-child(6) a { padding:0 0px 0 50px; } html { scroll-behavior: smooth; } /* header */ .hedaer-top { height:50px; display: block; width:100%; background:#0085C9; } .header-slect { margin:10px 0 0 0; border:0; line-height:40px; height:40px; width:80px; background:none; color:#fff; font-size:12px; } #google_translate_element { float:left; margin:12px 0 0 0; } #google_translate_element img { display:none; } .goog-te-gadget-simple { background:none !important; border:0 !important; } .goog-te-gadget-simple a { color:#fff !important; font-size:13px; text-decoration:underline; text-transform:uppercase; position:relative; margin:0 0px 0 0; } .goog-te-gadget-simple span { border:0 !important; } .goog-te-gadget-simple a span:last-child { display:none !important; } .goog-te-gadget-simple a:after { content:""; position:absolute; top:5px; right:-15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; } .left-nav { float:right; padding:13px 0 0 0; } .left-nav ul { list-style:none; margin:0; padding:0; } .left-nav ul li { float:left; } .left-nav ul li a { font-size:12px; color:#fff; padding:0 0 0 20px; text-transform:uppercase; } #header { height:170px; position:absolute; } #header .button4 { float:right; margin-top:3px; } #header.fixed { position:fixed; left:0px; top:0px; width:100%; z-index:1000; padding:10px 0px; height:70px; border-bottom:1px solid #e5e5e5; } #header.fixed .logo img { max-width:120px; } .logo { position: absolute; width: 160px; height: 120px; top: 0px; left: 50%; padding: 0px; border-radius: 50%; background: #fff; margin: 0 0 0 -80px; z-index: 3; } .logo img { width:65%; display:block; margin:5px auto 0; } /* slider */ #home-slider { padding:170px 0 0 0; } .main-slider { list-style:none; padding:0; margin:0; } .slider-in { position:relative; height:550px; background-size:contain !important; } .slider-in:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,133,201,0.8); } .slider-content { position:absolute; top:0; left:0; width:100%; z-index:1; padding:100px 0 0 0; } .slider-content h1 { font-size:54px; color:#fff; font-weight:bold; text-transform:uppercase; line-height:70px; text-shadow: 0 2px 24px rgba(0,0,0,0.5); } .slider-content .button1 { margin:30px 0 0 0; } .sticky { position:fixed; width:100%; left:0; z-index:3; top:0; } .sticky + .our-business , .sticky + .our-offices , .sticky + .news-detail { padding-top: 140px; } /*--- Slick Slider --- */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px; } [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position:absolute; left:0px; bottom:60px; width:100%; padding:0px;} .slick-dots li:last-child { margin-bottom:0px; } .slick-dots li:first-child { padding-left:500px; } .slick-dots li button { display: block; width: 11px; height: 11px; padding: 0; border: none; border-radius: 50%; background:none; text-indent: -9999px; border: 1px solid rgba(0,0,0,0.1); margin:0px 4px; } .slick-dots li.slick-active button { background-color: #fc654c; } button:focus { outline:0; } #home-slider .slick-prev, #home-slider .slick-next { width:60px; height:60px; background:#fff; border-radius:40px; border:2px solid #fff; font-size:0; line-height:60px; } #home-slider .slick-prev { position:absolute; bottom:50px; right:140px; z-index:2; } #home-slider .slick-next { position:absolute; bottom:50px; right:60px; z-index:2; } #home-slider .slick-prev:before { content:""; position:absolute; top:18px; right:26px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #444; } #home-slider .slick-prev:after { content:""; position:absolute; top:22px; right:26px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; } #home-slider .slick-next:before { content:""; position:absolute; top:18px; right:22px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #444; } #home-slider .slick-next:after { content:""; position:absolute; top:22px; right:26px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; } /* about-corona */ .about-corona { text-align:center; padding:80px 0; } .about-corona .content1 { padding:50px 0 0 0; } .about-corona .content h2 { text-transform:uppercase; color:#333; font-size:28px; line-height:42px; letter-spacing:1px; padding:0 0 0px 0; width:500px; margin:0px auto; } .about-corona .button3 { margin:40px 0 0 0; } .about-corona p { margin:px 0 0 0; color:#030303; font-size:16px; line-height:30px; opacity:0.4; padding:0 0px; text-align:left; } .heading h3 { font-size:42px; font-weight:bold; text-transform:uppercase; } .heading h3:after { content:""; height:2px; width:100px; background:#F58A52; position:absolute; top:55px; left:50%; margin:0 0 0 -50px; } .morecontent .span { display: none; } .morecontent a {/*color: #030303; display:block; line-height:22px; font-size: 14px; padding: 0; margin: 5px 0 0 0; text-decoration:underline; */} .comment { color:rgba(3,3,3,0.5); font-size:16px; line-height:30px; padding: 0 100px; margin: 55px 0 0 0; } .comment .button3 { margin:40px 0 0 0; } .comment .button3 i { margin:7px 0 0 0; } /* welcome */ .welcome { text-align:left; } .welcome-in { border-top:1px solid #dadada; padding:80px 0; } .welcome h2 { text-transform:uppercase; color:#333; font-size:24px; line-height:42px; letter-spacing:1px; padding:0 0 0px 0; } .welcome h2 strong { color:#333; font-size:36px; line-height:42px; letter-spacing:1px; display:block; font-weight:bold; } .welcome .content { } .welcome .content ul { list-style:none; padding:0; margin:0; } .welcome .content ul li { display:block; width:50%; font-size:100px; line-height:90px; float:left; text-align:left; font-weight:bold; color:#0085C9; overflow:hidden; } .welcome .content ul li strong { display:block; font-size:18px; padding:0px 0 0 0; line-height:30px; color:#333; font-weight:500; text-transform:uppercase; } .welcome .content ul li blockquote { display:block; font-style:italic; font-size:18px; padding:10px 40px; line-height:30px; color:#333; font-weight:500; text-align:left; position:relative; margin:0 0px 0 0; min-height:120px; } .welcome .content ul li blockquote span { font-size:30px; color:#F58A52; position:absolute; top:0; left:2px; } .welcome .content ul li blockquote small { font-size:30px; color:#F58A52; position:absolute; right:0; bottom:0; } /* mission */ .misssion { padding:100px 0; position:relative; } .misssion .container-fluid { padding:0; } .misssion .misssion-blank { position:absolute; right:0; top:0; height:100%; width:75%; background:#e7ebfb; } .misssion .image { border:15px solid #fff; border-left:0; } .misssion .content { padding:0 0 0 50px ; } .misssion .content h4 { text-transform:uppercase; color:#333; font-size:26px; line-height:40px; letter-spacing:1px; padding:0 0 0px 0; } .misssion .content p { color:#333; font-size:16px; padding:0 0 30px 0; margin:0; letter-spacing:1px; line-height:30px; font-weight:300; } .misssion .button2 { margin:10px 0 0 0; } /* trustted brands */ .trusted-brand { padding:80px 0; position:relative; overflow:hidden; } .trusted-brand h2 { display:block; text-align:left; color:#333; font-size:58px; font-weight:bold; width:100%; text-transform:uppercase;} .trusted-brand h2 strong { display:block; text-align:left; color:#333; font-size:22px; font-weight:bold; width:100%; letter-spacing:1px; text-transform:uppercase; } .trusted-brand .trusted-sec { height:350px; background:#333; margin:12px 0; display:inline-block; width:100%; position:relative; overflow:hidden; transition:ease all0.3s; } .trusted-brand .trusted-sec img { transform:scale(1,1); transition:ease all 0.3s; } .trusted-brand .trusted-sec:hover img { transform:scale(1.1,1.1); transition:ease all 0.3s; } .trusted-brand .trusted-sec .content { position:absolute; bottom:20px; left:20px; z-index:1; } .trusted-brand .trusted-sec .content h4 { display:block; color:#fff; font-size:28px; font-weight:bold; width:100%; } .trusted-brand .trusted-sec .content p { display:block; color:#fff; font-size:22px; font-weight:400; width:100%; } .trusted-brand .trusted-sec1 { height:730px; } .trusted-brand .trusted-sec:after { content:""; bottom:0; width:100%; left:0; height:100%; position:absolute; background:rgba(0,133,201,0.6); transition:ease all 0.3s; } .trusted-brand .trusted-sec:hover:after { background:rgba(0,133,201,0.8); height:100%; } .trusted-brand .button2 { display: block; margin:50px auto 0; } .brand-sliders { padding:0px 0; } .brand-sliders .brand-li { margin:0 10px; } .brand-sliders .slick-dots { display:none !important; } .brand-sliders .slick-prev, .brand-sliders .slick-next { width:60px; height:60px; background:#fff; border-radius:40px; border:1px solid #dadada; font-size:0; line-height:55px; text-align:center; } .brand-sliders .slick-prev { position:absolute; bottom:40%; left:-70px; z-index:2; } .brand-sliders .slick-next { position:absolute; bottom:40%; right:-70px; z-index:2; } .brand-sliders .slick-prev:before { content:"\e605"; font-size:20px; font-family: 'simple-line-icons'; } .brand-sliders .slick-next:before { content:"\e606"; font-size:20px; font-family: 'simple-line-icons'; } /* awards*/ .awards { padding:80px 0; background:#E7EBFB; } .awards h2 { display:block; text-align:center; color:#333; font-size:18px; font-weight:500; width:100%; text-transform:uppercase;} .awards h3 { display:block; text-align:center; color:#333; font-size:36px; font-weight:bold; width:100%; text-transform:uppercase; } .acards-li {margin:30px 0 10px 0; width:100%; display:inline-block;} .awards ul { list-style:none; padding:0; margin:0; } .awards ul li { width:30%; margin:0 1.5% 30px; float:left; transition:ease all 0.3s; position:relative; } .awards ul li:hover { box-shadow:0px 0px 15px #eee; } .awards ul li .image { height:200px; overflow:hidden; } .awards ul li .image img { width:100%; height:100%;transition:ease all 0.3s; } .awards ul li .content { background:#fff; padding:20px; min-height:220px; text-align:center; } .awards ul li .content h4 { font-size:20px; color:#F58A52; font-weight:500; margin:0 0 10px 0; } .awards ul li .content p { color:#333; font-size:15px; font-weight:500; line-height:26px; margin:0; } .awards .link { position:absolute; width:100%; bottom:0; left:0; border-top:1px solid #dadada; color:#030303; min-height:70px; } .awards .link strong { display:block; font-weight:normal; text-transform:uppercase; font-size:13px; line-height:inherit; padding:23px 0 0 30px; transition:ease all 0.3s; } .awards .link span { display:block; font-weight:normal; font-size:15px; padding:0px 0 15px 30px; } .awards .link i { line-height:70px; font-size:11px; height:70px; width:80px; float:right; border-left:1px solid #dadada; position:absolute; top:0; right:0; text-align:center; color:#127EC2; transition:ease all 0.3s;} .awards .link i:before { padding:0 0 0 0px;transition:ease all 0.3s; } .awards ul li:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.2); } .awards ul li:hover strong { } .awards ul li:hover .link i:before { padding:0 0 0 20px; } .awards ul li:hover .image img { transform:scale(1.1,1.1) } .awards .button2 { display: block; margin:10px auto 0; } .awards-home li:last-child { display:none; } /* sharda-glance */ .sharda-glance { padding:80px 0; position:relative; background:url(../imgs/banner.jpg) no-repeat; background-size:cover; } .sharda-glance:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(#444, #111111); opacity:0.8; } .sharda-glance h2 { display:block; text-align:center; color:#fff; font-size:36px; font-weight:bold; text-transform:uppercase;} .sharda-glance .col-md-12 { z-index:1; } .sharda-glance .button1 { margin:50px; display:inline-block; margin:0px auto; } .sharda-glance ul { list-style:none; padding:0; margin:0; display:inline-block; width:100%; } .sharda-glance li { width:25%; padding:10px; float:left; text-align:center; } .sharda-glance li .span { display:block; margin:40px auto 10px; border:3px dashed #F58A52; border-radius:10px; width:90%; height:170px; text-align:center; line-height:200px; transition:ease all 0.3s; } .sharda-glance li .span i { font-size:70px; color:#F58A52; transition:ease all 0.3s; } .sharda-glance li strong { display:block; color:#F58A52; font-size:72px } .sharda-glance li small { display:block; color:#fff; font-size:26px } .sharda-glance .button1 { display: block; margin:50px auto 0; width:270px; } /* newsevent */ .newsevent { padding:80px 0;position:relative; } .newsevent h2 { display:block; text-align:center; color:#333; font-size:18px; font-weight:500; width:100%; text-transform:uppercase;} .newsevent h3 { display:block; text-align:center; color:#333; font-size:36px; font-weight:bold; width:100%; text-transform:uppercase; padding:0 0 30px 0; } .news-with-image { position:relative; display:block; border:1px solid #dadada; padding:0px; height:400px; margin:0 0 30px 0; transition:ease all 0.3s; overflow:hidden; } .news-with-image img { height:100%; width:100%; } .news-with-image:hover { box-shadow:0 0 12px #eee; } .news-with-image .content { position:absolute; width:100%; bottom:0; left:0; padding:30px 30px 15px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); } .news-with-image a { font-size:18px; line-height:26px; font-weight:bold; color:#fff; } .news-with-image small { font-size:16px; color:#F58A52; padding:0 0 10px 0; display:block; } .news-no-image { border:1px solid #dadada; padding:30px 20px; height:400px; margin:0 0 30px 0; transition:ease all 0.3s; } .news-no-image:hover { box-shadow:0 0 12px #eee; } .news-no-image small { font-size:16px; color:#F58A52; padding:0 0 15px 0; display:block; } .news-no-image h5 { font-size:18px; line-height:26px; font-weight:bold;margin-bottom: 0px; } .news-no-image h5 a { color:#030303; margin:0; } .news-no-image p { font-size:16px; line-height:26px; display:inline-block; margin:30px 0 0 0; } .news-no-image .link { font-size:16px; text-decoration:underline; color:#0085C9; float:right; font-weight:bold; margin:30px 0 0 0; } .newsevent .button2 { display: block; margin:10px auto 0; } /* sharda story */ .sharda-story { padding:80px 0 ; position:relative; overflow:hidden; } .sharda-story h2 { display:block; text-align:left; color:#333; font-size:36px; font-weight:500; width:100%; text-transform:uppercase; padding:0 0 30px 0;} .right-story { position:relative; display:block; border:1px solid #dadada; padding:0px; margin:0 0 30px 0; transition:ease all 0.3s; height:230px; } .right-story:hover { box-shadow:0 0 12px #eee; } .right-story .content { position:absolute; width:100%; bottom:0; left:0; padding:30px 30px 15px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); } .right-story a { font-size:16px; line-height:22px; font-weight:500; color:#fff; } .right-story small { font-size:16px; color:#F58A52; padding:0 0 10px 0; display:block; } .right-story img { width:100%; height:100%; } .left-story .images {position:relative; display:block; border:1px solid #dadada; padding:0px; margin:0 0 30px 0; transition:ease all 0.3s; } .left-story .images:hover { box-shadow:0 0 12px #eee; } .left-story .images .content { position:absolute; width:100%; bottom:0; left:0; padding:30px 30px 15px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); } .left-story .images a { font-size:16px; line-height:22px; font-weight:500; color:#fff; } .left-story small { font-size:16px; color:#F58A52; padding:0 0 10px 0; display:block; } .left-story p { font-size:16px; color:#333; padding:0 0 20px 0; margin:0; line-height:26px; display:block; letter-spacing:1px; } .sharda-story .button2 { display: block; margin:10px auto 0; float:right; } .sharda-story .formobile { display:none; } /* chairman section */ .chairman-speak { padding:100px 0; position:relative; } .chairman-speak .container-fluid { padding:0; } .chaiman-blank { position:absolute; right:0; top:0; height:100%; width:75%; background:#0085C9; } .chairman-speak .image { border:15px solid #fff; border-left:0; } .chairman-speak .content { padding:0 0 0 50px ; } .chairman-speak .content h4 { text-transform:uppercase; color:#fff; font-size:28px; line-height:40px; letter-spacing:1px; padding:0 0 20px 0; font-weight:bold; } .chairman-speak .content h4 strong { font-style:italic; font-weight:normal; display:block; } .chairman-speak .content p { color:#fff; font-size:16px; padding:0; margin:0; letter-spacing:1px; line-height:30px; font-weight:300; } .chairman-speak .button1 { margin:50px 0 0 0; } .chairman-slider .slick-dots { bottom:-30px; width:250px; right:0; left:inherit; } .chairman-slider .slick-dots li { float:right; padding:0 !important; } .chairman-slider .slick-dots li button { background:#979797; height:20px; width:20px; margin:0 10px; } .chairman-slider .slick-dots li.slick-active button { background:#fff; } /* footer */ #footer { background:#0085C9; padding:60px 0px 30px 0; } #footer { position:relative; } #footer .blank-1 { width:37%; height:95%; bottom:-1px; left:-4%; background:#f2f7ff; position:absolute; transform:skewX(-10deg); } #footer .blank-2 { width:33%; height:95%; bottom:-1px; left:34%; background:#f2f7ff; position:absolute; transform:skewX(-10deg);} .nav-section { padding:0px 0 0 0; } .nav-section ul { list-style:none; padding:0; margin:0; } .nav-section ul li { display:inline-block; width:100%; padding:0 0 10px 0; } .nav-section ul li span { width:60px; height:60px; float:left; background:none; margin:0 20px 0px 0; border-radius:50px; border:1px solid #0085C9; text-align:center; line-height:65px; transition:ease all 0.2s; float:left; padding:0 0 0 3px; } .nav-section ul li span i { color:#0085C9; font-size:24px; } .nav-section ul li strong { color:#0085C9; line-height:23px; float:left; padding:21px 0 0 0; font-size:16px; } .nav-section ul li:hover span { background:#0085C9; } .nav-section ul li:hover span i { color:#fff; } .contact-section { padding:0px 0 0 40px; } .contact-section .detail { padding:0 0 20px 0; } address { margin:0; } .contact-section .detail h5 { color:#0085C9; font-size:18px; font-weight:bold; padding:0 0 10px 0; margin:0; } .contact-section .detail p ,.contact-section .detail a { color:#0085C9; font-size:14px; padding:0; margin:0; } .sociable { padding:0px 0 0 0px; } .sociable h5 { color:#fff; font-size:18px; font-weight:bold; padding:0 0 20px 0; margin:0; } .sociable ul { list-style:none; margin:0; padding:0; } .sociable li {} .sociable li a { width:60px; height:60px; float:left; background:none; margin:0 20px 20px 0; border-radius:50px; border:2px solid #fff; text-align:center; line-height:60px; transition:ease all 0.2s; } .sociable li a i { color:#fff; } .sociable li a:hover { background:#fff; } .sociable li a:hover i { color:#0085C9; } #footer-bottom { background:#E7EBFB; padding:30px 0; } #footer-bottom p { float:left; margin:0; } #footer-bottom ul { list-style:none; float:right; margin:0; padding:0; } #footer-bottom ul li { float:left; } #footer-bottom ul li a { font-size:14px; color:#333; padding:0 0 0 30px; } /* end footer */ .leaf-slider { position: absolute; width: 370px; z-index: -1; left: -50px; top: -50px; opacity:.66; } .leaf-2 { position: absolute; width: 200px; z-index: -1; right: -80px; top: 50px; z-index:1; } .leaf-3 { position: absolute; width:200px; z-index: -1; left: -80px; top: 50px; z-index:1; } /* inner top slider */ .innerpage-slider { padding:170px 0 0 0; } .innerpage-sliderin { display:block; position:relative; height:550px; overflow:hidden; } .innerpage-sliderincar { overflow:inherit; } .innerpage-sliderin1 { height:inherit; } .innerpage-sliderin:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(#0B81C5, #504099); opacity:0.6; } .innerpage-sliderin img { width:100%; height:100%; } .innerpage-content { position:absolute; top:0; width:100%; padding:90px 0 0 0; z-index:2; } .innerpage-content .heading { padding:50px 0; display:inline-block; position:relative; } .innerpage-content .heading h2,.innerpage-content .heading h1 { font-size:120px; text-transform:uppercase; color:#fff; line-height:140px; position:relative; z-index:1; text-shadow: 0 2px 24px rgba(0,0,0,0.5); } .innerpage-content .leaf { position:absolute; width:340px; top:-60px; left:-60px; display:block; opacity:0.8; } .innerpage-sliderin1 .innerpage-content { position:absolute; top:0; width:100%; padding:30px 0 0 0; z-index:2; } .innerpage-sliderin1 .heading h2 , .innerpage-sliderin1 .heading h1 { font-size:60px; text-transform:uppercase; color:#fff; line-height:73px; position:relative; z-index:1; text-shadow: 0 2px 24px rgba(0,0,0,0.5); } .innerpage-sliderin1 .leaf { position:absolute; width:230px; top:-10px; left:-40px; display:block; opacity:0.8; } .innerpage-sliderin2 { background:#fff; padding:15px 0 10px 0; border-top:1px solid #979797; border-bottom:1px solid #979797; } .innerpage-sliderin2 h2,.innerpage-sliderin2 h1 { font-size:24px; color:#111; text-transform:uppercase; margin:0; float:left; line-height:42px; } .innerpage-sliderin2 i { font-size:30px; color: rgba(3,3,3,0.5); margin:5px 20px 0 0; float:left; line-height:30px; } .innerpage-sliderin2 .heading { display:inline-block; width:100%; } .innerpage-sliderin2 .heading a { float:left; } .innerpage-sliderin2 .visit-website { float:right !important; color:#0085C9; font-weight:bold; padding:10px 0 0 0; font-size:18px; } /*.innerpage-sliderin:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block; } .innerpage-sliderin h2 { position:absolute; z-index:1; font-size:52px; color:#fff; background:#F58A52; padding:0px 50px; bottom:0; text-transform:uppercase; margin:0; height:120px; line-height:120px; } .innerpage-sliderin h2:after { content:""; position:absolute; height:120px; width:60px; display:block; background:#F58A52; right:-35px; top:0; transform:skewX(-20deg); } */ /*about-page section*/ .about-page { padding:80px 0; } .about-page .content h3 { font-size:28px; text-transform:uppercase; color:#333; } .about-page .content p { font-size:20px; color:#565656; line-height:32px; } .content-heading { background-size:contain; padding:50px 0; display:block; position:relative; } .content-heading h2 { font-size:42px; color:#030303; font-weight:bold; text-transform:uppercase; display:inline-block; text-align:left; line-height:50px;float:left; } .content-heading small { height:2px; width:90px; margin:0 20px 0 0; background:#F58A52; position:relative; top:23px; display:inline-block; float:left; text-transform:uppercase; } .content-heading .leaf { position:absolute; width:80%; top:0; } /* out-stats */ .out-stats {} .out-stats img { width:100%;transition:ease all 0.3s; height:100%; } .out-stats .col-md-6 ,.out-stats .col-md-12 { padding:0; } .out-stats strong { position:absolute; bottom:0; width:100%; background:rgba(3,3,3,0.7); font-size:24px; padding:20px; display:block; text-transform:uppercase; transition:ease all 0.3s; } .out-stats strong i { float:right; font-size:16px; margin:7px 0 0 0; } .out-stats a { color:#fff; } .images-sec { height:480px; width:100%; overflow:hidden; position:relative; display:block; } .images-sec2 { height:350px; width:100%; overflow:hidden; position:relative; display:block; } .images-sec3 { height:350px; width:100%; overflow:hidden; position:relative; display:block; } .out-stats .images-sec:hover strong ,.out-stats .images-sec2:hover strong,.out-stats .images-sec3:hover strong { background:rgba(245,138,82,0.8); } .out-stats .images-sec:hover img ,.out-stats .images-sec2:hover img,.out-stats .images-sec3:hover img { transform:scale(1.1,1.1); } /* our team */ .our-team { padding:60px 0; text-align:center; } .our-team small { height:2px; width:120px; background:#F58A52; position:relative; top:-35px; display:inline-block; } .our-team .span { font-size:26px; color:#030303; text-transform:uppercase; display:inline-block; margin:0px 50px 0; position:relative; top:-28px; } .our-team h4 { font-size:38px; color:#030303;width:520px; font-weight:bold; text-transform:uppercase; display:inline-block; text-align:left; line-height:50px; } /* our-milestones */ .our-milestones { padding:80px 0; text-align:center; background:#F2F7FF; } .milestones-list { position:relative; list-style:none; margin:0px 0 0 0; padding:0; text-align:left; display:inline-block; width:100%; overflow:hidden; } .milestones-list:after { content:""; width:6px; background:#46484C; position:absolute; top:122px; left:50%; margin:0 0 0 -3px; height:100%; display:block; } .milestones-list li { width:50%; float:left; padding:0 100px 0 0; position:relative; margin:100px 0 0 0; } .milestones-list li h4 { background:#F58A52; padding:15px 30px; font-size:20px; text-transform:uppercase; color:#fff; display:block; margin:0; position:relative; } .milestones-list li h4:after { content:""; position:absolute; top:15px; right:-15px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left:15px solid #F58A52; } .milestones-list li p { background:#fff; padding:20px 30px; font-size:15px; color:#030303; display:inline-block; margin:0; width:100%; } .milestones-list li small { color:#9b9fa6; font-size:62px; position:absolute; top:-75px; left:0; } .milestones-list li .span { background:#46484C; width:42px; height:42px; display:block; position:absolute; top:15px; right:-22px; border-radius:50px; } .milestones-list li:nth-child(even) { float:right; padding:0 0 0 100px; margin:100px 0 0 0; min-height:140px; } .milestones-list li:nth-child(2) { float:right; padding:0 0 0 100px; margin:200px 0 0 0; } .milestones-list li:nth-child(even) small { right:0; left:inherit; } .milestones-list li:nth-child(even) h4:after { border-right:15px solid #F58A52; border-left:0; left:-15px; right:inherit; } .milestones-list li:nth-child(even) .span { left:-21px; right:inherit; top:8px; } .milestones-list li:last-child { margin:150px 0 0 0; } /* carrer sections */ .view-submit { position:absolute; bottom:-70px; z-index:1; width:100%; } .view-submit-in { height:140px; display:block; background:#fff; padding:40px 30px; display:inline-block; width:100%; } .view-submit-in .button2 { float:right; margin:0 0 0 30px; } .view-submit-in p { padding:0; margin:0; } .view-submit-in strong { width:42%; float:left; font-size:20px; font-weight:normal; } .why-work { background:#F2F7FF; padding:130px 0 80px 0; } .why-work .our-team { padding:0; } .why-work-list { background:#fff; border:1px solid #dadada; margin:40px 0 0 0; padding:30px; } .why-work-list h5 { color:#030303; font-size:24px; text-transform:uppercase; width:300px; line-height:30px; } .why-work-list ul { margin:20px 0 0 0; padding:30px 0 0 0; border-top:1px solid #dadada; list-style:none; } .why-work-list ul li span { background:none; border:2px solid #F58A52; width:34px; height:34px; float:left; margin:0 10px 0; border-radius:30px; text-align:center; line-height:28px; position:absolute; top:11px; left:0; } .why-work-list ul li span i { color:#F58A52; font-size:17px; } .why-work-list ul li { font-size:20px; display:inline-block; width:100%; padding:15px 0 15px 60px; position:relative; } .why-work-list ul li:before { content:"\f00c"; font-family: 'FontAwesome'; background: none; border: 2px solid #F58A52; width: 34px; height: 34px; float: left; margin: 0 10px 0; border-radius: 30px; color:#F58A52; text-align: center; line-height: 28px; position: absolute; top: 11px; left: 0; } #ViewPositions , #SubmitApplication { scroll-behavior: smooth; } .positions-avalable { background:#F2F7FF; padding:10px 0 80px 0; overflow:hidden; position:relative; } .heading1 h3 { margin:0px auto; width:550px; text-align:center; line-height:52px; } .heading1 h3:after { top:120px; } .positions-list { border: 1px solid #DADADA; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 2px 14px rgba(0,0,0,0.1); min-height:350px; margin:15px 0; position:relative; transition:ease all 0.3s; } .positions-list h4 { padding:30px 30px 15px 30px; line-height:32px; font-size:24px; margin:0; } .positions-list h4 a { color:#030303; } .positions-list p { padding:0 30px 30px 30px; line-height:24px; font-size:14px; margin:0; color:#111; } .positions-list .link { position:absolute; width:100%; bottom:0; left:0; border-top:1px solid #dadada; color:#030303; min-height:70px; } .positions-list .link strong { display:block; font-weight:normal; text-transform:uppercase; font-size:13px; line-height:inherit; padding:15px 0 0 30px; } .positions-list .link span { display:block; font-weight:normal; font-size:15px; padding:0px 0 15px 30px; } .positions-list .link i { line-height:70px; height:70px; width:80px; float:right; border-left:1px solid #dadada; position:absolute; top:0; right:0; text-align:center; color:#127EC2; } .positions-list .link i:before { padding:0 0 0 0px;transition:ease all 0.3s; } .positions-list:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.2); } .positions-list:hover strong { } .positions-list:hover .link i:before { padding:0 0 0 20px; } .positions-list:hover .image img { transform:scale(1.1,1.1) } .job-type { display:block; padding:70px 0 30px 0; display:inline-block; width:100%; } .job-type ul { float:left; list-style:none; padding:0; margin:0; } .job-type ul li { display:block; float:left; } .job-type ul li a { color:rgba(17,17,17,0.8); padding:20px 50px; font-size:16px; text-transform:uppercase; } .job-type ul li a:hover ,.job-type ul li.active a { background:#0085C9; color:#fff; } .submit-application { background:#E7EBFB; padding:80px 0 80px 0; overflow:hidden; position:relative; } .submit-application .our-team { padding:0; } .submit-application .application-form { padding:50px; background:#fff; margin:50px auto 0; width:80%; } .submit-application .application-form .form-list { display:inline-block; width:100%; margin:0 0 20px 0; text-align:left; } .submit-application .application-form .form-list label { font-size:14px; text-transform:uppercase; } .submit-application .application-form .form-list input , .submit-application .application-form .form-list select { line-height:60px; font-size:16px; height:60px; padding:0 20px; width:100%; border:1px solid #dadada; } .submit-application .application-form .form-list textarea { font-size:16px; height:120px; padding:20px 20px; width:100%; border:1px solid #dadada; } .submit-application .application-form .form-list input[type="file"]{ line-height:60px; font-size:16px; height:auto; padding:0 0px; width:100%; border:0px solid #dadada; } .custom-file-input { color: transparent;} .custom-file-input::-webkit-file-upload-button { visibility: hidden;} .custom-file-input::before { content: 'Browse'; display: inline-block; background: #ccc; border: 1px solid #999; border-radius: 0px; padding: 5px 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer;text-shadow: 1px 1px #fff;font-weight: 700; font-size: 10pt;} .custom-file-input:hover::before { border-color: black;} .submit-application .application-form .button2 { text-align:left; } a:focus { outline:0; } /* our-business */ .business-label { display:block; padding:20px 0 ; display:inline-block; width:100%; background:#fff; } .business-label ul { float:left; list-style:none; padding:0; margin:0; } .business-label ul li { display:block; float:left; } .business-label ul li a { color:rgba(3,3,3,0.49); padding:20px 50px; font-weight:700; font-size:16px; text-transform:uppercase; display:inline-block; border-radius:50px; } .business-label ul li a:hover ,.business-label ul li.active a { background:#0085C9; color:#fff; } .our-business { background:#F2F7FF; padding:40px 0 80px 0; overflow:hidden; position:relative; } .business-list { border: 0px solid #DADADA; background-color: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,0.1); min-height:400px; margin:15px 0; position:relative; transition:ease all 0.3s; } .business-list .image { position:relative; height:165px; overflow:hidden; } .business-list .image .b-logo { z-index:1; position:absolute; background:#fff; font-size:12px; padding:5px 10px 5px 5px; border-radius:0 30px 30px 0; bottom:10px; left:0; text-transform:uppercase; color:#fff; } .business-list .image .b-logo img { height:25px; width:auto; } .business-list .image:after { content:""; position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(3,3,3,0.2); } .business-list .image .img { transition:ease all 0.3s; width:100%; height:100%; } .business-list .location { z-index:1; font-size:11px; padding:20px 20px 4px; text-transform:uppercase; color:#F58A52; } .business-list h4 { padding:0px 20px 10px 20px; line-height:28px; font-size:20px; margin:0; } .business-list h4 a { color:#111; } .business-list p { padding:0 20px 20px 20px; line-height:18px; font-size:12px; margin:0; color:#111; } .business-list .link { position:absolute; width:100%; bottom:0; left:0; border-top:1px solid #e5e5e5; color:#030303; min-height:70px; transition:ease all 0.3s; } .business-list .link strong { display:block; font-weight:normal; text-transform:uppercase; font-size:13px; line-height:inherit; padding:23px 0 0 30px; transition:ease all 0.3s; } .business-list .link span { display:block; font-weight:normal; font-size:15px; padding:0px 0 15px 30px; } .business-list .link i { line-height:70px; height:70px; width:80px; float:right; border-left:1px solid #e5e5e5; position:absolute; top:0; right:0; text-align:center; color:#127EC2; transition:ease all 0.3s;} .business-list .link i:before { padding:0 0 0 0px;transition:ease all 0.3s; } .our-business .col-md-4 { display:none; } .our-business .col-md-4.active { display:block; } .business-list:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.2); } .business-list:hover strong { } .business-list:hover .link i:before { padding:0 0 0 20px; } .business-list:hover .image .img { transform:scale(1.1,1.1) } /* newsrooms */ .newsrooms { background:#F2F7FF; padding:80px 0 80px 0; overflow:hidden; position:relative; } .newsrooms .our-team { padding:0 0 50px 0; } .newsrooms .news-no-image { background:#fff; } .news-with-image1 { height:530px; } .news-with-image2 { height:250px; margin:0 0 30px 0; } .news-with-image3 { height:250px; } /* recommened-news */ .news-detail { background:#F2F7FF; padding:80px 0 80px 0; overflow:hidden; position:relative; } .new-detail-in { width:80%; margin:0px auto; } .new-detail-in .news-with-image { height:500px; } .new-detail-in .news-with-image img { width:100%; height:100%; } .new-detail-in p { font-size:15px; line-height:32px; color:#111; } .carrer-detail { background:#fff; border:1px solid #dadada; padding:30px; } .carrer-detail small { font-size:15px; line-height:32px; color:#111; } .recommened-news { background:#E7EBFB; padding:80px 0 80px 0; } .recommened-news h3 { text-align:center; margin:0 0 60px 0; } .recommened-news .news-no-image { background:#fff; } /* business Detail */ .business-detail { background:#F2F7FF; padding:80px 0 80px 0; overflow:hidden; position:relative; } .sharda-heading { position:relative; z-index:2; min-height:150px; } .sharda-heading h3 { font-size:45px; line-height:52px; width:80%; text-transform:uppercase; position:absolute; bottom:0; } .sharda-heading h3 strong { font-size:35px; line-height:40px; text-transform:uppercase; font-weight:500; display:block; } .business-1 h4 { font-size:24px; text-transform:uppercase; margin:0 0 20px 0; } .business-1 p { font-size:16px; margin:0 0 20px 0; line-height:27px; } .video-sec { position:relative; } .video-sec .leaf-2 { position: absolute; width: 320px; z-index: -1; right: -0px; top: -210px; z-index: 1; height: 0PX; } .video-sec iframe { position:relative; z-index:1; } .video-sec .div-frame { position:relative; z-index:1; } .about-texts h2 { text-transform:uppercase; font-size:34px; line-height:52px; width:460px; margin:50px 0 30px 0; } .video-sec .div-frame img { width:100%; } .about-texts h3 { font-size:24px; } .about-texts p { font-size:16px; line-height:24px; } .vissons { padding:40px 15px; } .vissons .why-work-list { } .contact-info { display:block; width:100%; padding:80px; background:#E7EBFB; margin:50px 0 0 0; text-align:center; } .contact-info h5 { font-size:24px; display:block; text-transform:uppercase; } .contact-info h3 { font-size:32px; display:block; text-transform:uppercase;margin:30px 0 0 0; } .contact-info p { font-size:16px; display:block; line-height:24px; margin:20px 0 0 0;} .contact-info strong { font-size:28px; display:block; text-transform:uppercase; margin:40px 0 40px 0; color: rgba(3,3,3,0.5); font-weight:normal; } .contact-info small { font-size:14px; display:block; text-transform:uppercase; margin:30px 0 15px 0; color: rgba(3,3,3,0.5);} .contact-info a { width:310px; } .chairman-business { background:#F2F7FF; } .business-impect { background:#F2F7FF; padding:80px; } .md-accordion h4 ,.md-accordion h1 { line-height:24px; border-bottom:1px solid #dadada; font-size:24px; text-transform:uppercase; color: rgba(3,3,3,0.5); padding:20px 0 40px 0; font-weight:500; margin:0; } .business-impect .accordion { padding:30px; background:#fff; border:1px solid #dadada; } .md-accordion .card .card-header { margin:10px 0 0px 0; position:relative; padding:0; border:0; } .md-accordion .card .card-header .join-btn { position:absolute; top:7px; right:10px; padding:7px; color:#fff; font-size:14px; animation:blinkingText 1.2s infinite; } .md-accordion .card { border:0; background:none; border-bottom:1px solid #dadada; padding: 20px 0; } .accordion > .card:not(:last-of-type) { border-bottom:1px solid #dadada; } .accordion > .card:last-child { border-bottom:0px solid #dadada; } .md-accordion .card .card-header a { padding: 20px 0; display:block; background: #fff; color:#030303; font-size:20px; font-weight:normal; position:relative; } .md-accordion .card .card-header .collapsed { background: #fff; color:#030303; border-bottom: 0px solid #dadada; } .md-accordion .card .card-header h5 { margin:0; padding:0; } .md-accordion .card .card-header .collapsed .icon:after { content:"+"; font-size:50px; line-height:40px; color:#0085C9; float:right; width:40px; height:40px; display:block; position:absolute; top:12px; right:0px; font-weight:100; } .md-accordion .card .card-header .icon:after { content:"-"; font-size:70px; line-height:30px; text-align:center; color:#0085C9; float:right; width:40px; height:40px; display:block; position:absolute; top:10px; right:0px; font-weight:100; } .md-accordion .card { overflow: visible; border-radius: 0; -webkit-box-shadow: none;box-shadow: none; } .card-body { padding:0px; padding-bottom:0px; border-radius: 0 !important; border:0;} .md-accordion .collapse { overflow:hidden; margin:0px 0 0 0; } .download-b { display:block; color:#0085C9; text-transform:uppercase; margin:20px 0 0 0; font-weight:bold; font-size:14px; } .download-b i { margin:0 5px 0 0; } .approvals { background:#F2F7FF; padding:80px 0 80px 0; overflow:hidden; position:relative; } .approvals .leaf-2 { position: absolute; width: 350px; z-index: -1; right: -80px; top: -120px; z-index: 1; transform: rotate(42deg); height: 0PX; } .approvals .our-team { padding:0; text-align:left; } .approvals-list { margin:40px 0 0 0;} .approvals-list ul { list-style:none; padding:0; margin:0; } .approvals-list li { border: 1px solid #DADADA; width:31%; text-align:center; float:left; margin:0 1%; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 2px 14px rgba(0,0,0,0.1); min-height:350px; position:relative; } .approvals-list .image { padding:50px 80px; line-height:32px; font-size:24px; margin:0; } .approvals-list .content { padding:10px; min-height:70px; line-height:24px; font-size:12px; margin:0; color:#111; border-top:1px solid #dadada; } .logo-sides { padding:88px 0 0 0; background:#fff; height:250px; width:250px; text-align:center; border-radius:50%; } .logo-sides img { width:90%; } /* STATIC PAGE */ .side-link { border: 1px solid #DADADA; background-color: #FFFFFF; line-height:none; padding:0; margin:0; } .side-link li { display:block; } .side-link li a { border-bottom:1px dashed #dadada; margin:0 0px; font-size:18px; color: rgba(17,17,17,0.5); padding:20px 10px 20px 20px ; display:block; } .side-link li:last-child a { border-bottom:0; } .side-link li.active a { font-weight:500; color:#127EC2; border-left:5px solid #127EC2; } .side-link li a:hover { color:#127EC2; } .content-statick { border: 1px solid #DADADA; background-color:#FFFFFF; padding:30px; display:inline-block; width:100%; } .content-statick h2 { font-size:30px; text-transform:uppercase; margin:0 0 20px 0; } .content-statick h4 { font-size:24px; } .content-statick h1 { font-size:24px; } .content-statick p { font-size:16px; line-height:32px; margin:0; } /* contact us page */ .contact-forms { padding:80px 0 30px 0; } .contact-forms .our-team { padding:0 0 50px 0; text-align:left; } .contact-forms .our-team h4 { font-size:40px; width:710px; } .contact-us-form { } .contact-us-in { margin:0 0 50px 0; } .contact-us-in label { font-size:16px; color: rgba(17,17,17,0.5); display:block; } .contact-us-in input { line-height:60px; font-size:16px; height:60px; padding:0 20px; width:100%; border:1px solid #dadada; } .contact-us-in textarea { font-size:16px; height:220px; padding:20px 20px; width:100%; border:1px solid #dadada; } .contact-us-in .line { margin:30px 0 0 0; height:1px; background:#dadada; width:100%; } .contactus-detail { padding:80px 0 40px 0; background:#E7EBFB; } .contactus-detail h3 { text-align:center; margin:0 0 60px 0; } .contactus-detail h4 { font-size:28px; color: rgba(3,3,3,0.7); margin:0 0 60px 0; } .contactus-detail h5 { font-size:25px; color: rgba(3,3,3,0.7); margin:0 0 20px 0;} .contactus-detail p { font-size:18px;color: rgba(3,3,3,0.7); margin:0 0 60px 0; line-height:32px;} /*gallery page*/ .gallery-detail { padding:80px 0; background:#F2F7FF; } .gallery-list { border: 1px solid #DADADA; background-color: #FFFFFF; box-shadow: 0 2px 14px rgba(0,0,0,0.1); min-height:380px; margin:15px 0; position:relative; } .gallery-list .image { height:200px; overflow:hidden; } .gallery-list .image img { width:100%; transition:ease all 0.3s;} .gallery-list p { padding:20px; line-height:24px; font-size:14px; margin:0; color:#111; } .gallery-list .link { position:absolute; width:100%; bottom:0; left:0; border-top:1px solid #dadada; color:#030303; min-height:70px; } .gallery-list .link strong { display:block; font-weight:normal; text-transform:uppercase; font-size:11px; line-height:inherit; padding:15px 0 0 30px; color:#F58A52; } .gallery-list .link span { display:block; font-weight:normal; font-size:15px; padding:0px 0 15px 30px; } .gallery-list .link i { line-height:70px; height:70px; width:80px; float:right; border-left:1px solid #dadada; position:absolute; top:0; right:0; text-align:center; color:#127EC2; transition:ease all 0.3s;} .gallery-list .link i:before { padding:0 0 0 0px;transition:ease all 0.3s; } .gallery-list:hover { box-shadow: 0 2px 10px rgba(0,0,0,0.2); } .gallery-list:hover strong { } .gallery-list:hover .link i:before { padding:0 0 0 20px; } .gallery-list:hover .image img { transform:scale(1.1,1.1) } .tab-gallery { display:inline-block; width:100%; border-bottom:1px solid #dadada; margin:0 0 20px 0; padding:0; list-style:none; } .tab-gallery li { float:left; } .tab-gallery li a { color: rgba(17,17,17,0.5); display:block; float:left; font-size:16px; padding:20px 0px; margin:0 40px 0 0; } .tab-gallery li a:hover { color:#127EC2; } .tab-gallery li.active a { font-weight:500; color:#127EC2; border-bottom:5px solid #127EC2; } /* offives */ .business-label { border-bottom:1px solid #dadada; } .our-offices { padding:80px 0 40px 0; } /*.our-offices .col-md-12 { display:none; } .our-offices .col-md-12.active { display:block; }*/ .offices-list { display:inline-block; width:100%; margin:0 0 40px 0; } .offices-list .images { width:31%; float:left; margin:0 40px 0 0; height:250px; overflow:hidden; background:#fefefe; } .offices-list .names { width:31%; float:left; border-top:1px solid #dadada; padding:30px 0 0 0; } .offices-list .names small { font-size:16px; color:#F58A52; padding:0 0 20px 0; display:block; } .offices-list .names h4 { font-size:28px; line-height:32px; margin:0 0 20px 0; display:block; text-transform:uppercase; } .offices-list .names p { font-size:20px; line-height:32px; margin:0 0 0px 0; text-transform:uppercase; } .offices-list .contact { width:31%; float:right; border-top:1px solid #dadada; padding:30px 0 0 0; } .offices-list .contact p { font-size:16px; line-height:32px; margin:0 0 30px 0; } .offices-list .contact p i { font-size:20px; margin:0 10px 0 0; } /* sustainable */ .sustainable { background:#fff; } .sec-uilist { background:#fff; padding:10px 0; } .ul-list { width:80%; margin:0px auto 0; } .ul-list ul { list-style:none; margin:0; padding:0px; border:3px solid #127EC2; display:inline-block; width:100%; text-align:center; border-radius:40px; overflow:hidden; } .ul-list ul li { float:left; width:33.33%; text-align:center; display:block; } .ul-list ul li a { color:rgba(17,17,17,0.5); font-size:20px; display:block; padding:20px 0; font-weight:bold; } .ul-list ul li a:hover ,.ul-list ul li.active a { background:#127EC2; color:#fff; } .ul-list ul li a.active { background:#127EC2; color:#fff; } .ul-list ul li:fisrt-child { border-radius:40px 0 0 40px; } .ul-list ul li:fisrt-child a:hover { border-radius:40px 0 0 40px; } .sustainable1 { background:#fff; padding:80px 0 80px 0; } .sticky + .sustainable-new .sustainable-in { padding-top: 110px; } .sticky + .sustainable-new .sustainable-in .blank { display:none; } .sustainable1 .sustainable-in:first-child .blank { display:none; } .sustainable-in { padding:0px 0 0px 0; padding-top:0px; margin:0px 0 0px 0; display:inline-block !important; width:100%; position:relative; } .sustainable-in:after { content:""; position:absolute; bottom:-60px; left:0; height:1px; background:#dadada; width:100%; } .sustainable-in .images { width:48%; float:right; } .sustainable-in .images h4 { font-size:34px; text-transform:uppercase; line-height:52px; } .sustainable-in .content { width:48%; float:left; padding:0px 0 0 0; } .sustainable-in .content p { font-size:16px; line-height:32px; margin:0 0 10px 0; color:#111; font-weight:normal; } .sustainable-in .content li { font-size:16px; line-height:32px; margin:0 0 0px 0; color:#111; font-weight:normal;} .sustainable-in:nth-child(odd) .images { float:left; } .sustainable-in:nth-child(odd) .content { float:right; } .sustainable-in:last-child:after { display:none; } .sustainable-in .blank { height:110px; display:block; width:100%; } .content-awardsa { padding:0 0 20px 0; } .content-awardsa small { display:block; font-size:14px; color:#F58A52; } .content-awardsa h3 ,.content-awardsa h1 { font-size:24px; line-height:34px; font-weight:bold; display:block; color:#030303; margin:0; padding:5px 0 0 0; } .sustainable-in:last-child { padding:0; margin:0; border-bottom:0; } .covid p { font-size: 16px; line-height: 32px; margin: 0 0 10px 0; font-weight:normal; } .covid li { font-size: 16px; line-height: 32px; margin: 0 0 10px 0; } .temm-page { text-align:left; } .temm-page .image { height:500px; overflow:hidden; margin:0 0 30px 0; } .temm-page .image img { width:100%; } .temm-page h4 { text-transform:uppercase; color:#F58A52; font-size:28px; line-height:40px; letter-spacing:1px; padding:0 0 10px 0; font-weight:bold; margin:0; } .temm-page h4 strong { font-style:italic; display:block; font-weight:normal; } .temm-page p { color:#030303; font-size:16px; padding:0; margin:0 0 20px 0; letter-spacing:1px; line-height:30px; font-weight:300; } .chairman-speak .button1 { margin:50px 0 0 0; } .video-gallery-list { border: 1px solid #DADADA; background-color: #FFFFFF; box-shadow: 0 2px 14px rgba(0,0,0,0.1); min-height: 380px; margin: 15px 0; padding:15px; position: relative; } .preloader{ display:block;position:fixed; left:0px; top:0px; width:0; height:0; z-index:999999; background-color:transparent; } .preloader .preloader-inner{position:fixed;left:0;top:0;width:100%;height:100%;} .preloader .preloader-inner:before{content:'';position:fixed; left:0px; top:0px; margin-top:0%;width:100%; height:100%;background:#ffffff;opacity: 1;-webkit-transition:1s opacity ease-in;-ms-transition:1s opacity ease-in;-o-transition:1s opacity ease-in;-moz-transition:m1s opacity ease-in;transition:1s opacity ease-in;} .preloader.page-loaded .preloader-inner:before{border-color:#f84545;opacity: 0;} .preloader .icon{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:1; background-color:transparent; background-position:center center; background-repeat:no-repeat; } @-webkit-keyframes slidingstep1 { 0% { left: 0px; opacity:0; } 100% { left: 0px; opacity:1; } } #slide1 { -webkit-animation-name: slidingstep1; -webkit-animation-duration: 5s; } .preloader .icon img { margin:150px auto 0; display:block; } .preloader.page-loaded .icon{opacity:0;} .preloader img{ display:inline-block; max-width:100%; height:auto; } .listings-story { height:250px; } .listings-story img { height:100%; width:100%; } .listings-story .content { } .story-speak { display:inline-block; width:100%; padding:50px 0 0 0; } .story-speak .speak-left { width:30%; float:left; } .story-speak .speak-right { width:68%; float:right; } .story-speak:nth-child(even) .speak-left { float:right; } .story-speak:nth-child(even) .speak-right { float:left; } .gallery-tab h2 { position:static !important; } @media (max-width:1200px) { /* About ---------------------- */ #about .featured h4 { height:54px; overflow:hidden; } #about .featured p { height:96px; overflow:hidden; } #services .shape1 ul li:nth-child(8) { left:-10px;} #services .shape1 ul li:nth-child(4) { left:814px;} /* Join Paperless ---------------------- */ #join-paperless h2 { font-size:46px; } /* Footer ---------------------- */ #footer .inner.nav-section { padding:0px; } } @media (max-width:992px) { /* Main Navigation ---------------------- */ #main-navigation ul li a { padding:0px 8px; font-size:13px; } #main-navigation ul li:first-child a { padding-left:0px; } #main-navigation ul li:last-child a { padding-right:0px; } /* Home Banner ---------------------- */ #home-banner { height:390px; } #home-banner .inner-content { padding:50px 0px; } /* Services ---------------------- */ #services .shape1 { width:768px; height:600px; } #services .shape2 { width:50%; } #services .shape1 ul { text-align:center; } #services .shape1 ul li { position:static; min-height:190px; float:left; margin-bottom:4px; margin-right:4px; } #services .shape1 ul li:nth-child(4) { padding-bottom:15px; vertical-align:middle;} #services .shape1 { margin:20px 0px 0px 0px; } /* Join Paperless ---------------------- */ #join-paperless h2 { font-size:32px; line-height:45px; } /* Sidebar ---------------------- */ #sidebar { width:250px; left:-250px; position:fixed; z-index:1000; top:0px; height:100%; } #sidebar .menu-btn { display:block; } #sidebar .inner { height:600px; overflow:auto; } #container-wrap.activeSideMenu #sidebar { left:0px; } /* Main ---------------------- */ #main { width:100%; margin:0px;} } @media (min-width:767px) { /* Main Navigation ---------------------- */ #main-navigation .menu-btn { display:none !important;} } @media (max-width:767px) { .story-speak { padding:25px 0 0 0; } .story-speak .speak-left { width:100%; float:none; } .story-speak .speak-right { width:100%; float:none; } .story-speak img { margin:0 0 20px 0; } .milestones-list li h4 { font-size:16px; line-height:19px; } .content-statick { padding:15px; } .temm-page .image { height:inherit; } .innerpage-sliderin { height:inherit; } .innerpage-sliderincar { height:180px; background-size:cover !important; } .newsevent { padding:40px 0; } .header-slect { margin:57px 0 0 10px; color:#333; } .logo { left:50%; width:84px; height:auto; margin:0 0 0 -42px; top:0px; background:none;} .logo img { width:100%; } .hedaer-top { height:40px; } #header { height:140px ; position:fixed; } #home-slider { padding:120px 0 0 0; } .left-nav ul li a { text-transform:capitalize; font-size:12px; padding:0 0 0 15px; } .left-nav { padding:8px 20px 0 0; } .left-nav ul li a { } .goog-te-gadget-simple a { font-size:12px; text-transform:capitalize; } .slider-in { height:300px; background-size:cover !important; } .slider-in img { width:200% !important; max-width:200%; } .leaf-slider {position: absolute;width: 250px ;z-index: -1;left: 10px;top: -20px;opacity: .66;} .leaf-slider img { width:100% !important; } .slider-content h2 { font-size:26px; line-height:32px; } .slider-content { padding:70px 0 0 0; } .slider-content .button1 { margin:20px 0 0 0; } .about-corona .content h2 { width:100%; font-size:22px; line-height:30px; } .about-corona { padding:40px 0; } .about-corona .button3 { margin:20px 0 0 0; } .welcome-in { padding:40px 0 40px 0; } .welcome h2 strong { font-size:36px; } .welcome h2 {font-size:20px; } .welcome .content ul { margin:20px 0 0 0; } .misssion .misssion-blank { width:100%; } .misssion .col-md-5 { padding:0 0px; } .misssion .image { border:0; } .misssion .container-fluid { padding:0 15px; } .misssion { padding:0 0 0px 0; } .misssion .content { padding:40px 0px; } .misssion .content p { display:none; } .misssion .content > p { display:block; font-size:14px; line-height:26px; letter-spacing:inherit; } .trusted-brand { padding:40px 0; overflow:hidden; } .trusted-brand h2 { font-size:36px; } .trusted-brand h2 strong { font-size:14px; } .trusted-brand .trusted-sec { margin:4px 10px; height:330px; width:330px; float:left; } .brand-sliders .slick-dots { display:block; bottom:-30px; text-align:center; width:100%; display:block !important; z-index:2; } .brand-sliders .slick-dots li { display:inline-block; padding:0 !important; } .brand-sliders .brand-li { } .brand-sliders .slick-prev, .brand-sliders .slick-next { display:none !important; } .tr-scroll { width:auto; overflow:scroll; padding:0 20px; } .tr-scroll .row { width:1090px; } .tr-scroll .col-md-4 { width:360px; } .trusted-brand .button2 { margin:50px auto 0; } .awards { padding:40px 0; } .acards-li {width:auto; overflow-x:scroll; display:inherit; } .awards ul { width:1030px; } .awards h3 { font-size:22px; margin:0; } .awards h2 { margin:0; } .awards ul li { width:330px; margin:0 5px; } .awards .button2{ margin:40px auto 0; } .acards-inner ul { width:inherit; margin:0; } .acards-inner ul li { margin:0 0 30px 0; width:100%; } .sharda-glance { padding:40px 0; } .sharda-glance h2 { font-size:26px; margin:0; } .acards-sa {width:270px; margin:0px auto; overflow-x:scroll;} .sharda-glance ul {width:1090px; overflow-x:scroll;} .sharda-glance li { width:25%; } .sharda-glance .button1{ margin:20px auto 0; } .chairman-speak { padding:20px 0 40px 0; } .chairman-speak .container-fluid { padding:0 15px; } .chairman-speak .col-md-5 { padding:0 0px; } .chaiman-blank { width:100%; } .chairman-speak .image { border:0; padding:0 20px; } .chairman-speak .content { padding:20px 20px 40px 20px; } .chairman-speak .content h4 { font-size:19px; padding:0 0 10px 0; margin:0; } .chairman-speak .content p { font-size:14px; line-height:26px; letter-spacing:inherit; } .chairman-slider .slick-dots { bottom:-20px; width:100%; } .listings-story { height:250px; } .listings-story img { height:100%; } .listings-story .content { padding:15px; } .new-scroll { overflow-x:scroll; padding:0 15px; } .new-scroll .row { width:2130px; } .new-scroll .col-md-6 ,.new-scroll .col-md-3 { width:330px; margin:0 10px; } .new-scroll .news-no-image ,.new-scroll .news-with-image { width:330px; float:left; height:300px; } .news-no-image p { margin:20px 0 0 0; } .news-no-image h5 { font-size:16px; } .newsevent h3 { font-size:26px; padding:0 0 0 0; } .newsevent h2 { margin:0; } .news-no-image { height:inherit; padding:20px 20px; } .left-story { padding:0 0 0px 0; } .sharda-story .button2 { margin:0px auto 40px; float:left; } .sharda-story { padding:40px 0; overflow:hidden; } .story-scroll { padding:0 15px; overflow-x:scroll; } .story-scroll .row { width:1050px; } .story-scroll .row .col-md-8 { display:none; } .story-scroll .row .col-md-4 { width:inherit; padding:0; } .story-scroll .left-story { width:330px; float:left; margin:0 10px; } .story-scroll .right-story { width:330px; float:left; margin:0 10px; } .sharda-story .formobile { display:block; margin:30px auto 0; float:none; } .sharda-story .fordesktop { display:none; } .left-story small{ display:none; } .left-story p { display:none; } .sharda-story h2 { margin:0; display:block; text-align:center; } #footer .blank-1 { display:none; } #footer .blank-2 { display:none; } .contact-section { padding:20px 0; } #footer .inner { background:#f2f7ff; padding:20px; } #footer .inner.nav-section { background:#f2f7ff; padding:20px; } .sociable { padding: 30px 0 0 0px; text-align: center;display: inline-block;width: 100%; } .sociable li { display:inline-block; } .sociable li a { float:none; margin:0px 5px; display:inline-block; width:50px; height:50px; line-height:50px; } #footer-bottom p { float:none; display:block; text-align:center; padding:0 0 15px 0; } #footer-bottom ul { float:none; display:block; text-align:center; } #footer-bottom ul li { display:inline-block; float:none; } #footer-bottom ul li a { padding:10px; } .nav-section ul li span { margin:0 20px 0 0; } #footer .col-md-4, #footer .col-md-5 { padding:0px; } .newsrooms .our-team { padding:0 0 10px 0; } .news-with-image { height:250px; } .news-with-image a { font-size:14px; line-height:20px; } .news-with-image .content { padding:30px 15px 15px 15px; } .leaf-2 { z-index:0; } #google_translate_element { margin:10px 0 0 10px; } #header .col-sm-12 { padding:0; } #header.fixed #main-navigation > ul { top:70px; } #main-navigation { border-left:1px solid #dadada; padding-top:25px; } #main-navigation .menu-btn { display:block;} #main-navigation { background:#fff; text-align: left; padding: 0px; height:100%; width:100%; } #main-navigation button { background:#0085C9; color:#fff; border:0;width:50px; height:40px; position:absolute; right: 20px; top:27px; padding:0px 0 0 0; } #main-navigation button span { background:#fff; height:3px; margin:4px auto; width:50%; display:block; } #container-wrap.activeMenu #main-navigation { right:0;} #container-wrap.activeMenu #main-navigation .menu-btn span.line:nth-child(2n) { opacity:0;} #container-wrap.activeMenu #main-navigation .menu-btn span.line:first-child { -ms-transform: rotate(38deg); -webkit-transform: rotate(38deg); transform: rotate(38deg); top:8px; } #container-wrap.activeMenu #main-navigation .menu-btn span.line:last-child { -ms-transform: rotate(-38deg); -webkit-transform: rotate(-38deg); transform: rotate(-38deg); bottom:6px; } .navbar-collapse { border-top:1px solid #dadada; background:#fff; height:100vh; position:relative; top:110px; } #main-navigation li { float:none !important; } #main-navigation ul { position:relative; } #main-navigation ul li { display:block; } #main-navigation ul li a { display:block; text-align:left; padding:10px !important; } /*#main-navigation li:nth-child(1) { position:absolute; top:10px; } #main-navigation li:nth-child(2) { position:absolute; top:60px; } #main-navigation li:nth-child(3) { position:absolute; top:110px; } #main-navigation li:nth-child(4) { position:absolute; top:260px; } #main-navigation li:nth-child(5) { position:absolute; top:210px; } #main-navigation li:nth-child(6) { position:absolute; top:160px; }*/ #header .button4 { font-size:12px; min-width:90px; padding:6px 16px; } #home-banner .inner-content h2 { font-size:24px; line-height:30px;} #about .featured .col-md-4 { margin-bottom:20px; } #about .featured .col-md-4:last-child { margin-bottom:0px; } #about .featured h4,#about .featured p { height:auto;} section.section,#footer { padding:0px 0px; } section.section h2 { font-size:28px; line-height:36px; } #services .shape1 ul { width:1000px;} /*--- Mobile scroll --- */ .mobile-scroll { overflow-x:scroll; } #services .shape1 {width:auto; height:auto; } #pricing .pricing-box.economy { margin-bottom:20px; } .tabs2 .tab-content { padding-top:20px; } .tabs2 .nav-tabs { width:280px;} .tabs2 .nav-tabs li { min-width:140px;} #faq p,#faq .faq-question:last-child p { margin-bottom:20px; } #join-paperless h2 { font-size:18px; line-height:28px;} #footer .inner { border:none; min-height:auto; } #login { width:100%;} #footer .logo,#footer .sociable,.footer-navigation { margin-bottom:40px;} #banner { padding-top:40px; height:200px; } #content { min-height:400px; } .secondary-header .title { float:none; margin-right:0px; padding:15px 30px; } .secondary-header .title:after { display:none; } #filter .select,#filter .form-control { margin-bottom:10px;} #page-head .inner .inner-head { margin-bottom:15px; } .add-form { width:100%; } .sustainable { padding:40px 0; } .scrolling-table { overflow-x:scroll; } .scrolling-table table { width:800px; } #page-head h5, #page-head h6 { margin-bottom:8px; } #page-head .text-right { text-align:left !important;} #page-head .button1 { font-size:12px; } #page-head,.secondary-header .title,#inner-content { padding-left:15px; padding-right:15px; } .tabs1 .nav-tabs li a { padding:15px 18px; } .innerpage-slider { padding:140px 0 0 0; } .innerpage-content { padding:20px 0 0 0; } .innerpage-content .heading { padding:20px 0; } .innerpage-content .heading h2 { font-size:40px; line-height:45px; } .innerpage-content .leaf { width:110px; left:0px; top:0px; } .content-heading { padding:0 0 20px 0; } .about-page { padding:40px 0; } .content-heading h2 { font-size:30px; line-height:30px; } .images-sec { height:300px; } .images-sec2 {height:300px;} .images-sec3 {height:300px;} .our-team h4 { width:auto; font-size:24px; line-height:24px; text-align:center; } .content-heading small { display:none; } .our-team { padding:60px 0 30px 0; } .comment { padding:0; } .heading h3 { font-size:28px; line-height:40px; width:auto; } .heading1 h3:after { top:90px; } .milestones-list:after { left:10px; } .milestones-list li { width:96%; margin:100px 0 0 0 !important; padding:0 0 0 50px !important; float:left !important; } .milestones-list li:nth-child(2) { padding:0 0 0 50px; } .milestones-list li small { right:0; left:inherit; } .milestones-list li h4:after { right:inherit; left:-14px; border-left:0; border-right:15px solid #F58A52; top:10px; } .milestones-list li .span { width:20px; height:20px; left:1px !important; right:inherit; } .business-label { overflow:scroll; } .business-list .image img { height:100%; width:100%; } .business-label ul { width:1100px; overflow-x:scroll; } .view-submit { bottom:160px; display:none; } .why-work { padding:60px 0 40px 0; } .business-detail { padding:40px 0; } .sharda-heading { min-height:inherit; } .sharda-heading h3 { font-size:24px; line-height:40px; width:auto; position:static; } .sharda-heading h3 strong { font-size:20px; } .business-1 { padding:0 0 40px 0; } .video-sec .leaf-2 { width:110px; z-index:0; top:-70px; } .leaf-3 { display:none; } .ul-list { overflow:scroll; } .sticky + .sustainable-new .sustainable-in { padding-top:0px; } .ul-list ul { width:600px; } .sustainable-in { padding:30px 0 0 0; } .ul-list { margin:0px auto 0; width:100%; } .ul-list ul li a { font-size:16px; padding:15px; } .sustainable-in .images { width:100%; float:none; margin:0 0 20px 0; } .sustainable-in .content {width:100%; float:none; padding:0; } .sustainable-in .images h4 { font-size:20px; line-height:30px; } .business-1 .button2 { display:none; } .submit-application .application-form { width:100%; padding:20px; margin:30px 0 0 0; } .job-type { overflow-x:scroll; } .job-type ul { width:1100px; } .side-link { margin:0 0 30px 0; } .news-detail { padding:40px 0; } .md-accordion .card .card-header .collapsed .icon:after,.md-accordion .card .card-header .icon:after { right:-20px; } .sustainable-in { padding:0 0 40px 0; } .innerpage-sliderin1 .innerpage-content { padding:0; } .innerpage-sliderin1 .heading h2 { font-size:24px !important; } .innerpage-sliderin1 .leaf { width:100px !important; } .contact-forms .our-team { text-align:center; } .contact-forms .our-team h4 { width:auto; font-size:25px; line-height:35px; } .offices-list .images { width:100%; margin:0; float:none; } .offices-list .names{ width:100%; margin:0; float:none; padding:20px 0; } .offices-list .contact{ width:100%; margin:0; float:none; padding:20px 0 0 0; } .about-texts h2 { width:auto; font-size:24px; line-height:30px; } .logo-sides { margin:0 0 20px 0; } .contact-info { padding:20px; } .contact-info h3 { font-size:22px; } .contact-info strong { font-size:18px; } .approvals { padding:60px 0 0 0; } .approvals .our-team { text-align:center; } .business-impect { padding:40px 0; } .vissons .why-work-list { min-height:inherit; } .vissons { padding:0px 15px; } .innerpage-sliderin2 h2 { width:280px; line-height:32px; } .innerpage-sliderin2 .visit-website { float:left !important; padding:7px 0 0 47px; } .new-detail-in { width:100%; } .new-detail-in .news-with-image { height:auto; } #home-slider .slick-prev, #home-slider .slick-next { height:40px; width:40px; } #home-slider .slick-prev { bottom:10px; right:60px; } #home-slider .slick-next { bottom:10px; right:10px; } #home-slider .slick-prev:before { top:9px; right:17px; } #home-slider .slick-next:before { top:9px; right:11px; } #home-slider .slick-next:after { top:13px; right:16px; } #home-slider .slick-prev:after { top:13px; right:16px; } .sec-uilist { display:none; } .top-vides { width:100%; height:300px; } } @media (max-width:480px) { /*--- msform --- */ } /*pagination */ .pagination { margin: 0 0 40px 0; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #0085C9; background-color: #eee; border-color: #ddd; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination>li { display: inline; } .pagination>li>a { color: #0085C9; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #0085C9; border-color: #0085C9; } .has-error{ border:1px solid #F88379 !important; } /*--- Gallery Slider --- */ .gallery-slider { width:100%; } .gallery-slider ul { list-style: none outside none; padding-left: 0; margin-bottom:0; } .gallery-slider li { display: block; float: left; margin-right: 6px; cursor:pointer; } .gallery-slider .lSSlideOuter .lSPager.lSGallery { height:36px; width:80px; object-fit: cover; } .gallery-slider .lSSlideOuter .lSPager.lSGallery li.active, .gallery-slider .lSSlideOuter .lSPager.lSGallery li:hover { border-radius:0px;height:36px; } .gallery-slider .lSAction .lSPrev,.gallery-slider .lSAction .lSNext { position:absolute; display:inline-block; width:50px; height:50px; top:50%; margin-top:-25px; color:#000; cursor:pointer; background-repeat:no-repeat; } .gallery-slider .lSAction .lSPrev { left:0px; content:"\e079"; font-family: 'simple-line-icons'; } .gallery-slider .lSAction .lSPrev:before,.gallery-slider .lSAction .lSNext:after { font-family: 'simple-line-icons'; font-size:36px; } .gallery-slider .lSAction .lSPrev:before { content:"\e07a"; left:17px; position:absolute; } .gallery-slider .lSAction .lSNext:after { content:"\e079"; right:17px; position:absolute;} .gallery-slider .lSAction .lSNext { right:0px;} .gallery-slider .lSSlideWrapper { overflow:hidden; margin-bottom:20px; } .gallery-slider .lSSlideWrapper ul li { text-align:center;} .gallery-slider .lSSlideWrapper ul li img { width:100%; height:500px; object-fit: contain; } /*--- Gallery Tab --- */ .gallery-tab { padding:40px; width:960px; margin:0px auto; overflow:hidden; padding-top:20px; } .gallery-tab h2 { color:#fff; margin:0px; position:absolute; } .gallery-tab .close-gallery { position:absolute; right:40px; top:40px; color:#000; font-size:36px; background:none; border:none; } .gallery-tab .nav-tabs { border:none; text-align:right; margin-bottom:20px; } .gallery-tab .nav-tabs li { float:none; display:inline-block; } .gallery-tab .nav-tabs li a { border:none; background:none; color:#fff; font-weight:500; font-size:16px; text-align:center; } .gallery-tab .nav-tabs > li.active > a, .gallery-tab .nav-tabs > li.active > a:hover,.gallery-tab .nav-tabs > li.active > a:focus { border:none; border-bottom:2px solid #fff; background:none; color:#fff; } .gallery-tab .tab-content > .tab-pane { display: block;visibility: hidden; } .gallery-tab .tab-content > .tab-pane.active { visibility: visible; } .gallery-tab .tab-content { position: relative; } .gallery-tab .tab-pane:not(:first-child){ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* ========================================================================== Simple Line Icons ========================================================================== */ @font-face { font-family: 'simple-line-icons'; src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0'); src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg'); font-weight: normal; font-style: normal; } .icon-user,.icon-people,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-login,.icon-logout,.icon-emotsmile,.icon-phone,.icon-call-end,.icon-call-in,.icon-call-out,.icon-map,.icon-location-pin,.icon-direction,.icon-directions,.icon-compass,.icon-layers,.icon-menu,.icon-list,.icon-options-vertical,.icon-options,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-arrow-up-circle,.icon-arrow-left-circle,.icon-arrow-right-circle,.icon-arrow-down-circle,.icon-check,.icon-clock,.icon-plus,.icon-minus,.icon-close,.icon-event,.icon-exclamation,.icon-organization,.icon-trophy,.icon-screen-smartphone,.icon-screen-desktop,.icon-plane,.icon-notebook,.icon-mustache,.icon-mouse,.icon-magnet,.icon-energy,.icon-disc,.icon-cursor,.icon-cursor-move,.icon-crop,.icon-chemistry,.icon-speedometer,.icon-shield,.icon-screen-tablet,.icon-magic-wand,.icon-hourglass,.icon-graduation,.icon-ghost,.icon-game-controller,.icon-fire,.icon-eyeglass,.icon-envelope-open,.icon-envelope-letter,.icon-bell,.icon-badge,.icon-anchor,.icon-wallet,.icon-vector,.icon-speech,.icon-puzzle,.icon-printer,.icon-present,.icon-playlist,.icon-pin,.icon-picture,.icon-handbag,.icon-globe-alt,.icon-globe,.icon-folder-alt,.icon-folder,.icon-film,.icon-feed,.icon-drop,.icon-drawer,.icon-docs,.icon-doc,.icon-diamond,.icon-cup,.icon-calculator,.icon-bubbles,.icon-briefcase,.icon-book-open,.icon-basket-loaded,.icon-basket,.icon-bag,.icon-action-undo,.icon-action-redo,.icon-wrench,.icon-umbrella,.icon-trash,.icon-tag,.icon-support,.icon-frame,.icon-size-fullscreen,.icon-size-actual,.icon-shuffle,.icon-share-alt,.icon-share,.icon-rocket,.icon-question,.icon-pie-chart,.icon-pencil,.icon-note,.icon-loop,.icon-home,.icon-grid,.icon-graph,.icon-microphone,.icon-music-tone-alt,.icon-music-tone,.icon-earphones-alt,.icon-earphones,.icon-equalizer,.icon-like,.icon-dislike,.icon-control-start,.icon-control-rewind,.icon-control-play,.icon-control-pause,.icon-control-forward,.icon-control-end,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-calendar,.icon-bulb,.icon-chart,.icon-ban,.icon-bubble,.icon-camrecorder,.icon-camera,.icon-cloud-download,.icon-cloud-upload,.icon-envelope,.icon-eye,.icon-flag,.icon-heart,.icon-info,.icon-key,.icon-link,.icon-lock,.icon-lock-open,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-paper-clip,.icon-paper-plane,.icon-power,.icon-refresh,.icon-reload,.icon-settings,.icon-star,.icon-symbol-female,.icon-symbol-male,.icon-target,.icon-credit-card,.icon-paypal,.icon-social-tumblr,.icon-social-twitter,.icon-social-facebook,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-github,.icon-social-google,.icon-social-reddit,.icon-social-skype,.icon-social-dribbble,.icon-social-behance,.icon-social-foursqare,.icon-social-soundcloud,.icon-social-spotify,.icon-social-stumbleupon,.icon-social-youtube,.icon-social-dropbox,.icon-social-vkontakte,.icon-social-steam{font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e005"}.icon-people:before{content:"\e001"}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-login:before{content:"\e066"}.icon-logout:before{content:"\e065"}.icon-emotsmile:before{content:"\e021"}.icon-phone:before{content:"\e600"}.icon-call-end:before{content:"\e048"}.icon-call-in:before{content:"\e047"}.icon-call-out:before{content:"\e046"}.icon-map:before{content:"\e033"}.icon-location-pin:before{content:"\e096"}.icon-direction:before{content:"\e042"}.icon-directions:before{content:"\e041"}.icon-compass:before{content:"\e045"}.icon-layers:before{content:"\e034"}.icon-menu:before{content:"\e601"}.icon-list:before{content:"\e067"}.icon-options-vertical:before{content:"\e602"}.icon-options:before{content:"\e603"}.icon-arrow-down:before{content:"\e604"}.icon-arrow-left:before{content:"\e605"}.icon-arrow-right:before{content:"\e606"}.icon-arrow-up:before{content:"\e607"}.icon-arrow-up-circle:before{content:"\e078"}.icon-arrow-left-circle:before{content:"\e07a"}.icon-arrow-right-circle:before{content:"\e079"}.icon-arrow-down-circle:before{content:"\e07b"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-plus:before{content:"\e095"}.icon-minus:before{content:"\e615"}.icon-close:before{content:"\e082"}.icon-event:before{content:"\e619"}.icon-exclamation:before{content:"\e617"}.icon-organization:before{content:"\e616"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-mustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-disc:before{content:"\e022"}.icon-cursor:before{content:"\e06e"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-chemistry:before{content:"\e026"}.icon-speedometer:before{content:"\e007"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglass:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-folder-alt:before{content:"\e039"}.icon-folder:before{content:"\e089"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-doc:before{content:"\e085"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-frame:before{content:"\e038"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-like:before{content:"\e068"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}