/* HTML5 BOILERPLATE RESET FILE
-----------------------------------------------------------
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,900);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,700,600);*/
@import url('https://fonts.googleapis.com/css?family=Titillium Web:400,700');
@import url(headers/header-v4.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
/* margin: 0; */
/* padding: 0; */
/* border: 0; */
/* font-size: 100%; */
/* font: inherit; */
/* vertical-align: baseline; */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > li.active > a {filter: none;}
* {-webkit-backface-visibility: hidden;}
strong{ font-weight:bolder;}
.color-black{ color:#000;}
.color-blue{ color:#2A323E;}
/* GRAYSCALE EFFECT "FILTER"
----------------------------------------------------------- */
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: .6;
-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/* Primary Styles
----------------------------------------------------------- */
body {
background: none repeat scroll 0 0 #f7f7f7;
/*background: url('http://careerpoint.ac.in/asset/images/pattern.gif');*/
font-family: 'Titillium Web',Arial,Helvetica,calibri,sans-serif;
color: #000;
font-size: 14px;
word-wrap: break-word;
line-height: 20px;
cursor: default;border-top: 3px solid #221918;
}
.font-13
{ font-size:13px;}
.font-14
{ font-size:14px;}
.font-15
{ font-size:15px;}
.font-16
{ font-size:16px;}
/* Typography
----------------------------------------------------------- */
a {
color: #ffffff;
}
a:hover {
color: #ffffff;
}
a:focus {outline: 0;text-decoration: none;}
h1 {font-size: 32px;}
h2 {font-size: 21px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
small {font: 11px 'Arial';}
p {/*font: 13px/21px "Open Sans",Arial,sans-serif;*/}
p.UpperCase:first-letter {font-size: 60px;color: #2A323E;text-transform: uppercase;}
blockquote {background: none repeat scroll 0 0 #F6F6F6;padding: 34px 54px 34px;color: #A1A1A1;font-style: italic;position: relative;}
blockquote:before {position: absolute;content: '\f10d';top: 20px;left: 14px;font-size: 24px;color: #555555;font-family: "FontAwesome";font-style: normal;}
blockquote:after {position: absolute;content: '\f10e';bottom: 20px;right: 14px;font-size: 24px;color: #555555;font-family: "FontAwesome";font-style: normal;}
/* Miscellaneous
----------------------------------------------------------- */
.large-size {font-size: 72px;}
.padding-tp-15{ padding-top:15px;}
.margin-bt-10 {margin-bottom: 10px;}
.margin-bt-15 {margin-bottom: 15px;}
.margin-bt-20 {margin-bottom: 20px;}
.margin-bt-30 {margin-bottom: 30px;}
.margin-tp-10 {margin-top: 10px;}
.margin-tp-15 {margin-top: 15px;}
.margin-tp-20 {margin-top: 20px;}
.margin-tp-30 {margin-top: 30px;}
.margin-lt-10 {margin-left: 10px;}
.margin-lt-15 {margin-left: 15px;}
.margin-lt-20 {margin-left: 20px;}
.margin-lt-30 {margin-left: 30px;}
.margin-rt-10 {margin-right: 10px;}
.margin-rt-15 {margin-right: 15px;}
.margin-rt-20 {margin-right: 20px;}
.margin-rt-30 {margin-right: 30px;}
.padding
{padding:20px;}
.WhiteSkin { background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 1px 2px rgba(0, 0, 0,.1);
border: 1px solid #ccc;}
.padding-tp-20 {padding-top: 20px !important;}
.active-btn {background: none repeat scroll 0 0 #2A323E !important;}
.hide-padding-left {padding-left: 0 !important;}
.hide-padding-right {padding-right: 0 !important;}
.remove-gutter-padding {padding-right: 0 !important;padding-left: 0 !important;}
.hide-visibility {visibility: hidden;}
.show-visibility {visibility: visible;}
/* Header > Site Brand
----------------------------------------------------------- */
/*header#header .logo {font: 0/0 a;text-shadow: none; transparent;background: url(../images/main-logo/logo.png) no-repeat 0 0 transparent;max-width: 100%;width: 100%;height: 56px;margin-top: 22px;margin-bottom: 18px;}*/
header#header .logo {font: 0/0 a;text-shadow: none; max-width: 100%;width: 100%;margin-top: 10px;margin-bottom: 10px;}
/* Header > Header Menu*/
-----------------------------------------------------------
header#header .header-top
{
vertical-align:middle; padding-top: 40px;
}
header#header ul.header-menu {margin: 0px;
/*background-color: #221918;*/
font-size: 14px!important; font-family:'Calibri'; font-weight:100;letter-spacing: 0.6px;}
header#header ul.header-menu > li{display: inline; background: transparent url("../images/divider.png") no-repeat scroll right center; color:#fff;}
header#header ul.header-menu > li:last-child{display: inline; background: none;}
header#header ul.header-menu > li > a {color: #fff;padding:10px;}
header#header ul.header-menu > li > a > i {color: #2A323E;}
header#header ul.header-menu > li:last-child > a {padding:10px; transition: all .2s ease-in-out;}
header#header ul.header-menu > li:last-child > a:hover {opacity: .7;}
header#header ul.header-menu ul.dropdown-menu {background: #555 none repeat scroll 0px 0px;
border-radius: 0px;
box-shadow: none;
border: medium none;
padding: 0px;
}
header#header ul.header-menu ul.dropdown-menu > li {text-shadow: none;}
header#header ul.header-menu ul.dropdown-menu > li > a {color: #FFF;
padding: 4px 11px;
border-bottom: 1px solid #000;}
header#header ul.header-menu ul.dropdown-menu > li > a:hover,
header#header ul.header-menu ul.dropdown-menu > li > a:focus { color:#fff; background-color:#000;}
header#header .navbar-form {margin-top: 8px;padding-top: 0;padding-bottom: 0;}
header#header .navbar-form #form-group {position: relative;}
header#header .navbar-form #form-group .search-input {border-radius: 0 0 0;border: medium none;height: 45px;}
header#header .navbar-form #form-group .search-input:focus {box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
header#header .navbar-form #form-group .search-icon {position: absolute;right: 0;top: 0;font-size: 24px;color: #a3a3a3;padding: 9px 8px;}
header#header .header-social {padding-top: 4px;padding-bottom: 12px;}
header#header .header-social .social-icon {text-align: center;}
header#header .header-social .social-icon a {color: #c7c7c7;font-size: 20px;text-shadow: 0 1px 0 rgba(255,255,255,0.2);display: block;width: 100%;height: 100%;transition: all .2s ease-in-out;}
header#header .header-social .social-icon a:hover {color: #606060;}
/* Navigation
----------------------------------------------------------- */
.nav-wrapper {background: none repeat scroll 0 0 #172e4e;position: relative;/*border-bottom: 3px solid #DC394B;*/}/*
.nav-wrapper:before {background: none repeat scroll 0 0 #221918;position: absolute;content: '';width: 50%;height: 105%;top: 0;right: 0;z-index: 298;}*/
.nav-wrapper .slogan {text-align:center;color: #FFFFFF;line-height: 50px;background: none repeat scroll 0 0 #57068C;}
.nav-wrapper .navbar-collapse {border: medium none;}
.nav-wrapper .navbar-default {background: none repeat scroll 0 0 #172e4e;border-radius: 0 0 0 0;box-shadow: none;border: medium none;margin: 0 0 0 0;z-index: 300;}
.nav-wrapper .navbar-default .navbar-toggle {border: medium none;color: #FFFFFF;font-size: 34px;padding: 0 10px;border-radius: 0 0 0 0;}
.nav-wrapper .navbar-default .navbar-toggle:hover,
.nav-wrapper .navbar-default .navbar-toggle:focus {background-color: rgba(0,0,0,0);}
.nav-wrapper ul.nav-main > li {padding: 0 4px 0 5px;border-left: 1px solid #444;}
.nav-wrapper ul.nav-main > li:first-child {padding: 0 5px 0 0px;border-left: none;}
.nav-wrapper ul.nav-main > li:last-child {padding: 0 0px 0 6px;border-right: none;}
.nav-wrapper ul.nav-main > li a {padding: 0 0 0;background: none repeat scroll 0 0 transparent;border-radius: 0 0 0;color: #FFFFFF;line-height: 50px;box-shadow: none;text-shadow: none;transition: all .2s ease-in-out;}
.nav-wrapper ul.nav-main > li a i{ color:#999; font-size:14px;}
.nav-wrapper ul.nav-main > li a:hover,
.nav-wrapper ul.nav-main > li a:focus {color: #FFFFFF;}
.nav-wrapper li.dropdown:hover > ul.dropdown-menu {display: block;}
.nav-wrapper li.dropdown > ul.dropdown-menu {background: none repeat scroll 0 0 #fff;border-radius: 0 0 0;/*border: medium none;*/ margin: 0 0 0;padding: 0 0 0;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li {font-size: 14px;padding: 0 14px 0;border-bottom: 1px solid #efefef;transition: all .2s ease-in-out;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:first-child {border-top: medium none !important;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:last-child {border-bottom: medium none !important;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li a {color: #000;line-height: 35px;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li a i {color: #000;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover a:hover i{color: #fff;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover {background: none repeat scroll 0 0 #172e4e; color:#fff;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover a {color: #fff;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover a:hover {color: #fff;}
.nav-wrapper li.nested-dropdown {position: relative;}
.nav-wrapper li.nested-dropdown:after {position: absolute;content: "\f105";right: 14px;top: 0;color: #221918;line-height: 34px;}
.nav-wrapper li.nested-dropdown:hover:after {color: #2A323E;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu {background: none repeat scroll 0 0 #fff;display: none;position: absolute;left: 100%;top: 108%;margin: -38px 0 0 0;width: 100% !important;padding: 0 0 0;border-radius: 2px;border: 1px solid #aaa;}
.nav-wrapper li.nested-dropdown:hover > ul.dropdown-menu {display: block; padding:0 0 0px 0;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li {padding: 0 0px 0;/*border-bottom: 1px solid #ddd;*/transition: all .2s ease-in-out;line-height: 25px !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:first-child {border-top: medium none !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:last-child {border-bottom: medium none !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li a:hover {background: none repeat scroll 0 0 #172e4e; color:#FFFFFF!important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li a {color: #000 !important;line-height: 30px !important;
border-bottom: 1px solid #bbb;}
/*.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a {color: #333 !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a:hover {color: #333 !important;}
*/
/* Full Width Navigation
----------------------------------------------------------- */
.full-width:before {width: 100%;}
.full-width ul.nav-main li {padding: 0 84px 0 0 !important;}
.full-width ul.nav-main li:first-child {padding: 0 84px 0 0 !important;}
.full-width ul.nav-main li:last-child {padding: 0 0 0 0 !important;}
.full-width ul.nav-main ul.dropdown-menu li {padding: 0 14px 0 !important;}
/* Style Switcher
----------------------------------------------------------- */
#styleSwitcher {width: 50px;position: absolute;right: 0;top: 0;z-index: 299;}
#styleSwitcher .open-btn {background: none repeat scroll 0 0 #2A323E;display: block;height: 50px;width: 100%;line-height: 50px;text-align: center;cursor: pointer;}
#styleSwitcher .open-btn i {line-height: 50px;color: #221918;text-align: center;font-size: 24px;}
#styleSwitcher #ColorPalette {background: none repeat scroll 0 0 #424848;width: 100%;}
#styleSwitcher #ColorPalette ul {list-style: none outside none;}
#styleSwitcher #ColorPalette ul li {display: block;padding: 18px 0 0;}
#styleSwitcher #ColorPalette ul li:nth-of-type(1) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #2A323E;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(2) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #02bd85;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(3) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #189a99;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(4) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #af7ac4;margin: 0 auto;}
#styleSwitcher #ColorPalette .close-btn {display: block;width: 100%;height: 50px;border-top: 1px solid #485254;margin: 18px 0 0;}
#styleSwitcher #ColorPalette .close-btn span#HideCP {display: block;width: 18px;height: 18px;color: #424748;line-height: 17px;background: none repeat scroll 0 0 #2f2b2b;margin: 16px auto 0;text-align: center;font-size: 12px;cursor: pointer;}
/* Main Slider
----------------------------------------------------------- */
#main-slider .main-slider {position: relative;}
#main-slider .image-wrapp {position: relative;}
#main-slider .main-controls {position: absolute;bottom: 0;width: 100%;height: 34px;background: none repeat scroll 0 0 rgba(0, 0, 0, .2);z-index: 99;}
#main-slider .main-controls .controls {display: inline-block;float: right;height: 100%;}
#main-slider .main-controls .controls .arrows {float: right;color: #878786;display: block;background: none repeat scroll 0 0 #535353;height: 100%;text-align: center;line-height: 34px;width: 34px;transition: all .2s ease-in-out;cursor: pointer;}
#main-slider .main-controls .controls .arrows i {color: #878786;width: auto;transition: all .2s ease-in-out;}
#main-slider .main-controls .controls .arrows:hover {background: none repeat scroll 0 0 #211917;}
#main-slider .main-controls .controls .arrows:hover i {color: #FFFFFF;}
#main-slider .pager-container {background: none repeat scroll 0 0 #221918;border-right: 8px solid #2A323E;min-height: 354px;position: relative;}
#main-slider .pager-container:before {content: "";border-top: 10px solid transparent;border-right: 10px solid #2A323E;border-bottom: 10px solid transparent;border-left: 10px solid transparent;width: 0;height: 0;position: absolute;top: 32px;right: 0;}
#main-slider .pager-container .pager-content {padding: 30px 40px 0;display: none;}
#main-slider .pager-container .active .pager-content {display: block;}
#main-slider .pager-container .pager-content h2 {padding: 0 0 10px;color: #FFFFFF;}
#main-slider .pager-container .pager-content p {color: #8f8d8c;}
#main-slider .pager-container .pager-btn {bottom: 0;left: 0;width: 100%;position: absolute;}
#main-slider .pager-container .pager-btn ul {list-style: none outside none;background: none repeat scroll 0 0 #474747;}
#main-slider .pager-container .pager-btn ul li:first-child {float: left;width: 50%;text-align: center;}
#main-slider .pager-container .pager-btn ul li:last-child {float: right;width: 50%;text-align: center;}
#main-slider .pager-container .pager-btn ul li a {background: none repeat scroll 0 0 #474747;color: #FFFFFF;display: block;height: 34px;line-height: 34px;width: 100%;transition: all .2s ease-in-out;}
#main-slider .pager-container .pager-btn ul li a:hover {background: none repeat scroll 0 0 #2A323E;}
#main-slider .pager-container .pager-btn ul li a.active {background: none repeat scroll 0 0 #2A323E;}
/* Latest news
----------------------------------------------------------- */
.latest-news {margin: 15px 0 20px;}
.latest-news p {padding: 15px 25px;font-size: 14px;}
.latest-news ul.news-dropdown {font-size: 0;text-align: right;}
.latest-news ul.news-dropdown > li {color: #2A323E;margin: 18px 0;display: inline-block;padding: 0 10px;border-left: 1px solid #544b4a;font-size: 14px;line-height: 1;}
.latest-news ul.news-dropdown > li:last-child {border-right: 1px solid #544b4a;}
.latest-news ul.news-dropdown > li.open {background-color: #E7E7E7;transition: all .3s ease-in-out;}
.latest-news ul.news-dropdown > li > a {color: #221918;}
.latest-news ul.news-dropdown > li > a > i {width: auto;}
.latest-news ul.news-dropdown ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.latest-news ul.news-dropdown ul.dropdown-menu > li > a {color: #FFFFFF;padding: 6px 10px;
border-bottom: 1px solid black;
font-size: 12px;}
.latest-news ul.news-dropdown ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #2A323E;}
/* Services mosaic
----------------------------------------------------------- */
.mosaic {padding: 15px;text-align: center;color: #221918;margin:0 0 20px;transition: all .2s ease-in-out;}
.mosaic:hover {background: none repeat scroll 0 0 #2A323E;color: #FFFFFF!important;}
.mosaic h3 {font-weight: bold;padding: 15px 0 15px;text-transform: uppercase;font-size: 18px;}
.mosaic h3:hover { color:#FFFFFF!important;}
.mos {padding: 15px;text-align: center;color: #221918;margin:0 0 20px;transition: all .2s ease-in-out;}
.mos h3 {font-weight: bold;padding: 15px 0 15px;text-transform: uppercase;font-size: 18px;}
.mos:hover {background-color: #FAFEAF;}
.mosaic2 {padding:10px;text-align: center;color: #221918;transition: all .2s ease-in-out;}
.mosaic2-bg-red
{background: #8900E1 none repeat scroll 0px 0px;}
.mosaic2-bg-red a
{color: #FFF;}
.mosaic2-bg-red:hover
{background: #57068C none repeat scroll 0px 0px; color:#fff;}
.mosaic2-bottom
{
/*border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; */text-align:center; padding:7px;}
.mosaic2-bottom-small
{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; text-align:center; padding:5px;}
/* New Project
----------------------------------------------------------- */
.new-projects {position: relative;}
.new-projects .projects-heading {background: none repeat scroll 0 0 #2A323E;padding: 0 0 0 12px;position: relative;display: block;height: 30px;}
.new-projects .projects-heading .projects-headline {color: #FFFFFF;line-height: 30px;float: left;}
.new-projects .projects-heading .controls {display: inline-block;float: right;height: 100%;}
.new-projects .projects-heading .controls .arrows {background: none repeat scroll 0 0 #ffffff;text-align: center;float: right;display: block;width: 27px;height: 100%;line-height: 30px;transition: all .2s ease-in-out;cursor: pointer;}
.new-projects .projects-heading .controls .arrows i {color: #aeadad;width: auto;transition: all .2s ease-in-out;}
.new-projects .projects-heading .controls .arrows:hover {background: none repeat scroll 0 0 #221918;}
.new-projects .projects-heading .controls .arrows:hover i {color: #FFFFFF;}
.new-projects .content-wrapper .project-content {padding: 24px 10px 36px;}
.new-projects .content-wrapper .project-content h4 a {color: #221918;}
.new-projects .content-wrapper .project-content i {color: #949292;font-size: 11px;font-style: italic;}
.new-projects .content-wrapper .project-content p {padding: 8px 0 0;color: #3c3835;}
.new-projects .content-wrapper {display: block;position: relative;}
.new-projects .content-wrapper .project-footer {height: 28px;position: relative;width: 100%;float: right;}
.new-projects .content-wrapper .project-footer .view-btn {background: none repeat scroll 0 0 #221918;padding: 0 10px;color: #FFFFFF;line-height: 28px;height: 28px;display: block;float: right;transition: all .2s ease-in-out;}
.new-projects .content-wrapper .project-footer .view-btn:hover {background: none repeat scroll 0 0 #2A323E;}
/* Recent works / Portfolio
----------------------------------------------------------- */
.portfolio-list {position: relative;}
.portfolio-list .headline {border-bottom: 2px solid #2A323E;position: relative;}
.portfolio-list .headline h3 {color: #221918;text-align: left;float: left;}
.portfolio-list .headline .controls {display: inline-block;float: right;}
.portfolio-list .headline .controls .arrows {background: none repeat scroll 0 0 #ffffff;text-align: center;float: right;display: block;width: 27px;height: 27px;line-height: 28px;transition: all .2s ease-in-out;cursor: pointer;}
.portfolio-list .headline .controls .arrows i {color: #aeadad;width: auto;transition: all .2s ease-in-out;}
.portfolio-list .headline .controls .arrows:hover {background: none repeat scroll 0 0 #2A323E;}
.portfolio-list .headline .controls .arrows:hover i {color: #FFFFFF;}
.portfolio-item {position: relative;overflow: hidden;}
.portfolio-item:before {content: '';position: absolute;z-index: 599;top: 100%;margin-top: -60px;width: 100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;left: 0;transition: all .2s ease;}
.portfolio-item:hover:before {top: 0;margin-top: 0;}
.portfolio-item .image-caption {color: #FFFFFF;width: 100%;z-index: 600;text-align: center;padding: 0 0 8px;bottom: 0;position: absolute;transition: all .2s ease;}
.portfolio-item:hover .image-caption {bottom: 50%;margin-bottom: -74px;}
.portfolio-item .icon-overlay {position: absolute;z-index: 600;top: 50%;bottom: 0;opacity: 0;left: 0;margin: -18px 0 0 0;right: 0;text-align: center;transition: all .2s ease;}
.portfolio-item:hover .icon-overlay {opacity: 1;}
.portfolio-item .icon-overlay a {background: none repeat scroll 0 0 #FFFFFF;display: inline-block;width: 36px;height: 36px;text-align: center;line-height: 36px;color: #221918;transition: all .2s ease-in-out;}
.portfolio-item .icon-overlay a:hover {background: none repeat scroll 0 0 #2A323E;color: #FFFFFF;}
/* Portfolio musaic
----------------------------------------------------------- */
.portfolio-mosaic {margin: 0 0 20px;}
/* Testimonials
----------------------------------------------------------- */
.testimonials {margin: 0 0 30px;}
.testimonials .tab-content {position: relative;border-right: 3px solid #221918;margin: 0 0 8px 0;background: none repeat scroll 0 0 #f8f8f8;z-index: 599;}
.testimonials .tab-content .tab-pane {padding: 28px 46px 28px 46px;border-left: 40px solid #221918;}
.testimonials .tab-content .tab-pane p {font-size: 14px;line-height: 22px;}
.testimonials .tab-content .tab-pane blockquote {color: #878786;padding: 10px 0 6px;background: none repeat scroll 0 0 transparent;font-style: normal;margin: 0 0 0;}
.testimonials .tab-content .tab-pane blockquote:before {display: none;}
.testimonials .tab-content .tab-pane blockquote:after {display: none;}
.testimonials .panel-container ul li {margin: 0 0 8px 0;padding: 12px 25px 12px;border-left: 3px solid #221918;color: #221918;position: relative;font-size: 16px;text-transform: uppercase;}
.testimonials .panel-container ul li span {color: #a7a7a7;font: 11px 'Arial';padding-left: 8px;}
.testimonials .panel-container ul li.active {background: none repeat scroll 0 0 #2A323E;border-left: 3px solid #2A323E;color: #FFFFFF;}
.testimonials .panel-container ul li.active span {color: rgba(255,255,255,.4);}
.testimonials .panel-container ul li.active:before {content:"";left: 0;top: 50%;margin: -10px 0 0 -13px;border-top: 10px solid transparent;border-left: 0px solid transparent;border-right: 10px solid #2A323E;border-bottom: 10px solid transparent;display: block;position: absolute;}
.testimonials .panel-container ul li:hover {background: none repeat scroll 0 0 #2A323E;border-left: 3px solid #2A323E;color: #FFFFFF;}
.testimonials .panel-container ul li:hover span {color: rgba(255,255,255,.4);}
.testimonials .panel-container ul li:hover:before {content:" ";left: 0;top: 50%;margin: -10px 0 0 -13px;border-top: 10px solid transparent;border-left: 0px solid transparent;border-right: 10px solid #2A323E;border-bottom: 10px solid transparent;display: block;position: absolute;}
/* Clients
----------------------------------------------------------- */
.clients-wrapp {}
.clients-wrapp .clients-slider {padding: 29px 0 0px;}
.clients-wrapp .clients-outer {text-align: center;border-bottom: 2px solid #d4d4d4;box-shadow: 0 2px 0 rgba(255, 255, 255, .4);position: relative;}
.clients-wrapp .clients-outer:after {content:" ";left: 50%;margin: 0 0 0 -10px;border-top: 10px solid #d9d9d9;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;display: block;position: absolute;}
.clients-wrapp .clients-outer h2 {color: #a4a4a4;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);padding: 0 0 10px;}
.clients-wrapp .clients-outer .controls {position: absolute;right: 0;top: 100%;z-index: 599;}
.clients-wrapp .clients-outer .controls .arrows {background: none repeat scroll 0 0 #d4d4d4;float: right;display: block;width: 20px;height: 20px;line-height: 20px;transition: all .2s ease-in-out;cursor: pointer;}
.clients-wrapp .clients-outer .controls .arrows i {color: #8f8d8c;width: auto;transition: all .2s ease-in-out;}
.clients-wrapp .clients-outer .controls .arrows:hover {background: none repeat scroll 0 0 #2A323E;}
.clients-wrapp .clients-outer .controls .arrows:hover i {color: #FFFFFF;}
.clients-wrapp2 .clients-outer {text-align: center;border-top: 2px solid #ED9C28;border-bottom: 2px solid #ED9C28;box-shadow: 0 2px 0 rgba(255, 255, 255, .4);position: relative; margin-bottom:10px;}
.clients-wrapp2 .clients-outer:after {content:" ";left: 50%;margin: 0 0 0 -10px;border-top: 10px solid #ED9C28;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;display: block;position: absolute;}
.clients-wrapp2 .clients-outer h2 {color: #a4a4a4;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);padding: 10px; font-size:15px;}
/* Back To Up
----------------------------------------------------------- */
#backTopWrapp {position: relative;display: block;height: 70px;width: 100%;}
#backTopWrapp .back-top-btn { background: none repeat scroll 0 0 #FFFFFF;
color: #221918;
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 70px;
width: 70px;
cursor: pointer;
text-align: center;
transition: all .2s ease-in-out;}
#backTopWrapp .back-top-btn span {font-size: 42px;line-height: 70px;}
#backTopWrapp .back-top-btn:hover {background: none repeat scroll 0 0 #2A323E;color: #FFFFFF;}
/* Contact Information
----------------------------------------------------------- */
.footer-divider {border-bottom: 6px solid #b6b6b6;position: relative;}
.footer-divider a {background: none repeat scroll 0 0 #cacbcb;color: #221918;border-radius: 0 0 5px 5px;padding: 8px 8px;position: absolute;margin-top: -8px;z-index: 499;}
.footer-divider a:after {top: 0;left: 0;margin: 0 0 0 -8px;content:" ";border-top: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid #9b9b9b;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}
.footer-divider a:before {top: 0;right: 0;margin: 0 -8px 0 0;content:" ";border-top: 4px solid transparent;border-left: 4px solid #9b9b9b;border-right: 4px solid transparent;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}
/* Footer
----------------------------------------------------------- */
footer#footer {background: none repeat scroll 0 0 #15151e;padding: 30px 0;}
footer#footer p {color: #aaa;}
footer#footer .twitter {margin: 30px 0 0;}
footer#footer .twitter ul li {color: #aaa;}
footer#footer .twitter ul li h4 {font-size: 11px;font-style: italic;color: #656363;}
footer#footer .twitter ul li img {width: 74px;height: 74px;border: 3px solid #2A323E;background-color: #2A323E;}
footer#footer .contact-details {color: #c5c5c5;}
footer#footer .contact-details ul li .media-heading {color: #ffffff;}
footer#footer .contact-details ul li i {color: #999;font-size: 33px;}
footer#footer .contact-details1 {color: #c5c5c5;}
footer#footer .contact-details1 .media-heading1 {font-size: 14px;
color: #fff;
margin-bottom: 10px;}
footer#footer .contact-details1 ul li i, footer#footer .contact-details1 ul li a, footer#footer .contact-details1 ul li {color: #aaa;}
/* Privacy Section
----------------------------------------------------------- */
.footer-privacy {background: none repeat scroll 0 0 #172e4e;text-align: center;font: bold 11px'Arial', Helvetica, sans-serif;border-top: 1px solid #656363;}
.footer-privacy ul {display: inline-block;margin: 4px 0;}
.footer-privacy ul li {float: left;padding: 0 12px;border-left: 1px solid #c5c5c5;line-height: 1;}
.footer-privacy ul li:first-child {border-left: medium none;}
.footer-privacy ul li a {color: #c5c5c5;}
.footer-privacy ul li a:hover {color: #FFFF00;}
/* Newsletter
----------------------------------------------------------- */
.newsletter {background: none repeat scroll 0 0 #FFFFFF;}
.newsletter .input-group .form-control-wrapper {margin: 19px 0;}
.newsletter .input-group .form-control {width: 400px;background: none repeat scroll 0 0 #ebebeb;border: medium none;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);height: 34px;border-radius: 0 0 0 0;}
.newsletter .input-group .btn-default {background: none repeat scroll 0 0 #2A323E;border: medium none;color: #FFFFFF;width: 152px;margin: 0 0 0 34px;height: 72px;box-shadow: none;border-radius: 0 0 0 0;font-weight: lighter;font-size: 22px;}
.newsletter ul li .media-heading {color: #221918;}
.newsletter ul li .media-body {margin: 12px 0 0;}
.newsletter ul li i {color: #221918;font-size: 72px;}
/* Copyright
----------------------------------------------------------- */
.footer-copyright {background: none repeat scroll 0 0 #000000;text-align: center;font: bold 11px'Arial', Helvetica, sans-serif;}
.footer-copyright .copyright {line-height: 30px;color: #FFFFFF;}
/* Breadcrumb
----------------------------------------------------------- */
.breadcrumb-wrapp {width: 100%; margin-bottom:20px;}
.breadcrumb-wrapp .breadcrumb {background: none repeat scroll 0 0 transparent;border-radius: 0 0 0 0;margin: 0 0 0 0;padding: 8px 10px;}
.breadcrumb-wrapp .breadcrumb li {font-size: 12px;color:#9b9b9b;}
.breadcrumb-wrapp .breadcrumb li a {color:#9b9b9b;}
.breadcrumb-wrapp .breadcrumb li a:hover {color:#221918;}
/* OurTeam , Group Members
----------------------------------------------------------- */
.team {margin: 20px 0 0;}
.team .team-member {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;padding: 8px 8px 0 8px;cursor: pointer;}
.team .team-member:hover {background: none repeat scroll 0 0 #2A323E;color: #ffffff;}
.team .team-member figure {position: relative;}
.team .team-member figure .icon-overlay {position: absolute;top: 0;right: 0;}
.team .team-member figure .icon-overlay span a {background: none repeat scroll 0 0 #2A323E;width: 33px;height: 33px;float: right;text-align: center;line-height: 33px;color: #221918;text-shadow: 0 1px 0 rgba(255,255,255,0.2);transition: all .2s ease-in-out;}
.team .team-member figure .icon-overlay span:hover a {background: none repeat scroll 0 0 #221918 !important;color: #ffffff;}
.team .team-member figure .icon-overlay span:last-child a {opacity: 0;transition: all .2s ease-in-out;}
.team .team-member:hover figure .icon-overlay span:last-child a {opacity: 1;}
.team .team-member h3 {color: #221918;transition: all .2s ease-in-out;}
.team .team-member:hover h3 {color: #ffffff;}
.team .team-member p {color: #919090;font: 11px'Arial', Tahoma;transition: all .2s ease-in-out;}
.team .team-member:hover p {color: #ffffff;}
/* OurTeam , Group Members
----------------------------------------------------------- */
.team2 {margin: 20px 0 0;}
.team2 .team-member {background: none repeat scroll 0 0 #FF9311;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;padding: 8px 8px 0 8px;cursor: pointer;}
.team2 .team-member:hover {background: none repeat scroll 0 0 #2A323E;color: #ffffff;}
.team2 .team-member figure {position: relative;}
.team2 .team-member figure .icon-overlay {position: absolute;top: 0;right: 0;}
.team2 .team-member figure .icon-overlay span a {background: none repeat scroll 0 0 #2A323E;width: 33px;height: 33px;float: right;text-align: center;line-height: 33px;color: #221918;text-shadow: 0 1px 0 rgba(255,255,255,0.2);transition: all .2s ease-in-out;}
.team2 .team-member figure .icon-overlay span:hover a {background: none repeat scroll 0 0 #221918 !important;color: #ffffff;}
.team2 .team-member figure .icon-overlay span:last-child a {opacity: 0;transition: all .2s ease-in-out;}
.team2 .team-member:hover figure .icon-overlay span:last-child a {opacity: 1;}
.team2 .team-member h3 {color: #221918;transition: all .2s ease-in-out;}
.team2 .team-member:hover h3 {color: #ffffff;}
.team2 .team-member p {color: #919090;font: 11px'Arial', Tahoma;transition: all .2s ease-in-out;}
.team2 .team-member:hover p {color: #ffffff;}
/* Special Divider
----------------------------------------------------------- */
.special-divider {clear: both;text-align: center;height: 2px;margin: 60px auto 100px;position: relative;width: 100%;background-color: #dedede;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.special-divider .stats-circle {background: none repeat scroll 0 0 #EBEBEB;top: -40px;position: absolute;margin-left: -40px;left: 50%;width: 80px;height: 80px;text-align: center;}
.special-divider .stats-circle .stats-num {background: none repeat scroll 0 0 #282828;border-radius: 50%;color: #FFFFFF;font-size: 24px;line-height: 56px;width: 56px;height: 56px;margin: 12px 0 0 12px;text-align: center;}
.special-divider .subtitle {color: #282828;font: 16px 'Open Sans';left: 0;position: absolute;right: 0;text-align: center;text-transform: uppercase;top: 36px;}
/* Experiences
----------------------------------------------------------- */
.progress-circles {margin: 0 0 60px;text-align: center;}
.progress-circles .progress-label {text-align: center;margin: 30px 0 30px;}
.progress-circles .progress-label h3 {color: #555555;}
.progress-circles .progress-label small {color: #b4b4b4;}
/* Blog Navigation
----------------------------------------------------------- */
.blog-navbar {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;margin: 10px 0 20px;display: block;height: 50px;}
.blog-navbar .blog-nav-search {}
.blog-navbar .blog-nav-search .blog-nav-title {padding-right: 0 !important;padding-left: 0 !important;}
.blog-navbar .blog-nav-search .blog-nav-title .title {color: #221918;font-size: 18px;line-height: 50px;}
.blog-navbar .blog-nav-search .blog-nav-form {margin: 8px 0;padding-right: 0 !important;position: relative;}
.blog-navbar .blog-nav-search .blog-nav-form .search-input {border: 1px solid #C7C7C7;border-radius: 0 0 0 0;box-shadow: none;}
.blog-navbar .blog-nav-search .blog-nav-form .search-button {background: none repeat scroll 0 0 transparent;box-shadow: none;position: absolute;top: 0;right: 0;height: 34px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;border-left: 1px solid #C7C7C7;padding: 0 0 0 10px;line-height: 32px;}
.blog-navbar ul.blog-filter {text-align: right;font-size: 0;}
.blog-navbar ul.blog-filter > li {padding: 0 0 0;margin: 18px 0;display: inline-block;}
.blog-navbar ul.blog-filter > li > a {border-left: 1px solid #544b4a;display: block;padding: 0 10px 0 10px;font-size: 14px;color: #221918;line-height: 1;transition: all .2s ease-in-out;}
.blog-navbar ul.blog-filter > li > a > i {width: auto;}
.blog-navbar ul.blog-filter > li:last-child > a {padding: 0 8px 0 8px;border-right: 1px solid #544b4a;}
.blog-navbar ul.blog-filter > li > a:hover {color: #2A323E;}
.blog-navbar ul.blog-filter ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.blog-navbar ul.blog-filter ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.blog-navbar ul.blog-filter ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #2A323E;}
/* Portfolio Navigation
----------------------------------------------------------- */
.portfolio-navbar {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;margin: 10px 0 20px;display: block;height: 50px;}
.portfolio-navbar .portfolio-nav-title {}
.portfolio-navbar .portfolio-nav-title .title {color: #221918;font-size: 18px;line-height: 50px;}
.portfolio-navbar ul.portfolio-filter {text-align: right;font-size: 0;}
.portfolio-navbar ul.portfolio-filter > li {padding: 0 0 0;margin: 18px 0;display: inline-block;}
.portfolio-navbar ul.portfolio-filter > li > a {border-left: 1px solid #544b4a;display: block;padding: 0 10px 0 10px;font-size: 14px;color: #221918;line-height: 1;transition: all .2s ease-in-out;}
.portfolio-navbar ul.portfolio-filter > li > a.selected {color: #2A323E;}
.portfolio-navbar ul.portfolio-filter > li > a > i {width: auto;}
.portfolio-navbar ul.portfolio-filter > li:last-child > a {padding: 0 8px 0 8px;border-right: 1px solid #544b4a;}
.portfolio-navbar ul.portfolio-filter > li > a:hover {color: #2A323E;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #2A323E;}
/* Blog Post, Article
----------------------------------------------------------- */
article.blog-post {margin: 0 0 30px;overflow: hidden;}
article.blog-post .post-image {position: relative;}
article.blog-post .post-image img {width: 100%;}
article.blog-post .post-image .icon-overlay {position: absolute;bottom: 0;right: 0;}
article.blog-post .post-image .icon-overlay a {background: none repeat scroll 0 0 #221918;color: #FFFFFF;float: right;width: 30px;height: 30px;float: right;text-align: center;line-height: 32px;}
article.blog-post .post-image .icon-overlay a.active {background: none repeat scroll 0 0 #2A323E;float: right;}
article.blog-post .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #2A323E;height: 30px;}
article.blog-post .post-metaDLP {line-height: 24px;
padding: 11px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-align: center;}
article.blog-post .post-meta span {float: left;line-height: 30px;padding: 0 0 0 26px;height: 100%;}
article.blog-post .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.blog-post .post-meta span a {color: #FFFFFF;font-size: 12px;}
article.blog-post .post-content {padding: 20px;}
article.blog-post .post-content .post-title { text-align: left; font-size:20px; line-height:22px; margin: 0px 0px;}
article.blog-post .post-content .post-title2 { text-align: center; font-size:20px; line-height:22px; margin: 0px 0px;}
article.blog-post .post-content .post-title a {color: #172e4e;}
article.blog-post .post-content .alternative-meta {text-align: left;color: #000;}
article.blog-post .post-content .alternative-meta span {font-size: 12px;padding: 0 12px 0;}
article.blog-post .post-content .alternative-meta span:first-child {padding: 0 12px 0 0;}
article.blog-post .post-content .alternative-meta span a {color: #a9aaa9;}
article.blog-post .post-content h3 {margin: 10px 0 4px;color: #2A323E;}
article.blog-post .post-content p {margin: 0 0 15px;}
article.blog-post .post-content p a {color: #2A323E;}
article.blog-post .post-content p a:hover {color: #221918;}
article.blog-post .more {text-align: right;margin: 20px 0 0;}
article.blog-post .more a {color: #FFFFFF;background: none repeat scroll 0 0 #2A323E;display: block;width: 60px;height: 30px;line-height: 30px;text-align: center;transition: all .2s ease-in-out;}
article.blog-post .more a:hover {background: none repeat scroll 0 0 #221918 !important;}
article.alternative-post {border-left: 4px solid #d9d9d9;}
article.alternative-post .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #b1b1b1 !important;height: 30px;}
article.alternative-post .post-meta span {float: left;line-height: 30px;padding: 0 0 0 26px;}
article.alternative-post .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.alternative-post .post-meta span a {color: #FFFFFF;}
article.alternative-post .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.alternative-post .post-content .post-title a {color: #909090;}
article.format-audio {border-left: 4px solid #d9d9d9;}
article.format-audio .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.format-audio .post-content .post-title a {color: #909090;}
article.format-link {border-left: 4px solid #d9d9d9;}
article.format-link .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #b1b1b1 !important;height: 30px;}
article.format-link .post-meta span {float: left;padding: 0 26px;line-height: 30px;padding: 0 0 0 26px;}
article.format-link .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.format-link .post-meta span a {color: #FFFFFF;}
article.format-link .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.format-link .post-content .post-title a {color: #2A323E;}
/* Pagination
----------------------------------------------------------- */
#pagination {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 60px;text-align: center;height: 30px;position: relative;}
#pagination a.prev-direction {position: absolute;bottom: 0;left: 0;display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: none repeat scroll 0 0 #221918;color: #FFFFFF;}
#pagination a.next-direction {position: absolute;bottom: 0;right: 0;display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: none repeat scroll 0 0 #221918;color: #FFFFFF;}
#pagination ul {display: inline-block;margin: 0 auto;border-radius: 0 0 0 0;}
#pagination ul li {float: left;background: none repeat scroll 0 0 #f6f6f6;padding: 0 12px;}
#pagination ul li.active {background: none repeat scroll 0 0 #2A323E;}
#pagination ul li.active a {color: #FFFFFF;}
#pagination ul li a {line-height: 30px;border-radius: 0 0 0 0;border: medium none;padding: 0 0 0;background: none repeat scroll 0 0 transparent;color: #221918;}
/* Widget
----------------------------------------------------------- */
.widget {margin-bottom: 20px;}
.widget .widget-title {position: relative;}
.widget .widget-title .wt { background-color:#FFFFFF;}
.widget .widget-title h4 {padding-bottom: 8px; color:#000;}
.widget .widget-title .close-widget {position: absolute;bottom: 0;right: 0;text-align: center;line-height: 22px;color: #FFFFFF;display: block;height: 22px;background: none repeat scroll 0 0 #221918;cursor: pointer;width: 26px;}
.widget .widget-body {padding: 24px 24px 24px;border-top: 3px solid #2c415d;position: relative;}
.widget .widget-body ul {margin: 0 0 20px;}
.widget .widget-body ul li {padding: 8px 0; margin-bottom:10px;}
.widget-body1 {padding: 0px 0px 5px 0px;position: relative; }
.widget-body1 ul {margin: 0 0 20px;}
.widget-body1 ul li {padding: 8px 0; margin-bottom:5px;border-bottom: 1px solid #efefef;}
.widget2 {padding: 40px;}
.widget2 > .wt { background-color:#FFFFFF;}
.widget2 .widget-title2 h4 {padding-bottom: 8px;}
.widget2 .widget-body2 {position: relative; font-size:12px;}
.widget2 .widget-body2 ul {}
.widget2 .widget-body2 ul li {}
.widget2 .widget-body2 ul li a{color:#dddddd;}
/* Categories Widget
----------------------------------------------------------- */
.widget .categories {padding: 10px 20px !important;}
.widget .categories ul {margin: 0 0 !important;}
.widget .categories ul li {border-bottom: 1px solid #efefef;padding: 10px 0 6px !important;}
.widget .categories ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .categories ul li a:hover {color: #2A323E;}
.widget .categories ul li:last-child {border-bottom: medium none;}
/* Latest Posts Widget
----------------------------------------------------------- */
.widget .latest-post {padding: 12px 24px 12px;}
.widget .latest-post ul li {border-bottom: 1px solid #f0f0f0;}
.widget .latest-post ul .last {border-bottom: none;}
.widget .latest-post ul li small {color: #000;}
.widget .latest-post ul li h4 {color: #221918;}
.widget .latest-post ul li p {color: #767676; font-size:12px;line-height: 18px;}
/* Twitter Widget
----------------------------------------------------------- */
.widget .twitter {padding: 24px 24px 8px;}
.widget .twitter ul {font-family:'Arial', Helvetica, sans-serif;}
.widget .twitter ul li {border-bottom: 1px solid #f0f0f0;color: #595857;padding: 8px 0;}
.widget .twitter ul li:last-child {border: medium none;}
.widget .twitter ul li a {color: #66b8f1;font-size: 13px;font-family:'Open Sans', Helvetica, sans-serif;font-weight: 600;}
.widget .twitter ul li a i {color: #2A323E;padding-left: 6px;width: auto;}
/* Accordion Widget
----------------------------------------------------------- */
.widget .accordion {padding: 10px 20px !important;}
.widget .accordion ul {margin: 0 0 !important;}
.widget .accordion ul li {border-top: 1px solid #efefef;padding: 10px 0px 0px !important;}
.widget .accordion ul li:first-child {border-top: medium none;}
.widget .accordion ul li a.Plus:before {content:'\f067';font-family:"FontAwesome";padding: 0 12px 0 0;}
.widget .accordion ul li a.Minus:before {content:'\f068';font-family:"FontAwesome";padding: 0 12px 0 0;}
.widget .accordion ul li a {color: #221918;text-decoration: none;}
.widget .accordion p {color: #767676;padding: 0 8px 20px 20px !important;font: 12px'Arial';}
/* Tags Widget
----------------------------------------------------------- */
.widget .tagcloud {padding: 18px 0;}
.widget .tagcloud a {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);padding: 4px 8px;color: #221918;line-height: 34px;margin: 0 4px 0 0;transition: all .2s ease-in-out;}
.widget .tagcloud a:hover {background: none repeat scroll 0 0 #2A323E;color: #FFFFFF;}
/* Post Author
----------------------------------------------------------- */
.post-author {margin: 0 0 80px;}
.post-author ul {list-style: none outside none;margin: 0;padding: 0;}
.post-author ul li {padding: 0 0 0 114px;}
.post-author ul li .author-wrapper {position: relative;}
.post-author ul li .author-wrapper .author-block {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.post-author ul li .author-wrapper .author-block .author-details {background: none repeat scroll 0 0 #FFFFFF;position: relative;}
.post-author ul li .author-wrapper .author-block .author-details:before {position: absolute;left: 0;bottom: 0;border-left: 6px solid transparent;border-right: 6px solid #FFFFFF;border-bottom: 6px solid transparent;border-top: 6px solid #FFFFFF;width: 0;height: 0;margin: 0 0 0 -12px;content: '';}
.post-author ul li .author-wrapper .author-block .author-details p {color: #767676;padding: 16px 12px;line-height: 21px;font-size: 13px;}
.post-author ul li .author-wrapper .author-block .author-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #2A323E;height: 30px;}
.post-author ul li .author-wrapper .author-block .author-meta span {float: left;padding: 0 16px;line-height: 30px;}
.post-author ul li .author-wrapper .author-block .author-meta span:last-child {background: none repeat scroll 0 0 #221918;}
.post-author ul li .author-wrapper .author-block .author-meta span a {color: #FFFFFF;}
.post-author ul li .author-wrapper .author-social {padding: 8px 0 8px;}
.post-author ul li .author-wrapper .author-social .social-icon {text-align: center;}
.post-author ul li .author-wrapper .author-social .social-icon a {color: #c7c7c7;font-size: 16px;text-shadow: 0 1px 0 rgba(255,255,255,0.2);display: block;width: 100%;height: 100%;transition: all .2s ease-in-out;}
.post-author ul li .author-wrapper .author-social .social-icon a:hover {color: #606060;}
.post-author ul li .author-wrapper .author-image {background: none repeat scroll 0 0 #FFFFFF;display: block;width: 94px;height: 95px;position: absolute;top: 0;left: 0;margin-left: -114px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.post-author ul li .author-wrapper .author-image img {width: 100%;height: 70px;border-top: 4px solid #FFFFFF;border-right: 4px solid #FFFFFF;border-left: 4px solid #FFFFFF;}
.post-author ul li .author-wrapper .author-image h6 {text-align: center;color: #282828;background: none repeat scroll 0 0 #FFFFFF;line-height: 22px;display: block;height: 25px;width: 100%;}
/* COMMENTS
----------------------------------------------------------- */
#post-comments {margin: 0 0 20px;}
#post-comments ul.comments {margin: 0 0 0;}
#post-comments ul.comments li {padding: 0 0 0 114px;}
#post-comments ul.comments li .comment {position: relative;margin-bottom: 20px;}
#post-comments ul.comments li .comment .comment-block {background: none repeat scroll 0 0 #FFFFFF;position: relative;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
#post-comments ul.comments li .comment .comment-block:before {position: absolute;left: 0;top: 50%;border-left: 6px solid transparent;border-right: 6px solid #FFFFFF;border-bottom: 6px solid transparent;border-top: 6px solid #FFFFFF;width: 0;height: 0;margin: -6px 0 0 -12px;content: '';}
#post-comments ul.comments li .comment .comment-block p {color: #767676;padding: 15px 12px;line-height: 20px;font-size: 13px;}
#post-comments ul.comments li .comment .comment-block .reply-btn {width: 100%;display: block;}
#post-comments ul.comments li .comment .comment-block .reply-btn a {color: #FFFFFF;text-align: center;line-height: 25px;width: 94px;height: 25px;display: block;background: none repeat scroll 0 0 #2A323E;}
#post-comments ul.comments li .comment .avatar {background: none repeat scroll 0 0 #FFFFFF;display: block;width: 94px;height: 95px;position: absolute;top: 0;left: 0;margin-left: -114px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
#post-comments ul.comments li .comment .avatar img {width: 100%;height: 70px;border-top: 4px solid #FFFFFF;border-right: 4px solid #FFFFFF;border-left: 4px solid #FFFFFF;}
#post-comments ul.comments li .comment .avatar h6 {text-align: center;color: #282828;background: none repeat scroll 0 0 #FFFFFF;line-height: 22px;display: block;height: 25px;width: 100%;}
#post-comments .post-leave-comment {margin: 60px 0 0;}
#post-comments .post-leave-comment .input-field {margin: 0 0 15px;background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;}
#post-comments .post-leave-comment .message-field {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;resize: vertical;}
#post-comments .button {font-size: 11px;}
#post-comments .button .btn-submit {background: none repeat scroll 0 0 #221918;border: medium none;color: #FFFFFF;padding: 5px 54px;float: right;transition: all .2s ease-in-out;}
#post-comments .button .btn-submit:hover {background: none repeat scroll 0 0 #2A323E;}
#post-comments ul.reply li .comment:before {position: absolute;top: 36px;left: 0;content: '\f112';font-size: 20px;font-family: "FontAwesome";color: #282828;margin: 0 0 0 -148px;transform: rotate(180deg);}
/* Contact Us
----------------------------------------------------------- */
.contact-form {margin: 0 0 40px;}
.contact-form .contact-input {margin: 0 0 15px;background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;}
.contact-form .contact-textarea {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;resize: vertical;}
.contact-form .submit-btn {background: none repeat scroll 0 0 #221918;border: medium none;color: #FFFFFF;font-size: 11px;padding: 5px 54px;float: right;transition: all .2s ease-in-out;}
.contact-form .submit-btn:hover {background: none repeat scroll 0 0 #2A323E;}
/* GOOGLE MAP
----------------------------------------------------------- */
.google-map {margin: 0 0 30px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
/* Contact Details
----------------------------------------------------------- */
.widget .contact-details {padding: 16px 18px !important;}
.widget .contact-details ul {margin: 0 0 0 !important;}
.widget .contact-details ul li h4 {color: #221918;}
.widget .contact-details ul li .media-body {color: #767676;}
.widget .contact-details ul li a {color: #221918;}
/* ERROR 404
----------------------------------------------------------- */
.page-not-found {text-align: center;margin: 150px 0 100px;}
.page-not-found h1 {font-size: 240px;margin: 0 0 40px;line-height: 170px;}
.page-not-found h1 .different-color {color: #2A323E;}
.page-not-found h2 {font-weight: bold;}
/* Infinite Scroll
----------------------------------------------------------- */
#addMore {text-align: center;margin: 20px 0 50px;}
#addMore a{color: #221918;}
#addMore a:hover{color: #2A323E;}
/* Portfolio Slider
----------------------------------------------------------- */
.controls-wrapp {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 20px;height: 45px;padding: 0 0 0 10px;}
.controls-wrapp h3 {color: #494747;line-height: 45px;}
.controls-wrapp .controls {display: inline-block;float: right;height: 100%;}
.controls-wrapp .controls .arrows {background: none repeat scroll 0 0 #221918;text-align: center;float: right;display: block;width: 45px;height: 100%;line-height: 45px;transition: all .2s ease-in-out;cursor: pointer;}
.controls-wrapp .controls .arrows i {color: #838282;width: auto;transition: all .2s ease-in-out;font-size: 32px;line-height: 45px;}
.controls-wrapp .controls .arrows:hover {background: none repeat scroll 0 0 #2A323E;}
.controls-wrapp .controls .arrows:hover i {color: #FFFFFF;}
/* Lunch Project
----------------------------------------------------------- */
.lunch-project {background: none repeat scroll 0 0 #2A323E;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 20px;height: 45px;text-align: center;transition: all .2s ease-in-out;}
.lunch-project:hover {background: none repeat scroll 0 0 #221918 !important;}
.lunch-project h3 {color: #221918;line-height: 45px;transition: all .2s ease-in-out;}
.lunch-project:hover h3 {color: #FFFFFF;}
/* Project Details
----------------------------------------------------------- */
.widget .project-details {padding: 10px 20px !important;}
.widget .project-details ul {margin: 0 0 !important;}
.widget .project-details ul li {border-bottom: 1px solid #efefef;padding: 3px 0 8px !important;}
.widget .project-details ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .project-details ul li a:hover {color: #DC394B;}
.widget .project-details ul li:last-child {border-bottom: medium none;}
/* Testimonials Widget
----------------------------------------------------------- */
.widget .testimonials-widget {padding: 24px 24px 24px;}
.widget .testimonials-widget small {color: #b0aeae;font-style: italic;}
.widget .testimonials-widget h4 {color: #221918;}
.widget .testimonials-widget p {color: #767676;padding: 0 0 8px;}
/* Services Header
----------------------------------------------------------- */
header.services {margin: 0 0 20px;height: auto; color:#fff;max-width: 100%;background: url(../images/headers/ServicesHeader.png) no-repeat 0 0 #2A323E;background-size: cover;display: block;}
header.services1 {margin: 0 0 20px;height: auto; color:#fff;max-width: 100%;background: url(../images/header-2-1920x260.jpg) no-repeat 0 0 #2A323E;background-size: cover;display: block;}
header.services .slogan {padding-top: 60px;padding-bottom: 60px;}
/* Services Carousel
----------------------------------------------------------- */
/*.svc-carousel-wrapp {background: none repeat scroll 0 0 #dddddd;box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);}*/
.svc-carousel-wrapp {}
.svc-carousel-wrapp .service-item {padding: 20px 0;text-align: center !important;color: #fff;font-weight: bold;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .service-item h4 {text-align: center !important; font-size:16px;}
.svc-carousel-wrapp .service-item.active {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 2px rgba(0, 0, 0,.1);color: #221918;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .service-item.active:hover {color: #333;}
.svc-carousel-wrapp .service-item:hover {color: #666666;}
.service-content {padding: 36px 20px;margin-bottom: 30px;}
.service-content h2 {padding: 0 0 16px;color: #545453;}
.service-content p {color: #616161;font-family:'Arial', Helvetica, sans-serif;}
.service-content p a {color: #2A323E;transition: all .2s ease-in-out;}
.service-content p a:hover {color: #221918;}
.service-content p img {width: 100%;margin: 16px 0;}
.svc-carousel-wrapp .controls {position: absolute;z-index: 199;top: 100%;right: 10px;}
.svc-carousel-wrapp .controls .svc-btn {display: block;width: 20px;height: 20px;background-color: #000;line-height: 20px;float: right;cursor: pointer;text-align: center;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .controls .svc-btn i {color: #fff;width: auto;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .controls .svc-btn:hover {background-color: #221918;}
.svc-carousel-wrapp .controls .svc-btn:hover i {color: #ffffff;}
/* Survey Widget
----------------------------------------------------------- */
.widget .survey-widget {padding: 0 0 0;border-top: 3px solid #221918;position: relative;}
.widget .survey-widget ul {padding: 24px 24px 0;margin: 0 0 10px;}
.widget .survey-widget ul li {padding: 5px 0;}
.widget .survey-widget ul li i {font-size: 24px;padding-right: 8px;width: auto;}
.widget .survey-widget .vote-btn {position: relative;text-align: right;}
.widget .survey-widget .vote-btn a {color: #FFFFFF;padding: 5px 15px 5px;background: none repeat scroll 0 0 #2A323E;display: inline-block;}
/* Checkbox Input
----------------------------------------------------------- */
label {cursor: pointer;display: inline-block;padding-left: 32px;position: relative;}
label:before {background-color: #FFFFFF;border-radius: 50%;bottom: 0;box-shadow: none;content: "";display: inline-block;height: 20px;left: 0;margin-right: 10px;position: absolute;width: 20px;border: 3px solid #D7DCDF;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label:hover:before {color: #D7DCDF;content: "\f111";font-size: 8px;line-height: 15px;text-align: center;font-family: 'FontAwesome';padding-left: 1px;}
input[type="checkbox"]:checked + label {color: #2A323E;}
input[type="checkbox"]:checked + label:before {border: 3px solid #2A323E;color: #2A323E;content: "\f111";font-size: 8px;line-height: 15px;text-align: center;font-family: 'FontAwesome';padding-left: 1px;}
input[type="checkbox"]:disabled + label {color: #D7DCDF;}
input[type="checkbox"]:disabled + label:hover:before {content: '';}
/* Special Widget
----------------------------------------------------------- */
.special-widget {margin-bottom: 20px;}
.special-widget .widget-body ul a {color: #221918;transition: all .2s ease-in-out;}
.special-widget .widget-body ul a:hover {color: #2A323E;}
.special-widget .widget-body ul li {border-bottom: 1px solid #d9d9d9;border-top: 1px solid #f5f5f5;padding: 18px 6px;}
.special-widget .widget-body ul li i {font-size: 20px;padding-right: 8px;width: auto;}
.special-widget .widget-body ul li:first-child {border-top: medium none;}
.special-widget .widget-body ul li:last-child {border-bottom: medium none;}
/* COLUMNS
----------------------------------------------------------- */
.grid-block {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;}
/* Elements
----------------------------------------------------------- */
header.elements {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/ElementsHeader.png) no-repeat 0 0 #2A323E;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display: block;}
header.elements .slogan {padding-top: 45px;padding-bottom: 45px;}
/* Alerts
----------------------------------------------------------- */
.SuccessAlert {background-color: #d3ebb7;border: 1px solid #9adf8f;padding: 15px 24px;color: #404040;}
.SuccessAlert a {color: #6da662;font-size: 42px;padding-right: 14px;}
.SuccessAlert h4 {color: #258815;font: 16px 'Open Sans',Arial,sans-serif;}
.WarningAlert {background-color: #f3f1c4;border: 1px solid #e5db55;padding: 15px 24px;color: #404040;}
.WarningAlert a {color: #dbd149;font-size: 42px;padding-right: 14px;}
.WarningAlert h4 {color: #878314;font: 16px 'Open Sans',Arial,sans-serif;}
.ErrorAlert {background-color: #f6cace;border: 1px solid #df8f90;padding: 15px 24px;color: #404040;}
.ErrorAlert a {color: #d46e77;font-size: 42px;padding-right: 14px;}
.ErrorAlert h4 {color: #871414;font: 16px 'Open Sans',Arial,sans-serif;}
/* Video
----------------------------------------------------------- */
.VideoContainer {position: relative;overflow: hidden;margin-top: 20px;margin-bottom: 10px;padding: 20px 0 52%;}
.VideoContainer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nav-tabs>li {
float: left;
margin-bottom: -11px;
}
.nav-tabs {/*border-bottom: 2px solid #DDD;*/}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #000; background-color:#fff; border-bottom:none;}
.nav-tabs > li > a { border: none;color: #fff;/* background-color: #2A323E;*/}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {border-bottom:none;}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
/*.nav-tabs > li > a::after { content: ""; background: #000; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }*/
.tab-pane { padding: 0; }
.tab-pane-red
{ border:2px solid #DC394B; padding:8px;}
div.scroll {
height: 363px!important;
overflow:auto!important;
}
div.scroll::-webkit-scrollbar {
width: 12px;
}
div.scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
div.scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.ul {
list-style:none;
}
.ul li {
text-align:justify;
padding:0px 10px 0px 11px;
background: url(http://careerpoint.ac.in/asset/images/bredcrum-arrow.gif) no-repeat 0px 6px;line-height: 23px;
line-height: 18px;
margin-bottom: 10px;
}
.ul li:last-child { margin-bottom:0px;
}
.ul li span
{
text-transform:uppercase;
color:#ff8700;
}
.ul5 {
list-style:none;
}
.ul5 li {
text-align:justify;
padding:0px 10px 0px 11px;
background: url(http://careerpoint.ac.in/asset/images/bredcrum-arrow123.png) no-repeat 0px 6px;line-height: 23px;
line-height: 18px;
margin-bottom: 10px;
}
/* Services mosaic
----------------------------------------------------------- */
.mosaic1 {padding: 20px 30px 15px;text-align: center;color: #221918;margin:0 0 20px;transition: all .2s ease-in-out;}
.mosaic1:hover > .bg-red{background: none repeat scroll 0 0 #E31D33;color: #fff; }
.mosaic1:hover > .bg-green{background: none repeat scroll 0 0 #00DBB5;color: #fff; }
.mosaic1:hover > .bg-yellow{background: none repeat scroll 0 0 #EFA101;color: #fff; }
.mosaic1 h3 {font-weight: bold;padding: 15px 0 15px;font-size: 26px;}
.mosaic1 h3 span
{font-size: 12px!important;
text-transform: none;
color: #777;}
.mosaic1 .mrgn
{ margin-top:5px!important;}
.mosaic1 i
{
/*color: #fff;*/}
.mosaic1 .rounf-sec{
border-radius: 50%;
width: 113px;
height: 113px;
padding: 19px 0px;margin-left: 22%;
}
.mosaic1 .bg-red
{background: #DC394B none repeat scroll 0px 0px;}
.mosaic1 .bg-green
{background: #32BEA6 none repeat scroll 0px 0px;}
.mosaic1 .bg-yellow
{background: #FABC3D none repeat scroll 0px 0px;}
.mosaic1 .bottom
{font-size: 14px;
letter-spacing: 2px;
height: 50px;
line-height: 50px;
color: #FFF;
text-decoration: none;
margin-left: -30px;
margin-right: -30px;
top: 115px;
margin-bottom: -30px;
margin-top: 20px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}
.postal
{ float:left; margin-right:20px;}
.notify
{
left: 1px;
bottom: 10px; position:fixed;z-index: 10; width:314px;
}
.fixed
{ width:10%!important; height:auto;}
.line
{margin-top: 14px !important;
margin-bottom: 14px !important;
border: 0;
border-top: 1px solid #eeeeee;}
.top-bar-wrap
{border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.text-white
{
font-family: 'calibri';
color:white;
font-size: 14px;
}
.header-top
{
vertical-align:middle; padding-top: 7px;
}
/*table {
border-collapse: collapse;
border-spacing: 0;
}
/*
table-bordered th, .table-bordered td {
border: 1px solid #ccc !important;
}
*/
fieldset {
border: 1px solid #bbb;
background: #f9f8f8;
border-radius: 5px;
padding:4px 0px 4px 0px;
}
fieldset legend {
color: #333;
padding:3px 10px;
border-radius: 1px;
box-shadow: 0 0 0 1px #bbb;
margin-left: 11px;width: 150px;
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 25px;
}
.btn-circle i {
font-size: 26px;
padding-bottom: 5px;
}
.btn-circle.btn-xl {
width: 100%;
height: 100%;
padding: 15%;
font-size: 14px;
line-height: 1.33;
border-radius: 75px;
}
.fee
{color: #70C989;
font-size: 40px;
margin: 0px;
text-align: center;
line-height: 46px;}
.feeold
{color: #777777;
font-size: 20px;
margin: 0px;
text-align: center;
line-height: 46px;
}
* 21c. Product Shop */
.product-view .product-shop .add-to-box button.button.btn-cart span {
background: none;
margin-left: 5px;
font-size: 16px;
}
.product-view .product-options-bottom button.button.btn-cart span {
background: none;
margin-left: 5px;
}
.product-view .product-shop {
margin-top: 0;
position: relative;
}
.product-view .product-name {
border-bottom: 1px #ddd dashed;
}
.product-view .product-name h2 {
font-size:24px;
margin: 10px 0px;
text-align: left;
line-height: 1.2em;
padding-bottom: 12px;
letter-spacing: -1px;
font-weight: bold;
font-family: 'Roboto', sans-serif;
}
.product-view .short-description {
padding-bottom: 0px;
font-size: 13px;
}
.product-view .short-description p { text-align:justify; padding-bottom:10px;}
.product-view .short-description h2 {
font-family: 'Roboto', sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #333;
margin-bottom: 5px;
font-weight: bold;
display: none;
}
.product-view .product-shop .add-to-box {
padding: 0px;
overflow: hidden;
text-align: center;
margin: 0px;
}
.product-view .product-shop .add-to-box a:hover {
text-decoration: none;
}
.product-view .product-shop .add-to-box .btn-cart {
background: #ff6c00;
color: #fff;
font-size: 16px;
text-shadow: none;
padding: 10px 15px;
float: left;
margin-top: 0px;
font-weight: normal;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
margin-left: 10px;
border: none;
}
.product-view .product-shop .add-to-box .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
}
.product-view .product-shop .product-options-bottom .btn-cart {
background: #ff6c00;
color: #fff;
font-size: 16px;
text-shadow: none;
padding: 10px 20px;
float: left;
margin-top: 0px;
font-weight: normal;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
margin-left: 10px;
border: none;
}
.product-view .product-shop .product-options-bottom .btn-cart:hover {
background: #000;
text-shadow: none;
color: #fff;
}
.product-view .product-shop .add-to-box .icon-basket {
margin-right: 5px;
}
.product-view .product-shop ul.add-to-links {
margin: 0;
padding: 0;
margin-top: 0px;
display: inline-block;
}
.product-view .product-shop .add-to-links li {
display: inline-block;
padding: 0 5px 0 2px;
}
.product-view .product-shop .add-to-links li .separator {
display: none;
}
.product-view .product-shop .add-to-links .link-wishlist:before {
content: "\f004";
font-family: FontAwesome;
font-size: 14px;
}
.product-view .product-shop .add-to-links .link-wishlist {
color: #000;
height: 40px;
margin-right: 0px;
padding: 12px 0px 12px 0;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
width: 40px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-size: 11px
}
.product-view .product-shop .add-to-links .link-wishlist:hover {
padding: 12px 0px 12px 0;
height: 40px;
width: 40px;
color: #ff6c00;
text-align: center;
}
.product-view .product-shop .add-to-links .link-compare:before {
content: "\f012";
font-family: FontAwesome;
font-size: 15px;
}
.product-view .product-shop .add-to-links .link-compare {
color: #000;
height: 30px;
padding: 4px 2px 6px;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
line-height: 30px;
background-color: #fff;
border: none;
width: auto;
}
.product-view .product-shop .add-to-links .link-compare:hover {
color: #ff6c00;
text-align: center;
padding: 4px 2px 6px;
height: 30px;
line-height: 30px;
background: none
}
.product-view .product-shop ul.add-to-links a {
padding: 0;
margin: 0;
}
.email-addto-box {
display: inline-block;
margin-top: 10px;
float: left;
}
.email-friend {
font-size: 11px;
margin-right: 0px;
margin-left: 0px;
margin-top: 5px;
display: inline-block;
}
.email-friend a:before {
content: "\f0e0";
font-family: FontAwesome;
font-size: 14px;
margin-right: 7px;
}
.email-friend a {
padding: 13px 5px 10px;
height: 42px;
width: 42px;
color: #000;
text-align: center;
transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
padding-right: 0px;
}
.email-friend a:hover {
color: #ff6c00;
text-align: center;
}
.product-view .product-shop .ratings {
padding: 15px 0;
margin: 0;
border-bottom: 1px #ddd dashed;
margin-bottom: 15px;
}
.product-view .product-shop .ratings .rating-links {
margin-bottom: 12px;
display: inline;
}
.product-view .product-shop .no-rating {
padding: 12px 0;
margin: 0px 0 0;
}
.product-view .product-shop .price-box {
border-bottom: 1px #ddd dashed;
display: block;
margin: 0 0 10px;
padding: 0 0 5px;
}
.product-view .product-shop .grouped-items-table .price-box {
border-bottom: 0px solid #ddd;
margin: 0;
padding: 0;
}
.product-view .product-shop .price-box .old-price {
margin-right: 5px;
margin-top: 0;
display: inline-block;
}
.product-view .product-shop .special-price {
display: inline-block;
margin: 0;
padding: 0;
}
.product-view .product-shop .old-price .price {
font-size: 20px;
color: #777;
}
.product-view .product-shop .price {
font-size: 29px;
color: #70C989;
line-height: 22px;
}
.add-to-cart .qty, .qty-holder .qty {
background-color: #FFFFFF;
border: 1px solid #E0E0E0;
border-radius: 2px;
}
.product-shop .button-up, .product-shop .button-down {
height: 44px;
width: 44px;
}
.add-to-cart .button-up, .add-to-cart .button-down {
left: 94px;
position: absolute;
}
.button-up:hover {
background: #333 url(../images/icon_arrow_up.png) no-repeat 15px 15px;
}
.button-down:hover {
background: #333 url(../images/icon_arrow_down.png) no-repeat 15px 15px;
}
.button-up, .button-down {
height: 44px;
text-indent: -999em;
width: 35px;
border: none;
}
.qty-input-text {
float: left;
margin-left: 10px;
}
.product-view .product-shop .add-to-box .add-to-cart label {
display: block;
float: none;
margin-bottom: 0px;
text-align: left;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
line-height: 30px;
}
.product-view .product-shop .product-options-bottom .add-to-cart label {
display: block;
float: none;
margin-bottom: 5px;
text-align: left;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.button-up:hover, .button-up:focus {
background-image: url(../images/icon_arrow_up.png);
background-position: 16px 16px;
}
.button-down:hover, .button-down:focus {
background-image: url(../images/icon_arrow_down.png);
background-position: 16px 16px;
}
.product-view .product-shop button.button.btn-cart:before {
content: "\f07a";
font-family: 'FontAwesome';
}
/* 21d. Product Collatera */
/* 10.Rating */
.no-rating {
margin: 0;
}
.no-rating a {
color: #000;
}
.ratings {
font-size: 11px;
line-height: normal;
margin: 2px 0;
}
.ratings strong {
float: left;
margin: 1px 3px 0 0;
}
.category-products ul.products-grid li.item .ratings .rating-links {
display: none
}
.ratings .rating-links {
margin: 0;
display: none;
}
.ratings .rating-links a {
margin: 0;
text-decoration: none;
color: #666;
font-size: 12px
}
.ratings .rating-links .separator {
margin: 0 2px;
}
.ratings dt {
}
.ratings dd {
}
.rating-box {
width: 76px;
height: 15px;
font-size: 0;
line-height: 0;
background: url(http://careerpoint.ac.in/asset/images/bkg_rating.png) 0 0 repeat-x;
text-indent: -999em;
overflow: hidden;
}
.rating-box .rating {
float: left;
height: 15px;
background: url(http://careerpoint.ac.in/asset/images/bkg_rating.png) 0 100% repeat-x;
}
.ratings .rating-box {
margin-right: 8px;
display: inline-block;
}
.ratings .amount {
}
.ratings-table th, .ratings-table td {
font-size: 11px;
line-height: 1.15;
padding: 3px 0;
}
.ratings-table th {
font-weight: 900;
padding-right: 8px;
}
.top-header-pd li a
{
padding: 7px;
text-transform: uppercase;
font-size: 12px;
}
.top-header-pd li:before {
top: 16px;
left: -1px;
width: 1px;
height: 9px;
content: " ";
/*background: #ccc none repeat scroll 0% 0%;*/
background: ;
position: absolute;
}
.top-header-pd li:first-child {
background: none;
}
.top-header-mobile
{
padding:10px;}
.teaching-mathology
{ min-height:250px;}
.alert-message
{
margin: 20px 0;
padding: 20px;
border-left: 3px solid #eee;
}
.alert-message h4
{
margin-top: 0;
margin-bottom: 5px;
}
.alert-message p:last-child
{
margin-bottom: 0;
}
.alert-message code
{
background-color: #fff;
border-radius: 3px;
}
.alert-message-success
{
background-color: #F4FDF0;
border-color: #3C763D;
}
.alert-message-success h4
{
color: #3C763D;
}
.alert-message-danger
{
background-color: #fdf7f7;
border-color: #DC394B;
}
.alert-message-danger h4
{
color: #DC394B;
}
.alert-message-warning
{
background-color: #fcf8f2;
border-color: #f0ad4e;
}
.alert-message-warning h4
{
color: #f0ad4e;
}
.alert-message-info
{
background-color: #f4f8fa;
border-color: #5bc0de;
}
.alert-message-info h4
{
color: #5bc0de;
}
.alert-message-default
{
background-color: #EEE;
border-color: #B4B4B4;
}
.alert-message-default h4
{
color: #000;
}
.alert-message-notice
{
background-color: #FCFCDD;
border-color: #BDBD89;
}
.alert-message-notice h4
{
color: #444;
}
.slider-tb {
background: #fff;
padding: 7px 15px 9px;
border: solid 1px #eee;
border-top: solid 2px #DC394B;
border-bottom: none !important;
}
#fade-quote-carousel.carousel {
padding-bottom: 22px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
opacity: 1;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
bottom: -10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
background-color: #e84a64;
border: none;
}
#fade-quote-carousel blockquote {
text-align: center;
border: none;
}
#fade-quote-carousel .profile-circle {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 100px;
}
#fade-quote-carousel .profile-circle_p { text-align:justify;
}
.ticker-container {background:#000; color:#fff;
}
.ticker-container .ticker-content a
{ color:#fff;}
.ticker-container .ticker-caption {
width: 150px; position:relative; float:left;
background: url(../images/ticker-caption-bg.png); padding:5px 10px; color:#fff; text-align: center;
}
.ticker-container .ticker-content { padding:5px 5px 5px 10px; position:relative; float:left;
}
/*.ticker-container .ticker-caption {
height: 50%;
width: 100%;
background-color: #EC0B43;
display: table;
position: absolute;
color: white;
font-size: 0.8em;
z-index: 1;
}
.ticker-container .ticker-caption p {
height: inherit;
width: inherit;
display: table-cell;
vertical-align: middle;
font-weight: bold;
}
.ticker-container ul {
list-style: none;
padding: 0;
height: auto;
}
.ticker-container ul div.not-active {
top: 30px;
}*/
.ul2
{
margin:0px;
padding:0px;
}
.ul2 li
{line-height: 18px;
padding: 4px 0px 4px 10px !important;text-decoration:none;
background: url('http://www.cpur.in/images/bredcrum-arrow-orng.png') no-repeat scroll 0px 7px transparent;-webkit-transition: all .5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
behavior: url(/js/centerselector/PIE.htc);border-bottom: 1px solid #f5f2f2;margin-bottom: 7px;}
.ul2 li a
{
color:#000;
}
.ul2 li:hover
{text-decoration: underline; color:#102b4c;-webkit-transition: all .5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
behavior: url(/js/centerselector/PIE.htc);background: url('http://www.cpur.in/images/bredcrum-arrow.gif') no-repeat scroll 0px 9px transparent;
}
.col-centered {
float: none;
margin: 0 auto;
}
.carousel-control {
width: 8%;
width: 0px;
}
.carousel-control.left,
.carousel-control.right {
margin-right: 40px;
margin-left: 32px;
background-image: none; top:40%;
opacity: 1;
}
.carousel-control > a > span {
color: white;
font-size: 20px !important;
}
.carousel-col {
position: relative;
min-height: 1px;
padding: 5px;
float: left;
}
.carousel-col p { text-align:center; padding:5px; font-weight:bold;
}
/* .active > div { display:none; }
.active > div:first-child { display:block; }*/
/*xs*/
@media (max-width: 767px) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .active.right { left: 50%; }
.carousel-inner .next { left: 50%; }
.carousel-inner .prev { left: -50%; }
.carousel-col { width: 50%; }
.active > div:first-child + div { display:block; }
}
/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
.carousel-inner .active.left { left: -50%; }
.carousel-inner .active.right { left: 50%; }
.carousel-inner .next { left: 50%; }
.carousel-inner .prev { left: -50%; }
.carousel-col { width: 50%; }
.active > div:first-child + div { display:block; }
}
/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
.carousel-inner .active.left { left: -33%; }
.carousel-inner .active.right { left: 33%; }
.carousel-inner .next { left: 33%; }
.carousel-inner .prev { left: -33%; }
.carousel-col { width: 33%; }
.active > div:first-child + div { display:block; }
.active > div:first-child + div + div { display:block; }
}
/*lg*/
@media (min-width: 1200px) {
.carousel-inner .active.left { left: -25%; }
.carousel-inner .active.right{ left: 25%; }
.carousel-inner .next { left: 25%; }
.carousel-inner .prev { left: -25%; }
.carousel-col { width: 25%; }
.active > div:first-child + div { display:block; }
.active > div:first-child + div + div { display:block; }
.active > div:first-child + div + div + div { display:block; }
}
.block {
width: 306px;
height: 230px;
}
.red {background: red;}
.blue {background: blue;}
.green {background: green;}
.yellow {background: yellow;}
.img-circle {
border-radius: 50%;
}
.ratio {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 0;
padding-bottom: 100%;
position: relative;
width: 100%; background-color:#8900E1;
}
.ratio2 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 0;
padding-bottom: 100%;
position: relative;
width: 100%; border:#8900E1 solid 5px;
}
.rs-team .team-item {
position: relative;
overflow: hidden;
}
.rs-team .team-item .team-img {
position: relative;
}
.rs-team .team-item .team-img .normal-text {
position: absolute;
bottom: 0;
padding: 10px 20px;
min-width: 175px;
background-color: rgba(34, 34, 34, 0.8);
transition: .3s ease all;
}
.rs-team .team-item .team-img .normal-text .team-name {
color: #fff;
font-size: 18px;
font-weight: 700;
margin: 0;
display: block;
}
.rs-team .team-item .team-img .normal-text .subtitle {
color: #fff;
font-size: 14px;
font-weight: 400;
margin: 0;
display: block;
}
.rs-team .team-item .team-img img {
width: 100%;
}
.rs-team .team-item .team-content {
position: absolute;
width: 100%;
height: 100%;
top: 10%;
left: 0;
text-align: center;
z-index: 11;
padding: 30px;
opacity: 0;
-webkit-transition: 0.3s all ease-out;
transition: 0.3s all ease-out;
}
.rs-team .team-item .team-content:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: -1;
-webkit-transition: .25s opacity ease;
transition: .25s opacity ease;
}
.rs-team .team-item .team-name {
margin-bottom: 2px;
}
.rs-team .team-item .team-name a {
margin-bottom: 6px;
font-size: 20px;
color: #fff;
text-transform: capitalize;
font-weight: 700;
position: relative;
z-index: 111;
}
.rs-team .team-item .team-name a:hover {
color: #fff;
}
.rs-team .team-item .team-title {
position: relative;
z-index: 111;
font-size: 14px;
color: #fff;
padding-bottom: 12px;
}
.rs-team .team-item .team-title:after {
position: absolute;
left: 50%;
bottom: 0;
width: 50px;
height: 2px;
background: #ff3115;
content: "";
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.rs-team .team-item .team-desc {
color: #fff;
margin-bottom: 0;
padding-top: 12px;
margin-top: 15px;
}
.rs-team .team-item .team-social {
position: relative;
width: 100%;
text-align: center;
z-index: 111;
opacity: 0;
margin-top: 25px;
-webkit-transition: .4s all ease;
transition: .4s all ease;
}
.rs-team .team-item .team-social .social-icon {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ff3115;
margin-right: 6px;
border-radius: 50%;
}
.rs-team .team-item .team-social .social-icon i {
font-size: 14px;
color: #fff;
}
.rs-team .team-item .team-social .social-icon:hover {
background-color: #e41f05;
}
.rs-team .team-item:hover .team-content {
opacity: 1;
top: 0;
}
.rs-team .team-item:hover .team-social {
opacity: 1;
}
.rs-team .team-item:hover .normal-text {
opacity: 0;
visibility: hidden;
}
.rs-team-2 .team-item {
margin-bottom: 30px;
}
.rs-team-2 .team-item .team-img {
position: relative;
overflow: hidden;
}
.rs-team-2 .team-item .team-img .social-icon {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: .8s all ease;
}
.rs-team-2 .team-item .team-img .social-icon a i {
margin-right: 8px;
font-size: 20px;
}
.rs-team-2 .team-item .team-img:before {
content: '';
position: absolute;
width: calc(100% - 20px);
height: calc(100% - 20px);
background: transparent;
border: 5px solid rgba(255, 255, 255, 0.7);
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: .5s all ease;
}
.rs-team-2 .team-item .team-img:hover .social-icon {
opacity: 1;
visibility: visible;
}
.rs-team-2 .team-item .team-img:hover .social-icon a:hover {
color: #fff;
}
.rs-team-2 .team-item .team-img:hover:before {
transform: translateX(-50%) translateY(-50%) rotate(-270deg);
border: 0;
background: rgba(33, 33, 33, 0.8);
}
.rs-team-2 .team-item .team-body {
padding: 18px;
text-align: center;
background-color: #f0f0f0;
}
.rs-team-2 .team-item .team-body .name {
font-size: 20px;
margin-bottom: 2px;
color: #212121;
transition: all 0.3s ease 0s;
}
.rs-team-2 .team-item .team-body .name:hover {
color: #ff3115;
}
.rs-team-2 .team-item .team-body .designation {
font-size: 15px;
}
.rs-team-2.team-page {
padding-top: 93px;
}
.rs-team-2 .row.grid {
min-height: 400px !important;
overflow: hidden;
}
.team-all .row {
margin-bottom: 30px;
}
.team-all .row .team-item {
margin-bottom: 0;
}
.home5 .rs-team .team-item {
margin-bottom: 30px;
overflow: inherit;
}
.home5 .rs-team .team-item .team-desc {
font-size: 14px;
line-height: 22px;
}
.home5 .rs-team .team-item .team-social .social-icon {
background: #92278f;
}
.home5 .rs-team .team-item .team-social .social-icon:hover {
background: #5d0b5b;
}
.home5 .rs-team .team-item .team-img .normal-text {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
text-align: center;
border-radius: 30px;
width: 200px;
padding: 15px 0 0;
height: 70px;
bottom: -30px;
}
.sec-spacer {
padding: 100px 0;
}
.gridFilter {
margin-bottom: 35px;
}
.gridFilter button {
background: transparent;
border: 0;
font-size: 15px;
font-weight: 700;
outline: none;
color: #505050;
cursor: pointer;
}
.gridFilter button.active {
color: #ff3115;
}
.gridFilter button + button {
margin-left: 20px;
}
/* jackpot-section css start */
.jackpot-section .text-btn {
margin-top: 42px;
}
.jackpot-item {
padding: 30px 30px 10px 30px;
background-color: #ffffff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
border-bottom: 2px solid #57068C;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.jackpot-item:hover {
box-shadow: 1.5px 2.598px 17.22px 3.78px rgba(87, 6, 140, 0.21),-1.678px 2.487px 17.22px 3.78px rgba(87, 6, 140, 0.21);
}
.jackpot-item span {
display: block;
}
.jackpot-item .amount {
font-size: 20px;
font-weight: 700;
color: #57068C;
margin-top: 15px;
}
.jackpot-item .title {
font-weight: 500;
}
.jackpot-item .next-draw-time {
margin-top: 25px;
}
.jackpot-item .next-draw-time span {
display: inline-block;
}
.jackpot-item a {
transform: translateY(30px);
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
}
/* jackpot-section css end */
.d-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cmn-btn {
font-size: 20px;
text-transform: capitalize;
background-color:#33B5F7;
color: #ffffff;
padding: 10px 26px;
font-weight: 400;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
font-size: 16px;
text-transform: uppercase;
}
.cmn-btn:hover {
box-shadow: 0 11px 15px 0 rgba(51, 181, 247, 0.45);
color: #ffffff;
}
.border-btn {
padding: 11px 21px;
border: 1px solid #ededf5;
text-transform: uppercase;
font-size: 14px;
display: block;
color: #6b6f78;
border-radius: 999px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-ms-border-radius: 999px;
-o-border-radius: 999px;
font-weight: 700;
}
.text-btn {
font-weight: 400;
text-transform: capitalize;
color: rgba(51, 55, 69, 0.8);
text-decoration: underline;
margin-top: 15px;
}
.text-btn:hover {
color: var(--main-color);
text-decoration: underline;
}
.section-header {
margin-bottom: 55px;
margin-top: -15px;
}
.section-header .top-title {
margin-bottom: 5px;
}
.section-title {
text-transform: capitalize;
}
.section-header p {
margin-top: 19px;
}
.section-padding {
padding-top: 120px;
padding-bottom: 120px;
}
.mt-mb-15 {
margin-top: -15px;
margin-bottom: -15px;
}
.section-bg {
background-color: #f7fcff;
}
.form-grp+.form-grp {
margin-top: 10px;
}
.main-dark-version {
background-color: var(--dark-main-color);
}
.has_bg_image {
background-position: center;
background-size: cover;
}
.m-bottom-30 {
margin-bottom: 30px;
}
.m-bottom-not-30 {
margin-bottom: -30px;
}
.load-more-btn-area {
margin-top: 50px;
text-align: center;
}
.load-more-btn-area button {
text-transform: capitalize;
}
.border-top {
border-top: 1px solid #ededf5 !important;
}
.border-bottom {
border-bottom: 1px solid #ededf5 !important;
}
input[type="submit"] {
cursor: pointer;
}
.result-body h5 {
font-size: 16px;
font-weight: 300;
margin-bottom: 20px; margin-top: 10px;
}
.result-body p {
font-size: 14px;
font-weight: 300;
margin-bottom: 20px; margin-top: 10px;
}
.result-body h4 {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #454545;
margin-bottom: -13px;
}
.result-body h4 span {
float: right;
margin-top: 3px;
}
.result-body h4 del {
font-size: 16px;
font-weight: 300;
color: #6a6a6a;
}
.result-body h3 {
margin-top: 40px;
font-size: 14px;
}
.result-body h3 span {
float: right;
margin-top: 3px;
}
.elh-section-title {
margin: 0;
padding-bottom: 25px;
position: relative;
}
.section-title h2 {
font-size: 25px;
font-weight: 400;
text-align: left;
font-family: "Roboto",sans-serif;
}
.section-title h2:after {
bottom: -15px;
right: auto;
}
.work {
background: #ecf0f1;
}
#btnright {
position: fixed;
z-index: 91;
padding: 5px 0;
right: 0;
bottom: 143px;
/* background-color: #c9b153; */
border: 0;
color: #fff;
}
#btnright2 {
position: fixed;
z-index: 91;
padding: 5px 0;
right: 0;
bottom: 350px;
/* background-color: #c9b153; */
border: 0;
color: #fff;
}
.display-4 {font-size:18px!important; font-weight:700!important;}
.blink
{
color:#FF0000;
Font-Size : 15px; font-weight:bold;
vertical-align:baseline;
animation: changecolor 1s infinite;
-moz-animation: changecolor 1s infinite;
-webkit-animation: changecolor 1s infinite;
-ms-animation: changecolor 1s infinite;
-o-animation: changecolor 1s infinite;
}
keyframes changecolor
{
0% { color: green; }
25% { color: red }
75% { color: blue }
100% { color: green; }
}
/* Mozilla Browser */
@-moz-keyframes changecolor
{
0% { color: green; }
25% { color: red }
75% { color: blue }
100% { color: green; }
}
/* WebKit browser Safari and Chrome */
@-webkit-keyframes changecolor
{
0% { color: green; }
25% { color: red }
75% { color: blue }
100% { color: green; }
}
/* IE 9,10*/
@-ms-keyframes changecolor
{
0% { color: green; }
25% { color: red }
75% { color: blue }
100% { color: green; }
}
/* Opera Browser*/
@-o-keyframes changecolor
{
0% { color: green; }
25% { color: red }
75% { color: blue }
100% { color: green; }
}
.card {
border: none;
-webkit-box-shadow: 0 0 13px 0 rgba(236,236,241,.44);
box-shadow: 0 0 13px 0 rgba(236,236,241,.44);
margin-bottom: 20px;
}
.text-white {
color: #fff!important;
}
.bg-primary {
background-color: #626ed4!important;
}
.text-white {
color: #fff!important;
}
.bg-primary {
background-color: #007bff!important;
}
.bg-success {
background-color: #02a499!important;
}
.bg-info {
background-color: #38a4f8!important;
}
.bg-info2 {
background-color: #dcf1fd!important;
}
.bg-info3 {
background-color: #fcd2c1!important;
}
.bg-info4 {
background-color: #ececf1!important;
}
.bg-warning {
background-color: #f8b425!important;
}
.bg-danger {
background-color: #ec4561!important;
}
.card-title {
margin-bottom: .75rem; font-size:15px;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-body a { color:#FFFFFF;
}
.card-text {
margin-top: 0;
margin-bottom: 1rem;
}
.mb-0, .my-0 {
margin-bottom: 0!important;
}
.mt-r, .my-0 {
margin-top: 30px!important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
.mini-stat .mini-stat-img {
width: 58px;
height: 58px;
line-height: 58px;
background: rgba(255,255,255,.15);
border-radius: 4px;
text-align: center;
}
.mr-4, .mx-4 {
margin-right: 1.5rem!important;
}
.float-left {
float: left!important;
}
.text-success {
color: #02a499!important;
}
.text-success {
color: #28a745!important;
}
.mini-stat .mini-stat-label {
position: absolute;
right: 0;
top: 18px;
padding: 2px 10px 2px 32px;
-webkit-clip-path: polygon(100% 0,100% 50%,100% 100%,0 100%,24% 50%,6% 0);
clip-path: polygon(100% 0,100% 50%,100% 100%,0 100%,24% 50%,6% 0);
}
.mini-stat .mini-stat-img {
width: 58px;
height: 58px;
line-height: 58px;
background: rgba(255,255,255,.15);
border-radius: 4px;
text-align: center;
}
.mini-stat .mini-stat-img img {
max-width: 32px;
}
.float-right {
float: right!important;
}
.font-16 {
font-size: 20px!important; font-weight:bold;
}
.bg-secondary {
background-color: #7ab545!important;
}
.bg-second {
background-color: #428bca!important;
}
.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
.box .space { height: 30px; }
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
padding: .75rem 1.25rem; font-weight:bold;
margin-bottom: 0;
background-color: rgba(0,0,0,0.03);
border-bottom: 1px solid rgba(0,0,0,0.125);
}
.card2 {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem; margin-bottom:20px;
}
.card2-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card2-body a { color:#000;
}
.card7 {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #57068c; color:#FFFFFF;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem; margin-bottom:15px;
}
.card-body7 {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0.5rem;
}
.news {
box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);
width: 100%;
height: 37px;
margin: 20px auto;
overflow: hidden;
border-radius: 4px;
padding: 3px;
-webkit-user-select: none
}
.news span {
float: left;
color: #fff;
padding: 6px;
position: relative;
top: 1%;
border-radius: 4px;
box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
font: 16px 'Raleway', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
cursor: pointer
}
.news ul {
float: left;
padding-left: 20px;
animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
-webkit-user-select: none
}
.news ul li {line-height: 30px; list-style: none }
.news ul li a {
color: #fff;
text-decoration: none;
font: 14px 'Raleway',Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none
}
.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }
/* OTHER COLORS */
.blue { background: #347fd0 }
.blue span { background: #2c66be }
.red { background: #d23435 }
.red span { background: #c22b2c }
.green { background: #699B67 }
.green span { background: #547d52 }
.magenta { background: #b63ace }
.magenta span { background: #842696 }
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.enquiry { background-color:#336799; padding:30px; border-bottom:5px solid #2c415d;}
.sticky-header {position:fixed; z-index:100;}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
}
.navbar-fixed-top {
top: -60px;
transition: top 800ms ease 0s;
}
.show-2 {
transition: bottom 800ms ease 0s;
}
.show {
top: 0;
}
.sections-title {
text-align: center;
}
.sections-title-h3 {
position: relative;
}
.sections-title-h3:before {
content: "";
height: 1px;
width: 270px;
background-color: #acacac;
display: inline-block;
position: absolute;
bottom: 0;
left: ;
margin-left: -135px;
}
.sections-title-h3 h3 {
font-size: 28px;
padding-bottom: 20px; line-height:30px;
margin-bottom: 20px; color: #FFFFFF;
}
.pb-20 {padding-bottom:20px;}
.pt-20 {padding-top:20px;}
.mb-20 {margin-bottom:20px;}
.mt-20 {pmargin-top:20px;}
.pb-30 {padding-bottom:30px;}
.pt-30 {padding-top:30px;}
.mb-30 {margin-bottom:30px;}
.mt-30 {pmargin-top:30px;}
.how-it-works-item:hover {
box-shadow: none !important;
}
.how-it-works-item {
padding: 30px;
margin-top: 20px;
transition: 0.3s;
}
.how-it-works-item2:hover {
box-shadow: none !important;
}
.how-it-works-item2 {
padding:5px;
margin-top: 0px;
transition: 0.3s; border:1px solid #999999;
}
.shadow {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.075) !important;
}
.bg-white {
background-color: #fff!important;
}
@-webkit-keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@-webkit-keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.loader-circle{top:50%;left:50%;z-index:1;color:#444;margin-top:-1em;margin-left:-1em;position:absolute;-webkit-animation:L_circle_rotate 1.568s linear infinite both;animation:L_circle_rotate 1.568s linear infinite both}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right:before,.loader-circle:before{content:'';display:block;border-style:solid;border-width:.21429em;border-color:currentColor}.loader-circle,.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right,.loader-circle .loader-stroke-right:before,.loader-circle:before{width:2em;height:2em;border-radius:50%;box-sizing:border-box}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right{position:absolute;clip:rect(0 2em 2em 1em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right:before{position:absolute;clip:rect(0 1em 2em 0)}.loader-circle:before{position:absolute;clip:rect(0 1.05em 1em .95em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right,.loader-circle:before{-webkit-animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-right:before{-webkit-animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-left:before{-webkit-animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}
.mhn-slide .mhn-item{width:100%;padding:10px}
.mhn-slide .mhn-inner{width:100%;height:100%;box-shadow:0 2px 10px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.26);border-radius:3px}
/*.mhn-slide .mhn-item img{display:none}*/
.mhn-slide .mhn-img{min-height:200px;overflow:hidden;height:100%;width:100%;color:white;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) #eee no-repeat center/cover;position:relative}
.mhn-slide .mhn-text{text-align:center;padding:20px; background-color:#FFFFFF;}
.mhn-slide .mhn-text h4{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mhn-slide .mhn-text p{max-height:4.5em;overflow:hidden}
.mhn-slide .owl-stage-outer{z-index:1}
.mhn-slide .owl-nav{color:#333;position:absolute;top:0;left:0;right:0;bottom:0}
.mhn-slide .owl-nav svg{color:currentColor}
.mhn-slide .owl-nav .disabled{display:none}
.mhn-slide .owl-prev,
.mhn-slide .owl-next{
top:110px;
z-index:2;
width:40px;
height:40px;
padding:8px;
margin-top:-20px;
position:absolute;
border-radius:50%;
background-color:#fff;
box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)
}
.mhn-slide .owl-prev{left:-10px}
.mhn-slide .owl-next{right:-10px}