/********* Fontface Fonts *********/ @font-face { font-family: 'Aller_Lt'; src: url('fonts/Aller_Lt.eot'); src: url('fonts/Aller_Lt.eot') format('embedded-opentype'), url('fonts/Aller_Lt.woff2') format('woff2'), url('fonts/Aller_Lt.woff') format('woff'), url('fonts/Aller_Lt.ttf') format('truetype'), url('fonts/Aller_Lt.svg#Aller_Lt') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Aller_Rg'; src: url('fonts/Aller_Rg.eot'); src: url('fonts/Aller_Rg.eot') format('embedded-opentype'), url('fonts/Aller_Rg.woff2') format('woff2'), url('fonts/Aller_Rg.woff') format('woff'), url('fonts/Aller_Rg.ttf') format('truetype'), url('fonts/Aller_Rg.svg#Aller_Rg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Aller_It'; src: url('fonts/Aller_It.eot'); src: url('fonts/Aller_It.eot') format('embedded-opentype'), url('fonts/Aller_It.woff2') format('woff2'), url('fonts/Aller_It.woff') format('woff'), url('fonts/Aller_It.ttf') format('truetype'), url('fonts/Aller_It.svg#Aller_It') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Aller_Bd'; src: url('fonts/Aller_Bd.eot'); src: url('fonts/Aller_Bd.eot') format('embedded-opentype'), url('fonts/Aller_Bd.woff2') format('woff2'), url('fonts/Aller_Bd.woff') format('woff'), url('fonts/Aller_Bd.ttf') format('truetype'), url('fonts/Aller_Bd.svg#Aller_Bd') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Aller_BdIt'; src: url('fonts/Aller_BdIt.eot'); src: url('fonts/Aller_BdIt.eot') format('embedded-opentype'), url('fonts/Aller_BdIt.woff2') format('woff2'), url('fonts/Aller_BdIt.woff') format('woff'), url('fonts/Aller_BdIt.ttf') format('truetype'), url('fonts/Aller_BdIt.svg#Aller_BdIt') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'NexaLight'; src: url('fonts/NexaLight.eot'); src: url('fonts/NexaLight.eot') format('embedded-opentype'), url('fonts/NexaLight.woff2') format('woff2'), url('fonts/NexaLight.woff') format('woff'), url('fonts/NexaLight.ttf') format('truetype'), url('fonts/NexaLight.svg#NexaLight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'NexaBold'; src: url('fonts/NexaBold.eot'); src: url('fonts/NexaBold.eot') format('embedded-opentype'), url('fonts/NexaBold.woff2') format('woff2'), url('fonts/NexaBold.woff') format('woff'), url('fonts/NexaBold.ttf') format('truetype'), url('fonts/NexaBold.svg#NexaBold') format('svg'); font-weight: bold; font-style: normal; } /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { outline: 0; text-decoration: underline; color: #77797b; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } a:hover { text-decoration: none; color: #50c2f0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } b, strong, dt, th { font-weight: bold; } em, i { font-style: italic; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0; padding: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } figure { margin: 0; } legend { white-space: normal; } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } table { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none; } table table { margin: 0 } th, td { border: none; padding: 8px 10px } caption, th, td { font-weight: normal; } /********* Clear floats *********/ .cf:before, .cf:after, .wrap-inner:before, .wrap-inner:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radio-list:after, .radio-list:before, .fieldgroup:after, .fieldgroup:before { content: " "; display: table } .cf:after, .wrap-inner:after, .row:after, ul:after, .boxs:after, .radio-list:after, .fieldgroup:after { clear: both } /********* Common Classes *********/ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 20px 0; padding: 0 } body, button, input, select, textarea { color: #77797b; font-family: 'Aller_Rg', Arial, Helvetica, sans-serif; font-size: 87.5%; /*font-size:14px;*/ line-height: 1.4; overflow-x: hidden; } body { background-color: #fff; } h1 { font-size: 2.308em; } h2 { font-size: 2.000em; } h3 { font-size: 1.692em; } h4 { font-size: 1.538em; } h5 { font-size: 1.385em; } h6 { font-size: 1.231em; } ul { padding: 0 0 0 20px; } ol { padding: 0 0 0 20px } ul ul, ol ol { margin: 10px 0 } ul.bullet { list-style: none; padding: 0; } ul.bullet li { background: url(../images/right-arrow.gif) no-repeat left 7px; padding: 2px 0 2px 15px; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; } /********* Form fields *********/ button, input, select, textarea { margin: 0; vertical-align: baseline; background-color: transparent; border: none; } input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], textarea { -webkit-appearance: none; } input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border: 2px solid #fff; width: 100%; height: 56px; padding: 10px 30px; font-size: 18px; line-height: 22px; font-family: 'NexaLight'; font-weight: normal; color: #fff; border-radius: 30px;outline: none;} textarea { overflow: auto; vertical-align: top; resize: none; height: 132px; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; margin: 0 5px 0 0; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio } input[type="submit"], input[type="button"], input[type="reset"], button, .button { cursor: pointer; outline: 0; text-decoration: none; margin: 0; display: inline-block; vertical-align: top; border: none; background-color: #51bce8; color: #fff; height: 56px; font-size: 22px; line-height: 26px; font-weight: bold; padding: 15px 30px; border-radius: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color: #fff; background-color: #4965bc; } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color: #888; } fieldset { display: block; border: 0 none; margin: 0; padding: 0 } label { display: block; font-weight: normal; } .alignleft { float: left } .alignright { float: right; } .filesize { font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 3px; } .exticon { vertical-align: middle; margin-left: 3px; } .rsicon { display: inline-block; margin-right: 2px; height: 11px; text-indent: -999px; overflow: hidden; width: 11px;} .bold { font-weight: bold; } .italic { font-style: italic; } .longword, .wordbreak { word-wrap: break-word; } /********** Start Adit Web Data Form **********/ .pageformsubmitbar{text-align: center;float: left;width: 100%;} .pageformsubmitbar .submitbarcapcha,.pageformsubmitbar .submitbarbtn{display: inline-block;vertical-align: middle;text-align: center;margin: 0 10px 15px 10px;} .aawformblock .aawfieldgroup{text-align: center; margin:0;} .aawformblock .aawfieldcol{text-align: left;} .aawformblock .aawfieldcol > label{display: none;} .aawformblock .aawfieldcol input, .aawformblock .aawfieldcol input:focus, .aawformblock .aawfieldcol textarea, .aawformblock .aawfieldcol textarea:focus, .aawformblock .aawfieldcol select, .aawformblock .aawformradiocol label, .aawformblock .heapBox .holder{border:3px solid #f7f7f7;width:100%;height:56px;padding:10px 30px;font-size:18px;line-height:22px;font-family:'NexaLight';font-weight:normal;color:#fff;border-radius:30px} .aawformblock .heapBox .holder{display:block;width:100%;position:relative;background:#fff;border:0;color:#333;font-size:14px;height:56px;line-height:22px;padding:15px 45px 15px 28px;z-index:10} .aawformblock .aawformradiobox{height:56px;margin-bottom:0;border:3px solid #51bce8;border-radius:30px;background-color:#51bce8} .aawformblock .aawfieldcol textarea, .aawformblock .aawfieldcol textarea:focus{ overflow: auto; vertical-align: top; resize: none; height: 132px !important; } .aawformblock .aawformradiocol label{line-height:1;vertical-align:middle;cursor:pointer;height:50px;border-radius:30px;padding:3px} /* Home Banner Form */ .hmbannerform{padding-top: 20px;} .hmbannerform .aawfieldcol input, .hmbannerform .aawfieldcol input:focus, .hmbannerform .aawfieldcol textarea, .hmbannerform .aawfieldcol textarea:focus, .hmbannerform .aawfieldcol select, .hmbannerform .aawformradiocol label, .hmbannerform .heapBox .holder{ color: #5ac5f1; border: 2px solid #5ac5f1; background-color: #fff; font-size: 16px; } .hmbannerform .aawformradiobox{border-color:#5ac5f1;} .hmbannerform .aawformradiocol label{color: #ffffff; background-color: #5ac5f1; border-color: #5ac5f1;} .hmbannerform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .hmbannerform .button.buttonbtn { width: auto; transition: inherit;} .hmbannerform .button.buttonbtn:hover { background: #4965bc; color: #fff;} .hmbannerform .button.buttonbtn:hover:after {background: url(../images/sprites.png) no-repeat -222px top;} /* Footer Form */ .footerbookform .aawfieldcol33{width: 50%;} .footerbookform .aawfieldcol33.aawfieldselect,.footerbookform .aawfieldcol33.aawfrmradiocol{width: 100%;} .footerbookform .aawfieldcol input, .footerbookform .aawfieldcol input:focus, .footerbookform .aawfieldcol textarea, .footerbookform .aawfieldcol textarea:focus, .footerbookform .aawfieldcol select, .footerbookform .aawformradiocol label, .footerbookform .heapBox .holder{ color: #ffffff; border: 3px solid #ffffff; font-size: 16px; background: transparent; } .footerbookform .aawformradiobox{border-color:#ffffff; background: transparent;} .footerbookform .aawformradiocol label{color: #ffffff; background-color: transparent; border-color: transparent;} .footerbookform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .footerbookform .button.buttonbtn { width: auto; transition: inherit;} .footerbookform .button.buttonbtn:hover { background: #ffffff; color: #5ac5f1;} /* Book Appointment Page Form */ .bookaptmntform .aawfieldcol33{width: 50%;} .bookaptmntform .aawfieldcol input, .bookaptmntform .aawfieldcol input:focus, .bookaptmntform .aawfieldcol textarea, .bookaptmntform .aawfieldcol textarea:focus, .bookaptmntform .aawfieldcol select, .bookaptmntform .aawformradiocol label, .bookaptmntform .heapBox .holder{ border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; font-size: 18px;} .bookaptmntform .heapBox .holder{padding: 14px 45px 14px 28px;} .bookaptmntform .aawformradiobox{border-color:#5ac5f1;} .bookaptmntform .aawformradiocol label{color: #ffffff; background-color: #5ac5f1; border-color: #5ac5f1;} .bookaptmntform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .bookaptmntform .button.buttonbtn { width: auto; transition: inherit;} .bookaptmntform .button.buttonbtn:hover { background: #4965bc; color: #fff;} .bookaptmntform .button.buttonbtn:hover:after {background: url(../images/sprites.png) no-repeat -222px top;} /* Contact Page Form */ .contactpageform .aawfieldcol33{width: 50%;} .contactpageform .aawfieldcol input, .contactpageform .aawfieldcol input:focus, .contactpageform .aawfieldcol textarea, .contactpageform .aawfieldcol textarea:focus, .contactpageform .aawfieldcol select, .contactpageform .aawformradiocol label, .contactpageform .heapBox .holder{ border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; font-size: 18px;} .contactpageform .heapBox .holder{padding: 14px 45px 14px 28px;} .contactpageform .aawformradiobox{border-color:#5ac5f1;} .contactpageform .aawformradiocol label{color: #ffffff; background-color: #5ac5f1; border-color: #5ac5f1;} .contactpageform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .contactpageform .button.buttonbtn { width: auto; transition: inherit;} .contactpageform .button.buttonbtn:hover { background: #4965bc; color: #fff;} .contactpageform .button.buttonbtn:hover:after {background: url(../images/sprites.png) no-repeat -222px top;} /********** End Adit Web Data Form **********/ /********** Image Formating & Alignment **********/ .imgleft { float: left; margin-right: 20px; margin-bottom: 20px; } .imgright { float: right; margin-left: 20px; margin-bottom: 20px; } .imgcenter { float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block; } .imgborder { border: 1px solid #ccc; padding: 5px } .rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .shadow { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding: 4px; } /********** Alignment **********/ .left { text-align: left !important } .right { text-align: right !important } .center { text-align: center !important } .justify { text-align: justify !important } /********** Error/Alert Messages **********/ .message { padding: 10px 38px 10px 10px; margin-bottom: 20px; border: 1px solid transparent; position: relative; } .message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .message.success a { color: #2b542c; } .message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .message.error a { color: #843534; } /********** Table **********/ .tableOut { overflow-y: hidden; overflow-x: auto } table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none; border-top: 1px solid #E9E9EA; border-left: 1px solid #E9E9EA; } table table, .tableData table { margin: 0 } th, td, .tableData th, .tableData td { border: none; padding: 8px 10px; border-bottom: 1px solid #E9E9EA; border-right: 1px solid #E9E9EA; } table tr:nth-child(odd) td { background-color: #efefef; } caption, th, td { font-weight: normal; background: #fff } th, .tableData th { background: #f3f3f3 } .tableScroll { overflow-y: hidden; overflow-x: auto } /* ******** Grid : 12 Coloum and Boxs ******** */ .example div div, .example .boxs li { border: 1px solid #eee; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px } .row { margin: 0 -15px 20px; width: auto; } .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float: left; padding-left: 15px; padding-right: 15px; } .cols12 { width: 100% } .cols11 { width: 91.66666667% } .cols10 { width: 83.33333333% } .cols9 { width: 75% } .cols8 { width: 66.66666667% } .cols7 { width: 58.33333333% } .cols6 { width: 50% } .cols5 { width: 41.66666667% } .cols4 { width: 33.33333333% } .cols3 { width: 25% } .cols2 { width: 16.66666667% } .cols1 { width: 8.33% } .boxs { list-style: none; padding: 0; margin: 0; } .boxs2 { margin-left: -2%; } .boxs3 { margin-left: -2%; } .boxs4 { margin-left: -2%; } .boxs5 { margin-left: -2%; } .boxs6 { margin-left: -2%; } .boxs > li, .boxs > div { float: left; min-height: 1px; margin-left: 30px; } .boxs2 > li, .boxs2 > div { width: 48%; margin-left: 2%; } .boxs3 > li, .boxs3 > div { width: 31%; margin-left: 2%; } .boxs4 > li, .boxs4 > div { width: 23%; margin-left: 2%; } .boxs5 > li, .boxs5 > div { width: 18%; margin-left: 2%; } .boxs6 > li, .boxs6 > div { width: 14.6%; margin-left: 2%; } .boxborder { padding: 5px; border: 1px solid #ccc; } /********** Owl Carousel **********/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden;/* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); z-index: 1; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-backface-visibility: visible; backface-visibility: visible; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-grab { cursor: move; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owlCarousel.carouselBlock .item { border: 1px solid #ddd; text-align: center; height: 100px; line-height: 100px; } .owl-theme .owl-controls { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-dots .owl-dot { display: inline-block; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } /* jQuery FlexSlider v2.6.0 */ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0; border: none; position: relative; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: 15px; text-align: center; z-index: 8; } .flex-control-nav li { margin: 5px; display: inline-block; } .flex-control-paging li a { width: 13px; height: 13px; border: 2px solid #6f5d5b; display: block; background: none; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .flex-control-paging li a:hover { background: #6f5d5b; } .flex-control-paging li a.flex-active { background: #6f5d5b; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /********** Responsive Tab **********/ .restab { position: relative; border: 1px solid #00c5ad; } .tabnav { margin: 0; padding: 0; list-style: none } .tabnav li { display: inline-block; margin: 0; position: relative; background-color: #00c5ad; } .tabnav li a { display: inline-block; padding: 10px 12px; text-decoration: none; font-size: 14px; font-weight: bold; color: #fff; } .tabnav .r-tabs-state-active a { color: #00c5ad; text-shadow: none; background-color: white; } .tab-content { padding: 15px; display: none; } .restab .r-tabs-panel.r-tabs-state-active { display: block; } .restab .r-tabs-accordion-title { display: none; } .tabnav .r-tabs-state-disabled { opacity: 0.5; } .restab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00c5ad; color: #fff; font-weight: bold; text-decoration: none; } .restab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #00c5ad; text-shadow: none; } .restab .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } /********* Back to Top **********/ #backtotop {cursor: pointer; display: none; height: 17px; width: 32px; overflow: hidden; position: fixed; right: 10px; bottom: 20px; text-indent: -99999px; z-index: 999; display: none } /********* Accordion ******** */ .accordion { margin-bottom: 20px; } .accordion .acclink { background: url(../images/plus.png) left 5px no-repeat; padding-left: 20px; cursor: pointer; font-weight: bold } .accordion .acclink a { display: block; text-decoration: none; outline: 0 } .accordion .acclink.active { background: url(../images/minus.png) left 5px no-repeat !important; } .accord-detail { padding: 10px 20px; display: none } /********* LiteBox v1.3 **********/ .litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .litebox-overlay { width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 9999; } .litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; -webkit-animation: liteboxLoader 1s linear infinite; -moz-animation: liteboxLoader 1s linear infinite; -ms-animation: liteboxLoader 1s linear infinite; -o-animation: liteboxLoader 1s linear infinite; animation: liteboxLoader 1s linear infinite; } .litebox-overlay .litebox-text { width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .litebox-overlay .litebox-text.active { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(../images/litebox-close.png) no-repeat center; opacity: .7; position: absolute; top: 20px; right: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; } .litebox-overlay .litebox-nav { width: 60px; height: 60px; margin-top: -30px; opacity: .2; position: absolute; top: 50%; z-index: 9999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; } .litebox-overlay .litebox-prev { background: url(../images/litebox-prev.png) no-repeat center; left: 20px; } .litebox-overlay .litebox-next { background: url(../images/litebox-next.png) no-repeat center; right: 20px; } .litebox-overlay .litebox-container { position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; overflow: hidden; } .litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; } .litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; } .litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; } .litebox-overlay .litebox-inline-html { width: 100%; padding: 20px; background: #FFF; line-height: normal; overflow-x: hidden; line-height: normal !important; position: absolute; } .litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; text-align: center; line-height: inherit; } .litebox-overlay .litebox-error span { background: rgba(0, 0, 0, .9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; } @media only screen and (max-width: 479px) { .litebox-overlay .litebox-close {top: 5px;right: 5px;width: 25px;height: 25px;background-size: contain;z-index: 2;} .litebox-overlay .litebox-nav {width: 40px;height: 40px;margin-top: -20px;background-size: contain;} } /*----Date Picker----*/ .ui-datepicker, .eventCalOut, .calendarIcon { background-color: #185db9; } .ui-datepicker th, .ui-state-highlight { background-color: #052847; } .ui-state-active, .ui-datepicker tbody a:hover { background-color: #4965bc !important; } .ui-state-disabled span{opacity: 0.6;} .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size: 12px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height: 25px; background-color: #fff; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border: 0 none; } .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; background-color: transparent; } .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd { background-color: transparent; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; width: 32px;height: 32px;line-height: 30px;border-radius: 50%;} .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow: hidden; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/ .eventcal-out { position: absolute; width: 222px; right: -222px; float: right; top: 70px; z-index: 22; } .calendar-icon { width: 50px; height: 52px; position: absolute; left: -50px; } .calendar-icon span { background-position: -113px -27px; width: 29px; height: 29px; margin: 10px; } .calendar-out { padding: 5px; } .calendar-out .ui-datepicker { width: 100%; } .calendar-out .button { background-color: #2979ca; color: #fff; display: block; text-align: center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .calendar-out .button:hover { background-color: #173C84; } .ui-datepicker tbody a { color: #fff; } .ui-datepicker-title { font-size: 18px; font-weight: normal; color: #fff; } .ui-datepicker th { text-transform: uppercase; font-weight: normal; color: #fff; } .ui-datepicker-prev, .ui-datepicker-next { width: 25px; font-size: 16px; height: 25px; display: inline-block; margin: 0; cursor: pointer; color: #fff; } .ui-datepicker-prev span { background-position: -147px -27px; overflow: hidden; width: 25px; height: 25px; position: static; margin: 5px 0 0; } .ui-datepicker-next span { background-position: -175px -27px; overflow: hidden; width: 25px; height: 25px; position: static; margin: 5px 0 0; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; line-height: 25px; } .ui-datepicker-trigger { display: block; width: 30px; height: 30px; margin: 8px 0 0 15px; vertical-align: top; overflow: hidden; background: transparent !important; padding: 0; margin: 0; position: absolute; right: 20px; top: 7px; } .ui-datepicker-trigger:after{font: normal normal normal 14px/1 FontAwesome;content: "\f073";font-size: 22px;} .cal-icon { background-position: -205px -107px; width: 30px; height: 30px; display: block; vertical-align: top; } /********* ! Font Awesome 4.6.3 ******** */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } /********** Custom Selectbox HeapBox **********/ .heapBox { clear: both; position: relative; } .heapBox:before, .heapBox:after { content: " "; display: table } .heapBox:after { clear: both } .heapBox * { margin: 0; padding: 0; outline: none; } .heapBox.disabled .holder { color: #FFBC46; } .heapBox a { text-decoration: none; color: #fff; } .heapBox .holder { display: block; width: 100%; position: relative; background: #fff; border: none; height: 52px; color: #333; font-size: 14px; height: 52px; line-height: 22px; padding: 15px 45px 15px 28px; z-index: 10; } .heapBox .handler { position: absolute; right: 0; top: 0; width: 45px; height: 100%; background: url(../images/heapbox-arrow.png) no-repeat center center; z-index: 99; } .heapBox div.heap { display: none; position: absolute; list-style-type: none; left: 0; width: 100%; top: 100%; overflow: hidden; z-index: 999; } .heapBox .heap .heapOptions { display: block; overflow: hidden; z-index: 20; position: relative; background-color: #50c2f0;} .heapBox .heap a.sliderUp { display: block; width: 100%; height: 15px; background: #fff; background-repeat: no-repeat; background-position: center center; border-bottom: 1px solid #d18814; position: absolute; top: 0px; z-index: 30; } .heapBox .heap a.sliderDown { display: block; width: 100%; height: 15px; background: #fff; background-repeat: no-repeat; background-position: center center; border-top: 1px solid #d18814; position: absolute; bottom: 0px; z-index: 30; } .heapBox .heap .heapOptions .heapOption { z-index: 20; position: relative; display: block; padding: 0; margin: 0; float: left; width: 100%; margin: 1px 0; } .heapBox .heap .heapOptions .heapOption a { display: block; font-size: 16px; line-height: 22px; padding: 9px; text-align: left; text-transform: uppercase; color: #fff; border-bottom: 1px solid #fff; font-weight: 400; } .heapBox .heap .heapOptions .heapOption a.disabled { color: #F6BB5A; } .heapBox .heap .heapOptions .heapOption a:hover{background: #4965bc;} .shipping-region .heapBox .heap .heapOptions { height: 208px; overflow: auto; } /********* googmap - Google Map API *********/ .gmap3 { border: none; width: 100%; height: 494px; } .gmap3 img { max-width: inherit } /** * Sky jQuery Touch Carousel * Version: 1.0.2 */ @media only screen and (min-width: 480px) and (max-width: 767px) { .sky-carousel .sc-overlay { width: 88px !important; } } @media only screen and (max-width: 479px) { .sky-carousel .sc-overlay { width: 15px !important; } .sky-carousel .sc-nav-button.sc-next { right: 5px !important; } .sky-carousel .sc-nav-button.sc-prev { left: 5px !important; } } .js .sky-carousel { visibility: hidden; } .sky-carousel { width: 100%; height: 360px; position: relative; overflow: hidden; margin: 0 auto; } .sky-carousel .sky-carousel-container { position: relative; list-style-type: none; float: left; margin: 0; padding: 0; } .sky-carousel .sky-carousel-container li { position: absolute; border: 0; } .sky-carousel .sky-carousel-container li img { display: block; max-width: none !important; border-radius: 10px; } .sky-carousel .sky-carousel-container .sc-content { display: none; } .sky-carousel .sc-content-wrapper { display: none; position: absolute; text-align: center; top: 7%; left: 50%; z-index: 4999; } .sky-carousel .sc-content-container { position: relative; left: -50%; padding: 0; } .sky-carousel .sc-content-wrapper .sc-content-container .sc-content { background-color: #252525; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px; box-shadow: 0px 2px 1px rgba(44, 44, 44, 0.1); -webkit-box-shadow: 0px 2px 1px rgba(44, 44, 44, 0.1); -moz-box-shadow: 0px 2px 1px rgba(44, 44, 44, 0.1); min-width: 240px; } .sky-carousel .sc-content-wrapper .sc-content-container:after { position: absolute; display: block; content: ""; border: solid 10px transparent; border-top: solid 10px #212121; width: 0; height: 0; left: 50%; margin-left: -10px; } .sky-carousel .sc-content-wrapper h2 { color: #fff; font-weight: bold; font-size: 18px; line-height: 18px; margin: 0 0 2px 0; padding: 0; text-shadow: 0px 1px 1px #333; } .sky-carousel .sc-content-wrapper p { color: #d6d6d6; font-size: 12px; margin: 0; padding: 0; text-shadow: 0px 1px 1px #333; } .sky-carousel .sc-content-wrapper a { text-decoration: none; color: #d6d6d6; border-bottom: 1px dotted #d6d6d6; } .sky-carousel .sc-overlay { position: absolute; height: 100%; z-index: 4998; top: 0; } .sky-carousel .sc-overlay-left { left: -0.1px; } .sky-carousel .sc-overlay-right { right: -0.1px; } .sky-carousel .sc-nav-button { position: absolute; bottom: 0; z-index: 5000; width: 37px; height: 44px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; color: #4965bc; font-size: 24px; line-height: 44px; } .sky-carousel .sc-nav-button.sc-next { background-color: #f5f5f5; right: 50%; margin-right: -37px; border-radius: 0 15px 15px 0; padding-left: 5px; } /*.sky-carousel .sc-nav-button.sc-next:after{content:''; position:absolute; right:18px; top:11px; width:14px; height:22px; background: url(../images/sprites.png) no-repeat -302px top; right:50%;} .no-touch .sky-carousel .sc-nav-button.sc-next:hover:after { background: url(../images/sprites.png) no-repeat -302px -31px; }*/ .sky-carousel .sc-nav-button.sc-prev { background-color: #f5f5f5; left: 50%; margin-left: -37px; border-radius: 15px 0 0 15px; padding-right: 5px; text-align: right } /*.sky-carousel .sc-nav-button.sc-prev:after{content:''; position:absolute; left:18px; top:11px; width:14px; height:22px; background: url(../images/sprites.png) no-repeat -326px top;} .no-touch .sky-carousel .sc-nav-button.sc-prev:hover:after { background: url(../images/sprites.png) no-repeat -326px -31px; }*/ .sky-carousel .sc-nav-button:hover { color: #50C2F0; } .sky-carousel .sc-preloader { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin-top: -22px; margin-left: -22px; background: #ebebeb url(../images/preloader.gif) no-repeat 50% 50%; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sc-no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color:#ffffff; opacity:1; } :-moz-placeholder { color:#ffffff; opacity:1; } ::-moz-placeholder { color:#ffffff; opacity:1; } :-ms-input-placeholder { color:#ffffff; opacity:1; } /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ #container {} .wrap-inner { margin: 0 auto; width: 100%; max-width: 1280px; padding: 0 40px; } #content { } .content { } .sidebar { } .fullwidth { } /********** Header **********/ #header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99;background-color: #ffffff;} .header-inner .wrap-inner { max-width: 1920px; padding: 0; } .headermain { position: relative; padding-left: 342px; padding-right: 75px; min-height: 153px; } #logo { width: 342px; height: 153px; margin: 0; background-color: #77797b; padding: 30px 0; position: absolute; left: 0; top: 0; z-index: 1; } #logo > a { display: block; max-width: 302px; margin: 0 auto; } #logo > a img { width: 100%; height: auto; } .toplink { list-style: none; padding: 0; margin: 0 } .toplink > li { margin-left: -20px; float: left; padding: 0 62px 0 80px; position: relative; background-color: #50c2f0; letter-spacing: -0.055em; border-radius: 0 20px 20px 0; } .toplink > li:first-child { margin-left: 0; z-index: 2; padding: 0 66px 0 60px; } .toplink > li:nth-child(2) { background-color: #77797b; z-index: 1; } .toplink > li > a { color: #fff; text-decoration: none; display: inline-block; vertical-align: top; font-size: 18px; font-weight: bold; line-height: 20px; padding: 10px 0; } .toplink > li > a:hover { text-decoration: none; color: #77797b; } .toplink > li:nth-child(2) a:hover { color: #50C2F0 } .headphone, .headfax { display: inline-block; vertical-align: top; color: #fff; font-size: 22px; font-weight: bold; line-height: 26px; padding: 7px 0; } .headfax { margin-left: 30px; } .headphone a, .headfax a { color: #fff; text-decoration: none; } .headphone a:hover, .headfax a:hover { color: #77797b; } .header-right { background-color: rgba(255,255,255,0.90); border-radius: 0 56px 56px 0; text-align: right; padding: 0 35px; } .socialmedia, .headbookapp { display: inline-block; vertical-align: top; } .header-right .socialmedia { margin: 0 26px; padding: 33px 0; } .socialmedia { padding: 0; margin: 0; list-style-type: none; } .socialmedia li { float: left; margin-left: 5px; } .socialmedia li:first-child { margin-left: 0; } .socialmedia > li > a { display: inline-block; vertical-align: top; text-decoration: none; color: #fff; width: 45px; height: 45px; line-height: 38px; text-align: center; font-size: 22px; background: url(../images/sprites.png) no-repeat left top; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .socialmedia > li > a:hover { background-position: -65px top; } .headbookapp { padding: 28px 0; } .headbookapp > a { display: block; text-decoration: none; color: #fff; position: relative; background-color: #4965bc; padding: 15px 30px 15px 65px; font-size: 22px; line-height: 26px; font-weight: bold; border-radius: 56px; letter-spacing: -0.03em; } .headbookapp > a:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -222px top; } .headbookapp > a:hover { text-decoration: none; background-color: #50c2f0; color: #fff; } /********* Navigation *********/ .mainNavigation { display: inline-block; vertical-align: top; margin: 0; position: relative; clear: both; } .menu-icon { color: #77797b; display: none; font-size: 20px; line-height: 1; margin: 0 0 0 auto; max-width: 100px; text-align: center; text-decoration: none; } .menu-icon .fa { margin-right: 10px; font-size: 24px; vertical-align: middle; } .menu-icon span { display: inline-block; vertical-align: middle; } .menu-icon.open, .menu-icon:hover { text-decoration: none; color: #50c2f0; } #nav, #nav ul { list-style: none; margin: 0; padding: 0; z-index: 99; text-align: left; } #nav > li { float: left; margin: 0 20px; padding: 28px 0; position: relative; } #nav > li:first-child { margin-left: 0; } #nav > li > a { position: relative; padding: 17px 0; line-height: 22px; color: #77797b; font-size: 18px; font-weight: bold; text-transform: uppercase; display: block; text-decoration: none; } /*#nav > li:hover{background:url(../images/navhover.png) no-repeat center bottom;}*/ #nav > li:hover > a, #nav > li.active > a { background-color: inherit; color: #50c2f0; text-decoration: none; } #nav ul { display: none; width: 260px; top: 100%; padding: 0; left: 0; position: absolute; z-index: 99; background-color: rgba(119,121,123,0.95); } #nav > li:nth-child(4) ul { width: 452px; left: 50%; margin-left: -226px; padding: 20px; } #nav > li:nth-child(4) ul li { float: left; width: 50%; padding: 0; } #nav ul li { float: left; height: auto; width: 100%; margin: 0; padding: 0; position: relative; z-index: 1; } #nav ul li a { display: block; text-decoration: none; background-color: inherit; font-size: 16px; line-height: 20px; color: #fff; padding: 10px 10px; } #nav ul ul { top: 0; left: 260px } #nav li:hover > ul { display: block; } #nav li ul li:hover a { background-color: #50C2F0; color: #fff; } .arrowclick { display: none; position: absolute; right: 0px; top: 5px; width: 30px; height: 30px; z-index: 99; cursor: pointer; } .arrowclick:after { content: ''; position: absolute; right: 5px; top: 50%; margin-top: -5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff; -moz-transition: all .4s ease-out; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .arrowclick.active:after { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /* ******** Index Slider ******** */ .indexBanner { position: relative; } .teaserBanner .item { float: left; width: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;height: 800px;} .teaserBanner .item > img { width: 100%; height: auto;visibility: hidden;} .teasercaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/teaser-capbg.png) no-repeat center bottom; padding-top: 153px;} .teasercaption .wrap-inner { max-width: 1580px; } .teasercaptext { position: absolute; bottom: 137px; left: 0; right: 0; margin: auto; text-align: center; } .teasercaptext h2 { color: #fff; font-size: 46px; line-height: 1.2; font-weight: normal; margin: 0; } .teasercaptext span { color: #fff; font-size: 28px; line-height: 1.2; font-weight: normal; margin: 0; } .teasercaptext h2 strong { display: block; font-weight: bold; } /*.itemslider1 .teasercaptext{margin:0 0 0 auto; max-width:560px; text-align:center; padding-top:108px;} .itemslider2 .teasercaptext{margin:0; max-width:520px; padding-top:108px;} .itemslider2 .teasercaptext h2{font-size:56px;} .itemslider2 .teasercaptext h2 strong{font-size:60px;} .itemslider3 .teasercaptext{margin:0 0 0 auto; max-width:410px; text-align:center; padding-top:108px;} .itemslider3 .teasercaptext h2{font-size:56px; color:#717272; text-transform:uppercase;} .itemslider3 .teasercaptext h2 strong{font-size:60px;}*/ .teaserBanner.owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 36px; z-index: 1; height: 36px; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-prev { left: 20px; background: url(../images/sprites.png) no-repeat -382px 8px #51bce8; text-indent: -999em; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-next { right: 20px; background: url(../images/sprites.png) no-repeat -355px 8px #51bce8; text-indent: -999em; } /********** Home Page Content **********/ .highlevelcare-section { position: relative; background: url(../images/highlevelcare-bg-new.jpg) no-repeat center top; background-repeat: repeat; } .highlevelcare-section .wrap-inner { max-width: 1290px; } .highlevelcare-block { position: relative; z-index: 1; max-width: 1090px; margin: -78px auto 0; padding-bottom: 114px; } .highlevelcare-block h2 { text-align: center; margin-bottom: 30px; } .highlevelcare-block h1 { text-align: center; margin-bottom: 30px; } .highlevelcare-block p { font-size: 20px; } .doctitle { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; } .doctitle span { display: inline-block; position: relative; } .doctitle span:after { content: ''; position: absolute; right: -45px; top: -19px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .highlevelcare-block .bookappbtn { margin-bottom: 65px; width: 285px; } .bookappbtn { text-decoration: none; width: 295px; display: block; margin: 0 auto; text-decoration: none; color: #fff; position: relative; background-color: #4965bc; padding: 15px 10px 15px 65px; font-size: 22px; line-height: 26px; font-weight: bold; letter-spacing: -0.035em; border-radius: 56px; } .bookappbtn:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -222px top; } .bookappbtn:hover { text-decoration: none; background-color: #50c2f0; color: #fff; } .dotlist { } .dotlist > li { float: left; width: 100%; font-size: 20px; line-height: 1.2; padding: 6px 0; color: #77797b; letter-spacing: -0.03em; } .page-homepage .meetdocdesc .doctitle span { padding-right: 26px; } .page-homepage .meetdocdesc .doctitle span:after { right: 0px; } .meetdoctors-block { position: relative; z-index: 4; border-top: 13px solid #50c2f0; padding: 58px 0 35px; background-color: #fff; border-radius: 25px 25px 10px 10px; background-image: url(../images/docblue-shad.png); background-repeat: no-repeat; background-position: left bottom; } .meetdocimg { float: left; width: 472px; padding-left: 15px; } .meetdocdesc { float: right; width: 100%; margin-left: -472px; padding-left: 522px; } .meetdocimgthumb { margin: 0 0 0 auto; max-width: 373px; } .meetdocimgthumb img { width: 100%; height: auto; } .meetdoc-indesc { padding: 10px 50px 0 0; } .meetdoc-indesc .doctitle { margin-bottom: 6px; letter-spacing: 0.07em; padding-right: 0px; } .doclist { list-style-type: none; padding: 0; } .doclist > li { float: left; width: 100%; } .doclist > li > a { display: inline-block; vertical-align: top; text-decoration: none; position: relative; font-size: 24px; line-height: 1.2; padding: 3px 0; padding-right: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em; } .doclist > li > a:after { content: ''; position: absolute; right: 0; top: 50%; width: 13px; height: 22px; margin-top: -11px; background: url(../images/sprites.png) no-repeat -302px top; } .doclist > li > a:hover:after { background-position: -302px -31px; } .meetdoctext { max-width: 650px; } .meetdoctext p { font-size: 18px; line-height: 30px; margin-bottom: 20px; } .morebookapp { text-align: right; } .morebookapp .bookappbtn { display: inline-block; width: auto; padding-right: 40px; border-radius: 56px 0 0 56px; letter-spacing: -0.03em; } .promotions-section { position: relative; background: url(../images/aboutusbg.png) no-repeat center top; padding: 465px 0 290px; margin-top: -385px;} .promotions-section .wrap-inner { max-width: 1920px; } .promotionsblock { max-width: 1378px; margin: 0 auto; } .promotionslist { min-height: 166px;text-align: center; } .promotionslist .item { float: none; width: 100%; padding: 0 10px;display: inline-block; } .promotionsbox { position: relative; text-align: center; max-width: 370px; margin: 0 auto; border: 7px solid #4fc1ef; border-radius: 100px; } .promotionsbox:after { content: ''; position: absolute; left: 24px; bottom: 5px; width: 33px; height: 75px; background: url(../images/sprites.png) no-repeat -378px -70px; } .promotionsbox strong { display: block; color: #fff; background-color: #4fc1ef; font-size: 43px; line-height: 1.1; font-weight: bold; padding-bottom: 12px; border-radius: 100px 100px 0 0; } .promotext { position: relative; padding: 10px; max-width: 260px; margin: 0 0 0 auto; } .promomidtext { display: table; width: 100%; } .promomidtext p { margin: 0; color: #fff; font-size: 20px; line-height: 1.3; font-weight: bold; height: 72px; display: table-cell; vertical-align: middle; width: 100%; } .hmgallery-section { padding: 50px 0 40px; position: relative; z-index: 9;margin-top: -150px;} .hmgallery-section .wrap-inner { max-width: 1920px; padding: 0; } .hmgalleryblock { } .hmgalleryblock .doctitle { margin-bottom: 60px; text-align: center; } .hmgallerylist { padding: 30px 0; } .hmblogsection { padding: 220px 0 110px; background-color: #50c2f0; background-image: url(../images/blogshad-bg.jpg); background-position: center top; background-repeat: repeat-x; } .hmblogsection .wrap-inner { max-width: 1920px; } .hmblogblock { padding-bottom: 75px; } .hmblogblock .doctitle { margin-bottom: 100px; text-align: center; color: #fff; } .hmblogblock .doctitle span:after { background-position: -125px -70px; } .hmbloglist { } .hmbloglist .item { float: left; width: 33.333%; padding: 0 10px; } .hmbloglist .owl-item .item { width: 100%; } .blogblox { max-width: 535px; margin: 0 auto; } .blogthumb { float: left; width: 272px; } .blogdesc { float: right; width: 100%; margin-left: -272px; padding-left: 292px; padding-top: 10px; } .blogthumb img { width: 100%; height: auto; border: 6px solid #fff; border-radius: 15px; } .blogdesc h3 { font-size: 18px; line-height: 1.3; color: #4965bd; font-weight: bold; margin-bottom: 10px; } .blogdesc h3 a { color: #4965bd; text-decoration: none; } .blogdesc h3 a:hover { color: #fff; } .blogdesc p { color: #fff; font-size: 15px; line-height: 20px; margin-bottom: 18px; } .readmorebtn { display: block; margin: 0 auto; text-decoration: none; color: #50c2f0; position: relative; background-color: #ffffff; padding: 13px 10px 13px 65px; font-size: 18px; line-height: 22px; font-weight: bold; border-radius: 48px; } .readmorebtn:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 44px; background: url(../images/sprites.png) no-repeat -462px top; } .readmorebtn:hover { text-decoration: none; background-color: #4965bc; color: #fff; } .readmorebtn:hover:after { background-position: -222px top; } /********** Inner Pages **********/ .page-template-template-services .highlevelcare-section { position: relative; background: url(../images/highlevelcare-largebg.jpg) no-repeat center top; padding: 42px 0; } /****book appointment*********/ .innerbanner { position: relative; background-position: center top; background-repeat: no-repeat; background-size: cover; } .inner-caption .wrap-inner { max-width: 1618px; padding: 0 40px; } .inner-caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/teaser-capbg.png) no-repeat center bottom; padding-top: 62px; } .inner-caption h1 { font-family: 'Aller_Rg'; font-size: 60px; color: #fff; float: right; line-height: 64px; text-align: center; } .inner-caption strong { font-family: 'Aller_Bd'; } .page-blog .inner-caption { background: url(../images/teaser-whtcapbg.png) no-repeat center bottom; } .bookapp { padding: 10px 0 126px 0px; } .bookapp .wrap-inner { max-width: 1130px; margin: 0 auto; } .bookapp .footcontact { max-width: 100%; } .coninfo .fieldcol input, .bookapp .fieldcol input { border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; } .coninfo .fieldcol textarea{ border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; } .coninfo .submitbtn:after, .bookapp .submitbtn:after { background: url(../images/sprites.png) no-repeat -221px top; color: #77797b; } .coninfo ::-webkit-input-placeholder { color:#77797b; opacity:1; } .coninfo :-moz-placeholder { color:#77797b; opacity:1; } .coninfo ::-moz-placeholder { color:#77797b; opacity:1; } .coninfo :-ms-input-placeholder { color:#77797b; opacity:1; } .bookapp ::-webkit-input-placeholder { color:#77797b; opacity:1; } .bookapp :-moz-placeholder { color:#77797b; opacity:1; } .bookapp ::-moz-placeholder { color:#77797b; opacity:1; } .bookapp :-ms-input-placeholder { color:#77797b; opacity:1; } .selectbox { border: 2px solid #5ac5f1; height: 56px; border-radius: 30px; } .selectbox .heapBox .holder { background: none; font-size: 18px; line-height: 22px;font-weight: 400; color: #77797b;font-family: 'NexaLight';} .inputdate { position: relative; background: url(../images/heapbox-arrow.png) no-repeat 95% center; } .ui-datepicker, .eventCalOut, .calendarIcon { background-color: #50c2f0; } .ui-datepicker th, .ui-state-highlight { background-color: #4965bc; } .ui-datepicker { width: 22em; z-index: 10 !important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev::after { content: ''; position: absolute; top: 7px; width: 0; height: 0; left: 5px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #fff transparent transparent; } .ui-datepicker .ui-datepicker-next::after { content: ''; position: absolute; top: 7px; width: 0; height: 0; right: 5px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #fff; } .ui-datepicker .ui-datepicker-title select { color: #000; padding: 0px 7px; font-size: 14px; border-radius: 0px; } .captcha .fieldcol50 { width: 100%; } .captcha .capchaimg { width: 50%; } .ui-widget-header { border: none !important; background: #50c2f0 !important; } .ui-widget-content { background: #50c2f0 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none !important; background: none !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background-color: #4965bc !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #fff !important; } /***********about us***********/ .docter-thumb { float: left; width: 373px; position: relative; } /*.docter-thumb:after{content: '';position: absolute;top: 0px;width: 373px;height: 371px;background: url(/wp-content/themes/dental-arts/images/map-bg.png) no-repeat; left: 0px;}*/ .docter-desc { width: 100%; float: left; padding-left: 422px; margin-left: -373px; } .docter-desc h2 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 35px; } .docter-desc h2:after { content: ''; position: absolute; right: -63px; top: -21px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .docter-desc li, .docter-desc p { font-family: 'Aller_Rg'; font-size: 18px; color: #77797b; line-height: 30px; margin-bottom: 20px; } .docter-desc li { margin-bottom: 5px; } .aboutus-section { margin-bottom: 60px; } .coninfo .service-section h2, .coninfo .service-section h1 { margin-bottom: 55px; } .service-section h2 { font-family: 'Aller_Rg'; font-size: 24px; color: #50c2f0; text-transform: uppercase; text-align: left; } .service-section ul li { font-size: 20px; line-height: 36px; margin-bottom: 0px; text-align: left; } .service-section ul { padding-left: 19px; } .service-section ol li { font-size: 20px; line-height: 36px; margin-bottom: 0px; text-align: left; } .service-section ol { padding-left: 40px; } /*********gallery******/ .ourgallery .wrap-inner { max-width: 1800px; } .gallery-section { padding: 0; list-style: none; padding-top: 31px; padding-bottom: 10px; } .gallery-section li { width: 25%; float: left; padding: 10px; } .gallery-section li img { border-radius: 12px; } .gallery-desc { margin-top: 20px; } .gallery-desc p { font-size: 18px; line-height: 30px; margin-bottom: 0px; text-align: left; } /*********gallery before-after******/ .smile-gallery h1{text-align: center; width: 100%; font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 69px;} .gallery-section.smile-gallery{margin:0 auto; max-width: 800px;} .gallery-section.smile-gallery ul{margin:0 auto; padding-bottom: 20px;} .gallery-section.smile-gallery ul p{text-align: center; font-size: 16px; padding:5px 0px;} .gallery-section.smile-gallery ul span{text-align: left; font-size: 22px; font-weight: bold; display: block; padding:5px 0px;} .gallery-section.smile-gallery ul li{float: left; padding:0 10px; width: 50%;} .gallery-desc p{font-size: 18px;line-height: 30px;margin-bottom: 0px;text-align: left;} /*services*/ .servicesec .wrap-inner { max-width: 1134px; } .service-section { text-align: center; margin-bottom: 65px; } .service-section h1 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 69px; } .service-section h1 span { padding: 0 20px; } .service-section h1:after { right: 0; content: ''; position: absolute; top: -21px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .service-section p { font-size: 20px; line-height: 36px; margin-bottom: 20px; text-align: left; } .servicesec .highlevelcare-block { padding-bottom: 36px; } .post-navigation h2 { display: none; } .nav-links { text-align: center; } .nav-next, .nav-previous { display: inline-block; vertical-align: top; margin: 0 5px; } .nav-next a, .nav-previous a { display: inline-block; vertical-align: top; text-decoration: none; font-size: 50px; color: #77797B; } .nav-next a span, .nav-previous a span { display: none !important; } .nav-next a:hover, .nav-previous a:hover { text-decoration: none; color: #50C2F0; } /********contact us*********/ .contactinfo a { font-size: 32px; color: #50c2f0; font-family: 'Aller_Bd'; text-decoration: none; } .contactinfo a:hover { color: #4965bc; } .contactinfo div { font-size: 32px; color: #50c2f0; font-family: 'Aller_Bd'; text-decoration: none; display: inline-block; padding: 0px 30px; } .coninfo .wrap-inner { max-width: 1292px; } .coninfo .highlevelcare-block { padding-bottom: 26px; } .service-section.coninfo { margin-bottom: 44px; } .coninfo .submitbtn, .coninfo .recaptcha { margin-top: 20px; } .coninfo .submitbtn:hover, .bookapp .submitbtn:hover { background-color: #4965bc; color: #fff; } .conform { margin-bottom: 52px; padding: 0px 40px; } .map-section { padding: 59px 100px 72px 100px; border-top: 15px solid #50c2f0; margin-bottom: 30px; border-radius: 12px; background: #fff; float: left; width: 100%; -webkit-box-shadow: 3px 3px 5px 6px #ebebeb; -moz-box-shadow: 3px 3px 5px 6px #ebebeb; box-shadow: 3px 3px 5px 6px #ebebeb; } .mapblock { width: 373px; float: left; position: relative; background: url(../images/map-bg.png) no-repeat; } .mapblock:after { content: ''; position: absolute; top: 0px; width: 373px; height: 371px; background: url(../images/map-bg.png) no-repeat; left: 0px; } .hoursinfo { width: 100%; padding-left: 460px; margin-left: -375px; float: left; margin-top: 52px; } .hoursinfo h2 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 43px; } .hoursinfo h2:after { content: ''; position: absolute; top: -21px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .hoursinfo .address, .hoursinfo div a, .hoursinfo div span { font-size: 24px; color: #77797b; font-family: 'Aller_Bd'; text-decoration: none; } .hoursinfo div a:hover { color: #50c2f0; } .hoursinfo .timing span { display: block; } .address { margin-bottom: 36px; } .bloginner .hmbloglist .item { min-height: 295px; } .bloginner .hmblogsection { padding-bottom: 0px; } /********** Footer **********/ #footer { position: relative; background-color: #77787b; border-radius: 10px 10px 0 0; margin-top: -10px; padding: 54px 0 20px 0px; } #footer .wrap-inner { max-width: 1860px; } .footcol { float: left; } .footcol1 { width: 33.7%; } .footcol2 { width: 30.3%; } .footcol3 { width: 36%; } .footaddressinfo { max-width: 320px; margin: 0 auto; padding-top: 60px; } .footaddressinfo .socialmedia { padding: 0; margin: 0 auto 32px; width: 290px; display: block; padding-right: 45px; } .footbookapp { padding-bottom: 30px; } .footbookapp > a { display: block; max-width: 285px; text-decoration: none; color: #50c2f0; position: relative; background-color: #ffffff; padding: 15px 15px 15px 60px; font-size: 22px; line-height: 26px; font-weight: bold; border-radius: 56px; } .footbookapp > a:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -512px top; } .footbookapp > a:hover { text-decoration: none; background-color: #50c2f0; color: #fff; } .footaddinfo { margin: 0; padding: 0 0 0 15px; list-style-type: none; } .footaddinfo > li { float: left; width: 100%; color: #fff; position: relative; font-size: 20px; line-height: 1.2; font-weight: bold; margin: 6px 0; padding-left: 35px; } .footaddinfo > li:after { content: ''; position: absolute; left: 0; top: 3px; width: 13px; height: 22px; background: url(../images/sprites.png) no-repeat -369px top; } .footaddinfo > li:last-child { margin-top: 34px; } .footaddinfo > li a { text-decoration: none; color: #fff; } .footaddinfo > li a:hover { text-decoration: none; color: #50c2f0; } .footoffice { } .footoffrow { } .officedate, .officetime { display: inline-block; vertical-align: top; } .officedate { } .officetime { } .footaddmap { color: #50c2f0; } .footcontact { max-width: 584px; padding-top: 18px; } .footcontact .doctitle { text-align: center; margin-bottom: 80px; } .submitbtn, .button.buttonbtn { display: block; width: 284px; margin: 0 auto; text-decoration: none; color: #fff; position: relative; background-color: #51bce8; padding: 15px 50px; font-size: 22px; line-height: 26px; font-weight: bold; border-radius: 56px; overflow: hidden; } .submitbtn:after, .button.buttonbtn:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -512px top; } .submitbtn:hover, .button.buttonbtn:hover { text-decoration: none; background-color: #fff; color: #51bce8; } .capcharow p { margin-bottom: 0px; } .thank-you { padding: 212px 0px 115px 0px; text-align: center; } .thank-you h2 { font-size: 53px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 5px; } .thank-you p { font-size: 24px; color: #77797b; } .highlevelcare-section.innercontsection { padding-top: 80px; } .foottext { color: #ffffff; font-size: 20px; text-align: center; padding: 10px 0 0; font-weight: bold; width: 100%; margin: 0 auto; } .foottext ul { list-style-type: none; padding: 0; margin: 0; } .foottext ul li { padding: 0 30px; float: none; border-right: 2px solid #fff; line-height: 1.2; display: inline-block; vertical-align: top; } .foottext ul li:last-child { border: none; } .foottext ul li a { color: #ffffff; font-size: 20px; text-decoration: none; font-weight: bold; } .foottext ul li a:hover { color: #fff; } .mobilecallbtn {display: none;position: fixed;bottom: 0;left: 0;right: 0;text-align:center;font-size:16px;font-weight:700;z-index:999;background-color: transparent;} .mobilecallbtn a {font-size: 16px;text-decoration: none;display: block; font-weight: 700;} .mobilecallbtn, .mobilecallbtn a {color: #fff;} /*.mobilecallbtn:hover{background-color: #51bce8;}*/ /********** From Page **********/ .form-list { list-style: none; padding: 0; margin: 0; } .form-list li { padding: 0 0 15px; margin: 0; } .fieldgroup { margin: 0 -6px; width: auto; } .fieldcol { float: left; width: 100%; padding: 0 6px; margin-bottom: 20px; position: relative; } .fieldcol25 { width: 25%; } .fieldcol33 { width: 33.333%; } .fieldcol50 { width: 33.333%; } .footer-inner .footcontact .fieldcol50 { width: 50%; } .fieldcol66 { width: 66.666%; } .fieldcol75 { width: 75%; } .required, .form-list .error { color: #c00; } .form-list .error { display: block; font-size: 12px; } .form-list .textbox-out { margin-bottom: 5px; } .form-list label, .form-list .label { color: #333; display: block; font-weight: normal; padding-bottom: 7px; } .radio-list input { float: left; margin: 5px; clear: left; } .radio-list label, .radio-list .label { float: left; color: #555; } .note { font-size: 12px; font-style: italic; padding: 5px 0 0; } .capcharow { position: relative; padding-left:0; } .capchaimg { position: absolute; left: 0; top: 0; z-index: 1; background-color: #e8e8e8; padding: 14px 0; line-height: 1; width: 48%; border-radius: 30px; text-align: center; } .capchaimg img { width: 84px; height: 28px; } .wpcf7-not-valid { border: 1px solid #f00 !important; } .wpcf7-display-none, .wpcf7-not-valid-tip, .wpcf7-validation-errors { display: none !important; } .thankyoumsg { text-align: center; } #comments { display: none; } #secondary { display: none; } .gallery-section ul { list-style: none; padding: 0; } .error-404.not-found.contentsection { margin-top: 221px; margin-bottom: 100px; padding-left: 20px; } .page-content form { display: none; } .blog-pagination.wp-pagenavi.rf { float: left; width: 100%; text-align: center; margin-top: -5px; } .blog-pagination a, .blog-pagination span {font-size: 16px;} .blog-pagination a:hover{color: #fff;} .nextblog a { text-decoration: none; font-size: 50px; color: #77797B; } .prevblog a { text-decoration: none; font-size: 50px; color: #77797B; } .nextblog { display: inline-block; vertical-align: top; padding: 0px 10px; } .prevblog { display: inline-block; vertical-align: top; padding: 0px 10px; } .comingtitle { text-align: center; margin-top: 10px; } .meetdocdesc { float: right; width: 100%; margin-left: -472px; padding-left: 522px; } .meetdoc-indesc .doctitle { padding-bottom: 23px; } .meetdoctext { max-width: 100%; } .meetdoc-indesc { padding: 10px 0px 0 0; } .itemslider3 .teasercaptext h2 { color: #fff; } .itemslider3 .teasercaptext { animation-name: example; animation-duration: 4s; } /********** Homepage Book Appointment **********/ .home-bookapp { position: relative; padding: 16px 0 43px; margin-bottom: 52px; z-index: 1; } .home-bookapp:before { content: ""; display: block; background-color: #dcdcdd; height: 3px; position: absolute; bottom: 0; left: 50px; right: 50px; } .home-bookapp .doctitle { text-align: center; } .home-bookapp .wpcf7 { display: block; position: relative; padding: 33px 0 0; } .fieldgroup{display: flex;flex-wrap: wrap;} .home-bookapp .fieldcol14 {width: 33.333%; } .fieldcol14 p, .fieldcol50 p, .fieldcol p{margin-bottom: 0px;} .privacynote{text-align: center;} .home-bookapp input::-webkit-input-placeholder { color: #77797b; } .home-bookapp input::-moz-placeholder { color: #77797b; } .home-bookapp input:-ms-input-placeholder { color: #77797b; } .home-bookapp input:-moz-placeholder { color: #77797b; } .home-bookapp .captcha .capcharow { padding: 0; } .home-bookapp .captcha .capcharow input { padding: 10px 90px 10px 30px; } .home-bookapp .captcha .capchaimg { background-color: transparent; left: inherit; right: 7px; width: auto; position: absolute; } .home-bookapp .selectbox { border: 2px solid #5ac5f1;} .home-bookapp .heapBox .holder { color: #77797b; font-size: 18px; font-family: 'NexaLight'; padding: 15px 45px 15px 30px; } .home-bookapp .heapBox .heap .heapOptions .heapOption a { font-size: 16px; font-weight: normal; } .home-bookapp .fieldcol { padding: 0 10px; margin-bottom: 20px; } .home-bookapp .formradio label input[type="radio"] { position: absolute; left: 0; top: 0; display: none; } .home-bookapp .formradio label input[type="radio"]:checked + span { background-color: #5ac5f1; float: left; color: #fff; } .home-bookapp .formradio { height: 56px; margin-bottom: 0; border: 2px solid #51bce8; border-radius: 30px;} .home-bookapp .formradio span.wpcf7-list-item { width: 50%; margin: 0!important; float: left; display: block !important; } .home-bookapp .form-check label { width: 100%; margin-bottom: 0; display: table; border: 0; font-weight: 400; } .home-bookapp .form-check{padding-left: 0px;} .home-bookapp .formradio span.wpcf7-list-item label input[type="radio"] + span { padding: 9px 10px; } .home-bookapp .formradio label input[type="radio"] + span { text-align: center; display: inline-block; font-size: 16px; font-family: 'NexaLight'; line-height: 1; vertical-align: middle; cursor: pointer; float: left; color: #77797b;width: 100%; padding: 3px 0; font-weight: normal; display: table-cell; text-align: center; vertical-align: middle; font-weight: 400; height: 52px; border-radius: 30px;line-height: 32px; } .highlevelcare-block { margin-top: 0; } .home-bookapp .submitbtn { width: 100%;display: block;width: auto;} .home-bookapp .submitbtn:hover { background: #4965bc; color: #fff; } .home-bookapp .submitbtn:hover:after { background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -222px top; } .home-bookapp .fieldcol14.submit { float: none; margin: 0 auto; clear: both; } .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha{transform:scale(0.78);-webkit-transform:scale(0.78);transform-origin:0 0;-webkit-transform-origin:0 0; } .recaptcha .wpcf7-form-control-wrap{height:60px;} .bookapp .recaptcha, .conform .recaptcha, .footcontact .recaptcha{width:238px; margin:20px auto 0 auto;} .footcontact .recaptcha{margin-top:0;} .footcontact .submitbtn{width:144px; font-size:16px;} .bookapp .submitbtn{width:284px; font-size:22px;} @media(max-width: 1700px) { .home-bookapp .fieldcol14.submit { width: 25%; float: left; clear: none; } } @media(max-width: 999px) { .home-bookapp .fieldcol14 { width: 50%; } .home-bookapp .fieldcol14.submit { width: 50%; } .fieldcol50{width: 50%;} .home-bookapp .wpcf7 { padding: 20px 0 0; } .home-bookapp .recaptcha{width:238px; margin:0 auto;} } @media(max-width: 767px) { .home-bookapp .fieldcol14 { width: 100%; } .footer-inner .footcontact .fieldcol50 { width: 100%; } .fieldcol50{width: 100%;} .home-bookapp .fieldcol14.submit { width: 100%; } } @keyframes example { from { left:50px; } to { left: 000px; right: 0; } } .page-id-245 .service-section h2, .page-id-245 .service-section h1 { display: inherit; } .page-id-245 .highlevelcare-block { margin-top: 0; } .highlevelcare-block { margin-top: 0; } .page-id-245 .highlevelcare-block .bookappbtn { display: none!important; } .teasercaption { background-color: rgba(0,0,0,0.5); } .gmap3 iframe{width:100%; height: 100%; border:0;} .blog-pagination a{font-size: 20px;} span.page-numbers.current {font-size: 20px;} .doctorteamsection {padding: 30px 0;} .doctorteamsection .doctorteamrow .item{width: 33.33%;float: left;text-align: center;padding-left: 15px; padding-right: 15px;} .doctorteamsection .container {width: 1170px;margin: auto;padding-left: 15px; padding-right: 15px;} .single-doctor .container {width: 1170px;margin: auto;padding-left: 15px; padding-right: 15px;} .single-doctor .contentsection {text-align: center;} .single-doctor .singleteambox .row {padding-left: 15px;padding-right: 15px;} .doctorteamsection .doctorteamrow .item .teamlistcol-title{padding: 15px 0;margin: 0;} .doctorteamsection .doctorteamrow .item .teamlistcol-title a{text-decoration: none;} .page-id-1444 .highlevelcare-block .bookappbtn { display: none; } a.booknow {width: 50%;float: right;} .mobilecallbtn a{width: 50%;text-align: center;float: left;padding: 10px 0px;} .mobilecallbtn a:first-child{border-right: 1px solid #fff;} .mobilecallbtn a{background-color: #4965bc;} .mobilecallbtn a:hover{background-color: #51bce8;} .reviews-section{margin-top: 0px !important} .reviews-section .pozatie{margin:0 auto;max-width: 400px } .page-id-1051 .doctorteamrow { display: flex; flex-wrap: wrap; justify-content: center;} .single-team .container {width: 1170px;margin: auto;padding-left: 15px; padding-right: 15px;} .single-team .contentsection {text-align: center;} .single-team .singleteambox .row {padding-left: 15px;padding-right: 15px;} .promotionslist a { text-decoration: none; display: block; } .promotionslist a:hover .promotionsbox strong{ color: #4965bc; } .promotionslist a:hover .promomidtext p{ color: #4fc1ef; } .promotext { max-width: 100% !important; padding-left: 70px !important; padding-right: 50px !important; } .accessability_container button, .accessability_container button:focus{ border-radius: 0 !important; } .hmgallerysection .gallerylist .item { margin-bottom: 0; width: 33.333333%; padding: 0px 15px; } .galleryopt1.hmgallerysection { padding: 40px 0px; } .aboutcontent { background-position: center center; background-repeat: no-repeat; } .media-thumb { position: relative; } .hmgallerysection .gallerylist .item .media-thumb a { display: block; } .gallerylist .media-thumb img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block; } .hmgallerysection .row { display: flex; flex-wrap: wrap; } .row.hm-videos { display: flex; align-items: center; flex-wrap: wrap; } .row.hm-videos .col-sm-6 { width: 50%;padding: 0 15px;margin: 10px 0; } .row.hm-videos p{font-size: 18px;} .video-section { padding-bottom: 40px; } .row.hm-videos img{max-width: 500px;margin: 0 auto; display: block;width: 100%;} .video-div { position: relative; } .row.hm-videos .video-div img{ visibility: hidden; width: 100%; max-width: 100%; } .video-div video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .video-div br{display: none;} .video-main .row.hm-videos { display: flex; align-items: flex-start; flex-wrap: wrap; } #container{padding-top: 153px;} .home #container{padding-top: 209px;} .we_hiring { padding: 0 15px; text-align: center; background: #292a6b; color: #fff; } .we_hiring button.btn.btn-primary { margin: 0; padding: 10px 15px; font-size: 18px; font-weight: 600; background: transparent; border: 0; width: 100%; outline: none; } .we_hiring { padding: 0 15px; text-align: center; background: #50c2f0; color: #fff; } .we_hiring button.btn.btn-primary { margin: 0; padding: 10px 15px; font-size: 18px; font-weight: 600; background: transparent; border: 0; width: 100%; outline: none; } .btn.btn-primary:hover { color: #4965bc; } .modal-content { max-width: 500px; position: relative; height: 500px; } .modal-content .fieldgroup .fieldcol50 { width: 100%; } .modal-content .fieldgroup .fieldcol50 input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border: 2px solid #50c2f0; border-radius: 30px;height: 56px; outline: none; color: #77797b;padding: 10px 30px; } .modal-content .fieldgroup .fieldcol50 .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-textarea:focus { height: 56px !important; resize: none; outline: none; } .modal-title { text-align: center; padding: 10px 0 0; font-size: 24px; color: #50c2f0; } .modal-content .close { position: absolute; top: -10px; right: -10px; background: #50c2f0; opacity: 1; width: 35px; height: 35px; border-radius: 50px; color: #fff; z-index: 9; padding: 0 10px; } .modal-content .close { margin-top: -2px; } .submitbtn:hover { color: #fff; background-color: #4965bc; } .modal-content .fieldgroup .fieldcol50 input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="date"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder, textarea::placeholder{color: #77797b;} .modal-content .fieldcol.fieldcol50.subbtn {width: 100%;margin-top: 25px;} .wpcf7-form-control.wpcf7-textarea {overflow: hidden;} #custompopup{padding-right: 0px;z-index: 99999;} #custompopup .modal-dialog{position: absolute;top: 50%;left: 50%;display: block;text-align: center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);max-width: 600px;margin: 0 auto;width: 100%;padding: 0px 15px;} #custompopup .modal-header{border-bottom: 0px; background-color: #77787b; border-radius:0; } #custompopup .modal-header p { color: #fff; } #custompopup .modal-header .close{margin-top: 0;width: 30px;height: 30px;background: #50c2f0;opacity: 1;position: absolute;right: -15px;top: -15px;border-radius: 50%;color: #fff;padding: 0;overflow: hidden;} #custompopup .modal-header .close:hover{background: #4965bc;} #custompopup .modal-body{padding: 0 30px; background-size: cover; background-position: center; background-repeat: no-repeat;} .modal-body .lines { display: inline-block; padding-top: 20px; } .modal-body .lines hr { border: 2px solid #77787b; opacity: inherit; } .modal-body .lines span { text-transform: uppercase; display: block; font-weight: 600; } #custompopup .modal-body p { margin-bottom: 1rem; } #custompopup .modal-body .lines p { margin-bottom: 0; padding: 0 20px; } #custompopup .modal-content{max-width: 100%;height: auto;width: 100%;padding: 0px; border: 8px solid #50c2f0; border-radius: 0; border-bottom: none; } #custompopup h2{font-size: 28px;font-weight: 600;text-align: center;margin: 0px 0px 30px;color: #50c2f0;} #custompopup p{margin-bottom: 0px; font-size: 16px;} #custompopup .modal-footer { justify-content: center; background-color: #50c2f0; border-radius: 0; } #custompopup .modal-footer p { color: #fff; margin: 0 } .conform input[type="text"], .conform input[type="email"], .conform input[type="date"], .conform input[type="tel"], .conform input[type="number"], .conform input[type="url"], .conform input[type="password"], .conform input[type="search"], .conform select, .conform textarea, .home-bookapp input[type="text"], .home-bookapp input[type="email"], .home-bookapp input[type="date"], .home-bookapp input[type="tel"], .home-bookapp input[type="number"], .home-bookapp input[type="url"], .home-bookapp input[type="password"], .home-bookapp input[type="search"], .home-bookapp select, .home-bookapp textarea, .bookapp .fieldcol input{ border: 2px solid #5ac5f1; width: 100%; height: 56px; padding: 10px 30px; font-size: 18px; line-height: 30px; font-family: 'NexaLight'; font-weight: 400; color: #77797b; border-radius: 30px; outline: none; } .coninfo ::placeholder { color: #77797b; opacity: 1; } .coninfo .service-section h2, .coninfo .service-section h1 { text-align: center; } .conform .row .col-md-4, .conform .row .col-md-8{padding: 0px 6px;} .footer-inner .footcontact input, .footer-inner .footcontact select, .footer-inner .footcontact textarea{border-color: #fff;color: #fff;} .footer-inner .footcontact input::placeholder, .footer-inner .footcontact textarea::placeholder{color: #fff;} .footer-inner .privacynote, .footer-inner .privacynote a{color: #fff;} .footer-inner .privacynote a:hover{color: #5ac5f1;} .form-control:focus{border-color: #5ac5f1;box-shadow: none;} .footcontact textarea{line-height: 30px;} .header-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; height: 113px; } #flags { width: auto!important; margin-left: 10px; height: 18px; } .googlelanguagetranslate { margin-right: 15px; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-next:hover { background: url(../../../themes/dental-arts/images/sprites.png) no-repeat -355px 8px #4965bc; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-prev:hover { background: url(../../../themes/dental-arts/images/sprites.png) no-repeat -382px 8px #4965bc; } .pagebooksubmitbar { text-align: center; } .page-id-2326 .highlevelcare-block { display: none; } .page-id-2326 .service-section h2 { display: none; } .page-id-2326 .service-section .entry-content { display: flex; flex-flow: column; align-items: center; justify-content: center; } .page-id-2326 .service-section .entry-content video { width: 100%; height: auto; max-width: 540px; max-height: 600px; } .page-id-2326 .service-section h1:after { display: none; } .hmservicsection .hmtitle h2 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: 700; letter-spacing: .1em; } .hmserviceslider .item { width: 100%; } .hmservicebox { text-align: left } .hmservicebox a:hover h3 { text-decoration: none; color: #3680c5 } .hmservicebox h3 { font-size: 22px; color: #384657; font-weight: 700; line-height: 1.1; text-transform: uppercase; margin: 0 0 18px 0; position: relative; padding-bottom: 18px } .hmservicebox h3:after { content: ''; position: absolute; background-color: #3680c5; width: 85px; height: 2px; left: 0; bottom: 0 } .hmserviceicon { width: 75px; height: 75px; display: block; background-size: 75px; background-position: left center; background-repeat: no-repeat; text-align: left; text-indent: -999em; margin-bottom: 15px } .hmserviceblock,.hmserviceblock .hm-service-imge,.hmserviceblock span,.hmserviceblock h3,.hmserviceblock h3 a,.hmserviceblock p,.hmserviceblock .button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .hmserviceblock { text-align: center; padding: 40px } .hmserviceblock .hm-service-imge { margin-bottom: 35px; border-radius: 0 50%; overflow: hidden } .hmserviceblock:hover .hm-service-imge { border-radius: 50% 0 } .hmserviceblock span { width: 95px; height: 95px; display: block; background-size: 75px; background-position: center center; border-radius: 100%; border: 1px solid #fff; background-repeat: no-repeat; text-align: center; text-indent: -999em; margin: 0 auto 20px } .hmserviceblock h3 { font-size: 24px; color: #fff; line-height: 1.1; margin: 0 0 15px; font-weight: 400 } .hmserviceblock h3 a { color: #fff } .hmserviceblock h3 a:hover { color: #384657 } .hmserviceblock p { margin: 0; color: #fff; } .hmserviceblock:hover p { color: #77787b; } .hmserviceblock .button { margin-top: 20px } .hmserviceblock:hover { background-color: #ccc } .hmserviceblock:hover .button { opacity: 1 } .hmsersmdet p { font-size: 12px; line-height: 1.1; text-transform: uppercase; margin-bottom: 10px } .hmsersmdet h2 { font-size: 35px; font-weight: 500; line-height: 1.1; margin: 0 0 8px 0 } .hmsersmdet h2 span { color: #3680c5 } .hmserbox { padding-left: 90px; position: relative; margin-bottom: 40px; display: inline-block } .hmsevicon { display: block; height: 65px; width: 65px; margin: 0; position: absolute; left: 0; top: 0; text-decoration: none; background-position: left top; background-repeat: no-repeat; background-size: 100% } .hmserbox h3 { font-size: 24px; color: #3680c5; line-height: 1.1; margin: 0 0 10px 0; font-weight: 400 } .hmserbox h3 a { color: #3680c5 } .hmserbox h3 a:hover { color: #384657 } .hmserbox p { margin: 0 } .hmserrow .item:nth-child(3) .hmserbox,.hmserrow .item:last-child .hmserbox { margin-bottom: 0 } .hmserlist-one .item { width: 100% } .hmserlist-two .hmserbox,.hmserlist-one .hmserbox { margin-bottom: 0 } .hmserviceblock { background-color: #77787b; } .hmserviceblock:hover { background-color: #ccc; } .hmserviceblock h3 a { text-decoration: none; } .hmgallery-section { margin-top: 0; } .hm-service-imge img { width: auto; height: 280px; object-fit: cover; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-prev { right: -50px; background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -355px 8px #51bce8; text-indent: -999em; } .hmserviceslider.owl-carousel .owl-controls .owl-nav [class*="owl-"] { position: absolute; top: 35%; width: 36px; z-index: 1; height: 36px; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-next { left: -50px; background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -382px 8px #51bce8; text-indent: -999em; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-next:hover { background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -382px 8px #4965bc; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-prev:hover { background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -355px 8px #4965bc; } .hmserviceblock:hover h3, .hmserviceblock:hover h3 a { color: #51bce8; } .itemslider5 .teasercaptext { max-width: 891px; margin: 0 auto; } .itemslider5 .teasercaptext p { font-size: 20px; color: #fff; margin-bottom: 15px; } .itemslider5 .teasercaptext hr { color: #fff; border: 2px solid #fff; opacity: inherit; } .itemslider5 .teasercaptext h2 { color: #50c2f0; margin-bottom: 1rem; font-weight: 600; } .inline-hr { display: inline-block; } .itemslider5 .teasercaptext .uppercase { font-size: inherit; text-transform: uppercase; } /********* Fontface Fonts *********/ @font-face { font-family: 'Aller_Lt'; src: url('fonts/Aller_Lt.eot'); src: url('fonts/Aller_Lt.eot') format('embedded-opentype'), url('fonts/Aller_Lt.woff2') format('woff2'), url('fonts/Aller_Lt.woff') format('woff'), url('fonts/Aller_Lt.ttf') format('truetype'), url('fonts/Aller_Lt.svg#Aller_Lt') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Aller_Rg'; src: url('fonts/Aller_Rg.eot'); src: url('fonts/Aller_Rg.eot') format('embedded-opentype'), url('fonts/Aller_Rg.woff2') format('woff2'), url('fonts/Aller_Rg.woff') format('woff'), url('fonts/Aller_Rg.ttf') format('truetype'), url('fonts/Aller_Rg.svg#Aller_Rg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Aller_It'; src: url('fonts/Aller_It.eot'); src: url('fonts/Aller_It.eot') format('embedded-opentype'), url('fonts/Aller_It.woff2') format('woff2'), url('fonts/Aller_It.woff') format('woff'), url('fonts/Aller_It.ttf') format('truetype'), url('fonts/Aller_It.svg#Aller_It') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Aller_Bd'; src: url('fonts/Aller_Bd.eot'); src: url('fonts/Aller_Bd.eot') format('embedded-opentype'), url('fonts/Aller_Bd.woff2') format('woff2'), url('fonts/Aller_Bd.woff') format('woff'), url('fonts/Aller_Bd.ttf') format('truetype'), url('fonts/Aller_Bd.svg#Aller_Bd') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Aller_BdIt'; src: url('fonts/Aller_BdIt.eot'); src: url('fonts/Aller_BdIt.eot') format('embedded-opentype'), url('fonts/Aller_BdIt.woff2') format('woff2'), url('fonts/Aller_BdIt.woff') format('woff'), url('fonts/Aller_BdIt.ttf') format('truetype'), url('fonts/Aller_BdIt.svg#Aller_BdIt') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'NexaLight'; src: url('fonts/NexaLight.eot'); src: url('fonts/NexaLight.eot') format('embedded-opentype'), url('fonts/NexaLight.woff2') format('woff2'), url('fonts/NexaLight.woff') format('woff'), url('fonts/NexaLight.ttf') format('truetype'), url('fonts/NexaLight.svg#NexaLight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'NexaBold'; src: url('fonts/NexaBold.eot'); src: url('fonts/NexaBold.eot') format('embedded-opentype'), url('fonts/NexaBold.woff2') format('woff2'), url('fonts/NexaBold.woff') format('woff'), url('fonts/NexaBold.ttf') format('truetype'), url('fonts/NexaBold.svg#NexaBold') format('svg'); font-weight: bold; font-style: normal; } /********* Reset CSS *********/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a { outline: 0; text-decoration: underline; color: #77797b; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } a:hover { text-decoration: none; color: #50c2f0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } b, strong, dt, th { font-weight: bold; } em, i { font-style: italic; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0; padding: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } figure { margin: 0; } legend { white-space: normal; } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } table { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none; } table table { margin: 0 } th, td { border: none; padding: 8px 10px } caption, th, td { font-weight: normal; } /********* Clear floats *********/ .cf:before, .cf:after, .wrap-inner:before, .wrap-inner:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radio-list:after, .radio-list:before, .fieldgroup:after, .fieldgroup:before { content: " "; display: table } .cf:after, .wrap-inner:after, .row:after, ul:after, .boxs:after, .radio-list:after, .fieldgroup:after { clear: both } /********* Common Classes *********/ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 20px 0; padding: 0 } body, button, input, select, textarea { color: #77797b; font-family: 'Aller_Rg', Arial, Helvetica, sans-serif; font-size: 87.5%; /*font-size:14px;*/ line-height: 1.4; overflow-x: hidden; } body { background-color: #fff; } h1 { font-size: 2.308em; } h2 { font-size: 2.000em; } h3 { font-size: 1.692em; } h4 { font-size: 1.538em; } h5 { font-size: 1.385em; } h6 { font-size: 1.231em; } ul { padding: 0 0 0 20px; } ol { padding: 0 0 0 20px } ul ul, ol ol { margin: 10px 0 } ul.bullet { list-style: none; padding: 0; } ul.bullet li { background: url(../images/right-arrow.gif) no-repeat left 7px; padding: 2px 0 2px 15px; } p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; } /********* Form fields *********/ button, input, select, textarea { margin: 0; vertical-align: baseline; background-color: transparent; border: none; } input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], textarea { -webkit-appearance: none; } input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border: 2px solid #fff; width: 100%; height: 56px; padding: 10px 30px; font-size: 18px; line-height: 22px; font-family: 'NexaLight'; font-weight: normal; color: #fff; border-radius: 30px;outline: none;} textarea { overflow: auto; vertical-align: top; resize: none; height: 132px; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; margin: 0 5px 0 0; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio } input[type="submit"], input[type="button"], input[type="reset"], button, .button { cursor: pointer; outline: 0; text-decoration: none; margin: 0; display: inline-block; vertical-align: top; border: none; background-color: #51bce8; color: #fff; height: 56px; font-size: 22px; line-height: 26px; font-weight: bold; padding: 15px 30px; border-radius: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color: #fff; background-color: #4965bc; } input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color: #888; } fieldset { display: block; border: 0 none; margin: 0; padding: 0 } label { display: block; font-weight: normal; } .alignleft { float: left } .alignright { float: right; } .filesize { font-size: 12px; display: inline-block; vertical-align: middle; margin-left: 3px; } .exticon { vertical-align: middle; margin-left: 3px; } .rsicon { display: inline-block; margin-right: 2px; height: 11px; text-indent: -999px; overflow: hidden; width: 11px;} .bold { font-weight: bold; } .italic { font-style: italic; } .longword, .wordbreak { word-wrap: break-word; } /********** Start Adit Web Data Form **********/ .pageformsubmitbar{text-align: center;float: left;width: 100%;} .pageformsubmitbar .submitbarcapcha,.pageformsubmitbar .submitbarbtn{display: inline-block;vertical-align: middle;text-align: center;margin: 0 10px 15px 10px;} .aawformblock .aawfieldgroup{text-align: center; margin:0;} .aawformblock .aawfieldcol{text-align: left;} .aawformblock .aawfieldcol > label{display: none;} .aawformblock .aawfieldcol input, .aawformblock .aawfieldcol input:focus, .aawformblock .aawfieldcol textarea, .aawformblock .aawfieldcol textarea:focus, .aawformblock .aawfieldcol select, .aawformblock .aawformradiocol label, .aawformblock .heapBox .holder{border:3px solid #f7f7f7;width:100%;height:56px;padding:10px 30px;font-size:18px;line-height:22px;font-family:'NexaLight';font-weight:normal;color:#fff;border-radius:30px} .aawformblock .heapBox .holder{display:block;width:100%;position:relative;background:#fff;border:0;color:#333;font-size:14px;height:56px;line-height:22px;padding:15px 45px 15px 28px;z-index:10} .aawformblock .aawformradiobox{height:56px;margin-bottom:0;border:3px solid #51bce8;border-radius:30px;background-color:#51bce8} .aawformblock .aawfieldcol textarea, .aawformblock .aawfieldcol textarea:focus{ overflow: auto; vertical-align: top; resize: none; height: 132px !important; } .aawformblock .aawformradiocol label{line-height:1;vertical-align:middle;cursor:pointer;height:50px;border-radius:30px;padding:3px} /* Home Banner Form */ .hmbannerform{padding-top: 20px;} .hmbannerform .aawfieldcol input, .hmbannerform .aawfieldcol input:focus, .hmbannerform .aawfieldcol textarea, .hmbannerform .aawfieldcol textarea:focus, .hmbannerform .aawfieldcol select, .hmbannerform .aawformradiocol label, .hmbannerform .heapBox .holder{ color: #5ac5f1; border: 2px solid #5ac5f1; background-color: #fff; font-size: 16px; } .hmbannerform .aawformradiobox{border-color:#5ac5f1;} .hmbannerform .aawformradiocol label{color: #ffffff; background-color: #5ac5f1; border-color: #5ac5f1;} .hmbannerform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .hmbannerform .button.buttonbtn { width: auto; transition: inherit;} .hmbannerform .button.buttonbtn:hover { background: #4965bc; color: #fff;} .hmbannerform .button.buttonbtn:hover:after {background: url(../images/sprites.png) no-repeat -222px top;} /* Footer Form */ .footerbookform .aawfieldcol33{width: 50%;} .footerbookform .aawfieldcol33.aawfieldselect,.footerbookform .aawfieldcol33.aawfrmradiocol{width: 100%;} .footerbookform .aawfieldcol input, .footerbookform .aawfieldcol input:focus, .footerbookform .aawfieldcol textarea, .footerbookform .aawfieldcol textarea:focus, .footerbookform .aawfieldcol select, .footerbookform .aawformradiocol label, .footerbookform .heapBox .holder{ color: #ffffff; border: 3px solid #ffffff; font-size: 16px; background: transparent; } .footerbookform .aawformradiobox{border-color:#ffffff; background: transparent;} .footerbookform .aawformradiocol label{color: #ffffff; background-color: transparent; border-color: transparent;} .footerbookform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .footerbookform .button.buttonbtn { width: auto; transition: inherit;} .footerbookform .button.buttonbtn:hover { background: #ffffff; color: #5ac5f1;} /* Book Appointment Page Form */ .bookaptmntform .aawfieldcol33{width: 50%;} .bookaptmntform .aawfieldcol input, .bookaptmntform .aawfieldcol input:focus, .bookaptmntform .aawfieldcol textarea, .bookaptmntform .aawfieldcol textarea:focus, .bookaptmntform .aawfieldcol select, .bookaptmntform .aawformradiocol label, .bookaptmntform .heapBox .holder{ border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; font-size: 18px;} .bookaptmntform .heapBox .holder{padding: 14px 45px 14px 28px;} .bookaptmntform .aawformradiobox{border-color:#5ac5f1;} .bookaptmntform .aawformradiocol label{color: #ffffff; background-color: #5ac5f1; border-color: #5ac5f1;} .bookaptmntform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .bookaptmntform .button.buttonbtn { width: auto; transition: inherit;} .bookaptmntform .button.buttonbtn:hover { background: #4965bc; color: #fff;} .bookaptmntform .button.buttonbtn:hover:after {background: url(../images/sprites.png) no-repeat -222px top;} /* Contact Page Form */ .contactpageform .aawfieldcol33{width: 50%;} .contactpageform .aawfieldcol input, .contactpageform .aawfieldcol input:focus, .contactpageform .aawfieldcol textarea, .contactpageform .aawfieldcol textarea:focus, .contactpageform .aawfieldcol select, .contactpageform .aawformradiocol label, .contactpageform .heapBox .holder{ border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; font-size: 18px;} .contactpageform .heapBox .holder{padding: 14px 45px 14px 28px;} .contactpageform .aawformradiobox{border-color:#5ac5f1;} .contactpageform .aawformradiocol label{color: #ffffff; background-color: #5ac5f1; border-color: #5ac5f1;} .contactpageform .aawformradiocol input[type="radio"]:checked + label{background-color: #ffffff; color: #5ac5f1; border-color: #ffffff;} .contactpageform .button.buttonbtn { width: auto; transition: inherit;} .contactpageform .button.buttonbtn:hover { background: #4965bc; color: #fff;} .contactpageform .button.buttonbtn:hover:after {background: url(../images/sprites.png) no-repeat -222px top;} /********** End Adit Web Data Form **********/ /********** Image Formating & Alignment **********/ .imgleft { float: left; margin-right: 20px; margin-bottom: 20px; } .imgright { float: right; margin-left: 20px; margin-bottom: 20px; } .imgcenter { float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block; } .imgborder { border: 1px solid #ccc; padding: 5px } .rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .shadow { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding: 4px; } /********** Alignment **********/ .left { text-align: left !important } .right { text-align: right !important } .center { text-align: center !important } .justify { text-align: justify !important } /********** Error/Alert Messages **********/ .message { padding: 10px 38px 10px 10px; margin-bottom: 20px; border: 1px solid transparent; position: relative; } .message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .message.success a { color: #2b542c; } .message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .message.error a { color: #843534; } /********** Table **********/ .tableOut { overflow-y: hidden; overflow-x: auto } table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none; border-top: 1px solid #E9E9EA; border-left: 1px solid #E9E9EA; } table table, .tableData table { margin: 0 } th, td, .tableData th, .tableData td { border: none; padding: 8px 10px; border-bottom: 1px solid #E9E9EA; border-right: 1px solid #E9E9EA; } table tr:nth-child(odd) td { background-color: #efefef; } caption, th, td { font-weight: normal; background: #fff } th, .tableData th { background: #f3f3f3 } .tableScroll { overflow-y: hidden; overflow-x: auto } /* ******** Grid : 12 Coloum and Boxs ******** */ .example div div, .example .boxs li { border: 1px solid #eee; margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px } .row { margin: 0 -15px 20px; width: auto; } .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float: left; padding-left: 15px; padding-right: 15px; } .cols12 { width: 100% } .cols11 { width: 91.66666667% } .cols10 { width: 83.33333333% } .cols9 { width: 75% } .cols8 { width: 66.66666667% } .cols7 { width: 58.33333333% } .cols6 { width: 50% } .cols5 { width: 41.66666667% } .cols4 { width: 33.33333333% } .cols3 { width: 25% } .cols2 { width: 16.66666667% } .cols1 { width: 8.33% } .boxs { list-style: none; padding: 0; margin: 0; } .boxs2 { margin-left: -2%; } .boxs3 { margin-left: -2%; } .boxs4 { margin-left: -2%; } .boxs5 { margin-left: -2%; } .boxs6 { margin-left: -2%; } .boxs > li, .boxs > div { float: left; min-height: 1px; margin-left: 30px; } .boxs2 > li, .boxs2 > div { width: 48%; margin-left: 2%; } .boxs3 > li, .boxs3 > div { width: 31%; margin-left: 2%; } .boxs4 > li, .boxs4 > div { width: 23%; margin-left: 2%; } .boxs5 > li, .boxs5 > div { width: 18%; margin-left: 2%; } .boxs6 > li, .boxs6 > div { width: 14.6%; margin-left: 2%; } .boxborder { padding: 5px; border: 1px solid #ccc; } /********** Owl Carousel **********/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden;/* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); z-index: 1; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-backface-visibility: visible; backface-visibility: visible; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-grab { cursor: move; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owlCarousel.carouselBlock .item { border: 1px solid #ddd; text-align: center; height: 100px; line-height: 100px; } .owl-theme .owl-controls { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-controls .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-dots .owl-dot { display: inline-block; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } /* jQuery FlexSlider v2.6.0 */ @font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0; border: none; position: relative; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: 15px; text-align: center; z-index: 8; } .flex-control-nav li { margin: 5px; display: inline-block; } .flex-control-paging li a { width: 13px; height: 13px; border: 2px solid #6f5d5b; display: block; background: none; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .flex-control-paging li a:hover { background: #6f5d5b; } .flex-control-paging li a.flex-active { background: #6f5d5b; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /********** Responsive Tab **********/ .restab { position: relative; border: 1px solid #00c5ad; } .tabnav { margin: 0; padding: 0; list-style: none } .tabnav li { display: inline-block; margin: 0; position: relative; background-color: #00c5ad; } .tabnav li a { display: inline-block; padding: 10px 12px; text-decoration: none; font-size: 14px; font-weight: bold; color: #fff; } .tabnav .r-tabs-state-active a { color: #00c5ad; text-shadow: none; background-color: white; } .tab-content { padding: 15px; display: none; } .restab .r-tabs-panel.r-tabs-state-active { display: block; } .restab .r-tabs-accordion-title { display: none; } .tabnav .r-tabs-state-disabled { opacity: 0.5; } .restab .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00c5ad; color: #fff; font-weight: bold; text-decoration: none; } .restab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background-color: #fff; color: #00c5ad; text-shadow: none; } .restab .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5; } /********* Back to Top **********/ #backtotop {cursor: pointer; display: none; height: 17px; width: 32px; overflow: hidden; position: fixed; right: 10px; bottom: 20px; text-indent: -99999px; z-index: 999; display: none } /********* Accordion ******** */ .accordion { margin-bottom: 20px; } .accordion .acclink { background: url(../images/plus.png) left 5px no-repeat; padding-left: 20px; cursor: pointer; font-weight: bold } .accordion .acclink a { display: block; text-decoration: none; outline: 0 } .accordion .acclink.active { background: url(../images/minus.png) left 5px no-repeat !important; } .accord-detail { padding: 10px 20px; display: none } /********* LiteBox v1.3 **********/ .litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .litebox-overlay { width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 9999; } .litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; -webkit-animation: liteboxLoader 1s linear infinite; -moz-animation: liteboxLoader 1s linear infinite; -ms-animation: liteboxLoader 1s linear infinite; -o-animation: liteboxLoader 1s linear infinite; animation: liteboxLoader 1s linear infinite; } .litebox-overlay .litebox-text { width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .litebox-overlay .litebox-text.active { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; } .litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(../images/litebox-close.png) no-repeat center; opacity: .7; position: absolute; top: 20px; right: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; } .litebox-overlay .litebox-nav { width: 60px; height: 60px; margin-top: -30px; opacity: .2; position: absolute; top: 50%; z-index: 9999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; } .litebox-overlay .litebox-prev { background: url(../images/litebox-prev.png) no-repeat center; left: 20px; } .litebox-overlay .litebox-next { background: url(../images/litebox-next.png) no-repeat center; right: 20px; } .litebox-overlay .litebox-container { position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; overflow: hidden; } .litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; } .litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; } .litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; } .litebox-overlay .litebox-inline-html { width: 100%; padding: 20px; background: #FFF; line-height: normal; overflow-x: hidden; line-height: normal !important; position: absolute; } .litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; text-align: center; line-height: inherit; } .litebox-overlay .litebox-error span { background: rgba(0, 0, 0, .9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; } @media only screen and (max-width: 479px) { .litebox-overlay .litebox-close {top: 5px;right: 5px;width: 25px;height: 25px;background-size: contain;z-index: 2;} .litebox-overlay .litebox-nav {width: 40px;height: 40px;margin-top: -20px;background-size: contain;} } /*----Date Picker----*/ .ui-datepicker, .eventCalOut, .calendarIcon { background-color: #185db9; } .ui-datepicker th, .ui-state-highlight { background-color: #052847; } .ui-state-active, .ui-datepicker tbody a:hover { background-color: #4965bc !important; } .ui-state-disabled span{opacity: 0.6;} .ui-datepicker-prev span, .ui-datepicker-next span { } .ui-datepicker { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size: 12px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height: 25px; background-color: #fff; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border: 0 none; } .ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; background-color: transparent; } .ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd { background-color: transparent; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; width: 32px;height: 32px;line-height: 30px;border-radius: 50%;} .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; overflow: hidden; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } /*----Date Picker----*/ .eventcal-out { position: absolute; width: 222px; right: -222px; float: right; top: 70px; z-index: 22; } .calendar-icon { width: 50px; height: 52px; position: absolute; left: -50px; } .calendar-icon span { background-position: -113px -27px; width: 29px; height: 29px; margin: 10px; } .calendar-out { padding: 5px; } .calendar-out .ui-datepicker { width: 100%; } .calendar-out .button { background-color: #2979ca; color: #fff; display: block; text-align: center; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .calendar-out .button:hover { background-color: #173C84; } .ui-datepicker tbody a { color: #fff; } .ui-datepicker-title { font-size: 18px; font-weight: normal; color: #fff; } .ui-datepicker th { text-transform: uppercase; font-weight: normal; color: #fff; } .ui-datepicker-prev, .ui-datepicker-next { width: 25px; font-size: 16px; height: 25px; display: inline-block; margin: 0; cursor: pointer; color: #fff; } .ui-datepicker-prev span { background-position: -147px -27px; overflow: hidden; width: 25px; height: 25px; position: static; margin: 5px 0 0; } .ui-datepicker-next span { background-position: -175px -27px; overflow: hidden; width: 25px; height: 25px; position: static; margin: 5px 0 0; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; line-height: 25px; } .ui-datepicker-trigger { display: block; width: 30px; height: 30px; margin: 8px 0 0 15px; vertical-align: top; overflow: hidden; background: transparent !important; padding: 0; margin: 0; position: absolute; right: 20px; top: 7px; } .ui-datepicker-trigger:after{font: normal normal normal 14px/1 FontAwesome;content: "\f073";font-size: 22px;} .cal-icon { background-position: -205px -107px; width: 30px; height: 30px; display: block; vertical-align: top; } /********* ! Font Awesome 4.6.3 ******** */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } /********** Custom Selectbox HeapBox **********/ .heapBox { clear: both; position: relative; } .heapBox:before, .heapBox:after { content: " "; display: table } .heapBox:after { clear: both } .heapBox * { margin: 0; padding: 0; outline: none; } .heapBox.disabled .holder { color: #FFBC46; } .heapBox a { text-decoration: none; color: #fff; } .heapBox .holder { display: block; width: 100%; position: relative; background: #fff; border: none; height: 52px; color: #333; font-size: 14px; height: 52px; line-height: 22px; padding: 15px 45px 15px 28px; z-index: 10; } .heapBox .handler { position: absolute; right: 0; top: 0; width: 45px; height: 100%; background: url(../images/heapbox-arrow.png) no-repeat center center; z-index: 99; } .heapBox div.heap { display: none; position: absolute; list-style-type: none; left: 0; width: 100%; top: 100%; overflow: hidden; z-index: 999; } .heapBox .heap .heapOptions { display: block; overflow: hidden; z-index: 20; position: relative; background-color: #50c2f0;} .heapBox .heap a.sliderUp { display: block; width: 100%; height: 15px; background: #fff; background-repeat: no-repeat; background-position: center center; border-bottom: 1px solid #d18814; position: absolute; top: 0px; z-index: 30; } .heapBox .heap a.sliderDown { display: block; width: 100%; height: 15px; background: #fff; background-repeat: no-repeat; background-position: center center; border-top: 1px solid #d18814; position: absolute; bottom: 0px; z-index: 30; } .heapBox .heap .heapOptions .heapOption { z-index: 20; position: relative; display: block; padding: 0; margin: 0; float: left; width: 100%; margin: 1px 0; } .heapBox .heap .heapOptions .heapOption a { display: block; font-size: 16px; line-height: 22px; padding: 9px; text-align: left; text-transform: uppercase; color: #fff; border-bottom: 1px solid #fff; font-weight: 400; } .heapBox .heap .heapOptions .heapOption a.disabled { color: #F6BB5A; } .heapBox .heap .heapOptions .heapOption a:hover{background: #4965bc;} .shipping-region .heapBox .heap .heapOptions { height: 208px; overflow: auto; } /********* googmap - Google Map API *********/ .gmap3 { border: none; width: 100%; height: 494px; } .gmap3 img { max-width: inherit } /** * Sky jQuery Touch Carousel * Version: 1.0.2 */ @media only screen and (min-width: 480px) and (max-width: 767px) { .sky-carousel .sc-overlay { width: 88px !important; } } @media only screen and (max-width: 479px) { .sky-carousel .sc-overlay { width: 15px !important; } .sky-carousel .sc-nav-button.sc-next { right: 5px !important; } .sky-carousel .sc-nav-button.sc-prev { left: 5px !important; } } .js .sky-carousel { visibility: hidden; } .sky-carousel { width: 100%; height: 360px; position: relative; overflow: hidden; margin: 0 auto; } .sky-carousel .sky-carousel-container { position: relative; list-style-type: none; float: left; margin: 0; padding: 0; } .sky-carousel .sky-carousel-container li { position: absolute; border: 0; } .sky-carousel .sky-carousel-container li img { display: block; max-width: none !important; border-radius: 10px; } .sky-carousel .sky-carousel-container .sc-content { display: none; } .sky-carousel .sc-content-wrapper { display: none; position: absolute; text-align: center; top: 7%; left: 50%; z-index: 4999; } .sky-carousel .sc-content-container { position: relative; left: -50%; padding: 0; } .sky-carousel .sc-content-wrapper .sc-content-container .sc-content { background-color: #252525; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px; box-shadow: 0px 2px 1px rgba(44, 44, 44, 0.1); -webkit-box-shadow: 0px 2px 1px rgba(44, 44, 44, 0.1); -moz-box-shadow: 0px 2px 1px rgba(44, 44, 44, 0.1); min-width: 240px; } .sky-carousel .sc-content-wrapper .sc-content-container:after { position: absolute; display: block; content: ""; border: solid 10px transparent; border-top: solid 10px #212121; width: 0; height: 0; left: 50%; margin-left: -10px; } .sky-carousel .sc-content-wrapper h2 { color: #fff; font-weight: bold; font-size: 18px; line-height: 18px; margin: 0 0 2px 0; padding: 0; text-shadow: 0px 1px 1px #333; } .sky-carousel .sc-content-wrapper p { color: #d6d6d6; font-size: 12px; margin: 0; padding: 0; text-shadow: 0px 1px 1px #333; } .sky-carousel .sc-content-wrapper a { text-decoration: none; color: #d6d6d6; border-bottom: 1px dotted #d6d6d6; } .sky-carousel .sc-overlay { position: absolute; height: 100%; z-index: 4998; top: 0; } .sky-carousel .sc-overlay-left { left: -0.1px; } .sky-carousel .sc-overlay-right { right: -0.1px; } .sky-carousel .sc-nav-button { position: absolute; bottom: 0; z-index: 5000; width: 37px; height: 44px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; color: #4965bc; font-size: 24px; line-height: 44px; } .sky-carousel .sc-nav-button.sc-next { background-color: #f5f5f5; right: 50%; margin-right: -37px; border-radius: 0 15px 15px 0; padding-left: 5px; } /*.sky-carousel .sc-nav-button.sc-next:after{content:''; position:absolute; right:18px; top:11px; width:14px; height:22px; background: url(../images/sprites.png) no-repeat -302px top; right:50%;} .no-touch .sky-carousel .sc-nav-button.sc-next:hover:after { background: url(../images/sprites.png) no-repeat -302px -31px; }*/ .sky-carousel .sc-nav-button.sc-prev { background-color: #f5f5f5; left: 50%; margin-left: -37px; border-radius: 15px 0 0 15px; padding-right: 5px; text-align: right } /*.sky-carousel .sc-nav-button.sc-prev:after{content:''; position:absolute; left:18px; top:11px; width:14px; height:22px; background: url(../images/sprites.png) no-repeat -326px top;} .no-touch .sky-carousel .sc-nav-button.sc-prev:hover:after { background: url(../images/sprites.png) no-repeat -326px -31px; }*/ .sky-carousel .sc-nav-button:hover { color: #50C2F0; } .sky-carousel .sc-preloader { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin-top: -22px; margin-left: -22px; background: #ebebeb url(../images/preloader.gif) no-repeat 50% 50%; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sc-no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color:#ffffff; opacity:1; } :-moz-placeholder { color:#ffffff; opacity:1; } ::-moz-placeholder { color:#ffffff; opacity:1; } :-ms-input-placeholder { color:#ffffff; opacity:1; } /*==========================================================================================================================*/ /*================================================ Main CSS Theme Start ====================================================*/ /*==========================================================================================================================*/ /********** Layout **********/ #container {} .wrap-inner { margin: 0 auto; width: 100%; max-width: 1280px; padding: 0 40px; } #content { } .content { } .sidebar { } .fullwidth { } /********** Header **********/ #header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99;background-color: #ffffff;} .header-inner .wrap-inner { max-width: 1920px; padding: 0; } .headermain { position: relative; padding-left: 342px; padding-right: 75px; min-height: 153px; } #logo { width: 342px; height: 153px; margin: 0; background-color: #77797b; padding: 30px 0; position: absolute; left: 0; top: 0; z-index: 1; } #logo > a { display: block; max-width: 302px; margin: 0 auto; } #logo > a img { width: 100%; height: auto; } .toplink { list-style: none; padding: 0; margin: 0 } .toplink > li { margin-left: -20px; float: left; padding: 0 62px 0 80px; position: relative; background-color: #50c2f0; letter-spacing: -0.055em; border-radius: 0 20px 20px 0; } .toplink > li:first-child { margin-left: 0; z-index: 2; padding: 0 66px 0 60px; } .toplink > li:nth-child(2) { background-color: #77797b; z-index: 1; } .toplink > li > a { color: #fff; text-decoration: none; display: inline-block; vertical-align: top; font-size: 18px; font-weight: bold; line-height: 20px; padding: 10px 0; } .toplink > li > a:hover { text-decoration: none; color: #77797b; } .toplink > li:nth-child(2) a:hover { color: #50C2F0 } .headphone, .headfax { display: inline-block; vertical-align: top; color: #fff; font-size: 22px; font-weight: bold; line-height: 26px; padding: 7px 0; } .headfax { margin-left: 30px; } .headphone a, .headfax a { color: #fff; text-decoration: none; } .headphone a:hover, .headfax a:hover { color: #77797b; } .header-right { background-color: rgba(255,255,255,0.90); border-radius: 0 56px 56px 0; text-align: right; padding: 0 35px; } .socialmedia, .headbookapp { display: inline-block; vertical-align: top; } .header-right .socialmedia { margin: 0 26px; padding: 33px 0; } .socialmedia { padding: 0; margin: 0; list-style-type: none; } .socialmedia li { float: left; margin-left: 5px; } .socialmedia li:first-child { margin-left: 0; } .socialmedia > li > a { display: inline-block; vertical-align: top; text-decoration: none; color: #fff; width: 45px; height: 45px; line-height: 38px; text-align: center; font-size: 22px; background: url(../images/sprites.png) no-repeat left top; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .socialmedia > li > a:hover { background-position: -65px top; } .headbookapp { padding: 28px 0; } .headbookapp > a { display: block; text-decoration: none; color: #fff; position: relative; background-color: #4965bc; padding: 15px 30px 15px 65px; font-size: 22px; line-height: 26px; font-weight: bold; border-radius: 56px; letter-spacing: -0.03em; } .headbookapp > a:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -222px top; } .headbookapp > a:hover { text-decoration: none; background-color: #50c2f0; color: #fff; } /********* Navigation *********/ .mainNavigation { display: inline-block; vertical-align: top; margin: 0; position: relative; clear: both; } .menu-icon { color: #77797b; display: none; font-size: 20px; line-height: 1; margin: 0 0 0 auto; max-width: 100px; text-align: center; text-decoration: none; } .menu-icon .fa { margin-right: 10px; font-size: 24px; vertical-align: middle; } .menu-icon span { display: inline-block; vertical-align: middle; } .menu-icon.open, .menu-icon:hover { text-decoration: none; color: #50c2f0; } #nav, #nav ul { list-style: none; margin: 0; padding: 0; z-index: 99; text-align: left; } #nav > li { float: left; margin: 0 20px; padding: 28px 0; position: relative; } #nav > li:first-child { margin-left: 0; } #nav > li > a { position: relative; padding: 17px 0; line-height: 22px; color: #77797b; font-size: 18px; font-weight: bold; text-transform: uppercase; display: block; text-decoration: none; } /*#nav > li:hover{background:url(../images/navhover.png) no-repeat center bottom;}*/ #nav > li:hover > a, #nav > li.active > a { background-color: inherit; color: #50c2f0; text-decoration: none; } #nav ul { display: none; width: 260px; top: 100%; padding: 0; left: 0; position: absolute; z-index: 99; background-color: rgba(119,121,123,0.95); } #nav > li:nth-child(4) ul { width: 452px; left: 50%; margin-left: -226px; padding: 20px; } #nav > li:nth-child(4) ul li { float: left; width: 50%; padding: 0; } #nav ul li { float: left; height: auto; width: 100%; margin: 0; padding: 0; position: relative; z-index: 1; } #nav ul li a { display: block; text-decoration: none; background-color: inherit; font-size: 16px; line-height: 20px; color: #fff; padding: 10px 10px; } #nav ul ul { top: 0; left: 260px } #nav li:hover > ul { display: block; } #nav li ul li:hover a { background-color: #50C2F0; color: #fff; } .arrowclick { display: none; position: absolute; right: 0px; top: 5px; width: 30px; height: 30px; z-index: 99; cursor: pointer; } .arrowclick:after { content: ''; position: absolute; right: 5px; top: 50%; margin-top: -5px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff; -moz-transition: all .4s ease-out; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .arrowclick.active:after { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /* ******** Index Slider ******** */ .indexBanner { position: relative; } .teaserBanner .item { float: left; width: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;height: 800px;} .teaserBanner .item > img { width: 100%; height: auto;visibility: hidden;} .teasercaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/teaser-capbg.png) no-repeat center bottom; padding-top: 153px;} .teasercaption .wrap-inner { max-width: 1580px; } .teasercaptext { position: absolute; bottom: 137px; left: 0; right: 0; margin: auto; text-align: center; } .teasercaptext h2 { color: #fff; font-size: 46px; line-height: 1.2; font-weight: normal; margin: 0; } .teasercaptext span { color: #fff; font-size: 28px; line-height: 1.2; font-weight: normal; margin: 0; } .teasercaptext h2 strong { display: block; font-weight: bold; } /*.itemslider1 .teasercaptext{margin:0 0 0 auto; max-width:560px; text-align:center; padding-top:108px;} .itemslider2 .teasercaptext{margin:0; max-width:520px; padding-top:108px;} .itemslider2 .teasercaptext h2{font-size:56px;} .itemslider2 .teasercaptext h2 strong{font-size:60px;} .itemslider3 .teasercaptext{margin:0 0 0 auto; max-width:410px; text-align:center; padding-top:108px;} .itemslider3 .teasercaptext h2{font-size:56px; color:#717272; text-transform:uppercase;} .itemslider3 .teasercaptext h2 strong{font-size:60px;}*/ .teaserBanner.owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 36px; z-index: 1; height: 36px; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-prev { left: 20px; background: url(../images/sprites.png) no-repeat -382px 8px #51bce8; text-indent: -999em; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-next { right: 20px; background: url(../images/sprites.png) no-repeat -355px 8px #51bce8; text-indent: -999em; } /********** Home Page Content **********/ .highlevelcare-section { position: relative; background: url(../images/highlevelcare-bg-new.jpg) no-repeat center top; background-repeat: repeat; } .highlevelcare-section .wrap-inner { max-width: 1290px; } .highlevelcare-block { position: relative; z-index: 1; max-width: 1090px; margin: -78px auto 0; padding-bottom: 114px; } .highlevelcare-block h2 { text-align: center; margin-bottom: 30px; } .highlevelcare-block h1 { text-align: center; margin-bottom: 30px; } .highlevelcare-block p { font-size: 20px; } .doctitle { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; } .doctitle span { display: inline-block; position: relative; } .doctitle span:after { content: ''; position: absolute; right: -45px; top: -19px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .highlevelcare-block .bookappbtn { margin-bottom: 65px; width: 285px; } .bookappbtn { text-decoration: none; width: 295px; display: block; margin: 0 auto; text-decoration: none; color: #fff; position: relative; background-color: #4965bc; padding: 15px 10px 15px 65px; font-size: 22px; line-height: 26px; font-weight: bold; letter-spacing: -0.035em; border-radius: 56px; } .bookappbtn:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -222px top; } .bookappbtn:hover { text-decoration: none; background-color: #50c2f0; color: #fff; } .dotlist { } .dotlist > li { float: left; width: 100%; font-size: 20px; line-height: 1.2; padding: 6px 0; color: #77797b; letter-spacing: -0.03em; } .page-homepage .meetdocdesc .doctitle span { padding-right: 26px; } .page-homepage .meetdocdesc .doctitle span:after { right: 0px; } .meetdoctors-block { position: relative; z-index: 4; border-top: 13px solid #50c2f0; padding: 58px 0 35px; background-color: #fff; border-radius: 25px 25px 10px 10px; background-image: url(../images/docblue-shad.png); background-repeat: no-repeat; background-position: left bottom; } .meetdocimg { float: left; width: 472px; padding-left: 15px; } .meetdocdesc { float: right; width: 100%; margin-left: -472px; padding-left: 522px; } .meetdocimgthumb { margin: 0 0 0 auto; max-width: 373px; } .meetdocimgthumb img { width: 100%; height: auto; } .meetdoc-indesc { padding: 10px 50px 0 0; } .meetdoc-indesc .doctitle { margin-bottom: 6px; letter-spacing: 0.07em; padding-right: 0px; } .doclist { list-style-type: none; padding: 0; } .doclist > li { float: left; width: 100%; } .doclist > li > a { display: inline-block; vertical-align: top; text-decoration: none; position: relative; font-size: 24px; line-height: 1.2; padding: 3px 0; padding-right: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em; } .doclist > li > a:after { content: ''; position: absolute; right: 0; top: 50%; width: 13px; height: 22px; margin-top: -11px; background: url(../images/sprites.png) no-repeat -302px top; } .doclist > li > a:hover:after { background-position: -302px -31px; } .meetdoctext { max-width: 650px; } .meetdoctext p { font-size: 18px; line-height: 30px; margin-bottom: 20px; } .morebookapp { text-align: right; } .morebookapp .bookappbtn { display: inline-block; width: auto; padding-right: 40px; border-radius: 56px 0 0 56px; letter-spacing: -0.03em; } .promotions-section { position: relative; background: url(../images/aboutusbg.png) no-repeat center top; padding: 465px 0 290px; margin-top: -385px; } .promotions-section .wrap-inner { max-width: 1920px; } .promotionsblock { max-width: 1378px; margin: 0 auto; } .promotionslist { min-height: 166px;text-align: center; } .promotionslist .item { float: none; width: 100%; padding: 0 10px;display: inline-block; } .promotionsbox { position: relative; text-align: center; max-width: 370px; margin: 0 auto; border: 7px solid #4fc1ef; border-radius: 100px; } .promotionsbox:after { content: ''; position: absolute; left: 24px; bottom: 5px; width: 33px; height: 75px; background: url(../images/sprites.png) no-repeat -378px -70px; } .promotionsbox strong { display: block; color: #fff; background-color: #4fc1ef; font-size: 43px; line-height: 1.1; font-weight: bold; padding-bottom: 12px; border-radius: 100px 100px 0 0; } .promotext { position: relative; padding: 10px; max-width: 260px; margin: 0 0 0 auto; } .promomidtext { display: table; width: 100%; } .promomidtext p { margin: 0; color: #fff; font-size: 20px; line-height: 1.3; font-weight: bold; height: 72px; display: table-cell; vertical-align: middle; width: 100%; } .hmgallery-section { padding: 50px 0 40px; position: relative; z-index: 9;margin-top: -150px;} .hmgallery-section .wrap-inner { max-width: 1920px; padding: 0; } .hmgalleryblock { } .hmgalleryblock .doctitle { margin-bottom: 60px; text-align: center; } .hmgallerylist { padding: 30px 0; } .hmblogsection { padding: 220px 0 110px; background-color: #50c2f0; background-image: url(../images/blogshad-bg.jpg); background-position: center top; background-repeat: repeat-x; } .hmblogsection .wrap-inner { max-width: 1920px; } .hmblogblock { padding-bottom: 75px; } .hmblogblock .doctitle { margin-bottom: 100px; text-align: center; color: #fff; } .hmblogblock .doctitle span:after { background-position: -125px -70px; } .hmbloglist { } .hmbloglist .item { float: left; width: 33.333%; padding: 0 10px; } .hmbloglist .owl-item .item { width: 100%; } .blogblox { max-width: 535px; margin: 0 auto; } .blogthumb { float: left; width: 272px; } .blogdesc { float: right; width: 100%; margin-left: -272px; padding-left: 292px; padding-top: 10px; } .blogthumb img { width: 100%; height: auto; border: 6px solid #fff; border-radius: 15px; } .blogdesc h3 { font-size: 18px; line-height: 1.3; color: #4965bd; font-weight: bold; margin-bottom: 10px; } .blogdesc h3 a { color: #4965bd; text-decoration: none; } .blogdesc h3 a:hover { color: #fff; } .blogdesc p { color: #fff; font-size: 15px; line-height: 20px; margin-bottom: 18px; } .readmorebtn { display: block; margin: 0 auto; text-decoration: none; color: #50c2f0; position: relative; background-color: #ffffff; padding: 13px 10px 13px 65px; font-size: 18px; line-height: 22px; font-weight: bold; border-radius: 48px; } .readmorebtn:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 44px; background: url(../images/sprites.png) no-repeat -462px top; } .readmorebtn:hover { text-decoration: none; background-color: #4965bc; color: #fff; } .readmorebtn:hover:after { background-position: -222px top; } /********** Inner Pages **********/ .page-template-template-services .highlevelcare-section { position: relative; background: url(../images/highlevelcare-largebg.jpg) no-repeat center top; padding: 42px 0; } /****book appointment*********/ .innerbanner { position: relative; background-position: center top; background-repeat: no-repeat; background-size: cover; } .inner-caption .wrap-inner { max-width: 1618px; padding: 0 40px; } .inner-caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/teaser-capbg.png) no-repeat center bottom; padding-top: 62px; } .inner-caption h1 { font-family: 'Aller_Rg'; font-size: 60px; color: #fff; float: right; line-height: 64px; text-align: center; } .inner-caption strong { font-family: 'Aller_Bd'; } .page-blog .inner-caption { background: url(../images/teaser-whtcapbg.png) no-repeat center bottom; } .bookapp { padding: 10px 0 126px 0px; } .bookapp .wrap-inner { max-width: 1130px; margin: 0 auto; } .bookapp .footcontact { max-width: 100%; } .coninfo .fieldcol input, .bookapp .fieldcol input { border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; } .coninfo .fieldcol textarea{ border: 3px solid #77797b; font-family: 'Aller_Rg'; color: #77797b; } .coninfo .submitbtn:after, .bookapp .submitbtn:after { background: url(../images/sprites.png) no-repeat -221px top; color: #77797b; } .coninfo ::-webkit-input-placeholder { color:#77797b; opacity:1; } .coninfo :-moz-placeholder { color:#77797b; opacity:1; } .coninfo ::-moz-placeholder { color:#77797b; opacity:1; } .coninfo :-ms-input-placeholder { color:#77797b; opacity:1; } .bookapp ::-webkit-input-placeholder { color:#77797b; opacity:1; } .bookapp :-moz-placeholder { color:#77797b; opacity:1; } .bookapp ::-moz-placeholder { color:#77797b; opacity:1; } .bookapp :-ms-input-placeholder { color:#77797b; opacity:1; } .selectbox { border: 2px solid #5ac5f1; height: 56px; border-radius: 30px; } .selectbox .heapBox .holder { background: none; font-size: 18px; line-height: 22px;font-weight: 400; color: #77797b;font-family: 'NexaLight';} .inputdate { position: relative; background: url(../images/heapbox-arrow.png) no-repeat 95% center; } .ui-datepicker, .eventCalOut, .calendarIcon { background-color: #50c2f0; } .ui-datepicker th, .ui-state-highlight { background-color: #4965bc; } .ui-datepicker { width: 22em; z-index: 10 !important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev::after { content: ''; position: absolute; top: 7px; width: 0; height: 0; left: 5px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #fff transparent transparent; } .ui-datepicker .ui-datepicker-next::after { content: ''; position: absolute; top: 7px; width: 0; height: 0; right: 5px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #fff; } .ui-datepicker .ui-datepicker-title select { color: #000; padding: 0px 7px; font-size: 14px; border-radius: 0px; } .captcha .fieldcol50 { width: 100%; } .captcha .capchaimg { width: 50%; } .ui-widget-header { border: none !important; background: #50c2f0 !important; } .ui-widget-content { background: #50c2f0 !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none !important; background: none !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background-color: #4965bc !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #fff !important; } /***********about us***********/ .docter-thumb { float: left; width: 373px; position: relative; } /*.docter-thumb:after{content: '';position: absolute;top: 0px;width: 373px;height: 371px;background: url(/wp-content/themes/dental-arts/images/map-bg.png) no-repeat; left: 0px;}*/ .docter-desc { width: 100%; float: left; padding-left: 422px; margin-left: -373px; } .docter-desc h2 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 35px; } .docter-desc h2:after { content: ''; position: absolute; right: -63px; top: -21px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .docter-desc li, .docter-desc p { font-family: 'Aller_Rg'; font-size: 18px; color: #77797b; line-height: 30px; margin-bottom: 20px; } .docter-desc li { margin-bottom: 5px; } .aboutus-section { margin-bottom: 60px; } .coninfo .service-section h2, .coninfo .service-section h1 { margin-bottom: 55px; } .service-section h2 { font-family: 'Aller_Rg'; font-size: 24px; color: #50c2f0; text-transform: uppercase; text-align: left; } .service-section ul li { font-size: 20px; line-height: 36px; margin-bottom: 0px; text-align: left; } .service-section ul { padding-left: 19px; } .service-section ol li { font-size: 20px; line-height: 36px; margin-bottom: 0px; text-align: left; } .service-section ol { padding-left: 40px; } /*********gallery******/ .ourgallery .wrap-inner { max-width: 1800px; } .gallery-section { padding: 0; list-style: none; padding-top: 31px; padding-bottom: 10px; } .gallery-section li { width: 25%; float: left; padding: 10px; } .gallery-section li img { border-radius: 12px; } .gallery-desc { margin-top: 20px; } .gallery-desc p { font-size: 18px; line-height: 30px; margin-bottom: 0px; text-align: left; } /*********gallery before-after******/ .smile-gallery h1{text-align: center; width: 100%; font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 69px;} .gallery-section.smile-gallery{margin:0 auto; max-width: 800px;} .gallery-section.smile-gallery ul{margin:0 auto; padding-bottom: 20px;} .gallery-section.smile-gallery ul p{text-align: center; font-size: 16px; padding:5px 0px;} .gallery-section.smile-gallery ul span{text-align: left; font-size: 22px; font-weight: bold; display: block; padding:5px 0px;} .gallery-section.smile-gallery ul li{float: left; padding:0 10px; width: 50%;} .gallery-desc p{font-size: 18px;line-height: 30px;margin-bottom: 0px;text-align: left;} /*services*/ .servicesec .wrap-inner { max-width: 1134px; } .service-section { text-align: center; margin-bottom: 65px; } .service-section h1 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 69px; } .service-section h1 span { padding: 0 20px; } .service-section h1:after { right: 0; content: ''; position: absolute; top: -21px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .service-section p { font-size: 20px; line-height: 36px; margin-bottom: 20px; text-align: left; } .servicesec .highlevelcare-block { padding-bottom: 36px; } .post-navigation h2 { display: none; } .nav-links { text-align: center; } .nav-next, .nav-previous { display: inline-block; vertical-align: top; margin: 0 5px; } .nav-next a, .nav-previous a { display: inline-block; vertical-align: top; text-decoration: none; font-size: 50px; color: #77797B; } .nav-next a span, .nav-previous a span { display: none !important; } .nav-next a:hover, .nav-previous a:hover { text-decoration: none; color: #50C2F0; } /********contact us*********/ .contactinfo a { font-size: 32px; color: #50c2f0; font-family: 'Aller_Bd'; text-decoration: none; } .contactinfo a:hover { color: #4965bc; } .contactinfo div { font-size: 32px; color: #50c2f0; font-family: 'Aller_Bd'; text-decoration: none; display: inline-block; padding: 0px 30px; } .coninfo .wrap-inner { max-width: 1292px; } .coninfo .highlevelcare-block { padding-bottom: 26px; } .service-section.coninfo { margin-bottom: 44px; } .coninfo .submitbtn, .coninfo .recaptcha { margin-top: 20px; } .coninfo .submitbtn:hover, .bookapp .submitbtn:hover { background-color: #4965bc; color: #fff; } .conform { margin-bottom: 52px; padding: 0px 40px; } .map-section { padding: 59px 100px 72px 100px; border-top: 15px solid #50c2f0; margin-bottom: 30px; border-radius: 12px; background: #fff; float: left; width: 100%; -webkit-box-shadow: 3px 3px 5px 6px #ebebeb; -moz-box-shadow: 3px 3px 5px 6px #ebebeb; box-shadow: 3px 3px 5px 6px #ebebeb; } .mapblock { width: 373px; float: left; position: relative; background: url(../images/map-bg.png) no-repeat; } .mapblock:after { content: ''; position: absolute; top: 0px; width: 373px; height: 371px; background: url(../images/map-bg.png) no-repeat; left: 0px; } .hoursinfo { width: 100%; padding-left: 460px; margin-left: -375px; float: left; margin-top: 52px; } .hoursinfo h2 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; position: relative; display: inline-block; margin-bottom: 43px; } .hoursinfo h2:after { content: ''; position: absolute; top: -21px; width: 83px; height: 86px; background: url(../images/sprites.png) no-repeat left -70px; } .hoursinfo .address, .hoursinfo div a, .hoursinfo div span { font-size: 24px; color: #77797b; font-family: 'Aller_Bd'; text-decoration: none; } .hoursinfo div a:hover { color: #50c2f0; } .hoursinfo .timing span { display: block; } .address { margin-bottom: 36px; } .bloginner .hmbloglist .item { min-height: 295px; } .bloginner .hmblogsection { padding-bottom: 0px; } /********** Footer **********/ #footer { position: relative; background-color: #77787b; border-radius: 10px 10px 0 0; margin-top: -10px; padding: 54px 0 20px 0px; } #footer .wrap-inner { max-width: 1860px; } .footcol { float: left; } .footcol1 { width: 33.7%; } .footcol2 { width: 30.3%; } .footcol3 { width: 36%; } .footaddressinfo { max-width: 320px; margin: 0 auto; padding-top: 60px; } .footaddressinfo .socialmedia { padding: 0; margin: 0 auto 32px; width: 290px; display: block; padding-right: 45px; } .footbookapp { padding-bottom: 30px; } .footbookapp > a { display: block; max-width: 285px; text-decoration: none; color: #50c2f0; position: relative; background-color: #ffffff; padding: 15px 15px 15px 60px; font-size: 22px; line-height: 26px; font-weight: bold; border-radius: 56px; } .footbookapp > a:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -512px top; } .footbookapp > a:hover { text-decoration: none; background-color: #50c2f0; color: #fff; } .footaddinfo { margin: 0; padding: 0 0 0 15px; list-style-type: none; } .footaddinfo > li { float: left; width: 100%; color: #fff; position: relative; font-size: 20px; line-height: 1.2; font-weight: bold; margin: 6px 0; padding-left: 35px; } .footaddinfo > li:after { content: ''; position: absolute; left: 0; top: 3px; width: 13px; height: 22px; background: url(../images/sprites.png) no-repeat -369px top; } .footaddinfo > li:last-child { margin-top: 34px; } .footaddinfo > li a { text-decoration: none; color: #fff; } .footaddinfo > li a:hover { text-decoration: none; color: #50c2f0; } .footoffice { } .footoffrow { } .officedate, .officetime { display: inline-block; vertical-align: top; } .officedate { } .officetime { } .footaddmap { color: #50c2f0; } .footcontact { max-width: 584px; padding-top: 18px; } .footcontact .doctitle { text-align: center; margin-bottom: 80px; } .submitbtn, .button.buttonbtn { display: block; width: 284px; margin: 0 auto; text-decoration: none; color: #fff; position: relative; background-color: #51bce8; padding: 15px 50px; font-size: 22px; line-height: 26px; font-weight: bold; border-radius: 56px; overflow: hidden; } .submitbtn:after, .button.buttonbtn:after { content: ''; position: absolute; left: 22px; bottom: -1px; width: 24px; height: 50px; background: url(../images/sprites.png) no-repeat -512px top; } .submitbtn:hover, .button.buttonbtn:hover { text-decoration: none; background-color: #fff; color: #51bce8; } .capcharow p { margin-bottom: 0px; } .thank-you { padding: 212px 0px 115px 0px; text-align: center; } .thank-you h2 { font-size: 53px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 5px; } .thank-you p { font-size: 24px; color: #77797b; } .highlevelcare-section.innercontsection { padding-top: 80px; } .foottext { color: #ffffff; font-size: 20px; text-align: center; padding: 10px 0 0; font-weight: bold; width: 100%; margin: 0 auto; } .foottext ul { list-style-type: none; padding: 0; margin: 0; } .foottext ul li { padding: 0 30px; float: none; border-right: 2px solid #fff; line-height: 1.2; display: inline-block; vertical-align: top; } .foottext ul li:last-child { border: none; } .foottext ul li a { color: #ffffff; font-size: 20px; text-decoration: none; font-weight: bold; } .foottext ul li a:hover { color: #fff; } .mobilecallbtn {display: none;position: fixed;bottom: 0;left: 0;right: 0;text-align:center;font-size:16px;font-weight:700;z-index:999;background-color: transparent;} .mobilecallbtn a {font-size: 16px;text-decoration: none;display: block; font-weight: 700;} .mobilecallbtn, .mobilecallbtn a {color: #fff;} /*.mobilecallbtn:hover{background-color: #51bce8;}*/ /********** From Page **********/ .form-list { list-style: none; padding: 0; margin: 0; } .form-list li { padding: 0 0 15px; margin: 0; } .fieldgroup { margin: 0 -6px; width: auto; } .fieldcol { float: left; width: 100%; padding: 0 6px; margin-bottom: 20px; position: relative; } .fieldcol25 { width: 25%; } .fieldcol33 { width: 33.333%; } .fieldcol50 { width: 33.333%; } .footer-inner .footcontact .fieldcol50 { width: 50%; } .fieldcol66 { width: 66.666%; } .fieldcol75 { width: 75%; } .required, .form-list .error { color: #c00; } .form-list .error { display: block; font-size: 12px; } .form-list .textbox-out { margin-bottom: 5px; } .form-list label, .form-list .label { color: #333; display: block; font-weight: normal; padding-bottom: 7px; } .radio-list input { float: left; margin: 5px; clear: left; } .radio-list label, .radio-list .label { float: left; color: #555; } .note { font-size: 12px; font-style: italic; padding: 5px 0 0; } .capcharow { position: relative; padding-left:0; } .capchaimg { position: absolute; left: 0; top: 0; z-index: 1; background-color: #e8e8e8; padding: 14px 0; line-height: 1; width: 48%; border-radius: 30px; text-align: center; } .capchaimg img { width: 84px; height: 28px; } .wpcf7-not-valid { border: 1px solid #f00 !important; } .wpcf7-display-none, .wpcf7-not-valid-tip, .wpcf7-validation-errors { display: none !important; } .thankyoumsg { text-align: center; } #comments { display: none; } #secondary { display: none; } .gallery-section ul { list-style: none; padding: 0; } .error-404.not-found.contentsection { margin-top: 221px; margin-bottom: 100px; padding-left: 20px; } .page-content form { display: none; } .blog-pagination.wp-pagenavi.rf { float: left; width: 100%; text-align: center; margin-top: -5px; } .blog-pagination a, .blog-pagination span {font-size: 16px;} .blog-pagination a:hover{color: #fff;} .nextblog a { text-decoration: none; font-size: 50px; color: #77797B; } .prevblog a { text-decoration: none; font-size: 50px; color: #77797B; } .nextblog { display: inline-block; vertical-align: top; padding: 0px 10px; } .prevblog { display: inline-block; vertical-align: top; padding: 0px 10px; } .comingtitle { text-align: center; margin-top: 10px; } .meetdocdesc { float: right; width: 100%; margin-left: -472px; padding-left: 522px; } .meetdoc-indesc .doctitle { padding-bottom: 23px; } .meetdoctext { max-width: 100%; } .meetdoc-indesc { padding: 10px 0px 0 0; } .itemslider3 .teasercaptext h2 { color: #fff; } .itemslider3 .teasercaptext { animation-name: example; animation-duration: 4s; } /********** Homepage Book Appointment **********/ .home-bookapp { position: relative; padding: 16px 0 43px; margin-bottom: 52px; z-index: 1; } .home-bookapp:before { content: ""; display: block; background-color: #dcdcdd; height: 3px; position: absolute; bottom: 0; left: 50px; right: 50px; } .home-bookapp .doctitle { text-align: center; } .home-bookapp .wpcf7 { display: block; position: relative; padding: 33px 0 0; } .fieldgroup{display: flex;flex-wrap: wrap;} .home-bookapp .fieldcol14 {width: 33.333%; } .fieldcol14 p, .fieldcol50 p, .fieldcol p{margin-bottom: 0px;} .privacynote{text-align: center;} .home-bookapp input::-webkit-input-placeholder { color: #77797b; } .home-bookapp input::-moz-placeholder { color: #77797b; } .home-bookapp input:-ms-input-placeholder { color: #77797b; } .home-bookapp input:-moz-placeholder { color: #77797b; } .home-bookapp .captcha .capcharow { padding: 0; } .home-bookapp .captcha .capcharow input { padding: 10px 90px 10px 30px; } .home-bookapp .captcha .capchaimg { background-color: transparent; left: inherit; right: 7px; width: auto; position: absolute; } .home-bookapp .selectbox { border: 2px solid #5ac5f1;} .home-bookapp .heapBox .holder { color: #77797b; font-size: 18px; font-family: 'NexaLight'; padding: 15px 45px 15px 30px; } .home-bookapp .heapBox .heap .heapOptions .heapOption a { font-size: 16px; font-weight: normal; } .home-bookapp .fieldcol { padding: 0 10px; margin-bottom: 20px; } .home-bookapp .formradio label input[type="radio"] { position: absolute; left: 0; top: 0; display: none; } .home-bookapp .formradio label input[type="radio"]:checked + span { background-color: #5ac5f1; float: left; color: #fff; } .home-bookapp .formradio { height: 56px; margin-bottom: 0; border: 2px solid #51bce8; border-radius: 30px;} .home-bookapp .formradio span.wpcf7-list-item { width: 50%; margin: 0!important; float: left; display: block !important; } .home-bookapp .form-check label { width: 100%; margin-bottom: 0; display: table; border: 0; font-weight: 400; } .home-bookapp .form-check{padding-left: 0px;} .home-bookapp .formradio span.wpcf7-list-item label input[type="radio"] + span { padding: 9px 10px; } .home-bookapp .formradio label input[type="radio"] + span { text-align: center; display: inline-block; font-size: 16px; font-family: 'NexaLight'; line-height: 1; vertical-align: middle; cursor: pointer; float: left; color: #77797b;width: 100%; padding: 3px 0; font-weight: normal; display: table-cell; text-align: center; vertical-align: middle; font-weight: 400; height: 52px; border-radius: 30px;line-height: 32px; } .highlevelcare-block { margin-top: 0; } .home-bookapp .submitbtn { width: 100%;display: block;width: auto;} .home-bookapp .submitbtn:hover { background: #4965bc; color: #fff; } .home-bookapp .submitbtn:hover:after { background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -222px top; } .home-bookapp .fieldcol14.submit { float: none; margin: 0 auto; clear: both; } .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha{transform:scale(0.78);-webkit-transform:scale(0.78);transform-origin:0 0;-webkit-transform-origin:0 0; } .recaptcha .wpcf7-form-control-wrap{height:60px;} .bookapp .recaptcha, .conform .recaptcha, .footcontact .recaptcha{width:238px; margin:20px auto 0 auto;} .footcontact .recaptcha{margin-top:0;} .footcontact .submitbtn{width:144px; font-size:16px;} .bookapp .submitbtn{width:284px; font-size:22px;} @media(max-width: 1700px) { .home-bookapp .fieldcol14.submit { width: 25%; float: left; clear: none; } } @media(max-width: 999px) { .home-bookapp .fieldcol14 { width: 50%; } .home-bookapp .fieldcol14.submit { width: 50%; } .fieldcol50{width: 50%;} .home-bookapp .wpcf7 { padding: 20px 0 0; } .home-bookapp .recaptcha{width:238px; margin:0 auto;} } @media(max-width: 767px) { .home-bookapp .fieldcol14 { width: 100%; } .footer-inner .footcontact .fieldcol50 { width: 100%; } .fieldcol50{width: 100%;} .home-bookapp .fieldcol14.submit { width: 100%; } } @keyframes example { from { left:50px; } to { left: 000px; right: 0; } } .page-id-245 .service-section h2, .page-id-245 .service-section h1 { display: inherit; } .page-id-245 .highlevelcare-block { margin-top: 0; } .highlevelcare-block { margin-top: 0; } .page-id-245 .highlevelcare-block .bookappbtn { display: none!important; } .teasercaption { background-color: rgba(0,0,0,0.5); } .gmap3 iframe{width:100%; height: 100%; border:0;} .blog-pagination a{font-size: 20px;} span.page-numbers.current {font-size: 20px;} .doctorteamsection {padding: 30px 0;} .doctorteamsection .doctorteamrow .item{width: 33.33%;float: left;text-align: center;padding-left: 15px; padding-right: 15px;} .doctorteamsection .container {width: 1170px;margin: auto;padding-left: 15px; padding-right: 15px;} .single-doctor .container {width: 1170px;margin: auto;padding-left: 15px; padding-right: 15px;} .single-doctor .contentsection {text-align: center;} .single-doctor .singleteambox .row {padding-left: 15px;padding-right: 15px;} .doctorteamsection .doctorteamrow .item .teamlistcol-title{padding: 15px 0;margin: 0;} .doctorteamsection .doctorteamrow .item .teamlistcol-title a{text-decoration: none;} .page-id-1444 .highlevelcare-block .bookappbtn { display: none; } a.booknow {width: 50%;float: right;} .mobilecallbtn a{width: 50%;text-align: center;float: left;padding: 10px 0px;} .mobilecallbtn a:first-child{border-right: 1px solid #fff;} .mobilecallbtn a{background-color: #4965bc;} .mobilecallbtn a:hover{background-color: #51bce8;} .reviews-section{margin-top: 0px !important} .reviews-section .pozatie{margin:0 auto;max-width: 400px } .page-id-1051 .doctorteamrow { display: flex; flex-wrap: wrap; justify-content: center;} .single-team .container {width: 1170px;margin: auto;padding-left: 15px; padding-right: 15px;} .single-team .contentsection {text-align: center;} .single-team .singleteambox .row {padding-left: 15px;padding-right: 15px;} .promotionslist a { text-decoration: none; display: block; } .promotionslist a:hover .promotionsbox strong{ color: #4965bc; } .promotionslist a:hover .promomidtext p{ color: #4fc1ef; } .promotext { max-width: 100% !important; padding-left: 70px !important; padding-right: 50px !important; } .accessability_container button, .accessability_container button:focus{ border-radius: 0 !important; } .hmgallerysection .gallerylist .item { margin-bottom: 0; width: 33.333333%; padding: 0px 15px; } .galleryopt1.hmgallerysection { padding: 40px 0px; } .aboutcontent { background-position: center center; background-repeat: no-repeat; } .media-thumb { position: relative; } .hmgallerysection .gallerylist .item .media-thumb a { display: block; } .gallerylist .media-thumb img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block; } .hmgallerysection .row { display: flex; flex-wrap: wrap; } .row.hm-videos { display: flex; align-items: center; flex-wrap: wrap; } .row.hm-videos .col-sm-6 { width: 50%;padding: 0 15px;margin: 10px 0; } .row.hm-videos p{font-size: 18px;} .video-section { padding-bottom: 40px; } .row.hm-videos img{max-width: 500px;margin: 0 auto; display: block;width: 100%;} .video-div { position: relative; } .row.hm-videos .video-div img{ visibility: hidden; width: 100%; max-width: 100%; } .video-div video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .video-div br{display: none;} .video-main .row.hm-videos { display: flex; align-items: flex-start; flex-wrap: wrap; } #container{padding-top: 153px;} .home #container{padding-top: 209px;} .we_hiring { padding: 0 15px; text-align: center; background: #292a6b; color: #fff; } .we_hiring button.btn.btn-primary { margin: 0; padding: 10px 15px; font-size: 18px; font-weight: 600; background: transparent; border: 0; width: 100%; outline: none; } .we_hiring { padding: 0 15px; text-align: center; background: #50c2f0; color: #fff; } .we_hiring button.btn.btn-primary { margin: 0; padding: 10px 15px; font-size: 18px; font-weight: 600; background: transparent; border: 0; width: 100%; outline: none; } .btn.btn-primary:hover { color: #4965bc; } .modal-content { max-width: 500px; position: relative; height: 500px; } .modal-content .fieldgroup .fieldcol50 { width: 100%; } .modal-content .fieldgroup .fieldcol50 input[type="text"], input[type="email"], input[type="date"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border: 2px solid #50c2f0; border-radius: 30px;height: 56px; outline: none; color: #77797b;padding: 10px 30px; } .modal-content .fieldgroup .fieldcol50 .wpcf7-form-control.wpcf7-textarea, .wpcf7-form-control.wpcf7-textarea:focus { height: 56px !important; resize: none; outline: none; } .modal-title { text-align: center; padding: 10px 0 0; font-size: 24px; color: #50c2f0; } .modal-content .close { position: absolute; top: -10px; right: -10px; background: #50c2f0; opacity: 1; width: 35px; height: 35px; border-radius: 50px; color: #fff; z-index: 9; padding: 0 10px; } .modal-content .close { margin-top: -2px; } .submitbtn:hover { color: #fff; background-color: #4965bc; } .modal-content .fieldgroup .fieldcol50 input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="date"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder, textarea::placeholder{color: #77797b;} .modal-content .fieldcol.fieldcol50.subbtn {width: 100%;margin-top: 25px;} .wpcf7-form-control.wpcf7-textarea {overflow: hidden;} #custompopup{padding-right: 0px;z-index: 99999;} #custompopup .modal-dialog{position: absolute;top: 50%;left: 50%;display: block;text-align: center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);max-width: 600px;margin: 0 auto;width: 100%;padding: 0px 15px;} #custompopup .modal-header{border-bottom: 0px; background-color: #77787b; border-radius:0; } #custompopup .modal-header p { color: #fff; } #custompopup .modal-header .close{margin-top: 0;width: 30px;height: 30px;background: #50c2f0;opacity: 1;position: absolute;right: -15px;top: -15px;border-radius: 50%;color: #fff;padding: 0;overflow: hidden;} #custompopup .modal-header .close:hover{background: #4965bc;} #custompopup .modal-body{padding: 0 30px; background-size: cover; background-position: center; background-repeat: no-repeat;} .modal-body .lines { display: inline-block; padding-top: 20px; } .modal-body .lines hr { border: 2px solid #77787b; opacity: inherit; } .modal-body .lines span { text-transform: uppercase; display: block; font-weight: 600; } #custompopup .modal-body p { margin-bottom: 1rem; } #custompopup .modal-body .lines p { margin-bottom: 0; padding: 0 20px; } #custompopup .modal-content{max-width: 100%;height: auto;width: 100%;padding: 0px; border: 8px solid #50c2f0; border-radius: 0; border-bottom: none; } #custompopup h2{font-size: 28px;font-weight: 600;text-align: center;margin: 0px 0px 30px;color: #50c2f0;} #custompopup p{margin-bottom: 0px; font-size: 16px;} #custompopup .modal-footer { justify-content: center; background-color: #50c2f0; border-radius: 0; } #custompopup .modal-footer p { color: #fff; margin: 0 } .conform input[type="text"], .conform input[type="email"], .conform input[type="date"], .conform input[type="tel"], .conform input[type="number"], .conform input[type="url"], .conform input[type="password"], .conform input[type="search"], .conform select, .conform textarea, .home-bookapp input[type="text"], .home-bookapp input[type="email"], .home-bookapp input[type="date"], .home-bookapp input[type="tel"], .home-bookapp input[type="number"], .home-bookapp input[type="url"], .home-bookapp input[type="password"], .home-bookapp input[type="search"], .home-bookapp select, .home-bookapp textarea, .bookapp .fieldcol input{ border: 2px solid #5ac5f1; width: 100%; height: 56px; padding: 10px 30px; font-size: 18px; line-height: 30px; font-family: 'NexaLight'; font-weight: 400; color: #77797b; border-radius: 30px; outline: none; } .coninfo ::placeholder { color: #77797b; opacity: 1; } .coninfo .service-section h2, .coninfo .service-section h1 { text-align: center; } .conform .row .col-md-4, .conform .row .col-md-8{padding: 0px 6px;} .footer-inner .footcontact input, .footer-inner .footcontact select, .footer-inner .footcontact textarea{border-color: #fff;color: #fff;} .footer-inner .footcontact input::placeholder, .footer-inner .footcontact textarea::placeholder{color: #fff;} .footer-inner .privacynote, .footer-inner .privacynote a{color: #fff;} .footer-inner .privacynote a:hover{color: #5ac5f1;} .form-control:focus{border-color: #5ac5f1;box-shadow: none;} .footcontact textarea{line-height: 30px;} .header-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; height: 113px; } #flags { width: auto!important; margin-left: 10px; height: 18px; } .googlelanguagetranslate { margin-right: 15px; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-next:hover { background: url(../../../themes/dental-arts/images/sprites.png) no-repeat -355px 8px #4965bc; } .teaserBanner.owl-theme .owl-controls .owl-nav .owl-prev:hover { background: url(../../../themes/dental-arts/images/sprites.png) no-repeat -382px 8px #4965bc; } .pagebooksubmitbar { text-align: center; } .page-id-2326 .highlevelcare-block { display: none; } .page-id-2326 .service-section h2 { display: none; } .page-id-2326 .service-section .entry-content { display: flex; flex-flow: column; align-items: center; justify-content: center; } .page-id-2326 .service-section .entry-content video { width: 100%; height: auto; max-width: 540px; max-height: 600px; } .page-id-2326 .service-section h1:after { display: none; } .hmservicsection .hmtitle h2 { font-size: 36px; line-height: 1.2; text-transform: uppercase; color: #50c2f0; font-weight: 700; letter-spacing: .1em; } .hmserviceslider .item { width: 100%; } .hmservicebox { text-align: left } .hmservicebox a:hover h3 { text-decoration: none; color: #3680c5 } .hmservicebox h3 { font-size: 22px; color: #384657; font-weight: 700; line-height: 1.1; text-transform: uppercase; margin: 0 0 18px 0; position: relative; padding-bottom: 18px } .hmservicebox h3:after { content: ''; position: absolute; background-color: #3680c5; width: 85px; height: 2px; left: 0; bottom: 0 } .hmserviceicon { width: 75px; height: 75px; display: block; background-size: 75px; background-position: left center; background-repeat: no-repeat; text-align: left; text-indent: -999em; margin-bottom: 15px } .hmserviceblock,.hmserviceblock .hm-service-imge,.hmserviceblock span,.hmserviceblock h3,.hmserviceblock h3 a,.hmserviceblock p,.hmserviceblock .button { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out } .hmserviceblock { text-align: center; padding: 40px } .hmserviceblock .hm-service-imge { margin-bottom: 35px; border-radius: 0 50%; overflow: hidden } .hmserviceblock:hover .hm-service-imge { border-radius: 50% 0 } .hmserviceblock span { width: 95px; height: 95px; display: block; background-size: 75px; background-position: center center; border-radius: 100%; border: 1px solid #fff; background-repeat: no-repeat; text-align: center; text-indent: -999em; margin: 0 auto 20px } .hmserviceblock h3 { font-size: 24px; color: #fff; line-height: 1.1; margin: 0 0 15px; font-weight: 400 } .hmserviceblock h3 a { color: #fff } .hmserviceblock h3 a:hover { color: #384657 } .hmserviceblock p { margin: 0; color: #fff; } .hmserviceblock:hover p { color: #77787b; } .hmserviceblock .button { margin-top: 20px } .hmserviceblock:hover { background-color: #ccc } .hmserviceblock:hover .button { opacity: 1 } .hmsersmdet p { font-size: 12px; line-height: 1.1; text-transform: uppercase; margin-bottom: 10px } .hmsersmdet h2 { font-size: 35px; font-weight: 500; line-height: 1.1; margin: 0 0 8px 0 } .hmsersmdet h2 span { color: #3680c5 } .hmserbox { padding-left: 90px; position: relative; margin-bottom: 40px; display: inline-block } .hmsevicon { display: block; height: 65px; width: 65px; margin: 0; position: absolute; left: 0; top: 0; text-decoration: none; background-position: left top; background-repeat: no-repeat; background-size: 100% } .hmserbox h3 { font-size: 24px; color: #3680c5; line-height: 1.1; margin: 0 0 10px 0; font-weight: 400 } .hmserbox h3 a { color: #3680c5 } .hmserbox h3 a:hover { color: #384657 } .hmserbox p { margin: 0 } .hmserrow .item:nth-child(3) .hmserbox,.hmserrow .item:last-child .hmserbox { margin-bottom: 0 } .hmserlist-one .item { width: 100% } .hmserlist-two .hmserbox,.hmserlist-one .hmserbox { margin-bottom: 0 } .hmserviceblock { background-color: #77787b; } .hmserviceblock:hover { background-color: #ccc; } .hmserviceblock h3 a { text-decoration: none; } .hmgallery-section { margin-top: 0; } .hm-service-imge img { width: auto; height: 280px; object-fit: cover; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-prev { right: -50px; background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -355px 8px #51bce8; text-indent: -999em; } .hmserviceslider.owl-carousel .owl-controls .owl-nav [class*="owl-"] { position: absolute; top: 35%; width: 36px; z-index: 1; height: 36px; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-next { left: -50px; background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -382px 8px #51bce8; text-indent: -999em; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-next:hover { background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -382px 8px #4965bc; } .hmserviceslider.owl-carousel .owl-controls .owl-nav .owl-prev:hover { background: url(/wp-content/themes/dental-arts/images/sprites.png) no-repeat -355px 8px #4965bc; } .hmserviceblock:hover h3, .hmserviceblock:hover h3 a { color: #51bce8; } .itemslider5 .teasercaptext { max-width: 891px; margin: 0 auto; } .itemslider5 .teasercaptext p { font-size: 20px; color: #fff; margin-bottom: 15px; } .itemslider5 .teasercaptext hr { color: #fff; border: 2px solid #fff; opacity: inherit; } .itemslider5 .teasercaptext h2 { color: #50c2f0; margin-bottom: 1rem; font-weight: 600; } .inline-hr { display: inline-block; } .itemslider5 .teasercaptext .uppercase { font-size: inherit; text-transform: uppercase; } #custompopup .modal-header { background-color: transparent; position: absolute; right: 0; top: -12px; } .weareopenpopup { padding: 30px 0px; } .pop-head { width: max-content; margin: auto; border-top: 2px solid; border-bottom: 2px solid; margin-bottom: 20px; } .pop-head h3 { margin: 0; padding: 15px 10px; width: max-content; margin: auto; font-size: 32px; } #custompopup h2 { font-weight: 600; text-align: center; margin: 0; font-size: 70px; } #custompopup .modal-header .close { background: #77797b; }