/* 

Theme Name: Adelaide Circumcision Clinic

Version: 1.00

Author : Adelaide Circumcision Clinic

 */

*{ margin:0px; padding:0px; outline:0px;}

html{ margin:0px; padding:0px;}

body{ color:#4a4a4a; font-size:13px; font-family: 'open_sansregular'; background:#FFF; box-sizing:border-box;}

h1, h2, h3, h4, h5, h6, span, label, p, input, select, textarea, img, ul, ol, ol, em, center, u, pre, header, section, footer, aside, nav, main, article, figure, figcaption {margin:0px; padding:0px; font-weight:normal; list-style:none; line-height:inherit;}

a img{ border:0px; outline:0px;}

a{text-decoration:none; color:#00AEFF; outline:none; transition: all 0.5s ease 0s;}

a:focus,img,input{ outline:none;font-family: 'open_sansregular';}

ul li{ list-style:none;}

a:hover{ color:#D259CA; text-decoration:none;}

img{border:none; outline:none; max-width:100%; height:auto;}

::-moz-placeholder{color:#bdbdbd; opacity:1;  font-family: 'open_sansregular';}

.clear{ clear:both;}

input, button{  -moz-appearance: none;}

.wrapper{ margin:0 auto; width:1100px;}

/********* FIX CSS *********/ 





/* Header css start here */

#header{ width:100%; float:left;}

.logo{ width:434px; height:102px; background:#00aeff; float:left; margin:20px 0 0 -133px; text-align:right; border-radius:0 14px 14px 0;}

.logo img{ margin:20px 15px 0 0}



.top_contact{ float:left; margin:70px 0 0 69px}

.top_contact strong{ display:block; font-size:15px; color:#00aeff; font-family: 'open_sanssemibold';}

.top_contact strong big{ color:#626570}

.top_contact p{ font-size:15px; font-family: 'open_sanslight';}





.navigation{ width:100%; float:left; margin:28px 0 2%;}

.navigation ul{ padding:0px; margin:0px;}

.navigation ul li{ float:left; position:relative}

.navigation ul li a{ color:#FFF; font-size:16px;  background:#d259ca; padding:7px 22px; border-radius: 6px 6px 0 0; float:left;  transition: all 0.0s ease 0s;}



.navigation ul li:nth-child(2) a{ background:#dca08e}

.navigation ul li:nth-child(3) a{ background:#6ec57d}

.navigation ul li:nth-child(4) a{ background:#df8fe4}

.navigation ul li:nth-child(5) a{ background:#7ccae8}

.navigation ul li:nth-child(6) a{ background:#4fb0ef}

.navigation ul li:nth-child(7) a{ background:#d99474}

.navigation ul li:nth-child(8) a{ background:#39847b}

.navigation ul li:nth-child(9) a{ background:#3678b0}



.navigation ul li a:hover:after, .navigation ul li.current-menu-item  a:after{ background:url(images/h-1.png) no-repeat center bottom; height:14px; width:100%; content:""; position:absolute; left:0; bottom:-24px;}



.navigation ul li:nth-child(2) a:hover, .navigation ul li.current-menu-item:nth-child(2) a{background:#FF6742;}

.navigation ul li:nth-child(2) a:hover:after, .navigation ul li.current-menu-item:nth-child(2) a:after{ background:url(images/h-2.png) no-repeat center bottom;}



.navigation ul li:nth-child(3) a:hover, .navigation ul li.current-menu-item:nth-child(3) a{background:#60ED6C;}

.navigation ul li:nth-child(3) a:hover:after, .navigation ul li.current-menu-item:nth-child(3) a:after{ background:url(images/h-3.png) no-repeat center bottom;}



.navigation ul li:nth-child(4) a:hover, .navigation ul li.current-menu-item:nth-child(4) a{background:#F65FFF;}

.navigation ul li:nth-child(4) a:hover:after, .navigation ul li.current-menu-item:nth-child(4) a:after{ background:url(images/h-4.png) no-repeat center bottom;}



.navigation ul li:nth-child(5) a:hover, .navigation ul li.current-menu-item:nth-child(5) a{background:#1DBEFF;}

.navigation ul li:nth-child(5) a:hover:after, .navigation ul li.current-menu-item:nth-child(5) a:after{ background:url(images/h-5.png) no-repeat center bottom;}



.navigation ul li:nth-child(6) a:hover, .navigation ul li.current-menu-item:nth-child(6) a{background:#0072FF;}

.navigation ul li:nth-child(6) a:hover:after, .navigation ul li.current-menu-item:nth-child(6) a:after{ background:url(images/h-6.png) no-repeat center bottom;}



.navigation ul li:nth-child(7) a:hover, .navigation ul li.current-menu-item:nth-child(7) a{background:#FF874B;}

.navigation ul li:nth-child(7) a:hover:after, .navigation ul li.current-menu-item:nth-child(7) a:after{ background:url(images/h-7.png) no-repeat center bottom;}



.navigation ul li:nth-child(8) a:hover, .navigation ul li.current-menu-item:nth-child(8) a{background:#21675F;}

.navigation ul li:nth-child(8) a:hover:after, .navigation ul li.current-menu-item:nth-child(8) a:after{ background:url(images/h-8.png) no-repeat center bottom;}



.navigation ul li:nth-child(9) a:hover, .navigation ul li.current-menu-item:nth-child(9) a{background:#2773FF;}

.navigation ul li:nth-child(9) a:hover:after, .navigation ul li.current-menu-item:nth-child(9) a:after{ background:url(images/h-9.png) no-repeat center bottom;}



/* Header css end here */



/* Current */









/* Middle css start here */

#middle{float:left; width:100%; padding:17px 0 0;}

.leftimg{float:left; width:305px;}

.rightcontent{float:right; width:767px;}



.contentdiv{float:left; width:418px;}

.contentdiv h2{color:#62656F; font-size:17px; line-height:24px; font-family: 'open_sansbold'; margin:0 0 14px;}

.contentdiv p{font-size:13px; color:#4A4A4A; line-height:21px; padding:0 0 21px;}

.contentdiv a.next{float:right; color:#00AEFF; font-size:14px; font-family: 'open_sansitalic';}

.contentdiv a.next:hover{color:#D259CA;}



.contentdiv ul{padding:0 0 10px 15px;}

.contentdiv li{display:block; background:url(images/bullet.png) no-repeat 0 5px; padding:0 0 10px 31px; line-height:21px;}

.contentdiv li a{color:#62656F; text-decoration:underline;}

.contentdiv li a:hover{color:#62656F; text-decoration:none;}



.contentimg{float:right; width:327px;}

.contentimg img {    width: 240px;}

.innerpage{width:100%;}



.gmap{float:left; width:296px;}

.address{float:left; width:242px; margin-left:26px;}



/* Middle css end here */



/* Footer css start here */

#footer{float:left; width:100%; background:#ABB0BF; padding:25px 0px; text-align:center; color:#fff; font-size:12px; line-height:22px;}

/* Footer css end here */



.dl-menuwrapper{display:none;}

.goback
{
	width:100px;
	height:0px;
}


/* Responsive css start here */



@media screen and (max-width: 1098px) {

	.wrapper{width:96%; padding:0 2%;}

	.navigation ul.main{display:none;}

	.dl-menuwrapper{display:block;}

	

	.leftimg{width:27%;}

	.rightcontent{width:69%;}

	.contentdiv{width:54%;}

	.contentimg{width:43%;}

	.logo{width:63%;}

	.gmap {margin-bottom: 5%; width: 100%;}

	.gmap > img {width: 100%;}

	.address {margin-bottom: 5%; width: 100%;}

.navigation ul li a{ box-sizing: border-box; }

.dl-menuwrapper{ z-index:3}

}



@media screen and (max-width: 768px) {

	.logo {border-radius: 0; height: auto; margin: 0; padding: 0 2%; text-align: center; width: 27%;}

	.top_contact {float: right; margin: 2% 0 0;}

	.dl-menuwrapper li a{width:93%;}

	.contentdiv.innerpage{width:100% !important;}

	.contentdiv h2{font-size:14px;}

}



@media screen and (max-width: 600px) {

	.contentdiv {width: 100%;}

	.contentimg {margin: 8% 0; width: 100%;}

	.top_contact p{font-size:12px;}

	.leftimg {margin: 0 0 5%; text-align: center; width: 100%;}

	.rightcontent {width: 100%;}

.rightcontent .gmap div{ width: 100%!important; text-align: center;}

.rightcontent .gmap div iframe{ width: 100%;}

}	

@media screen and (max-width: 400px) {

.logo{  margin: auto;  display: block;  float: none;}

.top_contact {  float: right;  margin: 2% 0 0;  text-align: center;  width: 100%;}

}



/* Responsive css end here */