/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,600');


/* Reset */
html, body {height: 100%; margin: 0;}
body {margin: 0; color: #000; font-family: 'Lato', sans-serif; font-size: 16px/18px;}
img {border: 0;}
ul, ol {margin: 0; padding: 0;}
ul li {list-style: none;}
ol li {list-style: inside decimal;}
h1, h2, h3 {margin: 30px 0 20px; font-weight: normal;}
h1 {font-size: 36px; margin: 0 0 20px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;    line-height: 26px;}
p {margin: 20px 0;}
a, input, textarea {outline: none;}
th {font-weight: normal; text-align: left;}
fieldset {padding: 0; border: 0; margin: 0;}
blockquote {margin: 0; padding: 0;}
textarea {resize: none; overflow: auto;}
input::-moz-focus-inner {border: 0; padding: 0;}
a {color: #4c82c2;}
a:hover {text-decoration: none;}
.inline {display: inline-block;}
.clear {clear: both; display: block;}
.clearfix:after, .wrapper:after, section:after, header:after, footer:after {content: ""; clear: both; display: block;}
.table {display: table; width: 100%;}
.wrapper {margin: 0 auto; max-width: 1300px;}
.pull-left {float: left; margin: 0 20px 0 0;}
.pull-right {float: right; margin: 0 0 0 20px;}


.notice a {
    color: #fff;
	}

.notice {
    text-align: center;
    min-height: 20px;
    background-color: #4274b1;
    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%;
	}

.notice .text {
  	max-width: 1910px;
	}

.notice h2 {
    margin: 5px 0 11px;
    }

.images-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px auto;
    }

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

.video-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px auto;
    }
    
.video-item {
    max-width: 560px;
    width: 100%;
    text-align: center;
    }

.video-content {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;
    }

.video-content iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    } 
    
/* Transition effect's */
.button, nav li a, .pushy ul li a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/*top buttons*/
#google_translate_element2 select.notranslate, select.notranslate {
	border-radius: 10px !important;
    padding: 7px 2px 7px 12px!important;
    border: none;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff !important;
    background: #9b2c0b;
    font-weight: 600;
    margin-top: 1px;
    }


.top-buttons {
    display: flex;
    width: 430px;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 auto;
    }

.top-button {
    color: #fff !important;
    background: #4c82c2;
    padding: 8px 10px;
    border-radius: 10px;
    text-align: center;
    margin: 0px 0;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 10px;
    }


/* =========== FORMS START =========== */
/* Text field */
.styler {
	background: 0;
	border: 1px solid #ccc;
	-webkit-appearance: none; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px;
	font: 14px/20px 'Lato', sans-serif;
	height: 32px;
	}

.styler:focus {border-color: #aaa; box-shadow: inset 0 0 3px #aaa;}


/* Button */
.button {
	background: #4c82c2;
	cursor: pointer; 
	-webkit-appearance: none; 
	display: inline-block; 
	color: #fff;
	text-decoration: none; 
	text-transform: uppercase;
	border: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font: 16px/34px 'Lato', sans-serif;
	padding: 0 10px;
	height: 34px;
	}

.button:hover {background: #285c99;}
.button:active {box-shadow: inset 0 1px 3px #000;}
/* ============ FORMS END ============ */


/* Header */
header {background: #FAF5E5;}
header .wrapper {position: relative;}
.logobox {float: left; margin: 8px 0 0;}
.logobox img {margin-top:10px;}

.dr-name-header {
    display: inline-block;
    margin: 25px 0 10px 80px;
    }

.dr-name-header h4 {
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #0b144f;
    }

header .phonebox {position: absolute; right: 0; top: 23px; color: #ff8a00; font: 700 22px/22px 'Lato', sans-serif; color: #0C154F; text-align: right;}
header .phonebox p {margin: 0;}
header .phonebox small {color: #ff8a00; font: 11px/12px 'Lato', sans-serif; display: block; text-align: right;}
header .phonebox a {
    color: #0C154F;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    position: relative;
    font-weight: 400;
    font-size: 41px;
    float: right;
    margin-top: 10px;
	}
	
.phonebox strong {
	display: block;
    float: left;
  	text-align: left;
	}

/*header .phonebox a:before, */.bigsliderbox .slidertxt p.phone a:before {content: ""; display: block; background: url(../images/phone.png) no-repeat; 
	width: 25px; height: 27px; position: absolute; left: 0; top: 10px;}


/* Nav */
nav {float: left; margin: 0px 0 5px; width: 72%;}
nav ul {max-width: 1145px; margin: 0 auto; display: block; position: relative; padding: 5px; font-weight: 600;}
nav ul li {float: left; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 16px; text-transform: uppercase; margin: 0 30px 0 0;}
nav ul li a {color: #000 /* #5d5f61*/; text-decoration: none; display: block; padding: 0 3px 5px; border-bottom: 7px solid transparent;}
nav ul li.active a,
nav ul li:hover a {border-bottom-color: #7FBFF0;}
li.item-133 a {color:#FF790C;}
.showmenu {width: 28px; display: none; float: left; width: 22px; height: 31px; background: #d1d1d1; border-radius: 50%; -moz-border-radius: 50%;
	-webkit-border-radius: 50%; margin: 0 0 0 10px; padding: 11px 10px 0;}
.showmenu b {display: block; background: #000; height: 4px; margin: 0 0 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.showmenu:hover {background: #c5c5c5;}

.head_social {float: right; margin: -9px 0 12px 50px;}
.head_social img {float: left; margin: 0 0 0 10px;}
.head_social .fl {float: left; margin: 0 0 0 10px;}

.pushy ul li a {display: block; padding: 10px 15px; color: #fff; text-decoration: none;}
.pushy ul li.active a {background: #555;}
.pushy ul li a:hover {background: #555;}




/* Bigsliderbox */
.bigsliderbox {
position: relative;
background: #0C1550;
background: -webkit-linear-gradient(#0C1550, #8BC0EF);
background: -o-linear-gradient(#0C1550, #8BC0EF);
background: -moz-linear-gradient(#0C1550, #8BC0EF);
background: linear-gradient(#0C1550, #8BC0EF);
}
.bigsliderbox:before {content: ""; display: block; position: absolute; left: 0; width: 100%; top: 0; background: #3769A9; 
	height: 7px; z-index: 100;}
.bigsliderbox .item {position: relative; height: 407px; background-position: center center; background-repeat: no-repeat; max-width: 1300px; background-size: cover;}
.bigsliderbox .item:before {position: absolute; left: 0; top: 0; background: url(../images/slide-bg.png) center top no-repeat; width: 100%; height: 407px;
	display: block; content: "";}
.bigsliderbox .slidertxt {font: 46px/48px 'Lato', sans-serif; color: #fff; font-style: italic; text-shadow: 2px 2px 2px #000; text-align: left; max-width: 500px;
	padding-top: 145px; padding-left: 5%; position: relative;}
.bigsliderbox .slidertxt span {color: #ffb94b; display: block;}
.bigsliderbox .slidertxt p {margin: 0 0 20px;}
.bigsliderbox .slidertxt p.margin {margin: 0; font-size: 38px;}
.bigsliderbox .slidertxt p.phone {font: 700 38px/40px 'Lato', sans-serif; color: #ffb94b;}
.bigsliderbox .slidertxt p.phone a {text-decoration: none; color: #ffb94b; padding-left: 30px; position: relative;}
.bigsliderbox .slidertxt p.phone a:before {top: 17px;}




/* Middlebox */
.middlebox {padding: 20px 0; background: #FAF5E5;}
.middlebox .col,
.middlebox .col_first {float: left; width: 20%; text-align: center;}
.middlebox .name {display: block; color: #002B61; font: 28px/30px 'Lato', sans-serif; margin: 0 0 20px; font-weight: 600;}
.middlebox .col a {text-decoration: none; display: block;}
.middlebox .col .image {border: 2px solid #4c82c2; padding: 6px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; 
	display: inline-block;}
.middlebox .col .image img {display: block; max-width: 100%;}
.middlebox .col_first ul {text-align: left; margin: 0 30px;}
.middlebox .col_first ul li {font: 18px/20px 'Lato', sans-serif; color: #2f53c0; padding-left: 10px; position: relative; margin: 0 0 4px;}
.middlebox .col_first ul li:before {content: ""; display: block; background: #4c82c2; width: 4px; height: 4px; position: absolute; left: 0;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; top: 7px;}
.middlebox .col_first ul li a {color: #2f53c0; text-decoration: none; font-weight: 600;}



/* Aboutbox */
.aboutbox {background: #ACD0EC; padding: 20px 0; text-align: justify;}
.aboutbox h3 {color: #002b61; font: 36px/38px 'Lato', sans-serif; margin: 0 0 20px; text-align: left;}
.aboutbox figure {margin: 0 20px 0 30px; text-align: center; font-size: 16px; font-family: 'Lato', sans-serif; color: #002b61;}
.aboutbox figure img {margin: 0 0 5px;}
.aboutbox figure img.photo {margin: 0 0 5px; border: 2px solid #4c82c2; padding: 6px; border-radius: 50%; -moz-border-radius: 50%; 
	-webkit-border-radius: 50%;}


/* Address */
.address_box {padding: 20px 0; text-align: center; background: #FAF5E5;}
.address_grid {width: 50%; margin: 0 auto; text-align: left; float: left;}
.address_grid .in {margin: 0 40px;}
.address_grid h3 {color: #002b61; font: 36px/38px 'Lato', sans-serif; margin: 0 0 20px; text-align: center; font-weight: 600;}
.address_grid p {margin: 0 0 20px;}
.address_grid p.phone {font-family: 'Lato', sans-serif; color: #faa114;}
.address_grid p.days {color: #000;}
.address_grid p b {font-family: 'Lato', sans-serif;}
.address_grid .map {display: inline-block; /*border: 3px solid #4d83c2;*/ margin: 0 auto 11px; /*border-radius: 3px; -moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/}
.address_grid .map img {max-width: 100%; display: block;}
.address_lt {float: left; width: 40%; font-weight: bold; color: #000; line-height: 17px;}
.address_rt {float: right; text-align: center; width: 60%;}
.dayname {display: inline-block; vertical-align: middle; width: 100%;}
.address_box a.button {width: 95px; margin: 0 auto; display: block;}

/* Latest blogs */
.latest_blogs {background: #ACD0EC; padding: 20px 0;}
.latest_blogs h3 {color: #002b61; font: 34px/36px 'Lato', sans-serif; margin: 0 0 20px; text-align: center;font-weight: 600;}
.latest_blogs li {float: left; width: 18.4%; margin: 0 2% 20px 0; padding: 0 !important; background: 0 !important; border: 0 !important;}
.latest_blogs li.lastItem {margin-right: 0;}
.latest_blogs li .moduleItemIntrotext {border: 3px solid #4d83c2; margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	padding: 0 !important;}
.latest_blogs li .moduleItemIntrotext img {width: 100%; display: block; float: none !important; margin: 0 !important; padding: 0 !important; 
	border: 0 !important;height: 155px;}
.latest_blogs li .moduleItemTitle {display: block; color: #000; text-decoration: none; font-size: 14px; line-height: 16px; font-family: 'Lato', sans-serif;
	margin: 0 0 10px; height: 48px; overflow: hidden;}



/* Inner page */

.lapi-video {
    display: flex;
    justify-content: center;
    margin: 0 auto 35px;
    flex-wrap: wrap;
    max-width: 840px;
    }

.lapi-video video {
    background: #000;
    width: 100%;
    height: auto;
    }

.xray {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
    flex-wrap: wrap;
    }


section.inner {border-top: 7px solid #81a7d4; min-height: 540px;}
section.inner h1 {color: #002b61; background: #deeeff; font-size: 36px; line-height: 38px; margin: 0 0 20px; padding: 15px 0; position: relative;}
section.inner h1:before,
section.inner h1:after {content: ""; height: 100%; width: 1000px; position: absolute; top: 0; background: #deeeff; display: block;}
section.inner h1:before {left: -1000px;}
section.inner h1:after {right: -1000px;}

body.docs .drwood {margin-top:0;}

div.itemListCategory {background: 0; margin: 0; padding: 0; border: 0;}
div.itemListCategory h2,
.componentheading.blogpage {
	color: #002b61; 
	background: #d4e1f0; 
	font-size: 36px; 
	line-height: 38px; 
	margin: 0 0 20px; 
	padding: 15px 0; 
	position: relative;
}
div.itemListCategory h2:before, .componentheading.blogpage:before,
div.itemListCategory h2:after, .componentheading.blogpage:after {content: ""; height: 100%; width: 1000px; position: absolute; top: 0; background: #d4e1f0; display: block;}
div.itemListCategory h2:before, .componentheading.blogpage:before {left: -1000px;}
div.itemListCategory h2:after, .componentheading.blogpage:after {right: -1000px;}

img.pe {margin-top:10px;}


/* Post */
.post p {margin: 0 0 20px; text-align: justify;}
.post ul,
.post ol {margin: 0 10px 20px;}
.post ul li {padding-left: 10px; position: relative; margin: 0 0 10px;}
.post ul li:before {content: ""; background: #000; width: 4px; height: 4px; display: block; position: absolute; left: 0; top: 7px;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.post ol li {list-style: inside decimal; margin: 0 0 10px;}

.genericItemDateCreated, .catItemDateCreated {color: #777; font-size: 12px; line-height: 14px; margin: 0 0 20px; display: block;}




/* Sidebar */
body.blogpage .leftcol {float: left; width: 82%;}
.sidebar {display: block; float: right; width: 15%; margin: 120px 0 4px 0; position: relative; z-index: 10;}
.sidebar h3 {color: #002b61; font: 26px/28px 'Lato', sans-serif; margin: 0 0 20px;}
.sidebar .moduletable {border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 20px; 
	padding: 10px 15px; background: #fff;}
.sidebar .moduletable ul li {margin: 0 0 10px;}


.itemBody .itemImageBlock {display: none;}
.genericItemBody .genericItemImageBlock {display: none;}
.latest_blogs .k2FeedIcon {display: none;}
#k2Container {position: relative;}
#k2Container .k2FeedIcon {position: absolute; right: 10px; top: 10px; z-index: 10;}

.k2FeedIcon a {display: block; background: url(../images/rss.png) no-repeat; background-size: 20px 20px; width: 20px; height: 20px;
	text-indent: -9999px;}



/* Footer */
.footsocial {text-align: center; padding: 30px 0; background: #FAF5E5;}
.footsocial .cell {display: inline-block;}
.footsocial h3,
.footsocial img,
.footsocial .links {float: left;}
.footsocial h3 {color: #002b61; font: 34px/36px 'Lato', sans-serif; margin: 34px 0 20px; text-align: center; font-weight: 600;}
.footsocial .links {
    margin: 0px 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
	}
.footsocial .links img {margin: 0;}
.footsocial .custom {display: inline;}
.feaimg {float: left; margin: 0px;}

.copyright {background: #363636; padding: 35px 20px; text-align: center; color: #b8b5b5; font-size: 14px; line-height: 16px;}
.copyright a {color: #b8b5b5; text-decoration: none;}
.copyright p {margin: 0;}

#one {float: left; width: 48%;padding-right:10px;}
#twos {width: 48%; float: right;}
#address {float: left; width: 50%;}

.drwood img {/*border: 2px solid #4c82c2;
padding: 6px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;*/
display: inline-block;};

.drwood {width:225px; display:inline-block;position:relative;float:right;padding:10px; color:#002B61;font-weight:600;margin-top: -50px; text-align: center;}
.drwood figcaption {
    text-align: center;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #002b61;
    display: block;
    position: relative;
    width: 100%;
    float: right;
    margin: 10px 0;
}
.k2Pagination ul {width:320px;display: inline-block;position:relative;margin: 0 auto;}
.k2Pagination ul li {display: table-cell;padding: 0 5px;}
.k2Pagination {display: block;position:relative;text-align:center;margin:0 auto;width:100%;}
.catItemIntroText {margin-bottom:40px}
h3.catItemTitle {margin: 10px 0 20px;}

#week {float: left; width:170px;} 

#hours {float: left;}


/*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(../images/acce.png) no-repeat center;
    background-size: 100% auto;
}

#templateswitcher {
    display: none!important;
}

/* Custom Page */
.custom-page .page-wrap h2 {
    text-align: center;
    margin: 50px auto;
    color: #22419b;
    font-weight: 600;
    font-size: 35px;
    }


.custom-page .page-wrap h3 {
    font-weight: 500;
    font-size: 28px;
    margin: 0 auto 30px;
    }

.custom-page .page-wrap .item.right h3 {
    text-align: center;
    }

.custom-page .page-wrap .link-to {
    text-decoration: underline;
    margin: 25px auto;
    display: block;
    }

.custom-page .page-wrap .link-to:hover {
    text-decoration: none;
    }

.custom-page .page-wrap .custom-btn {
    display: block;
    width: calc(100% - 140px);
    max-width: 450px;
    color: #fff;
    background-color: #22419b;
    padding: 20px 70px;
    margin: 30px auto;
    text-align: center;
    border: 2px solid #22419b;
    font-weight: 500;
    border-radius: 20px;
    font-size: 20px;
    }

.custom-page .page-wrap .custom-btn:hover {
    background-color: #fff;
    color: #22419b;
    }

.custom-page .page-wrap img {
    /* transition: all 0.3s; */
    width: 100%;
    max-width: 450px;
    height: auto;
    }

/* .custom-page .page-wrap img:hover {
    transform: scale(1.02);
    } */

.custom-page .page-wrap .item-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: flex-start;
    gap: 4%;
    margin: 50px auto;
    }

.custom-page .page-wrap .item-wrap .item {
    flex: 0 0 48%;
    }

@media only screen and (max-width: 1080px) {
/* Custom Page */
.custom-page .page-wrap .item-wrap .item {
    flex: 0 0 100%;
    }

.custom-page .page-wrap .item-wrap .item.right {
    text-align: center;
    }

.custom-page .page-wrap img {
    width: 100%;
    max-width: 540px !important;
    }

.custom-page .page-wrap .item-wrap .item .video-block {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 56.25%; 
    height: 0;
    }

.custom-page .page-wrap .item-wrap .item .video-block iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    } 
}


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

    span.ofc-ada-button {
        width: 100%;
    }
  
  /* Custom Page */
.custom-page .page-wrap .custom-btn {
    padding: 20px;
    font-size: 18px;
    margin: 30px auto 0;
    }

.custom-page .page-wrap h2 {
    margin: 30px auto;
    font-size: 28px;
    }

.custom-page .page-wrap h3 {
    font-size: 24px;
    margin: 0 auto 20px;
    text-align: center;
    }

.custom-page .page-wrap .item-wrap {
    margin: 30px auto;
    }

.custom-page .page-wrap img {
    max-width: 340px !important;
    }

.custom-page .page-wrap .link-to {
    text-align: center;
    }
}