/*
Theme Name: SSNIT
Theme URI: https://ssnit.org.gh
Author: SSNIT Web team
Author URI: https://ssnit.org.gh
Description: SSNIT@50
*/

/* Global Styles */
html,
body {
    height: 100%;
	background-color: #F5F5F5 !important; /*#DDDDDD*/
	font-family: ss-font;
	margin-top:0px !important;
	padding:0px;
	/*background-image:url(images/ss-xmas-ornaments.png);
	background-repeat:repeat-x;
	background-position:left 0px top 165px;
	background-size:40%;*/

}

@font-face {
	font-family: ss-font;
	src:url(fonts/MyriadPro-Regular.otf),
	url('fonts/MyriadPro-Regular.otf'); /* IE */
}

@font-face {
    font-family: ss-font-lt;
	src:url(fonts/MyriadPro-It.otf),
	url('fonts/MyriadPro-It.otf'); /* IE */
}

@font-face {
    font-family: ss-font-bd;
	src:url(fonts/MyriadPro-Bold.otf),
	url('fonts/MyriadPro-Bold.otf'); /* IE */
}

@font-face {
    font-family: impact;
	src:url(fonts/impact.ttf),
	url('fonts/impact.ttf'); /* IE */
}

/*.header {
	background-color: rgba(254, 227, 181, 1.0);
	padding: 0px;
	padding-top:25px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}*/

.ss-color {color:#ff6600 !important;}

.header {
	background-color: rgba(255, 106, 19, 1); /*Header*/
	padding:25px 0px 10px 0px;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

@media (max-width:768px) {
.header {
	text-align: left;
	padding:10px 0px 10px 10px;
	}
}


.label {padding-top:5px;}

.fixed-header-on .header {
	background-color: rgba(254, 227, 181, 0.95); /*gnbi: transluscent div over header after scrolling*/
	padding: 0px 0;
}

.fixed-header-on .logo {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	margin-top: 0;
	margin-bottom: 0;
}
 
@media (min-width:768px) {
	.fixed-header-on .navbar-default .navbar-nav > li > a {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media (max-width:991px) {
	.fixed-header-on .logo,
	.fixed-header-on .site-name,
	.fixed-header-on .site-slogan {
		display: none;
	}
}

/*.logo {
	margin:0px auto 0px auto;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}*/

.logo {
	height:65px;
	width:auto;
	display: block;
	margin: 0 auto;
}

@media (max-width:768px) {
.logo {
	height:40px;
	display: inline-block;
	margin: 0 5px 0 0;
	}
}

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

.img-hover:hover {
    opacity: 0.8;
}

a, a:hover {color:#EB8106;}



/* Bootstrap Customized */

.modal {z-index:99999999;}

.modal-backdrop {
   z-index:9999999;
   opacity:0.6 !important;
}

/*.modal-backdrop {
   background-color: rgb(255, 106, 19);
   opacity:0.3 !important;
   z-index:9999999;
}*/

header.carousel {
    height: 40%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
	background-color:#4D4D4D
}

.navbar {
  background-color: rgba(255, 106, 19, 0.90); /*orange menu bar*/
  border-radius:0px;
  border:none !important;
  margin-bottom:0px;
  width:100%;
}

.navbar-nav {
  /*margin: 0px auto 6px auto;*/
  text-transform:uppercase !important;
  text-align:center;
}

.menu > a { /*Navigation Items*/
  padding: 3px 13px 2px 13px;
  font-size:11px;
  color:#fff;
  text-transform:uppercase;
  display:inline-block;
  border-right:1px solid rgba(255, 255, 255, 0.2);
  /*color:#B07A54 !important;*/
}
@media(max-width:767px) {
.menu > a {
  border-right:none !important;
  font-size:15px;
  display:block;
  padding: 7px 0px;
}
}

.menu > a:last-child { /*Navigation Items*/
  border-right:none;
}

.menu > a:hover {
  /*background-color:#FACB88 !important;
  color:#671A00 !important;*/
  background-color:rgba(255, 255, 255, 0.2) !important;
  color:#ffffff !important;
  border-radius:3px;
  text-decoration:none;
}

.navbar-form input, .form-inline input {
	width:auto;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999999;
}

#sidebar.affix-top {
    position: static;
}

#sidebar.affix {
    position: fixed;
    top: 80px;
}

.carousel-control {
  height:0px;
  margin-top:150px;
  background:#000;
  width: 10%;
}

.carousel {
	background-color:#fff;
}

.carousel-control.left {
  background-image: none
}
.carousel-control.right {
  background-image: none
}

.carousel-caption {
  right: 20%;
  bottom: 0px;
  left: 2%;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

.carousel-caption h1 {
	font-size:200%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:45px;
	margin-bottom:3px !important;
}

@media(max-width:767px) {
.carousel-caption {
  right: 20%;
  bottom: 0px;
  left: 2%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

.carousel-caption h1 {
	font-family:impact;
	font-size:190% !important;
	line-height:30px;
	font-weight: bold !important;
	letter-spacing: -1px;
}
.carousel-caption h2 {
	font-size:150% !important;
	letter-spacing: -1px;
	font-weight: bold;
}
.carousel-caption h1 span,
.carousel-caption h2 span {
	background:none !important;
	padding:0px !important;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) !important;
}
}

@media(max-width:500px) {
.carousel-caption h1 {
	max-width: 200px;
}

.carousel-caption h2 {
	max-width: 300px;
}
}


.carousel-caption h1 span,
.carousel-caption h2 span {
	background-color: rgba(0, 0, 0, 0.6);
	padding:3px 12px;
	border-radius:3px;
}

.carousel-caption h2 {
	font-size:130%;
	font-weight: 700 !important;
	margin-top:0px;
	margin-bottom:2px;
}

.carousel-link {
	color:#fff !important;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.carousel-indicators {
  bottom: 0px;
  margin-left: 13%;
}

.carousel-control {
  font-size: 40px;
  color: #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  font-family: arial;
  font-weight:normal;
  font-size:50px;
  line-height:10px;
}

.breadcrumb {
  padding: 0px 0px;
  margin-bottom: 0px;
  background-color:#fff !important;
  font-size:11px;
  text-align:right;
}

.breadcrumb a {
	color:#999;
}

.breadcrumb > li + li:before {
  padding: 1 1px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color:#999 !important;
  text-transform:capitalize !important;
}

@media(max-width:767px) {
.breadcrumb {
  text-align:left;
}
}

.lead {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 7px;
  padding-left: 7px;
}

.row {
  margin-right: -5px;
  margin-left: -5px;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color:#333;
  border-color: #333;
}

.list-group-item {
  padding: 5px 10px;
}

a.list-group-item {
  font-size: 13px !important;
}

#nav {
	text-align:center !important;
}

#nav > .navbar-inner {
    border-left: 0;
    border-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}


.navbar-toggle {
	border:none !important;
	cursor:pointer;
	color:#600;
	margin:-33px 10px 0 0;
	padding:3px 7px 1px 7px;
	border-radius: 5px;
	background: rgba(255,255,255,0.3);
	text-align:right;
	font-weight: bold;
	
}

.navbar-toggle:hover {
	background: rgba(255,255,255,0.2);
	cursor:pointer;
	text-decoration:none;
}

.thumbnail {
	border:none;
	padding:0px;
}

.panel-title {
  font-size: 14px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(255, 106, 19, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 106, 19, 0) !important;
  outline: 0 none;
}

.panel-ssnit {
  border-color: #FFD9BD;
}
.panel-ssnit > .panel-heading {
  color: #D55500;
  background-color: #FFE9DA;
  border-color: #FFD9BD;
}
.panel-ssnit > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FFD9BD;
}
.panel-ssnit > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-ssnit > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #FFD9BD;
}





/*  Custom Styles @Ghanyobi  */
.SSNIT-name {
	/*color:#661900;*/
	color:rgba(255, 255, 255, 1);
	font-size:11px;
	font-family:ss-font;
}

.SSNIT-at-50 {
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
}

.logo-on-scroll {
	display: none;
	width:30px;
	height:30px;
	background-image:url(images/SSNIT-Logo.png);
	background-repeat:no-repeat;
	background-size:contain;
	/*position:absolute;*/
	margin:-6px 20px 0px -30px;
}

a.logo-on-scroll {
	border:none !important;
}

a.logo-on-scroll:hover {
	background-image:url(images/SSNIT-Logo.png);
	background-color:#ff6600 !important;
}

.ss-questions {
	background: rgba(255, 106, 19, 0.1)!important;
	border:none !important;
	border-radius:9px;
}

.ss-loading {
	color:#ff6600;
}

.ss-popover {
	display:none;
	position:absolute;
	background:none;
	z-index:9999999;
}

.ss-popover-title {
  padding: 8px 8px 27px 8px;
  margin:-20px 0px 0px 30px;
  font-size: 14px;
  font-weight:bold;
  color:#fff;
  background: rgba(100, 100, 100, 1)!important;
  border-radius: 10px 10px 0 0;
	max-width: 400px;
	text-transform:uppercase;
}

.ss-popover-title a {
  color:#fff;
	text-transform:uppercase;
}

.ss-popover-body {
	z-index: 999999;
	max-width:400px;
	padding: 20px 10px 0px 10px;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	margin:-20px 0px -13px 30px;
	background: rgba(255, 255, 255, 1)!important;
	-webkit-background-clip: padding-box;
          background-clip: padding-box;
	border-radius: 0px 0px 10px 10px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.ss-popover-content {
	max-height:284px;
	overflow:auto;
}

.ss-popover-arrow {
	display: inline-block;
	position: relative;
	width: 0; 
	height: 0; 
	left: 0;
	margin:0px 0px -310px 170px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid;
	border-top-color: rgba(255, 255, 255, 0.9);
}
	
	
/*.ss-popover-arrow {
	display: inline-block;
	position: relative;
}

.ss-popover-arrow:after {
	content: '';
	display: block;  
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	margin:-13px 0px 0px 0px;
	border-top: 30px solid #fff;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 30px solid transparent;
}*/

.ss-area-marker {
	display:inline-block;
	width:15px;
	height:15px;
	background:#ff6600;
	border:2px solid #F0F0F0;
	border-radius:100px;
}

.ss-gallery img {
	height:100px !important;
	width:100% !important;
}

.bg-white {background-color:#fff;}

.container {
	max-width:70%;
	margin-top:0px !important;
	margin-bottom:0px !important;
	border-right:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
	padding-top:15px;
}

.container-carousel {
	max-width:70%;
	margin-top:0px !important;
	margin-bottom:0px !important;
	margin-left: auto;
	margin-right: auto;
	border-right:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
}

@media(max-width:767px) {
.container-carousel {
	max-width:100%;
}
}


.pholder {
	background:#666;
	width:100%;
	height:30%;
	display:block;
}

.pholder img {
	width:100%;
	height:auto;
}

.padding-tb-7 {
	display:block;
	padding:7px 0px;
}

.ss-section {
	padding:0px 10px;
}

.ss-section-sub {
	border-bottom:1px solid #E8E8E8;
	margin-bottom:16px;
	padding-bottom:5px;
}

.ss-section-sub:last-child {
	border-bottom:none;
}

.ss-section-sub img {
	max-width:50px;
	height:auto;
}

.ss-section-sub p {
	font-size:13px;
}

.ss-section p {
	color:#888888;
}

.ss-section-sub a, .ss-section a, .ss-pages a, 
.ss-section-sub a:hover, .ss-section a:hover, .ss-pages a:hover {
	color:#333;
}

.ss-news-sidebar {
	border-bottom:1px solid #E8E8E8;
	margin-bottom:16px;
	padding-bottom:5px;
}

.img-100 img {
	width:100%;
	height:auto;
}

.img-70 img {
	width:70%;
	height:auto;
}

.img-50 img {
	width:60%;
	height:auto;
}

.img-60 img {
	width:50%;
	height:auto;
}

.rounded-full {
	border-radius:300px;
}

.width-60 {
	width:60%;
	height:auto;
}
@media(max-width:767px) {
.width-60 {
	width:100%;
}
}

.width-40 {
	width:40%;
	height:auto;
}

.margin-b5 {
	margin-bottom:5px;
}

.ss-section h4 {/* Section Title */
	color:#FF7A28;
	font-size:12px;
	background:#F1F1F1;
	padding:4px 8px;
	border-radius:3px;
	font-family:ss-font-bd;
	text-transform:uppercase;
}
#ss-section-orange {color:#ff6600 !important;}
#ss-section-blue {color:#3F6AA3 !important;}
#ss-section-green {color:#638C26 !important;}

#ss-section-blue a, #ss-section-green a, #ss-section-orange a {
	color:#999;
	text-transform:capitalize !important;
	font-family:ss-font;
}

.ss-section h1 {
	font-size:21px;
	margin-top:0px;
	margin-bottom:3px;
	line-height:25px;
}

.ss-section h2 {
	font-size:15px;
	margin-bottom:2px;
	margin-top:0px;
}


.ss-page-title {
	border-bottom:1px solid #F1F1F1;
	margin:0px 10px 15px 3px;
	font-size:22px;
	/*color:#000;*/
	color:#ff6600;
}

.ss-pages {
	padding:0px 35px;
	line-height:25px;
	font-size:14px;
}
@media(max-width:767px) {
.ss-pages {
	padding:0px 5px;
}
}

.ss-pages p, .ss-pages li, .ss-pages ol {
	color:#777;
}


.ss-pages h1, .ss-pages h1 a {
	font-size:22px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:30px;
	color:#EB8106 !important;
}

.ss-pages h2 {
	font-size:14px;
	margin-bottom:2px;
	margin-top:0px;
	font-family:ss-font-bd;
}

a.ss-btn-link {
	background:#E8E8E8 !important;
	padding:5px 8px;
	color:#333;
	font-size:12px;
	border-radius:3px;
}

a.ss-btn-link:hover {
	background:#CCC !important;
	color:#333 !important;
	text-decoration:none;
}

.btn-ssnit, a.btn-ssnit  {
  color: #fff;
  background-color: #ff6600;
  border-color: #ff6600;
}

.btn-grey {
  color: #fff !important;
  background-color: #666;
  border-color: #666;
}

.btn-ssnit:hover {
  color: #fff;
  background-color: #E45B00;
  border-color: #E45B00;
}

a.read-more {
	/*background:#FF9200;*/
	background:#ff6600;
	padding:5px 8px 3px 8px;
	color:#fff;
	font-size:11px;
	border-radius:3px;
}

a.read-more:hover {
	background:#000;
	text-decoration:none;
	color:#fff;
}

a.signin {
	/*background:#00A2DB;*/
	padding:5px 10px 1px 10px !important;
	color:#008CBC !important;
	font-size:11px !important;
	/*border-radius:20px !important;*/
	margin-top:-5px;
	font-family:ss-font-bd;
}

a.signin:hover {
	/*background:#007EA9 !important;*/
	text-decoration:none;
	/*border-radius:20px !important;*/
}


.very-small {
  font-size: 65%;
  font-weight:normal !important;
}

.ss-bold {font-family:ss-font-bd;}

.ss-paydate-strip {
	color:#545454;
	border-radius:5px;
	padding:4px 7px 1px 7px !important;
	background:#EEEEEE;
	font-size:13px;
	margin-bottom:5px;
}

.ss-paydate-strip h1, .ss-paydate-strip h5 {
	font-size:18px;
	font-family:ss-font-bd;
	color:#ff6600;
	margin:0px 4px 0px 0px;
	display:inline;
	text-transform:uppercase;
}

.ss-paydate {
	color:#fff;
	border-radius:12px;
	padding:0px !important;
	background:#EDEDED
}

.ss-paydate p {
	font-size:11px;
}

.ss-paydate h1 {
	font-size:50px;
	font-family:ss-font-bd;
	margin-bottom:10px;
}

.ss-paydate h5 {
	font-family:ss-font;
	color:#666;
}

#ss-paydate-con {
	/*color:#BC8A4C;*/
	color:#ff6600;
}

#ss-paydate-pen {
	/*color:#7CAE00;*/
	color:#ff6600;
}

#ss-paydate-sub {
	/*color:#4476BE;*/
	color:#ff6600;
}

.team {
	text-align:center;
	height:230px;
}


@media (max-width: 767px) {
.team {
	height:160px;
}
}

.team h4 {
	font-size:15px !important;
	margin:10px 0px 0px 0px !important;
	text-transform:capitalize !important;
}

.team p {
	font-size:12px !important;
	line-height:14px !important;
}

.team img {
	width:100px;
	height:100px;
	border-radius:3000px;
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
.team img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
}


.ss-profile img {
	width:140px;
	border-radius:3000px;
	height:auto;
	filter: none; /* IE6-9 */
	filter: grayscale(0); /* Firefox 35+ */
	-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
	float: right;
    margin: 0 0 10px 10px;
}


.news p {
		text-align:justify !important;
}

.news img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.news h1 {
	font-size:25px !important;
	color:#333;
	text-transform:capitalize !important;
	margin-bottom:0px;
}

.news-brief  {
	margin-bottom:30px;
	border-bottom:1px solid #EDEDED;
	padding-bottom:10px;
}


.news-brief p {
	text-align:justify !important;
}

.news-brief img {
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.very-muted {
  color:#CCC !important;
}

.slightly-muted {
  color:#999 !important;
}

.ss-search {
	border:0px; 
	padding-left:7px; 
	border-radius:100px; 
	margin:0px; color:#600;
}

.ss-search .placeholder {
	color:#600;
}


a.social-links-color-twitter {color: #55acee !important;}
a.social-links-color-skype {color: #00aff0 !important;}
a.social-links-color-linkedin {color: #0976b4 !important;}
a.social-links-color-googleplus {color: #dd4b39 !important;}
a.social-links-color-youtube {color: #b31217 !important;}
a.social-links-color-flickr {color: #ff0084 !important;}
a.social-links-color-facebook {color: #3b5998 !important;}
a.social-links-color-instagram {color: #3f729b !important;}
a.social-links-color-pinterest {color: #cb2027 !important;}


.ss-icon {
	background-size:contain;
	background-repeat: no-repeat;
	width:40px !important;
	height:40px !important;
}

.ss-icon-media-reports {background-image:url(images/icon-media-report.png);}
.ss-icon-annual-reports {background-image:url(images/icon-annual-report.png);}
.ss-icon-laws {background-image:url(images/icon-laws.png);}
.ss-icon-news-sheets {background-image:url(images/icon-news-sheet.png);}
.ss-icon-news-letters {background-image:url(images/icon-news-letter.png);}
.ss-icon-forms {background-image:url(images/icon-forms.png);}
.ss-icon-press-releases {background-image:url(images/icon-press-releases.png);}
.ss-icon-investment-series {background-image:url(images/icon-investment-series.png);}




 
/*-----------SEARCH---------------*/
#ss-search input[type=search] {
 width: 50px;
 cursor:text;
 font-size:12px;
 outline: none;
 padding-left: 10px;
 -webkit-appearance: textfield;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
 border: none;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 transition: all .5s;
 background:none !important;
 color:#fff !important;
}

#ss-search input[type=search]:hover,
#ss-search input[type=search]:focus {
 width:130px;
 padding-left: 10px;
 background: rgba(254, 255, 255, 0.4)!important;
 border-radius:200px;
 color:#ff6600 !important;
 cursor: text;
}

@media(max-width:767px) {
#ss-search input[type=search] {
 width: 80%;
 margin-bottom:10px;
 text-align:center;
 font-size:14px;
 background: rgba(254, 255, 255, 0.4)!important;
 border-radius:200px;
}
#ss-search input[type=search]:hover,
#ss-search input[type=search]:focus {
 width:80%;
}
}

#ss-search input[type=search]:focus {
 background: rgba(254, 255, 255, 1.0)!important;
}

#ss-search placeholder {
	color:#fff !important;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
 display: none; /* remove the search and cancel icon */
} 
 
#search_input::-webkit-input-placeholder {
   color: #fff;
}

#search_input:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}

#search_input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}

#search_input:-ms-input-placeholder {  
   color: #fff;
}
 


/*LIVE CHAT*/

.ss-chat {
}

.ss-chat-body {
	padding:3px 25px;
}

.ss-chat-state-on, .ss-chat-state-off {
	width:100%;
	padding:2px 5px 1px 5px !important;
	color:#FFF !important;
	text-align:center;
}

.ss-chat-state-on {
	background:#A0C978;
}

.ss-chat-state-off {
	background:#DE6A61;
}

.ss-chat-state-mid {
	background:#FC0;
}

.ss-chat-link {
	position:fixed;
	right:0;
	bottom:0;
	margin:0 20px 15px 0;
}

.ss-chat-link img {
	width:150px;
	height:auto;
}

.ss-chat-link:hover {
	margin-bottom:19px;
}


/*CAREERS*/
.ss-careers {
	margin:0px;
}

.ss-careers li {
	border-top:1px solid #EBEBEB;
	list-style:none !important;
	padding:25px 0 10px 30px;
}

.ss-careers li:first-child {
	border-top:none;
	padding-top:10px;
	list-style:none !important;
}

.ss-careers h3 {
	color:#999;
	display:inline-block;
	float:left;
	height:50px;
	margin:0px 10px 0px 0px;
}

.ss-careers h2 {
	color:#000000;
	font-size:16px;
}

.ss-careers p {
	color:#999;
}

.ss-job-details {
	padding-right:15px;
	text-align:justify;
}

.ss-job-details h4 {
	font-size:15px;
	padding-top:10px;
	margin-top:0px;
}

.ss-job-details p, .ss-job-details li {
	font-size:15px;
	line-height:23px;
	color:#666;
	padding-left:8px;
}

 .ss-job-details li {
	 margin-bottom:20px;
 }

.ss-job-application input {
	margin-bottom:15px;
}



.ss-quick-video {
	background:#999;
	border-radius:5px;
}

.ss-chat-link:hover {
	margin-bottom:19px;
}


.chat-window {
    bottom:0;
    position:fixed;
    float:right;
    margin-left:830px !important;
}
.chat-window > div > .panel{
    border-radius: 5px 5px 0 0;
}
.icon_minim{
    padding:2px 10px;
}
.msg_container_base{
  /*background: #e5e5e5;*/
  margin: 0;
  padding: 0 5px 10px;
  max-height:400px;
  overflow-x:hidden;
}
.top-bar {
  background: #666;
  color: white;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.messages {
  padding: 3px 8px 0px 8px;
  border-radius: 4px;
  display:inline-block;
  margin:10px 10px 0px 10px;
}
.messages > p {
    font-size: 15px;
    margin: 0px !important;
  }
.messages > time {
    font-size: 10px;
	font-style:italic;
    color:#999;
	margin-left:20px;
	margin-top:10px;
}

.msg_receive {
	background-color:#FFEFDB !important;
	float:right;
}

.msg_receive .arrow {
    position: absolute;
    top: 0px;
    right: 20px;
    margin: 0;
    border-bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFEFDB;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.msg_sent {
	position: relative;
}


.msg_sent .arrow {
    position: absolute;
    top: 0px;
    left: -20px;
    margin: 0;
    border-bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #F2F2F2;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.msg_sent{
	background-color:#F2F2F2 !important;
}


.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}
/*img {
    display: block;
    width: 100%;
}*/
.avatar {
    position: relative;
}

.avatar img {
    position: relative;
	border-radius:300px;
	width:80%;
	height:80%;
}

.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #FFF;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.base_sent {
  justify-content: flex-end;
  align-items: flex-end;
}
.base_sent > .avatar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid white;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 1px 1px 2px rgba(black, 0.2); /*not quite perfect but close*/
}

.msg_sent > time, .msg_receive > time{
    float: right;
}



.msg_container_base::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar 
{
    width: 12px;
    background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.btn-group.dropup{
    position:fixed;
    left:0px;
    bottom:0;
}



 
/* Footer Styles */
footer {
    margin: 100px 0 10px 0;
	border-top:1px solid #EBEBEB;
	padding-top:30px;
}

footer img {
	height:15px;
	width:auto;
}

@media(max-width:767px) {
footer {
	text-align:center !important;
}
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

@media(max-width:767px) {
.container {
	max-width:100%;
	border:none;
	padding-top:15px;
}
}

@media(max-width:767px) {
.ss-hide {
	display:none !important;
}
}


#snowflakeContainer {
	position: absolute;
	left: 0px;
	top: 0px;
}
.snowflake {
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	font-size: 12px;
	line-height: 24px;
	position: fixed;
	color:rgba(255, 255, 255, 0.8);
	user-select: none;
	z-index: 999999999;
}
.snowflake:hover {
	cursor: default;
}

/*-----------------------------*/
/*#snow{
	background: none;
	background-image: url('images/s1.png'), url('images/s2.png'), url('images/s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	*/
/*-----------------------------*/


.middlecenter {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.middled {
	position: relative;
	top: 50%;
  -ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  transform: translateY(-50%);
 }

#ss-sidemenu select { display: none; }

@media (max-width: 767px) {
    #ss-sidemenu a { display: none; }
	#ss-sidemenu select { display: block; }
}

.back-to-top {
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 10px;
	z-index: 1000;
	display: none ;
	text-decoration: none;
	font-size:35px;
}
.back-to-top i {color:rgba(0, 0, 0, 0.30);}
.back-to-top i:hover {color:rgba(0, 0, 0, 0.60);}



.self-service {
	background:#FFFFFF !important;
	color:#ff6600 !important;
	font-weight:bold;
	border-radius:3px;
	text-decoration:none !important;
}

.stats-on-home {
	padding: 8px 10px 3px 10px ; 
	line-height: 26px;
}

.stats-on-home strong {
	font-size: 20px;
}



/*Pulsating Orange Animation*/
.pulse-orange {
  color: #ff6600;
  animation-name: pulse-orange;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes pulse-orange {
  0% {color: #FFD1B0;}
  50% {color: #ff6600;}
  100% {color: #FFD1B0;}
}



/*Help Tooltip*/
.helptip {
    position: relative;
    display: inline-block;
	color: #ff6600;
	cursor: help;
}

.helptip .helptiptext {
    visibility: hidden;
    width: 250px;
    background-color: #333;
    color: #fff;
    border-radius: 6px;
	line-height: 12px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
	font-size: 10px;
    /*margin-left: -60px;*/
	
	-moz-transition:-moz-transform .20s linear;
    -o-transition:-o-transform .20s linear;
    -webkit-transition:-webkit-transform .20s linear;
    transition:-webkit-transform .20s linear;
}

/*.helptip .helptiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
	margin-top: -1px;
    border-width: 7px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}*/

.helptip:hover .helptiptext {
    visibility: visible;
	
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   transform: scale(1.1);
}


.animating-calc {
	display: none;
	margin: 80px 0px 15% 0px; 
	position:relative; 
	z-index: 1;
}



/******** Added for contatus button at the footer *********/

.chatSection{
	margin-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	padding: 5px;
	bottom: 0;
	
}

.chatSection .chatBody{
		display: block;
		padding: 15px;
		border: 1px solid #ebebeb;
		border-radius: 10px;
		margin-bottom: -1px;
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	  	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	  	box-shadow: 0 5px 10px rgba(0,0,0,.2);
		bottom: 0;
		float:right;
		background-color: #fff;
	
}

.chatSection .chatButton{
	color:#fff;
	background-color: #ff6600;
	border-radius: 4px;
/*	position: relative;*/
	position: -webkit-sticky;
  	position: fixed;
	bottom: 0;
	margin-right: 50px;
	z-index: 100;
}
	
div.sticky {
  position: -webkit-sticky;
  position: fixed;
  
  bottom:100px;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
}

	.btn-close{
		background:none;
	}