/******************************************************************
Site Name: Stunnerweb
Author: Stunnerweb

Stylesheet: Theme Stylesheet
******************************************************************/

p{font-size:14px;}
.blueheader{
margin-top: 10px;
color: #4792cc !important;
font-weight:400;
margin-bottom:25px;
}
.inlineblock{display:inline-block;}
.clientprod{min-height:200px;}
/* Menu */
.navbar-toggle{padding:5px 10px 5px 10px;}
#topnav a[title="Products"]  { display: none !important; }

/* Map */
.mapheader{
  position: absolute !important;
color: #fff !important;
top: -20px;
z-index: 9999 !important;
text-align: center;
}

/* Calendar Table */
table.em-calendar thead{background:#4792cc;}
table.em-calendar .days-names{background:#e3e3e3;}
table.em-calendar tr, .sidebar-calender table.em-calendar td{border:1px solid #e3e3e3;}
table.em-calendar .selectedtd{background:#FD7E29;}
table.em-calendar .selectedtd a{color:#fff !important;}
#training_block .titleh2{margin-bottom:0px;}
#training_block .blueheader a{float:right;}
/* Support */
.support-ways{
  border-right: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
min-height: 350px;
color:#969696 !important;
}
#Support h1, #Support p{color:#000 !important;}
.glyph-icon:before{color:#969696 !important;}
.support-ways:last-child{
  border-right:none;
}
.detailSection li:last-child {border-bottom:none !important;}


.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: 0px;
}
.support-ways .glyph-icon:before{font-size: 1.5em;}
.navbar-brand{padding:14px 0px 0px 0px !important;}
.productdiv{
    background-color: whitesmoke;
    border: 1px solid #e3e3e3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    padding: 20px;
    margin: 0px 0px 20px 0px;
    min-height: 365px;
    height: 490px;
    border-radius:4px; 
}
.productdiv h3{
    text-transform: lowercase !important;
    font-weight: 400;
    margin: 10px 0px 10px 0px;
}
.txtcolor{color:#000;}
.respbackground {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    position: relative;
    text-align: center;
    -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
}
#homepage .sitem {
margin-top: 84px;
min-height: 500px;
}
.home-heading {
  font-size: 25px !important;
  text-align: left !important;
    font-family: 'Open Sans',helvetica,arial,sans-serif !important;
    font-weight: normal !important;
}
#homepage p{
  text-align: left !important;
  font-size: 18px;
  line-height: 24px;
}
#introslider .row{
  padding-left: 15px;
}
#homepage .flexslider{height:570px;margin:0px;}
#homepage .flex-control-nav {
  bottom: -6.5% !important;
}
.flex-control-nav {
  background: none repeat scroll 0 0 #eaebed;
  border-radius: 30px;
  left: 42.5%;
  padding: 18px 20px 10px !important;
  width: 220px !important;
}
.flex-direction-nav .flex-prev,.flex-direction-nav .flex-next{
  display: block !important;
}
.flex-direction-nav {
  position: relative;
}
.flex-direction-nav li a.flex-prev{
  bottom: -30px;
  left: 44%;
  position: absolute;
  z-index: 999;
}
.flex-direction-nav li a.flex-next {
  bottom: -30px;
  position: absolute;
  right: 42.5%;
  z-index: 999;
}
@media (max-width : 1024px) {
 .flex-direction-nav li a.flex-next {
  right: 37%;
 }
}

@media (max-width : 800px) {
.flex-control-nav {
  left: 36%;
 }
 .flex-direction-nav li a.flex-next{
  right: 38%;
 }
.flex-direction-nav li a.flex-prev {
  left: 38%;
 }
}

@media (max-width : 768px) {
.flex-control-nav {
  left: 35%;
 }
 .flex-direction-nav li a.flex-next{
  right: 37.5%;
 }
.flex-direction-nav li a.flex-prev {
  left: 37%;
 }
}

@media (max-width : 680px) {
.flex-control-nav {
  left: 33%;
 }
 .flex-direction-nav li a.flex-next{
  right: 35.5%;
 }
.flex-direction-nav li a.flex-prev {
  left: 36%;
 }
}

@media (max-width : 600px) {
.flex-direction-nav li a.flex-next {
  right: 32.5%;
}
}
@media (max-width : 599px) {
.flex-direction-nav li a.flex-next {
  right: 30%;
}
}
@media (max-width : 500px) {
.flex-control-nav {
  left: 27%;
 }
.flex-direction-nav li a.flex-next {
  right: 29%;
}
.flex-direction-nav li a.flex-prev {
  left: 31%;
}
}
@media (max-width : 400px) {
.flex-control-nav {
  left: 18%;
}
.flex-direction-nav li a.flex-prev {
  left: 23%;
}
.flex-direction-nav li a.flex-next {
  right: 25%;
}
}
@media (max-width : 350px) {
#homepage .flex-control-nav {
  bottom: -6.5% !important;
  left: 14%;
}
.flex-direction-nav li a.flex-prev {
  bottom: -31px;
  left: 20%;
}
.flex-direction-nav li a.flex-next {
  bottom: -31px;
  right: 19%;
}
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{background:#E68C22 !important;}

/*******************Horizontal Creative tabs*********************/
#companyVision p{color:#999;}
#collapse-companyVisionTab{margin-top:40px;}
#collapse-companyVisionTab .panel{border:none !important;box-shadow:none !important;border-radius: 0px !important;}
#Resources.bannerblock, #Blogs.bannerblock, #FAQ.bannerblock{height:325px;margin-top:30px;}
/*#Blogs .banner-text p, #Blogs .banner-text h1, #FAQ .banner-text p, #FAQ .banner-text h1{color:#fff;}*/
#Company h1, #Company p{color:#000 !important;}

#companyVisionTab .active > a {
    background-color: #f2f2f2 !important;
    border: 0 none !important;
    color: #428bca !important;
    font-size: 19px;
    margin-top:26px !important;
}
#whatsets .active > a{background-color:transparent!important;color:#e68c22 !important;}
#companyVision p{font-size:16px;}
#companyVisionTab a {
    border: 0 none;
    color: #999;
    margin-top: 25px;
    outline: medium none;
    text-align: center;
    text-transform: uppercase;
}
#whatsets a{color:#a7d5ff !important;}
ul#companyVisionTab {
    margin: 0 auto;
    width: 100%;
}
#companyVisionTab li {
    margin-top: -22px;
    width: 24%;
}
.tabTest .nav-tabs {
    border-bottom: none;
    border-top: 1px solid #428bca;
}
#companyVisionTab .glyphicon-chevron-down:before {
    background-color: #f2f2f2;
    border: 2px solid;
    border-radius: 36px;
    display: inline-block;
    font-size: 14px;
    padding: 12px 12px 11px 11px;
}
.tabTest .floaterTab {
    color: #428bca;
    cursor: pointer;
    text-align: center;
    width: 100%;
}
.tabTest li.active .glyphicon-chevron-down:before {
    font-size: 24px !important;
}
#whatsets li.active .glyphicon-chevron-down:before{background-color:#e68c22 !important;color:#fff !important;}
.tabTest .nav-tabs li a:hover {
    background-color: transparent;
    color: #428bca !important;
    border:0 none;
}
#companyVisionTab li a{
    margin-top: 36px !important;
  }

#companyVisionTab li:first-child {
    float: left;
    width:14%;
}
#companyVisionTab li:last-child {
    float:right;
    width:14%;
}
#companyVisionTab li:first-child a{
    margin-left: -70px;
    padding-left: 0;
}
#companyVisionTab li:last-child a{
    margin-right: -70px;
    padding-right: 0px;
}
#companyVisionTab li:first-child span{
    text-align:left;
}
#companyVisionTab li:last-child span{
    text-align:right;
}

#companyVisionTab li.active {
    margin-top: -28px !important;
}
.tabTest .panel-heading {
    text-align: center;
    padding: 0;
}
.tabTest .panel-title a {
    display: block;
    line-height: 40px;
    outline: medium none;
    text-decoration: none;
}
.tabTest .highlighter {
    color: #e68c22 !important;
}

@media (max-width : 1920px) {
.tabTest .tab-content.container {
    width: 82%;
}
}

@media (max-width : 480px) {
.tabTest h1.header {
    font-size: 26px;
}
}

/* Modal Styles */
.modal-body .sub-heading, .form-group{color:#565656;}
.flex-control-paging li a.flex-active{background: #E68C22 !important;}
/*******************Vertical tabs*********************/


.tabs-left{
  border-bottom: none;
  padding-top: 2px;
  border-right: 1px solid #ddd;
}
.tabs-left>li{
  float: none;
  margin-bottom: 2px;
  margin-right: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.sideways {
  margin-top:50px;
  border: none;
  position: relative;
}
.sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.sideways>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.sideways.tabs-left {
  left: -50px;
}
.sideways.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.verticalTab {
    padding-bottom: 61px;
}
.verticalTab .nav > li > a{padding:15px 15px;}
.verticalTab .nav-tabs > li > a{border:none; !important;}
.verticalTab .nav-tabs > li > a:hover{background:none !important; border:none; !important;}
.verticalTab li.active a {
    border: 0 none !important;
}
.verticalTab li.active > a:after {
    background: url(../images/divider.jpg) 0 0 no-repeat;
    content: '';
    width: 38px;
    height: 44px;
    position: absolute;
    top: 25px;
    right: -31px;
}
.verticalTab .page-header p {
    color: #7f7f7f;
    font-family: 'Open Sans',helvetica,arial,sans-serif;
    font-size: 18px;
    margin-bottom: 35px;
    text-align: center;
}
.tabs-left li {
    border-bottom: 1px solid #e3e1de;
    float: left !important;
    margin: 0 !important;
}
.verticalTab .tabs-left li a {
    display: inline-block;
width: 100%;
}
.verticalTab .tabImages span{
color: #4792cc;
text-transform: uppercase;
margin: 8px 0px 0px 0px;
display: block;
font-size:18px;
}
.teammobile .tname {
    color: #4792cc;
    font-size: 18px;
}
.teammobile img{display:inline-block;}
.verticalTab .tabImages span small{
    color: #ecaf76;
    float: left;
    font-size: 14px;
    width: 100%;
}
 .teammobile .tdesig {
    color: #ecaf76;
    font-size: 14px;
}
.verticalTab .tab-content div {
    color: #5d5d5d;
    font-size: 14px;
    line-height: 20px;
}
@media (max-width : 1200px) {
.verticalTab li.active a:after {
    top: 10px;
}
}

@media (max-width : 980px) {

.verticalTab .tabImages span {
    text-align: center;
}
.verticalTab li.active > a:after {
    top: 95px;
}
.support-ways{border-right:none !important;}
#oursupport .col-centered{float:left !important;}
}
@media (max-width : 768px) {
#navbar .container{padding:0px !important;}
.navbar-toggle{margin-top:15px;}
#topnav a[title="Products"]  { display: block !important; }
.mainproductmenu{display:none !important;}
.container > .navbar-header{padding:0px 20px 0px 20px !important;}
#companyVision p{color:#3c3c3c;}
#whatsets .mbottom80{margin:0px !important;}
.banner-text h1{font-size:24px;}
.support-ways{border-right:none !important;}
#topnav li {
padding-bottom: 0px;
font-family: 'Open Sans',helvetica,arial,sans-serif;
border-bottom: 1px solid #f2f2f2;
}
#topnav {
margin: 0px !important;
float: none !important;
}
.navbar-brand {padding: 14px 0px 0px 10px !important;}
.navbar-toggle{background:#f2f2f2;}
.navbar-toggle i{color:#666;}
}
@media (max-width : 600px) {
.verticalTab .tabImages span {
    font-size: 14px;
}
.verticalTab .tabImages span small {
    font-size: 12px;
}
.verticalTab .tabImages img {
    width: 50%;
}
}

@media (max-width : 480px) {
.verticalTab .detailTab,.verticalTab li.active > a:after {
    display: none;
}
.verticalTab .detailSection {
    width: 100%;
}
.verticalTab .detailSection ul {
    border: 0 none;
}
.verticalTab .tabImages span {
    font-size: 20px;
}
.verticalTab .tabImages span small {
    font-size: 16px;
}
.tabImages{
    cursor: auto;
}
.nav > li > a:hover{
background-color: #fff;
border-color:#fff ;
}
#homepage .sitem{background-position: center center!important;}
.desctxt{padding:20px;}
}
@media (min-width:769px) {
.dropdown:hover .dropdown-menu {
display: block;
}
}

/*******************Maps*********************/

.maps div {
    padding:0;
}
#map {
        width: 100%;
        height: 700px;
        z-index:999;
    }


.flaticon-close13:before {
color: #EC6C79 !important
}
.flaticon-speech6:before {
color: #BB617A !important
}
.flaticon-phone16:before {
color: #EA856F !important
}
.flaticon-wifi33:before {
color: #665178 !important
}
.flaticon-salutation:before {
color: #2C5E7A !important
}
.ajaxloader{text-align:center;display:none;top: 35%;margin: 0px auto;text-align: center;width: 100%;position:absolute;}
.blkcont.firstelt{border-top:solid 1px #ccc;margin-top:20px;}.blkcont.firstelt{border-top:none;}

/***************** New Manual CSS *********************************/

#productcarousel .pro_excerpt p
{
  font-size:15px !important;
  text-align:center !important;
}
div.addtoany_header { font-weight: bold !important; }
.addtoany_list:nth-child(2), .event .addtoany_content_bottom { display:none !important; }
div.separatordivs {
background-color: #3594BA; color: #fff; text-shadow: none; margin-top: 55px; min-height: 50px; padding: 10px; font-size: 18px; margin-bottom: -25px;
}
div.separatordivs a { color: #fff; display: block; }