/*
Theme Name: Swallow Dental Clinic
Theme URI: 
Author: FooCo
Author URI: http://www.fooco.co.uk/
Description: 
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* CSS Document */

*, *:after, *:before { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
}
*{ 
	outline:none;
}
body {  
	float:left; 
	width:100%; 
	margin:0px; 
	padding:0px; 
	overflow-x:hidden; 
	font-family: 'Open Sans', sans-serif; 
	font-size:14px; 
	font-weight:400; 
	color:#000; 
	background:url(images/bg.jpg) center top repeat fixed; 
	-webkit-text-size-adjust:none;
}
header, footer, section, aside, nav, article { 
	display:block;
}
h1, h2, h3, h4, h5, h6, p, section, img, div { 
	margin:0; 
	padding:0; 
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
}
ul, ol, li{ 
	margin:0; 
	padding:0; 
	list-style:none;
	font-family: 'Open Sans', sans-serif;
}
dl, dt, dd{ 
	margin:0; 
	padding:0; 
	font-weight:normal;
	font-family: 'Open Sans', sans-serif;
}
img { 
	border:none;
}
.fleft { 
	float:left; 
}
.fright { 
	float:right; 
}
.clear { 
	clear:both; 
}
a { 
	text-decoration:none; 
	color:#ceb659; 
	transition: all 0.2s ease-in-out 0s; 
}
::-webkit-input-placeholder { 
	color: #333333;
}
:-moz-placeholder { 
	/* Firefox 18- */ 
	color:#333333;
}
::-moz-placeholder {  
	/* Firefox 19+ */ 
	color:#333333;
}
:-ms-input-placeholder { 
	color:#333333; 
}
input, textarea, select { 
	outline:none; 
	border-radius:0px;
}
.js { 
	margin:0px!important; 
	padding:0px!important; 
}
.margin-space{
	margin:50px;
}

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

.wrapper { 
	max-width: 1140px;
	margin: 0 auto; 
}
.contect-area{ 
	float:left; 
	width:100%;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 5px 5px #e2e2e2;
}
.site{ 
	float:left; 
	width:100%;
}

/*** Header CSS ***/

header{ 
	float:left; 
	width:100%; 
	border-top:5px solid #c5b05e;
	position:relative;
}
.header-left{ 
	position:absolute;
	left:0px;
	width: auto;
    background: #c5b05e;
    color: #fff;
    padding: 4px 20px;
    font-size: 14px;
    line-height: 26px;
}
.header-left a{
	color: #fff;
}

.header-right{ 
	position:absolute;
	right:0px;
	width: auto;
    background: #c5b05e;
    padding: 4px 20px;
    font-size: 14px;
    line-height: 26px;
}
.header-right a{
	color: #fff;
}
.header-logo{
	float:left;
	width:100%;
	text-align:center;
	margin: 10px 0px;
}
.header-logo img{ 
	display: inline-block;
    max-width: 100%;
}

/*** Footer CSS ***/

#text-5{
	position: relative;
    float: right;
    width: 100%;
	margin-top: 40px;
}
#text-5 .textwidget{
	position: absolute;
    bottom: 0px;
    right: 0px;
    float: right;
    width: 73.70%;
    background-color: #c5b160;
    color: #fff;
    padding: 8px 20px;
    font-size: 15px;
    line-height: 28px;
}
#text-5 .textwidget span{
	color: #fff;
}
footer{ 
	float:left; 
	width:100%; 
	border-bottom:5px solid #c5b05e;
	padding: 20px;
    background-color: #333333;
}
#text-6{
	float: left;
    width: 60%;
}
#text-6 .textwidget span{
	font-size:14px;
	line-height:26px;
	font-weight:normal;
	color: #fff;
}
#text-6 .textwidget span a{
	font-weight:600;
	color: #ceb659;
}
#text-7{
	float: right;
    width: 40%;
	text-align: right;
}
#text-7 .textwidget span{
	font-size:14px;
	line-height:26px;
	font-weight:normal;
	color: #fff;
}
#text-7 .textwidget span a{
	font-weight:600;
	color: #ceb659;
}


/*** Middle Part CSS ***/

.left-side{
	float: left;
    width: 23.70%;
}
.right-side{
	float: right;
    width: 73.70%;
}


/*** Left Part CSS ***/

.menu{
	float:left;
	width:100%;
}
.menu .main-navigation{
	float:left;
	width:100%;
}
.menu .main-navigation .menu-menu-container{
	float:left;
	width:100%;
}
.menu .main-navigation .menu-menu-container ul{
	float:left;
	width:100%;
}
.menu .main-navigation .menu-menu-container ul li{
	float:left;
	width:100%;
	padding: 0px;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px dotted #c4c4c4;
	position:relative;
}
.menu .main-navigation .menu-menu-container ul li:first-child{
	border-top: 1px dotted #c4c4c4;
}
.menu .main-navigation .menu-menu-container ul li a{
	color: #1d1d1c;
	padding: 11px 10px 10px 20px;
	display: block;
}
.menu .main-navigation .menu-menu-container ul li.current-menu-item a{
	color: #c5b05e;
}
.menu .main-navigation .menu-menu-container ul li.current-menu-parent a{
	color: #c5b05e;
}
.menu .main-navigation .menu-menu-container ul li.current-menu-parent .sub-menu li a{
	color: #000 !important;
}
.menu .main-navigation .menu-menu-container ul li.current-menu-parent .sub-menu li.current-menu-item a{
	color: #c5b05e !important;
}
.menu .main-navigation .menu-menu-container ul li a:hover{
	color: #c5b05e;
}
.menu .main-navigation .menu-menu-container ul li .sub-menu{
	float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.menu .main-navigation .menu-menu-container ul li .sub-menu li:first-child{
	border-top: 1px dotted #c4c4c4;
}
.menu .main-navigation .menu-menu-container ul li .sub-menu li:last-child{
	border-bottom: none;
	padding-bottom:0px;
}
.menu .main-navigation .menu-menu-container ul li .sub-menu li a{
	padding: 10px 10px 10px 30px;
}
.primary-menu li .sub-menu
{
	display:none;
}
.primary-menu li:hover .sub-menu
{
	display:block;
}
/* .primary-menu li .sub-menu.toggled-on
{
	display:block;
} */
.dropdown-toggle{
	/* float:right; */
	cursor: pointer;
	background: url('images/plus-sign.png') no-repeat center center;
	height: 20px;
    width: 20px;
	padding: 0;
	border: none;
	position:absolute;
	right:0px;
	top:10px;
}
.primary-menu li:hover > .dropdown-toggle{
	background: url('images/minus-sign.png') no-repeat center center;
	height: 20px;
    width: 20px;
	padding: 0;
	border: none;
}
/* .dropdown-toggle.toggled-on{
	background: url('images/minus-sign.png') no-repeat center center;
	height: 25px;
    width: 25px;
	padding: 0;
	border: none;
	display:none;
} */
.dropdown-toggle span{
	display:none;
}
.content-bottom-widgets{
	float:left;
	width:100%;
}
.widget-area{
	float:left;
	width:100%;
}
#text-2{
	float: left;
    width: 100%;
    padding: 10px 10px 20px 20px;
    border-bottom: 1px dotted #c4c4c4;
}
#text-3{
	float: left;
    width: 100%;
    padding: 10px 10px 20px 20px;
}
.widget-title{
    margin: 10px 0px;
}
.textwidget{
	float:left;
	width:100%;
}
.textwidget iframe{
	display:block;
	width:100%;
}
.textwidget img{
	display:block;
	width:100%;
}
.textwidget span{
	float:left;
	width:100%;
	font-size:15px;
	line-height:28px;
	color:#333333;
}
.textwidget span a{
	color:#333333;
	word-wrap: break-word;
}
.widget.cycledTestimonialWidget{
	float: left;
    width: 100%;
    padding: 10px 10px 20px 20px;
    border-bottom: 1px dotted #c4c4c4;
}
.easy-t-slideshow-wrap{
	float: left;
    width: 100%;
}
.cycle-slideshow{
	float: left;
    width: 100%;
}
.easy_t_single_testimonial{
	float: left;
    width: 100%;
}
.easy_t_single_testimonial blockquote.easy_testimonial{
	margin: 0px auto;
    min-height: 80px;
    padding: 0px 10px;
}
.testimonial_body{
	float:left;
	width:100%;
}
blockquote.easy_testimonial p.testimonial_author{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	margin-bottom: 10px;
}
.easy_t_single_testimonial blockquote p span.testimonial-client, .easy_t_single_testimonial blockquote p span.testimonial-position{
	float:left;
	width:auto;
	padding-right:5px;
}
div[class^=style-clean_style] .testimonial_author cite span, div[class^=style-dark_style] .testimonial_author cite span, div[class^=style-default_style] .testimonial_author cite span, div[class^=style-light_style] .testimonial_author cite span, span.stars{
	float: left;
    width: auto;
    color: #ceb659;
    margin-right: 5px;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 28px;
}
.testimonial_body p:before{
	content: "\f10d";
	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;
	color:#b5b5b5;
	margin: 0 10px 0 0;
}
.testimonial_body p:after{
	content: "\f10e";
	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;
	color:#b5b5b5;
	margin: 0 0 0 8px;
}
.easy-t-slideshow-wrap .easy-t-cycle-controls{
	float:left;
	width:100%;
}
.easy-t-slideshow-wrap .easy-t-cycle-controls div.easy-t-cycle-prev{
	float:left;
	background: url('images/pre-link.png') no-repeat center center;
	height: 25px;
    width: 25px;
	padding: 0;
	border: none;
	text-indent: -9999px;
	margin-right:10px;
}
.easy-t-slideshow-wrap .easy-t-cycle-controls div.easy-t-cycle-next{
	float:left;
	background: url('images/next-link.png') no-repeat center center;
	height: 25px;
    width: 25px;
	padding: 0;
	border: none;
    text-indent: -9999px;
}
.easy-t-cycle-pager{
	display:none;
}

/*** Right Part CSS ***/

.banner-image{
	float:left;
	width:100%;
}
.banner-image iframe{
	display:block;
	width:100%;
}
.banner-image img{
	display:block;
	width:100%;
	height:auto;
}
.right-side .title{
	float: left;
    width: 100%;
    margin: 30px 0px 0px 0px;
}
.right-text-area{
	float:left;
	width:100%;
	margin: 0px 0px 30px 0px;
	padding-right:25px;
}
.full-width-text{
	float:left;
	width:100%;
	margin-bottom: 30px;
}
.left-text{
	float: left;
    width: 50%;
    padding-right: 20px;
}
.right-text{
	float: left;
    width: 50%;
    padding-right: 20px;
}
h1{
	color: #ceb659;
    font-size: 30px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}
h2{
	font-size: 22px;
    line-height: 22px;
    color: #c5b05e;
    font-weight: 500;
    margin-bottom: 15px;
}
h3{
	font-size: 20px;
    line-height: 26px;
    color: #1d1d1c;
    font-weight: 600;
    margin-bottom: 12px;
}
p{
	font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 20px;
}
.contact-detail{
	float: left;
    width: 100%;
    background: #ceb659;
    padding: 20px 20px 0px 20px;
	margin-bottom:20px;
}
.contact-detail span{
	font-size: 16px;
    line-height: 28px;
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.contact-detail span a{
	color:#fff;
}
.contact-form{
	float: left;
    width: 100%;
	margin-bottom:10px;
}
.contact-form label{
	float: left;
    width: 100%;
    font-size: 14px;
    color: #1d1d1c;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 5px;
}
.contact-form input{
	float: left;
    width: 100%;
	padding:10px;
	font-size: 14px;
    color: #1d1d1c;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 5px;
	border:1px solid #e0e0e0;
}
.contact-form textarea{
	float: left;
    width: 100%;
	padding:10px;
	font-size: 14px;
    color: #1d1d1c;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 5px;
	border:1px solid #e0e0e0;
	resize:none;
	max-height:100px;
}
.contact-left{
	float: left;
    width: 50%;
    padding-right: 20px;
}
.contact-right{
	float: left;
    width: 50%;
    padding-right: 20px;
}
.contact-form .dob input{
	padding:8px;
}
.contact-form .mathcaptcha{
	color: #1d1d1c;
	font-size: 14px;
    width: 100%;
    float: left;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    padding: 20px 0;
}
.contact-form .mathcaptcha input{
	width: auto;
    height:38px;
    padding: 5px 25px;
    font-weight: 600;
    text-align: center;
    -webkit-appearance: none;
	margin: 0px;
	float:none;
}
input.submit{
	background-color: #c5b160;
	border:1px solid #c5b160;
    font-size: 18px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
	cursor: pointer;
	-webkit-appearance: none;
}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng{
    float: left;
    width: 100%;
    margin: 10px 0px;
    padding: 5px;
}
.right-text-area ul{
	float: left;
    width: 100%;
    margin-bottom: 20px;
}
.right-text-area ul li{
	float: left;
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    color: #333333;
}
.fees-detail{
	float: left;
    width: 100%;
	margin-bottom:20px;
	padding-right: 20px;
}
table{
    float: left;
    width: 100%;
	font-size: 14px;
    line-height: normal;
	font-weight:bold;
}
tbody{
	float: left;
    width: 100%;
}
tr{
	float: left;
    width: 100%;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}
tr:first-child{
	border-top: 1px solid #e0e0e0;
}
td.fees-left{
	float: left;
    width: 68%;
    padding: 10px 20px;
	color:#333333;
}
td.fees-right{
	float: left;
    width: 32%;
    padding: 10px 20px;
	text-align:right;
	background-color:#c5b05e;
	color:#fff;
}

/*** Gallery Page ***/

.gallery-main{ width:100%; float:left; padding:0; margin:0;}
.gallery {float: left; width: 100%; margin:15px 0 0;}
.before, .after { float: left;  margin: 0 0 15px;  position: relative;  text-align: left; width: 48.70%;}
.after{ float:right;}
.before img, .after img{ width:100%; display:block; border:1px solid #c5b05e;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.before span, .after span {background:#c5b05e; bottom: 0; color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-weight:500; text-transform:uppercase;  font-size: 14px; left: 0;padding: 5px 15px; position: absolute; width: auto; -webkit-border-radius: 0px 0;-moz-border-radius: 0px 0;border-radius: 0px 0;}

.pagination{font-family: 'Open Sans', sans-serif; font-weight:600; float:right; padding:10px 0;}
.pagination ul{ margin:0; padding:0; list-style:none;}
.pagination ul li{ float:left; margin:0 0 0 5px;}
.pagination ul li a{ min-width:30px; float:left; text-align:center; border:1px solid #ceb659; font-size:16px; color:#333333; text-align:center; padding:3px 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.pagination ul li a:hover, .pagination ul li a.active{ color:#fff; background:#ceb659; border:1px solid #ceb659; }
.pagination ul li a i{ margin:0;}
.pagination ul li a.prev{ background:#ceb659; color:#fff;}
.pagination ul li a.next{ background:#ceb659; color:#fff;}

/*** Light Box CSS ***/

a.fancybox-button{
	float:left;
	width:100%;
}
a.fancybox-button img{
	display: block;
    width: 100%;
}
h6{
	font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    color: #ceb659;
	float:left;
	width:100%;
	padding-top:10px;
}
h6 i{
	padding-right:5px;
}

/*** Meet The Team Page CSS ***/

.meet-the-team{
	float: left;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
	padding-bottom: 20px;
}
.meet-the-team p{
	line-height:26px;
}
.team-left{
	float: left;
    width: 25%;
    padding-right: 20px;
}
.team-left img{
	display: block;
    width: 100%;
}
.team-right{
	float: left;
    width: 75%;
    padding-right: 20px;
}
.team-right h5{
	font-size: 18px;
    line-height: 26px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    color: #ceb659;
    font-weight: bold;
    margin-bottom: 12px;
}
.team-right h5 span{
	color:#000;
	font-weight:normal;
}
.team-right h6{
	font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #000;
	padding-top:0px;
}

/*** Read More CSS ***/

.bigtext {
    display: inline-block;
    overflow: hidden;
    color: #c5b05e;
    font-size: 15px;
    font-weight: 700;
    margin: 0px;
	float: left;
}
.bigtext p {
    display: inline-block;
    float: left;
    line-height: 26px;
    margin-bottom: 0;
    padding-bottom: 24px;
}
.bigtext p span{
	color:#ceb659;
}
.team-right p span{
	color:#ceb659;
}
.expand, .contract {
    cursor: pointer;
    color: #c5b05e;
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0 10px 0;
}
.hide {
    display: none;
}




/*---2016-04-15 Treatment Video Page Css---*/
.treatment-videos-wrapper { width:100%; float:left; padding:0 0 0 0; }
.treatment-videos-wrapper h2 { width:100%; float:left; border-top:1px dotted #c4c4c4; margin:0 0 15px 0; padding:18px 0 0 0; }
.treatment-videos-wrapper ul { width:103%; float:left; margin:0 0 10px -3%; }
.treatment-videos-wrapper ul li { width:47%; float:left; margin:0 0 10px 3%; overflow:hidden; }
.treatment-videos-wrapper ul li img { width:100%!important; height:auto!important; }
.treatment-videos-wrapper ul li .video-title { width:100%; float:left; padding:0 0 10px 0; font-size:18px; color:#333; font-weight:600; }

/*---2016-04-15 Treatment Video Page Css---*/
.term-payment-main-area {
    display: block;
    float: left;
    width: 100%;
}
.term-payment-left {
    display: block;
    float: left;
    width: 64%;
}
.term-payment-right {
    display: block;
    float: right;
    margin: -10px 20px 0 0;
    width: 30%;
}
.term-payment-right img {
    display: block;
    float: right;
    width: 100%;
}
.pagination1 ul li {
    margin: 0 10px 13px 0;
    width: auto;
}

ul.gallery-page{ float:left; width: 100%; }
ul.gallery-page li{ float:left; width: auto; }
ul.gallery-page li a{ background: #ceb659; color: #fff; padding: 5px 20px; float: left; width: auto; text-align: center; border-radius: 5px; margin: 5px;; display: inline-block; }
a.back-gallery{ background: #ceb659; color: #fff; padding: 5px 20px; float: left; width: auto; text-align: center; border-radius: 5px; margin: 20px 5px;; display: inline-block; }

.right-side .margin-small{
	margin:5px 0px;
	float:left;
	width:100%;
}
.right-side .margin-big{
	margin:10px 0px;
	float:left;
	width:100%;
}