/* 
Theme Name: Dermatologist Dubai Specialist 
Theme URI: http://dermatologistdubai.co/
Author: Dr Murtuza Bandukwala
Author URI: http://dermatologistdubai.co/
Description: Dr Murtuza Bandukwala, MD is a specialist Dermatologist and Fellow of American Academy of Dermatology (FAAD) & Diploma of Dermatology from Royal College of Physician & Surgeon, Glasgow.
Version: 3.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Dermatologist Dubai Specialist, dermatologist in dubai, Dubai Skin Specialist, Skin Specialist in Dubai, Skin Specialist Dubai 
*/



@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}

@font-face{font-family:'FontAwesome';src:url('../fonts/FontAwesome.otf')}

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.ttf')}

@font-face{font-family:"Lato";src:url('../fonts/Lato-Regular.ttf')}

@font-face{font-family:"Lato-Bold";src:url('../fonts/Lato-Bold.ttf')}

@font-face{font-family:"Lato-Italic";src:url('../fonts/Lato-Italic.ttf')}

@font-face{font-family:"Lato-Light";src:url('../fonts/Lato-Light.ttf')}

@font-face{font-family:"Lato-Black";src:url('../fonts/Lato-Black.ttf')}

@font-face{font-family:"news-701-bt";src:url('../fonts/ufonts.com_news-701-bt.ttf')}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
h3 {
    padding-bottom: 5px;
	}
.fa-envelope-o:before {
  content: "\f003";
}

.fa-phone:before {
  content: "\f095";
}

.fa-play-circle:before {
  content: "\f144";
}


body{ padding:0px; margin:0px;font-size: 100%;font-family:"Lato"; color:#333333; font-size:13px;overflow-x: hidden; width:100%;}


.clear{clear:both;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display:block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

input{outline:none; border:none; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;font-family:"Lato";}
input[type="button"],input[type="submit"],input[type="submit"],input[type="password"],input[type="number"],input[type="email"] {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
select{outline:none; border:none; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-family:"Lato";}
textarea{outline:none; border:none; -moz-box-sizing: border-box;-webkit-box-sizing:border-box; box-sizing:border-box;font-family:"Lato";}

div{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
img{outline:none; border:none;}
a{text-decoration:none; outline:none;color: #FF9800;}

.clear{clear:both;}

.maincontainer{width:1021px; margin:0 auto;}
.topsection{width:100%; background:#333333;}
.topsection_right{float:right; display:table;}

.topsection_right_mail{display:block; padding:7px 0 8px 0; font-size:18px; color:#f0ad38; font-style:italic;  -webkit-transition:.1s; -moz-transition:.1s; -khtml-transition:.1s; -o-transition:.1s; float:left;}


.topsection_right_contactno{float:right; margin:0 0 0 10px; padding:9px 15px 9px 15px; color:#333333; background:#f0ad38; font-style:italic; font-size:16px;}

.topsection_right_contactno a{ color:#333333; text-decoration:none;}
.topsection_right_contactno a:hover{ color:#fff; text-decoration:none;}

.masterhead{width:100%; height:1230px; background:url(../images/masterhead_bg.jpg) no-repeat; background-size:cover;}
.masterhead_header{width:100%; padding:0px 0 0 0;}
.masterhead_header_logo{width:100%; text-align:center;}
.masterhead_header_intro{width:100%; text-align:center; padding:5px 0 0 0;}
.masterhead_header_intro h2{font-size:30px; padding: 15px; color:#333333; font-weight:normal;}
.masterhead_header_intro h2 span{font-family:"Lato-Bold";}
.masterhead_header_intro h4{font-size:15px; color:#000; font-weight:normal;}
.masterhead_header_intro h4 span{font-family:"Lato-Black";}
.masterhead_mailcol1{width:100%; position:relative;}
.masterhead_mailcol1_inner
{width:auto; background:#fff; position:absolute; top:20px; left:0; border-top:10px solid #f0ad38; border-radius:10px; padding:25px; box-shadow: 0px 4px 8px #959595;}

.masterhead_mailcol1_inner_row{width:100%;}

.masterhead_mailcol1_inner_row p{font-size:13px;padding-bottom:10px;margin:0px;}

.masterhead_mailcol1_inner_row h2
{font-size:18px; color:#b13c1b; text-transform:uppercase; font-family:"Lato-Bold"; padding:15px 0 15px 0;}

.masterhead_mailcol1_inner_row h2 span
{text-transform:lowercase;}

.masterhead_mailcol1_inner_row ul
{list-style:none; padding:0px; margin:0px;}

.masterhead_mailcol1_inner_row ul li
{font-size:16px;}

.getintuch{width:100%; background:#c3af77 url(../images/getintuch_bg.jpg) no-repeat; background-size:cover; height:530px; padding:260px 0 200px 0;} 

.getintuch_inner{width:100%; text-align:center; color:#fff;}

.getintuch_inner h2
{font-size:60px; font-family:"news-701-bt"; font-style:italic; font-weight:normal; margin:0 0 0 0;}

.getintuch_inner p
{font-size:16px; font-style:italic; margin:-5px 0 0 0; font-weight:Light 300;}

.getintuch_mailcol
{width:100%; position:relative;}

.getintuch_mailcol_inner
{width:100%; background:#f0ad38; position:absolute; top:-135px; left:0; border-top:10px solid #fff; border-radius:10px; padding:25px;}

.getintuch_mailcol_inner_head
{width:100%;}

.getintuch_mailcol_inner_head h2
{color:#fff; font-style:italic; font-family:"Lato-Bold"; font-size:30px; font-weight:normal;}

.getintuch_mailcol_inner_row1
{width:100%; margin:20px 0 0 0;}

.getintuch_mailcol_inner_row1_left
{width:71.7%; float:left; background:#fff; padding:25px; border-radius:10px;}

.getintuch_mailcol_inner_row1_left_head
{width:100%;}

.getintuch_mailcol_inner_row1_left_head h2
{font-size:27px; font-style:italic; font-family:"Lato-Black"; font-weight:normal;}

.getintuch_mailcol_inner_row1_left_head p
{font-size:16px;}

.getintuch_mailcol_inner_row1_left_addrow
{width:100%; padding:20px 0 0 0;}

.getintuch_mailcol_inner_row1_left_addrow p
{font-size:16px;}

.getintuch_mailcol_inner_row1_left_tablerow
{width:100%; padding:20px 0 0 0;}


.getintuch_mailcol_inner_row1_right{width:27%; float:right; background:#fff; padding:0px; border-radius:10px; text-align:center;}
.getintuch_mailcol_inner_row1_right img{ width:100%;border-radius:10px; height:238px;}

.box{ width:100%; padding:0px; margin:0px;}
.leftbox{ width:49%; float:left;}
.rightbox{ width:49%; float:right;}
.mainwhitebox{ width:100%; background:#fff; min-height:980px;}
.mainwhitebox1{ width:100%; background:#fff; min-height:850px;}
.appointmentbox{background:#fff; padding:20px; border-radius:10px; margin: 15px 0 0 0px;}
.appointmentleftboxform{ padding:0px; margin:0px; float:left; width:52%;}
.appointmentleftboxform_head{ width:100%; padding:0px; margin:0px;}
.appointmentleftboxform_head h2{font-family:"Lato-Bold";color:#b13c1b; font-size:32px; font-style:italic;}

.rightmapbox{ width:45%; float:right; padding:0px; margin:0px;}
.rightmapbox img{ width:100%; padding:0px; margin:0px;}

.appointment-form{width:100%; margin:10px 0 0 0;}
.appointment-form-row{width:100%; margin:0 0 10px 0;}
.appointment-form-row label{color:#595959;}
.appointment-form-row-input{width:100%; border:1px solid #f0ad38; padding:12px; margin:5px 0 0 0; font-size:15px; color:#676767;}
.appointment-form-row-textarea{width:100%; border:1px solid #f0ad38; height:170px; padding:10px; margin:5px 0 0 0;}
.appointment-form-row-left{width:100%; float:left;}
.appointment-form-row-right{width:100%; float:right;}
.appointment-form-row-btn{font-size:20px;padding:10px 25px; color:#fff;text-transform:uppercase; background:#f0ad38; font-weight: normal; border:none; -webkit-transition:.5s; -khtml-transition:.5s; -moz-transition:.5s; -o-transition:.5s; float:right;}
.appointment-form-row-btn:hover{background:#b13c1b; cursor:pointer;}
.appointment-right-box1{width:100%;}

::-webkit-input-placeholder { color: #676767;}
:-moz-placeholder { /* Firefox 18- */color: #676767;  }
::-moz-placeholder {  /* Firefox 19+ */color: #676767; }
:-ms-input-placeholder {  color: #676767; }

.welfarebox{ width:100%; margin: 15px 0 0 0px;}
.welfarebox_leftbox{ float:left; width:48.4%;}
.welfarebox_leftbox img{width:100%;}
.welfarebox_rightbox{ float:right;width:48.4%;}
.welfarebox_rightbox img{width:100%;}

.footerbg{width:100%; background:#5d271c url(../images/footer-bg.jpg) no-repeat left bottom; background-size:cover; height:518px;}
.footerbg_inner{width:100%; text-align:center; color:#fff;}
.footerbg_inner h2{font-size:55px; font-family:"news-701-bt"; font-style:italic; font-weight:normal; padding:190px 0 0 0;}
.footerbg_inner p{font-size:16px; margin:5px 0 0 0; font-weight:300 Light;} 

.footerbg_bottom{ width:auto; background:#fff;border-radius:10px 10px 0 0; padding:15px 20px; height:200px; margin:70px 0 0 0px; border-top:#f0ad38 10px solid;}
.footerbg_bottom_head{ width:100%; margin:0px;}
.footerbg_bottom_head h2{ font-size:27px; font-style:italic; color:#000; padding: 0 0 10px 0}
.footerbg_bottom p{ font-size:18px; font-style:italic; color:#616161; text-decoration:none;}
.footerbg_bottom p a{color:#616161;text-decoration:underline;}
.footerbg_bottom p a:hover{color:#454545;text-decoration:none;}

.footerbg_bottom ul{ padding:0px; margin:10px 0 0 0px; list-style:none;}
.footerbg_bottom ul li{ padding:3px 0px; margin:0px; font-size:18px;color:#616161; line-height:27px}
.footerbg_bottom ul li a{ color:#a6a6a6; text-decoration: underline;}
.footerbg_bottom ul li a:hover{ color:#a6a6a6; text-decoration:none;}

.footersection{width:100%; background:#333333; padding:0px; margin:0px 0 0 0px;}
.footersection_center{padding:20px 0px; margin:0px; text-align:center;}
.footersection p{font-size:16px; color:#fff; text-align:center;}
.marq-container{
position: relative;
width: 100%; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
background-color: white;
border: 0px solid orange;
padding: 2px;
padding-left: 30px;
}

#cosmo {
    width: 98%;
	margin-top:20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
	background: linear-gradient(white,#cbcbcb);
	background: moz-linear-gradient(white,#cbcbcb);
	background: o-linear-gradient(white,#cbcbcb);
    height: 30px;
    padding: 1%;
    border-radius: 30px;
	box-shadow: 0px 6px 0px 0px #b75042;
}

#cosmo ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}

#cosmo li {
display: inline;
padding: 20px;
}

#cosmo a {
    text-decoration: none;
    color: #000;
    padding: 3px 3px 3px 3px;
}

#cosmo a:hover {
    color: #f0ad38;
}
h6 {font-size: 15px;
    color: red;}
	
.dermatology img {
    padding: 5px;
    box-shadow: 0px 1px 8px -3px;
    margin-left: 0%;
    margin-top: 20px;
    border-radius: 70px 0px 70px 0px;}
.laser {
    padding: 20px;
}
.laser p{font-size:13px}
.laser ul {
    margin-left: 4%;
    list-style-type: initial;
    font-size: 9px;
	width:80%;
}
.laser ul li {
    font-size: 12px;
    padding: 3px;
}
.laser h2{
    font-size: 14px;
    color: #b13c1b;
    text-transform: initial;
    padding: 5px 0 5px 0;
}

ul.left {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
}
.left li a {
    display: block;
    color: #000;
    padding: 8px 0 8px 0px;
    text-decoration: none;
	font-family: lato;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
	}
/* Change the link color on hover */
.left li a:hover {
    background-color: #555;
    color: white;
	}
.left li.active {
    background-color: #f0ad38;
    color: white;
	}
strong {
    font-weight: normal;
}
em {
    font-style: normal;
}