@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-100.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-100italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-latin.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: regular;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: regular;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: regular;
  font-weight: 900;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/fonts/roboto-v30-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-900.woff2) format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://www.yourorthopedichealth.com/assets/global/v2/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;}
body, html, h1, h2, h3, h4, h5, h6, p, blockquote, a, span, ol, ul, li, img {
	margin:0;
	padding:0;
}

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:#5198c0;
		color:#ffffff;
		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;
	}

.seminar-cta-btn-link {display:none}

	
h2 {
		font-size:50px;
		font-weight:100;
		margin-bottom:30px;
        color:#ffffff;
	}

h3 {
		color:#004c85;
		font-size:30px;
		font-weight:300;
		margin-bottom:20px;
	}
h4 {
    margin-top:-10px;
    margin-bottom:20px;
    color:#004c85;
    font-size:18px;
    font-weight:400;
}

#wrapper {
		max-width:100%;
	}


/* HEADER SECTION */

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

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

a.logo {
		float:left;
        background-image:url(../includes/img/grandview-white.svg);
        background-repeat:no-repeat;
        background-size:contain;
        background-position: left center;
		width:100%;
  		max-width:300px;
        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:8px;
		line-height: 17px;
	}

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

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

#nav ul li.phone a {
        float:left;
		background-color:#5198c0;
		padding:10px 14px;
		color:#ffffff !important;
		font-weight: 500;
		margin-top: 10px;
		-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:#5198c0;
	}

#mobile-switch {
       display: none;
    padding: 12px 16px;
    position: fixed;
    top: 23px;
    right: 10px;
    background: #004c85;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    z-index: 15;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.close-btn {
	display:inline-block;
	position:absolute;
	right:30px;
	top:10px;
	color:#FFFFFF;
	opacity:0.5;
	font-size:50px;
	line-height:60px;
	cursor:pointer;
	z-index:110;
}


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

#nav-mobile ul {
    list-style-type:none;
    width:100%;
margin-top:30px;
padding:40px;
}

#nav-mobile ul li {
    border-bottom:1px dotted #C0C0C0;
    width:100%;
}

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

#mobile-phone {
    display:none;
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    background-color:#004c85;
    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(img/main-banner.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position: 50% 25%;
		width:100%;
		height:550px;
        margin-top:100px;

}

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

.primary-banner-interior .left {
		float:left;
		width:60%;
	}

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

.primary-banner-interior .h2-sub{
	font-size: 40px;
}
.primary-banner-interior h3 {
		color:#ffffff;
		font-size:30px;
		font-weight:600;
		margin-bottom:20px;
	}

.primary-banner-interior p {
		font-size:18px;
		line-height:32px;
		font-weight:600;
        color:#ffffff;
	}
#primary-banner #btn {
  		background-color:#5198c0;

}
	

/* SECONDARY BANNER SECTION */
	
#secondary-banner {
		float:left;
		width:100%;
        background-image:url(img/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 .left{
		float:left;
		width:65%;
        margin-top:70px;
	}

.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-repeat:no-repeat;
		background-size: cover;
		background-position: top center;
		width:100%;
		height:300px;
		margin-top:100px;
}


/* CLASSES SECTION */
	
#classes {
		float:left;
		width:100%;
		padding: 75px 0;
		background-image: url(img/services-bg.jpg);
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
-webkit-box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.3);
	}	

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

#storks-mobile {
    display:none;
}

.classes-interior .left{
		float:left;
		width:100%;
	}

.classes-interior .right {
		float:right;
		width:30%;
	}

.classes-interior p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin-bottom:25px;
	}

.classes-interior ul {
		margin-left:60px;
  	margin-bottom:25px
	}
.classes-interior ul li {
		font-size:16px;
		line-height:32px;
		font-weight:300;
	}

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

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

.classes-interior #btn:last-child {
		margin-bottom:0px;
		margin-top:20px;
		background-color:#5198c0;
	}
.classes-interior .left ul{
    margin-left: 20px;
}
.classes-interior .left li{
    margin: 0 0 9px 0;
}

.sidebar {
    display:block;    
}

.sidebar h3 {
    display:block;
    background-color:#00b3d3;
    padding:10px 20px;
    color:#ffffff;
    font-size:20px;
    font-weight: 400;
    margin-bottom:0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.sidebar ul {
    display:block;
    background-color:#ffffff;
    padding:30px 40px 40px;
    font-weight: 300;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.sidebar ul li {
    font-size:14px;
    color:#707070;
    margin-bottom:20px;
    line-height: 24px;
}
	
	
/* PROMO SECTION */
	
#promo-banner-divider {
		float:left;
		background-image:url(img/footer-flowers.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		background-position: bottom center;
		width:100%;
		height:300px;
}
	
#promo-banner {
		float:left;
		width:100%;
		padding: 75px 0 0;
	}
	
.promo-banner-interior {
		margin:0px auto;
		padding:0 40px;
		width:1080px;
		max-width:100%;
}
.promo-banner-interior h2  {
    font-size:40px;
    font-weight:200;
    color:#5198c0;
    clear:both
}
.promo-banner-interior p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
		margin-bottom:50px;
	}

.column {
		float:left;
		width:50%;
		text-align: center;
		padding:0px 20px 50px;
	}
.column h3 {
	font-size:30px;
}

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

.column #btn {
        background-color:#ff7755;
		width:100%;
margin-top:0px
	}

  .icon-col1 {
        display:block;
        margin: 0 auto 30px;
        width:260px;
        height:260px;
        background-image:url(img/icon-1.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-col2 {
        display:block;
        margin:0 auto 30px;
        width:260px;
        height:260px;
        background-image:url(img/icon-2.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .icon-col3 {
        display:block;
        margin:0px auto 30px;
        width:260px;
        height:260px;
        background-image:url(img/icon-3.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
 .icon-col4 {
        display:block;
        margin:0px auto 30px;
        width:260px;
        height:260px;
        background-image:url(img/icon-4.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;
}

/* INTERIOR SECTION */

#page {
		float:left;
		width:100%;
	}
	
.page-interior {
		margin:160px auto 0px;
		padding:0px 40px;
		width:1080px;
		max-width:100%;
}
#page h2  {
    font-size:40px;
    font-weight:300;
    color:#5198c0;
    clear:both
}
#page p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin-bottom:40px;
        clear:both;
	}
#page ul {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin-bottom:40px;
		margin-left:60px;
        clear:both;
	}
    .policy ul, .policy ol {
	margin:-20px 0 40px 50px
}
.grid-block {
    float:left;
    width: 100%;
    padding:40px;
    margin:0px 0px 40px 0px;
    border:4px solid #eeeeee;
    text-align: ;
}
.grid-block img {
float:right;
    margin:0px 0px 20px 20px;
padding:10px;
border:2px solid #e0e0e0;
}/*
.grid-block a {
    color:#1b3b61
}
.grid-block #btn {
    margin-top:30px;
}
.grid-block p {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin-bottom:0px !important;
clear:none !important;
	}
.grid-block ul {
		font-size:16px;
		line-height:32px;
		font-weight:300;
        margin-bottom:20px !important;
		margin-left:60px;
clear:none !important;
	}*/

.grid-block p {
clear:none !important;
}
img.telehealth {
    width: 211px;
    height: auto;
    border: 0px none;
    float: left;
    margin-top: 20px;
}

/* FOOTER SECTION */
	
#footer-header {
		float:left;
		background-image:url(img/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:#004c85;
}

.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(../includes/img/grandview-white.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%;
        }
        .page-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;
    }

img.telehealth {
	float: none;
    margin-top: 20px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

}

@media screen and (max-width:720px) {
        
        .header-interior, .primary-banner-interior, .secondary-banner-interior, .promo-banner-interior, .classes-interior, .footer-interior  {
            padding-left:20px;
            padding-right:20px
        }
    	
    	.primary-banner-interior .h2-sub{
			font-size: 28px;
		}
        a.logo {
			float:left;
		}
       #header a.logo {
			width:70%
		}
		#promo-banner{
			padding-top: 40px;
			padding-bottom: 40px;
		}
    
        .primary-banner-interior {
		      padding:60px 40px;
        }
    
       #primary-banner {
		  background-position: center right;
        }
    
    
        .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;
        }

        #classes {
		background-image: url(img/services-bg-mobile.jpg);
		background-position: top left;
		background-size: auto;
		background-repeat: no-repeat;
		}	
    
        #storks-mobile {
            margin:0 auto;
            display:block;
            width:60% !important;
        }
    
        .promo-banner-interior {
            margin-top:0px;
        }
    
		.column {
			width:100%;
			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;
        }
        #page h2 {
            font-size:24px;
        }
        a.doc-phone{
            font-size: 18px!important;
        }
        #page #btn{
            padding: 10px!important;
        }
        #page p{
            font-size: 15px;
            line-height: 24px;
        }
        .page-interior {
            margin-top: 30px;
        }


.grid-block {
    text-align: center;
}
.grid-block img {
float:none;
    margin:0px auto 20px auto;
}
.grid-block p {
font-size:16px !important;
	text-align:left;
line-height:32px !important

	}
.grid-block ul {
	text-align:left;
margin-left:40px !important;
	}
.grid-block #grid-btn {
text-align:center !important;
}
       

	}