﻿
@import url('https://fonts.googleapis.com/css?family=Titillium%20Web:400,500,300,700,600');
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;
}
p {
    min-height: 0px !important;
	font-size:15x !important;
}
.nomr{
    margin:0px;
}

/*popup start*/
.modal-lg {
    width: 50%;
    margin: 0 auto;
}
.modal-header {
    padding: 0px !important; 
    border-bottom: 0px solid #e5e5e5 !important;
min-height: 0px;	
}
.modal-content {
    position: relative;
   background-color:rgba(0,0,0,0.1) !important; 
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
     border: 0px solid #999 !important; 
     border: 0px solid rgba(0,0,0,.2) !important; 
     border-radius: 0px !important;
    outline: 0;
     -webkit-box-shadow: none !important ; 
     box-shadow:none !important;
         top:63px;
}
.modal-footer {
    padding: 7px !important; 
    text-align: center !important;
    border-top: 1px solid #e5e5e5;
}
 .trans_box2
	{width: 100%;
    /* float: right; */
   right: 0px;
    top: 0px;
    position:absolute;
    z-index:111;background: url(../images/home/slider/bg_black.png);  height: 321px;
    padding: 15px 15px;
	

}
 .trans_box3
	{
    width:100%;
    /* float: right; */
    right: auto;
    top: 0px;
    position: absolute;
    z-index: 111;
    background: url(../images/home/slider/bg_black.png);
    height: 321px;
     padding:0px
    	

}
 .top{
     margin:20px 0px 0px;
 }  
.modal-body {
    position: relative;
    padding: 0px !important;
}
/*popup*/

/*ul-aboutus*/
/*.pc1 {
    text-indent: -10px;
    padding-left: 14px;
}*/
.pc1 {
    text-indent: -23px;
    padding-left: 31px;
   
}
.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;}
.no_margin{margin:0px;}
.manage {
            width:100%;
            
        }
.mangement {
            /*width:100%;
            background:#d5196a;
                 box-shadow:0px 4px 0px 0px #a42f6b;
            */
           width: 100%;
    background: #f36d34;
    box-shadow: 0px 4px 0px 0px #cb4e19;
}
           
        
        
        .textevidence {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.width100_responsive {
width:100% !important;

}
        .width_percentage40 {
    width: 40% !important;
}
        .radius_right {
            border-radius: 0px 5px 5px 0px;
        }

  .no_padding {
            padding:0px;
        }
    .white {
       

    font-size: 16px;
    line-height: 22px;
    color: #fff;
   
    text-align: justify;
    }
     .white1 {
    color: #fff;
    text-align: left;
    font-size: 20px;
    padding: 20px 0px 10px 0px;
    border-bottom: 1px dashed;
    width: 98%;
}
/*  GRAYSCALE EFFECT "FILTER"
-----------------------------------------------------------  */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#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 #EBEBEB;
    font-family: "Titillium Web",Arial, Helvetica, sans-serif !important;
    color: #333;
    font-size: 13px;  
	
	word-wrap: break-word;
	line-height: 20px;
    cursor: default;border-top: 3px solid #221918;
}*/
body {
   
    background-image: url('../images/pattern.gif');
    /*font-family: "Merriweather",Titillium Web,Arial,sans-serif;border-top: 3px solid #221918;
        font-family: 'Oswald', sans-serif;*/
    font-family: 'Titillium Web',Arial,Helvetica,calibri,sans-serif;
    color: #000;
    font-size: 14px;
    word-wrap: break-word;
    line-height: 20px;
    cursor: default;
}
/*  Typography
-----------------------------------------------------------  */
a {text-decoration: none;}
a:hover {text-decoration: none;}
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.UpperCase:first-letter {font-size: 60px;color: #E2001A;text-transform: uppercase;}
blockquote {background: none repeat scroll 0 0 #F6F6F6;padding: 17px; color: #A1A1A1;font-style: italic;position: relative;}
blockquote:before {position: absolute;content: '\f10d';top: 10px; left:5px;font-size: 10px;color: #555555;font-family: "FontAwesome";font-style: normal;}
blockquote:after {position: absolute;content: '\f10e';bottom: 10px;right: 14px;font-size: 10px;color: #555555;font-family: "FontAwesome";font-style: normal;}

/*  Miscellaneous
-----------------------------------------------------------  */
.large-size {font-size: 72px;}

.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-bt-40 {margin-bottom: 40px;}

.margin-tp-10 {margin-top: 10px;}
.margin-tp-15 {margin-top: 15px;}
.margin-tp-20 {margin-top: 20px;}
.margin-tp-30 {margin-top: 30px;}

.WhiteSkin1 {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0,.1); border-right:1px solid #ccc; border-left:1px solid #ccc;}
.WhiteSkin {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0,.1); border:1px solid #ccc; padding:10px;}
.padding-tp-10 {padding-top: 10px !important;}
.padding-tp-20 {padding-top: 20px !important;}
.padding-tp-15 {padding-top: 15px !important;}
.padding-tp-30 {padding-top: 30px !important;}
.padding-bt-20 {padding-bottom: 20px !important;}
.padding-bt-15 {padding-bottom: 15px !important;}
.padding-bt-30 {padding-bottom: 30px !important;}
.padding-bt-40 {padding-bottom: 40px !important;}

.active-btn {background: none repeat scroll 0 0 #E2001A !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;}

fieldset {
   border: 1px solid #bbb;
background: #f9f8f8;
border-radius: 5px;
padding:4px 0px 4px 0px;
}

fieldset legend {
    color: #333;
    padding: 10px;
    border-radius: 1px;
    box-shadow: 0 0 0 1px #bbb;
    margin-left: 11px;
    width: 350px;
}
.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: #d9534f;
}
.alert-message-danger h4
{
    color: #d9534f;
}
.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;
}
     .text-weight {
    color: #f50101!important;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px;
     text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    display: block;
    width: 100%;
    line-height: 1.2;
}
   
/*  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-size:13px;max-width: 100%;width: 100%;margin-top: 15px;margin-bottom: 8px; color:#333;}
header#header .logo img { width: 130px; height:auto;}

/*  Header > Header Menu
-----------------------------------------------------------  */
header#header .header-top
{
vertical-align:middle; /*margin-top:30px;*/ margin-bottom:13px;
}
header#header ul.header-menu {margin: 0px;
padding: 1px 15px 4px 15px;
background-color: #221918;
font-size: 11px;}
header#header ul.header-menu > li{display: inline;color: #000;}
header#header ul.header-menu > li > a {color: #d2d1d0;padding: 0 12px 0 0px; transition: all .2s ease-in-out;}
header#header ul.header-menu > li:last-child > a {color: #d2d1d0;padding: 0 0 0 8px;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: #E2001A none repeat scroll 0px 0px;
border-radius: 0px;
box-shadow: none;
border: medium none;
padding: 0px;
margin: 0px 30px 0px 0px;
font-size: 11px;
text-transform: uppercase;}
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 #ffba66;}
header#header ul.header-menu ul.dropdown-menu > li > a:hover,
header#header ul.header-menu ul.dropdown-menu > li > a:focus {background-color:#fff;background-image: none;background-repeat: no-repeat;}

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 #ffde21;position: relative;width:100%; -webkit-box-shadow: 0px 4px 5px -4px rgb(203, 148, 32);-moz-box-shadow: 0px 4px 5px -4px rgb(203, 148, 32);box-shadow: 0px 4px 5px -4px rgb(203, 148, 32);}
/*.nav-wrapper:before {background: none repeat scroll 0 0 #34192a;position: absolute;content: '';width: 50%;height: 100%;top: 0;right: 0;z-index: 298;}*/
.nav-wrapper .slogan {text-align:center;color: #FFFFFF;line-height: 50px;background: none repeat scroll 0 0 #2A323E;}
.nav-wrapper .navbar-collapse {border: medium none;}
.nav-wrapper .navbar-default {background: none repeat scroll 0 0 #ffde21;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 i {color: #fff;font-size: 13px;}
.nav-wrapper ul.nav-main > li.home {    background: #E21C3F;
    margin-bottom: -12px;
    border-bottom: 12px solid #E21C3F;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.10);
    /* padding-bottom: 20px; */
    color: #fff;
    border-radius: 0px 0px 5px 5px;}
.nav-wrapper ul.nav-main > li {
    font-size: 14px;
    padding: 0 9px 0 9px;
    border-left: 1px solid #f68e2e;
    }
.nav-wrapper ul.nav-main > li a i {
    color: #e70027;
    font-size: 11px;
}
.nav-wrapper ul.nav-main > li h4 {font-size: 13px;padding:8px 5px 8px 0px; font-weight:bold; color:#FFFFFF;}
/*.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 5px 0 0px;
    border-left: 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: #000000;line-height: 50px;box-shadow: none;text-shadow: none;transition: all .2s ease-in-out;}
.nav-wrapper ul.nav-main > li a:hover,
.nav-wrapper ul.nav-main > li a:focus {color: #ea2d05;}

.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: 37px;}
.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 #f05737; 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: #fff;font: 13px 'FontAwesome';line-height: 34px;}
.nav-wrapper li.nested-dropdown:hover:after {color: #FFFF00;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu {background: none repeat scroll 0 0 #555;display: none;position: absolute;left: 100%;top: 100%;margin: -38px 0 0 0;width: 102% !important;padding: 0 0 0;border-radius: 0 0 0;border: medium none;}

.nav-wrapper li.nested-dropdown:hover > ul.dropdown-menu {display: block;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li {font-size: 14px;padding: 0 14px 0;border-bottom: 1px solid #999999;transition: all .2s ease-in-out;}
.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:hover {background: none repeat scroll 0 0 #555;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li a {color: #fff !important;line-height: 37px !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a {color: #FFFFFF !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a:hover {color: #FFFFFF !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;}
.shrink-nav {color: #fdfdfd !important;top: 0px;position: fixed;width: 100%;z-index: 9999;}
.shrink-nav .navbar-nav > li > a {line-height: 24px;}


/*  Style Switcher
-----------------------------------------------------------  */
#styleSwitcher {width: 50px;position: absolute;right: 0;top: 0;z-index: 299;}
#styleSwitcher .open-btn {background: none repeat scroll 0 0 #E2001A;display: block;height: 40px;width: 100%;line-height: 40px;text-align: center;cursor: pointer;}
#styleSwitcher .open-btn i {line-height: 40px;color: #221918;text-align: center;font-size: 20px;}
#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 #E2001A;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 #E2001A;min-height: 354px;position: relative;}
#main-slider .pager-container:before {content: "";border-top: 10px solid transparent;border-right: 10px solid #E2001A;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 #E2001A;}
#main-slider .pager-container .pager-btn ul li a.active {background: none repeat scroll 0 0 #E2001A;}



/*  Aboutus - Organization Chart

-----------------------------------------------------------  */





/*  Latest news
-----------------------------------------------------------  */
.latest-news {margin: 0 0 20px;}
.latest-news p {padding: 6px;}
.latest-news ul.news-dropdown {font-size: 0;text-align: right; margin-bottom:0px;}
.latest-news ul.news-dropdown > li {color: #E2001A;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: 12px 20px;}
.latest-news ul.news-dropdown ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #E2001A;}

/*  Services mosaic
-----------------------------------------------------------  */
.mosaic {padding: 20px 30px 15px;text-align: center;color: #221918;margin:0 0 20px;transition: all .2s ease-in-out;}
.mosaic:hover {background:#E2001A none repeat scroll 0px 0px;color: #FFFFFF;}
.mosaic h3 {font-weight: bold;padding: 15px 0 15px;font-size: 26px;}
/**/
.mosaic2 {padding:10px;text-align: center;color: #221918;transition: all .2s ease-in-out;}
    .mosaic2 img {width:100%;}
.mosaic2-bg-red
{background: #f36d34 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-sea
{background: #24C671 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-blue
{background: #0078d7 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-org
{background: #FFA500 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-gray
{background: #3C2B2D none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}

.mosaic2-bg-red a
{color: #FFF;}
.mosaic2-bg-sea a
{color: #FFF;}
.mosaic2-bg-blue a
{color: #FFF;}
.mosaic2-bg-org a
{color: #FFF;}
.mosaic2-bg-gray a
{color: #FFF;}


.mosaic2-bg-red:hover
{background: #EF3C29 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-sea:hover
{background: #27D378 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-blue:hover
{background: #2099EA none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-org:hover
{background: #F27C13 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bg-gray:hover
{background: #333131 none repeat scroll 0px 0px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mosaic2-bottom
{ font-size:18px; font-weight:100; margin-bottom:15px;

/*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;}
/*  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: 21px;}

.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: #E2001A none repeat scroll 0px 0px;}
.mosaic1 .bg-blue
{background: #3b5591 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;}
/*  New Project
-----------------------------------------------------------  */
.new-projects {position: relative;margin:0 0 20px;}
.new-projects .projects-heading {background: none repeat scroll 0 0 #0374d6;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 #E2001A;}

/*  Recent works / Portfolio
-----------------------------------------------------------  */
.portfolio-list {position: relative;}
.portfolio-list .headline {border-bottom: 1px solid #ffcc00;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 #ffcc00;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: #000;width: auto;transition: all .2s ease-in-out; font-size:15px;}
.portfolio-list .headline .controls .arrows:hover {background: none repeat scroll 0 0 #E2001A;}
.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 #E2001A;color: #FFFFFF;}

/*  Portfolio musaic
-----------------------------------------------------------  */
.portfolio-mosaic {margin: 0 0 20px;}

/*  Testimonials
-----------------------------------------------------------  */
.testimonials {margin: 0 0 30px;}
.portfolio-item h3{
margin: 10px 0 4px;
color: #fff!important;
}
.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 'verdana';padding-left: 8px;}
.testimonials .panel-container ul li.active {background: none repeat scroll 0 0 #E2001A;border-left: 3px solid #E2001A;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 #E2001A;border-bottom: 10px solid transparent;display: block;position: absolute;}
.testimonials .panel-container ul li:hover {background: none repeat scroll 0 0 #E2001A;border-left: 3px solid #E2001A;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 #E2001A;border-bottom: 10px solid transparent;display: block;position: absolute;}

/*  Clients
-----------------------------------------------------------  */
.clients-wrapp {}
.clients-wrapp .clients-slider {padding: 40px 0 45px;}
.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 #E2001A;}
.clients-wrapp .clients-outer .controls .arrows:hover i {color: #FFFFFF;}

/*  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 #E2001A;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 #ffde21;padding: 46px 0;}
footer#footer p {color: #211d07;text-align:justify;font-size: 13px;font-weight: 700;}
footer#footer .twitter {margin: 30px 0 0;}
footer#footer .twitter ul li {color: #ccc;}
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 #E2001A;background-color: #E2001A;}
footer#footer .contact-details {color: #050505;}
footer#footer .contact-details ul li .media-heading {color: #f05936;}
footer#footer .contact-details ul li i {color: #f05737;font-size: 42px;}


footer#footer .contact-details1 {color: #ccc;}
footer#footer .contact-details1 .media-heading1 {font-size: 14px;color: #52470d;margin-bottom: 10px;}
footer#footer .contact-details1 ul li i, footer#footer .contact-details1 ul li a, footer#footer .contact-details1 ul li {color: #000000;font-weight:700;}

/*  Privacy Section
-----------------------------------------------------------  */
.footer-privacy {background: none repeat scroll 0 0 #34192a;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: #E2001A;}

.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: 31px;border-radius: 0 0 0 0;}
.newsletter .input-group .btn-default {background: none repeat scroll 0 0 #E2001A;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 #f05737;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 #E2001A;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 #E2001A;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;}

/*  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 'Titillium Web';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: #E2001A;}
.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 #E2001A;}

/*  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: #E2001A;}
.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: #E2001A;}
.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 #E2001A;}

/*  Blog Post, Article
-----------------------------------------------------------  */
post {overflow: hidden;}
post .post-image {position: relative;}
post .post-image img {width: 100%;}
post .post-image .icon-overlay {position: absolute;bottom: 0;right: 0;}
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;}
post .post-image .icon-overlay a.active {background: none repeat scroll 0 0 #E2001A;float: right;}
post .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #E2001A;height: 30px;}
post .post-meta span {float: left;line-height: 30px;padding: 0 0 0 26px;height: 100%;}
post .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
post .post-meta span a {color: #FFFFFF;font-size: 12px;}
post .post-content {padding: 20px 20px 0;}
post .post-content .post-title {text-align: left;font:bold 20px/22px 'Titillium Web';margin:0px 0px;}
post .post-content .post-title a {color: #221918;}
post .post-content .alternative-meta {text-align: left;color: #a9aaa9;margin: 0 0 20px;}
post .post-content .alternative-meta span {font: 11px 'Arial';border-right: 1px solid #dfdfdf;padding: 0 12px 0;}
post .post-content .alternative-meta span:first-child {padding: 0 12px 0 0;}
post .post-content .alternative-meta span a {color: #a9aaa9;}
post .post-content h3 {margin: 10px 0 4px;color: #E2001A;}
post .post-content p { text-align:justify; margin-bottom:15px;}
/*post .post-content p a {color: #E2001A;}
post .post-content p a:hover {color: #221918;}*/
post .more {text-align: right;margin: 20px 0 0;}
post .more a {color: #FFFFFF;background: none repeat scroll 0 0 #E2001A;display: block;width: 60px;height: 30px;line-height: 30px;text-align: center;transition: all .2s ease-in-out;}
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 'Titillium Web';}
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 'Titillium Web';}
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 'Titillium Web';}
article.format-link .post-content .post-title a {color: #E2001A;}

/*  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 #E2001A;}
#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;}
.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 #221918;position: relative;}
.widget .widget-body ul {margin: 0 0 20px;}
.widget .widget-body ul li {padding: 8px 0; margin-bottom:10px;}


.widget .widget-body1 {padding: 24px 24px 24px;position: relative;}
.widget .widget-body1 ul {margin: 0 0 20px;}
.widget .widget-body1 ul li {padding: 8px 0; margin-bottom:5px;}

/*  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 7px 6px !important;
    background: url(../../cpgurukul.com/images/bullet.gif) no-repeat 0px 18px;}
.widget .categories ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .categories ul li a:hover {color: #E2001A;}
.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;}


/*  Twitter Widget
-----------------------------------------------------------  */
.widget .twitter {padding: 24px 24px 8px;}
.widget .twitter ul {}
.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:'Titillium Web', Helvetica, sans-serif;font-weight: 600;}
.widget .twitter ul li a i {color: #E2001A;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;
    background: url(../../cpgurukul.com/images/bullet.gif) no-repeat 0px 18px;}
.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;white-space: nowrap;line-height: 34px;margin: 0 4px 0 0;transition: all .2s ease-in-out;}
.widget .tagcloud a:hover {background: none repeat scroll 0 0 #E2001A;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 #E2001A;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 #E2001A;}
#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 #E2001A;}

#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 #E2001A;}

/*  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: #E2001A;}
.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: #E2001A;}

/*  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 #E2001A;}
.controls-wrapp .controls .arrows:hover i {color: #FFFFFF;}

/*  Lunch Project
-----------------------------------------------------------  */
.lunch-project {background: none repeat scroll 0 0 #E2001A;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: 10px 0 6px !important;}
.widget .project-details ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .project-details ul li a:hover {color: #E2001A;}
.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;}

      #tcb-testimonial-carousel {
  margin-top: 30px;
  border: 1px dashed #ddd;
}
#tcb-testimonial-carousel a {
  color: #b20000;
}
#tcb-testimonial-carousel .text-brand {
  color: #b20000;
}
#tcb-testimonial-carousel .carousel-indicators .active {
  background: #b20000;
}
#tcb-testimonial-carousel .no-margin {
  margin: 0;
}
#tcb-testimonial-carousel .carousel-indicators li {
  border: 1px solid #ccc;
  margin-top: 15px;
}
#tcb-testimonial-carousel .carousel-control {
  color: #b20000;
  width: 5%;
}
#tcb-testimonial-carousel .carousel-control:hover,
#tcb-testimonial-carousel .carousel-control:focus {
  color: #b20000;
}
#tcb-testimonial-carousel .carousel-control.left,
#tcb-testimonial-carousel .carousel-control.right {
  background-image: none;
}
#tcb-testimonial-carousel .item {
  padding: 40px;
  background: #f8f8f8;
}
#tcb-testimonial-carousel .media-object {
  margin: auto;
}


/*  Services Header
-----------------------------------------------------------  */
header.services {margin: 0 0 20px;height: auto; color:#fff;max-width: 100%;background: url('../images/header.jpg') no-repeat 0 0 #E2001A;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 .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;}
.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: #221918;}
.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: #E2001A;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: #555;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 #E2001A;display: inline-block;}

/*  Checkbox Input
-----------------------------------------------------------  */
label {cursor: pointer;display: inline-block;position: relative;}

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: #E2001A;}

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: #E2001A;}
.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.html) no-repeat 0 0 #E2001A;-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 'Titillium Web',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 'Titillium Web',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 'Titillium Web',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 { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color:#000 !important; background: transparent; font-weight:bold;}
        .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); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 0; }



<!-- Scroll Start -->
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); 
}
<!-- Scroll end-->


<!-- Start -->

.ul {
	list-style:none;
	
}
.ul li {
	text-align:justify;
	padding:0px 10px 0px 11px;
	background: url(../../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;
}
<!-- End-->

.notify
{
left: 1px!important;
bottom: 10px!important; position:fixed!important;z-index: 600!important;
}
/*===================================================================================*/
/*  Header
/*===================================================================================*/
#header {
    position: relative;
    padding: 0px;
}
#header .htop {     background-color: #f8f8f8;
 border: 1px solid #e7e7e7;  }
#header .links > ul > li > a, #header .links > ul > li .wrap_custom_block > a, #header .links > ul > li.mobile, #header .links > ul > li.email, #language span, #currency span, #header #top-links > ul > li > a { color:#333; text-transform: capitalize;
    display: inline-block;
  padding-left: 5px;text-transform:uppercase; font-size:11px; letter-spacing:1px;}
#header .links > ul > li.wrap_custom_block > a b { border-color:#333 transparent transparent; }
#header .links, #header .links > ul > li, #language, #currency, #header #top-links > ul > li, #header #top-links { border-color: #ccc;
    float: left;
    padding-right: 10px;
    line-height: 35px; }
#top .dropdown-menu li a:hover, #currency ul li .currency-select:hover, #language ul li .language-select:hover { color:#000;   }
/**===== Search Bar =====**/
#header #search input { background:#f6f6f6; }
/**===== Mini Cart =====**/
#header #cart.open .heading span:after { border-color:transparent transparent #E2001A; }
#header #cart .heading .cart-icon:before, #header #cart .heading .cart-icon:after, #header #cart .dropdown-menu { border-color:#E2001A; }
#header #cart .heading .cart-icon { background:#E2001A; }

/*#header ul, #header ol {
	list-style:none;
	padding:0;
	margin:0;
}#header #top-links > ul > li > a:before {
   top: 15px;
    left: -1px;
    width: 1px;
    height: 9px;
    content: " ";
    background: #ccc none repeat scroll 0% 0%;
    position: absolute;
}
#header #top-links > ul > li > a:first-child {
   
    background: none;
}
*/

.tour-item {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.tour-post {
    border: 1px solid #e8e8e8;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
}
.tour-post .p-name {
    margin-bottom: 22px;
}
.tour-days {
    color: #777777;
    margin-top: 4px;
}
.tour-post-header {
    border-bottom: 1px dashed #e8e8e8;
    padding: 9px 20px;
}
.tour-feature-img {
    margin-bottom: 20px;
    text-align: center;
}
.tour-price {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
}
.tour-price-off {
    background: #fc4242;
    padding: 1px 10px;
    color: #fff;
    font-weight: 500;
}
.tour-contents {
    margin: 18px;
}
.more-details {
    color: #fc4242;
    font-size: 13px;
    font-style: italic;
    float: right;
    display: inline-block;
    text-decoration: none;
}
.more-details:hover {
    color: #333333;
    text-decoration: none;
}
.tour-by-destination {
    border: 1px solid #e8e8e8;
    margin-right: 40px;
}
.tour-by-destination .map {
    float: left;
    width: 38.5%;
}
.tour-by-destination .destination-detail {
    width: 61.5%;
    float: left;
    border-left: 1px solid #e8e8e8;
    padding: 15px 30px;
}
.tour-by-destination .destination-detail img {
    float: left;
    width: 50%;
}
.tour-by-destination .destination-content {
    clear: both;
}
.tour-by-destination .arrow-list {
    padding-left: 0;
    width: 46%;
    margin-left: 4%;
    float: left;
}
.tour-by-destination .slick-prev,
.tour-by-destination .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    z-index: 99;
}
.tour-by-destination .slick-prev {
    left: 35.5%;
}
.tour-by-destination .slick-next {
    right: -21px;
}
.tour-by-destination .fa {
    vertical-align: middle;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    padding: 11px 15px;
}
.tour-by-destination .fa:hover {
    background: #fc4242;
    color: #fff;
}
.tour-by-destination h5 {
    margin-bottom: 5px;
}
.tour-by-destination small {
    font-size: 13px;
    color: #aaa9a9;
}
.fixed-bg
{
background-image: url('../images/slide/home-b.html');
background-repeat: no-repeat;
background-position: 100% 100%;
background-attachment: fixed;
}


.exeutive-section{float:left;width:100%;margin-bottom:40px;}.exeutive-section .container-fluid{padding:0;}.exeutive-section .col-md-7,.exeutive-section .col-md-5,.exeutive-section .col-md-3{padding:0;}.exeutive-section .empty-section{background:url(../images/slide/exeutive-bg-2.html) no-repeat left top;width:390px;height:420px;float:left;}.exeutive-section .video-box{float:left;width:100%;height:420px;padding:163px 0;position:relative;background-image:url(../images/slide/video-bg-1.jpg);background-repeat:no-repeat;background-position: left top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}.exeutive-section .video-box button{display:block;text-align:center;margin:0 auto;border:0;background:none;}.exeutive-section .video-box .modal-dialog{width:1000px;}.exeutive-section .video-box .modal-header{border:0;padding:0;position:relative;}
.exeutive-section .video-box .close{color:#000;width:30px;height:30px;background:#fff;float:right;font-size:21px;opacity:1;text-shadow:none;position:absolute;right:-30px;top:0;}.exeutive-section .video-box .modal-body{padding:0;}.executive-message-box{float:left;height:420px;width:100%;background-image:url(../images/slide/executive-bg.jpg);background-repeat:no-repeat;background-position:right top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;padding:54px 0;}.message-box{width:555px;border:1px solid #ccc;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);padding:30px 30px 0 30px;margin:0 0 0 -243px;}.message-box h2{margin:0 0 10px 0;}.message-box input[type="text"]{float:left;width:100%;border:1px solid #ccc;background:#fff;height:45px;box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);font:400 14px 'Titillium Web',sans-serif;color:#777;padding:0 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:30px;}.message-box input[type="submit"]{float:left;width:100%;border:1px solid rgba(0,0,0,0);background:#fff;height:45px;font:400 16px 'Titillium Web',sans-serif;color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:30px;}.message-box input[type="submit"]:hover{background:#fff;color:#222;border:2px solid;}.executive-message-box-2{background:url(../images/slide/exeutive-bg-3.html) no-repeat left top;width:1123px;height:420px;float:left;}.executive-message-box-2 .message-box{margin:50px 0 0 98px;}.exeutive-facts-box{float:left;width:390px;height:420px;}.exeutive-facts-box ul{padding:0 30px;margin:0;list-style:none;}.exeutive-facts-box ul li{display:block;overflow:hidden;padding:28px 0 28px 20px;border-top:1px solid rgba(255,255,255,0.4);}.exeutive-facts-box ul li:first-child{border:0;}.exeutive-facts-box span.icon{float:left;margin:0 14px 0 0;}.exeutive-facts-box .text-col{overflow:hidden;}.exeutive-facts-box .text-col strong.number{display:inline-block;font:700 36px/36px "Titillium Web",sans-serif;padding:0 0 6px 0;color:#fff;}.exeutive-facts-box .text-col sup{display:inline-block;font:700 20px "Titillium Web",sans-serif;top:-12px;left:3px;color:#fff;}.exeutive-facts-box .text-col span{color:#fff;display:block;font:400 14px/14px "Titillium Web",sans-serif;text-transform:uppercase;}
img.img-bordered {
    padding: 3px;
    border: solid 1px #eee;
}
ul.cont-list {
    width: 100%;
    padding: 0px;
}
ul.cont-list li {
    color: #000;
    display: block;
    font-family: droid_sansbold;
    font-size: 105%;
    list-style-position: inside;
    list-style-type: none;
    margin: 0px;
    padding: 7px 0px 7px 15px;
    line-height: 20px;
    background: transparent url(../images/doted.png) no-repeat scroll left 13px;border-bottom: 1px solid #fc495e;
}

ul.cont-list li a {
    padding: 0px 5px 0px 3px;
   
}
ul.cont-list li:hover, a:hover {
color:#000;
}
.border-rt {
   
    border-left: 1px solid #fc495e;
}
.no-pad {
    padding-right: 0px !important;
}
.right-header {
  color: #000;
font-size: 120%;
width: 100%;
float: left;  font-weight:bold;
margin: 15px 0px 0px;
}
.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: #4466e4; 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: #fff; border: 1px solid #aaa; padding: 15px 0 10px 0;  }
.box > .icon > .info > h3.title {  font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p {  margin: 20px;text-align: justify;}
.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-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: #4466e4; }
.box .space { height: 30px; }
.top-header-pd li a
{
    padding: 7px;
    font-size: 13px;
    letter-spacing: 0.7px;
 }
	.top-header-pd li:before {
   top: 18px;
   left: -1px;
   width: 1px;
   height: 9px;
   content: " ";
   background: #333 none repeat scroll 0% 0%;
   position: absolute;
}
.top-header-pd li:first-child {
   
    background: none;
}
.top-header-mobile
{
	padding:10px;}
/*Flat Testimonials
------------------------------------*/
.flat-testimonials {
  padding: 50px 0; 
  background-color: #333;
}

.flat-testimonials .flat-testimonials-in {
  padding: 30px;
  text-align: center;
  background: rgba(255,255,255,0.2);
}

.flat-testimonials .flat-testimonials-in img {
  width: 135px;
  height: 135px;
  margin: 0 auto 25px;
}

.flat-testimonials .flat-testimonials-in h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 200;
}

.flat-testimonials .flat-testimonials-in span {
  display: block;
  margin-bottom: 5px;
}

.flat-testimonials .flat-testimonials-in p {
  color: #fff;
  font-weight: 200;
  position: relative;
}

.flat-testimonials .flat-testimonials-in p:before,
.flat-testimonials .flat-testimonials-in p:after {
  top: 5px;
  font-size: 22px;
  line-height: 10px;
  position: relative;
}

.flat-testimonials .flat-testimonials-in p:before {
  content: "�";
  padding-right: 5px;
}

.flat-testimonials .flat-testimonials-in p:after {
  content: "�";
  padding-left: 5px;
}

/*Testimonials v4
------------------------------------*/
.testimonials-v4 {
  overflow: hidden;
}

.testimonials-v4 .testimonials-v4-in {
  background: #fff;
  position: relative;
  margin-bottom: 40px;
  padding: 20px 20px 20px 55px;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
  -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
  box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
}

.testimonials-v4 .testimonials-v4-in:before {
  color: #bbb;
  font-size: 60px;
  content: "\201C";
  position: absolute;
  margin: -25px 0 0 -40px;
  font-family: Georgia, serif;
}

.testimonials-v4 .testimonials-v4-in:after {
  width: 0;
  height: 0;
  left: 80px;
  content: " ";
  bottom: -30px;
  position: absolute;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #fff transparent transparent transparent;
  -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1));
  filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1));
}

.testimonials-v4 .testimonials-v4-in p {
  color: #777;
  font-size: 14px;
  font-style: italic;
}

.testimonials-v4 img {
  float: left;
  width: 60px;
  height: auto;
  margin: 0 20px;
}

.testimonials-v4 .testimonials-author {
  color: #555;
  display: block;
  font-size: 14px;
  overflow: hidden;
  padding-top: 8px;
  text-transform: uppercase;
}

.testimonials-v4 .testimonials-author em {
  font-size: 13px;
  text-transform: capitalize;
}

/*Testimonials v5
------------------------------------*/
.testimonials-v5 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.testimonials-v5 .testimonials-desc span {
  font-size: 13px;
  font-weight: 200;
}

.testimonials-v5 .testimonials-desc p {
  padding: 15px;
  position: relative;
  background: #f9f9f9;
  margin-bottom: 25px;
}

.testimonials-v5 .testimonials-desc p:after {
  width: 0;
  height: 0;
  left: 30px;
  color: #fff;
  bottom: -12px;
  content: " ";
  text-align: center;
  position: absolute;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #f9f9f9 transparent transparent transparent;
}

/*Testimonials By*/
.testimonials-v5 .testimonials-by {
  margin-left: 20px;
}

.testimonials-v5 .testimonials-by img {
  float: left;
  width: 40px;
  height: auto;
  margin-right: 15px;
}

.testimonials-v5 .testimonials-by small {
  color: #72c02c;
  font-size: 12px;
}

.testimonials-v5 .testimonials-by span {
  text-transform: uppercase;
}

/*Testimonials v6
------------------------------------*/
.testimonials-v6.testimonials-wrap {
  padding-left: 10px;
  padding-right: 10px;
}

.testimonials-v6 .testimonials-info {
  padding: 20px;
  background: #fff;
  border-bottom: solid 3px #eee;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  
}

.testimonials-v6 .testimonials-info:hover {
    border-color: #72c02c;
}

.testimonials-v6 .testimonials-info img {
  float: left;
  width: 120px;
  height: auto;
  margin-right: 20px;
}

.testimonials-v6 .testimonials-desc {
  overflow: hidden;
}

.testimonials-v6 .testimonials-desc p {
  margin-bottom: 15px;
}

.testimonials-v6 .testimonials-desc strong,
.testimonials-v6 .testimonials-desc span {
  color: #555;
  display: block;
}

@media (max-width: 768px) {
  .testimonials-v6 .testimonials-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}


#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:center;    padding: 10px 25px;
}
/*Tabs v2
------------------------------------*/
.tab-v2 .nav-tabs {
  border-bottom: none;
}

.tab-v2 .nav-tabs li a {
  padding: 9px 16px;
  background: none;
  border: none;
}

.tab-v2 .nav-tabs li.active a {
  background: #fff;
  padding: 7px 15px 9px;
  border: solid 1px #eee;
  border-top: solid 2px #E2001A ;
  border-bottom: none !important;
}

.tab-v2 .tab-content {
  padding: 10px 16px;
  border: solid 1px #eee;
  background-color:#eee;
}
/*Tabs v3
------------------------------------*/
.tab-v3 .nav-pills li a {
  color: #777;
  font-size: 17px;
  padding: 4px 8px;
  margin-bottom: 3px;
  background: #fafafa;
  border: solid 1px #eee;
}

.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
  color: #fff;
  background: #72c02c;
  border: solid 1px #68af28;
}

.tab-v3 .nav-pills li i {
  width: 1.25em;
  margin-right: 5px;
  text-align: center;
  display: inline-block;
}

.tab-v3 .tab-content {
  padding: 15px;
  background: #fafafa;
  border: solid 1px #eee;
}
.slider-tb
{background: #fff;
    padding: 7px 15px 9px;
    border: solid 1px #eee;
    border-top: solid 2px #E2001A;
    border-bottom: none !important;}
	.trans_box
	{width:300px;
    /* float: right; */
   right: 96px;
    top: 0px;
    position: absolute;
    z-index: 111;background: url(../images/home/slider/bg_black.png);  height: 321px;
    padding: 34px 15px;
	
/*	
transform-origin: 50% 50% 0px;
transform: matrix3d(0.8, 0, 0, 0, 0, 0.751754, -0.273616, 0.000547232, 0, 0.34202, 0.939693, -0.00187939, 0, 51.303, -9.04611, 1.01809);
opacity: 1;
filter: none;*/

}
   
.slider_hight
{background-color:#CCCCCC; height: 408px;}


.post-cat {
    position: absolute !important;
    top: 0;
   /* left: 0;*/
    color: #fff;
    padding: 6px 15px;
    display: inline-block;
    font-size: 12px;
    position: relative;
    white-space: nowrap;
    word-wrap: normal;
    letter-spacing: 0;
    transition: 0.3s;
    border-radius: 2px;
        border-bottom-left-radius: 2px;
    border-bottom-left-radius: 0;
}
.post-cat.cat-2 {
    background: #4ca80b;
}
.post-cat.cat-3 {
    background: #ff7300;
}
.post-cat.cat-4 {
    background: #ff0023;
}
.post-cat.cat-5 {
    background: #840b75;
}


.cat-2 {
    background-color: #4ca80b;
}
.cat-3 {
    background-color: #ff7300;
}

.post-cat.cat-2::after {
    border-top: 10px solid #4ca80b;
}

.post-cat.cat-3::after {
    border-top: 10px solid #ff7300;
}
.post-cat.cat-4::after {
    border-top: 10px solid #ff0023;
}
.post-cat.cat-5::after {
    border-top: 10px solid #840b75;
}


.post-cat::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -9px;
    left: 0;
    border-left: 0;
    border-right: 10px solid transparent;
    transition: 0.3s;
}
.featured-meta {
    bottom: 0px;
    float: left;
    padding: 15px;
    position: absolute;
    /* width: 100%;
    margin-bottom: 32px; */
	 color:#fff;
}


.product-grid {
	position: relative;
	text-align:center;
	vertical-align:top;
	background:#fff;
	padding:7px 7px 7px 7px;
	border:3px solid transparent;
	margin-bottom:15px;
}
.product-grid:hover { border-color:#eae9e9; }
.product-grid .product-thumb .image { margin-bottom:5px; }
.product-grid .product-thumb .image { float: none; }
.product-grid .product-thumb .description, .product-grid .product-thumb .price-tax, .owl-carousel .product-thumb .price-tax { display:none; }
.product-grid .product-thumb .button-group .add-to-links button, .owl-carousel .product-thumb .button-group .add-to-links button, {
padding:2px 6px;
}
.products-category.row {
    margin: 0;
}



/*homepage-whyblossompanle*/
.panel-title {
    font-family:'Titillium Web',Arial,Helvetica,calibri,sans-serif;
    font-size: 15px;
}
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f055";
    padding-right: 5px;
    color:#f36d34;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f056";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.panel-body {
    padding: 10px 30px 16px;
    background: #f68e2e;
    color: #fff;
}
/*homepage-whyblossompanle*/


   /* Style the tab Achivers section */
.tabdd {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 300px;
}

/* Style the buttons inside the tab */
.tabdd button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tabdd button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tabdd button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabddcontent {
    float: left;
    padding: 0px 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 300px;
}



.inactive { visibility: hidden; }
.active { background-color: #F7F7F9; }
.col-list .col-head { color: white; border-bottom: thick solid rgba(0, 0, 0, 0.2); border-radius: 5px 5px 0 0; margin-top: 45px; }
.col-list .col-head span { color: white; font-size: 2.5em; padding: 15px; border: thick solid #ffb748; border-radius: 50%; margin-top: -45px; background-color: #ffb748; }
.col-list .col-head p { color: white; font-size: 2.5em; padding: 15px; border: thick solid #5cb85c; border-radius: 50%; margin-top: -45px; background-color: #5cb85c; }
.col-list .col-head .d { color: white; font-size: 2.5em; padding: 15px; border: thick solid #f87152; border-radius: 50%; margin-top: -45px; background-color: #f87152; }
.col-list .col-head h2 { margin-top: 0px; margin-bottom: 5px; font-size: 1.9em; font-weight: 700; }
.col-list .t1 .col-head { background-color: #FFB748; }
.col-list .t2 .col-head { background-color: #5cb85c; }
.col-list .t3 .col-head { background-color: #F87152; }
.col-list .t1 li:last-child,
.col-list .t2 li:last-child,
.col-list .t3 li:last-child { border-bottom: 0; }
.col-list li p { cursor: pointer; font-size: 1.2em; padding: 7px; margin: 0; }
.col-list li:hover { background-color: #F7F7F9; }
.option span { color: rgba(162, 213, 0, 1); margin-left: 7px; margin-right: 7px;} 



/*Acadmics achivements table*/
.table100 {
  background-color: #fff;
}

table {
  width: 100%;
}

th, td {
  font-weight: unset;
  padding-right: 10px;
}

.column1 {
  /*width: 33%;*/
  padding-left: 40px;
}

.column2 {
  width: 5%;
  padding-left: 20px;
}

.column3 {
  width: 20%;
  padding-left: 20px;
}

.column4 {
  width: 19%;
  padding-left: 20px;
}

.column5 {
  width: 15%;
  padding-left: 10px;
}

.table100-head th {
  padding-top: 18px;
  padding-bottom: 18px;
}

.table100-body td {
  padding-top: 16px;
  padding-bottom: 16px;
}
    /*==================================================================
[ Fix header ]*/
.table100 {
  position: relative;
  padding-top: 60px;
}

.table100-head {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.table100-body {
  /*max-height: 585px;*/
  overflow: auto;
}


/*==================================================================*/
    .table100.ver1 th {
 
  font-size: 18px;
  color: #fff;
  line-height: 1.4;

  background-color: #6c7ae0;
}

.table100.ver1 td {
 
  font-size: 15px;
  color: #808080;
  line-height: 1.4;
}

.table100.ver1 .table100-body tr:nth-child(even) {
  background-color: #f8f6ff;
}

/*---------------------------------------------*/

.table100.ver1 {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}

.table100.ver1 .ps__rail-y {
  right: 5px;
}

.table100.ver1 .ps__rail-y::before {
  background-color: #ebebeb;
}

.table100.ver1 .ps__rail-y .ps__thumb-y::before {
  background-color: #cccccc;
}


/*==================================================================
[ Ver2 ]*/
/*//////////////////////////////////////////////////////////////////
[ Scroll bar ]*/
.js-pscroll {
  position: relative;
 /* overflow: hidden;*/
}

.table100 .ps__rail-y {
  width: 9px;
  background-color: transparent;
  opacity: 1 !important;
  right: 5px;
}

.table100 .ps__rail-y::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #ebebeb;
  border-radius: 5px;
  width: 100%;
  height: calc(100% - 30px);
  left: 0;
  top: 15px;
}

.table100 .ps__rail-y .ps__thumb-y {
  width: 100%;
  right: 0;
  background-color: transparent;
  opacity: 1 !important;
}

.table100 .ps__rail-y .ps__thumb-y::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #cccccc;
  border-radius: 5px;
  width: 100%;
  height: calc(100% - 30px);
  left: 0;
  top: 15px;
}


/*//////////////////////////////////////////////////////////////////
[ Table ]*/
.container-table100 {
  width: 100%;
  background: #fff;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px 20px;
}

.wrap-table100 {
  width:100%;
}

/*//////////////////////////////////////////////////////////////////
[ Table ]*/

/*----------------------Media query------------------*/




@media screen and (max-width: 1024px) {
 .trans_box {
     width:100%;
    max-width: 287px;
    /* float: right; */
    right: 96px;
    top: 0px;
    position: absolute;
    z-index: 111;
    background: url(../images/home/slider/bg_black.png);
    height: 297px;
    padding: 16px 15px;
    margin: 0 auto;
}

.nav-wrapper ul.nav-main > li {
    font-size: 13px;
    padding: 0 4px 0 5px;
    border-left: 1px solid #404650;
}
.slider_hight {
    background-color: #CCCCCC;
    height: 316px;
}
.modal-lg {
    width: 80%;
    margin: 0 auto;
}
}

@media screen and (max-width: 768px) {
  #tcb-testimonial-carousel .media-object {
    margin-bottom: 15px;
  }
  .trans_box {
    width: 100%;
    /* float: right; */
    right: 0px;
    top: 0px;
    position: relative;
    z-index: 111;
    background: url(../images/home/slider/bg_black.png);
    height: 287px;
    padding: 7px 13px;
    /* bottom: -8px; */
    max-width: 360px;
    margin: 0 auto;
}
  .nav-wrapper ul.nav-main > li {
    font-size: 13px;
    padding: 0 4px 0 13px;
   border-left: 0px;
}

  .slider_hight {
    background-color: #CCCCCC;
    height: auto;
}
 .trans_box2{
    width: 100%;
    /* float: right; */
    right: 0px;
    top: 0px;
     position:relative; 
    z-index:111;
    background: url(../images/home/slider/bg_black.png);
    height: 321px;
    padding: 34px 15px;
    margin:  0 auto;
}
}

@media screen and (max-width: 764px) {
    .call{
    font-size:19px !important;
    line-height:2 !important;
    margin-left:2px !important;
    float:none;
    text-align:center;
}
     .top{
     margin:10px 0px;
 }
    header#header .logo {
       
        text-align: center;
    }
    header#header .header-top {
   
    text-align:center;
}
    .radius_right {
    border-radius: 0px 5px 5px 0px;
    margin: 0 auto;
}
    .white1 {
   
    text-align:center;
    width: 98%;
}
    .white {
    text-align:center;
}
    .modal-lg {
    width: 90%;
    margin: 0 auto;
}
    .col-list .col-head h2 { font-size:1.5em;}
    .table100-body {margin-top:15px;}
}
@media screen and (max-width: 420px) {
    .call{
    font-size:22px !important;
    
}
}
@media screen and (max-width: 400px) {
    .call{
    font-size:21px !important;
    
}
}
@media screen and (max-width: 360px) {
    .call{
    font-size:20px !important;
    
}
}
 