﻿body{
    /*background-color: #456392;
    color: white;*/
    
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #2a4050;
	color: #886a5f;
	color: #584e4b;
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
    font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-family: 'Trebuchet MS', 'Open Sans', 'Source Sans Pro', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-family: 'Open Sans', 'Source Sans Pro', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    
}
/*.navbar-default {
    background-color: #3b557e;
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav > li > a {
    color: #dedede;
    font-size: 13px;
}*/

.container{
    /*width: 100% !important;
    padding: 0px !important;*/
}
/*footer{
    padding: 0px 20px;
}*/
.navbar-default {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0px 20px;
}

.navbar-default {
  /*background-image: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #e3e3e3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e3e3e3));
  background-image: linear-gradient(to bottom, #eeeeee 0%, #e3e3e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe3e3e3', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/

  /*background-image: -webkit-linear-gradient(top, #ffffff 0%, #e9eced 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e9eced 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9eced));
  background-image: linear-gradient(to bottom, #ffffff 0%, #e9eced 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe9eced', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  background-repeat: repeat-x;*/
  

  
  /*background-color: white;
  background-image: -webkit-linear-gradient(top, #f3f3e9 0%, #f8eadd 100%);
  background-image: -o-linear-gradient(top, #f3f3e9 0%, #f8eadd 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3e9), to(#f8eadd));
  background-image: linear-gradient(to bottom, #f3f3e9 0%, #f8eadd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3e9', endColorstr='#fff8eadd', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
  
  /*background-color: white;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f3eae2 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f3eae2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3eae2));
  background-image: linear-gradient(to bottom, #ffffff 0%, #f3eae2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3eae2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
  
  background-color: white;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, rgba(236, 198, 162, 0.5) 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, rgba(236, 198, 162, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgba(236, 198, 162, 0.5)));
  background-image: linear-gradient(to bottom, #ffffff 0%, rgba(236, 198, 162, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3eae2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  
  

  background-repeat: repeat-x;
  
  border-radius: 15px !important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  text-transform: uppercase;
  border-color: #ddd;
  
  padding: 30px 5px;
  margin: 20px auto 0px auto;
  width: 95%;  
  max-width: 1170px;
}

.dt-sc-sociable, .dt-sc-sociable li, .dt-sc-sociable li a{
	float: none !important;
}

@media only screen and (min-width: 768px) {

	.navbar-nav > li.open > .dropdown-menu{
		margin-top: 30px;
	}
	.navbar-nav
	{
		float: right !important;
	}
}

.dropdown-menu > li > a {
    padding: 5px 20px;
    text-transform: none;
}
.navbar-default .navbar-toggle {
    border-color: #777;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #777;
}

.navbar-default .navbar-nav > li > a{	
	font-size: 16px;
	/*color: #32ccbd;
	font-weight: bold;*/
}

@media only screen and (max-width: 1200px) {

	.navbar-default .navbar-nav > li > a{	
		font-size: 15px;
	}
}

@media only screen and (max-width: 1100px) {

	.navbar-default .navbar-nav > li > a{	
		font-size: 13px;
	}
}

@media only screen and (max-width: 1000px) {

	.navbar-default .navbar-nav > li > a{	
		font-size: 12px;
	}
}

@media only screen and (max-width: 768px) {

	.navbar-default .navbar-nav > li > a{	
		font-size: 15px;
	}
}

.navbar-default .navbar-nav > li > a:hover{	
  font-weight: 600;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    color: #0ab6eb;
	color: #32ccbd;
    background-color: transparent;
	font-weight: 600;
}

.dt-sc-gynecologist-single-meta-data ul.child-bullet-list-nobullet li:before{
	content: none !important;
}
.dt-sc-gynecologist-single-meta-data ul.child-bullet-list-nobullet{
	list-style-type: none !important;
}
.dt-sc-gynecologist-single-meta-data ul.child-bullet-list-nobullet li{
	padding-left: 0px !important;
}
/*
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #283a56 0%, #2d4160 100%);
  background-image: -o-linear-gradient(top, #283a56 0%, #2d4160 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#283a56), to(#2d4160));
  background-image: linear-gradient(to bottom, #283a56 0%, #2d4160 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff283a56', endColorstr='#ff2d4160', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:link {
    color: #dedede;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
    color: #fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #e7e7e7;
}
.dropdown-menu {
    background-color: #283a56;
    color: #fff;
}
.dropdown-menu > li > a {
    color: #fff;
    text-transform: none;
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
    color: #333;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #dedede;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #283a56;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
}
    */


        .modal-body{
            padding: 10px;
        }
        .autodiv2 h3, .autodiv h3{
            font-size: 18px;
        }
        .uppertext{
            text-transform: uppercase !important;
        }
        #wrap{
            padding-bottom: 0px !important;
        }

        input[type=text], input[type=number]{
            font-family: Arial, Helvetica, sans-serif !important;
        }


.imgshdbox {
    margin: 25px auto;
    margin: 40px auto;
    margin: 25px auto 10px auto;
    min-height: 10px;
    background: #FFF;
            min-width: 200px;
            max-width: 1000px;
            width: 100%;
}

.dt-sc-team.dt-sc-team-member .dt-sc-team-details h4, .dt-sc-gynecologist-single-details h4{
				font-size: 25px;
			}
			.dt-sc-team.dt-sc-team-member .dt-sc-team-thumb .team-overlay a{
				font-size: 22px;
			}
			.dt-sc-team.dt-sc-team-member .dt-sc-team-details h5, .dt-sc-gynecologist-single-details h5{
				font-size: 16px;
			}
			
			input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
				/* display: none; <- Crashes Chrome on hover */
				-webkit-appearance: none;
				margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
			}

			input[type=number] {
				-moz-appearance: textfield;
			}

			/*.modal-dialog {
				padding-top: 5%;
			}*/

			.logoimg {
				max-width: 190px;
				margin-top: -10px;
				max-height: 38px;
				min-height: 38px;
			}

			.levagoscontainer {
				white-space: nowrap;
				overflow: hidden !important;
				text-overflow: ellipsis;
			}
			.forcelevagoscontainer{
				word-wrap: break-word;
			}
			.min50{
				min-width: 50px;
			}
			.min75{
				min-width: 75px;
			}
			.min100{
				min-width: 110px;
			}
			.min125{
				min-width: 125px;
			}
			.max50{
				max-width: 50px;
			}
			.max75{
				max-width: 75px;
			}
			.max100{
				max-width: 100px;
			}
			.max125{
				max-width: 125px;
			}
			.max150{
				max-width: 150px;
			}
			.sortlabel{
				font-size: 10px;
			}
			@font-face {
				font-family: mFont;
				src: url(trebucbd.ttf);
			}
			.mfont{
				font-family: mFont, Arial, Helvetica, sans-serif;
			}
			.navbar-header .mfont{
				color: #0390d4;
			}
			.myModalFooter{
				padding-bottom: 0px !important;
			}
			#myModalLabel, .myModalLabel{
				margin-bottom: 0px;
				margin-top: 0px;
			}
			.modalbtn{
				margin: 0px 25px;
			}
			#detailsModalMsg .tbl_details{
				width: 100%;
				max-width: 800px;
			}
			.datepicker{
				z-index: 1051 !important;
			}
			.modal-dialog.widedialog{
				width: auto !important;
				max-width: 1200px;
			}
			.modal-dialog.widedialog2{
				width: auto !important;
				max-width: 800px;
			}
			.modal-dialog.widedialog3{
				width: auto !important;
				max-width: 2000px;
			}
			#exampleModalClose{
				filter: alpha(opacity=60);
				opacity: .6;
			}
			.brandimg, .brandimg1{
				float: left;
				display: inline-block;
				max-height: 110px; 
				margin-top: -45px;
			}
			.brandtext{
				float: left;
				display: inline-block;
				margin-top: -8px;
				text-align: center;
				color: #32ccbd;
				margin-left: 5px;
			}
			.brandbig{
				font-size: 35px;
				font-weight: bold;
				font-family: Courgette;
				text-transform: none;
				letter-spacing: 10px;
				margin-left: 5px;
			}
			.brandmini{
				font-size: 11px;
			}
			
			
			.brandtext1{
				float: left;
				display: inline-block;
				margin-top: 30px;
				text-align: center;
				color: #32ccbd;
			}
			.brandbig1{
				font-size: 28px;
				font-weight: bold;
				font-family: Courgette;
				text-transform: none;
				letter-spacing: 6px;
			}
			.brandmini1{
				font-size: 10px;
				text-transform: uppercase;
			}
			.dt-sc-team .dt-sc-team-details{
				padding: 0px;
			}
			.fontsizer{
				font-size: 100%;
			}
			.dt-sc-colored-icon-box .icon-image img,
			.dt-sc-colored-icon-box .dt-sc-colored-content .icon-image{
				width: 70px;
				height: 70px;
			}
			
			.justleftp{
				text-align: justify;
			}
			
			@media only screen and (min-width: 250px) and (max-width: 350px) {
				.fontsizer{
					font-size: 90% !important;
				}
				.fontsizer1{
					font-size: 95% !important;
				}
				.fontsizer2{
					font-size: 92% !important;
				}
				.dt-sc-colored-icon-box .icon-image img,
				.dt-sc-colored-icon-box .dt-sc-colored-content .icon-image{
					width: 50px !important;
					height: 50px !important;
				}
				.dt-sc-colored-icon-box .icon-image span.fa{
					font-size: 25px !important;
				}
				.dt-sc-colored-icon-box .dt-sc-colored-content-title h3{
					margin-bottom: 8px;
					font-size: 18px;
				}
				
				.brandbig1{
					font-size: 20px;
				}
				.brandmini1{
					font-size: 7px;
					margin-top: -20px;
				}
				.brandtext1{
					margin-top: 10px;
				}
			
				.justleftp{
					text-align: left;
				}
			}
			
			@media only screen and (max-width: 350px) {
				.brandtext{
					display: none;
				}
				.navbar-default {
					border-radius: 0px !important;
					margin: 0px auto 0px auto;
					width: 100%; 
				}
				
				.brandimg, .brandimg1{
					float: left;
					display: inline-block;
					max-height: 88px; 
					margin-top: -35px;
				}
			
				.justleftp{
					text-align: left;
				}
			}
			@media only screen and (min-width: 768px) and (max-width: 879px) {				
				.brandtext{
					display: none;
				}
			}
			@media only screen and (min-width: 350px) {
				.brandbig{
					font-size: 18px;
				}
				.brandmini{
					font-size: 7px;
				}
				
				.brandimg{
					float: left;
					display: inline-block;
					max-height: 75px; 
					margin-top: -25px;
				}
			
				.justleftp{
					text-align: left;
				}
			}
			@media only screen and (min-width: 400px) {
				.brandbig{
					font-size: 20px;
				}
				.brandmini{
					font-size: 8px;
				}
			
				.justleftp{
					text-align: left;
				}
			}
			@media only screen and (min-width: 500px) {
				.brandbig{
					font-size: 22px;
				}
				.brandmini{
					font-size: 9px;
				}
			
				.justleftp{
					text-align: justify;
				}
			}
			@media only screen and (min-width: 770px) {
				.brandbig{
					font-size: 25px;
				}
				.brandmini{
					font-size: 9px;
				}
			}
			@media only screen and (min-width: 1100px) {
				.brandbig{
					font-size: 28px;
				}
				.brandmini{
					font-size: 9px;
				}
			}
			@media only screen and (min-width: 1200px) {
				.brandbig{
					font-size: 35px;
				}
				.brandmini{
					font-size: 11px;
				}
			}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect7
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}

.modal-body .frmgrp2 label{
    display: block;
}
.modal-body .frmgrp2 label .megjegyzes, .megjegyzes{
    display: block;
    color: #777;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}
.modal-body .frmgrp2{
    margin-bottom: 20px;
    text-align:center;
}
.modal-body .frmgrp2 .form-control{
    text-align: center;
    display: inline-block;
}
.modal-body .frmgrp2 textarea{
    width: 75%;
    min-width: 200px;
    max-width: 600px;
    height: 150px;
    text-align: left;
}

a:hover{
    text-decoration: none !important;
}

.mControl{
    margin: 0px 10px 20px 10px;
    font-size: 20px; 
    padding-left: 20px; 
    padding-right: 20px;
}

.mbtn{
  color: #fff;
  background-color: #32ccbd;
  border-color: #26a699;
}
.mbtn:hover,
.mbtn:focus,
.mbtn:active,
.mbtn.active {
  color: #fff;
  background-color: #18968a;
  border-color: #127067;
}
