@charset "UTF-8";@media screen,projection {

body, html {min-height: 100%; padding: 0; margin: 0; font-family: 'PT Sans', sans-serif;}
body {background: #02405f;}
a {text-decoration: none;}
.clear {clear: both;}
input,textarea,button {outline:none;}
a img {border: none;}
ul {padding: 0; margin: 0;}

.notice a {
    color: #fff;
	}

.notice {
    text-align: center;
    min-height: 20px;
    background-color: #cf000a;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    color: #fff;
    display: block;
    margin: 0 auto;
    position: relative;
    font-size: 18px;
    padding: 10px 2%;
	width: 96%;
	}

.content {
   width: 95%;
   max-width: 1200px;
   }
   
.top {
   background-color: #fff;
   padding: 15px 0 0 0;
    	position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    z-index: 1000;
    overflow-x: auto;
    white-space: nowrap;
   }

.logo {
   float: left;
   margin-top: 18px;
   width: 45%;
   }

.topright {
  float: right;
  background: url(https://www.doctodd.net/templates/suffolkfoot/images/shad.jpg) no-repeat center;
  background-size: 100% auto;
  padding: 0 30px;
  }
      
.toploc {
   color: #02405f;
   font-size: 18px;
   font-weight: 700;
   }
   
.topphone {
   color: #dd3e00;
   font-size: 30px;
   font-weight: 700;
   }
   
/*.topphonemob {
   display: none;
   }*/
   
.topsoc {
   margin-top: 10px;
   }
   
.so {
   display: inline-block;
   vertical-align: middle;
   }

.top-buttons {
    display: inline-block;
    vertical-align: middle;
	}
   
.top-btn {
    font-size: 18px;
    font-weight: 700;
    background-color: #C62828;
    color: #fff;
    padding: 3px 10px;
    border-radius: 10px;
    border: 2px solid #c62825;
    translate: 0.3s;
    transition: all 0.3s;
  	margin-left: 1px;
	}

.top-btn:hover {
    color: #C62828;
    background-color: #fff;
	}

.top-btn.portal {
    border-color: #5f3c99;
    background-color: #5f3c99;
  	margin-left: 3px;
	}

.top-btn.portal:hover {
    color: #5f3c99;
    background-color: #fff;
	}

.topmen {
   background: rgb(4,77,115); /* Old browsers */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0NGQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjMzNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  rgba(4,77,115,1) 0%, rgba(2,51,76,1) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  rgba(4,77,115,1) 0%,rgba(2,51,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  rgba(4,77,115,1) 0%,rgba(2,51,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044d73', endColorstr='#02334c',GradientType=0 ); /* IE6-8 */
   position: relative;
   margin-top: 18px;  
   }

.topmen ul {
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/bord.jpg) repeat-y right;
   width: 888px;
   }
      
.topmen ul li {
   display: inline-block;
   list-style: none;
   padding: 15px 0;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/bord.jpg) repeat-y left;
   }
   
   
.topmen ul li a {
   font-size: 16px;
   color: #fff;
   padding: 15px 20px;
   }
   
.topmen ul li a:hover, .topmen ul li.active a {
   text-decoration: underline;
   }
   
.hamb {
   display: none;
   }

.overlay {
  	height: 100%;
  	width: 0;
  	position: fixed;
  	z-index: 1;
  	top: 0;
  	left: 0;
  	background-color: rgb(0,0,0);
  	background-color: rgba(0,0,0, 0.9);
  	overflow-x: hidden;
  	transition: 0.5s;
  	z-index: 9999;
	}

.overlay-content {
 	position: relative;
  	top: 15%;
  	width: 100%;
  	text-align: center;
  	margin-top: 30px;
	}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 30px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
    font-weight: 600;
	}

.overlay a:hover, .overlay a:focus {
  	color: #f1f1f1;
	}

.overlay .closebtn {
  	position: absolute;
  	top: 20px;
  	right: 45px;
  	font-size: 60px;
	}	
   
.topleg {
   display: table-cell;
   vertical-align: top;
   width: 45%; 
   height: 335px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/toplegbg.jpg) no-repeat center;
   background-size: 100% 100%;
   position: relative;
   }
   
.topleg img {
   position: absolute;
   left: 0;
   top: 0;
   }

.legbox {
   color: #4fd3ff;
   width: 240px;
   text-align: left;
   float: right;
   margin: 50px 0 0 0;
   }
   
.legbox2, .legbox3, .legbox4, .legbox5, .legbox6  {
   display: none;
   }
      
.leghead {
   color: #4fd3ff;
   font-size: 22px;
   font-weight: 700;
   text-align: center;
   }
   
.legtext {
   color: #fff;
   font-size: 18px;
   font-weight: 400;
   text-align: left;
   margin: 10px 0 0 0;
   }
   
#round1 {
   width: 36px; 
   height: 36px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/round.png) no-repeat center;
   position: absolute;
   top: 70px;
   left: 150px;
   }
   
#round2 {
   width: 36px; 
   height: 36px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/round.png) no-repeat center;
   position: absolute;
   top: 210px;
   left: 145px;
   }
   
#round3 {
   width: 36px; 
   height: 36px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/round.png) no-repeat center;
   position: absolute;
   top: 270px;
   left: 70px;
   }
   
#round4 {
   width: 36px; 
   height: 36px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/round.png) no-repeat center;
   position: absolute;
   top: 290px;
   left: 210px;
   }
   
#round5 {
   width: 36px; 
   height: 36px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/round.png) no-repeat center;
   position: absolute;
   top: 260px;
   left: 340px;
   }
   
#round6 {
   width: 36px; 
   height: 36px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/round.png) no-repeat center;
   position: absolute;
   top: 265px;
   left: 410px;
   }
   
#round1:hover, #round2:hover, #round3:hover, #round4:hover, #round5:hover, #round6:hover {
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/round-hover.png) no-repeat center;
   }
   
.slider {
   display: table-cell;
   vertical-align: top;
   background-size: cover;
   height: 335px;
   }

.slidea {
   padding: 15px;
   background-color: rgba(0,0,0,0.4); 
   width: 95%; 
   text-align: left;
   }
      
.slidehead {
   color: #4fd3ff;
   font-size: 33px;  
   }
   
.slidetext {
   color: #ffffff;
   font-size: 15px;  
   }
   
.blueline {
   padding: 10px 15px;
   background: #022b41;
   margin-right: -1px;
   }
   
.sup {
   color: #4fd3ff;
   font-weight: 700;
   margin: 0;
   padding: 0 0 0 40px;
   font-size: 30px;
   line-height: 40px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/sup.jpg) no-repeat left center;
   background-size: auto 25px;
   }
   
h1, .blueline h1 a {
   color: #4fd3ff;
   font-weight: 700;
   margin: 0;
   padding: 0;
   font-size: 32px;
   line-height: 40px;
   text-decoration: none;
   }
   
.loca {
   color: #4fd3ff;
   font-weight: 700;
   margin: 0;
   padding: 0 0 0 30px;
   font-size: 30px;
   line-height: 40px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/loc.jpg) no-repeat left center;
   background-size: auto 30px;
   }

.loca1 {
   color: #4fd3ff;
   font-weight: 700;
   margin: 0;
   font-size: 30px;
   line-height: 40px;
   }

.tab {
   display: table;
   vertical-align: top;
   padding-bottom: 15px;
   }
   
.tab1 {
   display: table;
   vertical-align: top;
   }
   
.spec {
   line-height: 1px;
   }
   
.pad {
   padding: 10px 15px;
   }
   
.leftcol {
   display: table-cell;
   text-align: left;
   vertical-align: top;
   padding-bottom: 15px;
   }
   
.rightcol {
   width: 25%;
   display: table-cell;
   vertical-align: top;
   padding-bottom: 15px;
   }
   
.rightcolo {
   width: 25%;
   float: right;
   padding: 2% 0;
   }
   
fieldset.formFieldset {
   border: none;
   padding: 0;
   }
   
.leftcol1 {
   padding: 0 2%;
   /*float: left;*/
   text-align: left;
   /*width: 70%;*/
   }
   
.leftcol21 {
   padding: 0 2%;
   float: left;
   text-align: left;
   width: 95%;
   }
 
.leftcol2 {
   padding: 1% 2% 2% 2%;
   }
   
.rightcol1 {
   padding: 0 5% 2% 5%;
   }
   
.leftcol1 ul {
   margin-left: 20px;
   }
   
.lb {
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/lb.jpg) no-repeat left bottom;
   background-size: 1px 90%;
   }

.lbr {
    background: url(https://www.doctodd.net/templates/suffolkfoot/images/lb.jpg) no-repeat left bottom;
    background-size: 1px 104%;
}

.whiteline {
   background: #fff;
   }
      
.leftcol a, .rightcol a, .rightcolo a {
   color: #1d438f;
   text-decoration: underline;
   }
   
.leftcol a:hover, .rightcol a:hover, .rightcolo a:hover {
   text-decoration: none;
   }
   
.con {
   color: #4fd3ff;
   font-weight: 700;
   margin: 0;
   padding: 0 0 0 40px;
   font-size: 32px;
   line-height: 40px;
   background: url(https://www.doctodd.net/templates/suffolkfoot/images/con.jpg) no-repeat left center;
   background-size: auto 25px;
   }
   
.soc {
   width: 90px;
   display: inline-block;
   vertical-align: middle;
   }
   
.soc img {
   float: left;
   padding: 5px;
   width: 35px;
   }
   
.soc1 img {
   width: 90px;
   }
   
.grayline {
   padding: 10px 15px;
   background: #303030;
   color: #b3b3b3;
   font-size: 14px;
   }
   
.grayline a {
   color: #b3b3b3;
   text-decoration: underline;
   }
   
.grayline a:hover {
   text-decoration: none;
   }
   
.hb {
   display: inline-block;
   vertical-align: top;
   width: 47%;
   padding: 0 1%;
   color: #02405f;
   font-size: 16px;
   }
   
.dir a {
   padding: 5px 0;
   background-color: #02405f;
   color: #fff;
   font-size: 16px;
   display: block;
   width: 150px;
   text-decoration: none;
   }
   
.pers {
   padding: 8px 0;
   width: 140px;
   background-color: #02405f;
   color: #fff;
   font-size: 12px;
   float: right;
   margin: 3px;
   }
   
.pers img {
   width: 90%;
   display: block;
   }
   
h3 {
   padding-top: 0;
   margin-top: 0;
   }
   
.topphone p {
   display: inline-block;
   padding: 0;
   margin: 0;
   }
   
.sociso, .socio, .pod, .pod1 {display: inline-block; vertical-align: middle; padding-right: 10px;}
.items-leading p, .rightcol1 p {
   padding: 0;
   margin: 0;
   }
   
.no-rightcolo .leftcol1 {
 width: 100%;
} 

#second {margin: 0; width: 100%; float: left; margin-top: 20px; margin-bottom: 20px;}
#one {float: left; width: 50%;padding-right: 2%;}
#two {width: 48%; float: right; margin-bottom: 20px;}
#address {float: left; width: 50%;}
#week {float: left; width: 110px;}
#hours {float:left;}

/* #onec {float: left; width: 55%; padding-right:10px;} */
#onec {float: left; width: 50%;padding-right: 2%;}

p img, #offices img {max-width:100%;height:auto;margin:right;}
.k2FeedIcon {
    padding: 24px 8px 0!important;
    float: right;
    top: 20px;
    color: #fff;}

.k2FeedIcon a {color: #fff;}

.k2ArchivesBlock ul li {margin-bottom: 10px !important;}

#osmap.osmap-sitemap  {margin: 5px 15px;}

div.itemToolbar {display:none;}

/*RSFORM*/

body.rsform h1 {
	margin-bottom: 30px;
	text-align: left;
	padding: 10px 15px;
    background: #022b41;
    margin-right: -1px;
	color: #4fd3ff;
    font-weight: 700;
    margin: 0;
    font-size: 32px;
    line-height: 40px;
    text-decoration: none;
	}
	
body.rsform #second {
	max-width: 1150px;
	padding: 0 2%;
    box-sizing: border-box;
	}
	
div.formCaption {
	width: 38%;
	}


/*Rsform*/

form#userForm {
        text-align: left;
    }

body.rsform .formTableLayout {
    border: none;
    margin-left: 11px;
    }

body.rsform h1 {
    margin-bottom: 30px;
    text-align: left;
    }

.formTableLayout tr.rsform-block>td {
    padding: 5px;
    font-weight: 600;
    }

input, textarea, button , select {
    outline: none;
    padding: 4px;
    }
    
    
.formTableLayout button#Send {
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #02405f;
    border: 2px solid #02405f;
    }


.formTableLayout button#Send:hover {
    background: #fff;
    color: #02405f;
    cursor: pointer;
    }

.rsform-block.rsform-block-describe-nature-of-appointment {
    vertical-align: top;
    }

@media only screen and (max-width: 1200px) {

.formCaption {width:100% !important;}
input#Email , input#Your_Email {width:90% !important;}
form#userForm textarea {width:90% !important;}
  
.yui-calendar td.calcell {
    padding: 0;
    }
}

@media only screen and (max-width: 1150px) {
#address {
    width: 100%;
    }

#two iframe {
    height: 523px;
    }
}

@media only screen and (max-width: 1100px) {
/*.topmen {
    margin-top: -48px;
    }*/

.topmen ul {
    background: url(https://www.doctodd.net/templates/suffolkfoot/images/bord.jpg) repeat-y left;
    width: 633px;
    }

.topmen ul li {
    display: inline-block;
    list-style: none;
    padding: 15px 0;
    background: url(https://www.doctodd.net/templates/suffolkfoot/images/bord.jpg) repeat-y right;
    }

.topmen ul li a {
    font-size: 14px;
    color: #fff;
    padding: 15px 9px;
    }

.topleg {
    width: 55%;
    }

.sup, .loca {
    font-size: 22px;
    }
}

@media only screen and (max-width: 870px) {

.sup, .loca {
    font-size: 30px;
    }

.logo {
    float: none;
    margin: 0 0 10px 0;
    width: 50%;
    }

.topright {
    float: none;
    display: block;
    background: transparent;
    padding: 0;
    margin: 0;
    }

/*.topmen {
    margin-top: -48px;
    }*/

.topmen ul {
    background: rgb(2, 51, 76);
    position: absolute;
    width: 200px;
    top: 49px;
    right: 0;
    z-index: 99999;
    }

.topimen {
    display: none;
    }

.topmen ul li {
    display: block;
    padding: 10px 0;
    background: transparent;
    }

.topmen ul li a {
    font-size: 16px;
    color: #fff;
    padding: 10px 15px;
    }

.hamb {
    float: right;
    display: block;
    width: 25px;
    cursor: pointer;
    margin: 15px 10px 15px 0;
    }
  
.overlay .closebtn {
  	font-size: 40px;
  	top: 15px;
  	right: 35px;
  	}
  
.overlay-content .topimen {
    display: block;
    } 

.topleg {
    display: none;
    }

.slider {
    width: 100%;
    display: block;
  	height: unset;
    }
  
.nivo-caption {
    position: relative;
  	}

.leftcol {
    display: block;
    }

.rightcol {
    width: auto;
    display: block;
    }

.rightcolo {
    width: auto;
    float: none;
    display: block;
    padding: 2% 0;
    }

.leftcol1, .leftcol21 {
    padding: 2%;
    width: auto;
    float: none;
    display: block;
    }

.sup, h1 {
    font-size: 21px;
    line-height: 30px;
    }

.loca {
    font-size: 21px;
    line-height: 30px;
    background-size: auto 25px;
    }

.con {
    font-size: 21px;
    line-height: 30px;
    }

#one1, #two2, #three3 {
    width: 25% !important;
    }
}

@media only screen and (max-width: 768px) {

#one {
    float: left;
    width: 100%;
    padding-right: 10px;
    }

#onec {
    float: left;
    width: 100%;
    padding-right: 10px;
    }

#two {
    width: 100%;
    float: right;
    margin-bottom: 20px;
    }

#week {
    float: left;
    /* margin: 20px 0; */
    margin: 0;
    }

#hours {
    float: left;
    /* margin: 20px 0; */
    margin: 0;
    }

.blueline {
    height: auto !important;
    }

.loca1 {
    display: none;
    }

.video {
    width: 40% !important;
    height: auto !important;
    }

table.pe td {
    display: block !important;
    }

.video {
    float: left !important;
    margin: 0 10px 10px 0 !important;
    }

.video iframe {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    }

#one1, #two2, #three3 {
    width: 48% !important;
    padding: 1%;
    }

.tab1 {
    display: block;
    }
    
#two p img {
    float: none !important;
    }
}

@media only screen and (max-width: 620px) {
#one1, #two2, #three3 {
    width: 100% !important;
    margin-bottom: 20px;
    padding: 0;
    }
}

@media only screen and (max-width: 550px) {
.video {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    margin-left: 0px !important;
    margin-top: 0 !important;
    min-width: 95% !important;
    }

.frontvid {
    min-width: 300px !important;
    width: 95% !important;
    height: auto !important;
    float: left !important;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    padding-left: 0 !important;
    }

.leftcol table {
    width: 100% !important;
    }

table.of td, table.pe td {
    display: block;
    width: 100% !important;
    }

/* .leftcol, .rightcol.lb {
    width: 95% !important;
    } */
}

@media only screen and (max-width: 500px) {
.logo {
    float: none;
    margin: 0;
    width: 80%;
    }

.pers {
    padding: 8px 0;
    width: 45%;
    float: none;
    display: inline-block;
    margin: 3px;
    }

.sclear {
    clear: both;
    margin-bottom: 15px;
    }
}

@media only screen and (max-width: 450px) {
.img img {
    max-width: 100%;
    height: auto;
    margin: 10px 0 !important;
    }

img.pe {
    width: 100% !important;
    height: auto;
    margin: 10px 0 !important;
    }

#offices img {
    margin: 15px auto !important;
    }

.leftcol, .rightcol.lb {
    width: 95% !important;
    }

.content.tab.whiteline {
    width: 95% !important;
    display: block;
    position: relative;
    margin: 0 auto;
    }

.frontvid {
    width: 100% !important;
    margin: 0 auto;
    display: block;
    position: relative;
    margin-bottom: 10px;
    }

.lb {
    background: none;
    }

.leftcol1 img {
    float: none !important;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    }

/*td {width:50%;}*/
.leftcol table {
    width: 100% !important;
    }

table.of td, table.pe td {
    display: block;
    width: 100% !important;
    }

.video, .video iframe {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 10px !important;
    }

div.formCaption {
    width: 100% !important;
    }

input#Email, input#Your_Email {
    width: 90% !important;
    }

form#userForm textarea {
    width: 90% !important;
    }

tbody#rsform_3_page_0 td , tbody#rsform_4_page_0 td {display: block;}

textarea#Message , tbody#rsform_4_page_0 textarea {
        width: 90%;
        display: block;
        }

.rsform-input-box {
        width: 65% !important; 
        display: block;
        }

table#cal4_0 tbody td {
    display: table-cell;
    }
}


/*accesible*/
div.ofc-ada-screen-reader {
    text-align: right;
    font-size: 13px;
    height: 30px;
    background-color: #eef1f5;
    box-shadow: inset 0 0.5px 2px 0 rgba(0,0,0,0.1);
    line-height: 30px;
    position: relative;
    padding-right: 210px;
    z-index: 99999;
    }

span.ofc-ada-description {
    color: #3e3e40;
    padding-right: 16px;
    }

span.ofc-ada-button {
    background-image: linear-gradient(to bottom,#f8fbff,#dddfe3);
    border: solid .5px #c2c6cc;
    text-align: center;
    color: #313233;
    line-height: 10px!important;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    }

span.ofc-ada-button a {
    line-height: 28px;
    padding: 0 20px 0 40px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: #de7341;
    }

span.ofc-ada-button a:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 19px;
    width: 15px;
    height: 20px;
    background: url(https://www.doctodd.net/templates/suffolkfoot/images/acce.png) no-repeat center;
    background-size: 100% auto;
    }

#templateswitcher {
    display: none!important;
    }

@media only screen and (max-width: 767px) {
span.ofc-ada-description {
    display: none;
    }

span.ofc-ada-button {
    width: 100%;
    }

.formCaption {width:100% !important;}
input#Email , input#Your_Email {width:90% !important;}
form#userForm textarea {width:90% !important;}
}

.activeFeedbackField {
display: inline-block;
position: relative;
Width:0;
Overflow:hidden;
}

.activeFeedbackField input{
Position:absolute;
Left:10px;
}

.activeFeedbackDescription {
padding-top: 5px;
margin: 0;
}


}