@import "animate.css";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
/*========================================================
                    Main layout styles
=========================================================*/
body {
 font: 18px Arial, Helvetica, sans-serif; letter-spacing:0.02em;
color:#d7d7d7;line-height: 1.5;
/* background:#020202 url(../images/creative-365-rocks-new.jpg) center top repeat-y fixed;*/ background: #000;
}
a {
  text-decoration: none;
  color: inherit; color: #f5f5f5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
  color: #f5f5f5; text-decoration: underline;
}
#content ul{margin-left:10px; text-align:left;  font: 16px Arial, sans-serif; letter-spacing:0.02em;line-height: 1.5;}
#content li{margin-left:15px;}
#homeMainImg {background:url(../images/creative365-complete-design-solutions-ventura.jpg) center center no-repeat;  background-size:cover; min-height:90vh;}
.displaySmall {display:none;}
.displayLarge {display:block;}

@media screen and (max-width:668px) {
.displaySmall {display:block !important;}
.displayLarge {display:none !important;}

 }
img {
  max-width: 100%;
}
* {
  -webkit-text-size-adjust: none;
}
/* ======= Headers ======= */
h2 {
 font: 26px 'Cabin', sans-serif;  text-align:center; margin-top:5px; margin-bottom:5px; /* color:#f5f5f5;*/ color:#2997ff; line-height: 170%; letter-spacing:0.05em;}
 h2.red {color:#f00;} 

h3 {font: 21px 'Cabin', sans-serif; text-transform:uppercase;  margin:15px 0px; color:#1b1b1b; text-align:center; /* background:#f5f5f5; */ padding:10px 5px; letter-spacing:0.05em; overflow:hidden; font-weight:bold;}
h3 a{color:#1b1b1b;}
h3 a:hover{color:#888}

#footer h3{color:#fff; font-size:1.1em; background:none; text-decoration:none;}
#footer h3 a{color:#fff; font-size:1.1em; background:none; text-decoration:none;}

h3 span{
  font: 400 1em Arial, sans-serif; text-align:center; margin:0 auto;
  color: #fff; background:#009fda; padding:5px 0px; display:block; width:50%;margin-bottom:1.2em; 
}
@media (max-width: 767px) {
  h2 {
    font-size: 30px;
    line-height: 30px;
  }
  h3{width:90%;}
}
@media (min-width: 768px) and (max-width: 979px) {
  h3 {
    font-size: 1.2em;
    line-height: 22px;
  }
  h3 span {font-size: 1em; width:65%;margin-bottom:1.3em;  }
}
@media (max-width: 768px)  
{h3 span {font-size: 0.75em; display:block;margin-bottom:1.2em; }
}
h4 {
  font: 400 17px/20px Arial, sans-serif; letter-spacing:0.02em;
  color: #f5f5f5;
}
h5 {
  font: 500 1em/1.35em Arial, sans-serif;
  color: #009fda;
}
h6 {
  font: 400 24px/24px Arial, sans-serif;
  color: #494d4e;
}
.h7 {
  font: 700 18px/18px Arial, sans-serif;
  color: #494d4e;
  display: block;
}
.h7 .highlighted {
  color: #fa4b2a;
}
.heading1 {
  text-align: center;
  margin-bottom: 30px;
}
.heading1 img {
  margin-bottom: 36px;
}
.heading1 h3 {
  margin-bottom: 17px;
  padding-bottom: 15px;
  position: relative;
}
.heading1 h3:after {
  position: absolute;
  content: '';
  display: block;
  width: 92px;
  height: 1px;
  background: #cccccc;
  left: 50%;
  margin-left: -46px;
  bottom: 0;
}
.heading1 p {
  font-size: 18px;
}
.heading1.heading1__inset1 img {
  margin-bottom: 24px;
}
.heading2 {
  text-align: left;
  margin-bottom: 26px;
}
/* ======= Buttons ======= */
.btn-default {
  display: inline-block;
  font: 400 18px/18px Arial, sans-serif;
  color: #fa4b2a;
}
.btn-default:hover {
  color: #00a1df;
}
.btn-mine {
  display: block;
  font: 400 15px/21px Arial, sans-serif;
  color: #ffffff;
  background: #009fda;
  text-align: center;
  padding: 12px 15px 12px 15px;
}

.btn-big {
  display: inline-block;
  font: bold 1.2em/1.25em Arial, sans-serif;
  color: #000;
  background: #f5f5f5;
  background: #0069aa;
  background: -webkit-linear-gradient(#eeeeee,#fdc57a,#ecac59,#ffb85f,#ffb962); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eeeeee,#fdc57a,#ecac59,#ffb85f,#ffb962); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient#eeeeee,#fdc57a,#ecac59,#ffb85f,#ffb962); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#eeeeee,#fdc57a,#ecac59,#ffb85f,#ffb962); /* Standard syntax */
  text-align: center;
  padding: 10px 30px; border:1px solid #333;
	background:#2997ff; border-radius:50px;
}
.btn-big span {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
@media (min-width: 768px)and (max-width:979pix) {
	 .btn-big {
    font-size: 0.8em;
    padding: 10px 25px;
  }
  .btn-big span:before {
    font-size: 20px;
    top: -1px;
  }}

@media (min-width: 979px)and (max-width:1170pix) {
 .btn-big {
    font-size: 0.8em;
    padding: 10px 25px;
  }
  .btn-big span:before {
    font-size: 20px;
    top: -1px;
  }
}
.btn-big span:before {
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  line-height: 1.25em;
  content: '\f101';
  right: 0;
}
.btn-big:hover {
  background: #000;
  color: #f5f5f5; border:1px solid #333;
}
.btn-big:hover span:before {
  cursor: pointer;
}
.btn-big.btn-big__inset1 {
  background: #00a1df;
}
.btn-big.btn-big__inset1 span {
  padding-left: 68px;
}
.btn-big.btn-big__inset1 span:after {
  font-family: FontAwesome;
  font-size: 35px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  line-height: 1.25em;
  content: '\f0b1';
  left: 0;
}
.fullwidth {width:80%;}
@media (max-width: 1199px) {
  .btn-big.btn-big__inset1 {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn-big.btn-big__inset1 span {
    padding-left: 30px;
    padding-right: 24px;
  }
  .btn-big.btn-big__inset1 span:after {
    font-size: 20px;
  }
  .btn-big.btn-big__inset1 span:before {
    font-size: 20px;
  }
}
.btn-big.btn-big__inset1:hover {
  background: #fa4b2a;
}
.btn-big.btn-big__inset1:hover span:after {
  cursor: pointer;
}
.btn-big.btn-big__inset2 span {
  padding-left: 0;
}
.btn-big.btn-big__inset2 span:after {
  display: none;
}
@media (max-width: 979px) {
  .btn-big {
    font-size: 0.8em;
    padding: 10px 25px;
  }
  .btn-big span:before {
    font-size: 20px;
    top: -1px;
  }
}
/* ======= Wrappers ======= */
.wrapper1 {
  background: #fff;
  padding: 40px 0 40px;
}
.wrapper1.wrapper1__inset1 {
  padding-top: 85px;
  padding-bottom: 90px;
}
.wrapper2 {
  padding: 80px 0 120px;
}
.wrapper3 {
  padding: 50px 0 80px;
  border-bottom: 1px solid #dddddd;
}
.wrapper4 {
  padding-bottom: 40px;
  border-bottom: 1px solid #dddddd;
}
.wrapper5 {
  padding-top: 85px;
  padding-bottom: 85px;
  border-bottom: 1px solid #dddddd;
}
.wrapper6 {
  padding-bottom: 45px;
}
.relative-wrapper {
  position: relative;
}
#search-results {
  overflow: hidden;
}
#search-results h4 {
  font-size: 25px;
  line-height: 25px;
}
/*========================================================
                    HEADER styles
=========================================================*/
#header {
  background: #000;
  padding: 0px 0 0;
}
#header .info {
  padding-bottom: 0px;
}
#header .info .social-block {
  float: right;
  margin-top: 22px;
}
#header .info .social-block .authorization {
  margin-right: 16px;
  margin-top: 25px;
  display: inline-block;
}
#header .info .social-block .authorization a {
  color: #9b9b9b;
  display: inline-block;
  font: 400 14px/14px arial, sans-serif;
}
#header .info .social-block .authorization a:hover {
  color: #f00;
}
#header .info .social-block .authorization a:hover.sign:before {
  cursor: pointer;
}
#header .info .social-block .authorization a.sign {
  font-weight: 700;
  position: relative;
  padding-left: 16px;
}
#header .info .social-block .authorization a.sign:before {
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  line-height: 10px;
  content: '\f090';
  left: 0;
}
#header .info .social-block .authorization .divider {
  display: inline-block;
  height: 10px;
  width: 1px;
  background: #c6c7c8;
  margin: 3px 5px;
}
#header .info .social-block .socials1 {
  display: inline-block;
}
#header img, #header img a{border:none;}
@media (max-width: 767px) {
  #header .info .social-block {
    float: none;
  }
  #header .info .social-block .authorization {
    display: block;
    margin-right: 0;
  }
  #header .info .social-block .socials1 {
    display: block;
  }
}
#header #stuck_container {
  position: relative;
  z-index: 202;
  background: #0069aa;
  background: -webkit-linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* Standard syntax */
}
#header #search {
  margin-top: 18px;
  float: right;
}
@media (max-width: 1199px) {
  #header #search {
    float: none;
    text-align: left;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
#header .links {
  padding: 8px 0 6px;
  font: 700 10px/10px Arial, sans-serif;
  color: #9fa2a9;
  text-transform: uppercase;
}
#header .links .divider {
  display: inline-block;
  margin: 0 6px;
}
@media (max-width: 1199px) {
  #header {
    text-align: center;
  }
}
h1 {  display: inline-block;
font: 44px 'Cabin', sans-serif;  text-align:center; margin:0px 0px 25px 0px; color:#fff; line-height: 120%; color:#888; font-weight:bold;
}
h1.white{color:#fff;}
h1.black{color:#1b1b1b;}
h1.red{color:#f00}
h1.yellow{color:#f5f5f5;}
h1 a {
  position: relative;
  display: block;
}
h1 a img {
  position: absolute;
  left: 0;
  top: -13px;
}
h1 a span {
  display: block;
}
h1 a span.first {
  margin-top: 13px;
  margin-bottom: -2px;
  font: 400 40px/31px "Sarina", sans-serif;
  color: #00a1df;
  letter-spacing: -0.025em;
}
h1 a span.second {
  font: 700 14px/14px Arial, sans-serif;
  color: #00a1df;
  letter-spacing: .2em;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  h1 {
    float: none;
  }
}
/* ======= Main menu variables ======= */
/* ======= Sub menus common variables ======= */
/* ======= First level sub menu variables ======= */
nav {
  float: left; z-index:200; 
}
@media (min-width: 1120px) {
  nav {
    float: none; margin:0 auto; text-align:center;
    display: inline-block;
  }
}
@media (max-width: 1199px) {
  nav {
    float: none; 
    display: inline-block;
  }
}
/* Main menu styles
========================================================*/
.sf-menu > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
  text-align: center;
  padding: 0.2em 0.5em; list-style: none;/*border-left:1px solid #979797;*/

}
.sf-menu > li.current{background: #888;
} 
.sf-menu > li:hover{background: #888; 
} 
.sf-menu > li.with-menu {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 0;
  margin-right: 0px;
  position: relative;
}

.sf-menu > li.with-menu:before {
  position: absolute;
  content: '';
  left: 0;
  display: none;
  top: -0.312em;
  width: 100%;
  height: 0.1875em;
  background: #888;
}

@media (max-width: 1199px) {
  .sf-menu > li.with-menu {
    padding-left: 0.35em;
    padding-right: 0.35em;
  }
}
.sf-menu > li + li {
}
@media (max-width: 1199px) {
  .sf-menu > li + li {
  }
}
.sf-menu > li.last-menu-item {
  margin-right: 0px; /*border-right:1px solid #979797;*/
}

.sf-menu > li > a {
	letter-spacing:0.03em; text-transform:uppercase;
	padding:0px 15px 0px 15px;text-shadow:#fff 1px 1px 1px;
  font: 600 0.9em/2.1em Arial, Helvetica, sans-serif; 
  display: inline-block;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;  
  color: #666666;
  
}
@media (max-width: 979px) {
  .sf-menu > li > a {
    font-size: 0.75em; height:2.25em;}
     .sf-menu > li.with-menu {
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  
}
@media (min-width:768px) and (max-width: 979px) {
  .sf-menu > li > a {
    font-size: 0.65em; height:2.25em;}
     .sf-menu > li.with-menu {
    padding-left: 0.15em;
    padding-right: 0.15em;
  }
}
.sf-menu > li > a:hover {text-decoration: none; text-shadow:none;
  color: #ffffff;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;  
}
.sf-menu > li > a:active {
  background: transparent;text-shadow:none;
  color: #ffffff;
}
.sf-menu .sfHover.with-menu {
  background: #888; color:#fff;text-shadow:none;
}
.sf-menu .sfHover.with-menu:before {
  display: block;
}
.sf-menu .sfHover.with-menu:before {
  display: block;
}

.sf-menu > li.current > a {
  color: #fff; text-shadow:none;
}
.sf-menu > li.current > .sf-with-ul:after {
  color: #fff;
}
.sf-menu > li.sfHover > a {
  color: #fff;text-shadow:none;
}
.sf-menu > li.sfHover > a:after {
  color: #fff;text-shadow:none;
}
.sf-menu > li.with-menu.sfHover:hover a:after {
  color: #fff;text-shadow:none;
}
.sf-menu > li.with-menu.sfHover:hover a:after {
  color: #fff;text-shadow:none;
}
.sf-menu > li.current.with-menu:hover a:after {
  color: #fff;text-shadow:none;
}
.sf-menu a {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.sf-menu a:hover {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
/* First level sub-menu styles
========================================================*/
.sf-menu ul {
  -webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);   

  box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);
  display: none;
  font: 400 0.85em/1.15em Arial, sans-serif;letter-spacing:0.03em;
  position: absolute;
  top: 3.1em;width:200%;
  left: 0;
background: url(../images/gray-background.png) repeat; border: 1px solid #e4d8bb; border-top:0px;		  text-align: left;
padding:20px 30px 30px 30px;
  z-index: 202;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width:768px) and (max-width: 979px) 
{  .sf-menu ul {top:3em;  font: 400 0.75em/1.15em Arial, sans-serif;letter-spacing:0.03em; width:250%;}

}

.sf-menu ul li {  list-style: none;
  letter-spacing: 0;
  position: relative;padding:5px; 
  display: block; border-bottom:thin #4b4a4a solid;
}
.sf-menu ul li:hover > a {
  background: #888;text-decoration: none;
  color: #fff;
}
.sf-menu ul li a {
  padding-left: 20px;
  display: block;
  color: #eeeeee;
  text-transform: none;
}
.sf-menu ul > .sfHover > a {
  background: #00a1df;
}
.sf-menu ul > .sfHover > a:after {
  color: #eeeeee;
}
.sf-menu ul li.sfHover > a {
  background: #00a1df;
  color: #eeeeee;
}
.sf-menu ul li a.heading{color:#fff; font-weight:bold; 
}

/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul {
  position: absolute;
  top: 100%;   font: 400 0.8em/1.95em Arial, sans-serif;
  left: -50%;width:100%;
  margin-left: 0;
  z-index: 204;
  text-align: right;border-top:1px solid #0069aa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  nav {
    width: 100%;
    float: none;
  }
  .select-menu {
    border-radius: none;
    display: block;
    text-transform: capitalize;
    float: none;
    color: #000;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #ffffff;
    font: 22px/28px Arial, sans-serif;
    text-align: center;
    border: 1px solid #c1c1c1;
    padding: 2px 0;
    position: relative;
  }
  .select-menu option {
    text-align: center;
    position: relative;
  }
}
/*Core variables and mixins*/
/* Stuck menu styles
========================================================*/
.isStuck {
  z-index: 999;
  position: fixed;
  text-align: center;
}
.isStuck #search {
  display: none;
}
.isStuck nav {
  float: none;
  display: inline-block;
}
@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
#content {
}
#content.common {
  padding-top: 93px;
}
/* ======= Banner 1 Welcome! ======= */
.banner1Blue{ background:url(../images/blue-background2.jpg)  bottom center no-repeat; background-size: cover;
  padding: 30px 0 30px;}
.banner1 {background:#006699;
  background: -webkit-linear-gradient(#118fd0,#c5e4f4); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#118fd0,#c5e4f4); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#118fd0,#c5e4f4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#118fd0,#c5e4f4); /* Standard syntax */
  background-size: cover;
  padding: 50px 0 50px;
}
.banner1 h2 {
  margin-bottom: 23px;
}
.banner1 p .highlighted {
  color: #00a1df;
}
.banner1 .btn-big {
  margin-top: 40px;
}
/* ======= Box 1  ======= */
.box1 {
  text-align: center; background: #fcfcfc; border:1px solid #d3d3d3; padding:5px 15px 15px 15px; border-bottom:5px solid #f00;
}
.box1 img {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  margin-bottom: 15px;border:1px solid #f5f5f5;
}
.box1 h3 {font: 15px 'Cabin', sans-serif; color:#f00;
  margin-bottom: 10px; background:none;
}
.box1 p{color:#333; font-size:0.8em;}
.box1:hover img {
  background: #00a1df; 
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
@media (max-width: 767px) {
  .box1 {
    margin-bottom: 40px;
  }
}
/* ======= Box 1  ======= */
.boxSymp {
  text-align: center;
}
.boxSymp img {
  width:100%; height:auto;
  margin-bottom: 27px;
}
.boxSymp h3 {
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .box1 {
    margin-bottom: 50px;
  }
}
/* ======= Banner 2 Video ======= */
.banner1 {
  background-image: url(../images/creative365-gray-background1.jpg);background-size: cover;padding: 50px 0px;
}
.banner1 ul{font-weight:bold;color:#000}
.banner11 {
  padding: 75px 0px;
	background:#000;
}
.banner2 {
  /*background-image: url(../images/creative365-gray-background.jpg);background-size: cover;*/
  padding: 75px 0px;
	background:#fff;
}
.banner2 h1{}
.banner2 ul{font-weight:bold;color:#000}
.banner11 ul{font-weight:bold;color:#f7f7f7;}

.banner2 .slogan, .banner11 .slogan {
  padding-right: 47px;
}
.banner2 h4, .banner11 h4 {
  margin-bottom: 33px;
}
.banner2 p {
  color: #1b1b1b;
}
.banner11 p {
  color: #888;
}
.banner2 .btn-big, .banner11 .btn-big {
  margin-top: 40px;
}
.banner2 .vimeo-video1, .banner11 .vimeo-video1 {
  margin-top: -3px;
}
@media (max-width: 767px) {
  .banner2 .vimeo-video1, .banner11 .vimeo-video1 {
    margin-top: 30px;
  }
}
/* ======= Vimeo video  ======= */
.vimeo-video1 {
  box-shadow: 0px 21px 21px 0px rgba(0, 0, 0, 0.33);
  border: 6px solid #ffffff;
  margin-left: 47px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .vimeo-video1 {
    margin-left: 0;
  }
}
.vimeo-video1 iframe {
  width: 100%;
  height: 316px;
}
@media (max-width: 1199px) {
  .vimeo-video1 iframe {
    height: 277.40458015267177px;
  }
}
@media (max-width: 979px) {
  .vimeo-video1 iframe {
    height: 219.5114503816794px;
  }
}
@media (max-width: 767px) {
  .vimeo-video1 iframe {
    height: 253.2824427480916px;
  }
}
@media (max-width: 479px) {
  .vimeo-video1 iframe {
    height: 162.82442748091603px;
  }
}
/* ======= Box 2 Gallery ======= */
.box2 {
  margin-bottom: 30px;
}
/* ======= Banner 3 Carousel ======= */
.banner3 {
  background-image: url(../images/page1_img15.png);
  padding: 86px 0 156px;
}
/* ======= Blockquote 1 ======= */
.blockquote1 {
  color: #ffffff;
  text-align: center;
}
.blockquote1 i {
  font-size: 72px;
  display: block;
  margin-bottom: 7px;
}
.blockquote1 cite {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
.blockquote1 img {
  display: block;
  margin: 0 auto 20px;
}
.blockquote1 a {
  display: block;
}
.blockquote1 a.name {
  font: 700 30px/30px Arial, sans-serif;
  margin-bottom: 14px;
}
.blockquote1 a.from {
  font: 400 14px/18px Arial, sans-serif;
  margin-bottom: -1px;
}
/* ======= Box 3 Our clients ======= */
.box3 {
  margin-top: -10px; text-align: center;margin:0 auto;
}
.box3 ul {margin-left:30px;
  text-align: center;
}
.box3 ul li {
  float: left; 
  border:1px solid #009fda;width: 30%;
  text-align: center; margin-right:10px;
}
@media (max-width: 1199px) {
  .box3 ul li {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .box3 ul li {
    width: 30%;
  }
}
.box3 ul li a {
  display: block;
}
.box3 ul li a img {
  background: #ffffff;
}
.box3 ul li a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* ======= Banner 4 VIew our portfolio ======= */
.banner4 {
  background: #eceef1;
  padding: 40px 0 42px;
}
.banner4 p {
  font: 400 24px/29px Arial, sans-serif;
  color: #494d4e;
}
.banner4 p .highlighted {
  color: #00a1df;
}
.banner4 .grid_4 {
  text-align: right;
}
.banner4 .btn-big {
  margin-top: 12px;
}
.banner4.banner4__inset1 {
  padding-bottom: 21px;
}
.banner4.banner4__inset1 .heading {
  margin-top: 3px;
  display: block;
  font: 400 32px/32px Arial, sans-serif;
  color: #00a1df;
  margin-bottom: 1px;
}
.banner4.banner4__inset1 .grid_3 {
  text-align: right;
}
@media (max-width: 767px) {
  .banner4.banner4__inset1 .grid_3 {
    text-align: left;
  }
}
.banner4.banner4__inset1 p {
  font: 300 15px/24px Arial, sans-serif;
}
.banner4.banner4__inset2 {
  padding-bottom: 45px;
}
@media (max-width: 767px) {
  .banner4 .grid_4 {
    text-align: left;
  }
}
/* ======= Box 4 Footer ======= */
.box4 h5 {
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .box4 {
    margin-bottom: 50px;
  }
}
/* ======= Box 5 Divider ======= */
.box5 {
  text-align: center;
  overflow: hidden;
}
.box5 .divider {
  display: inline-block;
  width: 1px;
  height: 2000px;
  top: 0;
  position: absolute;
  background: #5a5a5a;
}
@media (max-width: 767px) {
  .box5 .divider {
    display: none;
  }
}
/* ======= Box 6 About us ======= */
.box6 {
  margin-top: 8px;
}
.box6 i {
  display: inline-block;
  font-size: 23px;
  line-height: 30px;
  margin-right: 10px;
  color: #00a1df;
  margin-top: -4px;
  position: absolute;
  left: 0;
}
.box6 i.fa-plus-square {
  font-size: 18px;
  margin-top: -5px;
}
.box6 i.fa-phone {
  margin-top: -4px;
}
.box6 i.fa-asterisk {
  margin-top: -7px;
}
.box6 i.fa-laptop {
  margin-top: -5px;
}
.box6 ul li {
  padding-left: 35px;
  position: relative;
  font: 400 14px/14px Arial, sans-serif;
  color: #ffffff;
}
.box6 ul li + li {
  margin-top: 43px;
}
/* ======= Box 7 About us and what we do ======= */
.box7 {
  margin-bottom: 48px;
}
.box7 .heading {
  margin-bottom: 20px;
}
.box7 .heading i {
  display: inline-block;
  width: 54px;
  height: 54px;
  background: #fa4b2a;
  font-size: 29px;
  line-height: 54px;
  text-align: center;
  margin-right: 19px;
  color: #ffffff;
}
.box7 .heading h3 {
  margin-top: 11px;
  display: inline-block;
}
.box7 p {
  padding-bottom: 14px;
  border-bottom: 1px solid #d0d1d1;
}
.box7 .btn-default {
  margin-top: 13px;
}
/* ======= Box 8 Diagnostics ======= */
.box8 {
  margin-top: -3px;
}
.box8 .heading {
  display: block;
  font-weight: 400;
  margin-bottom: 14px;
  color: #494d4e;
}
.box8 ul {
  margin-top: 21px;
}
/* ======= Banner 5 tabs ======= */
.banner5 {
  background-image: url(../images/page2_img1.png);
  padding: 100px 0 72px;
}
#tabs {
  text-align: left;
}
#tabs .tabs-list {
  position: relative;
}
#tabs .tabs-list .ui-state-focus {
  outline: medium none !important;
}
#tabs .tabs-list .ui-state-focus a {
  padding-top: 11px;
}
#tabs .tabs-list .ui-state-focus a:after {
  color: #fa4b2a;
  line-height: 71px;
  content: '\f078';
}
#tabs .tabs-list .ui-tabs-active a {
  padding-top: 11px;
}
#tabs .tabs-list .ui-tabs-active a:after {
  color: #fa4b2a;
  line-height: 71px;
  content: '\f078';
}
#tabs .tabs-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: medium none !important;
  text-align: left;
  display: block;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  text-transform: uppercase;
  font: 300 40px/50px Arial, sans-serif;
}
@media (max-width: 1199px) {
  #tabs .tabs-list li {
    font-size: 24px;
  }
}

.grayBox {background:#fbfbfb; margin-right:1px; padding:15px 0; margin-bottom:20px;}
#tabs .tabs-list li:first-child {
  border-top: 1px solid #ffffff;
}
#tabs .tabs-list li a {
  padding: 6px 0 10px;
  display: block;
  outline: medium none !important;
  position: relative;
}
#tabs .tabs-list li a:after {
  font-family: FontAwesome;
  font-size: 30px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  content: '\f054';
  right: 34px;
  top: 0;
  line-height: 66px;
}
#tabs .tabs-list li a:hover .tab {
  color: #00a1df;
}
#tabs .tabs-list li a:hover:after {
  cursor: pointer;
}
@media (max-width: 767px) {
  #tabs .tabs-list {
    margin-bottom: 30px;
  }
}
.box9 {
  margin-top: -5px;
  color: #ffffff;
}
.box9 .heading {
  font-weight: 700;
  display: block;
  margin-bottom: 14px;
}
.box9 .heading a:hover {
  color: #fa4b2a;
}
.box9 p {
  margin-bottom: 24px;
}
/* ======= Box 10 Our staff ======= */
.box10 {
  margin-top: 4px;
}
.box10 img {
  margin-bottom: 31px;
}
.box10 h6 {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .box10 {
    margin-bottom: 50px;
  }
  .box10 img {
    width: 100%;
  }
}
/* ======= Box 11 Private Rooms ======= */
.box11 {
  margin-bottom: 28px;
  margin-top: 15px;
}
.box11 .heading {
  margin-top: -9px;
  display: block;
  margin-bottom: 13px;
  font-weight: 400;
  color: #494d4e;
}
.box11 p {
  margin-bottom: 24px;
  letter-spacing: .02em;
  font-size: 15px;
}
.box11 .btn-big {
  margin-top: 10px;
}
.box11.box11__offset1 {
  margin-top: -1px;
  margin-bottom: 4px;
}
.box11.box11__offset1 .heading {
  margin-top: 0;
}
@media (max-width: 767px) {
  .box11.box11__offset1 {
    margin-bottom: 50px;
  }
}
.box11.box11__offset2 {
  margin-top: -5px;
}
.box11.box11__inset1 img {
  margin-top: 9px;
}
@media (max-width: 767px) {
  .box11.box11__inset1 img {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .box11 img {
    margin-bottom: 20px;
  }
}
/* ======= Box 12 Billing and payment ======= */
.box12 {
  margin-bottom: 2px;
  margin-top: 2px;
}
.box12 h3 {
  padding-bottom: 15px;
  border-bottom: 1px solid #d0d1d1;
  margin-bottom: 20px;
}
.box12 .btn-default {
  margin-top: 17px;
}
@media (max-width: 767px) {
  .box12 {
    margin-bottom: 50px;
  }
}
/* ======= Banner 6 Your safety ======= */
.banner6 {
  background-image: url(../images/page3_img2.png);
  padding: 94px 0 53px;
}
.banner6 .heading2 {
  margin-bottom: 32px;
}
.banner6 h2 {
  color: #ffffff;
}
.banner6 .box12 {
  margin-bottom: 47px;
}
.banner6 .box12 h3 {
  color: #ffffff;
  border-bottom-color: #9d9d9d;
}
.banner6 .box12 p {
  color: #ffffff;
}
/* ======= Box 13 Our best physicans ======= */
.box13 {
  margin-top: 8px;
  margin-bottom: 15px;
}
.box13 img {
  margin-bottom: 10px;
}
.box13 .h7 {
  margin-bottom: 3px;
}
.box13 p {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: .02em;
}
@media (max-width: 767px) {
  .box13 {
    margin-bottom: 40px;
  }
  .box13 img {
    width: 100%;
  }
}
/* ======= Banner 7 Always ready to assist ======= */
.banner7 {
  padding: 94px 0 101px;
  background-image: url(../images/page4_img9.png);
  color: #ffffff;
}
.banner7 .heading2 {
  margin-bottom: 32px;
}
.banner7 h2 {
  color: #ffffff;
}
.banner7 .heading {
  display: block;
  font-weight: 700;
  margin-bottom: 14px;
}
.banner7 .btn-big {
  margin-top: 34px;
}
/* ======= Tabs 2 Choose the theme you are interested in ======= */
#tabs2 {
  margin-top: 15px;
  margin-bottom: 13px;
  text-align: left;
}
.tabs-list a{color:#1b1b1b;}

#tabs2 .tabs-list {
  position: relative;
}
#tabs2 .tabs-list .ui-state-focus {
  outline: medium none !important;
}
#tabs2 .tabs-list .ui-state-focus a {
  background: #f00; color:#fff; 
  position: relative;
}
#tabs2 .tabs-list .ui-state-focus a:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f00;
  right: -10px;
  top: 13px;
}
@media (max-width: 767px) {
  #tabs2 .tabs-list .ui-state-focus a:after {
    display: none;
  }
}
#tabs2 .tabs-list .ui-tabs-active a {
  background: #f00; color:#fff; 
}
#tabs2 .tabs-list .ui-tabs-active a:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f00;
  right: -10px;
  top: 13px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  #tabs2 .tabs-list .ui-tabs-active a:after {
    display: none;
  }
}
#tabs2 .tabs-list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: medium none !important;
  text-align: left;
  display: block;
  color: #ffffff;
  font: 400 18px/31px Arial, sans-serif;
  letter-spacing: -0.025em;
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  #tabs2 .tabs-list li {
    font-size: 14px;
  }
}
@media (max-width: 979px) {
  #tabs2 .tabs-list li {
    font-size: 12px;
  }
}
#tabs2 .tabs-list li a {
  border-radius: 4px;
  background: #f5f5f5;
  padding: 7px 5px 7px 18px;
  display: block;
  outline: medium none !important;
  position: relative;
}
#tabs2 .tabs-list li a:hover {
  background: #f00; text-decoration:none;
  color: #ffffff;
}
#tabs2 .tabs-list li a:hover:after {
  border-color: transparent transparent transparent #f00;
}
#tabs2 .tabs-list li a:hover .tabs {
  color: #ffffff;
}
@media (max-width: 767px) {
  #tabs2 .tabs-list {
    margin-bottom: 30px;
  }
}
.box14 {
  margin-top: -7px;
}
.box14 .heading {
  font-weight: 400;
  color: #494d4e;
  display: block;
  margin-bottom: 13px;
  margin-top: 33px;
}
.box14 .heading:first-child {
  margin-top: 0;
}
.box14 p {
  margin-bottom: 20px;
}
.box14 h3{margin-top:1.25em;}
/* ======= Box 15 Privacy Policy ======= */
.box15 {
  margin-bottom: 44px;
  margin-top: 6px;
}
.box15 .heading {
  display: block;
  margin-bottom: 13px;
  font-weight: 400;
  color: #494d4e;
}
.box15 p {
  font-size: 15px;
  letter-spacing: .02em;
}
.box15 .simple-link {
  margin-top: 25px;
  margin-bottom: -3px;
  font-size: 15px;
  letter-spacing: .02em;
}
/* ======= Google Map  ======= */
.google-map_main {
  position: relative;
}
.google-map_main iframe {
  width: 100%;
  height: 485px;
}
@media (max-width: 767px) {
  .google-map_main iframe {
    height: 200px;
  }
}
.google-map_contacts {
  position: relative;
  margin-bottom: 95px;
}
.google-map_contacts iframe {
  width: 100%;
  height: 485px;
}
@media (max-width: 767px) {
  .google-map_contacts iframe {
    height: 200px;
  }
}
/* ======= Address  ======= */
.contacts-address {
  margin-top: 36px;
}
.contacts-address span {
  font-size: 18px;
  letter-spacing: .02em;
}
.contacts-address .our-address {
  display: block;
  margin-bottom: 17px;
  font-size: 24px;
  color: #494d4e;
  letter-spacing: 0;
  font-weight: 400;
}
.contacts-address .wrapper {
  display: block;
}
.contacts-address .wide {
  display: inline-block;
  min-width: 100px;
}
@media (max-width: 979px) {
  .contacts-address .wide {
    display: block;
  }
}
@media (max-width: 767px) {
  .contacts-address {
    margin-bottom: 50px;
  }
}
/* ======= Simple link ======= */
.simple-link {
  display: inline-block;
  text-decoration: underline;
  color: #fa4b2a;
}
.simple-link:hover {
  color: #00a1df;
}
/* ======= List 1 ======= */
.list1 li {
  font: 400 0.9em /1.4em Arial, sans-serif; letter-spacing:0.03em;
  color: #fff; text-align:left;
}
@media (max-width: 767px) {.list1 li{ text-align:center;}
}

.list1 li  a {  color: #fff;}
.list1 li  a:hover {  color: #f00;}

/* ======= list 2 ======= */
.list2 li {
  position: relative;
  padding-left: 21px; 
  font: 300 15px/26px Arial, sans-serif; color:#212121;
}
.list2 li:before {
  font-family: FontAwesome;
  font-size: 15px;
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  cursor: default;
  line-height: 30px;
  content: '\f054';
  color: #fa4b2a;
  left: 0;
  top: 2px;
}
/* ======= Social buttons 1 ======= */
.socials1 li {
  display: inline-block; margin-top:10px;
  margin-right: 1px; list:none;
  margin-bottom: 7px;
}
.socials1 li a i {
  color: #ffffff;  background: #939393;
  text-align: center;
  font-size: 23px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 200px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.socials1 li a:hover{text-decoration:none;}
socials1 li a i.fa-facebook {
  background: #939393;
}
.socials1 li a i.fa-twitter {
  background: #939393;
}
.socials1 li a i.fa-google-plus {
  background: #939393;
}
.socials1 li a i.fa-linkedin {
  background: #939393;
}
.socials1 li a i.fa-envelope {
  background: #939393;
  font-size: 19px;
}
.socials1 li a i:hover.fa-facebook {
  background: #f5f5f5;
}
.socials1 li a i:hover.fa-twitter {
  background: #f5f5f5;
}
.socials1 li a i:hover.fa-google-plus {
  background: #f5f5f5;
}
.socials1 li a i:hover.fa-linkedin {
  background: #f5f5f5;
}
.socials1 li a i:hover.fa-envelope {
  background: #f5f5f5;
}
/*
.socials1 li a i.fa-facebook {
  background: #3a5a9f;
}
.socials1 li a i.fa-twitter {
  background: #45b0e3;
}
.socials1 li a i.fa-google-plus {
  background: #d61119;
}
.socials1 li a i.fa-linkedin {
  background: #1783bc;
}
.socials1 li a i.fa-envelope {
  background: #676767;
  font-size: 19px;
}
.socials1 li a i:hover.fa-facebook {
  background: #6c8cd1;
}
.socials1 li a i:hover.fa-twitter {
  background: #77e2ff;
}
.socials1 li a i:hover.fa-google-plus {
  background: #ff434b;
}
.socials1 li a i:hover.fa-linkedin {
  background: #49b5ee;
}
.socials1 li a i:hover.fa-envelope {
  background: #999999;
}
/*
/* ======= Gallery  ======= */
.gallery_image {
  display: block;
  position: relative;
}
.gallery_image img {
  margin-bottom: 0;
}
@media (max-width: 979px) {
  .gallery_image img {
    width: 100%;
  }
}
.gallery_image:hover .gallery_block {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.gallery_image:hover .gallery_block i {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.gallery_image img {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.gallery_image .gallery_block {
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -45px;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.gallery_image .gallery_block a {
  display: inline-block;
}
.gallery_image .gallery_block a:hover i {
  background: #00a1df;
  background: rgba(0, 161, 223, 0.74);
  color: #ffffff;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.gallery_image .gallery_block a + a {
  margin-left: 3px;
}
.gallery_image .gallery_block span {
  display: block;
  font: 700 18px/18px Arial, sans-serif;
  color: #ffffff;
  margin-bottom: 15px;
}
.gallery_image .gallery_block i {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-size: 20px;
  color: #494d4e;
  display: block;
  border-radius: 300px;
  text-align: center;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.74);
  height: 57px;
  width: 57px;
  line-height: 57px;
}
/*========================================================
                    FOOTER styles
=========================================================*/
#footer {
  background:#000;
  padding: 0px 0px 20px 0px;
}
#footer ul{list-style:none;}
#footer .wrapper-with-divider {
  position: relative;
  border-bottom: 1px solid #5a5a5a;
  padding-bottom: 56px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #footer .wrapper-with-divider {
    border-bottom: none;
  }
}
#footer .privacy-block {
  padding-top: 29px;
  font: 400 12px/16px Arial, sans-serif;
  color: #a6a6a6;
}
#footer .privacy-block div {
  margin-top: 6px;
}
#footer .privacy-block .highlighted {
  color: #00a1df;
}
#footer .privacy-block .highlighted a:hover {
  color: #fa4b2a;
}
#footer .privacy-block strong {
  font-weight: 900;
  text-transform: uppercase;
}
#footer .privacy-block address {
  display: inline-block;
}
#footer .phone {
  margin-top: 20px;
  color: #ffffff;
}
#footer .phone span {
  display: block;
  font: 400 12px/31px Arial, sans-serif;
}
@media (max-width: 1199px) {
  #footer .phone span {
    line-height: 14px;
  }
}
#footer .phone span.with-icon {
  font: 400 14px/18px Arial, sans-serif;
  margin-top: -7px;
}
@media (max-width: 1199px) {
  #footer .phone span.with-icon {
    margin-top: 5px;
  }
}
#footer .phone span.with-icon i {
  font-size: 17px;
  line-height: 18px;
  color: #00a1df;
  display: inline-block;
  margin-top: 2px;
}
/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #868686;
  font-size: 37px;
  line-height: 38px;
  z-index: 220;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #fa4b2a;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
/*Core variables and mixins*/
@media (max-width: 767px) {
.logos {float:none;}
}
@media (max-width: 979px) {
#header .info .social-block {float:none; margin:0px;}
}

p.center{text-align:center;}
.blueBar{background:url(../images/blue-bar.jpg) top center repeat-x; width:100%; height:25px; margin:20px 0px;}
.bannerTechnical{ background:url(../images/technical-background.jpg) top center no-repeat; background-size: cover;
  padding: 20px 0 50px;}
.Creative365rocks{background: #000 /* url(../images/black.png) top center repeat*/; padding: 30px 0 30px; text-align:center;}
    
.box1 .btn-big{margin-top:15px;} 

.divider { background:url(../images/pses-divider-line.jpg) top center no-repeat; height:24px; margin-top:15px;}

.blueLine{background:#0069aa; height:10px; margin-bottom:5px;}
.bulleted {list-style:circle; text-align:center;}
.boxLeft{text-align:left;}
.boxJustified p{
	text-align: justify;
	padding-bottom:1.5em;
}
.boxLeft ul{list-style: disc; margin-left:10%;}
ol {list-style: decimal; margin-left:30px;}
.line{background:#eee; height:3px; width:50%; margin:20px 0px; margin:0 auto;}
.bannerCircuit {
  background-image: url(../images/gray-circuit-background.jpg);background-size: cover;
  padding: 40px 0px;
}
.bannerBlueCircuit2 {
  background-image: url(../images/blue-circuit-background2.jpg);background-size: cover;
  padding: 50px 0px;
}
.bannerBlueCircuit2 h2{color:#fff;}
.boxDirectors{ margin-top: 15px;margin-bottom: 30px;color:#fff;}
.boxDirectors img {margin-bottom: 5px;}
.boxDirectors p, .boxDirectors a {color:#fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .02em;margin-bottom: 4px;
}
@media (max-width: 767px) {
  .boxDirectors {
    margin-bottom: 40px;
  }
 .boxDirectors img {
    width: 100%;
  }
}
.box12 p span, .box12 h2 span{color:#009fda; }




/********************************* CSS Document ADDED BY ANUSHA ****************************************************/
h6{ margin-bottom:10px;}


.box11 p{text-align:left;}
.text_left{ text-align:left;}

	/* 	Generic Styling, for Desktops/Laptops */
	table.responsive { 
		width: 100%; 
		border-collapse: collapse; 
		font-size:14px;background: #fff;
		margin-bottom:30PX;
	}
	/* Zebra striping */
	table.responsive tr:nth-of-type(odd) { 
		background: #eee; 
	}
	table.responsive th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	table.responsive td, table.responsive th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}

	@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
			display: block; 
			font-size:11px;
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		table.responsive thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.responsive tr {border: 1px solid #ccc; }
		
		table.responsive td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		table.responsive td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/* Label the data*/
		table.newsletter td:nth-of-type(1):before { content: "Vol/#"; }
		table.newsletter td:nth-of-type(2):before { content: "Date"; }
		table.newsletter td:nth-of-type(3):before { content: "Technically Speaking Feature"; }
		
		table.symposium td:nth-of-type(1):before { content: "Designation"; }
		table.symposium td:nth-of-type(2):before { content: "Name"; }
		table.symposium td:nth-of-type(3):before { content: "Email ID"; }
		
		table.technical td:nth-of-type(1):before { content: "Committee Name"; }
		table.technical td:nth-of-type(2):before { content: "Chair"; }
		table.technical td:nth-of-type(3):before { content: "Webpage"; }
	}
	
/*For symposium pages*/
ul.white_bg li{ background-color:#FFFFFF; margin-bottom:20px;}
ul.white_bg li img{ height:60px;}
.box3 ul.full_width li{ float:none; width:100%;} 
@media (max-width: 767px) {ul.white_bg li img{ height:auto;}}
	
/********************************* CSS Document ADDED BY JULIA ****************************************************/
	
.bannerBlueBoard {
  background-image: url(../images/blue-board-product-safety-engineering-society-pses.jpg);background-size: cover;
  padding: 50px 0px;
}
.bannerGrayCircuitNewsletter {
  background-image: url(../images/newsletters-gray-circuit-background-product-safety-engineering-society-pses2.jpg);background-size: cover;
  padding: 50px 0px;
}
.whiteA a{color:#fff; font-weight:600; }
.whiteA {margin-bottom:20px;}
h6{padding-bottom: 10px; color:#009fda;
  border-bottom: 1px solid #d0d1d1;
  margin: 20px 0px;}
 
  .list3 li {
  position: relative; text-align:let;
  padding-left: 21px;
  font: 300 15px/26px Arial, sans-serif; color:#212121; margin-bottom:25px;
}
.list3 li span{font: 400 20px/26px Arial, sans-serif; color:#1b1b1b; }
.list3 li span a {color:#1b1b1b;}
.box14 p span{color:#f5f5f5;}
.box14 ul{margin-left:30px; margin-bottom:25px;}
.psesLogos img{float:left; width:49%;}
#logos {float:left;  text-align:center;}
#logos img{width:auto; height:auto;}
@media (max-width: 767px) {
#header .info .social-block .socials1{display:none;}
}
#header-links{float:right; }
@media (min-width: 767px) and (max-width:979px){
.socials1 li a i {
  color: #ffffff;background:#939393;
  text-align: center;
  font-size: 15px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 200px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#header .info .social-block .authorization .divider {
  display: inline-block;
  height: 10px;
  width: 1px;
  background: #c6c7c8;
  margin: 0 3px;
}
#header .info .social-block {
  margin-top: 10px;
}
#header .info .social-block .authorization {
  margin-right: 16px;
  margin-top: 19px;
  display: inline-block;
}
}
.banner2 .btn-big, .banner3 .btn-big {margin-top:0px;}
.legal  {color:#1a93d2; /* border-top:1px solid #333; */ padding:30px 50px 0px 50px; text-align:center;}
.legal p { font:400 0.8em/1.2em Arial,sans-serif; text-align:center; color:#999;}
.legal a{color:#999; }
.legal a:hover{color:#999; }
.affiliate{border: 1px solid #1a93d2; }
.right{float:right; margin: 5px 0px 5px 25px;}
.committees p{font:0.9em Arial, sans-serif; padding-bottom:10px;}
#servicesBottom{ padding:75px 0px 35px 0px; /* box-shadow:#999 5px -5px 5px;*/
background: #0069aa;
  background: -webkit-linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#e0e0e0,#f5f5f5,#d7d7d7,#bbb9ba); /* Standard syntax */
	background: #000000;
}
.boxLogo{text-align:center;padding-top: 25px; }
.boxLogo h4{text-align:center;}
.services{text-align:center;}
.services img{width:90%; height:auto;}
.bannerDark{/* background: url(../images/black.png) top center repeat;*/ background:#000; padding:75px 20px; text-align:center; color:#fff;}
.bannerDark p {color:#fff;}
.bannerDark h3 {color:#999999 !important;}
.bannerNone{padding:50px 20px; text-align:center; color:#fff;   clear: both;
}
.bannerWhite {/* background: url(../images/white-gradient.png) top center repeat-y;*/ background:#fff; padding:50px 20px; text-align:center; color:#1b1b1b; margin:35px 0px}
.bannerWhite p, .bannerWhite ul{color:#1b1b1b;}
.imgdescription{ padding: 8px; margin: 10px 0px; text-align: center;line-height: 150%;font-size:0.9em;  color: #ffffff; /* background:url(../images/gray-background.png) repeat; border: 1px solid #505050; */ }

#topImage {margin:0 auto; text-align:center;width: 100%; height: 100%; border-bottom:2px solid #F00; box-shadow:0px 5px 10px #1b1b1b;z-index:50;}
.stretch { width:100%;  height:auto; margin:0 auto; z-index:50;}
.slideshowMAIN{overflow:hidden;/* border: 1px solid #e4d8bb; */ margin:0 auto; }
.slideshowMAIN img {width: 100%; height:auto; }
#content ul#centerUlsm{text-align:center; font: bold 1.2em/1.6em Arial, Helvetica, sans-serif;  padding-bottom:15px;}
#content {text-align:center;}
#content ul#centerUl{text-align:center; font:1.1em/1.2em Arial, Helvetica, sans-serif; padding-bottom:15px; margin:0px;}
#content ul#centerUl li{text-align:center;font:1.1em/1.2em Arial, Helvetica, sans-serif; padding-bottom:15px; list-style-position: inside; margin:0px;}
h5{ font: 16px 'Cabin', sans-serif; text-transform:uppercase; width:50%;  color:#1b1b1b; text-align:center; background:#b7b7b7; padding:10px 0px; letter-spacing:0.05em;margin:0 auto;margin-bottom:15px; border-bottom:4px solid #f5f5f5; }
.img{/* border: 1px solid #e4d8bb;*/ padding:5px; margin-bottom:15px; width:98%; height:auto;}
.testimonial{margin: 0px 0px 20px 0px;display: block; padding: 0px 0px 10px 0px; clear:both; border-bottom:1px solid #333; font-size:0.9em;line-height: 1.2em;
}



.mainPointsY li { font: 1.1em 'Cabin', sans-serif; text-align:left; padding-bottom:5px; color:#f7f7f7; line-height: 130%; letter-spacing:0.05;  }
.mainPointsW li { font: 1.1em 'Cabin', sans-serif; text-align:left; padding-bottom:5px; color:#fff; line-height: 130%; letter-spacing:0.05;  }
#website_icons{margin:0 auto; text-align:center; clear:both;}
#website_icons img{width:100%; height:auto;}
#website_icons ul{style:none; }
#website_icons li{display:block; margin:5px; float:left;}

.video {border:1px solid #CCC;text-align:center; margin-bottom:25px;}
.video iframe{ width:100%; height:auto;}
p span {color:#f5f5f5;}
.showPhone { display: none; }   /* hide it elsewhere */
.showDesktop { display: block; }
.boxDetails {padding:5px;}
.boxDetails p{/*text-align:justify;*/}
@media (max-width: 767px) {

h1 {font: 30px 'Cabin', sans-serif; }
h2 {font: 20px 'Cabin', sans-serif; }

#content ul {margin-left:10px;}
#content li {margin-left:2px;}
#content img{max-width:99%; height:auto;}
#portfolio{display:none;}
.boxDetails h3{width:96%;}

}
@media (min-width: 0px) and (max-width: 900px) 
 {  
.showPhone { display: block; }  
.showDesktop { display: none; }

}