/* Theme Name: PCR Fertility Center Child Template: prc Version: 1 */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap'); /*CSS reset*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*General Styling*/ body{font-size: 18px; color: #464646; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.5; } p{margin-bottom: 15px;} p:last-child{margin-bottom: 0;} a{ text-decoration: none; transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; } a:hover{text-decoration: none;} h1, h2, h3, h4, h5, h6{line-height: 1.1; color: #061f35;} #content{overflow: hidden;} .container{max-width: 1240px; margin: 0 auto; box-sizing: border-box; padding: 0 15px; width: 100%;} .slick-slide{height: auto !important;} .slick-slider *{outline: none;} .section_top_padding{padding-top: 110px;} .section_bottom_padding{padding-bottom: 110px;} b{font-weight: bold;} #site_overlay{position: fixed; z-index: 101; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); display: none; } .active_overlay #site_overlay{display: block;} input[type="text"], input[type="tel"],input[type="email"],input[type="password"], textarea, select{ -webkit-appearance: none !important; font-family:'Open Sans', sans-serif; font-weight: 600; font-size: 20px; color: #464646; display: block; box-sizing: border-box; padding: 20px; background: #fff; width: 100%; box-shadow: none; outline: none; border: none; border-radius:5px; ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; } .sectionCaption{ color: #8dc63f; font-size: 20px; font-weight: 400; margin-bottom: 20px;} .sectionHeading{ color: #061f35; font-size: 48px; font-weight: 400; margin-bottom: 35px;} .sectionHeading b{font-weight: 700;} .btnstyle_1{ display: inline-block; line-height: 1; color: #fff; padding: 35px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; border: 0; outline: none !important; cursor: pointer; background: rgb(144,207,57); background: -moz-linear-gradient(180deg, rgba(144,207,57,1) 0%, rgba(101,155,26,1) 100%); background: -webkit-linear-gradient(180deg, rgba(144,207,57,1) 0%, rgba(101,155,26,1) 100%); background: linear-gradient(180deg, rgba(144,207,57,1) 0%, rgba(101,155,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#90cf39",endColorstr="#659b1a",GradientType=1);-o-border-radius:5px ; font-weight: 400; font-size: 20px; } .btnstyle_1:hover{opacity: 0.7;} .grecaptcha-badge{display:none !important;} #siteSplash{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 99999; } /*Top Bar*/ #topBar{background: #8dc63f; padding: 10px 0;} #topBarHolder{display: flex; flex-flow: wrap; align-items: center;} #topBarHolder > p{color: #fff; font-size: 14px; margin: 0; line-height: 1.1; position: relative;} #topBarHolder > p:before{content: ""; display: inline-block; line-height: 1; vertical-align: middle; margin-right: 8px; background: url('images/location_1.png'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 12px; height: 16px;} #topBarHolder > p br{display: none;} #topBarHolder > span{display: inline-block; margin-left: auto; color: #fff; font-size: 14px; line-height: 1.1;} #topBarHolder > span:before{content: ""; display: inline-block; line-height: 1; vertical-align: middle; margin-right: 8px; background: url('images/call_1.png'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 15px; height: 15px;} #topBarHolder > p br{display: none;} #topBarHolder > span a{color: #fff; font-weight: 700;} /*Header*/ #mobileMenuWrapper{display: none;} #masthead{ position: fixed; left: 0; top: 35px; width: 100%; background: #fff; transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; z-index: 99; padding: 15px 0; } .sticky #masthead{box-shadow: 0 2px 3px 0.5px rgba(0,0,0,0.1); padding: 8px 0; top: 0; } #header_wrapper{display: flex; flex-flow: wrap; align-items: center;} #mnu_logo{line-height: 1; display: inline-block;} #mnu_logo a{display: inline-block; max-height: 64px; position: relative; height: 100px;} #mnu_logo a img{display: block; height: 100%; width: auto; left: 0; top: 0; max-width: none; } .sticky #mnu_logo a{max-height:45px;} #mnu_area{display: flex; margin-left: auto; flex-flow: wrap; align-items: center;} #topRight{ display: flex; align-items: center;} #topMenuNav ul li{display: inline-block; line-height: 1; vertical-align: middle; margin-right: 55px;} #topMenuNav ul li:last-child{margin-right: 0;} #topMenuNav ul li:last-child a{ display: inline-block; line-height: 1; padding: 12px 40px; border: solid 1px #9a9a9a; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; } #topMenuNav ul li a{color: #464646; font-weight: 400; font-size: 16px; } #headerWhatsappIco{display: inline-block; line-height: 1; width: 36px; height: 36px; background-image: url('images/wai.png'); background-repeat: no-repeat; background-size: contain; background-position: center; } #headerWhatsappIco:hover{opacity: 0.7;} .HeaderWidget{margin-left: 18px;} .sticky #mnu_area{align-items: center;} #topMenuNav ul li.active_mnu a{color: #8dc63f;} .sticky #topMenuNav ul li:last-child a{padding: 10px 20px;} /*Footer*/ #footer{background: #ffffff; padding-top: 80px; text-align: center;} #copyright_bar{padding: 30px 0;display: flex; align-items: center;} #copyTxt{margin: 0; line-height: 1.2; font-size: 14px; opacity: 0.5;} .footerWidget ul.menu{text-align: center; margin: 65px 0;} .footerWidget ul.menu li{display: inline-block; margin: 5px 25px; line-height: 1; vertical-align: middle;} .footerWidget ul.menu li a{color: #464646; font-size: 16px;} .footerWidget ul.menu li a:hover{opacity: 0.7;} .footerWidget ul.menu li.active_mnu a{opacity: 0.5;} #socialShare{margin-left: auto;} #socialShare > li{display: inline-block; line-height: 1; vertical-align: middle; margin-left:25px; color: #a2a2a2; font-size: 14px;} #socialShare > li a{display: block; background-repeat: no-repeat; background-size: contain; background-position: center;} #socialShare > li.fb_link a{background-image: url('images/fb.png'); width: 15px; height: 31px;} #socialShare > li.yt_link a{background-image: url('images/yt.png'); width: 30px; height: 23px;} #socialShare > li.insta_link a{background-image: url('images/insta.png'); width: 23px; height: 23px;} #fooContList{padding: 50px; background: #061f35; display: flex; justify-content: space-between; } #fooContList > li{box-sizing: border-box; padding: 0 35px; text-align: left; padding-left: 55px; position: relative;} #fooContList > li p, #fooContList > li h6{font-size: 17px; color: #fff; margin-bottom: 2px; } #fooContList > li a{font-weight: 700; color: #fff; } #fooContList > li i{ display: block; position: absolute; left: 0; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; background-repeat: no-repeat; background-size: contain; background-position: center; } #fooContList > li#foo_address i{width: 25px; height: 34px; background: url('images/f1.png');} #fooContList > li#foo_call i{width: 30px; height: 30px; background: url('images/f2.png');} #fooContList > li#foo_email i{width: 34px; height: 23px; background: url('images/f3.png');} /*Thank You*/ #thnxpg{min-height: 100vh; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: right center;} #thnxBlock{ box-sizing: border-box; padding: 90px; text-align: center; background: #fff; max-width: 650px; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; box-shadow: 2px 3px 18px 1px rgba(0,0,0,0.2); text-align: center; } #thnxBlock h3{font-size: 34px; font-weight: bold; color: #2d2d2d; margin-bottom: 25px;} #thnxBlock h5{font-size: 19px; font-weight: 400;} #thnxBlock a{margin-top:25px;} /*Error*/ #errorpg{background-image: url('images/error_bg.png'); background-repeat: repeat; min-height: 100vh; display: flex; align-items: center; justify-content: center;} #errorPg_block{max-width: 700px; text-align: center;} #errorPg_block h2{font-size: 130px; font-weight: bold; margin-bottom: 40px; color: #ff0; text-shadow: -2px 3px 0px #1e1e1e, -1px 5px 0px #ff0;} #errorPg_block h3{font-size: 24px; color: #fff; margin-bottom: 30px; line-height: 1.4;} #errorPg_block a{ border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; display: inline-block; line-height: 1; font-weight: 500; background: #ff0; color: #222; padding: 25px 55px; box-shadow: -2px 3px 0px #1e1e1ec2, -3px 4px 0px #737337; font-weight: bold; font-size: 16px; } #errorPg_block a:hover{box-shadow: -2px 3px 0px #1e1e1e, -1px 5px 0px #ff0;} /*Sticky icons*/ #mobStickyIcons{position: fixed; right: 10px; bottom: 10px; z-index:20 ;} #mobStickyIcons > a{ display: block; width: 35px; height: 35px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; margin-bottom: 10px; background-position: center; background-repeat: no-repeat; } #stickyWhatsapp{background-image: url('images/wa.png'); background-color: #66b851; background-size: 18px; } #stickyCall{background-image: url('images/call_i.png'); background-color: #f42d41; background-size: 14px ; } /*************************** RESPONSIVE ***************************/ @media only screen and (max-width:1239px){ .container{max-width: 960px;} .section_bottom_padding{padding-bottom: 80px;} .section_top_padding{padding-top: 80px;} body{font-size: 16px;} #topMenuNav ul li{margin-right:15px;} #fooContList{padding: 40px 15px;} } @media only screen and (max-width:979px){ .container{max-width: 750px;} .section_top_padding{padding-top: 65px;} .section_bottom_padding{padding-bottom: 65px;} .sectionHeading{font-size: 30px; margin-bottom: 22px;} .sectionHeading br{display: none;} .sectionCaption{font-size: 15px; margin-bottom: 10px;} #masthead{padding: 5px 0; top: 0;} #topMenuNav{display: none;} #mnu_logo{display: inline-block;} .HeaderWidget.widget_text{display: none;} .HeaderWidget{margin-left: 0; margin-right: 20px;} #topBar{display: none;} a#loc_i{display: block; line-height: 1; width: 12px; height: 16px; margin-right: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; background: url('images/location_2.png');} a#call_i{display: block; line-height: 1; width: 15px; height: 15px; margin-right: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; background: url('images/call_2.png');} #openMobMnu{display: inline-block; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('images/menu.png'); cursor: pointer; } #mobileMenuWrapper{ position: fixed; width: 100%; max-width: 280px; top: 0; z-index: 1005; background: #fff; display: block; height: 100%; box-sizing: border-box; padding: 20px; right: -300px; transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; box-shadow: -2px 0 3px 1px rgba(0,0,0,0.1); } #mobMenuNav{margin-top:45px; overflow-y: auto; padding-bottom: 25px; } #mobMenu li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(0,0,0,0.25); } #mobMenu li:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} #mobMenu > li > a{display: block; font-size: 16px; color: #434343;} #mobMenu li a:hover, #mobMenu li.current-menu-item a{opacity: 0.7;} #closeMnu{display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url('images/close_b.jpg'); cursor: pointer; position: absolute; right: 15px; top: 15px;} .mnu_opened #mobileMenuWrapper{right: 0;} .mnu_opened #menu_overlay{display: block;} #mobMenu > li ul.sub-menu{margin: 15px 0; margin-left: 10px; display: none;} #mobMenu > li ul.sub-menu li{margin-bottom: 5px; padding-bottom: 5px;} #mobMenu > li ul.sub-menu li a{color: #fff; font-size: 95%; display: block;} #mobMenu li.menu-item-has-children > a{position: relative; box-sizing: border-box; padding-right: 30px;} #mobMenu li.menu-item-has-children > a:after{content: "+"; display: inline-block; position: absolute; right: 0; top: 0; font-size: 20px; cursor: pointer; font-weight: 500; color: #fff; line-height: 1; } #mobMenu li.menu-item-has-children.active > a:after{content: "-";} #footer{padding-top: 45px;} .footerWidget ul.menu{margin: 35px auto;} #fooContList{padding: 15px; flex-flow: wrap; justify-content: center;} #fooContList > li{padding: 15px 0; flex: 0 0 100%; border-bottom: solid 1px rgba(255, 255, 255, 0.25); text-align: center; } #fooContList > li:last-child{border-bottom: 0;} #fooContList > li i{ position: relative; margin: 0 auto; left: auto; top: auto; transform:none ; -webkit-transform:none ; -moz-transform:none ; -ms-transform:none ; -o-transform:none ; margin-bottom: 10px; } #thnxBlock{padding: 30px 20px; max-width: 90%;} #thnxBlock h5{font-size: 17px;} } @media only screen and (max-width:767px){ .container{max-width: 450px;} #mnu_logo a{max-height: 50px !important;} .section_top_padding{padding-top: 45px;} .section_bottom_padding{padding-bottom: 45px;} .sticky #mnu_logo a{max-height: 45px !important;} .sectionHeading{font-size: 28px;} .btnstyle_1{padding: 30px; font-size: 17px;} .footerWidget ul.menu li{margin: 5px 10px;} #copyright_bar{flex-flow: wrap;} #copyTxt{flex: 0 0 100%; order: 2;} #socialShare{flex: 0 0 100%; order: 1; margin-bottom: 15px;} #errorPg_block{padding:30px;} #errorPg_block h2{font-size: 80px; margin-bottom: 30px;} #errorPg_block h3{font-size: 17px;} } @media only screen and (max-width:420px){ .container{max-width: 100%; } #mnu_logo a{max-height: 40px !important;} .sticky #mnu_logo a{max-height: 38px !important;} .footerWidget ul.menu li{margin: 10px;} #fooContList > li#foo_address p br{display: none;} } @media only screen and (max-width:320px){ .btnstyle_1{padding: 27px; font-size: 15px;} .HeaderWidget, a#loc_i, a#call_i{margin-right: 12px;} }