/* lato-300 - latin */ /*@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url('../../fonts/lato-v16-latin/lato-v16-latin-300.eot');*/ /* IE9 Compat Modes */ /*src: local('Lato Light'), local('Lato-Light'), url('../../fonts/lato-v16-latin/lato-v16-latin-300.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-300.woff2') format('woff2'),*/ /* Super Modern Browsers */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-300.woff') format('woff'),*/ /* Modern Browsers */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-300.ttf') format('truetype'),*/ /* Safari, Android, iOS */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-300.svg#Lato') format('svg');*/ /* Legacy iOS */ /*}*/ /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../fonts/lato-v16-latin/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('../../fonts/lato-v16-latin/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/lato-v16-latin/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/lato-v16-latin/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../fonts/lato-v16-latin/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/lato-v16-latin/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ /*@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../fonts/lato-v16-latin/lato-v16-latin-700.eot');*/ /* IE9 Compat Modes */ /*src: local('Lato Bold'), local('Lato-Bold'), url('../../fonts/lato-v16-latin/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-700.woff2') format('woff2'),*/ /* Super Modern Browsers */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-700.woff') format('woff'),*/ /* Modern Browsers */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-700.ttf') format('truetype'),*/ /* Safari, Android, iOS */ /*url('../../fonts/lato-v16-latin/lato-v16-latin-700.svg#Lato') format('svg');*/ /* Legacy iOS */ /*}*/ /* raleway-300 - latin */ /*@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 300; font-display: swap; src: url('../../fonts/raleway-v17-latin/raleway-v17-latin-300.eot');*/ /* IE9 Compat Modes */ /*src: local(''), url('../../fonts/raleway-v17-latin/raleway-v17-latin-300.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-300.woff2') format('woff2'),*/ /* Super Modern Browsers */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-300.woff') format('woff'),*/ /* Modern Browsers */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-300.ttf') format('truetype'),*/ /* Safari, Android, iOS */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-300.svg#Raleway') format('svg');*/ /* Legacy iOS */ /*}*/ /* raleway-regular - latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../fonts/raleway-v17-latin/raleway-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../fonts/raleway-v17-latin/raleway-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/raleway-v17-latin/raleway-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/raleway-v17-latin/raleway-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../fonts/raleway-v17-latin/raleway-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/raleway-v17-latin/raleway-v17-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* raleway-700 - latin */ /*@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../fonts/raleway-v17-latin/raleway-v17-latin-700.eot');*/ /* IE9 Compat Modes */ /*src: local(''), url('../../fonts/raleway-v17-latin/raleway-v17-latin-700.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-700.woff2') format('woff2'),*/ /* Super Modern Browsers */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-700.woff') format('woff'),*/ /* Modern Browsers */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-700.ttf') format('truetype'),*/ /* Safari, Android, iOS */ /*url('../../fonts/raleway-v17-latin/raleway-v17-latin-700.svg#Raleway') format('svg');*/ /* Legacy iOS */ /*}*/ /* dancing-script-regular - latin */ @font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */ } /* dancing-script-700 - latin */ /*@font-face { font-family: 'Dancing Script'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-700.eot');*/ /* IE9 Compat Modes */ /*src: local(''), url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-700.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */ /*url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-700.woff') format('woff'),*/ /* Super Modern Browsers */ /*url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-700.woff') format('woff'),*/ /* Modern Browsers */ /*url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-700.ttf') format('truetype'),*/ /* Safari, Android, iOS */ /*url('../../fonts/dancing-script-v15-latin/dancing-script-v15-latin-700.svg#DancingScript') format('svg');*/ /* Legacy iOS */ /*}*/ @font-face { font-family: 'Flanella'; font-display: swap; src: url('../fonts/Flanella.ttf') format('truetype'); } @font-face { font-family: 'Montserrat-SemiBold'; font-display: swap; src: url('../fonts/Montserrat-SemiBold.otf') format('opentype'); } @font-face { font-family: 'Montserrat-Bold'; font-display: swap; src: url('../fonts/Montserrat-Bold.otf') format('opentype'); } @font-face { font-family: 'Montserrat-Regular'; font-display: swap; src: url('../fonts/Montserrat-Regular.otf') format('opentype'); } html { text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; } body{ /*background-image: url("/img/bg.jpg");*/ background:#000; background-size:cover; color: #000; font-family: raleway; font-size: 16px; font-weight: 500; background-attachment:fixed; height: 100%; width: 100%; } #expert-advice.full-width { background: #fff; z-index: 1; } .help-block { display: none; margin-top: 5px; margin-bottom: 10px; color: #ea0000 !important; } /***************************************/ /* ADS CF custom styles */ .contact-form .form-group { margin-bottom: 10px; background: rgba(255, 255, 255, 0.6); padding: 8px; } .contact-form .form-group .form-control { /* color: #fff;*/ font-weight: 600; } .contact-form .form-group .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.7); font-weight: 500; } .contact-form .form-group .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); font-weight: 500; } .contact-form .form-group .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); font-weight: 500; } .contact-form .help-block { font-size: 12px; } .contact-form .form-control-static { font-size: 10px !important; text-align: right; color: #666666; } .contact-form .form-control-static .input-sm { height: auto; padding: 1px 2px; text-align: center; font-size: 10px; display: inline-block; width: auto; background: #fff; color: #666666; border: 1px solid #cecece; box-shadow: none; font-weight: 500; } .contact-form .intl-tel-input { width: 100%; } .contact-form .btn-primary:hover, .contact-form .btn-primary:focus { outline: none; } /*****/ #Automatic_Opening_Modal .contact-form .form-group { margin-bottom: 5px; background: rgba(0, 0, 0, 0.02); padding: 4px; } #Automatic_Opening_Modal .g-recaptcha > div { -webkit-transform: scale(0.8) !important; -moz-transform: scale(0.8) !important; -ms-transform: scale(0.8) !important; -o-transform: scale(0.8) !important; transform: scale(0.8) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #Automatic_Opening_Modal .secure-shield { margin: 0 auto; display: block; } #main-carousal .contact-form .form-group { margin-bottom: 8px; background: rgba(0, 0, 0, 0.04); padding: 5px; } #main-carousal .contact-form .form-group label { font-weight: 600; font-size: 14px; } #main-carousal .contact-form .form-group .form-control{ color: #7cce68; } #main-carousal .contact-form .form-group .form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.5); font-weight: 500; } #main-carousal .contact-form .form-group .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); font-weight: 500; } #main-carousal .contact-form .form-group .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); font-weight: 500; } /************/ .For_dektop_Version #vertical-blocks{ } .header { display: table; height: 100%; position: absolute; width: 100%; background: rgba(0,0,0,0.60); z-index: -10; } /***************************************/ /***************************************/ #TopMenuBar{ background-color:rgba(255, 255, 255, 0.75); vertical-align: top; display: table-row; box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); height:60px; } #TopMenuBar .lineOne { border-bottom: 10px solid rgba(255, 255, 255, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.85); margin: 0 0 10px; } #TopMenuBar .lineTwo { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 0 4px rgba(0, 0, 0, 0.85); margin: 0; } .navbar-header .navbar-brand { padding: 10px 0; } #dr-name { margin: 8px 0; } .dr-senthil-title { border-right: 5px solid #f0b232; padding-right: 25px; text-align: right; } .dr-senthil-title h1 { color: #6d6e71; font-size: 32px; font-weight: 700; margin: 0; } .dr-senthil-title h1 span { color: #7f8083; font-size: 28px; font-weight: 600; } .dr-senthil-title h3 { color: #7f8084; font-size: 16px !important; margin: 12px 0 15px !important; } .dr-senthil-title h2 { color: #ee6569; font-family: lato; font-size: 20px; margin: 0; padding: 3px 0; text-align: right; } .dr-senthil-title h2 a { background: rgba(88, 89, 92, 0.05) none repeat scroll 0 0; border: 1px solid rgba(88, 89, 92, 0.05); border-radius: 70px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset, 0 0 1px 2px #ffffff inset; color: #ee6669; font-size: 26px; font-weight: bold; margin-left: 5px; padding: 2px 20px; } .dr-senthil-title h2 a:hover, .dr-senthil-title h2 a:focus { background: rgba(88, 89, 92, 0.02) none repeat scroll 0 0; border: 1px solid rgba(88, 89, 92, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset, 0 0 1px 2px #ffffff inset; color: #39afea; } #Automatic_Opening_Modal .modal-dialog { margin: 4% auto; width: 800px; } #Automatic_Opening_Modal .modal-dialog .modal-title { color: #F24747; font-weight: 400; text-align: center; font-size: 25px; } #Automatic_Opening_Modal { font-family: Lato; } #Automatic_Opening_Modal .modal-content { background-color: #ffffff; border-radius: 0; font-family: Lato; } #Automatic_Opening_Modal .modal-body { padding: 15px 15px 10px; } #Automatic_Opening_Modal .modal-content .modal-body p.subHead { text-align: center; font-size: 20px; color: #777777; margin: 0 0 15px; } #Automatic_Opening_Modal .modal-content .modal-body p.subHead2 { text-align: center; font-size: 16px; color: #777777; margin: 0 0 15px; } #Automatic_Opening_Modal .modal-content .modal-body p.subHead b{ } #Automatic_Opening_Modal .modal-content iframe { margin: 0 0; } #Automatic_Opening_Modal .modal-content p.OR-text { margin: 119px 0 119px 28px !important; text-align: center !important; display: block; font-weight: bold; } #Automatic_Opening_Modal .modal-content p.OR-text:before { border: 1px solid #cccccc; content: ""; display: block; height: 100px; margin: 0 10px; position: absolute; top: 0; } #Automatic_Opening_Modal .modal-content p.OR-text:after { border: 1px solid #cccccc; content: ""; display: block; height: 100px; margin: 0 10px; position: absolute; bottom: 0; } #Automatic_Opening_Modal .modal-content form { border: 2px solid #D4D5D7; padding: 15px; border-radius: 0px; margin: 25px 0; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 41%, rgba(237,237,237,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 41%,rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 41%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } #Automatic_Opening_Modal .modal-content form .btn-primary { margin: 0 auto; display: block; background: #f9aa0b; border-color: #d68700; font-weight: bold; color: #000; padding: 7px 40px; margin-bottom: 22px; } #Automatic_Opening_Modal .modal-content form .btn-primary:hover, #Automatic_Opening_Modal .modal-content form .btn-primary:focus{ background: #FF5454; border-color: #E23D3D; color: #fff; } #Automatic_Opening_Modal .close { font-size: 33px; opacity: 0.35; } #Automatic_Opening_Modal .modal-footer .btn-default { float: none; text-align: center; display: block; margin: 0 auto; padding: 8px; width: 100%; font-weight: 500; font-size: 18px; color: #6B6B6B; } #Automatic_Opening_Modal .modal-body img.lt-img { margin: 55px 0; border: 2px solid #D4D5D7; } #Automatic_Opening_Modal .modal-backdrop.in { filter: alpha(opacity=80); opacity: .8; } /***************************************/ /***************************************/ #vertical-blocks { display: table-cell; text-align: center; vertical-align: middle; padding: 25px 0 50px; } #banner { background: rgba(0, 0, 0, 0.33) url(/Reviews/img/vegas-slider/1.jpg) center center repeat; } #Quotes-sec { display: table; height: 520px; } #Quotes-sec .headings{ display: table-cell; text-align: center; vertical-align: middle; } .headings h1 { color: #ffffff; font-size: 70px; margin: 35px 0; text-shadow: 0 2px 2px #000000; font-family: "Dancing Script",cursive; } .headings h1 b{ color: #F2B518; font-family: raleway; font-weight: 600; } .headings h2 { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; color: #ffffff; font-size: 40px; line-height: 1.5; margin: 20px 0; padding: 10px 25px; text-shadow: 0 2px 2px #000000; } .headings p { color: #ffffff; font-size: 37px; line-height: 1.5; margin: 40px 0 30px; text-shadow: 0 2px 2px #000000; } .review-sites { margin-left: auto; margin-right: auto; margin-top: 10px; padding: 0; width: 560px; } .review-sites li { background: #ffffff none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 7px 4px -5px #000000; display: inline-block; margin: 8px; } .review-sites li img { /*width: 90px;*/ width:140px; } #QR-code-sec { /*height: 520px;*/ vertical-align: middle; } .papers,.papers:before,.papers:after { background-color:#fff; border:1px solid #ccc; box-shadow:inset 0 0 30px rgba(0,0,0,0.1),1px 1px 3px rgba(0,0,0,0.2); } .papers { position:relative; padding:10px; margin:107px 30px; } .papers:before,.papers:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:rotateZ(2.5deg); -o-transform:rotate(2.5deg); transform:rotateZ(2.5deg); z-index:-1; } .papers:after { -webkit-transform:rotateZ(-2.5deg); -o-transform:rotate(-2.5deg); transform:rotateZ(-2.5deg); } .papers img.qr-code { margin: 0; padding: 20px; width: 100%; } #vertical-blocks .container .col-sm-4 { width: 20%; } #vertical-blocks .container .col-lg-offset-1 { margin-left: 10%; } .intl-tel-input .country-list { width: 318px!important; font-size: 14px; } .modal { text-align: center; } a.btn.btn-Request-VC { background: #f16769 !important; color: #fff !important; font-size: 20px !important; padding: 5px 18px !important; } a.btn.btn-Request-VC:hover { background: #f8aa0a !important; color: #000 !important; font-size: 20px !important; padding: 5px 18px !important; } #dr-name span.ea_btn { margin-right: 45px; } .footer_text_rfvc { background-color: #ec4e4e; color: white; text-align: center; white-space: nowrap; font-size: 20px !important; font-weight: bold; font-family: lato; padding: 7px 18px !important; border-radius: 4px; border-color: #ec4e4e; border: 1px solid rgba(88, 89, 92, 0.05); border-radius: 70px; margin-left: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.05) inset, 0 0 1px 2px rgb(255, 255, 255) inset; } .footer_text_rfvc:hover { background: #f8aa0a !important; color: #000 !important; } #vc_link { position: fixed; bottom: 10px; right: 10px; } #vc_link a.btn_fvc{ color:#fff; } #vc_link a.btn_fvc:hover { color: #151414; } .hide { opacity: 0; } .show { opacity: 1; } .request_free_VC { background-color: #EE6669; color: white; padding: 10px 20px; border-radius: 4px; border-color: #46b8da; border: 1px solid rgba(88, 89, 92, 0.1); box-shadow: 0 0 5px rgba(0,0,0,0.05) inset, 0 0 1px 2px rgb(255, 255, 255) inset; border-radius: 70px; margin-left: 5px; } .iti-mobile .intl-tel-input.iti-container { z-index: 9999999 !important; } /*bottom widget css*/ #bottom_widget_pop_up { position: fixed; bottom: 25px; right: 0; z-index: 100; background: transparent; border: none; width: 300px; box-shadow: none; } #bottom_widget_pop_up .close { font-size: 33px; opacity: 0.35; opacity: 1; text-shadow: none; } /*bottom widget css ends*/ .item.lazyload, .expert-advice-inner.lazyload { background: #f7f7f7; background-image: none } .lazyload { opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .lazyloaded { opacity: 1; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } @media screen and (max-height: 575px){ #rc-imageselect, .g-recaptcha { -webkit-transform: scale(0.77); -moz-transform: scale(0.77); -ms-transform: scale(0.77); -o-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } } /*ea-widget for inner page*/ .expert-advice-inner { background: #000 url(/img/expert-advice-widget-inner-page.webp); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .expert-advice-inner .expert-advice-wrapper { } .expert-advice-inner .expert-advice-wrapper .line { background-position-x: right; background-repeat: no-repeat; padding: 90px 30px; position: relative; } .expert-advice-inner .expert-advice-wrapper .line:before { display: none; } .expert-advice-inner .expert-advice-wrapper .line:after { display: none; } .expert-advice-inner .expert-advice-wrapper p.title { font-size: 50px; font-weight: 900; color: #f64350; margin-top: 70px; margin-bottom: 40px; text-align: right; font-family: Montserrat-Bold; } .expert-advice-inner .expert-advice-wrapper p { color: #000; font-size: 32px; text-align: right; margin-top: -14px; font-weight: 300; font-family: Montserrat-Regular; } .expert-advice-inner .expert-advice-wrapper p strong { font-weight: 400; font-family: Montserrat-semibold; } .expert-advice-inner .expert-advice-wrapper p span { color: #fff; font-weight: 400; text-align: end; } .expert-advice-inner span.free { position: sticky; margin-right: 10px; font-weight: 600 !important; } .expert-advice-inner span.free:before { content: ""; position: absolute; background: #f4cb0e; width: 103%; height: 100%; left: -2px; top: 0px; z-index: -1; -webkit-transform: scale(1.3, 1.1) perspective(80px) rotateY(0deg) rotateX(185deg) rotateZ(6deg) translateZ(17px); -moz-transform: scale(1.3, 1.1) perspective(80px) rotateY(0deg) rotateX(185deg) rotateZ(6deg) translateZ(17px); -ms-transform: scale(1.3, 1.1) perspective(80px) rotateY(0deg) rotateX(185deg) rotateZ(6deg) translateZ(17px); -o-transform: scale(1.3, 1.1) perspective(80px) rotateY(0deg) rotateX(185deg) rotateZ(6deg) translateZ(17px); transform: scale(1.3, 1.1) perspective(80px) rotateY(0deg) rotateX(185deg) rotateZ(6deg) translateZ(17px); } .expert-advice-inner span.free:after { content: ""; position: absolute; background: #f14350; width: 110%; height: 83%; left: -3px; top: 5px; z-index: -1; -webkit-transform: scale(1.1, 1.1) perspective(50px) rotateY(0deg) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px); -moz-transform: scale(1.1, 1.1) perspective(50px) rotateY(0deg) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px); -ms-transform: scale(1.1, 1.1) perspective(50px) rotateY(0deg) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px); -o-transform: scale(1.1, 1.1) perspective(50px) rotateY(0deg) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px); transform: scale(1.1, 1.1) perspective(50px) rotateY(0deg) rotateX(180deg) rotateZ(-3deg) translateZ(1px) translateX(-1px); } .expert-advice-inner .expert-advice-wrapper .caps { color: #000; font-size: 68px; text-transform: none; margin-top: 10px; font-weight: 400; text-shadow: 0px 0px 1px #000; font-family: Flanella; letter-spacing: 0pt; word-spacing: -13px; } .expert-advice-inner .ea-btn { padding: 10px 16px; background: none repeat scroll 0 0 #f9aa0b; border: 1px solid #d68700; color: #f64350; float: right; font-size: 18px; margin: 10px 15px 10px 0; background-image: none; background-repeat: repeat-x; color: #000000; text-shadow: none; border-radius: 0; position: relative; z-index: 20; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; font-weight: 800; border-radius: 5px; } .expert-advice-inner .ea-btn:hover { background-color: #f14350; color: #000; border: 1px solid #cc3540; } a.ea-btn.know_more { background: #f25454; color: #000; border: 1px solid #e62c2b; } a.ea-btn.know_more:hover { background: none repeat scroll 0 0 #77cc62; border: 1px solid #57ac42; } .expert-advice-inner .expert-advice-wrapper p.vc { font-weight: 400; font-family: Montserrat-Semibold; } #ea { position: relative; } /*ea widget for inner page ends*/ @media(min-width:0) and (max-width:767px) { #bottom_widget_pop_up { display: none !important; } .modal-dialog { margin: 0px !important; } #dr-name span.ea_btn { margin-right: 0px; margin-bottom: 15px; margin-top: -15px; display: block; } #main-carousal .g-recaptcha > div { -webkit-transform: scale(0.8) !important; -moz-transform: scale(0.8) !important; -ms-transform: scale(0.8) !important; -o-transform: scale(0.8) !important; transform: scale(0.8) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #Automatic_Opening_Modal .g-recaptcha > div { -webkit-transform: scale(0.6) !important; -moz-transform: scale(0.6) !important; -ms-transform: scale(0.6) !important; -o-transform: scale(0.6) !important; transform: scale(0.6) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #appointment .g-recaptcha > div { -webkit-transform: scale(0.8) !important; -moz-transform: scale(0.8) !important; -ms-transform: scale(0.8) !important; -o-transform: scale(0.8) !important; transform: scale(0.8) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #recaptcha1 > div { -webkit-transform: scale(0.885); -moz-transform: scale(0.885); -ms-transform: scale(0.885); -o-transform: scale(0.885); transform: scale(0.885); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #recaptcha2 > div { -webkit-transform: scale(0.92); -moz-transform: scale(0.92); -ms-transform: scale(0.92); -o-transform: scale(0.92); transform: scale(0.92); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } .intl-tel-input .country-list { width: 279px!important; } .dr-senthil-title h3 br { line-height: 2; } #Automatic_Opening_Modal .modal-dialog { width: auto; margin: 10px; } #Automatic_Opening_Modal .modal-footer { padding: 15px 15px 60px; } .For_dektop_Version { display: none; } #thanq-page #dr-name { margin: 10px 0; } #thanq-page .dr-senthil-title h1 { margin: 15px 0; } } @media(min-width:768px) and (max-width:991px) { /*ea widget for inner page*/ .expert-advice-inner .expert-advice-wrapper .line { padding: 90px 10px; } .expert-advice-inner { background-position: 40% 50%; } .expert-advice-inner .expert-advice-wrapper p.title { font-size: 40px; } .expert-advice-inner .expert-advice-wrapper p { font-size: 25px; } .expert-advice-inner .expert-advice-wrapper .caps { font-size: 55px; } /*ea widget for inner page ends*/ #main-carousal .g-recaptcha > div { -webkit-transform: scale(0.9) !important; -moz-transform: scale(0.9) !important; -ms-transform: scale(0.9) !important; -o-transform: scale(0.9) !important; transform: scale(0.9) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #Automatic_Opening_Modal .g-recaptcha > div { -webkit-transform: scale(0.7) !important; -moz-transform: scale(0.7) !important; -ms-transform: scale(0.7) !important; -o-transform: scale(0.7) !important; transform: scale(0.7) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #recaptcha1 > div, #recaptcha2 > div, #recaptcha3 > div, #recaptcha4 > div { -webkit-transform: scale(0.923); -moz-transform: scale(0.923); -ms-transform: scale(0.923); -o-transform: scale(0.923); transform: scale(0.923); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #dr-name { margin: 14px 0; } .intl-tel-input .country-list { width: 280px!important; } #Automatic_Opening_Modal .modal-dialog { width: 740px; } #Automatic_Opening_Modal .modal-body img.lt-img { margin: 70px 0; } #Quotes-sec { height: auto; } .headings h1 { font-size: 38px; margin: 20px 0; } .headings h2 { font-size: 24px; } .headings p { font-size: 20px; margin: 25px 0 20px; } #QR-code-sec { height: auto; } .review-sites li { margin: 8px 2px; } .review-sites li img { /*width: 80px;*/ width: 115px; } .For_dektop_Version .papers img.qr-code { height: 167px; width: auto; } .For_dektop_Version .papers { margin: 35px 85px !important; padding: 0; } } @media(min-width:992px) and (max-width:1199px) { #dr-name span.ea_btn { margin-right: 0px; margin-bottom: 15px; margin-top: -15px; display: block; } #main-carousal .g-recaptcha > div { -webkit-transform: scale(0.85) !important; -moz-transform: scale(0.85) !important; -ms-transform: scale(0.85) !important; -o-transform: scale(0.85) !important; transform: scale(0.85) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #recaptcha1 > div, #recaptcha2 > div, #recaptcha3 > div, #recaptcha4 > div { -webkit-transform: scale(0.895); -moz-transform: scale(0.895); -ms-transform: scale(0.895); -o-transform: scale(0.895); transform: scale(0.895); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } .intl-tel-input .country-list { width: 271px!important; } .review-sites { width: 100%; margin: 20px 0; } .headings h2 { font-size: 22px; margin: 20px 0; } .headings p { font-size: 18px; margin: 25px 0 20px; } .review-sites li img { /*width: 85px;*/ width: 150px; } .For_dektop_Version .papers { margin: 87px 5px; } .headings h1 { font-size: 36px; } .For_dektop_Version .papers img.qr-code { margin: 10px 0; padding: 10px 30px; } } @media(min-width:1200px) and (max-width:1299px) { .For_dektop_Version .container { width: 1180px !important; } .headings h1 { font-size: 65px; } .headings h2 { font-size: 33px; } .headings p { font-size: 35px; } /*.For_dektop_Version .papers { margin: 22px 15px; padding: 0; } .For_dektop_Version .papers img.qr-code { margin: 10px 0; padding: 10px 30px; }*/ } @media(min-width:1300px) and (max-width:1399px) { .For_dektop_Version .container { width: 1280px !important; } .papers { margin:90px 30px; } .headings h1 { font-size: 67px; } .headings h2 { font-size: 33px; } .headings p { font-size: 31px; } } @media(min-width:1400px) and (max-width:1499px) { .For_dektop_Version .container { width: 1380px !important; } .papers { margin:74px 30px; } .headings h1 { font-size: 67px; } .headings h2 { font-size: 33px; } .headings p { font-size: 31px; } } @media(min-width:1500px) and (max-width:1599px) { .For_dektop_Version .container { width: 1480px !important; } .papers { margin:57px 30px; } } @media(min-width:1600px) and (max-width:1699px) { .For_dektop_Version .container { width: 1580px !important; } .papers { margin:40px 30px; } } @media(min-width:1700px) and (max-width:1799px) { .For_dektop_Version .container { width: 1680px !important; } .papers { margin:23px 30px; } } @media(min-width:1800px) and (max-width:1899px) { .For_dektop_Version .container { width: 1780px !important; } .papers { margin:18px 30px; } } @media(min-width:1900px) and (max-width:1999px) { .For_dektop_Version .container { width: 1880px !important; } .papers { margin: 18px 52px; } } @media(min-width:1300px){ #QR-code-sec { left: 5%; } } @media(min-width:2000px){ .For_dektop_Version .container { width: 1950px !important; } .papers { margin: 18px 52px; } .review-sites { width: 700px; } .review-sites li img { width: 170px; } } #BottomMenuBar{ background-color:rgba(255, 255, 255, 0.75); vertical-align: bottom; display: table-row; box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); height:60px; } #BottomMenuBar .lineOne { border-top: 10px solid rgba(255, 255, 255, 0.6); box-shadow: 0 0 4px rgba(0, 0, 0, 0.85); margin: 10px 0 0; } #BottomMenuBar .lineTwo { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 0 4px rgba(0, 0, 0, 0.85); margin: 0; } #BottomMenuBar .copyright { padding: 15px 0; } #BottomMenuBar .copyright p { color: #6d6e71; font-size: 24px; text-align: center; margin:0; } /* font-switcher -------------------------- */ #font-switcher { position:fixed; z-index:1000; top:150px; right:-175px; width:175px; background:#fff; padding:10px; border:1px solid #ddd; } #font-toggle-switcher { display:block; width:50px; height:50px; background:#fff; position:absolute; left:-50px; top:73px; text-align:center; cursor:pointer; border:1px solid #ddd; border-top-left-radius:25px; border-bottom-left-radius:25px; border-right:none; } #font-toggle-switcher [class*=fa]{ font-size:28px; line-height:48px; color:#666666; } #font-switcher h1 { font-size:21px; text-align:center; color:#666; margin:2px 0 4px -20px; } #font-switcher ul { list-style:none; margin:0; padding:0; } #font-switcher ul li{ display:block; width:40px; height:40px; margin:10px 10px 0 0; float:left; border-radius:2px; cursor:pointer; } #font-switcher .buttonfont { background-color: #dfdfdf; background-image: -moz-linear-gradient(center top , #ccc, #aaa); border-radius: 2px; color: #ffffff; display: inline-block; font-family: "Meiryo UI"; font-size: 24px; line-height: inherit; margin-bottom: 10px; margin-top: 13px; overflow: hidden; padding: 5px 20px; position: relative; text-decoration: none !important; } /* font-switcher Ends -------------------------- */ .dr-senthil-title { text-align: right; border-right: 5px solid #F0B232; padding-right: 25px; margin-top:0px; } .dr-senthil-title h1 { font-weight: 700; margin-bottom: 10px !important; font-size: 32px; color: #6D6E71; } .dr-senthil-title h1 span { font-size: 28px; font-weight: 600; color: #7F8083; } .dr-senthil-title h3 { font-size: 16px !important; margin: 12px 0 20px !important; color: #7F8084; line-height: 1.5; } .dr-senthil-title h2{ } .dr-senthil-title h2 a{ } .dr-senthil-title h2 i{ } .min_font { font-size:20px !important; } .testmonial_class_ooone { padding: 20px; background: rgba(241, 241, 245, 0.56); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.47); } .img_border_ooone { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.46); border: 3px solid rgba(255, 255, 255, 1); } #header-sec { background-color: #ffffff; box-shadow: 0 0 10px #000000; display: block; padding: 10px 0; position: relative; z-index: 100; } #header-sec .social-icons { display: block; margin: 0; padding: 10px 0; text-align: right; } #header-sec .social-icons li{ display:inline-block; } #header-sec .social-icons li a:hover{ -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } #header-sec .social-icons li a:hover i { color: #F9AA0B !important; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } #header-sec .social-icons li i{ margin:0 5px; } #header-sec .social-icons li:nth-child(1) i{ color:#3b5998; } #header-sec .social-icons li:nth-child(2) i{ color:#00aced; } #header-sec .social-icons li:nth-child(3) i{ color:#dd4b39; } #header-sec .social-icons li:nth-child(4) i{ color:#bb0000; } #header-sec .social-icons li:nth-child(5) i{ color:#007bb6; } #header-sec .social-icons li:nth-child(6) i{ color:#cb2027; } #header-sec h2 { font-family: lato; margin: 0; padding: 3px 0; text-align: right; font-size: 20px; color: #EE6569; } #header-sec h2 a { font-weight: bold; font-size: 26px; padding: 2px 20px; color: #EE6669; background: rgba(88, 89, 92, 0.05); border: 1px solid rgba(88, 89, 92, 0.05); border-radius: 70px; margin-left: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.05) inset, 0 0 1px 2px rgb(255, 255, 255) inset; } #header-sec h2 a:hover, #header-sec h2 a:focus { color: #39afea; background: rgba(88, 89, 92, 0.02); border: 1px solid rgba(88, 89, 92, 0.1); box-shadow: 0 0 5px rgba(0,0,0,0.05) inset, 0 0 1px 2px rgb(255, 255, 255) inset; } .navbar{ margin-bottom:0 !important; } .navbar-brand > logo_img > img { display: inline-block; margin: 0 0 14px; padding: 0; width: 25%; } .navbar-brand > span { } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: #ff5454; color: #ffffff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #ff5454 !important; background-image: none !important; box-shadow: none !important; color: #ffffff; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #ff5454; background-image: none; background-repeat: repeat-x; color:#fff; -webkit-transition: all 100ms linear 0s, color 100ms linear 0s; -moz-transition: all 100ms linear 0s, color 100ms linear 0s; -o-transition: all 100ms linear 0s, color 100ms linear 0s; transition: all 100ms linear 0s, color 100ms linear 0s; } .navbar-brand { color: #000000 !important; float: left; font-size: 23px; font-weight: 500; height: auto; line-height: 20px; padding: 5px; } .navbar-default .navbar-nav > li > a { color: #000000; font-family: raleway; font-weight: 500; text-shadow: none; -webkit-transition: all 100ms linear 0s; -moz-transition: all 100ms linear 0s; -o-transition: all 100ms linear 0s; transition: all 100ms linear 0s; } .navbar-default { background-color: rgba(0, 0, 0, 0); background-image: none; border-radius: 0; box-shadow: none; border-color: transparent; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{ color:#e93e3e !important; } #service-menu { background-color: #ffffff; border-top: 1px solid #ffffff; /* box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.8); */ padding: 0; /* position: relative; */ /* z-index: 2; */ } #service-menu .navbar-header .navbar-brand{ display:none; } .modal-content { background-clip: padding-box; background-color: rgba(255, 255, 255, 0.95); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; position: relative; } .modal-title { color: #000000; font-weight: 700; line-height: 1.42857; margin: 0; } .modal-content .form-control{ background-color:#39afea; border-bottom:1px solid #39afea; } .btn-primary{ background-color:#39afea; background-image:none; border:1px solid #2298cd; border-radius:0; color:#000; } .info { font-size: 13px; font-weight: normal; } @media(min-width:768px){ #navbar .navbar-nav{ float: right; margin-bottom:0 !important; } #services .navbar-nav{ float: none; margin-bottom:0 !important; text-align:center; display:block; border-top: none; } #services .navbar-nav > li{ display:inline-block; float:none; } .nav > li > a { display: block; padding: 25px 20px !important; position: relative; } .navbar-nav > li > a { line-height: 14px; } } /********************************************** main-slider **********************************************/ #main-slider{ /*background-color:rgba(255,255,255,0.55);*/ background: rgba(255, 255, 255, 0.30); background: -moz-linear-gradient(top, #020223 0%, rgba(255, 255, 255, 0.00)100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#020223), color-stop(100%,rgba(255, 255, 255, 0.00))); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #020223 0%, rgba(255, 255, 255, 0.00) 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #020223 0%, rgba(255, 255, 255, 0.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #020223 0%, rgba(255, 255, 255, 0.00)100%); /* IE10+ */ background: linear-gradient(to bottom, #020223 0%, rgba(255, 255, 255, 0.00) 100%); /* W3C */ border-bottom:1px solid #fff; } #main-slider .col-xs-12.col-sm-9.col-md-9.col-lg-10 { padding-left:0; padding-right:0; } #main-slider .col-xs-12{ padding-left:0; padding-right:0; } #main-slider .carousel-inner { /*height: 400px;*/ overflow: hidden; position: relative; width: 100%; } #main-slider .carousel-inner .carousel-content{ font-family: raleway; } #main-slider .carousel-inner .carousel-content .slogans { background: rgb(57, 175, 234); border-top: 0px solid rgba(255, 255, 255, 0.95); border-left: 1px solid rgba(255,255,255,0.95); border-right: 1px solid rgba(255, 255, 255, 0.95); border-bottom: 0px solid rgba(255, 255, 255, 0.95); /* border-radius: 0 70px 70px 0 / 0 170px 170px 0; */ border-radius: 0; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4); color: #000000; padding: 15px; margin: 0; z-index: 1; } #main-slider .carousel-inner .carousel-content .slogans .caption h3 { font-weight: bold; font-size: 22px; text-align: center; color: #014567; margin: 0 0 15px; border-bottom: 2px dotted rgba(127, 128, 132, 0.35); padding-bottom: 10px; } #main-slider .carousel-inner .carousel-content .slogans .caption h3 span { color: #fff; text-transform: uppercase; font-size: 25px; } #main-slider .carousel-inner .carousel-content .slogans .caption form { padding: 0 20px; text-align: center; } .form-control { background-color: rgb(255, 255, 255); border: none; border: 1px solid #2990C3; border-radius: 0; color: #000; font-weight: 500; box-shadow: 0 2px 3px #ddd inset; } .form-control:-moz-placeholder { color: #77CC62 !important; } .form-control::-moz-placeholder { color: #77CC62 !important; } .form-control:-ms-input-placeholder { color: #77CC62 !important; } .form-control::-webkit-input-placeholder { color: #77CC62 !important; } .modal-body .form-control:-moz-placeholder { color: #D5F1FF !important; } .modal-body .form-control::-moz-placeholder { color: #D5F1FF !important; } .modal-body .form-control:-ms-input-placeholder { color: #D5F1FF !important; } .modal-body .form-control::-webkit-input-placeholder { color: #D5F1FF !important; } #main-slider .carousel-inner .carousel-content .slogans .caption form .btn-primary { background-color: #F9AA0B; background-image: none; border: 1px solid #fff; color: #000; font-weight: bold; text-transform: uppercase; text-shadow: none; padding: 10px 21px; border-radius: 30px; margin: 5px auto; font-size: 19px; } #main-slider .carousel-inner .carousel-content .slogans .caption form .btn i { font-size: 16px; } #main-slider .carousel-inner .carousel-content .slogans .caption form .form-group { margin-bottom: 8px; } #recaptcha1 > div, #recaptcha2 > div { width: auto; height: auto; margin: auto; } .max-char { font-size: 10px; } #recaptcha3 > div { -webkit-transform: scale(0.84) !important; -moz-transform: scale(0.84) !important; -ms-transform: scale(0.84) !important; -o-transform: scale(0.84) !important; transform: scale(0.84) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } #main-slider .carousel-inner .carousel-content .slogans .btn-default { float: left; font-size:15px; margin: 10px 15px 10px 0; background-image: none; background-repeat: repeat-x; color: #000000; text-shadow: none; border-radius:0; position: relative; z-index: 20; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #main-slider .carousel-inner .carousel-content .slogans .btn-default:hover { background-image: none; background-repeat: repeat-x; color: #000; text-shadow: none; } .btn1{ background: none repeat scroll 0 0 #f9aa0b; border: 1px solid #d68700; } .btn2{ background: none repeat scroll 0 0 #77cc62; border: 1px solid #57ac42; } .btn1:hover{ background: none repeat scroll 0 0 #ff5454; border: 1px solid #e93e3e; } .btn2:hover{ background: none repeat scroll 0 0 #39afea; border: 1px solid #1086c1; } #main-slider .carousel-inner .carousel-content .slogans h2{ margin:10px 0; padding:0; font-style: normal; font-family: lato; font-size:25px; } #main-slider .carousel-inner .carousel-content .slogans h2 a{ color:#000; vertical-align: middle; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #main-slider .carousel-inner .carousel-content .slogans h2 a:hover{ color: #ffffff; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #main-slider .carousel-inner .carousel-content .slogans h2 i{ margin:0 10px 0 0; vertical-align: middle; } #main-slider .carousel-inner .carousel-content .slogans h3{ font-size: 18px; line-height: 1.4; margin: 10px 0; padding: 0; } #main-slider .carousel-control.left { background-image: none; } #main-slider .carousel-control.right { background-image: none; } #main-slider .carousel-control{ width:3%; } #main-slider .fill { background-position: center center; background-size: cover; height: 100%; width: 100%; } /* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)*/ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; -webkit-transition-property:opacity; -moz-transition-property:opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .carousel-inner .item { height: 100%; } #main-slider .item:nth-child(1) { background-image: url(/img/main-slider/Dr-Keerthi-Senthil.webp); background-position: calc(100%) center; background-position-x: calc(100%); background-position-y: center; background-size: cover; background-repeat: no-repeat; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } #main-slider .carousel-indicators { bottom: 10px !important; text-align: right; width: 75%; } #main-slider .carousel-indicators li { border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 12px / 5px; box-shadow: 1px 1px 2px #000000; } #circle-silder{ background: rgba(255, 255, 255, 0.88); padding:0 0 40px; } #circle-silder .red { border-radius: 0; margin: 25px 0; padding: 15px; background: none repeat scroll 0 0 #ff5454; border: 1px solid #e93e3e; } #circle-silder .red .btn-default { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.56); text-shadow: none; } #circle-silder .blue { border-radius: 0; margin: 25px 0; padding: 15px; background: none repeat scroll 0 0 #39afea; border: 1px solid #1086c1; } #circle-silder .blue .btn-default { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.56); text-shadow: none; } #circle-silder .yellow { border-radius: 0; margin: 25px 0; padding: 15px; background: none repeat scroll 0 0 #f9aa0b; border: 1px solid #d68700; } #circle-silder .yellow .btn-default { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.56); text-shadow: none; } #circle-silder .green { border-radius: 0; margin: 25px 0; padding: 15px; background: none repeat scroll 0 0 #77cc62; border: 1px solid #57ac42; } #circle-silder .green .btn-default { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.56); text-shadow: none; } #circle-silder .thumbnail img { border: 2px solid #ffffff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.35); -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #circle-silder .thumbnail h3{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #000000 !important; padding: 5px 9px; -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #circle-silder .thumbnail p{ color:#000 !important; -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #circle-silder .thumbnail .btn-default { color: #000000 !important; text-align: center; width: 100%; -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #circle-silder .thumbnail { -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */ transform: scale(1,1); /* Standard syntax */ -webkit-transition: all 600ms linear 0s; -moz-transition: all 600ms linear 0s; -o-transition: all 600ms linear 0s; transition: all 600ms linear 0s; } #circle-silder .thumbnail:hover { -ms-transform: scale(1.05, 1.05); /* IE 9 */ -webkit-transform: scale(1.05, 1.05); /* Chrome, Safari, Opera */ transform: scale(1.05, 1.05); /* Standard syntax */ -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #circle-silder .thumbnail:hover img{ -ms-transform:rotate(-3deg); /* IE 9 */ -webkit-transform:rotate(-3deg); /* Chrome, Safari, Opera */ transform:rotate(-3deg); /* Standard syntax */ -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #circle-silder .thumbnail:hover h3{ -ms-transform:rotate(-3deg); /* IE 9 */ -webkit-transform:rotate(-3deg); /* Chrome, Safari, Opera */ transform:rotate(-3deg); /* Standard syntax */ -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #circle-silder .thumbnail:hover .btn-default{ -ms-transform:rotate(3deg); /* IE 9 */ -webkit-transform:rotate(3deg); /* Chrome, Safari, Opera */ transform:rotate(3deg); /* Standard syntax */ background-color:rgba(255,255,255,0.55); -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #circle-silder #showcase { height: 480px; padding: 35px 0; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #showcase { visibility: hidden; } #showcase img { cursor: pointer; } .circles-quotes { display: block; position: relative; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.55); border-bottom: 1px solid rgba(255, 255, 255, 0.55); border-left: 1px solid rgba(255, 255, 255, 0.55); border-right: 1px solid rgba(255, 255, 255, 0.55); box-shadow: 0 8px 12px -8px rgba(0, 0, 0, 0.3); color: #000000; margin:-47px 0 15px; padding:15px 0 0; } .circles-quotes p { color: #595A5C; font-family: 'Dancing Script', cursive; font-size: 40px; font-weight: 500; line-height: 1.2; padding: 7px 0; text-align: center; } .circles-quotes p b { font-family: raleway; color: #FF5454; } .our-quotes p { color: #189FE2; /* font-family: 'Dancing Script', cursive; */ font-size: 22px; font-weight: 500; line-height: 1.2; padding: 20px 0; text-align: center; background: rgba(255, 255, 255, 0.5); margin: 30px 0; display: block; position: relative; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 75px; box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25) inset; } #review-page .our-quotes p{ border-radius: 4px; font-size: 26px; line-height: 1.5; } #review-page h2 { font-size: 26px; /*color: #189FE2;*/ text-align:center; } #review-page .our-quotes p b{ } #review-page #why-ks{ padding-top: 55px; } #review-page #why-ks .thumbnail{ margin-bottom: 30px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #review-page #why-ks .thumbnail:hover, #review-page #why-ks .thumbnail:focus { box-shadow: 0 10px 20px -10px #000, 0 -10px 20px -17px #000, 0 0px 35px rgba(0,0,0,0.05) inset; border-color: rgba(0,0,0,0.20); -webkit-transition: all 600ms linear 0s; -moz-transition: all 600ms linear 0s; -o-transition: all 600ms linear 0s; transition: all 600ms linear 0s; } #review-page #why-ks .thumbnail p{ border-top: 1px solid rgba(0, 0, 0, 0.1); font-size: 20px; margin: 10px 0 0; padding: 10px 0; text-align:center; } #review-page.for-desktop #why-ks .thumbnail img.qr-code{ border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 10px 0 ; padding: 10px 55px; } #review-page.for-desktop #why-ks .thumbnail { margin: 30px 15px; } #review-page.for-desktop #circle-silder .our-quotes p{ line-height: 1.8; } /***************** circle-silder ******************************/ #main-carousal { background: #1c1b21 none repeat scroll 0 0; } .up-shadow { position: relative; z-index: 1 !important; } .down-shadow{ position: relative; z-index: 1 !important; } #content_layer { content-visibility: auto !important; contain: layout !important; } #accreditation-sec_layer, #footer_layer { content-visibility: auto !important; contain: layout !important; } #content { background-color: rgba(255, 255, 255, 0.90); padding: 30px 0; } #content h2 { color: #000000; font-size: 40px !important; text-align: center; margin-bottom: 25px; } #content p { color: #000000; font-size: 20px; line-height: 1.5; margin-bottom: 25px; text-align: justify; } #content .text { margin: 74px 0; } #content .text p b{ color: #1086C1; } #content a.btn-link { border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important; border-left: 1px solid rgba(0, 0, 0, 0.02); border-right: 1px solid rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.02); color: #FF5454; font-size: 20px; /* margin: 25px 0; */ text-decoration: none; white-space: normal; font-weight: bold; } #content a.btn-link:hover, #content a.btn-link:focus { border-bottom: 2px solid #F0B232 !important; border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05); color: #1086C1; text-decoration: none; } #why-ks { padding: 35px 0; background: rgba(255, 255, 255, 0.95); } #why-ks hr{ height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(127,128,132,0.2), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(127,128,132,0.2), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(127,128,132,0.2), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(127,128,132,0.2), rgba(0,0,0,0)); } #why-ks hr.bottom-bor { background: #F0B232; height: 2px; width: 25%; margin: 0 auto; border-top: none; } #why-ks h2 { text-align: center; margin: 0 0 20px; font-weight: 600; color: #58595C; font-size:36px; } #why-ks h2 b{ color: #58595C; } #why-ks p { font-size: 25px; } #why-ks p.p1 { margin: 67px 0; } #why-ks p.p2 { margin: 28px 0; } #why-ks p.p3 { margin: 66px 0; } #why-ks img{ } .landingImage{ margin:0 auto; } #content .btn-default { background-color: #e8e8e8; background-image: none; background-repeat: repeat-x; border-color: #f7f7f7; border-radius: 0; text-shadow: none; color:#000; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #content .btn-default:hover { background-color: #dfa5be; background-image: none; background-repeat: repeat-x; border-color: #ac728b; border-radius: 0; text-shadow: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #content .thumbnail { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #dddddd; border-radius: 0; display: block; line-height: 1.42857; margin-bottom: 20px; padding: 4px; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #content .thumbnail:hover { border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 8px; -ms-transform: scale(1.02, 1.02); /* IE 9 */ -webkit-transform: scale(1.02, 1.02); /* Chrome, Safari, Opera */ transform: scale(1.02, 1.02); /* Standard syntax */ -webkit-transition: all 400ms linear 0s; -moz-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } #testimonials-sec { border: 1px solid rgba(255,255,255,0.10); background-color: rgba(255,255,255,0.10); box-shadow: 0 0 5px rgba(0,0,0,0.10); padding: 15px; } #testimonials-sec .btn-default { display: block; margin: 10px 0 0; text-align: center; } blockquote i { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; color: #000000; display: block !important; font-size: 35px !important; margin: 0 80px 10px; padding: 20px; text-align: center !important; } blockquote footer, blockquote small, blockquote .small { color: #000000; } blockquote footer, blockquote small cite, blockquote .small cite{ color: #000000; font-weight: 700; text-transform: uppercase; } .blockquote-reverse, blockquote.pull-right { border-right: 0px solid rgba(255, 255, 255, 0.0); margin: 0 0 10px; text-align:center; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: none !important; } #blocks { background:url("/img/contact-sec-bg.webp") no-repeat fixed center center rgba(0, 0, 0, 0); background-size:cover; padding: 25px 0; } #blocks h1 { color: #fff; font-size: 40px; margin-bottom: 25px; text-align: center; } #blocks #service-images .item a{ color: #ffffff; display: block; text-align: center !important; } #blocks #service-images .item a .imgholder{ margin-bottom:45px; } /*******************************************************************************/ .imgholder{ position:relative; width:120px; height:120px; border-radius:0; float:none; margin:25px 10px; } /* thumbnails style */ .imgholder img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; border-radius:0%; -moz-border-radius:0%; -webkit-border-radius:0%; opacity:1; filter: alpha(opacity = 30); box-shadow:0 0 8px #000; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; border:1px solid rgba(255,255,255,0.05); transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transition: opacity 1s, transform 1s ease-in-out 0.3s; -moz-transition: opacity 1s, -moz-transform 1s ease-in-out 0.3s; -webkit-transition: opacity 1s, -webkit-transform 1s ease-in-out 0.3s; } .imgholder:hover img{ opacity:1; filter: alpha(opacity = 100); transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); } .imgholder figcaption{ position:absolute; left:-5px; top:40%; width:130px; color:#004E87; font-weight:bold; text-shadow:-1px -1px 0 #fff; z-index:4; transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -webkit-transition: top 0.5s ease-out; } .imgholder:hover figcaption{ top:120%; } /* decorations style */ .imgholder .circle{ position:absolute; border-radius:0%; -moz-border-radius:0%; -webkit-border-radius:0%; } .imgholder .outer1{ top:-14px; left:-14px; width:148px; height:148px; z-index:2; border:8px solid; border-color: rgba(255,255,255,0.85); box-shadow:0 0 3px #AFD3FF; -moz-box-shadow:0 0 3px #AFD3FF; -webkit-box-shadow:0 0 3px #AFD3FF; background-color:transparent ; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transition: transform 1.8s ease-in-out, box-shadow 1s ease-out, border-color 1.5s; -moz-transition: -moz-transform 1.8s ease-in-out, -moz-box-shadow 1s ease-out, border-color 1.5s; -webkit-transition: -webkit-transform 1.8s ease-in-out, -webkit-box-shadow 1s ease-out, border-color 1.5s; } .imgholder:hover .outer1{ border-color:rgba(255,255,255,0.45) rgba(255,255,255,1.00) ; box-shadow:0 0 8px #000; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); } .imgholder .outer2{ top:-17px; left:-17px; width:155px; height:155px; z-index:1; border:10px solid; border-color: rgba(255,255,255,1.0) rgba(255,255,255,0.80) ; box-shadow:0 0 15px #000; -moz-box-shadow:0 0 15px #000; -webkit-box-shadow:0 0 15px #000; opacity:0; filter: alpha(opacity = 0); transform: scale(1.3,1.3) rotate(180deg); -ms-transform: scale(1.3,1.3) rotate(180deg); -moz-transform: scale(1.3,1.3) rotate(180deg); -webkit-transform: scale(1.3,1.3) rotate(180deg); transition: opacity 0.5s, transform 0.7s ease-out; -moz-transition: opacity 0.5s, -moz-transform 0.7s ease-out; -webkit-transition: opacity 0.5s, -webkit-transform 0.7s ease-out; } .imgholder:hover .outer2{ opacity:0.9; filter: alpha(opacity = 90); transform: scale(1.1,1.1) rotate(0deg); -ms-transform: scale(1.1,1.1) rotate(0deg); -moz-transform: scale(1.1,1.1) rotate(0deg); -webkit-transform: scale(1.1,1.1) rotate(0deg); } /*******************************************************************************/ #blocks .thumbnail { background-color: #f2f2f2; border: 1px solid #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); border-radius: 0; display: block; line-height: 1.42857; margin-bottom: 0; padding: 5px; margin:0 3px; position: relative; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #blocks .col-xs-12.col-sm-3.col-md-3.col-lg-3:hover .thumbnail{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); margin: 0 -3px; z-index: 2; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #blocks .col-xs-12.col-sm-3.col-md-3.col-lg-3:hover .caption { background-color: #fff; border: 3px solid #ffffff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.8); position: relative; z-index: 1; -webkit-transition:all 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; transition: all 0.2s linear 0s; } #blocks .thumbnail h3 { font-family: Raleway; font-size: 20px; margin: 0; padding: 5px 5px; color:#000; text-align:center; } #blocks .thumbnail .btn-default { color: #000000; display: block; font-family: Raleway; font-size: 14px; margin: 9px 0 7px; padding: 5px; background-color: #ffadc6; background-image: none; background-repeat: repeat-x; border-color: #e593ac; border-radius: 0; text-shadow: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #blocks .thumbnail .btn-default:hover { background-color: rgba(107, 185, 209, 0.8); background-image: none; background-repeat: repeat-x; border-color: rgba(107, 185, 209, 0.9); border-radius: 0; text-shadow: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #blocks .caption { background-color: #dedede; border: 3px solid #ffffff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); position: relative; z-index: 1; } #accreditation-sec { background-color: rgba(0, 206, 206, 0.55); padding: 30px 0; } #accreditation-sec .social-icons { display: block; margin: 0; text-align: center; padding: 0; } #accreditation-sec .social-icons li { display: inline-block; background: #FFF; margin: 10px 10px; width: 50px; height: 50px; border-radius: 4px; box-shadow: 0px 3px 10px -3px #000, 0px -3px 10px -3px #000; border: 2px solid #eee; } #accreditation-sec .social-icons li a { line-height: 58px; text-align: center; vertical-align: middle; } #accreditation-sec .social-icons li:hover{ border-radius: 0; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } #accreditation-sec .social-icons li:hover i { color: #000 !important; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } #accreditation-sec .social-icons li:nth-child(1) i{ color:#3b5998; } #accreditation-sec .social-icons li:nth-child(2) i { color: #c13584; } #accreditation-sec .social-icons li:nth-child(3) i { color: #1DA1F2; } #accreditation-sec .social-icons li:nth-child(4) i{ color:#bb0000; } #accreditation-sec .social-icons li:nth-child(5) i{ color:#007bb6; } #accreditation-sec .social-icons li:nth-child(6) i{ color:#cb2027; } #ThankYou{ text-align: center; } #ThankYou h1{ text-align: center; margin: 65px 0 28px; font-weight: 600; color: #58595C; font-size: 32px; } #ThankYou h3 { color: #7F8083; font-weight: bold; margin: 35px 0; text-align: center; font-size: 25px; } #ThankYou .btn-default { color: #189FE2; font-weight: 600; margin: 15px 25px 0; font-size: 20px; } #click2call_layer { content-visibility: auto; contain: layout; } #click2call { background: url("/img/contact-sec-bg.webp") no-repeat fixed center center rgba(0, 0, 0, 0); background-size: cover; padding: 90px 0; } #click2call h1 { color: #ffffff; font-size: 50px; margin: 0 0 20px; /*text-shadow: 1px 1px 2px #000000;*/ } #click2call p.subLine { color: #ffffff; font-size: 24px; margin-bottom: 50px; text-shadow: 1px 1px 2px #000000; } #click2call .btn-default { border-radius: 0; font-size: 18px !important; margin: 0 15px; padding: 8px 15px; } #click2call .btn-default.appointment { background-color: #5c5505; background-image: none; border-color: #B4AE7A; border-radius: 0; color: #ffffff; font-size: 14px; text-shadow: none; } #click2call .btn-default.appointment:hover { background-color: #c4c4c4; border-color: #c4c4c4; border-radius: 0; color: #000; } #click2call .btn-default.c2c { background-color: #b4ae7a; background-image: none; border-color: #D4CD91; border-radius: 0; color: #1C1A01; font-size: 14px; text-shadow: none; } #click2call .btn-default.c2c:hover { background-color: #c4c4c4; border-color: #c4c4c4; color: #000; } #click2call .lt { border-left: 5px solid rgba(119,204,98,0.25); padding: 20px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; min-height: 290px; background: rgba(0,0,0,0.25); } #click2call .lt img { border: 2px solid #ffffff; /*border-radius: 50%;*/ box-shadow: 0 0 8px #000000; float: left; padding: 3px; width: 150px; margin-right: 25px; margin-bottom: 15px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } #click2call .lt h4 { color: #F9AA0B; font-size: 28px; font-weight: bold; text-shadow: 0 0 3px #000000; margin: 0 0 20px; } #click2call .lt h4 span { font-size: 20px; font-weight: lighter; } #click2call .lt p { color: #ffffff; font-size: 18px; } #click2call .rt{ border-left: 1px solid #ffffff; padding: 20px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #click2call .rt img { border: 2px solid #ffffff; /*border-radius: 50%;*/ box-shadow: 0 0 8px #000000; float: right; padding: 3px; width: 150px; margin-left: 30px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } #click2call .rt h4 { color: #F9AA0B; font-size: 28px; font-weight: bold; text-shadow: 0 0 3px #000000; margin: 0 0 20px; } #click2call .rt h4 span { font-size: 20px; font-weight: lighter; } #click2call .rt p { color: #ffffff; font-size: 22px; } #click2call .lt:hover{ border-left: 5px solid rgba(119,204,98,1); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.52); } #click2call .lt:hover img{ border-radius:0 35px 0 35px; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; } #click2call .rt:hover{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.52); } #click2call .rt:hover img{ border-radius:50%; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; } #click2call #what-we { margin: 45px 0; /*padding: 15px 0;*/ border: 1px solid #e8e8e8; border-radius: 3px; box-shadow: 0 0 25px rgba(0,0,0,0.4) inset, 0 0 10px 2px rgba(0,0,0,0.7); /*margin-bottom: 10px;*/ padding: 30px 45px; background: rgba(255,255,255,0.9); } #click2call #what-we h2 { color: #FF5454; font-size: 35px; font-weight: bold; margin: 0 0 20px; } #click2call #what-we p { color: #000; font-size: 18px; } #click2call #what-we p b { background: rgba(0,0,0,0.02); padding: 5px 8px; border: 1px solid rgba(0,0,0,0.02); color: #189FE2; } #click2call #we-offer{ } #click2call #we-offer h3 { color: #FFFFFF; font-size: 30px; font-weight: bold; /* margin: -2px 0 20px; */ text-align: center; } #service-images .item { margin: 65px 3px 15px; } #service-images .item a { color: #ffffff; display: block; text-align: center !important; } #service-images .item a .imgholder { margin-bottom: 45px; } .desc { color: #c9c9c9; font-size: 14px; text-align: center; padding: 10px 0; } #service-images .btn-default { color: #000 !important; } #accreditations .item{ margin: 0 15px; } #accreditations .item img{ display: block; width: 100%; height: auto; } #contact { background:url("/img/map.jpg") no-repeat fixed center center rgba(0, 0, 0, 0); background-size:cover; padding: 45px 0; } #contact .red .thumbnail { background-color: #ff5454; border-bottom: none !important ; border: 1px solid #e93e3e !important ; border:none; border-radius: 0; display: block; line-height: 1.42857; margin-bottom: 0; padding: 4px; position: relative; transition: border 0.2s ease-in-out 0s; } #contact .yellow .thumbnail { background-color: #f9aa0b; border-bottom: none !important ; border: 1px solid #d68700 !important ; border:none; border-radius: 0; display: block; line-height: 1.42857; margin-bottom: 0; padding: 4px; position: relative; transition: border 0.2s ease-in-out 0s; } #contact .green .thumbnail { background-color: #77cc62; border-bottom: none !important ; border: 1px solid #57ac42 !important ; border:none; border-radius: 0; display: block; line-height: 1.42857; margin-bottom: 0; padding: 4px; position: relative; transition: border 0.2s ease-in-out 0s; } #contact .thumbnail h3 { font-family: Lato; font-size: 25px; margin: 0; padding: 5px 9px; color:#000; font-weight:500; } #contact .red{ -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #contact .yellow{ -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #contact .green{ -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } #contact .red .caption { background-color: #ff5454; min-height: 431px; padding: 14px; border: 1px solid #e93e3e ; border-top:none !important; } #contact .yellow .caption { background-color: #f9aa0b; min-height: 431px; padding: 14px; border: 1px solid #d68700 ; border-top:none !important; } #contact .green .caption { background-color: #77cc62; min-height: 431px; padding: 14px; border: 1px solid #57ac42; border-top:none !important; } #contact .caption address{ color: #000; } #contact .caption address p strong{ color: #000; } #contact .caption address p abbr { border-bottom: none; } #contact .caption address p abbr span{ display:inline-table; color: #000; } #contact .caption address p abbr i { color: #000; font-size: 20px; margin: 0 15px 0 0; } #contact .caption .map-route{ padding-top: 20px; } #contact .caption .map-route p strong{ color:#000; } #contact .caption table{ color:#000; font-size: 14px; } .table-striped > tbody > tr:nth-child(2n+1) { background-color: rgba(255, 255, 255, 0.05); } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid rgba(255, 255, 255, 0.05); line-height: 1.42857; padding: 8px; vertical-align: top; } footer { background-color: rgba(0, 0, 0, 0.95); padding: 25px 0 0; font-size: 15px; text-align: center; } footer h2 { font-family: lato; } footer h4 { color: #fff; text-align: center; font-size: 35px; } footer h2 i { color: #F9AA0B; margin-right: 15px; } footer h2 a{ } .copyright p { font-size: 24px; color: #FFF; } .sub-copy p { font-size: 14px; color: #ccc; margin:20px 0; } footer a { color: #77cc62; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } footer a:hover { color:#FF5454; } footer .footer-menu-h { color: #505050; display: block; margin: 0; padding: 30px 0; } footer .footer-menu-h li{ display:inline-block; margin: 0 8px; } footer .social-icons { display: block; margin: 0; padding: 25px 0; text-align: right; } footer .social-icons li{ display:inline-block; } footer .social-icons li a:hover{ -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } footer .social-icons li a:hover i { color: #F9AA0B !important; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; } footer .social-icons li i{ margin:0 5px; } footer .social-icons li:nth-child(1) i{ color:#3b5998; } footer .social-icons li:nth-child(2) i{ color:#00aced; } footer .social-icons li:nth-child(3) i{ color:#dd4b39; } footer .social-icons li:nth-child(4) i{ color:#bb0000; } footer .social-icons li:nth-child(5) i{ color:#007bb6; } footer .social-icons li:nth-child(6) i{ color:#cb2027; } footer .copyright { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45); border-top: 1px solid rgba(0, 0, 0, 0.7); margin-top: 0; padding: 35px 0 1px 0; text-align: center; color: #fff; } .scrolloff { pointer-events: none !important; } #map-sec{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); position: relative; } #map-sec iframe{ border:none !important; } #content h3 { font-size: 32px; margin-bottom: 15px; color: #000000; } #contact h3 { color: #000000; font-size: 32px; margin: 0 0 30px; } #content h2 { color: #000000; font-size: 25px; } #content b, #content strong { color: #FF5454; } a { color: #000000; text-decoration: none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; outline:none; } a:hover, a:focus { color: #ff5454; text-decoration: none; outline:none; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } ul, ol { color:#000; } .sitemap-list li a{ line-height: 1.5; } .panel-body p{ color:#000; } .panel-body ul, .panel-body ol { color:#000; } .panel { background-color: rgba(255, 255, 255, 0.3); border: 1px solid #cccccc !important; text-align:justify; } .panel-heading { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important; } .panel-body { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.27) !important; } .panel img { background-color: rgba(255, 255, 255, 0.4); border: 5px solid #ffffff !important; } .panel h2{ margin-top:0; } .fancybox-title-float-wrap .child { background: none repeat scroll 0 0 #f9aa0b !important; border-radius: 15px; color: #000000 !important; display: inline-block; font-family:Raleway !important; font-weight: bold; line-height: 24px; margin-right: -100%; padding: 2px 20px; text-shadow: 0 1px 2px #ffffff !important; white-space: nowrap; } .nav-tabs { border-bottom: none; display: block; text-align: center; } .nav-tabs > li { display: inline-block; float: none; margin-bottom: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0); border-image: none; border-style: solid; border-width: 1px; color: #000000; cursor: default; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .nav > li > a:hover, .nav > li > a:focus { background-color: #ff5454; color: #ffffff; text-decoration: none; border-color:#f14646; -webkit-transition: all 100ms linear 0s; -moz-transition: all 100ms linear 0s; -o-transition: all 100ms linear 0s; transition: all 100ms linear 0s; } #myTab > li > a { display: block; padding: 10px 15px !important; position: relative; } .well { background-color: rgba(0, 0, 0, 0); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1); border-radius:0; } #box { position: relative; background: #ddd; padding: 0; margin: 25px; z-index:0; } #box:before, #box:after { z-index: -1; position: absolute; content: ""; bottom: 12px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0, 0, 0, 0.0); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.75); transform: rotate(-4deg); } #box:after { transform: rotate(4deg); right: 10px; left: auto; } #our-office-carousal { border: 5px solid #ffffff; border-radius: 2px; box-shadow: 0 -1px 6px -1px rgba(0, 0, 0, 0.5); } #our-office-carousal .carousel-inner { height: 400px; width: 100%; } #our-office-carousal .carousel-control.left { background-image: none; } #our-office-carousal .carousel-control.right { background-image: none; } #our-office-carousal .item:nth-child(1) { background-image: url(/img/our-office/1.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(2) { background-image: url(/img/our-office/2.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(3) { background-image: url(/img/our-office/3.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(4) { background-image: url(/img/our-office/4.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(5) { background-image: url(/img/our-office/5.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(6) { background-image: url(/img/our-office/6.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(7) { background-image: url(/img/our-office/7.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(8) { background-image: url(/img/our-office/8.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(9) { background-image: url(/img/our-office/9.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(10) { background-image: url(/img/our-office/10.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(11) { background-image: url(/img/our-office/11.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(12) { background-image: url(/img/our-office/12.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(13) { background-image: url(/img/our-office/13.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(14) { background-image: url(/img/our-office/14.jpg); background-position: center center; background-size: cover; } #our-office-carousal .item:nth-child(15) { background-image: url(/img/our-office/15.jpg); background-position: center center; background-size: cover; } h1.post_title a { color: #000000 ; font-size: 30px ; } h1.post_title a:hover { text-decoration: none; color: #e93e3e; } ul.links { border-bottom: 2px solid rgba(0, 0, 0, 0.25); list-style: outside none none; margin: 15px 0 20px; padding: 5px 0; } ul.links li.last { float: right; } ul.links li { color: #008FD6; font-size: 0.85em; } ul.links li a { color: #008FD6; } ul.links li a b { color: #008fd6 !important; text-transform: uppercase; } ul.links li a:hover, ul.links li a:focus { color: #57ac42 !important; } ul.links li { display: inline-block; margin-right: 20px; } .fa-calendar, .fa-user, .fa-comments { color: #FF5454; margin-right: 5px; } .pagination__posts { margin-top: 3em; margin-right: 0; margin-left: 0; margin-bottom: 3em; text-align: center; display: block; margin-top: 3em; } .pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; padding: 0; } .pagination ul > li { display: inline; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999; cursor: default; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f6f6f6; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 8px 16px; line-height: 23px; text-decoration: none; background-color: #fff; border: 1px solid #eee; margin-left: 10px; } #blog .hr, #blog-page .hr { height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #020223, rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #020223, rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #020223, rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), #020223, rgba(0,0,0,0)); margin: 15px 0 15px; } @media(min-width:480px) and (max-width:767px){ /*ea widget for inner*/ .expert-advice-inner .container { width: 100%; } .expert-advice-inner .container { width: 100%; } .expert-advice-inner { background: #000 url(/img/expert-advice-widget-inner-pic-for-mobile.webp); height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .expert-advice-inner .expert-advice-wrapper .line { padding: 100px 20px 20px; } .expert-advice-inner .expert-advice-wrapper p.title { font-size: 33px; } .expert-advice-inner .expert-advice-wrapper p { font-size: 20px; } .expert-advice-inner .expert-advice-wrapper .caps { font-size: 49px; } .expert-advice-inner .ea-btn { margin-top: 0px; } /*ea widget for inner ends*/ #review-page #why-ks .col-xs-12.col-sm-4.col-md-3.col-lg-3{ width: 50% !important; } #review-page footer h4 { font-size: 28px; } #landing-page #our-office-carousal .carousel-inner { height: 250px !important; } } @media(min-width:0) and (max-width:767px) { .copyright p { font-size: 21px; padding: 0 30px; } footer h4 { font-size: 33px; } #landing-page #dr-name{ margin: 10px 0; } #landing-page .dr-senthil-title h1 { padding-top: 15px; font-size: 28px; } .dr-senthil-title h1 span { font-size: 26px; } #landing-page #our-office-carousal .carousel-inner { height: 170px; } .dr-senthil-title { text-align: center; border-top: 2px solid #F0B232; border-right: none; padding-right: 0; } .navbar-default .navbar-brand{ margin: 0 auto; display: block; text-align: center; float: none; } #dr-name.pull-right { float: none !important; } #header-sec h2 { text-align: center; line-height: 1.5; } .dr-senthil-title h3 { line-height: 1.5; } #main-slider .carousel-inner .carousel-content .slogans .caption form { padding: 0 5px; } #main-slider .carousel-inner .carousel-content .slogans .caption form .btn-primary { font-size: 16px; padding: 10px 20px; } .circles-quotes { margin: -12px 0 15px; } .circles-quotes p { font-size: 28px; } #review-page.For_mobile_Version footer { padding: 25px 0 0; } #review-page.For_mobile_Version footer h4 { font-size: 26px; } #review-page.For_mobile_Version .copyright p { font-size: 18px; } .our-quotes p { border-radius: 20px; line-height: 1.4; padding: 15px 8px; font-size: 20px !important; } #circle-silder { padding: 0 0 15px; } #why-ks img { margin: 0 auto 15px; } #why-ks hr.bottom-bor { width: 65%; } #why-ks p { font-size: 25px; margin: 10px 0 !important; text-align: center; } #click2call .lt img { float: none; width: 150px; margin-left: auto; margin-right: auto; } #click2call .lt h4 { text-align: center; } #click2call .lt p { text-align: center; } #click2call .lt { min-height: 515px; } #click2call #what-we { padding: 20px 15px; } #click2call .lt { border-bottom: 5px solid rgba(119, 204, 98, 0.25); border-left: medium none; margin-bottom: 20px; min-height: auto; padding: 20px; } #click2call .lt:hover, #click2call .lt:focus { border-bottom: 5px solid #77cc62; border-left: medium none; } #click2call #what-we p b { line-height: 2; display: inline-block; margin: 10px 0 0; } } @media(min-width:768px) and (max-width:991px) { #dr-name span.ea_btn { margin-right: 0px; margin-bottom: 15px; margin-top: -15px; display: block; } #expert-advice img.ea-img-responsive { width: 85rem !important; } #review-page.For_mobile_Version footer { padding: 25px 0 0; } #review-page.for-desktop #why-ks .thumbnail { margin: 15px 0; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 28px; } #review-page .our-quotes p { font-size: 25px; } .dr-senthil-title { padding-right: 15px; } .dr-senthil-title h1 { font-size: 28px; } .dr-senthil-title h1 span { font-size: 24px; } .dr-senthil-title h3 { font-size: 14px !important; margin: 15px 0 15px !important; } .navbar-header { float: left; width: 230px; } logo_image_one { width: 100%; } #main-slider .carousel-inner .carousel-content .slogans .caption form .btn-primary { font-size: 15px; padding: 10px 20px; } #main-slider .carousel-inner .carousel-content .slogans .caption form { padding: 0 10px; } #main-slider .item:nth-child(1) { background-position: calc(58%) center; background-position-x: calc(58%); background-position-y: center; } .circles-quotes { margin: -30px 0 15px; } .our-quotes p { line-height: 1.5; border-radius: 25px; padding: 15px 51px; } #main-slider .carousel-inner .carousel-content .slogans { padding: 15px 5px; } #why-ks p.p2 { margin: -10px 0; } #why-ks p.p3 { margin: 34px 0; } #content .text { margin: 35px 0; } #click2call .lt img { float: none; width: 150px; margin-left: auto; margin-right: auto; } #click2call .lt h4 { text-align: center; } #click2call .lt p { text-align: center; } #click2call .lt { min-height: 515px; } #click2call #what-we { padding: 20px 15px; } } @media(min-width:992px) and (max-width:1199px) { #review-page.For_mobile_Version footer { padding: 25px 0 0; } #review-page.for-desktop #why-ks .thumbnail { margin: 20px 5px; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 45px; } #main-slider .item:nth-child(1) { background-position: calc(61%) center; background-position-x: calc(61%); background-position-y: center; } #main-slider .carousel-inner .carousel-content .slogans .caption form { padding: 0 10px; text-align: center; } #main-slider .carousel-inner .carousel-content .slogans .caption form .btn-primary { padding: 10px 18px; font-size: 16px; } .circles-quotes { margin: -39px 0 15px; } .our-quotes p { font-size: 24px; line-height: 1.4; padding: 15px 110px; border-radius: 20px; } #why-ks p.p2 { margin: 9px 0; } #why-ks p.p3 { margin: 57px 0; } #click2call .lt { min-height: 325px; } } @media(min-width:0) and (max-width:820px) { #vc_link { bottom: 56px !important; right: 10px; } } @media(min-width:0) and (max-width:1024px) { #vc_link { bottom: 4px; right: 10px; z-index: 999999; } footer { padding: 25px 0 55px; } } @media(min-width:1200px) and (max-width:1599px) { #review-page.for-desktop #why-ks .container .col-lg-offset-1 { margin-left: 0%; } } @media(min-width:0) and (max-width:359px) { /*ea widget for inner*/ .expert-advice-inner .container { width: 100%; } .expert-advice-inner .container { width: 100%; } .expert-advice-inner { background: #000 url(/img/expert-advice-widget-inner-pic-for-mobile.webp); height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 14% 50%; } .expert-advice-inner .outer_container { background: rgb(6 6 6 / 11%); } .expert-advice-inner .expert-advice-wrapper .line { padding: 100px 0px 20px; } .expert-advice-inner .expert-advice-wrapper p.title { font-size: 29px !important; } .expert-advice-inner .expert-advice-wrapper p { font-size: 18px !important; } .expert-advice-inner span.free:before { background: #fff; width: 111%; height: 125%; left: -2px; top: -3px; } .expert-advice-inner span.free:after { width: 125%; height: 97%; left: -4px; top: 1px; } .expert-advice-inner .expert-advice-wrapper .caps { font-size: 36px !important; text-shadow: 0px 0px 1px #fff; color: #fff; } .expert-advice-inner .ea-btn { padding: 12px 18px; margin-top: 0px; font-size: 18px; } /*ea widget for inner ends*/ } @media(min-width:0) and (max-width:320px) { #main-slider .carousel-inner .carousel-content .slogans .caption form .btn-primary { font-size: 14px; padding: 10px 15px; } img.logo_image_one { width: 225px; height:auto; } .footer_text_rfvc { font-size: 16px !important; } #dr-name a.btn.btn-Request-VC { margin: auto !important; width: 100%; } #dr-name a.btn.btn-Request-VC { font-size: 15px !important; padding: 2px 0px; } #header-sec .dr-senthil-title h2 a { font-size: 18px !important; } } @media(min-width:321px) and (max-width:355px) { #dr-name a.btn.btn-Request-VC { margin: auto !important; width: 100%; } #dr-name a.btn.btn-Request-VC { font-size: 17px !important; padding: 2px 0px; } #header-sec .dr-senthil-title h2 a { font-size: 18px !important; } } @media(min-width:356px) and (max-width:419px) { #dr-name a.btn.btn-Request-VC { font-size: 19px !important; } #header-sec .dr-senthil-title h2 a { font-size: 20px !important; } } @media(min-width:0) and (max-width:479px) { /*ea widget for inner*/ .expert-advice-inner .container { width: 100%; } .expert-advice-inner .container { width: 100%; } .expert-advice-inner { background: #000 url(/img/expert-advice-widget-inner-pic-for-mobile.webp); height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 14% 50%; } .expert-advice-inner .outer_container { background: rgb(6 6 6 / 11%); } .expert-advice-inner .expert-advice-wrapper .line { padding: 100px 0px 20px; } .expert-advice-inner .expert-advice-wrapper p.title { font-size: 34px; } .expert-advice-inner .expert-advice-wrapper p { font-size: 23px; } .expert-advice-inner span.free:before { background: #fff; width: 111%; height: 125%; left: -2px; top: -3px; } .expert-advice-inner span.free:after { width: 125%; height: 97%; left: -4px; top: 1px; } .expert-advice-inner .expert-advice-wrapper .caps { font-size: 42px; text-shadow: 0px 0px 1px #fff; color: #fff; } .expert-advice-inner .ea-btn { padding: 12px 18px; margin-top: 0px; font-size: 18px; } /*ea widget for inner ends*/ #review-page.for-desktop #circle-silder { padding: 0; } #review-page.for-desktop #why-ks { padding-top: 15px !important; } #review-page.for-desktop #why-ks .thumbnail { margin: 15px; } #review-page.for-desktop .circles-quotes p { font-size: 29px; } #review-page.for-desktop .our-quotes p { font-size: 21px; } #review-page.for-desktop footer h4 { font-size: 28px; } #review-page.for-desktop .copyright p { font-size: 23px; } } @media(min-width:480px) and (max-width:767px) { #review-page.for-desktop #circle-silder { padding: 0; } #review-page.for-desktop #why-ks { padding-top: 15px !important; } #review-page.for-desktop #why-ks .col-xs-12.col-sm-4.col-md-4.col-lg-4 { width: 50%; } #review-page.for-desktop #why-ks .thumbnail { margin: 10px 0 20px; } #review-page.for-desktop .circles-quotes p { font-size: 29px; } #review-page.for-desktop .our-quotes p { font-size: 21px; } #review-page.for-desktop footer h4 { font-size: 28px; } #review-page.for-desktop .copyright p { font-size: 23px; } } @media(min-width:1200px) and (max-width:1299px) { #review-page.for-desktop #why-ks .container { width: 1170px; } #review-page.for-desktop #why-ks .container .col-lg-4 { padding: 3px; /*width: 20%;*/ width: 33.33%; } #review-page.for-desktop #why-ks .container .col-lg-offset-1 { margin-left: 10%; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 35px; } #review-page.for-desktop #why-ks .thumbnail { margin: 15px 8px; } } @media(min-width:1300px) and (max-width:1399px) { #review-page.for-desktop #why-ks .container { width: 1280px; } #review-page.for-desktop #why-ks .container .col-lg-4 { padding: 5px; /*width: 20%;*/ width: 33.33%; } #review-page.for-desktop #why-ks .container .col-lg-offset-1 { margin-left: 10%; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 35px; } #review-page.for-desktop #why-ks .thumbnail { margin: 15px 8px; } } @media(min-width:1400px) and (max-width:1499px) { #review-page.for-desktop #why-ks .container { /*width: 1380px;*/ width:1170px; } #review-page.for-desktop #why-ks .container .col-lg-4 { padding: 8px; /*width: 20%;*/ width: 33.33%; } #review-page.for-desktop #why-ks .container .col-lg-offset-1 { margin-left: 10%; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 35px; } #review-page.for-desktop #why-ks .thumbnail { margin: 15px 8px; } } @media(min-width:1500px) and (max-width:1599px) { #review-page.for-desktop #why-ks .container { /*width: 1480px;*/ width: 1170px; } #review-page.for-desktop #why-ks .container .col-lg-4 { padding: 10px; /*width: 20%;*/ width: 33.33%; } #review-page.for-desktop #why-ks .container .col-lg-offset-1 { margin-left: 10%; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 35px; } #review-page.for-desktop #why-ks .thumbnail { margin: 15px 8px; } } @media(min-width:1600px) and (max-width:1999px) { #review-page.for-desktop #why-ks .container { /*width: 1550px;*/ width:1170px; } #review-page.for-desktop #why-ks .container .col-lg-4 { /*width: 20%;*/ width: 33.33%; } #review-page.for-desktop #why-ks .container .col-lg-offset-1 { margin-left: 10%; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 35px; } #review-page.for-desktop #why-ks .thumbnail { margin: 25px 10px; } } @media(min-width:2000px) { #review-page.for-desktop #why-ks .container { /*width: 1800px;*/ width: 1170px; } #review-page.for-desktop #why-ks .container .col-lg-4 { /*width: 20%;*/ width: 33.33%; } #review-page.for-desktop #why-ks .container .col-lg-offset-1 { margin-left: 10%; } #review-page.for-desktop #why-ks .thumbnail img.qr-code { padding: 10px 35px; } #review-page.for-desktop #why-ks .thumbnail { margin: 28px 15px; } } @media(min-width:1800px) { #main-slider .item:nth-child(1) { background-position: calc(285%) center; background-position-x: calc(285%); background-position-y: center; } } #search-form form { border-left: 2px solid #bbb; color: #000000; font-family: FontAwesome; height: 30px; margin: 12px 0 12px 15px; padding-left: 45px; position: relative; } #search-form form:before { content: "\f002"; position: absolute; left: 15px; top: -2px; height: 30px; line-height: 32px; font-size: 22px; color: #666666; } #search-form input { width: 65px; margin: 0; padding: 2px 0; text-transform: none; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 25px; font-size: 18px; color: #333333; background: none; border: 0; box-shadow: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #search-form input:focus { width: 140px; /*padding: 11px 20px 11px 0;*/ color: #000; } .description { color: #00629d !important; font-size: 100%; } @media(min-width:0px) and (max-width:479px) { #search-form input { width: 107px !important; } #search-form form { margin: 30px 0 15px 15px; } #header-sec h2 { font-family: lato; margin: 0; padding: 3px 0; text-align: center; } #header-sec .dr-senthil-title h2 a { font-size: 24px; padding: 2px 20px; margin: 8px 15px 0 !important; display: block !important; } } @media(min-width:768px) and (max-width:991px) { #search-form input:focus { width: 107px !important; } #search-form form { margin: 27px 0 15px 15px; } } /*-----------------------------------------------------------------------------------*/ /* SEARCH FORM TOP ENDS /*-----------------------------------------------------------------------------------*/ @media (min-width: 1200px) { .logo_text { display: inline-block; line-height: 23px; margin-top: 11px; vertical-align: middle; font-size: 28px; } .logo_text_one { display: inline-block; line-height: 23px; margin-top: 9px; vertical-align: middle; font-size: 28px; } .minslogen { font-size: 14px; } } @media (min-width: 992px) and (max-width: 1199px) { .logo_text { display: inline-block; font-size: 24px; line-height: 22px; margin-top: 8px; vertical-align: middle; } .logo_text_one { display: inline-block; line-height: 23px; margin-top: 9px; vertical-align: middle; font-size: 24px; } .minslogen { font-size: 14px; } #circle-silder .thumbnail h3 { font-size: 20px; } #circle-silder .thumbnail p { font-size: 15px; } .navbar-brand { padding: 0; } .nav > li > a { padding: 25px 15px !important; } .navbar-nav > li > a { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px) { .minslogen { font-size: 14px; } #circle-silder .thumbnail h3 { font-size: 17px; } footer .footer-menu-h li { margin: 0 4px; } .blog_grid p { margin: 10px 0; padding-top: 0; } .blog_btn { margin-top: 0; } } .testmonial_class { padding: 20px; background: rgba(255, 84, 84, 0.31); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.47); } .testmonial_class_one { padding: 20px; background: rgba(57, 175, 234, 0.31); } .img_border { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.46); border: 3px solid rgba(255, 84, 84, 0.59); } .img_border_one { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.46); border: 3px solid rgba(57, 175, 234, 0.59); } .row_one { margin-left: 0px; margin-right: 0px; } .row_two { margin-left: -15px; margin-right: 0px; } .panel_one { background-color: rgba(255, 255, 255, 0.4); border: 5px solid #ffffff !important; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.62); } .h4_bold { font-size: 22px !important; } .hr { height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(249, 170, 11, 0.35), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(249, 170, 11, 0.35), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(249, 170, 11, 0.35), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(249, 170, 11, 0.35), rgba(0,0,0,0)); margin: 20px 0 0; } hr.divide { height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 0, 0.80), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 0, 0.80), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 0, 0.80), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0, 0, 0, 0.80), rgba(0,0,0,0)); margin: 60px 0 20px; } #captcha { width: 140px; border: #D2D2D2 3px solid; } #captcha1 { width: 140px; border: #D2D2D2 3px solid; } #captcha2 { width: 140px; border: #D2D2D2 3px solid; } .smilesBySenthil { font-family: "Dancing Script",cursive; font-size: 40px; vertical-align: text-top; } .forms { padding-left: 10px; } .forms li { list-style: outside none none; padding: 10px 0; } .forms li a { color: #1086c1; font-size: 18px; } .forms li a i { color: #f9aa0b; font-size: 28px; margin-right: 10px; vertical-align: bottom; } .forms li:hover a, .forms li:focus a { color: #e93e3e; margin-left: 10px; } .forms li:hover a i, .forms li:focus a i { color: #50aa0d; } @media (min-width: 1200px) { #main-slider .item:nth-child(1) { background-position: calc(71%) center; background-position-x: calc(71%); background-position-y: center; } } /* ADA accessibility */ .acess-container, .acess-container[data-placement-position=bottom-right] { bottom: 60px; right: 10px } #accessibility-button i, #accessibility-button.opened i { background: #777777; -webkit-transition: all .6s ease-in-out 0s; -moz-transition: all .6s ease-in-out 0s; -o-transition: all .6s ease-in-out 0s; color: #fff } #acess-icons li:last-child, #acess-icons li:nth-child(2n+2) { border-right: 1px solid rgba(0,0,0,.08) } .acess-container { display: inline-table; position: fixed; z-index: 999999; } .acess-container[data-placement-position=bottom-left] { left: 10px; bottom: 60px } .acess-container[data-placement-position=top-right] { top: 60px; right: 10px } .acess-container[data-placement-position=top-left] { top: 60px; left: 10px } #accessibility-button { position: absolute; display: inherit; right: 0; bottom: -50px; cursor: pointer } .acess-container[data-placement-position=bottom-left] #accessibility-button { left: 0; bottom: -50px } .acess-container[data-placement-position=bottom-right] #accessibility-button { right: 0; bottom: -50px } .acess-container[data-placement-position=top-right] #accessibility-button { top: -50px; right: 0 } .acess-container[data-placement-position=top-left] #accessibility-button { top: -50px; left: 0 } #accessibility-button i { font-size: 50px; line-height: 50px; width: 50px; height: 50px; text-align: center; border-radius: 50px; position: relative; box-shadow: 0 0 0 11px rgba(255,255,255,0) inset,0 0 30px -10px #000; transition: all .6s ease-in-out 0s } #accessibility-button.opened i { border-radius: 8px; box-shadow: 0 0 0 11px #fff inset,0 0 35px -10px #000; transition: all .6s ease-in-out 0s } #accessibility-button.accessibilityFeatureActivated i:after { content: ""; position: absolute; background: #5fdba7; width: 5px; height: 5px; right: 6px; top: 6px; border-radius: 50px; box-shadow: 0 0 0 3px #fff,0 0 5px 1px #5fdba7; -webkit-transition: all .6s ease-in-out 0s; -moz-transition: all .6s ease-in-out 0s; -o-transition: all .6s ease-in-out 0s; transition: all .6s ease-in-out 0s } #acess-icons { display: none; background: #fff; border: 1px solid #eaeaea; border-radius: 8px; box-shadow: 0 0 30px -10px #000; margin-bottom: 10px; -webkit-transition: display .6s ease-in-out 0s; -moz-transition: display .6s ease-in-out 0s; -o-transition: display .6s ease-in-out 0s; transition: display .6s ease-in-out 0s } .acess-container[data-placement-position=top-right] #acess-icons, .acess-container[data-placement-position=top-left] #acess-icons { margin-top: 10px } #acess-icons .accessibility-title { background: #777777; padding: 5px 15px; font-size: 18px; font-weight: 500; color: #fff; border-radius: 8px 8px 0 0; margin: 0 } #acess-icons .accessibility-title button.close { font-size: 22px; opacity: .2; color: #000 } #acess-icons .accessibility-title button.close:focus, #acess-icons .accessibility-title button.close:hover { outline: 0; opacity: .5 } #acess-icons ul { padding: 15px; margin: 0; width: 360px; display: inline-table } #acess-icons li { display: block; width: 50%; background: rgba(0,0,0,.01); color: #000; font-weight: 500; text-align: center; line-height: 30px; font-size: 18px; float: left; padding: 15px; border-top: 1px solid rgba(0,0,0,.08); border-left: 1px solid rgba(0,0,0,.08); cursor: pointer } #acess-icons li:first-child { border-radius: 4px 0 0 } #acess-icons li:nth-child(2) { border-radius: 0 4px 0 0 } #acess-icons li:last-child { width: 100%; border-bottom: 1px solid rgba(0,0,0,.08); padding: 5px; border-radius: 0 0 4px 4px } #acess-icons li:last-child i { color: #3F51B5; display: inline-block; vertical-align: initial; margin-right: 4px; font-size: 18px } #acess-icons li i { color: #3F51B5; display: block; text-align: center; height: 25px; line-height: 25px; font-size: 25px; margin: 0 auto } #acess-icons li i span { display: inline-block; margin-left: 4px } #acess-icons li i span i { font-size: 18px; line-height: 18px; height: auto } #acess-icons li:focus, #acess-icons li:hover { background: #e8e8e8; outline: rgba(255,255,255,.75) dotted 1px; outline-offset: -8px } #acess-icons li:focus i, #acess-icons li:hover i { color: #000 } #acess-icons .accessibility-footer { padding: 0 15px 15px } #acess-icons .accessibility-footer a.btn-link { padding: 0; display: block; text-align: left; color: #3F51B5; outline: 0 } #acess-icons .accessibility-footer a.btn-link:focus, #acess-icons .accessibility-footer a.btn-link:hover { color: #777777; outline: 0; text-decoration: none } .activeState { background: rgba(106,120,197,.3) !important; outline: #6a78c5 dotted 1px; outline-offset: -8px } .activeState i { color: #000 !important } #resetAll.resetAllDeactivated, #resetAll.resetAllDeactivated i { color: rgba(0,0,0,.2) !important } #resetAll.resetAllDeactivated { background: rgba(0,0,0,.01) !important; pointer-events: none; cursor: not-allowed } #resetAll.resetAllActivated { background: rgba(0,0,0,.08) !important; color: #6a78c5 !important; cursor: pointer } #resetAll.resetAllActivated:focus, #resetAll.resetAllActivated:focus i, #resetAll.resetAllActivated:hover, #resetAll.resetAllActivated:hover i { color: #000 !important } .keyboardNavActivated a:focus { outline: #c00 dashed 4px !important; outline-offset: 4px !important } .bigCursorActivated { cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==),auto !important } .darkContrastActivated { background-color: #000 !important; color: #FFF !important } .lightContrastActivated { background-color: #fff !important; color: #000 !important } .invertColorsActivated, .invertColorsActivated .acess-container { -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); filter: invert(100%) } .desaturateActivated { -webkit-filter: saturate(0); -moz-filter: saturate(0); -ms-filter: saturate(0); -o-filter: saturate(0); filter: saturate(0) } .desaturateActivated .acess-container { -webkit-filter: saturate(100%) !important; -moz-filter: saturate(100%) !important; -ms-filter: saturate(100%) !important; -o-filter: saturate(100%) !important; filter: saturate(100%) !important } .legibleFontActivated:not(i) { font-family: Arial,serif !important } .highlightLinksActivated a { text-decoration: underline !important; color: #ff0 !important; background-color: #000 !important } .currentSpeakingElement { color: #000 !important; background-color: #ff0 !important; outline: #c00 dashed 2px; outline-offset: 4px; box-shadow: 0 0 0 4px #ff0; -webkit-transition: display .6s ease-in-out 0s; -moz-transition: display .6s ease-in-out 0s; -o-transition: display .6s ease-in-out 0s; transition: display .6s ease-in-out 0s } .zoomPageActivated { zoom: 130%; -moz-transform: scale(1.3) } .readPageActivated { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAF76W4GAAAAPFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQLyYwAAAAE3RSTlMADBAYMDxIYGt3gIOPm6ezv8/v0l70agAAALtJREFUGBmtwQFOg0AUQMGHUCgI8sq//11ld6WsSUmM6QxFdEIopymECAE5jEBEqOzuLcgVIaJZlIhAhQhUQGgEVv5oVWCKBDNgiwQzKrNK4ReZFG3DPzRK5aay22LXDSZAZBZAZBZAZBbAIxILTp07MiVZlGyWbJTCmV963m5UrrSLO17qZguSj0c8NdZItjhhjSQqWCOZ4oQ1immLH3TdsHjgtOonh9tqwqlVB56aUaXSqz3XBtc7b/UNKeIU60vmhncAAAAASUVORK5CYII=),auto !important } @media(max-width:767.98px) { #accessibility-button i { font-size: 35px; line-height: 35px; width: 35px; height: 35px } #accessibility-button.opened i { box-shadow: 0 0 0 8px #fff inset,0 0 35px -10px #000 } .acess-container[data-placement-position=bottom-left], .acess-container[data-placement-position=bottom-right] { bottom: 55px } .acess-container[data-placement-position=top-right], .acess-container[data-placement-position=top-left] { top: 55px } .acess-container[data-placement-position=top-right] #acess-icons, .acess-container[data-placement-position=top-left] #acess-icons { margin-top: 0 } #acess-icons { margin-bottom: 0 } #acess-icons ul { padding: 8px; width: 250px } #acess-icons li { line-height: 18px; font-size: 13px; padding: 6px } #acess-icons li i { height: 24px; line-height: 20px; font-size: 20px } #acess-icons li i span i { font-size: 14px; line-height: 14px } #acess-icons li:focus, #acess-icons li:hover, .activeState { outline-offset: -4px } #accessibility-button.accessibilityFeatureActivated i:after { width: 4px; height: 4px; right: 4px; top: 4px; box-shadow: 0 0 0 2px #fff,0 0 5px 0 #5fdba7 } #acess-icons li:last-child i { font-size: 14px; height: auto } #acess-icons .accessibility-title { padding: 5px 8px; font-size: 15px } #acess-icons .accessibility-title button.close { font-size: 18px } #acess-icons .accessibility-footer { padding: 0 8px 8px } } @media(min-width:768px) and (max-width:991.98px) { #accessibility-button i { font-size: 37px; line-height: 37px; width: 37px; height: 37px } #accessibility-button.opened i { box-shadow: 0 0 0 8px #fff inset,0 0 35px -10px #000 } .acess-container[data-placement-position=bottom-left], .acess-container[data-placement-position=bottom-right] { bottom: 57px } .acess-container[data-placement-position=top-right], .acess-container[data-placement-position=top-left] { top: 57px } .acess-container[data-placement-position=top-right] #acess-icons, .acess-container[data-placement-position=top-left] #acess-icons { margin-top: 0 } #acess-icons { margin-bottom: 0 } #acess-icons ul { padding: 10px; width: 300px } #acess-icons li { line-height: 20px; font-size: 15px; padding: 8px } #acess-icons li i { height: 26px; line-height: 22px; font-size: 22px } #acess-icons li i span i { font-size: 16px; line-height: 16px } #acess-icons li:focus, #acess-icons li:hover, .activeState { outline-offset: -4px } #accessibility-button.accessibilityFeatureActivated i:after { width: 5px; height: 5px; right: 4px; top: 4px; box-shadow: 0 0 0 2px #fff,0 0 5px 0 #5fdba7 } #acess-icons li:last-child i { font-size: 16px; height: auto } #acess-icons .accessibility-title { padding: 5px 10px; font-size: 15px } #acess-icons .accessibility-title button.close { font-size: 18px } #acess-icons .accessibility-footer { padding: 0 10px 10px } } /*Landing Page New CSS*/ .landing-page-new .banner-content h4 { line-height: 30px; font-size: 23px; width: 80%; margin: auto; margin-top: 20px; } .landing-page-new #main-slider .carousel-inner .carousel-content .slogans { background: #ffffff; border-top: 0px solid rgba(255, 255, 255, 0.95); border-left: 1px solid rgba(255, 255, 255, 0.95); border-right: 1px solid rgba(255, 255, 255, 0.95); border-bottom: 0px solid rgba(255, 255, 255, 0.95); /* border-radius: 0 70px 70px 0 / 0 170px 170px 0; */ border-radius: 0; box-shadow: 3px 3px 10px rgba(255, 255, 255, 0.4); color: #000000; padding: 15px; margin: 0; z-index: 1; } .landing-page-new #main-slider .carousel-inner .carousel-content .slogans .caption form .form-group { margin-bottom: 8px; border-radius: 5px; background: #ffffff; } .landing-page-new .form-control { background-color: rgb(237 242 250); border: none; border: 1px solid #edf2fa; border-radius: 0; color: #000; font-weight: 500; box-shadow: 0 1px 5px #f1f1f1 inset; } .landing-page-new #main-carousal .contact-form .form-group .form-control { color: #3a3a3a; } .landing-page-new .contact-form .form-group .form-control::-moz-placeholder { color: #3a3a3a !important; font-weight: 500; } .landing-page-new .contact-form .form-group .form-control:-ms-input-placeholder { color: #3a3a3a !important; font-weight: 500; } .landing-page-new .contact-form .form-group .form-control::-webkit-input-placeholder { color: #3a3a3a !important; font-weight: 500; } .landing-page-new .p-3 { padding: 9px; } .landing-page-new .mb-3 { margin-bottom: 30px; text-align: center; } .landing-page-new .mb-2 { margin-bottom: 20px; } .landing-page-new .proceedure-box { padding: 30px 0 0; } .landing-page-new .proceedure-box p { font-size: 20px; } .landing-page-new #dr-name { margin: 4px 0; } .landing-page-new img.thumbnail { margin-bottom: 2px; } .landing-page-new .proceedure-box a{ margin-bottom: 14px; } .landing-page-new .dr-senthil-title h1 { font-weight: 700; margin-bottom: 2px !important; font-size: 30px; color: #6D6E71; } .landing-page-new .dr-senthil-title h3 { font-size: 16px !important; margin: 4px 0 8px !important; color: #7F8084; line-height: 1.5; } .landing-page-new #header-sec h2 a { font-weight: bold; font-size: 26px; padding: 2px 20px; color: #4CAF50; background: rgba(88, 89, 92, 0.05); border: 1px solid rgba(88, 89, 92, 0.05); border-radius: 70px; margin-left: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset, 0 0 1px 2px rgb(255, 255, 255) inset; } .landing-page-new #header-sec h2 a:hover { padding: 2px 20px; color: #21aa27; background: rgb(255 255 255 / 5%); box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.05) inset, 10px 20px 1px 3px rgb(255, 255, 255) inset; } .landing-page-new .reserve { margin-bottom: 10px; font-size: 14px; font-weight: 600; } .landing-page-new #header-sec h2 { font-family: lato; margin: 0; padding: 3px 0; text-align: right; font-size: 20px; color: #4CAF50; } .landing-page-new #main-slider .item:nth-child(1) { background-image: url(/img/main-slider/landing-page-bg.webp); background-position: calc(100%) center; background-position-x: calc(100%); background-position-y: center; background-size: cover; background-repeat: no-repeat; } .landing-page-new #main-slider .item:nth-child(1)::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgb(24 24 24 / 69%); } .landing-page-new #main-slider .item:nth-child(1) .content { position: relative; /* Positioning for content above the overlay */ z-index: 2; /* Ensure content is above the overlay */ } .doctor-image { max-width: 350px; display: block; margin: auto; border: 1px solid #989898; border-radius: 20px; } .text-white { color: #ffffff; } .banner-content { margin-top: 40px; padding: 40px !important; } .banner-content h4 { line-height: 24px; } .banner-content h3 { font-weight: 600; } .experience { font-weight: 600; font-size: 26px; /* border-block-end: 4px solid #000; */ border-right: 1px solid #000; line-height: 38px; } .experience-box { margin-top: 40px; display: flex; align-items: center; color: #58595c; } .experience-first { font-size: 24px; font-weight: 600; } .mt-4 { margin-top: 30px; } #beautiful-smiles b { color: #FF5454; } #beautiful-smiles { background: #ffffff; padding-bottom: 40px; } #beautiful-smiles h2 { text-align: center; font-size: 40px !important; margin-top: 40px; } #beautiful-smiles hr.bottom-bor { background: #F0B232; height: 2px; width: 25%; margin: 0 auto; border-top: none; } #beautiful-smiles h1 { color: #ffffff; font-size: 50px; margin: 0 0 20px; /*text-shadow: 1px 1px 2px #000000;*/ } #beautiful-smiles p.subLine { color: #ffffff; font-size: 24px; margin-bottom: 50px; text-shadow: 1px 1px 2px #000000; } #beautiful-smiles .btn-default { border-radius: 0; font-size: 18px !important; margin: 0 15px; padding: 8px 15px; } #beautiful-smiles .btn-default.appointment { background-color: #5c5505; background-image: none; border-color: #B4AE7A; border-radius: 0; color: #ffffff; font-size: 14px; text-shadow: none; } #beautiful-smiles .btn-default.appointment:hover { background-color: #c4c4c4; border-color: #c4c4c4; border-radius: 0; color: #000; } #beautiful-smiles .btn-default.c2c { background-color: #b4ae7a; background-image: none; border-color: #D4CD91; border-radius: 0; color: #1C1A01; font-size: 14px; text-shadow: none; } #beautiful-smiles .btn-default.c2c:hover { background-color: #c4c4c4; border-color: #c4c4c4; color: #000; } #beautiful-smiles .lt { border-left: 5px solid rgba(119, 204, 98, 0.25); padding: 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; min-height: 418px; background: rgb(240 240 240); } #beautiful-smiles .lt img { border: 5px solid #ffffff; box-shadow: 0 0 8px #d7d7d7; float: left; width: 240px; margin-right: 25px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } #beautiful-smiles .lt h4 { color: #58595c; font-size: 26px; font-weight: bold; /* text-shadow: 0 0 3px #000000; */ margin: 18px 0 20px; } #beautiful-smiles .lt h4 span { font-size: 20px; font-weight: lighter; } #beautiful-smiles .lt p { color: #000000; font-size: 18px; } #beautiful-smiles .rt { border-left: 1px solid #ffffff; padding: 20px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #beautiful-smiles .rt img { border: 2px solid #ffffff; /*border-radius: 50%;*/ box-shadow: 0 0 8px #000000; float: right; padding: 3px; width: 150px; margin-left: 30px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } #beautiful-smiles .rt h4 { color: #F9AA0B; font-size: 28px; font-weight: bold; text-shadow: 0 0 3px #000000; margin: 0 0 20px; } #beautiful-smiles .rt h4 span { font-size: 20px; font-weight: lighter; } #beautiful-smiles .rt p { color: #ffffff; font-size: 22px; } #beautiful-smiles .lt:hover { border-left: 5px solid rgba(119, 204, 98, 1); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; background-color: rgb(255 255 255 / 50%); box-shadow: 0 0 13px rgb(177 177 177 / 52%); } #beautiful-smiles .lt:hover img { border-radius: 0 25px 0 25px; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; } #beautiful-smiles .rt:hover { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; background-color: rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.52); } #beautiful-smiles .rt:hover img { border-radius: 50%; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; } #beautiful-smiles #what-we { margin: 45px 0; /*padding: 15px 0;*/ border: 1px solid #e8e8e8; border-radius: 3px; box-shadow: 0 0 25px rgba(0,0,0,0.4) inset, 0 0 10px 2px rgba(0,0,0,0.7); /*margin-bottom: 10px;*/ padding: 30px 45px; background: rgba(255,255,255,0.9); } #beautiful-smiles #what-we h2 { color: #FF5454; font-size: 35px; font-weight: bold; margin: 0 0 20px; } #beautiful-smiles #what-we p { color: #000; font-size: 18px; } #beautiful-smiles #what-we p b { background: rgba(0,0,0,0.02); padding: 5px 8px; border: 1px solid rgba(0,0,0,0.02); color: #189FE2; } #beautiful-smiles #we-offer { } #beautiful-smiles #we-offer h3 { color: #FFFFFF; font-size: 30px; font-weight: bold; /* margin: -2px 0 20px; */ text-align: center; } .landing-page-new #beautiful-smiles a.btn-link { border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important; border-left: 1px solid rgba(0, 0, 0, 0.02); border-right: 1px solid rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.02); color: #565656; font-size: 20px; /* margin: 25px 0; */ text-decoration: none; white-space: normal; font-weight: bold; background: #d2e7cd; } .landing-page-new #beautiful-smiles a.btn-link:hover { border-bottom: 2px solid #F0B232 !important; border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05); color: #f9aa0b; text-decoration: none; } .more-testimonials { display: flex; justify-content: space-between; } .why-dental-implants-img { border: 5px solid #eeeeee; } .landing-page-new #why-ks p { font-size: 20px; } .bio-section p { margin-top: 20px; } .landing-page-new .dr-senthil-title { text-align: right; border-right: 5px solid #F0B232; padding-right: 12px; margin-top: 8px; } .landing-page-new .dr-senthil-title h5 { margin-top: 4px; margin-bottom: 4px; } .landing-page-new #why-ks h2 { text-align: center; margin: 0 0 20px; font-weight: 400; color: #58595C; font-size: 36px; } .landing-page-new #content h2 { color: #000000; font-size: 25px; margin-bottom: 10px; } .landing-page-new #content p { color: #000000; font-size: 20px; line-height: 1.5; margin-bottom: 25px; text-align: left; } .landing-page-new #content .text { margin: 36px 0; } .landing-page-new #click2call #what-we p b { background: rgba(0, 0, 0, 0.02); padding: 5px 8px; border: 1px solid rgba(0, 0, 0, 0.02); color: #189FE2; font-family: sans-serif; } .landing-page-new #click2call #we-offer h3 { color: #000000; font-size: 30px; font-weight: bold; /* margin: -2px 0 20px; */ text-align: center; } .landing-page-new .faq-box { border-top: 3px solid #ffffff; padding: 20px; margin-top: 8px; background: #ffffff4d; font-size: 18px; border-radius: 0 0 25px 25px; box-shadow: 4px 7px 6px #d2e0f7; } .landing-page-new .proud-member { display: flex; align-items: center; justify-content: center; } .landing-page-new .proud-member h4 { font-size: 24px; font-weight: 600; } .landing-page-new .what-we-do { border: 1px solid #e8e8e8; padding: 30px 0; background: rgb(237 242 250); text-align: center; } .landing-page-new .what-we-do h2 { color: #FF5454; font-size: 35px; font-weight: bold; margin: 0 0 20px; } .landing-page-new .what-we-do p { color: #000; font-size: 24px; } .landing-page-new .what-we-do p b { font-family: sans-serif; background: rgba(0, 0, 0, 0.02); padding: 5px 8px; border: 1px solid rgba(0, 0, 0, 0.02); color: #189FE2; } .landing-page-new .experience-boxes { text-align: center; } .landing-page-new .what-we-do h3 { color: #FFFFFF; font-size: 30px; font-weight: bold; /* margin: -2px 0 20px; */ text-align: center; } .landing-page-new .banner-content h3 { font-weight: 600; font-size: 30px; } .landing-page-new #why-ks { padding: 35px 0; background: rgb(255 255 255); } .landing-page-new #circle-silder { background: rgb(255 255 255 / 98%); padding: 0 0 40px; } .landing-page-new #content { background-color: rgb(250 250 250); padding: 30px 0; } .landing-page-new #click2call_layer { background: #014567; } .landing-page-new #click2call { background: #e2ecfd; background-size: cover; padding: 20px 0 50px; text-align: center; } .landing-page-new #click2call #what-we { margin: 45px 0; /* padding: 15px 0; */ border: 3px #91a3c3 dashed; border-radius: 3px; box-shadow: 0 0 25px rgb(0 0 0 / 5%) inset, 0 0 10px 2px rgb(0 0 0 / 24%); /* margin-bottom: 10px; */ padding: 30px 45px; background: rgba(255, 255, 255, 0.9); } .landing-page-new footer { background-color: rgb(5 11 45); padding: 25px 0 50px; font-size: 15px; text-align: center; } .landing-page-new .reviews { background: #f8f9fa; padding: 40px 0; } .landing-page-new .copyright { background: none !important; border-top: 1px solid rgba(0, 0, 0, 0.7); margin-top: 0; padding: 10px 0 10px 0; text-align: center; color: #fff; } .landing-page-new .submitBtn { background-color: #F9AA0B !important; background-image: none; border: 1px solid #fff; color: #ffffff !important; font-weight: bold; text-transform: uppercase; text-shadow: none; padding: 10px 21px !important; border-radius: 30px; font-size: 19px; } .landing-page-new .submitBtn:hover { background-color: #ffb623 !important; background-image: none; border: 1px solid #fff; color: #fff !important; font-weight: bold; text-transform: uppercase; text-shadow: none; padding: 10px 21px; border-radius: 30px; font-size: 19px; box-shadow: 0px 0px 4px 1px #cbcbcb; -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .landing-page-new .title-width { width: 80%; text-align: center !important; display: inline-block; } .landing-page-new hr.bottom-bor { background: #F0B232; height: 2px; width: 25%; margin: 0 auto; border-top: none; } .footer-new .slogans { background: #ffffff; border-top: 0px solid rgba(255, 255, 255, 0.95); border-left: 1px solid rgba(255, 255, 255, 0.95); border-right: 1px solid rgba(255, 255, 255, 0.95); border-bottom: 0px solid rgba(255, 255, 255, 0.95); /* border-radius: 0 70px 70px 0 / 0 170px 170px 0; */ border-radius: 0; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.4); color: #000000; padding: 15px; margin: 0; z-index: 1; } .footer-new .slogans .caption form { padding: 0 20px; text-align: center; } .landing-page-new #recaptcha3 > div { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; margin: auto; display: inline-block; } .landing-page-new #contact { /* background: url(/img/map.jpg) no-repeat fixed center center rgba(0, 0, 0, 0); */ background-size: cover; padding: 45px 0; background: #edf2fa; } .landing-page-new #contact .green { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; padding: 15px; background: #ffffff; margin-bottom: 20px; } .landing-page-new #contact .red { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; margin: 0; padding: 0; } .landing-page-new #contact .yellow { -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; margin: 0; padding: 0; } .landing-page-new #contact .footerSecHeader { font-size: 20px; text-align: center; font-weight: 600; margin-top: 8px; } .landing-page-new #contact .caption table { color: #404040; font-size: 16px; font-weight: 600; } .expert-advice { background: #a0a1a3 url(/img/expert-advice-widget-home-page.jpg); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .expert-advice .expert-advice-wrapper .line { background-position-x: right; background-repeat: no-repeat; padding: 90px 30px; position: relative } .expert-advice .expert-advice-wrapper .line:before { display: none } .expert-advice .expert-advice-wrapper .line:after { display: none } .expert-advice .expert-advice-wrapper p.title { font-size: 50px; font-weight: 900; color: #000; margin-top: 70px; margin-bottom: 40px; text-align: left; font-family: Montserrat-Bold } .expert-advice .expert-advice-wrapper p { color: #fff; font-size: 36px; text-align: end } .expert-advice .expert-advice-wrapper p { color: #000; font-size: 32px; text-align: left; margin-top: -14px; font-weight: 300; font-family: Montserrat-Regular } .expert-advice .expert-advice-wrapper p strong { font-weight: 400; font-family: Montserrat-semibold } .expert-advice .expert-advice-wrapper .caps { color: #000; font-size: 33px; text-transform: uppercase; margin-top: 10px; font-weight: 400 } .ea-btn { padding: 10px 16px; background: none repeat scroll 0 0 #ffc756; border: 1px solid #ffc461; color: #f64350; float: left; font-size: 18px; margin: 10px 15px 10px 0; background-image: none; background-repeat: repeat-x; color: #000000; text-shadow: none; border-radius: 0; position: relative; z-index: 20; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; font-weight: 800; border-radius: 5px } .ea-btn:hover { background-color: #ff7e88; color: #000; border: 1px solid #ff6e78; } a.ea-btn.know_more { background: #ffaaaa; color: #000; border: 1px solid #ff9090; } a.ea-btn.know_more:hover { background: none repeat scroll 0 0 #9bff83; border: 1px solid #80ff61; } .expert-advice .expert-advice-wrapper p.vc { font-weight: 400; font-family: Montserrat-Semibold } /* Proceed */ #eaproceed { position: relative } .expert-advice-proceed { background: #a0a1a3 url(/img/proceed/proceed-banner-ig.webp); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-position: 50% 50% } .expert-advice-proceed .expert-advice-wrapper .line { background-position-x: right; background-repeat: no-repeat; padding: 90px 30px; position: relative } .expert-advice-proceed .expert-advice-wrapper .line:before { display: none } .expert-advice-proceed .expert-advice-wrapper .line:after { display: none } .expert-advice-proceed .expert-advice-wrapper p.title { font-size: 64px; font-weight: 900; color: #1b6281; /* margin-top: 100px; */ margin-bottom: -14px; text-align: left; font-family: 'Sofia', cursive; } .expert-advice-proceed .expert-advice-wrapper p.dentalPlane { font-size: 48px; font-weight: 600; color: #717273; margin-top: 0px; margin-bottom: 25px; text-align: left; font-family: Raleway; } .expert-advice-proceed .expert-advice-wrapper p { color: #fff; font-size: 36px; text-align: end } .expert-advice-proceed .expert-advice-wrapper p { color: #000; font-size: 20px; text-align: left; margin-top: -14px; font-weight: 300; font-family: Montserrat-Regular; max-width: 596px; } .expert-advice-proceed .expert-advice-wrapper p strong { font-weight: 400; font-family: Montserrat-semibold } .expert-advice-proceed .expert-advice-wrapper .caps { color: #000; font-size: 33px; text-transform: uppercase; margin-top: 10px; font-weight: 400 } .ea-btn { padding: 10px 16px; background: none repeat scroll 0 0 #ffc756; border: 1px solid #ffc461; color: #f64350; float: left; font-size: 18px; margin: 10px 15px 10px 0; background-image: none; background-repeat: repeat-x; color: #000000; text-shadow: none; border-radius: 0; position: relative; z-index: 20; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; font-weight: 800; border-radius: 5px } .ea-btn:hover { background-color: #ff7e88; color: #000; border: 1px solid #ff6e78; } a.ea-btn.know_more { background: #ffaaaa; color: #000; border: 1px solid #ff9090; } a.ea-btn.know_more:hover { background: none repeat scroll 0 0 #9bff83; border: 1px solid #80ff61; } .expert-advice-proceed .expert-advice-wrapper p.vc { font-weight: 400; font-family: Montserrat-Semibold } /* inhouse dental plan */ .proceed { font-family: 'Sofia', cursive; font-weight: 900; font-size: 36px; color: #1b6281; } .brand { font-family: 'Sofia', cursive; font-weight: 900; font-size: 54px; color: #1b6281; } .brandtop { font-family: 'Sofia', cursive; font-weight: 900; font-size: 36px; } .brandsm { font-family: 'Sofia', cursive; font-weight: 900; font-size: 26px; color: #1b6281; } .dsplan { font-family: Raleway; font-weight: 600; color: #717273; font-size: 19px; } .dsplantbl { font-family: Raleway; font-weight: 600; color: #717273; } .dsplantop { font-family: Raleway; font-weight: 600; } #proceedPlan { padding: 0 20px; font-size: 18px; } #key-ks { padding: 50px 0 80px 0; } #key-proceedPlan p { font-family: "Open Sans",sans-serif; font-size: 18px; font-weight: 400; text-align: justify; margin: 0 0 20px 0; } #key-proceedPlan h2 { text-align: center; margin: 25px 0 25px 0; font-weight: 600; color: #ff5454; font-size: 36px; } #key-proceedPlan h1 b { color: #58595C; } #key-proceedPlan ul li { font-weight: 400; font-size: 18px; font-family: "Open Sans",sans-serif; line-height: 1.45; } #key-proceedPlan .key-ks-wrapper { border-radius: 20px; margin-top: 20px; } #key-proceedPlan .benefits { background-color: #f2b5182e; padding: 25px 40px; height: 85vh; border-start-start-radius: 30px; border-end-start-radius: 30px; overflow: auto; } #key-proceedPlan .benefits-img { background-image: url(/img/main-slider/benefits-img.webp); background-repeat: no-repeat; background-size: cover; height: 85vh; border-start-end-radius: 30px; border-end-end-radius: 30px; background-position: center; } #key-proceedPlan .btn-default { /*float: left;*/ font-size: 16px; padding: 15px 30px; margin: 10px 0 0 0; background-image: none; background-repeat: repeat-x; color: #000; text-shadow: none; border-radius: 0; /*position: relative;*/ z-index: 20; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; font-weight: 800; border-radius: 5px } #key-proceedPlan .btn-default:hover { background-color: #ff5454; border: 2px solid #ccc0; background-repeat: repeat-x; color: #fff; text-shadow: none } #key-proceedPlan .btn-enrolltoday { background: none repeat scroll 0 0 #ffce6d; border: 2px solid #ffb83d; width: 200px; margin-top: 20px; } #rules-ks { padding: 50px 0 80px 0; } #rules-ks p { font-family: "Open Sans",sans-serif; font-size: 18px; font-weight: 400; text-align: justify; margin: 0 0 20px 0; } #rules-ks h2 { text-align: center; margin: 25px 0 25px 0; font-weight: 600; color: #ff5454; font-size: 36px; } #rules-ks ul li { font-weight: 400; font-size: 18px; font-family: "Open Sans",sans-serif; line-height: 1.45; margin-bottom: 5px; } /* Proceed */ @media screen and (max-height: 575px) { .landing-page-new #rc-imageselect, .landing-page-new .g-recaptcha { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } } .footer-menu { padding: 20px 0; background: #d8e4f7; } .landing-page-new .footer-menu .footer-menu-h { color: #505050; display: block; margin: 0; padding: 30px 0; } .landing-page-new .footer-menu .footer-menu-h li { display: inline-block; margin: 0 8px; } .landing-page-new #reviews h2 { color: #000000; font-size: 40px !important; margin-bottom: 10px; text-align: center; font-weight: 600; } .landing-page-new #reviews hr.bottom-bor { margin-bottom: 10px; } .landing-page-new .why-dentsl-implants-img { margin-top: 26px; } #reviewWidget { overscroll-behavior: none; } .landing-page-new .modal-header .close { margin-top: -20px; font-size: 40px; padding-top: 2px; } #appointment { padding-bottom: 150px; } .treatment-case { margin-bottom: 20px; } @media(min-width:1199.98px) { .faq-box { min-height: 370px; } .landing-page-new .second { min-height: 544px !important; } .landing-page-new .third { min-height: 476px !important; } #proceedModal { padding-bottom: 80px; } } @media(min-width:992.98px) and (max-width:1199.98px) { .expert-advice-proceed .expert-advice-wrapper p { max-width: 500px !important; } .landing-page-new .doctor-image { max-width: 310px; } .landing-page-new .banner-content h3 { font-size: 24px; } .experience-first { font-size: 22px; } .landing-page-new .experience-text { font-size: 14px; font-weight: 600; } .landing-page-new .experience { font-size: 28px; } .landing-page-new #beautiful-smiles .lt { min-height: 288px; margin-bottom: 12px; } .landing-page-new #content h2 { font-size: 36px !important; } .landing-page-new #why-ks h2 { font-size: 30px; } .footer-new .slogans { margin: auto; width: 528px; margin-top: 40px; } .landing-page-new footer { padding: 25px 0 90px; } .footer-box { width: 80%; margin: auto; } } @media(min-width:768px) and (max-width:991.98px) { .experience-text { font-size: 14px; } .experience-first { font-size: 22px; font-weight: 600; } .expert-advice-proceed .expert-advice-wrapper p { max-width: 400px !important; } .expert-advice-proceed .expert-advice-wrapper p.dentalPlane { font-size: 40px; } .landing-page-new .doctor-image { max-width: 280px; } .landing-page-new .banner-content h3 { font-size: 20px; } .landing-page-new #beautiful-smiles .lt { min-height: 288px; margin-bottom: 12px; } .landing-page-new .sub-page-image { width: 500px; margin: auto; margin-bottom: 31px; } .landing-page-new #why-ks p { text-align: center; } .landing-page-new .offer-img { margin-bottom: 12px !important; } #box { width: 366px; margin: auto; } .landing-page-new #content p { text-align: center; } .footer-new .slogans { margin: auto; width: 528px; margin-top: 40px; } .landing-page-new #why-dental-implants #box { width: 552px !important; margin: auto; } .landing-page-new #why-ks .mb-3 { margin-bottom: 30px; text-align: center; font-size: 22px; } } @media(min-width:480px) and (max-width:767.98px) { #key-proceedPlan .benefits { padding: 25px 20px; height: auto; overflow: auto; border-radius: initial; } #key-proceedPlan { padding-bottom: 80px; } #key-proceedPlan p { font-size: 16px; text-align: center; margin: 0 0 20px 0; } #key-proceedPlan ul li { font-size: 18px; } #proceedPlan p { font-size: 18px; } .dsplantbl { font-size: 28px; } .expert-advice-proceed .outer_container { background: rgb(255 255 255 / 72%); } .expert-advice-proceed .expert-advice-wrapper p.dentalPlane { font-size: 40px; } .landing-page-new #beautiful-smiles a.btn-link { font-size: 16px; } .landing-page-new #why-ks p { font-size: 18px; } .experience-box { display: block; } .experience-first { text-align: center; } .experience-text { text-align: center; } .experience-boxes { padding: 20px; background: #f3f6fa; border: 1px solid #ffffff; } .landing-page-new .dr-senthil-title { text-align: center; border-right: none; padding-right: unset; margin-top: 8px; } .landing-page-new .dr-senthil-title h3 { font-size: 13px !important; margin: 4px 0 8px !important; color: #7F8084; line-height: 1.5; } .landing-page-new #header-sec h2 { font-family: lato; margin: 0; padding: 3px 0; text-align: center; font-size: 20px; color: #4CAF50; } .landing-page-new .banner-content h3 { font-weight: 600; font-size: 26px; } #main-carousal .g-recaptcha > div { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } .landing-page-new #beautiful-smiles h2 { text-align: center; font-size: 34px !important; margin-top: 40px; } .landing-page-new #beautiful-smiles .lt img { border: none; box-shadow: 0 0 8px #d7d7d7; float: none; width: 100%; padding: 40px; margin-bottom: 20px; margin-right: 25px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .landing-page-new #beautiful-smiles .lt { border-left: 0; padding: 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; min-height: 390px; background: rgb(240 240 240); margin-bottom: 16px; text-align: center; } .landing-page-new .more-testimonials { display: block; } #beautiful-smiles a.btn-link { border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important; border-left: 1px solid rgba(0, 0, 0, 0.02); border-right: 1px solid rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.02); color: #FF5454; font-size: 20px; /* margin: 25px 0; */ text-decoration: none; white-space: normal; font-weight: bold; margin: auto; width: auto; display: table; } .landing-page-new .submitBtn { background-color: #F9AA0B !important; background-image: none; border: 1px solid #fff; color: #ffffff !important; font-weight: bold; text-transform: uppercase; text-shadow: none; padding: 10px 21px !important; border-radius: 30px; font-size: 19px; float: none !important; display: table; margin: auto; margin-top: 14px; } .landing-page-new #content h2 { color: #000000; font-size: 26px !important; text-align: center; margin-bottom: 25px; } .landing-page-new #content p { color: #000000; font-size: 18px; line-height: 1.5; margin-bottom: 25px; text-align: center; } .landing-page-new #why-ks h2 { text-align: center; margin: 0 0 20px; font-weight: 400; color: #58595C; font-size: 24px; } .landing-page-new #why-ks .mb-3 { margin-bottom: 30px; text-align: center; font-size: 22px; } .landing-page-new .what-we-do h2 { color: #FF5454; font-size: 26px; font-weight: bold; margin: 0 0 20px; } .landing-page-new #reviews h2 { color: #000000; font-size: 30px !important; margin-bottom: 10px; text-align: center; font-weight: 600; } .landing-page-new #click2call #what-we h2 { color: #FF5454; font-size: 26px; font-weight: bold; margin: 0 0 20px; } .footer-box { width: 80%; margin: auto; margin-bottom: 14px; } .experience-first { font-size: 20px; font-weight: 600; } } @media(min-width:300px) and (max-width:479.98px) { #key-proceedPlan .benefits { padding: 25px 20px; height: auto; overflow: auto; border-radius: initial; } #key-proceedPlan { padding-bottom: 80px; } #key-proceedPlan p { font-size: 16px; text-align: center; margin: 0 0 20px 0; } #key-proceedPlan ul li { font-size: 18px; } #proceedPlan p { font-size: 18px; } .dsplantbl { font-size: 28px; } .expert-advice-proceed .outer_container { background: rgb(255 255 255 / 72%); } .expert-advice-proceed .expert-advice-wrapper p.dentalPlane { font-size: 24px; } .landing-page-new #beautiful-smiles a.btn-link { font-size: 16px; } .landing-page-new #why-ks p { font-size: 18px; } .landing-page-new .doctor-image { max-width: 242px; } .landing-page-new .dr-senthil-title h1 { padding-top: 15px; font-size: 20px !important; } .landing-page-new .dr-senthil-title h1 span { font-size: 20px; } .experience-box { display: block; } #header-sec .dr-senthil-title h2 a { font-size: 30px !important; } .experience-first { font-size: 16px; font-weight: 600; text-align: center; padding-top: 18px; } .experience-text { font-size: 18px; text-align: center; min-height: 48px; } .experience-boxes { padding: 20px; background: #f3f6fa; border: 1px solid #ffffff; } .landing-page-new .dr-senthil-title { text-align: center; border-right: none; padding-right: unset; margin-top: 8px; } .landing-page-new .dr-senthil-title h3 { font-size: 12px !important; margin: 4px 0 8px !important; color: #7F8084; line-height: 1.5; } .landing-page-new #header-sec h2 { font-family: lato; margin: 0; padding: 3px 0; text-align: center; font-size: 26px; color: #4CAF50; } .landing-page-new .banner-content h3 { font-weight: 600; font-size: 22px; } .landing-page-new .banner-content h4 { line-height: 20px; font-size: 15px; } .landing-page-new #main-slider .carousel-inner .carousel-content .slogans .caption h3 { font-weight: bold; font-size: 20px; } .landing-page-new #main-carousal .g-recaptcha > div { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; } .landing-page-new #recaptcha3 > div { -webkit-transform: scale(0.80) !important; -moz-transform: scale(0.80) !important; -ms-transform: scale(0.80) !important; -o-transform: scale(0.80) !important; transform: scale(0.80) !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; width: auto; height: auto; margin: auto; display: inline-block; } .landing-page-new .footer-menu .footer-menu-h li { display: inline-block; margin: 0 1px; } .landing-page-new #beautiful-smiles h2 { text-align: center; font-size: 24px !important; margin-top: 40px; } .landing-page-new .footer-menu .footer-menu-h { color: #505050; display: block; margin: 0; padding: 8px 0; font-size: 14px; } .landing-page-new #beautiful-smiles .lt img { border: none; box-shadow: 0 0 8px #d7d7d7; float: none; width: 100%; padding: 40px; margin-bottom: 20px; margin-right: 25px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .landing-page-new #contact h3 { color: #000000; font-size: 20px; margin: 0 0 8px; } .landing-page-new #beautiful-smiles .lt { border-left: 0; padding: 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; min-height: 390px; background: rgb(240 240 240); margin-bottom: 16px; text-align: center; } .landing-page-new .more-testimonials { display: block; } #beautiful-smiles a.btn-link { border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important; border-left: 1px solid rgba(0, 0, 0, 0.02); border-right: 1px solid rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.02); color: #FF5454; font-size: 20px; /* margin: 25px 0; */ text-decoration: none; white-space: normal; font-weight: bold; margin: auto; width: auto; display: table; } .landing-page-new .copyright { background: none !important; border-top: 1px solid rgba(0, 0, 0, 0.7); margin-top: 0; padding: 10px 0 30px 0; text-align: center; color: #fff; } .landing-page-new .submitBtn { background-color: #F9AA0B !important; background-image: none; border: 1px solid #fff; color: #ffffff !important; font-weight: bold; text-transform: uppercase; text-shadow: none; padding: 10px 21px !important; border-radius: 30px; font-size: 14px; float: none !important; display: table; margin: auto; margin-top: 40px; } .landing-page-new .footer-new .slogans .caption form { padding: 0 0px; text-align: center; } .landing-page-new #content h2 { color: #000000; font-size: 26px !important; text-align: center; margin-bottom: 25px; } .landing-page-new .proud-member { display: block; align-items: center; justify-content: center; text-align: center; } .landing-page-new #click2call #what-we { margin: 0px 0; /* padding: 15px 0; */ border: 3px #91a3c3 dashed; border-radius: 3px; box-shadow: 0 0 25px rgb(0 0 0 / 5%) inset, 0 0 10px 2px rgb(0 0 0 / 24%); /* margin-bottom: 10px; */ padding: 30px 2px; background: rgba(255, 255, 255, 0.9); } .landing-page-new #content p { color: #000000; font-size: 20px; line-height: 1.5; margin-bottom: 25px; text-align: center; } .landing-page-new #why-ks h2 { text-align: center; margin: 0 0 20px; font-weight: 400; color: #58595C; font-size: 24px; } .landing-page-new #why-ks .mb-3 { margin-bottom: 30px; text-align: center; font-size: 22px; } .landing-page-new .what-we-do h2 { color: #FF5454; font-size: 26px; font-weight: bold; margin: 0 0 20px; } .landing-page-new #reviews h2 { color: #000000; font-size: 30px !important; margin-bottom: 10px; text-align: center; font-weight: 600; } .landing-page-new #click2call #what-we h2 { color: #FF5454; font-size: 26px; font-weight: bold; margin: 0 0 20px; } .footer-box { width: 80%; margin: auto; margin-bottom: 14px; } } /* Testimonials*/ .landing-page-new .contact-form .form-group select.form-control { color: #5f5f5f !important; font-weight: 400; } .landing-page-new .what-we-do h2 { color: #4d4d4d; font-size: 35px; font-weight: bold; margin: 0 0 20px; } .landing-page-new #click2call #what-we h2 { color: #4d4d4d; font-size: 35px; font-weight: bold; margin: 0 0 20px; } .landing-page-new #content b, #content strong { color: #4d4d4d; } #testimonials .testimonials-div { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px dotted rgba(242,104,106,.25) } #testimonials .testimonials-thumb { padding-top: 20px } #testimonials .testimonials-thumb img { border-radius: 4px; max-width: 100px; } #testimonials .testimonials-quotes { position: relative; background: #feffff; border: 2px solid rgba(57,175,234,.23); padding: 20px; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 15px rgba(0,0,0,.1); min-height: 150px } #testimonials .testimonials-quotes:after, #testimonials .testimonials-quotes:before { right: 100%; top: 65px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } #testimonials .testimonials-quotes:after { border-color: rgba(136,183,213,0); border-right-color: #feffff; border-width: 15px; margin-top: -15px } #testimonials .testimonials-quotes:before { border-color: rgba(194,225,245,0); border-right-color: #d1edfa; border-width: 18px; margin-top: -18px } .testimonial_star { color: #f1b519; font-size: 30px; margin-left: 8px } #testimonials .author-sec { border-bottom: 1px dotted rgba(119, 204, 98, .5); } #testimonials .testimonials-quotes h4.testimonials-author { font-size: 18px; color: #1086c1; font-weight: 600; margin: 0 0 -12px; padding-bottom: 16px; } #testimonials .testimonials-quotes h4.testimonials-author span { border-left: 2px solid #77cc62; color: #1086c1; font-size: 15px; font-weight: 400; margin-left: 10px; padding-left: 10px; display: none } #testimonials .testimonials-quotes p { padding: 14px 0px 6px 23px; margin: 0; font-family: Satisfy, cursive; font-size: 22px; line-height: 1.3; color: #636363; } #testimonials .testimonials-quotes p:before { content: "“"; font-family: myriad-set-pro-400,Helvetica,Arial,Verdana,sans-serif; font-size: 70px; font-weight: 400; left: 13px; opacity: .3; position: absolute; top: 57px; line-height: 1 } .rstar-ratings { margin-right: 50%; margin-bottom: 5px; } .tsc_ribbon_wrap { background-color: #fff; position: relative; text-align: center; top: -67px; left: 20px } .tsc_ribbon_wrap > div { margin-bottom: 40px } .tsc_ribbon_wrap > div:last-of-type { margin-bottom: 0 } .tsc_ribbon_wrap:after, .tsc_ribbon_wrap:before { content: ""; display: table } .tsc_ribbon_wrap:after { clear: both } .tsc_ribbon_wrap .ribbon-wrap { color: #fff; position: absolute; text-align: center; z-index: 0 } .tsc_ribbon_wrap .ribbon-wrap > span { display: block; height: 100%; position: relative } .tsc_ribbon_wrap .ribbon-wrap > span:after, .tsc_ribbon_wrap .ribbon-wrap > span:before { content: ""; position: absolute; z-index: -1 } .tsc_ribbon_wrap .ribbon-wrap:after, .tsc_ribbon_wrap .ribbon-wrap:before { content: ""; position: absolute; z-index: -2 } .tsc_ribbon_wrap.edge { position: relative } .tsc_ribbon_wrap .left-edge.point { border-radius: 5px 0 0 0; box-shadow: 0 1px 2px rgba(0,0,0,.5); height: 40px; left: -5px; line-height: 40px; top: 20px; width: 120px } .tsc_ribbon_wrap.ie8 .left-edge.point { box-shadow: 0 1px 2px rgba(0,0,0,.5); left: 0 } .tsc_ribbon_wrap .left-edge.point > span { border-radius: 5px 0 0 0 } .tsc_ribbon_wrap .left-edge.point:before { border-color: transparent; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 5px; bottom: -5px; left: 0; transform: rotate(-45deg) } .tsc_ribbon_wrap .left-edge.point:after { box-shadow: 1px 1px 2px rgba(0,0,0,.5); height: 28px; margin-top: -14px; right: -14px; top: 50%; transform: rotate(45deg); transform-origin: center center 0; width: 28px } .tsc_ribbon_wrap.ie8 .left-edge.point:after, .tsc_ribbon_wrap.ie8 .left-edge.point:before { border-radius: 0 0 0 0; display: none } .tsc_ribbon_wrap .right-edge.point { border-radius: 0 5px 0 0; box-shadow: 0 1px 2px rgba(0,0,0,.5); height: 40px; line-height: 40px; right: -5px; top: 20px; width: 120px } .tsc_ribbon_wrap.ie8 .right-edge.point { box-shadow: 0 1px 2px rgba(0,0,0,.5); right: 0 } .tsc_ribbon_wrap .right-edge.point > span { border-radius: 0 5px 0 0 } .tsc_ribbon_wrap .right-edge.point:before { border-color: transparent; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 4px; bottom: -5px; right: 0; transform: rotate(45deg) } .tsc_ribbon_wrap .right-edge.point:after { box-shadow: 1px 1px 2px rgba(0,0,0,.5); height: 28px; left: -14px; margin-top: -14px; top: 50%; transform: rotate(45deg); transform-origin: center center 0; width: 28px } .tsc_ribbon_wrap.ie8 .right-edge.point:after, .tsc_ribbon_wrap.ie8 .right-edge.point:before { border-radius: 0 0 0 0; display: none } .tsc_ribbon_wrap .left-edge.fork { border-radius: 5px 0 0 0; box-shadow: 0 1px 2px rgba(0,0,0,.3); height: 40px; left: -5px; line-height: 40px; top: 20px; width: 120px } .tsc_ribbon_wrap.ie8 .left-edge.fork { border-radius: 0 0 0 0; box-shadow: none !important; left: 0 } .tsc_ribbon_wrap .left-edge.fork > span { border-radius: 5px 0 0 0 } .tsc_ribbon_wrap .left-edge.fork > span:before { border-color: transparent; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 5px; bottom: -5px; left: 0; transform: rotate(-45deg) } .tsc_ribbon_wrap.ie8 .left-edge.fork > span:before { display: none } .tsc_ribbon_wrap .left-edge.fork > span:after { border-style: solid; border-width: 20px; right: -20px; top: 0 } .tsc_ribbon_wrap .left-edge.fork:before { background: none repeat scroll 0 0 #666; bottom: 5px; box-shadow: 25px 8px 4px rgba(0,0,0,.5); height: 20px; right: 22px; transform: rotate(-22deg) skew(18deg,28deg); width: 80px } .tsc_ribbon_wrap .left-edge.fork:after { background: none repeat scroll 0 0 #666; box-shadow: 20px -5px 4px rgba(0,0,0,.5); height: 20px; right: 22px; top: 5px; transform: rotate(32deg) skew(-18deg,-28deg); width: 80px } .tsc_ribbon_wrap.ie8 .left-edge.fork:after, .tsc_ribbon_wrap.ie8 .left-edge.fork:before { display: none } .tsc_ribbon_wrap .right-edge.fork { border-radius: 0 5px 0 0; box-shadow: 0 0 0 rgba(0,0,0,.3); height: 36px; line-height: 36px; right: -7px; top: 22px; width: 90px } .tsc_ribbon_wrap.ie8 .right-edge.fork { border-radius: 0 0 0 0; box-shadow: none !important; right: 0 } .tsc_ribbon_wrap .right-edge.fork > span { border-radius: 0 5px 0 0 } .tsc_ribbon_wrap .right-edge.fork > span:before { border-color: transparent; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 5px; bottom: -5px; right: 0; transform: rotate(45deg) } .tsc_ribbon_wrap.ie8 .right-edge.fork > span:before { display: none } .tsc_ribbon_wrap .right-edge.fork > span:after { border-style: solid; border-width: 18px; left: -19px; top: 0 } .tsc_ribbon_wrap .right-edge.fork:before { background: none repeat scroll 0 0 #666; bottom: 7px; box-shadow: -25px 8px 4px rgba(0,0,0,.5); height: 18px; left: 28px; transform: rotate(22deg) skew(-18deg,-28deg); width: 51px } .tsc_ribbon_wrap .right-edge.fork:after { background: none repeat scroll 0 0 #666; box-shadow: -20px -5px 4px rgba(0,0,0,.5); height: 20px; left: 19px; top: 3px; transform: rotate(-32deg) skew(18deg,28deg); width: 34px } .tsc_ribbon_wrap.ie8 .right-edge.fork:after, .tsc_ribbon_wrap.ie8 .right-edge.fork:before { display: none } .tsc_ribbon_wrap .lblue.left-corner > span:after, .tsc_ribbon_wrap .lblue.left-corner > span:before, .tsc_ribbon_wrap .lblue.right-corner > span, .tsc_ribbon_wrap .lblue.right-corner > span:after, .tsc_ribbon_wrap .lblue.right-corner > span:before, .tsc_ribbon_wrap .lblue > span, .tsc_ribbon_wrap.ie8 .lblue { background-color: #42a5d4 } .tsc_ribbon_wrap .lblue.left-corner:before { border-bottom-color: #174c66; border-left-color: #174c66 } .tsc_ribbon_wrap .lblue.left-corner:after { border-right-color: #174c66; border-top-color: #174c66 } .tsc_ribbon_wrap .lblue.right-corner:before { border-left-color: #174c66; border-top-color: #174c66 } .tsc_ribbon_wrap .lblue.right-corner:after { border-bottom-color: #174c66; border-right-color: #174c66 } .tsc_ribbon_wrap .lblue.left-edge.point:after, .tsc_ribbon_wrap .lblue.right-edge.point:after { background-color: #42a5d4 } .tsc_ribbon_wrap .lblue.left-edge:before { border-left-color: #174c66; border-top-color: #174c66 } .tsc_ribbon_wrap .lblue.right-edge:before { border-right-color: #174c66; border-top-color: #174c66 } .tsc_ribbon_wrap .lblue.left-edge.fork > span { background-color: #42a5d4; background-image: -moz-linear-gradient(left center,#42a5d4 0,#42a5d4 5px,#24769d 15%,#24769d 65%,#42a5d4 100%) } .tsc_ribbon_wrap .lblue.left-edge.fork > span:after { border-color: #42a5d4 transparent #42a5d4 #42a5d4 } .tsc_ribbon_wrap .lblue.left-edge.fork > span:before { border-left-color: #174c66; border-top-color: #174c66 } .tsc_ribbon_wrap .lblue.right-edge.fork > span { background-color: #f1b519; color: #d14307; font-weight: 700 } .tsc_ribbon_wrap .lblue.right-edge.fork > span:after { border-color: #f2b518 #f2b518 #f2b518 transparent } .tsc_ribbon_wrap .lblue.right-edge.fork > span:before { border-right-color: #f1b519; border-top-color: #174c66 } .tsc_ribbon_wrap .lred.left-corner > span:after, .tsc_ribbon_wrap .lred.left-corner > span:before, .tsc_ribbon_wrap .lred.right-corner > span, .tsc_ribbon_wrap .lred.right-corner > span:after, .tsc_ribbon_wrap .lred.right-corner > span:before, .tsc_ribbon_wrap .lred > span, .tsc_ribbon_wrap.ie8 .lred { background-color: #f80000; background-image: -moz-linear-gradient(center top,#f80000,#a30000) } .tsc_ribbon_wrap .lred.left-corner:before { border-bottom-color: #5f0000; border-left-color: #5f0000 } .tsc_ribbon_wrap .lred.left-corner:after { border-right-color: #5f0000; border-top-color: #5f0000 } .tsc_ribbon_wrap .lred.right-corner:before { border-left-color: #5f0000; border-top-color: #5f0000 } .tsc_ribbon_wrap .lred.right-corner:after { border-bottom-color: #5f0000; border-right-color: #5f0000 } .tsc_ribbon_wrap .lred.left-edge.point:after, .tsc_ribbon_wrap .lred.right-edge.point:after { background-color: #f80000; background-image: linear-gradient(-45deg,#f80000,#a30000) } .tsc_ribbon_wrap .lred.left-edge:before { border-left-color: #5f0000; border-top-color: #5f0000 } .tsc_ribbon_wrap .lred.right-edge:before { border-right-color: #5f0000; border-top-color: #5f0000 } .tsc_ribbon_wrap .lred.left-edge.fork > span { background-color: #f80000; background-image: -moz-linear-gradient(left center,#f80000 0,#f80000 5px,#a30000 15%,#a30000 65%,#f80000 100%) } .tsc_ribbon_wrap .lred.left-edge.fork > span:after { border-color: #f80000 transparent #f80000 #f80000 } .tsc_ribbon_wrap .lred.left-edge.fork > span:before { border-left-color: #5f0000; border-top-color: #5f0000 } .tsc_ribbon_wrap .lred.right-edge.fork > span { background-color: #f80000; background-image: -moz-linear-gradient(right center,#f80000 0,#f80000 5px,#a30000 15%,#a30000 65%,#f80000 100%) } .tsc_ribbon_wrap .lred.right-edge.fork > span:after { border-color: #f80000 #f80000 #f80000 transparent } .tsc_ribbon_wrap .lred.right-edge.fork > span:before { border-right-color: #5f0000; border-top-color: #5f0000 } li.weburl a { color: #b2eaf7; } li.weburl a:hover { color: #ffffff; } .rating-color { color: #ffc900; } .pull-right.reply a { margin: 10px; } .border-red { border: 2px solid #f53434; } .g-ratings { background-color: #fff; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 10px #E0E0E0; border-radius: 20px; } .product-rating { font-size: 50px } .stars i { font-size: 18px; color: #ffc900; } .rating-text { margin-top: 10px } .star-ratings { unicode-bidi: bidi-override; color: #c5c5c5; font-size: 29px; height: 18px; width: 150px; margin: 1em auto; position: relative; margin: 0; padding: 0; } .star-ratings .star-ratings-top { color: gold; padding: 0; position: absolute; z-index: 1; display: block; left: 0px; overflow: hidden; } .star-ratings .star-ratings-bottom { z-index: 0; } .landing-page-new .more-reviews a.btn-link { border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important; border-left: 1px solid rgba(0, 0, 0, 0.02); border-right: 1px solid rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.02); color: #565656; font-size: 20px; /* margin: 25px 0; */ text-decoration: none; white-space: normal; font-weight: bold; background: #ffefce; } .landing-page-new .more-reviews a.btn-link:hover { border-bottom: 2px solid #F0B232 !important; border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05); color: #f9aa0b; text-decoration: none; } @media(max-width:767px) { .rstar-ratings { margin-right: 26%; } #testimonials .testimonials-quotes h4.testimonials-author { font-size: 14px; } } @media(min-width:300px) and (max-width:400px) { .tsc_ribbon_wrap.edge { display: none !important; } .rstar-ratings { margin-right: 5%; } }