/* 
Theme Name: STI Testing Clinic Dubai
Theme URI: http://sticlinicdubai.com/
Author: Dr Murtuza Bandukwala
Author URI: http://sticlinicdubai.com/
Description: Cosmocare Medical Center now offers Sexually Transmitted Infection (STI) screening and treatment.
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: 'gisha';
  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);
}

.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:"gisha"; 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;}

.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-family:"gisha";}
.masterhead_header_intro h4{font-size:28px; color:#000; font-weight:normal;}
.masterhead_header_intro h4 span{font-family:"gisha";}
.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;}

.masterhead_mailcol1_inner_row{width:100%;}

.masterhead_mailcol1_inner_row p{font-size:15px;padding:0px;margin:0px;}

.masterhead_mailcol1_inner_row h2
{font-size:18px; color:#b13c1b; text-transform:uppercase; font-family:"gisha"; 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: 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;
}
.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%;
}