/* Columns stuff*/
.twoColumnContainer {max-width: 820px;}

/* Main menu */
.header1row, .mainHeaderContent {max-width: 820px;}
.mainHeaderContent {padding: 0 15px;}
.header1row {padding: 0 15px; font-size: 13px;}
.mainHeader  {padding: 15px 0 15px 0;}
.mainSearch {float:right;}
.mainMenu {margin-top: 40px; padding: 0; /* width: 100%;*/}
.mainMenu li {text-align: center;}
.mainMenu ul li {display: inline-block; padding-left: 10px; padding-top: 60px;}
.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%;}
/*.home {width: 60px;}
.onama {width: 60px;}
.poliklinika {width: 80px;}
.galerijaOsmeha {width: 110px;}
.videoBlog {width: 80px;}
.kontakt {width: 55px; text-align: right !important;}
*/
.logoContainer {padding-left: 0;}
.menuContainer {padding-right: 0; padding-left: 0;}

#pretraga {font-size: 14px;}

/* Breadcrumbs */
.phTitleContainer {margin-bottom: 30px;}
.phTitleBreadCrumbs {font-size: 13px;}

/* Page slider */
/* .oneSlideImage {height: 400px;} */
.oneSlideContainer {max-width: 800px; margin: 0 auto;  padding-top: 120px;}
.oneSlideContainer:before {padding-top: 40%;}

.oneSlide h1 a {font-size: 35px; font-weight: bold;}
.oneSlide .desc {font-size: 20px; color: #fff;  margin: 25px 0;}
.osTextright {text-align: right; padding-left: 290px ;  right: 10px;}
.osTextleft {text-align: left; padding-right: 290px;  left: 10px;}
.osTextcenter {text-align: center; padding: 0 145px;}

.oneSlideButton {font-size: 18px; width: 130px; padding: 7px 12px;}


/* Hompage doctors slide */
.doctorSliderComponent {padding-top: 40px; padding-bottom: 20px;}
.doctorSliderContainer {max-width: 820px; margin: 0 auto;}
.doctorSliderComponent h2 {font-size: 40px; letter-spacing: -2px;}
.doctorSliderComponent p {font-size: 26px; margin-bottom: 20px;}
.singleDoc:nth-child(3n+1) {clear: both;}
.dsImage {max-height: 220px;}
.dsDesc {min-height: 120px;}
.dsDesc a {font-size: 20px;}
.dsDesc span {font-size: 14px;}

/* Component ask question footer */
.qaqf {}
.qaqf h2 {font-size: 45px;}
.qaqfDesc {font-size: 25px; line-height: 30px; min-width: 600px;}
.qaqfStatNumber {font-size: 60px; letter-spacing: -1px; line-height: 50px;}
.qaqfStat {padding: 25px 0;}
.qaqfStat>div {margin: 10px 0;}
.qaqfStat>div:nth-child(even) {border: 0;}

/* Component category articles */
.caTitle {max-width: 820px; padding: 20px 0;}
.categoryArticles h1 {font-size: 40px; margin: 0;}
.articlesContainer {max-width: 820px;}
.caArticles {margin-top: 50px;}
.caArticles article {margin-bottom: 30px;}
.caTitleAndLead {padding: 35px 38px 25px 38px;}
.caArticleTitle h2 a {font-size: 30px; line-height: 30px;}
.caArticleLead {font-size: 16px;}
.caArticleButton {font-size: 14px;}
.caImage {min-height: 510px;}


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

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

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

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

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

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

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

/* Component question form */
.questionForm h1 {font-size: 40px;}

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

/* Component latest x questions*/
.latestQuestionList {max-width: 960px;}
.lqlSingle {height: 335px;}

/* 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: 40px; margin-bottom: 40px;}
.sqAnswer {margin-bottom: 40px;}

/* Component video blog */
.componentVideoBlog {}
.cvbDesc {padding: 35px; min-height: 300px;}
.componentVideoBlog h2 {margin-bottom: 30px;}
.componentVideoBlog h2 a {font-size: 24px; line-height: 30px;}
.cvbLead {font-size: 16px; line-height: 30px;}
.videoBlogItem:nth-child(2n+1) {clear: both;}

/* Component video blog slider */
.componentVideoBlogSlider h2 {font-size: 50px;}
.componentVideoBlogSlider .cvbsDesc {font-size: 28px;  max-width: 700px;}

/* Component why us */
.wuContainer {margin: 0 auto; max-width: 820px;}
.whyUs h2 {font-size: 40px; letter-spacing: -3px; margin: 30px 0 20px 0;}
.wuContent {margin-top: 40px;}
.wuContent>div {margin-bottom: 20px;}
.whyUs .wuDesc {font-size: 20px;}
.whyUs h3 {font-size: 20px; }
.whyUs .wuDesc2 {font-size: 15px; line-height: 20px;}

/* Component front page articles */
.frontPageArticles {padding: 40px 0;}
.fpaContainer {max-width: 820px;}
.frontPageArticles h2 {margin-bottom: 30px; margin-top: 0; height: 90px;}
.frontPageArticles h2 a {font-size: 30px; letter-spacing: -1px; line-height: 20px;}
.frontPageArticles .lead {font-size: 14px; line-height: 25px;}
.frontPageArticles .article {min-height: 400px;}

/* Moto */
.moto {padding: 40px 0;}
.motoContainer {max-width: 820px; }
.moto h2 {margin: 0 0 40px 0; font-size: 40px; letter-spacing: -3px;}

/* Boxes */
.boxes h2 {font-size: 40px; letter-spacing: -2px; line-height: 25px;}
.boxes h2 span {font-size: 22px;}
.boxes .button {margin-top: 40px;  display: block; width: 100px; }
.bTestimonial {font-size: 18px; line-height: 25px}
.bTNavArrows {margin-top: 30px;}

/* Articles And Categories */
.articlesAndCategoriesContainer {max-width: 820px;}
.articlesAndCategories {padding: 80px 0;}
.articlesAndCategories h2 {font-size: 40px; letter-spacing: -3px;}
.articlesAndCategories .aacUslugeDesc {font-size: 16px; line-height: 30px;}

/* Gallery list */
.imageContainer:nth-child(2n+1) {clear: both;}
.imageContainer {margin-bottom: 30px;}
.glImage {height: 248px; width: auto;}
.glTitle {margin-bottom: 50px; font-size: 16px;}

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

/* Page html wide */
.pageHtmlWideContainer {max-width: 820px;}
.pageHtmlWide h1 {font-size: 40px;  margin: 0; letter-spacing: -3px; margin-bottom: 20px;}
.pageHtmlWide p {font-size: 16px;}

/* Why us (About us) */
.wuauContainer {max-width: 820px;}
.whyUsAboutUs h2 {font-size: 50px;  margin: 0; letter-spacing: -3px; margin-bottom: 20px;}
.whyUsAboutUs .wuauDesc {font-size: 28px;}
.whyUsAboutUs li {font-size: 20px; letter-spacing: -1px;}

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

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

.apartmanSliderContainer h2 {font-size: 40px;  letter-spacing: -3px; margin-bottom: 20px;}
.asSubtitle {font-size: 28px; margin-bottom: 30px;}
.asContent h3 {font-size: 36px;}


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

/* Footer */
footer {padding-top: 25px; font-size: 16px;}
.footer, .footer-copyright {max-width: 820px;}
.footer {margin-bottom: 45px;}
.footer h3 {font-size: 25px; font-weight: bold; margin: 0 0 30px 0;}
.footer>div {margin: 25px 0;}
/* .footer>div:nth-child(odd) { clear: both;} */