/* 
Theme Name: Dubai STD Testing Clinic 
Theme URI: http://www.dubaistdclinic.com/
Author: Dr Murtuza Bandukwala
Author URI: http://www.dubaistdclinic.com/
Description: Cosmocare Medical Center, Dermatology is equipped to provide full service STD screening, treatment and if necessary, referral services.
Sexually transmitted infections are common. If you suspect you may have an infection, it should be investigated and addressed as soon as possible.
Tags: Sexually Transmitted Infection screening and treatment, std testing dubai, std dubai, std clinic dubai, hiv testing dubai, sti testing dubai 
*/



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

*{margin:0; padding:0;}

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

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

.fa {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.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:16px;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:#f0ad38}

.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:20px 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:55px; color:#333333; font-weight:normal;}
.masterhead_header_intro h2 span{font-weight: 600;}
.masterhead_header_intro h4{font-size:28px; 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:16px;padding:0px;margin:0px;}

.masterhead_mailcol1_inner_row h2
{font-size:18px; color:#b13c1b; text-transform:uppercase; font-weight: 600; 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-weight: 600; 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-weight: 600;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:#009688; padding:0px; margin:0px 0 30px 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: 100%;
    height: 20px;
	margin-top:20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

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

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

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

#cosmo a:hover {
    color: #f0ad38;
}

.ticker-wrap {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    height: 2rem;
    background: red;
    padding-left: 100%; // offsets items to begin
}

.ticker {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    white-space: nowrap;
    padding-right: 100%; // taken from container as display inline-block
}

.ticker__item {
    display: inline-block;
    padding: 0 2rem;
    font-size: 20px;
    color: white;
}

.ticker {
    animation-name: ticker;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 25s; // tweak based on number of items/desired speed
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
em {
    font-style: normal;
}
h3 {padding:5px 0 5px 0}

ul.services {
    padding: 5px;
}
ul.services li {
    padding: 5px 0 5px 0;
}

ul.services li strong {
    color:#b13c1b;
}
.std {
    padding-left: 5px;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 11px;
    font-family: sans-serif;
    color: #5d271c;
    box-shadow: 0px 0px 1px 1px #959595;
    background-color: #efefef;
    border-radius: 40px 0px 40px 0px;
		}
.std p {
    font-size: 12px;
    color: white;
    border-radius: 50%;
    background: red;
    line-height: 2.5;
    width: 70%;
    margin-left: 15%;
}