/*==================================
Designe Edditing Styles Sheet
===============================================*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

body {
background: url(../img/grey_wash_wall.png);
font-family: 'Open Sans', sans-serif;
line-height: 200%;
font-size: 15px;
padding-top:200px;
color:#777;
}


/* -------------------------------------------------- */
/*::selection*/
/* -------------------------------------------------- */

::-moz-selection {background: #FF6600; color:#fff; text-shadow: none;}

::selection {background:#FF6600; color:#fff; text-shadow: none;}

/* -------------------------------------------------- */
/* website item Styles */
/* -------------------------------------------------- */

/*-----------------------------------------*/
/* affix  */
/*----------------------------------------*/

.menu-area .affix {
	z-index: 9999;
	font-size: 13px;
// set animation -webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	box-shadow: 0 0 5px #a7a7a7;
	margin-top: 0px;
	padding: 0px;
}
#nav.affix {
	position: fixed;
	top: 0;
	width: 100%
}
.stickymenu {
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}


.affix .col-sm-3 img {
	width: 135px;
	transition: all 0.6s ease
}

.affix .col-sm-6 img {
	width: 330px;
	transition: all 0.6s ease
}

.affix .bg-header img {}

.affix .contents {
    width: 85%;
} 



#side-left.affix {
	position: fixed;
	top: 150px;
 min-width: 222px;
}

#side-right.affix {
	position: fixed;
	top: 150px;
     min-width: 222px;
    padding-right: 15px;
}












.bg-header {
background: url(../img/bg-grad.png);
}

.right-part .well { padding:3px; border-radius:0px;}


.right-part .panel-body { padding:5px;}

.right-part .panel-heading { border-radius:0px;}

.right-part .panel { border-radius:0px;}

.menu-setting { padding-top:15px;}

.right-part { padding-top:15px;}

.menu-setting .panel-heading { border-radius:0px;}

.menu-setting .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

.menu-setting .panel-body {
    padding: 0px;
}

.menu-setting .panel-body li a { padding:5px 15px; border-bottom:1px solid #ddd; width:100%; display: block; color:#333; font-size:13px;}

.menu-setting .panel-body li:last-child a { border: none;}

.menu-setting .panel-body ul { margin-bottom:0px;}

a:hover { text-decoration: none !important;}
a { text-decoration: none !important;}

.menu-setting .glyphicon { margin-right:10px;} 

.menu-setting .table {
	margin:0px;
}

.menu-setting .panel-heading a { color:#333; text-decoration: none;}

.heading-center { background:#f5f5f5left no-repeat; padding:5px; border-radius:0px;}

.heading-center strong { margin-left:20px; font-size:14px;}

.content { padding-top:15px;}

.navbar-fixed-top { background: #fff;}

/*.menu-setting { position:fixed; min-width:222px;}*/

.right-part {padding-right: 0px;}

#footer {
    background: #000f17;
    padding: 5px 15px;
    border-top: 4px solid #004e72;
    color: #fff;
    font-size: 13px;
    z-index: 9;
    width: 100%;
    /*bottom: 0px;
	position:fixed;*/
/*	 display: none;*/
}

#footer a { color:#fff; font-size:15px; margin-right:10px;}

.actives {
background-color: #0072a5!important;
color: white!important;
}

.question {
color: blue
}

.add-active { color:#333; text-decoration: none;}

.menu-setting .panel-heading:hover { background:#0072a5 !important; text-decoration: none; color: white!important;}

.heading-short { background:#f5f5f5; padding:10px 10px; border:1px dashed #ccc; margin:25px 0px;}

.btn { border-radius:0px;}

.form-control { border-radius:0px;}

.btn-section { padding:5px; border-radius:0px;}

.content-section { position: relative; padding:50px 0px; background: url(../img/groovepaper.png);}

.gallery-set a { margin-bottom:25px; display: block; border:3px solid #eee; padding:2px;}


/*-----------------------------------------*/
/* carousel-control  */
/*----------------------------------------*/
.carousel-control {
background-color: rgba(0,0,0,0.2);
background-image: none !important;
height: 60px;
opacity: 1;
filter: alpha(opacity=100);
top: 40%;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
width: 50px;
}

.carousel-control:hover {background-color: #ee3b24; color:#fff;}

.carousel-control .fa { font-size:60px;}


/*-----------------------------------------------*/
/* Google Chrome FIlters Black An White Effetc */
/*-----------------------------------------------*/


.black img {-webkit-filter: grayscale(1) sepia(0) saturate(1) hue-rotate(0deg) invert(0) opacity(1) brightness(1) contrast(1) blur(0px);
-moz-filter: grayscale(1) sepia(0) saturate(1) hue-rotate(0deg) invert(0) opacity(1) brightness(1) contrast(1) blur(0px);
-ms-filter: grayscale(1) sepia(0) saturate(1) hue-rotate(0deg) invert(0) opacity(1) brightness(1) contrast(1) blur(0px);
-o-filter: grayscale(1) sepia(0) saturate(1) hue-rotate(0deg) invert(0) opacity(1) brightness(1) contrast(1) blur(0px);
transition:all 0.5s ease-in-out;
	-webkit-filter:transition:all 2s ease-in-out;
    -moz-filter:transition:all 2s ease-in-out;
    -ms-filter:transition:all 2s ease-in-out;
    -o-filter:transition:all 2s ease-in-out;
    filter: transition:all 2s ease-in-out;}

.black img:hover {filter: none;-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}


/* -------------------------------------------------- */
/* Google Chrome sepiafilters filters*/
/* -------------------------------------------------- */

.sepiafilters img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
	transition:all 0.5s ease-in-out;
	-webkit-filter:transition:all 2s ease-in-out;
    -moz-filter:transition:all 2s ease-in-out;
    -ms-filter:transition:all 2s ease-in-out;
    -o-filter:transition:all 2s ease-in-out;
    filter: transition:all 2s ease-in-out;
	
	
}
.sepiafilters img:hover {
    filter: none;
    -webkit-filter: sepia(0);
    -moz-filter: sepia(0);
    -ms-filter: sepia(0);
    -o-filter: sepia(0);
    filter: sepia(0);
	
}

.sepia img {
	 filter: none;
    -webkit-filter: sepia(0);
    -moz-filter: sepia(0);
    -ms-filter: sepia(0);
    -o-filter: sepia(0);
    filter: sepia(0);
	transition:all 0.5s ease-in-out;
	-webkit-filter:transition:all 2s ease-in-out;
    -moz-filter:transition:all 2s ease-in-out;
    -ms-filter:transition:all 2s ease-in-out;
    -o-filter:transition:all 2s ease-in-out;
    filter: transition:all 2s ease-in-out;
	
}

.sepia img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'old-timey\'><feColorMatrix type=\'matrix\' values=\'0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.03 0 0 0 0 0 1 0\'/></filter></svg>#old-timey");
    -webkit-filter: sepia(1);
    -webkit-filter: sepia(100%);
    -moz-filter: sepia(100%);
    -ms-filter: sepia(100%);
    -o-filter: sepia(100%);
    filter: sepia(100%);
	-webkit-box-shadow: 10px 10px 20px #848484;
	box-shadow: 2px 2px 10px #848484;
  }


/*-----------------------------------------*/
/*  back-to-top  */
/*----------------------------------------*/

.back-to-top {position: fixed; bottom: 2em; right: 0px;text-decoration: none; padding: 1em; display: none; z-index:999;}

/*-----------------------------------------*/
/*  navbar-toggle */
/*----------------------------------------*/

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0px;
    width: 100%;
	color:#fff;
}




/*-----------------------------------------*/
/*  Marquee 26-08-2017 */
/*----------------------------------------*/


.box-succes h5{ margin:5px 0px;}

.box-succes .txt-small { font-size:13px; line-height: 160%;}

.box-succes img { margin-bottom:10px;}









/*-----------------------------------------*/
/*  side-menu
/*----------------------------------------*/



.narrowchart {padding:0px; max-width:400px; margin:0 auto;}
.accordianheader {color:#000; background:none; padding:10px 20px; margin-top:20px; margin-left:20px;}
.accordianbody {background:none;}
.accordianbody ul {margin:0; list-style:none; padding:0;}
.accordianbody ul li {padding:10px; border-bottom: 1px solid lightgrey;}



.narrowchart i { position:absolute;
  right: 20px;
  top:14px;
    -webkit-transition:all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  color:#000;}

.ui-state-active i {
    color:#0097dc;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-accordion .ui-accordion-header {margin: 5px 0 0 0 !important;}



.narrowchart .ui-accordion .ui-accordion-content {
    padding: 5px !important;
}

.narrowchart .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none !important;
}


.narrowchart .ui-accordion .ui-accordion-header {
    font-size: 12px;
    font-weight: bold;
    padding: 15px 15px !important;
}

.narrowchart .ui-corner-all { border-radius:0px;}



.narrowchart .ui-widget-content a {
    color:#afa9a9;
    font-size: 13px;
	transition:all 0.3s ease-in-out; 
}

.narrowchart .ui-widget-content a:hover {
    color: #0097dc;
    margin-left:15px;
	transition:all 0.3s ease-in-out; 
}


.accordianheader span i {
    position: absolute;
    left: 14px;
    color: #000;
}

.ui-state-active span i{ transform: rotate(0deg); color: #0097dc;}


/*-----------------------------------------*/
/* right-side-menu
/*----------------------------------------*/


.right-part h4{font-size:16px; font-weight:bold;}

.certi-img{margin:30px 0px;}

.job-img{margin-bottom:30px;}


/*-----------------------------------------*/
/* counters
/*----------------------------------------*/

.counter-heading {
    margin: 20px 0px;
    border-bottom: 1px solid #ddd;
}

.counter-heading h4 span {
    border-bottom: 1px solid #0097dc;
    padding-bottom: 8px;
}

.counter-box .icon-box{float:left;}

.counter-box .icon-box i {
    font-size: 30px;
    background: #0097dc;
    height: 65px;
    width: 65px;
    text-align: center;
    line-height: 65px;
    color: #fff;
}
.counter-box .counter-text {
    float: left;
    margin-left: 10px;
}

.counter-box .counter-text span{color:#0097dc; font-size:30px;}

.pad-text-left {
    margin-top: 25px;
}

.pad-text-right {
    margin-top: 25px;
    text-align: right;
}