@charset "UTF-8";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main,div{display:block;box-sizing: border-box;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}address { font-style: normal;}.clearfix:before,.clearfix:after, .container:before, .container:after{ display:table; content:" "}.clearfix:after, .container:after{ clear:both}.clear { clear:both; line-height: 0px; height:0px; width:0px;}.whole{ display: block; max-width: 100%; margin: 10px auto;}[class^="icon-"]:before, [class*=" icon-"]:before{ margin: 0px !important; padding: 0px !important;}.elem-right, .elem-left, .block { display:block; max-width: 40%; border: 1px solid #325474;}.elem-right { float:right; margin: 0px 0px 15px 15px;}.elem-left { float:left; margin: 0px 15px 15px 0px;}.shadow{ box-shadow: 0 0 3px #000;}iframe{ width: 100%; height: 400px;}h1:first-child{ margin-top: 0;}.toggleBtn-off,.toggleBtn-on { display: inline-block; margin: 2px 5px 3px; width: 36px; height: 16px; line-height: 20px; background: transparent url(assets/images/switch.png) no-repeat left bottom; text-decoration: none; vertical-align: middle; outline: none;}.toggleBtn-on { background-position: left top; cursor: default;}.toggleBtn-off:hover,.toggleBtn-on:hover { text-decoration: none;}.security.toggle span { font-weight: bold;}.security.toggle span:first-child { display: block;}.security.toggle span:nth-child(2) { display: inline-block;}.security.toggle span:last-child {}.input{ margin-bottom: 10px;}label{ display: block; width:100%;}.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 10px auto;}.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }#responsive-nav{ text-align:center;}#responsive-nav >a{ display:inline-block; vertical-align:middle; padding:3px 10px;}#responsive-nav >a>i{ display:block;font-size:x-large;}html, body{ margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif;}body{ width: 100%; height: 100%; background: url(assets/images/banner01.jpg); background-size: cover; background-attachment: fixed; overflow-x: hidden; color: #000; font-family: 'EB Garamond', serif; font-size: 18px;}a{ text-decoration: none; color: #325474;}a img{ border: none;}img{ max-width: 100%;}a.btn{ background-color: #99A233; border-radius: 24px; color: #FFF; font-family: 'EB Garamond', sans-serif; font-size: 22px; font-weight: 400; padding: 10px 50px; display: inline-block;} a.btn:hover{ background-color: #325474; }p, #content li{ }h1, h2, h3{ margin: 0px; padding: 0px; font-weight: normal; font-family: 'Raleway', sans-serif;}h1{ color: #000; font-size: 30px; margin-bottom: 30px;}h2{ color: #325474; font-size: 21px; font-weight: 700;}h3{ color: #000; font-size: 18px; font-weight: 700;}.left, .col{ float: left;}.right{ float: right; }.gp{ background: #DC4C3A;}.fb{ background: #3A5795;}.container{ width: 90%; max-width: 980px; margin: 0px auto; position: relative; padding: 50px 0;} header .container{ padding: 0; }#content ul{ display: inline-block; list-style-image: url(assets/images/li.png);}header{ background-color: rgba(135, 69, 64, .8); color: #FFF;}#logo{ float: left; margin: 10px 0px 10px 50px;} #logo img{ width: 100%; }#topInfo{ float: right; font-family: "Raleway"; text-align: right; margin: 30px 50px 10px 0;} #phone{ font-size: 28px; font-weight: 500; margin-bottom: 10px; } #phone a, .legal .right a{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; border: 2px solid #FFF; color: #FFF; font-size: 20px; } #address{ font-size: 16px; font-weight: 500; margin-bottom: 10px; } #topInfo a.btn{ background-color: #FFF; background-image: linear-gradient(to top, #D9DAD6 0%, #FFF 100%); border: 1px solid #FFF; border-radius: 15px; box-shadow: 0 2px 2px rgba(2, 2, 2, 0.35); color: #325474; font-family: 'Raleway', sans-serif;; font-size: 15px; font-weight: 500; padding: 5px 10px; }nav{ text-align: right; position: relative; z-index: 999; background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); padding-right: 50px;}nav a{ color: #FFF;}#responsive-nav{ display: none; }#regular-nav a{ display: block; width: 100%; height: 100%; }#regular-nav ul{ margin: 0px; padding: 0px; list-style: none; } #regular-nav li{ margin: 0px -2px; padding: 0px; display: inline-block; padding: 0px 16px; position: relative; font-family: 'Raleway', sans-serif; font-size: 19px; font-weight: 500; line-height: 100px; } #regular-nav li:hover{ background: rgba(135, 69, 64, .8); } #regular-nav li:hover>a{ } #regular-nav ul li ul{ display: none; position: absolute; width: 200px; padding: 0px; left: 0px; text-align: left; background: rgba(0,0,0,0.5); } #regular-nav ul li:hover ul{ display: block; } #regular-nav ul li ul li{ padding: 5px 10px; margin: 0px; display: block; width: 100%; font-size: 15px; line-height: 18px; box-sizing: border-box; -moz-box-sixing: border-box; } #regular-nav ul li ul li ul{ display: none !important; left: 200px; top: 0px; } #regular-nav ul li ul li:hover ul{ display: block !important; } #banner{ text-align: center; color: #FFF;} #banner .text{ background: rgba(0,0,0,0.5); padding: 30px; margin: 80px 0; } #banner .title{ font-family: "Raleway"; font-size: 55px; font-weight: 200; } #banner p{ font-family: "EB Garamond"; font-size: 22px; font-weight: 400; } #banner a{ display: inline-block; margin-bottom: 100px; } #grow, #offer, #insurance{ background: #FFF; position: relative; text-align: center;} #grow::after, #offer::after, #insurance::after{ bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 30px; margin-left: -30px; } #grow .title, #offer .title, #insurance .title{ color: #000; font-weight: 400; font-family: 'Raleway', sans-serif; font-size: 30px; } #grow p, #offer p, #insurance p{ font-family: 'EB Garamond', serif; font-size: 20px; line-height: 30px; } #grow a.btn, #offer a.btn, #insurance a.btn{ margin: 30px 0; } #grow .col{ width: 41%; margin: 0 -4%; text-align: center; } #grow .col:nth-of-type(4){ margin-top: 250px; } #grow img{ display: block; margin-bottom: 30px; width: 100%; }#offer{ background-color: #EFEFEF; } #offer::after{ border-color: rgba(255, 255, 255, 0); border-bottom-color: #EFEFEF; }#callouts .col{ width: 20%; position: relative;} #callouts a.btn{ position: absolute; bottom: 0; left: 0; margin: 5%; padding: 5px 35px; box-sizing: border-box; width: 90%; opacity: .8; } #callouts img{ width: 100%; }#insurance{ background: #315474;} #insurance .title, #insurance p{ color: #FFF; } #insurance::after{ border-color: rgba(255, 255, 255, 0); border-bottom-color: #315474; } #insurance img{ margin: 0 0 50px 0; }#logos{ background: #FFF; text-align: center;} #logos a{ display: inline-block; margin: 30px 20px; vertical-align: middle; }#index main{ display: none; }main{ background: #FFF; border-bottom: 2px solid #dfdfdf;}#content{} #sidebar{ float: right; width: 28%; text-align: center;} #sidebar .title{ color: #005c84; font-size: 18px; margin: 15px 0px; font-family: 'Times New Roman', Times, serif; } #sidebar img{ width: 100%; }footer{ text-align: center; background-color: #874540; color: #474747;} footer a{ color: #474747; } footer .col{ width: 31%; padding: 0 10px; background: #FFF; margin: 0 1%; padding: 20px; box-sizing: border-box; min-height: 372px; } footer .title{ margin-bottom: 30px; color: #325474; font-family: 'Raleway', sans-serif; font-size: 24px; font-weight: 400; } footer input, footer textarea{ display: block; width: 100%; background-color: #D2D2D2; box-shadow: inset 0 1px 1px rgba(0, 0, 1, 0.2); border: none; box-sizing: border-box; height: 30px; padding: 5px; font-size: 16px; margin-bottom: 10px; } footer textarea{ height: 100px; } footer ul, footer li{ margin: 0; padding: 0; list-style: none; } footer li{ width: 50%; margin-bottom: 10px; float: left; color: #474747; font-family: 'EB Garamond', serif; font-size: 15px; text-align: left; } footer p.phone{ color: #191919; font-family: "Arial"; font-weight: 400; font-size: 30px; }.legal{ font-size: 10px; font-family: Helvetica, Arial, sans-serif; background-color: #793D38; padding: 20px 0; color: #B17A75;} .legal .container{ padding: 20px 0; } .legal .left{ text-align: left; line-height: 25px; } .legal .right{ text-align: right; } .legal a{ color: #B17A75; }#our-doctors section{ background: #FFF;}#our-doctors section:nth-of-type(even){ background: #F5F5F5;} #our-doctors section .container div{ width: 68%; } #our-doctors section .container img{ width: 28%; border: 1px solid #325474; }#tour{ max-width: 700px; margin: 0 auto;}#tour-pager{ text-align: center;} #tour-pager>span{ font-size: 45px; color: #325474; cursor: pointer; } #tour-pager>span.cycle-pager-active{ color: #874540; }@media screen and (min-width: 1228px){ #callouts a.btn{ max-width: 220px; margin: 5% 50%; left: -110px; }}@media screen and (max-width: 775px){ h1, #grow .title, #offer .title, #insurance .title{ font-size: 28px; } h2{ font-size: 25px; } p, #content li, #grow p, #offer p, #insurance p{ font-size: 16px; line-height: 20px; } #logo{ float: none; width: 90%; margin: 0px auto; max-width: 291px; } #topInfo, #socBtns, #callouts, #sidebar, #foot_nav, #regular-nav, #logos, footer .col{ display: none; } nav{ padding: 0px; } #responsive-nav{ display: block; } #regular-nav.active{ display: block; } #regular-nav ul{ text-align: left; } #regular-nav li{ width: 50%; display: block; border: 1px solid rgba(255,255,255,0.5); height: auto; line-height: 25px; float: left; padding: 0px; margin: 0px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; background: rgba(0,0,0,0.5); } #regular-nav ul li ul, #regular-nav ul li:hover ul{ display: none } #content{ float: none; width: 100%; } #main{ width: 100%; margin: 0px; padding: 0px; } .container{ box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 0px; } header .container{ padding: 0px; width: 100%; } #banner .container{ padding: 0px; } #banner .text{ margin: 10% 0; padding: } #banner .title{ font-size: 4vw; } #banner p{ font-size: 15px; } #banner a{ margin-bottom: 40px; } #grow .col{ width: 33%; margin: 0 !important; box-sizing: border-box; padding: 0px 5px; } footer .col:first-child{ display: block; float: none; width: 100%; } .legal{ padding: 0; } .legal .container{ padding: 20px 0; } .legal .right{ display: none; } .legal .left{ float: none; width: 100%; text-align: center; }}@media screen and (max-width: 500px){ h1, #grow .title, #offer .title, #insurance .title#grow .title, #offer .title, #insurance .title{ font-size: 20px; } h2{ font-size: 16px; } h3{ font-size: 14px; } p, #content li, #grow p, #offer p, #insurance p{ font-size: 14px; line-height: 18px; } #logo{ float: none; margin: 0px auto; } .legal{ margin: 10px 0px; } .elem-left, .elem-right{ float: none; max-width: 100%; display: block; margin: 10px auto; } .left, .right{ float: none !important; width: 100% !important; }}::-webkit-input-placeholder { color: #808080;}:-moz-placeholder { color: #808080; }::-moz-placeholder { color: #808080; }:-ms-input-placeholder { color: #808080; }