@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&subset=latin-ext');/* HEADER PART */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&subset=cyrillic,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Antic+Slab&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
.emty{ padding:0 !important; margin:0 !important;}
#wrapper{ width:100%; margin:0; padding:0; background:#e8e8e8;}
.wrapper-panel{ width:100%; max-width:1214px; margin:0 auto; padding:0; background:#ffffff;;}

.hdr-part{ width:100%; margin:0; padding: 15px 20px 15px 20px; background:#709d96;}
.hdlogo {padding-left: 50px !important;}
.hdr-part h1{ font:300 45px/50px 'Montserrat', sans-serif; color:#333333; margin:0;padding: 20px 20px 10px 20px;}
.hdr-part span{ font:300 40px/50px 'Montserrat', sans-serif; color:#4e504e;}
.hdr-part a{ 
  color:#333;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 40px;
}
/*.hdr-part img {
    position: absolute;
	}*/
.hdr-part a:hover{ color:#333333; text-decoration:none;}

.banner-part{ 
  width:100%; 
  margin:0; 
  padding:30px 0 50px 0; 
  background: url(../images/ocdental-banner.jpg) center no-repeat; 
  background-size:cover;
}
.banner-mobile{ width:100%; height:200px; margin:0; padding:0 0; background: url(../images/banner.jpg) center no-repeat; background-size:cover; display:none;}

.banner-hdngs{ width:auto; margin:0; padding:0 0 0 60px !important;}
.banner-hdngs img{ margin:20px 0 0 65px;}
.banner-hdngs h2{
  font:700 47px/60px 'Montserrat', sans-serif; 
  color:#fff;
}
.banner-hdngs h3{
  font: 300 25px/35px 'Montserrat', sans-serif; 
  color:#fff;
  margin:0; 
  padding:0;
}
.banner-hdngs h4{font:700 25px/35px 'Montserrat', sans-serif; color:#622462;}
.banner-hdngs ul{ width:auto; margin:0; padding:30px 0 0 0; list-style-image:url(../images/ocdental-tick.png); list-style-position:inside;}
.banner-hdngs li{font:300 19px/30px 'Montserrat', sans-serif; color:#fff; margin:0; padding:0;line-height: 35px;}
.colr-red{ color:#fff; font-weight: 700; text-transform: uppercase;}
.colr-voilet{ color:#fff; font-weight: 800;}
.cont-top-part{ width:100%; margin:0; padding: 30px 0 0px 0;}
.cont-top-lft{  width:100%; margin:0; padding:0; }
.cont-top-lft-or{  width:100%; margin:0; padding:0; display:inline; }
.cont-top-lft a{ color:#333;}
.cont-top-lft a:hover{ color:#333333; text-decoration:none;}

.cont-top-lft .g-recaptcha {
    transform: scale(0.75);
    transform-origin: -90px -110px 0;
}

.cont-top-lft h2{font:300 50px/60px 'Montserrat', sans-serif; color:#000; text-align:center; }
.cont-top-lft h3{font:600 55px/65px 'Montserrat', sans-serif; color:#b78253; text-transform:uppercase; margin:0; padding:0; text-align:center;}
.cont-top-lft h4{font:500 25px/35px 'Montserrat', sans-serif; color:#333333; text-align:center;}
.contact-frm{ widows:100%; margin:0; padding:0;}
.contact-frm div{ padding:10px; margin:0px 0;}
.contact-frm label{ font:500 15px/20px 'Montserrat', sans-serif; color:#000;}
.contact-frm input{ width:100%; margin:0; padding:10px; border:1px solid #cccccc;}
.contact-frm textarea{ width:100%; margin:0; padding:10px; border:1px solid #cccccc;}
.contact-frm select{ width:100%; margin:0; padding:10px; border:1px solid #cccccc; font-family:'Montserrat', sans-serif;}
.lbl-txt label{font: 500 15px/35px 'Montserrat', sans-serif; color: #000;}


optgroup {
    font: 600 16px/20px 'Raleway', sans-serif !important;
    padding: 0 0 0 10px !important;
}

.sbmit-btn{ width:100%; margin:0; padding:13px; background:#333; font:500 25px/26px 'Montserrat', sans-serif; color:#ffffff; text-transform:uppercase;border: 0px !important; }
.cont-top-rght{  width:90%; margin: 20px 0 0 45px; padding:30px 0 50px 0; text-align:center;/* background:url(../images/oclaserdental-Dentistry-rgtbg.jpg) no-repeat;*/ background-color:#eeeeee; background-size:cover;}
.cont-top-rght p{width:100%; font:500 16px/28px 'Montserrat', sans-serif; color:#000; margin:0 auto; padding:0;}
.cont-top-rght h2{font:500 35px/35px 'Montserrat', sans-serif; color:#000;}
.cont-top-rght h3{ width:100%; float:left; font:600 22px/30px 'Montserrat', sans-serif; background:#768373; color:#fff; margin:0 0 30px 0; padding:10px;}
.cont-top-rght h4{font:700 25px/35px 'Montserrat', sans-serif; color:#333;}
.dollar-main{ width:100%; margin:0; padding:0px 0 0px 0; float:left;}
.dollar-part{ width:85%; margin:0 auto; padding:0;}
.dollar-part-lft {width: 100%; float: left; margin: 0px 0 30px 0; padding: 0; font: 400 115px/110px 'Playfair Display', serif; color: #e37025;}
.dollar-part-lft span {font: 400 160px/75px 'Playfair Display', serif; position: relative;}
.dollar-part-rhgt{ width:100%; float: right; margin:5px 0 5px 0; padding:0;}
.dollar-part-rhgt h2{width:100%; font:500 45px/40px 'Montserrat', sans-serif; color:#4e504e; text-transform: uppercase;text-align: center; }
.dollar-part-rhgt h3{width:100%; font:300 50px/20px 'Montserrat', sans-serif; color:#333; background:none;margin-bottom: 10px;}

.cont-midl-part{ width:96%; margin:0 auto; padding:30px 0 50px 0; display:flow-root; background:url(../images/ocdental-bg.jpg) no-repeat; background-size:cover;}
.cont-midl-part h2{ width:100%; margin:0; padding:20px 0 60px 0; font:500 35px/45px 'Montserrat', sans-serif; color:#fff; text-align:center;}
.cont-midl-part-lft{ width:100%; margin:0; padding:0 60px 0 0 !important;  background: url(../images/oclaserdental-dentistry-dental-vertical-img.png) right top no-repeat;}
.cont-midl-part-lft ul{ width:100%; margin:0; padding:0; list-style-type:none;}
.cont-midl-part-lft ul li{ width:100%; margin:0;  padding: 0px 0 55px 0; font:600 16px/28px 'Montserrat', sans-serif; color:#fff; text-align:right;}

.cont-midl-mobile{ width:100%; margin:0; padding:0; display:none; }
.cont-midl-mobile ul{ width:100%; margin:0; padding:0 30px; list-style-image:url(../images/circle-icon.png); display:inline-block; list-style-position:inside;}
.cont-midl-mobile ul li{ width:100%; margin:0;  padding: 7px 0 50px 0; font:300 18px/28px 'Montserrat', sans-serif; color:#fff;}



.cont-midl-part-rght{ width:100%; margin:0; padding:0; }
.cont-midl-part-rght ul{ width:100%; margin:0; padding:0; list-style-type:none;}
.cont-midl-part-rght ul li{ width:100%; margin:0; padding: 0px 0 27px 30px; font:300 16px/28px 'Montserrat', sans-serif; color:#fff;}

.cont-botm-part{ width:100%; margin:0 auto; padding:30px 0; text-align:center;}
.cont-botm-part h2{ width:100%; margin:0; padding:20px 0; font:500 35px/45px 'Montserrat', sans-serif; color:#000; text-align:center;}

.footer-part{ width:96%; margin:0 auto; padding:30px 0 50px 20px; display:flow-root;background:#eee;}
.footer-part h2{ width:100%; margin:0;  padding: 20px 0 30px; font:500 25px/35px 'Montserrat', sans-serif; color:#000;}
.footer-part ul{ width:100%; margin: 0; padding:0; position:relative; right:30px; list-style-image:url(../images/irvine-dentistry-footer-icon.png); list-style-position: inside;}
.footer-part ul li{ width:100%; margin:0;  padding: 10px; font:500 16px/28px 'Montserrat', sans-serif; color:#000;}
.footer-part p{ width:100%; font:500 16px/35px 'Montserrat', sans-serif; color:#000;}
.colr-pink{ background:#fff; border-bottom:1px solid #fff;} 
.footer-copy{ width:100%; margin:0; padding:30px; font:500 16px/35px 'Montserrat', sans-serif; color:#000; text-align:center; letter-spacing: 2px;}
.footer-part a{ color:#ffffff;}
.footer-part a:hover{ color:#ffffff; text-decoration:none;}
.errMsg{ color:#C30; font-size:16px;}
.hdr-part {background:#fff;}
/*.footer-part img { width: 235px;}*/


@media only screen 
  and (min-device-width: 960px) 
  and (max-device-width: 1024px)
   {
.dollar-part{ width:90%;}
.dollar-part-rhgt h2{ font: 600 25px/35px "Lato",sans-serif !important;}
.cont-top-rght h2 {font: 600 29px/30px "Lato",sans-serif;}	   
   }

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 960px)
   {
	.hdr-part h1{ font:300 25px/70px 'Montserrat', sans-serif; color:#333333; margin:0; padding:0;}
.hdr-part span{ font:300 25px/70px 'Montserrat', sans-serif; color:#e6b75c;}
.banner-hdngs h2{ font-size:40px;}

   }

@media only screen 
  and (min-device-width: 481px) 
  and (max-device-width: 640px)
   {
.hdr-part h1{ text-align:left;}
.banner-hdngs h2{ font-size:40px;}
.banner-hdngs{ width:60% !important; margin:0; padding:0; float:right !important;}
.cont-top-rght{ width:100%; margin:0;}
.cont-midl-mobile{ width:100%; margin:0; padding:0; display: block; }
.cont-midl-part-lft{ display:none;}
.cont-midl-part-rght{ display:none;}

   }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
   {
	.hdr-part h1{ font:300 30px/40px 'Montserrat', sans-serif; color:#333333; margin:0; padding:0; text-align:center;}
.hdr-part span{ font:300 25px/35px 'Montserrat', sans-serif; color:#e6b75c;}
.cont-top-rght {
    margin: 0;
    padding: 30px 0 50px;
    text-align: center;
    width: 100%;
}
.banner-part{ background-image:none; background-color:#676161;}
.dollar-part{ width:100%;}
.dollar-part-lft{ width:100%;}
.dollar-part-rhgt{ width:100%;}
.dollar-part-rhgt h2{ text-align:center;}
.dollar-part-rhgt h3{ text-align:center;}
.cont-top-part .cont-top-lft h3{ font-size:40px;}
.cont-top-lft-or{  width:100%; margin:0; padding:0; display:block; }
.cont-midl-mobile{ width:100%; margin:0; padding:0; display: block; }
.cont-midl-part-lft{ display:none;}
.cont-midl-part-rght{ display:none;}
.banner-mobile{ width:100%; height:200px; margin:0; padding:0 0; background: url(../images/ocdental-banner.jpg) center no-repeat; background-size:cover; display:block;}
.banner-hdngs{ padding:0 !important;}
.banner-hdngs h2{font: 700 30px/30px "Lato",sans-serif !important;}
.banner-hdngs img{ margin:0 auto;}
.banner-hdngs h3{ font: 700 20px/35px "Lato",sans-serif; text-align: center;}

	} 

@media (max-width: 370px){
.dollar-part-rhgt h2 {font: 500 32px/40px 'Montserrat', sans-serif;}
}
@media (min-width: 375px) and (max-width: 480px){
.dollar-part-rhgt h2 {font: 500 38px/40px 'Montserrat', sans-serif;}
	}
@media (max-width: 480px){
.hdr-part a {font-size: 30px;}
.banner-hdngs h2 {text-align: center;}
}
@media(min-width: 768px) and (max-width: 900px){
.hdr-part a {font-size: 28px;}
.cont-top-rght{margin-bottom: 60px;}
}