/* ==========================================================================
    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; }
a:focus { color: #00bfe7; outline: 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:2;  }



/* 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; }
#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:500; }
#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; }
 
 

/* 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; 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; background: #673ab7; padding:12px 20px; border-radius:40px; color:#fff; font-size:14px;
	background: -moz-linear-gradient(left, #673ab7 0, #2196f3 100%);
	background: -webkit-linear-gradient(left, #673ab7 0, #2196f3 100%);
	background: linear-gradient(to right, #673ab7 0, #2196f3 100%);
	-webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2); text-align:center;
	box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2); 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 { display:none;  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:#fff; }

/* Main-navigation ---------------------- */
#main-navigation { text-align:center; padding:0px 0; float:left;  }
.navbar-nav { display:block; width:100%; }
 .navbar-nav li { position:relative; }
 
.navbar-nav > ul > li:hover > a { color:#ccc; }
.navbar-nav ul ul { position:absolute; top:auto; left:0px; padding:15px !important; background:#fff;box-shadow:0px 11px 11px -11px rgba(0, 0, 0, 0.5); width:270px; display:none; }
.navbar-nav ul ul li { float:none; display:block !important; text-align:left;   }
.navbar-nav ul ul li a { line-height:20px !important; color:#212121 !important; font-size:13px !important; padding:10px !important; display:block !important;  text-transform:capitalize !important; }
.navbar-nav ul ul li:hover a { color:#fc654c;  }
.navbar-nav > ul > li:hover ul { display:block;}

/* header */
.hedaer-top { height:60px; 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; }

.left-nav { float:right; padding:18px 0 0 0; }
.left-nav ul { list-style:none; }
.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 { position:fixed; padding:20px; }
 #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 { float:left; width:180px; margin:0 50px 0 0;S  }
.logo img { width:100%; display:block; margin:7px 0 0 0; }


/* slider */
#home-slider { padding:90px 0 0 0; }
.main-slider { list-style:none; padding:0; margin:0; background: #fdffed;
    background: -moz-linear-gradient(top,#fdffed 0,#effff8 100%);
    background: -webkit-linear-gradient(top,#fdffed 0,#effff8 100%);
    background: linear-gradient(to bottom,#fdffed 0,#effff8 100%);}
.slider-in { position:relative;  background-size:contain !important; }


 .slider-content { top:0; left:0; width:100%; z-index:1; padding:70px 0 70px 0; }
.slider-content h2 { font-size:50px; color:#374a5e; font-weight:bold; text-transform:uppercase; line-height:60px; padding:50px 0 0 0;  }
.slider-content p { font-size:22px; color:#374a5e; line-height:30px; }
.slider-content .button3 { margin:30px 0 0 0; }
.slider-content img { width:100% !important; float:right; }

.inner-slider h2 { display:block; margin:0; padding:0; font-size:40px; }

/*--- 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; }


/* about-corona */
.about-corona { text-align:center; padding:80px 0; }
.about-corona .content h2 {  color:#333; font-size:32px; line-height:24px; letter-spacing:1px; padding:0 100px; margin:0px auto; }
.about-corona  .button3 { margin:40px 0 0 0;  } 
.about-corona p { margin:40px 0 0 0; color:#030303; font-size:16px; line-height:30px; opacity:0.4; padding:0 30px; }

.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;  }
 
/* 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:58px; 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:center; font-weight:bold; color:#0085C9; }
.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; }

/* 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: #e2f3ff;
    background: -moz-linear-gradient(top,#e2f3ff 0,#fffbef 100%);
    background: -webkit-linear-gradient(top,#e2f3ff 0,#fffbef 100%);
    background: linear-gradient(to bottom,#e2f3ff 0,#fffbef 100%); }
.misssion .image { border:0px solid #fff; border-left:0; }
.misssion .image img { width:70%; display:block; margin:0px auto; }
.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; }


/* awards*/
.awards { padding:80px 0; background:#fff; }
.awards span { display:block; text-align:center; width:100%; padding:0 0 3px 0; font-size:10px; }
.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; }

.awards ul { list-style:none; padding:0; margin:30px 0 10px 0;  }
.awards ul li { width:30%; margin:0 1.5%; float:left; transition:ease all 0.3s; border:1px solid #d4f0ff; }
.awards ul li:hover { box-shadow:0px 0px 15px #ccc; }

.awards ul li .image { height:120px; width:120px; margin:20px auto 0; overflow:hidden; text-align:center;    }
.awards ul li .image img { width:100%; }
.awards ul li .image i { font-size:60px; display:block; margin:30px auto 0; color:#673ab7; }

.awards ul li .content { background:#fff; padding:15px; min-height:120px; text-align:center; }
.awards ul li .content h4 { font-size:18px; color:#2196f3; font-weight:600; margin:0 0 10px 0; }
.awards ul li .content p { color:#333; font-size:14px; font-weight:normal; line-height:26px; margin:0 0 15px 0; display:block; }
.awards ul li .content a { color:#673ab7; font-size:14px; font-weight:600; line-height:26px; margin:0 0 15px 0; display:block; }


.awards .button2 { display:block; margin:50px auto 0; }

.services-slider .slick-prev, .services-slider .slick-next { width:60px; height:60px; background:#fff; border-radius:40px; border:1px solid #dadada; font-size:0; line-height:55px; text-align:center; }
.services-slider.slick-prev { position:absolute; bottom:40%; left:-70px; z-index:2; }
.services-slider .slick-next { position:absolute; bottom:40%; right:-70px; z-index:2;   }
.services-slider .slick-prev:before { content:"\e605"; font-size:20px; font-family: 'simple-line-icons';   }
.services-slider .slick-next:before { content:"\e606"; font-size:20px; font-family: 'simple-line-icons';  }
 


/* sharda-glance */
.sharda-glance { padding:80px 0; position:relative; background:url(../imgs/banner.png) 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; }
.sharda-glance li .span i { font-size:70px; color:#F58A52; }
.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; }
 


/* 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:hover { box-shadow:0 0 12px #eee; }
.news-with-image .content { position:absolute; width:100%; bottom:0; left:0; padding:30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); }
.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 20px 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 20px 0; display:block; }
.news-no-image h5    { font-size:18px; line-height:26px; font-weight:bold; }
.news-no-image p     { font-size:16px;  line-height:26px;  }
.news-no-image a     { font-size:16px; text-decoration:underline; color:#0085C9; float:right; font-weight:bold; }

.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; }
.right-story:hover { box-shadow:0 0 12px #eee; }
.right-story .content { position:absolute; width:100%; bottom:0; left:0; padding:30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); }
.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 20px 0; display:block; }


.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; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); }
.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 20px 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; }



/* chairman section */
.industries-work { padding:100px 0; position:relative; background: #e2f3ff;
    background: -moz-linear-gradient(top,#e2f3ff 0,#fffbef 100%);
    background: -webkit-linear-gradient(top,#e2f3ff 0,#fffbef 100%);
    background: linear-gradient(to bottom,#e2f3ff 0,#fffbef 100%); }

.industries-con {}
.industries-con strong { font-size:10px; color:#374a5e; padding:10px 0 0px 0; margin:0; line-height:26px;  display:block; letter-spacing:1px; }

.industries-con h3 { font-size:26px; color:#374a5e; text-transform:uppercase; padding:0 0 20px 0; margin:0; line-height:36px;  display:block; letter-spacing:1px; }
.industries-con p { font-size:14px; color:#374a5e; padding:0 0 0px 0; margin:0; line-height:22px;  display:block; letter-spacing:1px; }


.work-card { float:left; width:114px; min-height:130px; text-align:center; padding:10px; margin:10px; border-radius:10px 10px;     background: #fffdf2;
    background: -moz-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background: -webkit-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background: linear-gradient(to bottom,#fffdf2 0,#ffeff5 100%);
 }
.work-card .icon-bg { display:block; }
.work-card .icon-bg img { display:block; width:50%; display:block; margin:8px auto 10px; }

.work-card p { font-size:12px; line-height:16px; }

.testimonial-work {  padding:100px 0; position:relative; background: #fff; }


.contact-detail { padding:50px;   background: #fffdf2;
    background: -moz-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background: -webkit-linear-gradient(top,#fffdf2 0,#ffeff5 100%);
    background: linear-gradient(to bottom,#fffdf2 0,#ffeff5 100%); text-align:left; color:#374a5e; }
.contact-detail h5 { color:#374a5e; font-size:22px; text-transform:uppercase; margin:0 0 30px 0;  }
.contact-detail p { color:#374a5e !important; font-size:14px !important; margin:0 0 40px 0; opacity:1 !important;  }
.contact-detail a { color:#374a5e !important; font-size:14px !important; margin:0 0 30px 0; opacity:1 !important;  }
.contact-detail h6 { color:#374a5e; font-size:14px; text-transform:uppercase; margin:0 0 5px 0;  }

.contact-detail .icon-f { margin:2px 0 0 0; }

.contact-form { text-align:left; }
.contact-form h5 { color:#374a5e; font-size:28px; text-transform:uppercase; margin:0 0 10px 0;  }
.contact-form p { color:#374a5e !important; font-size:14px !important; margin:0 0 40px 0; opacity:1 !important; padding:0;  }

.contact-form-in input { display:block; margin:0 0 15px 0; border:0; border-bottom:2px solid #dadada; width:100%; line-height:40px; font-size:14px; }
.contact-form-in textarea { display:block; margin:0 0 15px 0; border:0; border-bottom:2px solid #dadada; width:100%;line-height:40px; font-size:14px;  height:120px; }

.contact-form-in .button3 { display:block; border:0;   }



/* footer  */
#footer { background:#1d1d3d; padding:70px 0px 50px 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:30px 0 0 0; }
.nav-section ul { list-style:none; padding:0; margin:0; }
.nav-section ul li { display:inline-block; width:100%; padding:5px 0; }
.nav-section ul li span { width:60px; height:60px; float:left; background:none; margin:0 20px 20px 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 30px 0; position:relative; }
.contact-section .detail h5 { color:#0085C9; font-size:18px; font-weight:bold; padding:0 0 20px 0; margin:0; }
.contact-section .detail p ,.contact-section .detail a { color:#a2a2a2; font-size:14px; padding:0; margin:0;  }

.icon-f { position:absolute; left:-30px; width:30px; height:30px; }
.icon-f i { color:#a2a2a2; font-size:20px; }

.footer-links { display:block; }
.footer-links h5{ color:#fff; font-size:15px; font-weight:400; text-transform:uppercase; padding:0 0 20px 0; margin:0; }
.footer-links ul { list-style:none; padding:0; margin:0; }
.footer-links ul li { display:block; }
.footer-links ul li a { display:block; font-size:14px; color:#a2a2a2; padding:0 0 10px 0; line-height:25px; }

.sociable { padding:0px 0 0 0px; }
.sociable img { margin:0 0 20px 0; }
.sociable p { margin:0 0 30px 0; color:#a2a2a2; }

.sociable h5 { color:#fff; font-size:16px; font-weight:400; padding:0 0 20px 0; margin:0; }
.sociable ul { list-style:none; margin:0; padding:0; }
.sociable li {}
.sociable li a { width:40px; height:40px; float:left; background:none; margin:0 10px 10px 0; border-radius:50px; border:1px solid #a2a2a2; text-align:center; line-height:40px; transition:ease all 0.2s; }
.sociable li a i { color:#a2a2a2; }
.sociable li a:hover { background:#a2a2a2; }
.sociable li a:hover i { color:#1d1d3d; }

#footer-bottom { background:#1d1d3d; padding:30px 0; border-top:1px dashed #ccc;  }
#footer-bottom p { float:left; margin:0; color:#a2a2a2; }
#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:#a2a2a2; padding:0 0 0 30px; }

/* end footer  */

.leaf-slider { position: absolute; width: 370px; z-index: -1; left: -120px;  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; transform: rotate(180deg); z-index:1; }

/* inner top slider */

.innerpage-slider {  padding:180px 0 0 0; }
.innerpage-sliderin {  display:block; position:relative;   }
.innerpage-sliderin:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(#0B81C5, #504099); opacity:0.6;   }
.innerpage-content  { position:absolute; top:0; width:100%; padding:140px 0 0 0; z-index:2; }
.innerpage-content .heading {  padding:50px 0; display:inline-block; position:relative; }
.innerpage-content .heading h2 { 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:550px; top:50px; left:-200px; display:block; transform:rotate(20deg); opacity:0.8; }
 

/*.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; text-align:justify; }

.content-heading { background:url(../imgs/leaf-gray.png) no-repeat top left; background-size:contain; padding:50px 0; display:inline-block; }
.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; } 


/* out-stats */
.out-stats {}
.out-stats img { width:100%;transition:ease all 0.3s; }
.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:800px; width:100%; overflow:hidden; position:relative; display:block; }
.images-sec2 { height:400px; width:100%; overflow:hidden; position:relative; display:block;  }
.images-sec3 { height:400px; 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 h3 { color:#374a5e; font-size:28px; text-transform:uppercase; margin:0 0 10px 0;  }
.our-team h4 { color:#374a5e; font-size:18px; text-transform:uppercase; margin:0 0 0px 0;  }


.team-member { text-align:left; margin:50px 0 0px 0; } 
.team-member .image { min-height:350px; display:block; background:#fafafa; width:100%; margin:0 0 15px 0; overflow:hidden; border-radius:10px; }
.team-member strong { font-size:18px; display:block; margin:0 0 5px 0; }
.team-member span { font-size:16px; display:block; }

.our-team { padding:0px 0; text-align:center;   }
 .our-team .span { font-size:16px; color:#030303; text-transform:uppercase; display:block; margin:0px 50px 0; position:relative; top:-28px; }
.our-team h3 { font-size:28px;  color:#030303;  font-weight:bold;  display:block; text-align:center; line-height:40px; }


/* 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:30px; font-size:20px; text-transform:uppercase; color:#fff; display:block; margin:0; position:relative;  }
.milestones-list li h4:after { content:""; position:absolute; top:22px; right:-19px; width: 0;   height: 0;  border-top: 20px solid transparent;  border-bottom: 20px solid transparent;  border-left:20px solid #F58A52; }
.milestones-list li p { background:#fff; padding:20px 30px; font-size:15px;  color:#030303;  display:inline-block; margin:0;  }
.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:22px; right:-22px; border-radius:50px; }

.milestones-list li:nth-child(even) { float:right; padding:0 0 0 100px; margin:100px 0 0 0; }
 .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:20px solid #F58A52; border-left:0; left:-19px; right:inherit; }
.milestones-list li:nth-child(even) .span { left:-22px; right:inherit; }
/* 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 strong { width:42%; float:left; font-size:20px; font-weight:normal; }

/* why-work */
.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:#F58A52; width:40px; height:40px; float:left; margin:0 20px 0; border-radius:30px; text-align:center; line-height:40px; }
.why-work-list ul li span i { color:#fff; }
.why-work-list ul li { font-size:20px; display:inline-block; width:100%; padding:10px 0;  }

/* positions-avalable */
.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; }
.positions-list h4 { padding:30px 30px 15px 30px; line-height:32px; font-size:24px; margin:0; }
.positions-list p { padding:0 30px 30px 30px;  line-height:24px; font-size:14px; margin:0; color:#111; }
.positions-list a  { position:absolute; width:100%; bottom:0; left:0;  border-top:1px solid #dadada; color:#030303; min-height:70px; }

.positions-list a strong { display:block; font-weight:normal; text-transform:uppercase; font-size:13px; line-height:inherit;  padding:15px 0 0 30px; }
.positions-list a span { display:block; font-weight:normal;    font-size:15px;  padding:0px 0 15px 30px; }

.positions-list a 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; }

.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;  }

/* #E7EBFB */
.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; }

.bg-btn3 {
	background: #673ab7; float:right; padding:20px 30px; border-radius:40px; color:#fff; font-size:14px;
	background: -moz-linear-gradient(left, #673ab7 0, #2196f3 100%);
	background: -webkit-linear-gradient(left, #673ab7 0, #2196f3 100%);
	background: linear-gradient(to right, #673ab7 0, #2196f3 100%);
	-webkit-box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2);
	box-shadow: 0 10px 15px 0 rgba(56, 0, 189, .2)
}


@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) {


	
.header-slect { margin:57px 0 0 10px; color:#333; }

.logo { left:50%; width:130px; height:130px; margin:0 0 0 -65px; top:-25px; }
.logo img { width:100%; }
.hedaer-top { height:40px; }
#header { height:120px; }
#home-slider { padding:120px 0 0 0; }

.left-nav ul li a { text-transform:capitalize; font-size:11px; }
.left-nav { padding:8px 20px 0 0; display:none; }

	
.slider-in { height:300px; background-size:cover !important; }
.slider-in  img { width:200%;  }
.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; }
.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 .container-fluid { padding:0 15px; }
.misssion { padding:0 0 0px 0; }
 .misssion .content { padding:40px 20px; }
.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; }

.tr-scroll { width:1800px; overflow:scroll; }
.tr-scroll .col-md-4 { width:inherit; }

.trusted-brand .button2 { margin:20px auto 0; }
.awards { padding:40px 0;  }
.acards-li {width:1090px; overflow-x:scroll; }
.awards ul { width:1090px; }	
.awards h3 { font-size:22px; margin:0; }
.awards h2 { margin:0; }
.awards ul li {    }
.awards .button2{ margin:20px auto 0; }

.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: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; }
.chairman-speak .content { padding:40px 20px; }
.chairman-speak .content h4 { font-size:26px; padding:0 0 10px 0; }
 	

.new-scroll { width:2200px; overflow:scroll; }	
.new-scroll .col-md-6 ,.new-scroll .col-md-3 { width:inherit;  }
.new-scroll .news-no-image  ,.new-scroll .news-with-image { width:330px; margin:0 10px; float:left; }

.news-no-image { height:inherit; padding:40px 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 { width:1100px; overflow:scroll; }
.story-scroll .right-story { width:330px; float:left; margin:0 10px; }


#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; }
#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; }

.news-with-image { height:inherit; }
.news-with-image a { font-size:14px; line-height:20px; }



	#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:18px;   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; }
	.left-nav ul li:last-child  { display:none;  }
	
	#main-navigation ul li { display:block; }
	#main-navigation ul li a { display:block; text-align:center; }
	#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%; }
	
	.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; }
	

}

@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; }