/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  @font-face 
    {
    font-family: MyriadPro;
    src: url('fonts/MyriadPro-Regular.eot'); /* IE9 Compatibility Modes */
    src: url('fonts/MyriadPro-Regular.eot?') format('eot'),  /* IE6-IE8 */
    url('fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/MyriadPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */
    }
   
   @font-face {
	font-family: 'MyriadPro-light';
	src: url('fonts/MyriadPro-Light.eot');
	src: local('\263A'), 
    url('fonts/MyriadPro-Light.woff') format('woff'), 
    url('fonts/MyriadPro-Light.ttf') format('truetype'), 
    url('fonts/MyriadPro-Light.svg') format('svg');
}
   
   ::-moz-selection{ background: #cae7fd; color:#4c4c4c; text-shadow: none; }
   ::selection { background:#cae7fd; color:#4c4c4c; text-shadow: none; } 
   
   body {background-color: #fff;}
   
   a {color:#2394b5; text-decoration:none; transition: all 0.8s ease 0s; }
   a:hover {color:#000; text-decoration:none; }
   img{max-width:100%;}
   
   .aligncenter { margin:0 auto; display:block; }
   .alignleft {padding:0 15px 0 0; margin:0; float:left;}
   .alignright {padding:0 0 0 15px; margin:0; float:right;}
   .fl {float:left; }
   .fr {float:right; }
   
   h1 { margin:0 0 20px; padding:0; font-size:52px; line-height:110%; font-family:'MyriadPro-light'; font-weight:normal; 
   color:#2dbde7; text-align:center; }
   h2 { margin:0 0 20px; padding:0; font-size:44px; line-height:110%; font-family:'MyriadPro-light'; font-weight:normal; 
   color:#fff; text-align:center; }
   p { margin:0; padding:0 0 10px 0; font-size:18px; line-height:26px; font-family:'MyriadPro-light'; font-weight:normal; 
   color:#4f4f6e; text-align:center; }
   p span { color:#2394b5; }

/*--------------------------------*/
   
   header { margin:0; padding:0; width:100%; float:left; }
   .header-top { margin:0; padding:15px 0; width:100%; float:left; background: #3cc7e6;}
   .header-left {float: right; width: auto;}
   h1.call-text { margin:0; padding:0; font-size:24px; line-height:100%; font-family:MyriadPro; font-weight:normal; 
   color:#fff; text-align:left; }
   h1.call-text span {color: #000; font-size: 17px; }
   h1.call-text a { color:#fff; font-size: 17px; }
   h1.call-text a:hover { color:#000; }
   /*----------------Nav----------------*/
   .menu-holder {background:#4f4f6f; margin:0; padding:0; width:100%; float:left; }
   .navbar-inverse {background:none; margin:0;}
   .navbar {border:0; margin: 0;  }
   .navbar-collapse {padding:0;}
   .navbar-nav > li {padding:0 ; color:#777777;}
   .navbar-inverse .navbar-nav > li > a {color:#777777;}
   .navbar-nav > li > a {color:#fff !important; padding:0 13px; font-size:14px; line-height:54px; font-family:MyriadPro; 
   font-weight:normal; transition: background-color 0.5s ease 0s;}
   .navbar-nav > li > a:hover {background-color: #fff !important; color: #000 !important;}
   .navbar-nav > li.active > a {background-color: #fff !important; color: #000 !important; }
   /*----------------Nav----------------*/
   
   /*----------------Banner----------------*/
   banner {margin:0; padding:40px 0 0; width:100%; float:left; background:#000; }
   .banner-content {padding:40px 20px 0 0; width:90%;}
   h1.banner-hdng {margin:0; padding:0 0 10px; font-size:66px; line-height:110%; font-family:'MyriadPro-light'; font-weight:normal; 
   color:#2dbde7; text-align:left;}
   h1.banner-hdng span {color: #fff;}
   p.banner-txt {margin:0; padding:0 0 10px 0; font-size:32px; line-height:110%; font-family:'MyriadPro-light'; font-weight:normal; 
   color:#fff; text-align:left;}
   .banner-btn {margin:20px 0 0; padding:0; width:100%; float:left;}
   /*----------------Banner----------------*/
   
   /*----------------Buttons----------------*/
   .btn-main {margin: 0; padding: 10px 25px; float: left; border-radius: 50px; font-family: MyriadPro; font-size: 18px; line-height: 100%; font-weight: normal; color: #fff;} 
   .btn-wht-border {border:1px solid #fff; transition: background-color 0.5s ease 0s; margin: 0 3% 0 0;}  
   .btn-wht-border:hover {background: #2dbde7; color: #000; border:1px solid #2dbde7;}
   
   .btn-blue {background: #2dbde7; border:1px solid #2dbde7; color: #000; transition: background-color 0.5s ease 0s; }  
   .btn-blue:hover {border:1px solid #fff; color: #fff; background:none; }
   
   .btn-black {background: #2f2f2e; transition: background-color 0.5s ease 0s; }  
   .btn-black:hover {background: #2dbde7; color: #fff; }
   
   .btn-blk-border {border:1px solid #000; transition: background-color 0.5s ease 0s; color: #000;}  
   .btn-blk-border:hover {background: #000; color: #fff;}
   
   .career-btn {margin:0 0 -20px;}
   .career-btn:hover {background: #000;}
   /*----------------Buttons----------------*/
   
   /*----------------Main Content----------------*/
   section#about {margin:0; padding:0; width:100%; float:left; }
   .about-bg {margin:0; padding:6% 8%; width:100%; float:left; background: url(images/abot-section-bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  
  section#about h1 {background: url("images/blue-line.jpg") no-repeat center bottom;}
  .view-btn {margin: 30px auto 0; padding: 0; width: 150px;}
  
  section#experience {margin:0; padding:0; width:100%; float:left; }
  .experience-bg {margin:0; padding:0; width:100%; float:left; background:#3ac0e6 url(images/middle-sec-bg.jpg) no-repeat center top;  min-height: 200px; }
  .experience-l {padding:60px 0 0 60px; }
  .experience-bg h2 {text-align: left; margin: 0;}
  .experience-bg h2.big-txt { font-size: 107px; color: #000;}
  .wht-box { margin:0; padding:4% 3%; width:90%; float:left; background:#fff; }
  .wht-box p {font-size: 17px; text-align: left; line-height: 25px;}
  
  section#career {margin:0; padding:60px 0; width:100%; float:left; }
  section#career h2 {background: url("images/wht-line.jpg") no-repeat center bottom;}
  .career-row {margin:0; padding:3% 0; width:100%; float:left; }
  .career-col {margin:0; padding:0 10px; width:25%; float:left; }
  p.blue-hdng {font-size: 18px; color: #2394b5; font-family: MyriadPro; text-align: left; line-height: 100%; font-weight:bold; padding: 10px 0;}
  ul.list-item {list-style:none; margin:0; padding: 0;}
  ul.list-item li {color:#fff; padding:0; font-size:16px; line-height:28px; font-family:MyriadPro; 
   font-weight:normal; margin:0 0 10px; }
  ul.list-item li span {width:26px; height:26px; float: left; border-radius:50%; background:#2dbde7; margin:0 20px 0 0; text-align: center; line-height: 26px;} 
  p.wht-txts {color: #fff; text-align: left; font-size: 16px; line-height: 20px; font-family:MyriadPro; }
  p.wht-txt {color: #000; text-align: left; font-size: 16px; line-height: 20px; font-family:MyriadPro; }
  p.wht-txt a:hover { color: #000; text-decoration:underline; }
  .white-border {margin:0; padding:0; width:100%; float:left; border-bottom: 1px solid #fff;}
  .bot-btn {margin: 0 auto; padding: 0; width: 150px;}
	
   /*----------------Main Content----------------*/
   /*----------------Footer----------------*/
   footer { margin:0; padding:0; width:100%; float:left; }
   .footer-bg { margin:0; padding:2%; width:100%; float:left; background:#058cb3 url('images/footer-rpt.jpg') repeat-x; }
   .wood-img {text-align: center;}
   ul.botnav { list-style:none; margin:0; padding: 0;}
	ul.botnav li { color:#fff; padding:0 13px; font-size:13px; line-height:120%; font-family:MyriadPro; 
   font-weight:normal; display: inline; border-right:1px solid #fff;}
   ul.botnav li.last {border-right:0;}
	ul.botnav li a { color: #fff; }
	ul.botnav li a.active { color: #000;}
	ul.botnav li a:hover { color: #000;}
	
	.social-block {margin: 0 auto; padding: 0; width: 100px;}
	
	ul.social-icons { list-style:none; margin:0; padding: 0;}
	ul.social-icons li { color:#000; padding:0 5px; font-size:40px;  display: inline; }
	ul.social-icons li a {color: #000;}
	ul.social-icons li a:hover {color: #fff;}
	
	p.copy {font-size: 13px; color: #000; font-family:MyriadPro; padding: 20px 0;}
   /*----------------Footer----------------*/
   .navbar-toggle { background:#2dbde7 !important; }
   
   /*----------------Publications Page----------------*/
   section#publications {margin:0; padding:0; width:100%; float:left; }
   .publications-bg {margin:0; padding:3% 0; width:100%; float:left; background: url(images/abot-section-bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  h1.publications-heading { color:#2394b5; font-family: "MyriadPro-light"; font-size:49px; font-weight: normal; line-height: 110%; margin: 0 0 20px; padding: 0; text-align: left; background: url("images/blue-line.jpg") no-repeat left bottom; }
  .left-publications {margin:0; padding:0; width:46%; float:left; }
  .right-publications {margin:0; padding:0; width:46%; float:right; }
  ul.bullet-publication { list-style:none; margin: 25px 0 0; padding: 0; width: 100%; float:left; }
  ul.bullet-publication li img { float:left; padding:0 20px 0 0; -moz-transition:-moz-transform 0.5s ease-in; -webkit-transition:-webkit-transform 0.5s ease-in; -o-transition:-o-transform 0.5s ease-in; }
  ul.bullet-publication li img:hover { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); cursor:pointer; }
  ul.bullet-publication li { color:#2394b5; float: left; font-family: "MyriadPro"; font-size: 18px; font-weight: normal;
    line-height: 20px; margin:0 0 25px 0; padding: 0; text-align: left; width: 100%; }
  ul.bullet-publication li span { color: #000; font-size: 16px; }
  ul.bullet-publication li span.small-text { color: #000; font-size: 16px; font-family: "MyriadPro-Light"; line-height:10px; }
   
/*----------------About Us Page----------------*/
  .about-holder { margin:0; padding:0; width:100%; float:left; }
  .left-about-holder { margin:0; padding:0; width:55%; float:left; }
  .right-about-holder { margin:2.5% 0 0 0; padding:0; width:42%; float:right; }
  .right-membership-holder { margin:5px 0 0 0; padding:0; width:42%; float:right; }
  .left-professional-holder { margin:0; padding:0; width:72%; float:left; }
  .right-professional-holder { margin:5px 0 0 0; padding:0; width:26%; float:right; }
  
  .table { color:#000; border:1px solid #ddd; margin-top:20px; }
  .table > thead > tr > th { color:#fff; }
  .table > tbody > tr > td span { color:#2394b5; font-weight:bold; }
  .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border:1px solid #ddd !important; background:#f4f4f4 !important; }
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td { border:1px solid #ddd !important; background:#2394b5 !important; }
   ul.bullet-text  { margin:0 0 30px 0; padding:0; width:100%; float:left; }
   ul.bullet-text li { color: #000; text-align: left; font-size: 16px; line-height: 20px; font-family:MyriadPro; margin:8px 0 0 30px; }
   ul.bullet-text li span { color:#2394b5; line-height:25px; line-height:25px; font-weight:bold; }

/*--------------------------------Contact Me Start---------------------------------*/
	.contact-holder { margin:0; padding:0; width:100%; float:left; }
	.left-contact-holder { margin:0; padding:0; width:50%; float:left; }
	.right-contact-holder { margin:0; padding:0; width:45%; float:right; }
   .contact-row { margin:0; padding:8px 0; width:100%; float:left; }
   label.label-text  { font-size:17px; font-weight:normal; font-family:'MyriadPro'; margin:0; padding:0; line-height:30px; text-align:left; color:#000; width:22%; float:left; }
   input.form-text {  background: #fff; border-color: #848484 #c1c1c1 #e1e1e1; border-image: none;  border-radius: 0; border-style: solid; border-width: 1px; box-sizing: border-box;  color: #000; font-family:'MyriadPro'; font-size:18px; height:30px;  outline: 0 none; padding: 2px 3px; width:75%; float:right; }
   textarea.form-textarea {  background: #fff; border-color: #848484 #c1c1c1 #e1e1e1; border-image: none;  border-radius: 0; border-style: solid; border-width: 1px; box-sizing: border-box;  color: #000; font-family:'MyriadPro'; font-size:18px; padding: 2px 3px; width:75%; float: right; height:110px; }
    input.form-submit { border-radius:5px; color: #fff; cursor: pointer; padding:5px 0; width:25%; margin:0; background:#2394b5; font-family:'MyriadPro'; font-size:19px; float:right; text-align:center; border:none; }
    input.form-submit:hover { background:#4f4f6f; color: #fff; }
    h2.contact-heading { color: #528916; font-family:'MyriadPro'; font-size: 25px; font-weight: normal;
    line-height:35px; margin: 0;  padding: 0;  text-align:left; text-shadow:none; }
    p.contact-text { color: #000; font-family: 'MyriadPro'; font-size: 17px; font-weight: normal; line-height: 25px; margin: 0; padding: 0; text-align: left; }
	p.contact-text span { font-size:19px; color:#2394b5; }
	p.contact-text a { text-decoration:none; color: #000; }
	p.contact-text a:hover { color:#2394b5; }
   
   
/*------------------------------------Responsive Page------------------------------------*/   
   
 @media screen and (min-width :1100px) and (max-width :1200px) {
    .container {  width:1000px; }
   
   }
   
@media screen and (min-width : 971px) and (max-width :1100px) {
    .container {  width:900px; }
    .navbar-nav > li > a { padding:0 8px; }
    .about-bg { padding:6% 0; }
    ul.botnav li { padding:0 8px; }   
   /*----------------Publications Page----------------*/
  ul.bullet-publication li { font-size: 16px; }
  ul.bullet-publication li span { font-size: 14px; }
  ul.bullet-publication li span.small-text { font-size: 14px; }
    
 }
 
@media screen and (min-width : 768px) and (max-width : 970px) {
    .container {  width:700px; }
    .navbar-nav > li > a { padding:0 5px; font-size:11px; }
    .about-bg { padding:6% 0; }
    .experience-l { padding:60px 0 0 0; }
    h1.banner-hdng { font-size:33px; }
    p.banner-txt { font-size:25px; }
    .btn-main { font-size:15px; }
    .wht-box { width:100%; }
    ul.botnav li { padding:0 3px; font-size:11px; } 
   /*----------------Publications Page----------------*/
   .left-publications { width:70%; margin:0 15%; }
   .right-publications { width:70%; margin:0 15%; }
   /*----------------Contact Me Page----------------*/
   .left-contact-holder { width:60%; }
   .right-contact-holder { width:36%; }
    
    
}


@media screen and (min-width : 640px) and (max-width: 767px) {
    .container {  width:570px; }
    .menu-holder { height:50px; }
    .navbar-nav > li  { background:#fff; }
    .about-bg { padding:6% 0; }
    .experience-l { padding:60px 0 0 0; }
    h1.banner-hdng { font-size:59px; }
    p.banner-txt { font-size:25px; }
    .btn-main { font-size:15px; }
    .wht-box { width:100%; }
    ul.botnav { display:none; }
    .banner-content { padding:0 0 70px 0; width:100%; }
    .career-col { width:50%; margin:0 0 7% 0; }
    .navbar-nav { margin:0 !important; z-index:9999999; position:relative; }
    .navbar-nav > li > a { line-height:40px; }
    .last-career-col { position:relative; margin-top:-89%; } 
   /*----------------Publications Page----------------*/
   .left-publications { width:84%; margin:0 8%; }
   .right-publications { width:84%; margin:0 8%; }
   /*----------------Contact Me Page----------------*/
   .left-contact-holder { width:100%; }
   .right-contact-holder { width:100%; }
    
}


@media screen and (min-width : 480px) and (max-width: 639px) {
    .container {  width:410px; }
    .menu-holder { height:50px; }
    .navbar-nav > li  { background:#fff; }
    .about-bg { padding:6% 0; }
    .experience-l { padding:60px 0 0 0; }
    h1.banner-hdng { font-size:59px; }
    p.banner-txt { font-size:25px; }
    .btn-main { font-size:15px; }
    .wht-box { width:100%; }
    ul.botnav { display:none; }
    .banner-content { padding:0 0 70px 0; width:100%; }
    .career-col { width:64%; margin:2% 18%; }
    .navbar-nav { margin:0 !important; z-index:9999999; position:relative; }
    .navbar-nav > li > a { line-height:40px; }
   /*----------------Publications Page----------------*/
   .left-publications { width:100%; }
   .right-publications { width:100%; }
   ul.bullet-publication li { font-size:16px; }
  ul.bullet-publication li span { font-size: 14px; }
  ul.bullet-publication li span.small-text { font-size: 14px; }
   ul.bullet-publication li img { padding:0 10px 0 0; }
   h1.publications-heading { font-size:39px; }   
/*----------------About Us Page----------------*/
  .table { font-size: 13px; }
   /*----------------Contact Me Page----------------*/
   .left-contact-holder { width:100%; }
   .right-contact-holder { width:100%; }

}


@media screen and (min-width : 360px) and (max-width: 479px) { 
    .container {  width:300px; }
    .menu-holder { height:50px; }
    .navbar-nav > li  { background:#fff; }
    .about-bg { padding:6% 0; }
    .experience-l { padding:60px 0 0 0; }
    h1.banner-hdng { font-size:39px; }
    p.banner-txt { font-size:19px; }
	.header-left { margin-top:3%; }
    h1.call-text { font-size:19px; }
    .btn-main { font-size:13px; }
    .wht-box { width:100%; }
    ul.botnav { display:none; }
    .banner-content { padding:0 0 70px 0; width:100%; }
    .career-col { width:90%; margin:2% 5%; }
    .navbar-nav { margin:0 !important; z-index:9999999; position:relative; }
    .navbar-nav > li > a { line-height:40px; }
    h2 { font-size:35px; }
    .col-sm-6 { padding-left:0; padding-right:0; } 
   /*----------------Publications Page----------------*/
   .left-publications { width:100%; }
   .right-publications { width:100%; }
   ul.bullet-publication li { font-size:15px; }
  ul.bullet-publication li span { font-size: 13px; }
  ul.bullet-publication li span.small-text { font-size: 13px; }
   ul.bullet-publication li img { padding:0 10px 0 0; width:40%; }  
   h1.publications-heading { font-size:39px; }   
/*----------------About Us Page----------------*/
  .table { font-size:8px; }
   /*----------------Contact Me Page----------------*/
   .left-contact-holder { width:100%; }
   .right-contact-holder { width:100%; }
   label.label-text { width:100%; }
   input.form-text { width:100%; }
   textarea.form-textarea { width:100%; }
	input.form-submit { width:35%; }
  
}

@media screen and (min-width : 320px) and (max-width: 359px) {
    .container {  width:280px; }
    .menu-holder { height:50px; }
    .navbar-nav > li  { background:#fff; }
    .about-bg { padding:6% 0; }
    .experience-l { padding:60px 0 0 0; }
    h1.banner-hdng { font-size:39px; }
    p.banner-txt { font-size:19px; }
	.header-left { margin-top:3%; }
    h1.call-text { font-size:17px; }
    .btn-main { font-size:13px; }
    .wht-box { width:100%; }
    ul.botnav { display:none; }
    .banner-content { padding:0 0 70px 0; width:100%; }
    .career-col { width:100%; margin:2% 0; }
    .navbar-nav { margin:0 !important; z-index:9999999; position:relative; }
    .navbar-nav > li > a { line-height:40px; }
    h2 { font-size:35px; }
    .col-sm-6 { padding-left:0; padding-right:0; } 
   /*----------------Publications Page----------------*/
   .left-publications { width:100%; }
   .right-publications { width:100%; }
   ul.bullet-publication li { font-size:15px; }
  ul.bullet-publication li span { font-size: 13px; }
  ul.bullet-publication li span.small-text { font-size: 13px; }
   ul.bullet-publication li img { padding:0 10px 0 0; width:40%; }  
   h1.publications-heading { font-size:39px; }    
/*----------------About Us Page----------------*/
  .table { font-size:7px; }
   /*----------------Contact Me Page----------------*/
   .left-contact-holder { width:100%; }
   .right-contact-holder { width:100%; }
   label.label-text { width:100%; }
   input.form-text { width:100%; }
   textarea.form-textarea { width:100%; }
	input.form-submit { width:35%; }
	
}