html{position:relative;min-height:100%;} body{font-size:18px;line-height:22px;font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;padding:0px;background-color:#eaebed;} a, .services .inner{transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;} p{margin:0 0 18px;} h2.intro{font-size:30px;line-height:100%;color:$color1;} h1{color:#6f6f6f;text-align:center;text-transform:uppercase;font-size:40px;} h1:after{height:3px;width:80px;background-color:#6f6f6f;display:table;content:" ";margin:14px auto 25px;} h1.left{text-align:left;display:inline-block;} h1.left:after{margin:14px 0 25px;} p.subtitle{text-align:center;} .clear{clear:both;} a:link, a:visited{text-decoration:none;outline:none} a:img, a:focus, a{outline:none} .container{max-width:1400px;background-color:#ffffff;} .animate900{transition:all 900ms ease-in-out 0s;} .delay300{transition-delay:300ms;} .delay600{transition-delay:600ms;} .delay900{transition-delay:900ms;} .delay1200{transition-delay:1200ms;} .input-data{height:100%!important;width:100%!important;} #content{min-height:500px} .header .container{border-bottom:4px solid #2f2f2f;padding:27px 0;} .logo{margin-right:50px;} .logo img{margin-left:20px;} @keyframes logoAnimation{0%{opacity:0;transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transition-timing-function:ease-in;} 40%{transform:perspective(400px) rotate3d(0, 1, 0, -40deg);transition-timing-function:ease-in;} 60%{opacity:1;transform:perspective(400px) rotate3d(0, 1, 0, 20deg);} 80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg);} 100%{transform:perspective(400px);} } .logo.animate img{visibility:visible;animation-name:logoAnimation;animation-duration:1.5s;animation-fill-mode:both;backface-visibility:visible !important;} .logo strong{font-size:24px;display:inline-block;margin-top:9px;margin-left:20px;line-height:22px;font-family:'Roboto Condensed', sans-serif;font-weight:normal;} .logo span{display:block;color:#a0a3a3;font-size:13px;font-family:'Lora', serif;} .nav > li > a:focus, .nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background:none;} .navbar-nav.social a{color:#b7b7b7;border-radius:50%;display:inline-block;font-size:18px;width:38px;height:38px;line-height:38px;position:relative;text-align:center;border:1px solid #b7b7b7;padding:10px;margin:4px 2px 0;} .social a:before{content:"";position:absolute;left:0;top:0;width:38px;height:38px;background-color:#75a8d8;opacity:0;border-radius:50%;transition:all 170ms ease 0s;transform:scale(0);} .social a:hover{color:#ffffff;border-color:#ffffff;} .social a:hover:before{opacity:1;transform:scale(1);transform-origin:center;} .language img{width:30px;} .language span{margin-left:4px;} .navbar-toggle .icon-bar{background-color:#888;} .navbar-toggle{border-color:#DDD;} .content-container{position:relative;} .content-left{background:#2d97af;color:#ffffff;padding-right:40px;padding-left:40px;padding-top:40px;padding-bottom:20px;min-height:300px;text-align:center;} .content-left p, .content-left a{opacity:0;} .phoneNo a{opacity:1;} p.animate900{opacity:1;} a.animate900{opacity:1;} p.slogan{text-transform:uppercase;font-size:29px;line-height:34px;padding-bottom:10px;font-weight:bold;} p.slogan span{text-transform:none;font-size:25px;font-weight:normal;display:block;} p.phoneNo strong{font-size:24px;font-weight:normal;} p.phoneNo span{display:block;color:#ffd959;font-size:27px;padding-top:10px;} .phoneNo a{border:2px solid #eabd26;border-radius:6px;padding:6px 20px;font-size:19px;display:inline-block;margin-top:2px;} .phoneNo a:visited, .phoneNo a:link{color:#ffd959;} .btn-yellow{margin-top:10px;} .btn-yellow:hover{background-color:#eabd26;color:#ffffff;} .content-left > h1, .content-left > h2{white-space:nowrap;} .content-left > h2{background:#f6c834;font-size:25px;color:#ffffff;display:inline-block;padding:7px 10px;text-transform:none;} .content-left > h2 span{font-size:25px;} .content-left > h2 a{font-size:25px;color:#ffffff!important;cursor:default;} .content-left > h2:after{display:none;} #myCarousel{height:300px;overflow:hidden;} #myCarousel img{width:100%;} .services{margin:20px 0;} .services .inner{border:2px solid #e4e4e4;margin:5px;padding:15px 10px 20px;min-height:200px;} .services .inner:hover{border:2px solid #bbbbbb;} .services h3{color:#7db626;text-transform:uppercase;margin:5px 0 5px;} .services p{min-height:68px;} .services div.more{background-color:#75a8d8;padding:4px 20px;color:#ffffff;font-size:30px;display:inline-block;border-radius:4px;} @keyframes arrowAnimation{16.65%{-webkit-transform:translateX(7px);transform:translateX(7px);} 33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px);} 49.95%{-webkit-transform:translateX(4px);transform:translateX(4px);} 66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px);} 98%{-webkit-transform:translateX(1px);transform:translateX(1px);} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } .services div.more .fa{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;} .services .inner:hover .fa, .services .inner:focus .fa, .services .inner:active .fa{-webkit-animation-name:arrowAnimation;animation-name:arrowAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;} p.description{color:#686868;padding-left:15px;text-transform:uppercase;} .location dl{padding:16px 10px 10px;min-height:240px;border-radius:6px;cursor:pointer;transition:all 300ms ease;position:relative;background-color:#f6f6f6;} .location dl:hover{background-color:#e8e8e8;} .location dt{text-transform:uppercase;border-bottom:1px solid #333333;padding-right:20px;display:inline-block;margin-bottom:5px;font-size:20px;} .location dd{margin:10px 0;font-size:14px;line-height:20px;opacity:0.9;} .location dd.program span{display:block;font-size:13px;} .location dl.active{background-color:#74a8d7;color:#ffffff;cursor:default;} .location dl.active:before{content:"";position:absolute;bottom:-19px;left:50%;margin-left:-15px;width:0px;height:0px;border-top:19px solid #74a8d7;border-left:19px solid transparent;border-right:19px solid transparent;transition:right 400ms ease 0s;} .location dl.active dt{border-bottom-color:#ffffff;} dl.active a.map-link:link, dl.active a.map-link:visited{border:1px solid #a7c4dd;border-radius:5px;color:#ffffff;padding:6px 10px;} dl.active a.map-link:hover, dl.active a.map-link:active{background-color:#578cba;} dl a.phone-link:link, dl a.map-link:visited{border:1px solid #d5d5d5; background-color:#d9d9d9; border-radius:5px;color:#333333;padding:6px 14px; margin:0; display:inline-block;} dl.active a.phone-link:link, dl.active a.map-link:visited{border:1px solid #578cba; background-color:#578cba; border-radius:5px;color:#ffffff;padding:6px 14px; margin:0; display:inline-block;} .super { vertical-align: super; } #programare_dentist input, #programare_dentist textarea, #programare_dentist select{background-color:#F8F8F8;border:1px solid #DDDDDD;padding:10px;margin-bottom:10px;line-height:20px;color:#7D7D7D;width:100%;} #programare_dentist textarea{width:100%;} button.submit{border:3px solid #dfdfdf;background-color:#ffffff;color:#333333;text-transform:uppercase;width:100%;height:76px;padding:10px;margin-bottom:20px;position:relative;transition:background-color 400ms ease 100ms, color 300ms ease 0s;overflow:hidden;font-size:20px;} button.submit:before{content:"";position:absolute;right:-50px;top:27px;width:0px;height:0px;border-left:9px solid #ffffff;border-top:9px solid transparent;border-bottom:9px solid transparent;transition:right 400ms ease 0s;} button.submit:hover{background-color:#97ca4a;color:#ffffff;} button.submit:hover:before{right:24px;} .map-holder{margin-top:10px} .grayContent{background-color:#F7F7F8;padding:10px 0 30px;} .bootstrap-select > .btn{height:42px} .bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li a:hover{background-color:#74A8D7;} .form-control{box-shadow:none} .modal-header{border:none;min-height:40px;} .close{font-size:29px;margin-right:-15px;} .contact-modal .logo{margin-right:0;margin-bottom:24px;} .contact-modal .logo strong{margin-left:0;color:#337AB7;} .contact-modal ul.social-links{text-align:center;list-style-type:none;margin:20px 0;padding:0;} .contact-modal ul.social-links li{display:inline-block;text-align:center;} .contact-modal ul.social-links li a:link, .contact-modal ul.social-links li a:visited{border-radius:50%;display:inline-block;font-size:18px;width:38px;height:38px;line-height:38px;position:relative;text-align:center;border:1px solid #B7B7B7;padding:10px;margin:4px 2px 0px;color:#aeaeae;} .contact-modal ul.social-links li a:hover, .contact-modal ul.social-links li a:active{color:#70a4d3;border-color:#70a4d3;} .contact-modal .btn-blue{background-color:#75a8d8;color:#ffffff;text-transform:uppercase;font-size:20px;margin:10px 0 15px;padding:8px 18px;border-radius:6px;} .contact-modal .btn-blue:hover{background-color:#6296c5;} .contact-modal p{margin:0;} .modal-backdrop.in{opacity:0.75;} .footer .footer-content .footer-menu-container{padding:28px 30px 22px 30px;background-color:#6f6f6f;color:#e2e2e2;font-size:13px;} h4.footer-title{font-size:18px;color:#ffffff;text-align:left;text-transform:uppercase;margin-bottom:7px;} p.footer-description{margin-bottom:0px;font-size:14px;} p.footer-description.first{text-transform:uppercase;opacity:0.7;} p.copyright{margin-top:20px;} p.footer-description a:link, p.footer-description a:visited{color:#e2e2e2;} p.footer-description a:hover, p.footer-description a:active{color:#ffffff;} ul.social-media{padding:0;margin-top:20px;} .social-media li{display:inline-block;margin-right:10px;} .social-media a:link, .social-media a:visited{color:#b7b7b7;font-size:18px;} .social-media a:hover, .social-media a:active{color:#ffffff;} .datepicker{display:inline-block;float:left;} .datepicker-data{width:55%;float:left;margin-right:5px;} .datepicker-time{width:40%;float:left;margin-left:8px;} .datepicker-time .bootstrap-select{width:100%!important;} .datepicker-time:after{display:block;content:"";clear:both;} .datepicker-label{float:left;margin-right:5px;} .datepicker-button{border:0px;border-radius:0px;} @media (max-width:768px){.datepicker-div{margin-left:5px;} } .btn{border-radius:0px;border:none;padding-left:30px;padding-right:30px;} .btn-blue-white{background:#74a8d7;color:#ffffff;font-weight:600;font-size:18px;} .btn-blue-white:hover, .btn-blue-white:focus{color:#ffffff;} .btn-yellow{background-color:#F6C834;border-radius:4px;text-transform:uppercase;color:#ffffff;font-size:21px;padding:6px 25px;} .modal-title{display:inline-block;border-bottom:solid 2px #74a8d7;margin-bottom:-1px;padding:16px 0px;} .modal-header{padding-bottom:0;padding:18px 0 0 0;border-width:2px;button.close{margin-top:15px;} } .modal-content{border-radius:0;padding:0 38px;} .modal-body{padding:15px 0;} .modal-footer{padding:15px 0;text-align:left;.btn + .btn{margin-left:10px;} } .popup-delimiter{border-top:solid 1px #e3e3e3;margin-top:23px;padding-top:15px;} .modal-footer-txt{padding-bottom:15px;} .values{background-color:#75a8d8;color:#ffffff;padding:30px;margin-top:30px;} .values p{font-size:20px;line-height:24px;margin-bottom:30px;} .values ul{list-style-type:none;margin:0;padding:0;} .values ul li{width:20%;float:left;text-align:center;opacity:0.05;} .values ul li span{width:95px;height:95px;display:inline-block;} .values ul li.excelenta span{background:url("../images/icon1.png") no-repeat left top;} .values ul li.responsabilitate span{background:url("../images/icon2.png") no-repeat left top;} .values ul li.respect span{background:url("../images/icon3.png") no-repeat left top;} .values ul li.amabilitate span{background:url("../images/icon4.png") no-repeat left top;} .values ul li.echipa span{background:url("../images/icon5.png") no-repeat left top;} .values h4{text-transform:uppercase;} .inView ul li{opacity:1;} @media screen and (min-width:768px) and (max-width:1200px){ } @media screen and (max-width:992px){ .services p, .services .inner{min-height:initial;} p.footer-description{font-size:12px;} button.submit{margin-top:10px;} #content{min-height:none;} .photo{margin-bottom:20px} } @media screen and (max-width:767px){ #myCarousel{height:auto;} p.footer-description{font-size:14px;} .footer .footer-content .footer-menu-container{padding:18px 26px 12px} h4.footer-title{margin-bottom:3px;} .container .values ul li span{background-size:70%;background-position:center;height:70px;} .values ul li{width:33%;} .values h4{font-size:15px;margin-top:0;margin-bottom:15px;} .photo{max-width:150px;} h1{font-size:28px} .grayContent{padding:10px 0px 20px} p.description{text-align:center;padding-left:0;font-size:20px;} .location dl.active::before{display:none;} .container > .navbar-header{margin-right:0;} #navbar{background-color:#ebebeb;} .navbar-nav{margin:0;} .navbar-nav li{} .nav > li > a{margin:0 10px;border-top:1px solid #c9c9c9;text-transform:uppercase;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover{border-color:#c9c9c9;} .nav > li:first-child > a{border-top:none;} .header .container{padding-bottom:0;} .logo{display:inline-block;margin-bottom:20px} .collapse.in{padding:0;margin:0} .social li{display:inline-block} .social{margin:10px 15px;} .social a:before{display:none;} .social a:hover, .social a:focus{border-color:#B7B7B7;color:#B7B7B7} } @media screen and (max-width:480px){ .content-left{padding:32px 20px;} p.slogan{font-size:25px;line-height:28px;margin-bottom:10px} .logo img{width:50px;height:auto;} .logo strong{margin-left:5px;margin-top:1px;font-size:20px;} .header .container{padding:27px 0px 0px} .container .values ul li span{background-size:80%;background-position:center;height:70px;} .values ul li{width:50%;} .values ul li.echipa{width:100%} .contact-address{font-size:13px;line-height:16px;} .modal-content{padding:0 22px;} .close{margin-right:0px;} .values h4{font-size:15px;margin-top:0;margin-bottom:15px;} h1{font-size:25px} h1:after{margin:10px auto 18px} .online-form{padding:0;} #programare_dentist{margin-left:-15px;margin-right:-15px;} .navbar-toggle{margin-top:0} .logo{margin-bottom:14px;display:block} } @media screen and (max-width:320px){ .content-left{padding:32px 10px;} .logo strong{font-size:20px;} .title-bar span{font-size:12px;} }