/* roboto-100 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-100.woff2') format('woff2');
}
/* roboto-100italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-100italic.woff2') format('woff2');
}
/* roboto-300 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300.woff2') format('woff2');
}
/* roboto-300italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300italic.woff2') format('woff2');
}
/* roboto-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2');
}
/* roboto-italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-italic.woff2') format('woff2');
}
/* roboto-500 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500.woff2') format('woff2');
}
/* roboto-500italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500italic.woff2') format('woff2');
}
/* roboto-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2');
}
/* roboto-700italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700italic.woff2') format('woff2');
}
/* roboto-900 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-900.woff2') format('woff2');
}
/* roboto-900italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-900italic.woff2') format('woff2');
}


/* GLOBAL STYLING */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

html, body {
	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	color:#707070;
}
html {scroll-behavior:smooth !important;scroll-padding-top:130px}

body, html, h1, h2, h3, h4, h5, h6, p, blockquote, a, span, ol, ul, li, img {
	margin:0;
	padding:0;
}
body {
overscroll-behavior:none
}
a, a:hover, a:visited, a:active {
	text-decoration:none;
	padding:0px;
	margin:0px;
}
	
img, img:hover, img:focus {
	outline:none;
	border:0px none;
}

#btn {
		display:inline-block;
		margin-top:40px;
    	background-color:#d9746e;
		color:#ffffff !important;
		padding:10px 20px;
		width:280px;
		max-width:100%;
		text-align:center;
		font-weight:500;
		font-size:20px;
		text-shadow: 1px 1px 4px #333333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
h1 {
		font-size:50px;
		font-weight:100;
		margin-bottom:30px;
        color:#ffffff;
	}

h2 {
		color:#256d81;
		font-size:30px;
		font-weight:300;
		margin-bottom:20px;
	}
h3 {
    margin-bottom:20px;
    color:#256d81;
    font-size:24px;
    font-weight:400;
}

#wrapper {
		max-width:100%;
	}
hr {
  border:0 none;
  height:1px;
  display:inline-block;
width:100%;
  background-color:#e0e0e0;
  padding:0;
  margin:50px 0 60px;
}
.disclaimer {
  display:none;
  font-size:13px;
  font-style:italic;
  margin:10px 0 30px !important;
}


/* HEADER SECTION */

#header {
        position:fixed;
		float:left;
		background-color: #256d81;
		width:100%;
		padding:20px 0px;
        height:100px;
        z-index:500
}

.header-interior {
		margin:0 auto;
		width:1080px;
		max-width:100%;
		padding:0px 40px;
}

a.logo {
		float:left;
        background-image:url(../assets/global/images/logos/.svg);
        background-repeat:no-repeat;
        background-size:contain;
  		background-position: left center;
		width:250px;
        height:60px;
	}


#nav {
		float:right;
		font-size:15px;
		font-weight: 400;
	}

#nav ul {
		list-style-type: none;
	}

#nav ul li {
		display:inline;
		border-right:1px solid #ffffff;
    padding-right: 10px;
    padding-left: 4px;
		line-height: 14px;
	}

#nav ul li:last-child {
		border-right:0px none;
	}

#nav ul li.phone {
		padding-left:10px;
        float:right;
	}

#nav ul li.phone a {
        float:left;
		background-color:#4c8ea0;
		padding:10px 14px;
		color:#ffffff !important;
		font-weight: 500;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
        line-height:normal;
        text-align:center
	}

#nav a {
		color:#ffffff;
		line-height:60px;
	}

#nav a:hover {
		color:#d9746e;
	}

#mobile-switch {
    display:none;
    position:fixed;
    right:10px;
    top:26px;
    background-color: #4c8ea0;
    color:#ffffff;
    cursor:pointer;
    font-size:30px;
    padding:0px 10px 3px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:600;
}

#nav-mobile {
    display:none;
    position:fixed;
    float:left;
    background-color:#4c8ea0;
    top:0;
    left:-300px;
    width:300px;
    height:100%;
    z-index:10;
}

#nav-mobile ul {
    list-style-type:none;
    width:100%;
}

#nav-mobile ul li {
    border-bottom:1px solid #5d9eb0;
    width:100%;
}

#nav-mobile a {
    display:block;
    padding:38px 40px;
    width:100%;
    color: #ffffff;
    font-size:20px;
}

#mobile-phone {
    display:none;
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    background-color:#256d81;
    text-align: center;
    font-size:22px;
    padding:5px;
    z-index:20;
    border-bottom:0px none;
    color:#ffffff;
}

	
/* PRIMARY BANNER SECTION */
	
#primary-banner {
		float:left;
		background-image:url(images/template/main-banner-obgyn.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position: bottom center;
		width:100%;
		height:600px;
        margin-top:100px;

}

.primary-banner-interior {
		padding:100px 40px 0;
		margin:0 auto;
		width:1080px;
		max-width:100%;
}
.primary-banner-interior .left {
		float:left;
		width:55%;
	}


.primary-banner-interior h1 {
		font-size:50px;
		font-weight:100;
		margin-bottom:30px;
        color:#256d81;
	}

.primary-banner-interior h2 {
		color:#826992;
		font-size:30px;
		font-weight:300;
		margin-bottom:20px;
	}

.primary-banner-interior p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        color:#826992;
	}
#primary-banner #btn {
  		background-color:#d9746e;

}
	

/* SECONDARY BANNER SECTION */
	
#secondary-banner {
		float:left;
		width:100%;
        background-image:url(images/template/balloon.png);
        background-repeat: no-repeat;
        background-position: 960px 40px;
        padding-bottom:40px;
	}
		
.secondary-banner-interior {
		padding:0px 40px 0px;
		margin:100px auto 0px;
		width:1080px;
		color:#707070;
		max-width:100%;
}



.secondary-banner-interior p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
	}

.secondary-banner-interior #btn {
		background-color:#744e91;
	}

#secondary-banner-divider {
		float:left;
		background-color: #dffaff;
		background-image:url(images/template/bottom-flowers.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position: top center;
		width:100%;
		height:300px;
		margin-top:100px;
}


/* CLASSES SECTION */
	
#classes {
		float:left;
		width:100%;
		background-color: #ffffff;
	}	

.classes-interior {
		padding:20px 40px;
		margin:0 auto;
		width:1080px;
		max-width:100%;
}

#storks-mobile {
    display:none;
}





.classes-interior p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin-bottom:30px;
	}
    .classes-interior ul, .classes-interior ol {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin:0px 0 25px 50px;
	}

    .classes-interior a {
        font-size:16px;
        line-height:32px;
        font-weight:500;
        margin-bottom:25px;
        color: #d9746e;
    }

.classes-interior #btn {
		margin-bottom:80px;
		margin-top:-5px;
		background-color:#d9746e;
	}

.classes-interior #btn:last-child {
		margin-bottom:0px;
		margin-top:20px;
		background-color:#d9746e;
	}


	
/* PROMO SECTION */
	
#promo-banner-divider {
		float:left;
		background-image:url(images/template/footer-flowers.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position: bottom center;
		width:100%;
		height:300px;
}
	
#promo-banner {
		float:left;
		width:100%;
	}
	
.promo-banner-interior {
		margin:100px auto 0px;
		padding:0px 40px;
		width:1080px;
		max-width:100%;
}

.column {
		float:left;
		width:33.33%;
		text-align: center;
		padding:0px 20px;
	}

.column p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
	}

.column #btn {
        background-color:#ff7755;
		width:100%;
	}

  .icon-doctor {
        display:block;
        margin: 0 auto 30px;
        width:160px;
        height:160px;
        background-image:url(images/template/icon-doc.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-appointment {
        display:block;
        margin:0 auto 30px;
        width:160px;
        height:160px;
        background-image:url(images/template/icon-appt.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-phone {
        display:block;
        margin:0px auto 30px;
        width:160px;
        height:160px;
        background-image:url(images/template/icon-phone.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-book {
        display:block;
        margin:0px auto 30px;
        width:160px;
        height:160px;
        background-image:url(images/template/icon-book.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    .icon-video {
        display:block;
        margin:0px auto 30px;
        width:160px;
        height:160px;
        background-image:url(images/template/icon-video.png);
        background-repeat: no-repeat;
        background-size: contain;
    }


.maternity-services-mobile {
    display:none;
}

.maternity-services-mobile ul {
            padding:0px 20px;
           		font-size:16px;
		line-height:32px;
		font-weight:300;
        }	

.maternity-services-mobile ul li {
    color:#707070;
    margin-bottom:20px;
}

/* PROVIDERS SECTION */

#providers {
		float:left;
		width:100%;
	}
	
.providers-interior {
		margin:160px auto 0px;
		padding:0px 40px;
		width:1080px;
		max-width:100%;
}
.providers-interior a {
 color:#256d81;
    font-weight:bold;
}
.providers-interior ul, .providers-interior ol {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin:0px 0 25px 50px;
	}

#providers h1 {
    font-size:40px;
    font-weight:300;
    color:#d9746e;
    clear:both
}
#providers p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin-bottom:40px;
	}
  #providers p > a {
    color:#256d81;
    font-weight:bold;
  }
  img.telehealth {
    display:block;
    width:160px !important;
    height:auto !important;
    margin:20px auto 0px;
  }
.grid-block {
    float:left;
    width: 46%;
    padding:40px 40px 40px 40px;
    margin:0px 2% 40px 2%;
    border:4px solid #eeeeee;
    text-align: center;
    min-height:0;
}
.grid-block img {
  width:auto !important;
  height:200px;
    margin:0 0 10px 20px;
}
.grid-block a {
    color:#1b3b61
}
.grid-block #btn {
    margin:0 0 20px;
    color:#FFF !important;
  display:block;
  clear:both;
}
.grid-block #btn:last-child {
    margin:0;
    color:#FFF !important
}


/* FOOTER SECTION */
	
#footer-header {
		float:left;
		background-image:url(images/template/footer-bg.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position: center;
		width:100%;
		height:204px;
		margin-top:100px;
}

#footer {
		float:left;
		width:100%;
		background-color:#256d81;
}

.footer-interior {
		margin:60px auto 0px;
		padding:0px 40px;
		width:1080px;
		max-width:100%;
		text-align: center;
}

.footer-interior p {
		color:#ffffff;
		font-size:16px;
		line-height:32px;
		font-weight:300;
		margin-bottom:60px;
	}

.footer-interior a.logo {
        display:block;
        float:none;
        margin:0 auto;
		margin-bottom:40px;
	background-position: center;
	}

.footer-interior a {
    color:#ffffff;
    font-weight:300;
}

.footer-interior a:hover {
    text-decoration:underline;
}

.legal {
    list-style-type: none;
    margin-bottom:40px;
}

.legal li {
    display:inline;
    border-left:1px solid #ffffff;
    padding-left:10px;
    margin-left:10px;
    line-height:32px;
}

.legal li:first-child {
    border-left:0px none;
    padding-left:0px;
    margin-left:0px;
} 

.languages {
    opacity:0.4;
    list-style-type: none;
    margin-bottom:60px;
}

.languages li {
    display:inline;
    line-height:32px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    a.logo {
        background-image:url(../assets/global/images/logos/.svg);
    }
    .icon-col1 {
    }
    .icon-col2 {
    }
    .icon-col3 {
    }
}


/* RESPONSIVE BREAK POINTS */

/* TABLET */
@media screen and (max-width:1050px) {
    
        #header {
            position:relative;
        }
    
        #nav {
            display:none;
        }
    
        #mobile-switch {
            display:block
        }
    
        #nav-mobile {
            display:block;
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }
            #mobile-phone {
            display:block;
        }
        #primary-banner {
        margin-top:0px;
        }
        #secondary-banner {
            padding-bottom:0px;
	   }	
        .primary-banner-interior{
            padding: 80px 40px 120px 40px;
        }
        .primary-banner-interior .left{
            width:100%;
        }
    
        .secondary-banner-interior .left{
            margin-top:0px;
            width:100%;
        }
        .providers-interior {
        margin-top:60px;
        }
	}

/* MOBILE */

@media screen and (max-width:738px) {
    .grid-block {
        margin:0px 0px 40px 0px;
        width:100%;
        min-height:0px;
        padding:40px 20px 40px 20px;
    }
    .primary-banner-interior h2 {
        font-size:32px;
    }
}

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

    html {scroll-padding-top:40px}

        
        .header-interior, .primary-banner-interior, .secondary-banner-interior, .promo-banner-interior, .classes-interior, .footer-interior  {
            padding-left:20px;
            padding-right:20px
        }
    
        a.logo {
			float:left;
		}
         #header a.logo {
			width:70%
		}
        .primary-banner-interior {
		      padding:60px 40px;
        }
    
        #primary-banner {
		  background-position: -870px 0px;
        }
    
        .secondary-banner-interior {
            margin-top:70px;
        }
    
        .secondary-banner-interior .right {
            display:none;
        }

        #secondary-banner-divider {
            margin-top:20px;
        }  

		.left, .right {
			width:100% !important;
			text-align: center !important;
		}

        .classes-interior .left {            
            text-align: left !important;
        }
    
        .classes-interior {
            padding-top:0px;
        }
    
        #storks-mobile {
            margin:0 auto;
            display:block;
            width:60% !important;
        }
    
        .promo-banner-interior {
            margin-top:0px;
        }
    
		.column {
			width:100% !important;
			margin-bottom:70px;
		}
    
		.column:first-child {
			border-top:0px none;
			padding-top:60px;
		}
    
		.column #btn {
			width:80% !important;
		}
    
        .sidebar {
            display:none;
        }
    
        .footer-interior {
            padding:30px 20px 60px;
            margin-top:0px;
        }
    
        .maternity-services-mobile {
            display:block;
            text-align: center;
        }
    
        .legal {
            margin-top:40px;
        }
    
        .legal li {
            display:block;
            border-left:0px none;
            padding-left:0px;
            margin-left:0px;
        }
        #providers h2 {
            font-size:24px;
        }
        a.doc-phone{
            font-size: 18px!important;
            color:#FFF !important
        }
        #providers #btn{
            padding: 10px!important;
            color:#FFF !important
        }
        #providers p{
            font-size: 15px;
            line-height: 24px;
        }
        .providers-interior {
            margin-top: 30px;
        }
        #mobile-phone {
            padding-top: 10px!important;
            padding-bottom: 10px!important;
        }

	}