/*
Theme Name: MyMedic
Theme URI:
Description: Theme By Takemedia.
Author: Jorge Oliveira
Author URI: http://takemedia.pt
Version: 0.1
Tags: takemedia
*/

@font-face {
  font-family: 'EnzoOT-Medi';
  src: url('font/enzo/EnzoOT-Medi.eot?#iefix') format('embedded-opentype'),  
	url('font/enzo/EnzoOT-Medi.otf')  format('opentype'),
	url('font/enzo/EnzoOT-Medi.woff') format('woff'), 
	url('font/enzo/EnzoOT-Medi.ttf')  format('truetype'), 
	url('font/enzo/EnzoOT-Medi.svg#EnzoOT-Medi') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EnzoOT-Light';
  src: url('font/enzo/EnzoOT-Light.eot?#iefix') format('embedded-opentype'),  
	url('font/enzo/EnzoOT-Light.otf')  format('opentype'),
	url('font/enzo/EnzoOT-Light.woff') format('woff'), 
	url('font/enzo/EnzoOT-Light.ttf')  format('truetype'), 
	url('font/enzo/EnzoOT-Light.svg#EnzoOT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

html{margin: 0;padding: 0;height:100%;}
body{background-color: #EEF0EB;margin: 0;height:100%;}
body, input, textarea{color: #57585A; font-family: 'EnzoOT-Medi', sans-serif;line-height: 1.5;}
h1, h2, h3, h4, h5, h6{font-weight: normal;clear: both;}
hr{background-color: #999;border: 0;height: 1px;margin-bottom: 1.5em;}
pre{font: 11px Monaco, monospace;line-height: 1.5;margin-bottom: 1.5em;}
code{font: 11px Monaco, monospace;}
p{margin: 4px 0 12px 0;}
a{color: #11788A;text-decoration: none;}
a:hover{color: #065c88;}
.clear{clear:both}


h2{
    font-size: 26px;
    margin-top: 0px;
    font-weight: 700;
}

.wrapper{
    
    min-height:100%;
    position:relative;
}
#container{ 
   padding-bottom:40px;   
}

.pwidth{
    max-width:1150px;
    margin: 0 auto;
    padding:0 25px;
    position: relative;
}
#header{
    padding: 25px;    
    margin: 0 auto;      
    position: relative;
    border-bottom: 1px solid #6EC4D1;
    background-color:#fff;
}

.social{
    float: right;
    position: relative;
    margin-top: 30px;
    font-size: 23px;
    background: #EBEDEC;
    border-radius: 6px;
    padding:8px 0px;
}

.social a{
    padding-bottom: 0px;
    display: block;
    float: left;    
}

.social a span{
    padding: 5px;
}

.social a:hover{
    opacity: 0.7;
}

.social .facebook{
    background: url(images/social.png) no-repeat;
}
.social .youtube{
    background: url(images/social.png) -17px no-repeat;
}

.logo{
    float: left;
}

#menu{
    float: right;
    list-style: none;   
    margin-top: 30px;
    padding: 0px;
}

#menu li{
    float: left;
    margin: 0 3px;   
    font-size: 18px;
    position: relative;
    z-index: 20;
}

#menu li .submenu{
    position: absolute;
    top: 30px;
    left:-30px;
    z-index: 22;
    background: #EEF0EB;
    width:200px;    
    display:none;
}

#menu li .submenu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu li .submenu ul li{
    width: calc(100% - 4px);
    margin: 2px 2px;
    text-align: center;
} 
#menu li .submenu ul li a{
    color:#11788A;
}


#menu .active{
    background: #6EC4D1;
}

#menu .active a{color:#fff;}

#menu li a{
    padding: 5px 10px;
    display: block;
    color:#585858;
}

.menu-toggle{
    position: relative;
    float: right;
    padding: 7px 10px 4px 10px;    
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #ddd;
    cursor: pointer;    
    margin: 10px 0px 8px 0px;   
    display: none;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.menu-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888;
    margin-bottom: 4px;
}

.mobile{
    background: #fff;
    padding: 10px 25px;
    top: 60px;
    right: 0px;
    position: absolute;
    display: none;
    z-index: 9999;
}

.mobile li{
    float: none !important;
}

.mobile .opensub .submenu{
    display: block !important;
    position: relative !important;
    top:0 !important;
    left: 0 !important;
}

.banner{
    width:100%;
    padding:25px 0px; 
    background: #fff;
}
.owl-carousel{
    max-width: 1200px;
    margin: 0 auto;
}
.bannerleft{
    float: left;
    width: 45%;
    margin: 0 2.5%;
}

.bannerrirhgt{
    float: right;
    width: 45%;
    margin: 0 2.5%;
}

.owl-item{
    padding: 15px 0px;
}

.bannerimage{
    width:100%;    
    border: 3px solid #fff;
    overflow: hidden;
    background: #fff;
    position: relative;
    box-shadow: 0px 0px 9px 3px #73CFD6;
}

.bannerimage iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
}

.bannerimage img{
    width: 100%;
}

.forceleft{
    float: left !important;
}

.forceright{
   float: right !important; 
}

.greyzone{
    background: #EEF0EB;
}

.h2home{
    color:#CCCCCC;
    padding-top: 25px;
}

.especialidades{
    display:                 flex;
    display:                 -webkit-flex; /* Safari */
    flex-wrap:               wrap;
    -webkit-flex-wrap:       wrap;         /* Safari */
    justify-content:         center;
    -webkit-justify-content: center;       /* Safari */
}

.especialidade{
    width:92px;    
    height:175px;
    padding-top: 25px;
    border-radius: 50%;
    text-align: center;
    display:inline-block;
    margin: 25px;
    cursor:pointer;
}

.especialidade span{
    font-size: 80px;
    margin-top: 20px;
}

.espetext{
    width:92px;
   margin: 0 auto;
}

.left{
    float:left;
}
.right{
    float:right;
}

.local{
    background:#A1C59B;
    padding:5px 10px;
    float: left;
    border-radius: 7px;
    margin-bottom: 15px;
}

.pcontent{
    float: left;
    width: calc(100% - 390px);
    margin-bottom: 25px;
    background:#fff;
    padding: 0 15px
}

.content{width: 100%;}

.content .cscroll{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    max-height: 200px;
    overflow: scroll;
    max-width: 100%;
}

.facebookarea{
    width:320px;
    float: right;
    margin-bottom: 25px;
    position: absolute;
    right:25px;
    
}

.bannerclick{
    padding: 5px 10px;
    background: #6EC4D1;    
    width:120px;
    text-align: center;
    margin-top: 15px;
    color:#fff;
}

.blueclick{
    background:#55C5CF;
    position: absolute;
    bottom: 7px;
    right:7px;
    padding: 7px 0px;
}
.blueclick a{
    color:#fff;
}

.bannerclick a{
    display:block;
    color:#fff;
}

.especialidadearchive .new{height: auto;min-height: auto;}

.new{
    float: left;
    width: calc(45% - 20px);
    min-height: 192px;
    background: #fff;
    margin: 2.5%;
    padding: 10px;
    position: relative;
    height: 218px;
    overflow: hidden;
}

.newimage{
    max-width: 200px;
    float: left;
    width:50%;    
    overflow: hidden;
    text-align: center;
}

.newimage span{
    text-align: center;
    font-size: 115px;
}

.newimage img{
    width:100%;
}

.newcontent{
    float: right;        
    width: 45%;
    position: relative;
}

.newcontent h3{
    margin-top: 0px;
    font-size: 16px;
}

.short{
    font-size: 12px;
}

.singleimg{
    margin-bottom: 15px;
    text-align: center;
    position: relative;
}

.singleimg img{
    max-width: 100%;
}

.singleimg .framemask img{
    width: 100%;
}

.singleimg iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

#map{
    width:100%;
    
    height: 400px;    
    overflow: hidden;
}

.whitepage{
    background: #fff;
    padding: 25px 0px 50px 0px;
}

.cform{
    width:30%;
    float: left;
    margin-right: 3%;
    position: relative;
    padding: 10px 0px;
}

.cform .svgcontact{
    position: absolute;
    width: 100%;
    top:0px;
}

.cform .svgcontact svg{
    width: 100%;
    height: auto;
}

.cform input{
    width:88%;
    margin: 0 5%;
    margin-bottom: 5px;
    height: 15px;
    position: relative;
    border:0;
    border-bottom: 1px solid #D1D2D4;
    font-size: 12px; 
}

.cform input[type='button']{
    height: 25px;
}

.cform textarea{
    width:88%;
    margin: 0 5%;
    margin-bottom: 10px;
    resize: none;
    height: 60px;
    border:0px;
    position: relative;
    font-size: 12px; 
}

.ccontent{
    width: 30%;
    float: left;
    margin-right: 3%;
}



.othernew{
    margin-bottom: 25px;
    background: #fff;
    padding: 5px;
}

a .othernew{
    color:#57585A;
}

.otherimage{
    float: left;
    width:80px;
    margin-right: 15px;
}

.taxitem{
    margin-bottom: 45px;
}

.taximage{
    float: left;
    margin-right: 15px;
}

.taximage img{
    width: 200px;
}

.taxcontent{
    
}

.taxpagetop{
    padding:25px 0px;
}

.icontax{
    font-size:100px;
    float: left;
    width:100px;
    margin-right: 15px;
}

.taxpagetop h1{
    clear: none;
}

.teamfoto{background: #fff;}
.teamfoto img{width: 100%;}

#footer{
   position:absolute;
   bottom:0;
   width:100%;
   padding-top:10px; 
   height:30px;   /* Height of the footer */
   background:#fff;
   font-size: 13px;
}

.whitearea{background: #fff}
.pagecontent{padding:40px 0px;}
.pagetext{float: left;width: 48%;}
.pagegallery{float:right;width:48%;}

@media (max-width: 950px){
    .menu-toggle{
	display: block;
    }
}

@media (max-width: 768px){
    .forceright{
	float: none !important;
	width: 95%;
    }
    .bannerrirhgt{
	float: none !important;
	width: 95%;
    }
    .bannerleft{
	float: none;
	width: 95%;
    }
    
    .bannerclick{
	margin-bottom: 10px;
    }
    .pcontent{
	float: none;
	width:auto;
    }
    .facebookarea{
	float: none;
	margin: 15px auto;
	display: none;
    }
    .new{
	float: none;
	width: 90%;
    }
    .icontax{
	position: relative;
    }
    .ccontent,.cform,#map{
	width: 90%;
	margin: 0 auto;
	float: none;
    }
        
    .pagegallery{
        float: none;width: 100%;
    }
    .pagetext{float: none;width: 100%}
}