/* Columns stuff*/
.twoColumnContainer {max-width: 480px;}
.column2 {margin-top: 30px;}

/* Main menu */
.mainHeaderContent {margin: 0; padding: 0px;}
.mainHeader {padding: 15px;}
button.navbar-toggle {margin: 0;  float: none;  color: #fff;  border: 0; padding-right: 0;}
.mainMenu ul {text-align: left;}
.mainMenu ul li {display: block !important; margin: 15px 0;}
.mainMenu ul li a {color: #00a9a5; font-size: 16px; }
.mainMenu ul li a {background-image: linear-gradient(to right, #00a9a5 0, #00a9a5 100%); padding: 0 4px;
    background-position: 0 20px;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background .4s;}
.mainMenu ul li a:hover {background-size: 100% 100%;}

.mainMenu {border-top: 0; width:100%;}
.logoContainer {max-width: 480px; margin: 0 auto;}
.header1row {padding: 0 20px 0 15px; height: 38px;}
.header1row>div {padding: 7px 0;}

 /* Breadcrumbs */
.phTitleContainer {margin-bottom: 20px;}

/* Page slider */
/* .oneSlideImage {height: 180px;} */
.oneSlideContainer {max-width: 480px; margin: 0 auto; padding-top: 50px;}
.oneSlideContainer:before{padding-top: 35%;}

.oneSlide h1 {line-height: 20px;}
.oneSlide h1 a {font-size: 23px; font-weight: bold; }
.oneSlide .desc {font-size: 15px; color: #fff; line-height: 16px;}

.osTextright {text-align: right; padding-left: 70px; right: 10%;}
.osTextleft {text-align: left; padding-right: 70px; left: 10%;}
.osTextcenter {text-align: center; padding: 0 35px;}
.ossxDesc {font-size: 14px; letter-spacing: 0;}
.oneSlideButton {font-size: 14px; width: 90px; padding: 5px 8px; margin-top: 10px;}

.slick-dots {padding: 0; margin: 0 auto;}
.slick-dots {position: absolute;  bottom: 0px; display: block;  width: 100%; padding: 0; list-style: none;  text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {
    /* font-family: 'slick'; */  font-size: 35px;
    line-height: 20px;  position: absolute;   top: 0;   left: 0;   width: 20px;   height: 20px;   content: '•';
    text-align: center;   opacity: .25;   color: black;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {opacity: .75; color: black;}
.slick-dots li button {color: #0097A7;}
.slick-dots li button:before {color: #0097A7; opacity: 1; font-size: 35px;}



/* Hompage doctors slide */
.doctorSliderComponent {padding-top: 40px;}
.doctorSliderContainer {max-width: 480px; margin: 0 auto;}
.doctorContentSlider {margin-left: 0; margin-right: 0;}
.doctorSliderComponent h2 {font-size: 30px; letter-spacing: -1px;}
.doctorSliderComponent p {font-size: 22px; margin-bottom: 20px;}
.singleDoc:nth-child(2n+1)  {clear: both;}
.dsImage {max-height: 210px;}
.dsDesc {min-height: 120px;}
.dsDesc a {font-size: 16px;}
.dsDesc span {font-size: 13px;}

/* Apointment */
.apAction {display: block; width: 160px; margin: 0 auto; margin-top: 30px; padding: 3px 5px; text-align: center;}

/* Component ask question footer */
.qaqf {}
.qaqf h2 {font-size: 30px;}
.qaqfContainer {padding: 0 15px;}
.qaqfDesc {font-size: 22px; line-height: 26px; width: 90%;}
.qaqfStatNumber {font-size: 50px; letter-spacing: -1px; line-height: 50px;}
.qaqfStat {padding: 25px 0;}
.qaqfStat>div {margin: 10px 0;}
.qaqfStat>div:nth-child(even) {border: 0;}
.qaqfStatDesc {font-size: 20px;}

/* Component category articles */
.caTitle {max-width: 480px; padding: 10px 0;}
.categoryArticles h1 {font-size: 40px; margin: 0; padding-left: 15px;}
.articlesContainer {max-width: 480px;}
.caArticles {margin-top: 30px;}
.caArticles article {margin-bottom: 20px;}
.caTitleAndLead {padding: 15px 20px 15px 20px;}
.caArticleTitle h2 a {font-size: 30px; line-height: 20px;}
.caArticleLead {font-size: 14px;}
.caArticleButton {font-size: 13px;}
.caImage {min-height: 310px;}

/* Component category list */
.caCategoryList {margin-bottom: 30px; padding: 15px;}
.caCategoriesTitle {font-size: 25px; margin-bottom: 20px;}

/* Component most read articles */
.caMostReadArticles {padding: 15px;}
.caMostReadArticlesTitle {font-size: 25px; margin-bottom: 20px;}
.camraArticeTitle a  {font-size: 16px;}
.camraArticle {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E8E8E8;}

/* Component single text */
.saTitle {max-width: 480px; padding: 20px 0;}
.saTitle h1 {font-size: 30px;  margin: 0;}
.articleContainer {max-width: 480px;}

/* Component page html */
.phTitle {max-width: 480px; padding: 20px 0;}
.phTitle h1 {font-size: 30px;  margin: 0;}
.phContainer {max-width: 480px;}

/* Component appointment */
.appointment {max-width: 480px; text-align: center;}

/* Component question search */
.qsDesc {margin-top: 30px;}

/* Component questions tags */
.questionTags h1 {font-size: 30px;}

/* Component question form */
.questionForm h1 {font-size: 30px;}
.questionForm .questionFormInputFields {margin-bottom: 0;}
.questionFormInputFields>div {margin-bottom: 30px;}

/* Component question list */
.questionList {margin-bottom: 50px;}
.qlHeader {margin-bottom: 40px;}
.qlHeader a {font-size: 20px;}
.qlQuestion {font-size: 16px; line-height: 30px;}
.qlReadAnswer {padding: 30px 0;}

/* Component latest x questions*/
.latestQuestionList {max-width: 560px;}

/* Component single question */
.singleQuestion {}
.sqHeader {font-size: 30px; margin-bottom: 40px;}
.sqQuestion, .sqAuthor {font-size: 16px; line-height: 30px;}
.sqAuthor {margin: 40px 0;}
.sqUrgency {margin-left: 30px; margin-bottom: 40px;}
.sqAnswer {margin-bottom: 40px;}

/* Component video blog */
.componentVideoBlog {}
.cvbDesc {padding: 25px; min-height: 300px;}
.componentVideoBlog h2 {margin-bottom: 30px;}
.componentVideoBlog h2 a {font-size: 24px; line-height: 30px;}
.cvbLead {font-size: 14px; line-height: 30px;}

/* Component video blog slider */
.componentVideoBlogSlider h2 {font-size: 30px;}
.componentVideoBlogSlider .cvbsDesc {font-size: 28px;  max-width: 480px;}
.componentVideoBlogSlider .slick-prev, .componentVideoBlogSlider .slick-next {width: 30px;}

/* Component why us */
.wuContainer {margin: 0 auto; max-width: 480px; padding: 0 15px;}
.wuImage  {  margin: 10px auto;}
.whyUs h2 {font-size: 30px; letter-spacing: -2px; margin: 0 0 40px 0; text-align: center;}
.wuContent {margin-top: 60px;}
.wuContent>div {margin-bottom: 30px;}
.whyUs .wuDesc {font-size: 20px;}
.whyUs h3 {font-size: 20px; }
.whyUs .wuDesc2 {font-size: 16px; line-height: 24px;}

/* Component front page articles */
.fpaContainer {max-width: 480px;}
.frontPageArticles {padding: 20px 0;}
.frontPageArticles h2 {margin-bottom: 20px; margin-top: 0;}
.frontPageArticles h2 a {font-size: 25px; letter-spacing: -1px;}
.frontPageArticles .lead {font-size: 14px; line-height: 20px;}
.frontPageArticles .article {padding: 25px;}
.frontPageArticles .button {position: relative; left: 0; margin: 0;}

/* Moto */
.moto {padding: 20px 0;}
.motoContainer {max-width: 480px;}
.moto h2 {margin: 0 0 30px 0; font-size: 30px; letter-spacing: -2px;}

/* Boxes */
.boxes h2 {font-size: 30px; letter-spacing: -1px; line-height: 25px;}
.boxes h2 span {font-size: 30px; display: inline !important;}
.boxes .button {margin: 30px 0;  display: block; width: 100px; }
.bTestimonial {font-size: 15px; line-height: 20px}
.boxesContainer>div {padding: 40px 30px;}
.bTNavArrows {margin: 25px 0; text-align: center;}

/* Articles And Categories */
.articlesAndCategoriesContainer {max-width: 480px;}
.articlesAndCategories {padding: 50px 0;}
.articlesAndCategories h2 {font-size: 30px; letter-spacing: -3px;}
.articlesAndCategories .aacUslugeDesc {font-size: 16px; line-height: 20px;}
.articlesAndCategoriesContainer .panel-group {margin-bottom: 30px;}

/* Gallery list */
.imageContainer {margin-bottom: 30px;}
.glImage {height: 300px; width: auto;}
.glTitle {margin-bottom: 50px; font-size: 14px;}


/* Contact form */
.map-responsive{overflow:hidden;  padding-bottom:50%;  position:relative;  height:0;}
.contactFormContainer {max-width: 480px;}
.contact .contactData {margin-top: 30px;}
.contact h1, .contact h2 {font-size: 30px;  margin: 0; margin-bottom: 30px;}
.contact .contactDesc {font-size: 14px; line-height: 20px; margin-bottom: 40px;}

/* Page html wide */
.pageHtmlWideContainer {max-width: 480px;}
.pageHtmlWide h1 {font-size: 30px;  margin: 0; letter-spacing: -2px; margin-bottom: 20px;}
.pageHtmlWide p {font-size: 14px;}

/* Why us (About us) */
.wuauContainer {max-width: 480px;}
.whyUsAboutUs h2 {font-size: 40px;  margin: 0; letter-spacing: -2px; margin-bottom: 20px;}
.whyUsAboutUs .wuauDesc {font-size: 22px;}
.whyUsAboutUs li {font-size: 18px; letter-spacing: -1px;}

/* Flat */
.apartmanSliderContainer {max-width: 480px;}

.asSliderContainer {width: 100%; height: auto; position: relative;  margin: 30px 0 50px 0;}
.asContent {width: 100%; height: auto; position: relative;  padding: 40px 30px; font-size: 15px; }

.apartmanSliderContainer h2 {font-size: 30px;  letter-spacing: -2px; margin-bottom: 20px;}
.asSubtitle {font-size: 22px; margin-bottom: 30px;}
.asContent h3 {font-size: 26px;}

.asSliderContanier {}

/* Appointment form */
.appointmentForm h1, .appointmentForm h2 {font-size: 30px;  margin: 0; margin-bottom: 30px;}
.appointmentForm .appointmentFormDesc {font-size: 14px; line-height: 20px; margin-bottom: 40px;}

/* Footer */
footer {padding-top: 20px;	font-size: 16px;}
.footer, .footer-copyright {max-width: 90%;}
.footer {margin-bottom: 45px;}
.footer h3 {font-size: 20px; font-weight: bold; margin: 0 0 20px 0;}
.fMenu li {margin: 5px 10px;}
.fMenu li:after {content: none !important;}
.footer>div {margin: 30px 0;}