/*

Theme Name: Claxy
Theme URI: http://www.mursh.net
Author: Mursh
Author URI: http://shahzadriaz.com/
Description: Claxy Theme by Mursh
Version: 1.0

*/







@import url('bootstrap.css');

 @import url('bootstrap-theme.min.css');

body {

	margin: 0;

	padding: 0;

	font-family: 'Lato', sans-serif;

	font-weight: 300;

	font-size: 16px;

	line-height: 1.52857143;

	color: #231f20;

}

img {

	border: none;

	outline: none;

}

.img_rite {

	width: auto;

	height: auto;

	padding: 0px 0px 10px 10px;

	float: right;

	z-index: 8

}

.img_left {

	width: auto;

	height: auto;

	padding: 10px 10px 10px 0px;

	float: left;

	z-index: 8

}

form {

	margin: 5px 0 0;

	padding: 0;

}

.clear {

	width: 0;

	padding: 0;

	height: 0;

	margin: 0;

	clear: both;

}

hr {

	position: relative;

	background: #B0B0B0 repeat-x center top;

	width: 100%;

	height: 1px;

	margin: 10px auto;

	outline: none;

	border: none;

}

p {

	margin: 0;

	padding: 5px 0 15px;

}

h1 {

	font-size: 45px;

	font-weight: 300;

	color: #231f20;

	line-height: normal;

	margin: 0;

	padding: 5px 0px;

	text-transform: uppercase;

}

h2 {

	font-size: 18px;

	font-weight: 300;

	color: #231f20;

	line-height: normal;

	margin: 0;

	padding: 5px 0px;

	text-transform: uppercase;

}

h3 {

	margin: 0;

	padding: 5px 0px 0;

	line-height: normal;

}

h4 {

	margin: 0;

	padding: 5px 0px 0;

	line-height: normal;

}

h5 {

	margin: 0;

	padding: 5px 0px 0;

	line-height: normal;

}

h6 {

	margin: 0;

	padding: 5px 0px 0;

	line-height: normal;

}

a {

	color: #D5636E;

	text-decoration: none;

	-webkit-transition: all linear 0.4s;

	-moz-transition: all linear 0.4s;

	-o-transition: all linear 0.4s;

	transition: all linear 0.4s;

}

a:hover, a:focus {

	color: #D5636E;

	text-decoration: underline;

	-webkit-transition: all linear 0.4s;

	-moz-transition: all linear 0.4s;

	-o-transition: all linear 0.4s;

	transition: all linear 0.4s;

}

span.orange_text {

	color: #b08467;

}

span.black_text {

	color: #231f20;

}

.insider {

	position: relative;

	width: auto;

	height: auto;

	padding: 10px;

}

/* HOME - PAGE */































































































































.banner {

	position: relative;

	position: fixed;

	width: 1380px;

	margin: 0px auto 0;

	width: 100%;

	height: 100%;background-size:cover;

}

.banner_about {

	position: relative;

	position: fixed;

	background: url(images/news.jpg) no-repeat center top;

	width: 100%;

	height: 100%;

	margin: 0px auto; 
	background-size:cover;

}

.banner_services {

	position: relative;

	position: fixed;

	background: url(images/banner_services.jpg) no-repeat center top;

	width: 100%;

	height: 100%;

	margin: 0px auto 0;

}

.container {

	width: 100% !important;

}

.header {

	height: auto;

}

.headerimg {

	background-position: center top;

	background-repeat: no-repeat;

	width: 100%;

	height: 100%;

	position: absolute;

	background-size: cover;

}

.left_sidebar_white_bg {

	position: absolute;

	background: rgba(255,255,255,.9) repeat left top;

	left: 0px;

	width: 33.3%;

	height: 100%;

	margin: 0;

	text-align: center;

}

.leftdarkbg {

	background: rgba(0,0,0,.8) !important;

}

.leftdarkbg hgroup h1 {

	color: #fff !important;

}

.leftdarkbg footer {

	color: #fff !important;

}

.left_sidebar_dark_bg {

	display: none;

	position: absolute;

	left: 0px;

	width: 33.3%;

	height: 100%;

	margin: 0;

	text-align: center;

	background: rgba(0,0,0,.8) repeat left top;

}

.left_sidebar_dark_bg{display:block;} .left_sidebar_white_bg{display:none;}

.logo {

	position: relative;

	width: 324px;

	height: auto;

	padding: 10px 0;

	margin : 50px auto 0;

}

.left_sidebar_white_bg .logo {

	margin-top: 150px;

}

hgroup {

	position: relative;

	width: 99%;

	height: auto;

	margin : 70px auto;

}

hgroup h1 {

	font-size: 25px;

	color: #231f20;

	line-height: normal;

	margin: 0;

	padding: 5px 0px 0;

	text-transform: none;

	text-align: center;

}

.left_sidebar_bg:hover hgroup {

	display: none;

}

.btn_browse_menu {

	position: relative;

	margin: 10px auto 0px;

	width: 183px;

	height: 29px;

}

.left_sidebar_dark_bg .btn_browse_menu {

	margin: 1px auto 0px;

}

.content_rite {

	position: absolute;

	right: 0px;

	width: 66.7%;

	height: 100%;

	padding: 40px 40px 20px;

	overflow-y: auto;

	background: rgba(255,255,255,.9) repeat left top;

	text-align:justify;

}

/* MAIN NAVIGATION */































































































































.main-nav {

	position: relative;

	width: 190px;

	height: auto;

	margin: 20px auto 0;

}

ul.menu {

	margin: 0px;

	padding: 0px;

	list-style: none;

	font-size: 14px;

}

ul.menu li {

	position: relative;

	width: auto;

	height: auto;

	line-height: 16px;

	background: url(images/menu_sep.png) no-repeat center top;

	vertical-align: middle;

	font-weight: 400;

	text-align: center;

	display: block;

	margin: 0;

	text-transform: uppercase;

}

ul.menu li a {

	text-decoration: none;

	color: #959595;

	padding: 10px 15px 10px;

	display: block;

	-webkit-transition: all linear 0.4s;

	-moz-transition: all linear 0.4s;

	-o-transition: all linear 0.4s;

	transition: all linear 0.4s;

}

ul.menu li a:hover {

	text-decoration: none;

	-webkit-transition: all linear 0.4s;

	-moz-transition: all linear 0.4s;

	-o-transition: all linear 0.4s;

	transition: all linear 0.4s;

	color: #D5636E;

}

ul.menu li:last-child a {

	margin-right: 0px;

}

ul.menu li.active a {

	text-decoration: none;

	-webkit-transition: all linear 0.4s;

	-moz-transition: all linear 0.4s;

	-o-transition: all linear 0.4s;

	transition: all linear 0.4s;

	color: #b18467;

}

/* FOOTER */































































































































footer {

	position: absolute;

	height: auto;

	width: 100%;

	bottom: 20px;

}

.socialicons {

	position: relative;

	width: 100%;

	height: 30px;

	margin: 10px auto 0px;

	text-align: center;

}

.socialicons .s_icon:first-child {

	margin-left: 0px;

}

.s_icon {

	position: relative;

	display: inline-block;

	width: auto;

	height: auto;

	margin-left: 7px;

}

.socialicons .s_icon:first-child {

	margin-left: 0px;

}

footer p {

	font-size: 12px;

	padding-top: 20px;

	display: inline-block;

	text-align: center;

	text-transform: uppercase;

}

.left_sidebar_dark_bg footer p {

	color: #fff;

}

/* ABOUT US - PAGE */































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* OUR SERVICES - PAGE */































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































.services_wrapper {

	position: relative;

	width: auto;

	height: auto;

	margin: 20px 0px 23px

}

.services_wrapper .services:first-child {

/*margin-left: 0px;*/















}

.services {

	position: relative;

	width: 215px;

	width: 26%;

	height: auto;

	/*display: inline-block;*/
       
        float:left;

	margin : 27px;

	text-align: center;

}

.services_img {

	position: relative;

	width: 197px;

	height: auto;

	text-align: center;

	margin: 0px auto;

}

.services p {

	padding: 5px 0 0px;

	line-height: normal;

}

.services:hover h2 {

	color: #D5636E;

	-webkit-transition: all linear 0.4s;

	-moz-transition: all linear 0.4s;

	-o-transition: all linear 0.4s;

	transition: all linear 0.4s;

}

/* CONTACT US  - PAGE */











.contact_left {

	position: relative;

	width: 355px;

	width: 555px; width:480px;

	height: auto;

	margin-right: 0;

	margin-top: 20px;

	float: left;

	margin-bottom: 20px;

}

.textleft {

	position: relative;
	width: 210px;
	float: left;

}

.textrite {

	position: relative;
	width: 320px;
	width:270px;
	float: right;

}

.map {

	position: relative;

	width: 362px;

	height: 183px;

	margin-right: 5px;

	margin-top: 20px;

	float: left;

	margin-bottom: 20px;

}

.map address {

	position: absolute;

	right: 5px;

	top: 0px;

	width: auto;

	height: auto;

	padding: 10px 5px 0;

	text-transform: uppercase;

	color: #fff;

	font-size: 13px;

}

.map address a {

	color: #fff;

}

.map address span {

	text-transform: lowercase;

}

.txtbx-left {

	width: 100%;

	margin-right: 0px;

	float: left;

}

.txtbx-left .form-control {

	width: 100%;

}

.btn_submit {

	position: relative;

	margin-top: 10px;

	border: none;

	background: #D5636E;

	border-radius: 3px;

	color: #fff;

	text-align: center;

	height: 30px;

	padding: 0 30px;

	width: auto;

	font-size: 13px;

	text-transform: uppercase;

}

/* NEWS - PAGE */































































































.post {

	position: relative;

	width: auto;

	height: auto;

	margin-top: 15px;

	padding-bottom: 20px;

}

.post h2 {

	font-size: 28px;

	font-weight: 300;

	line-height: 28px;

	padding: 5px 0px 0px;

	text-transform: none;

}

.post h2 span {

	font-size: 14px;

	display: block;

	text-transform: uppercase;

}

.btn_readmore {

	text-transform: uppercase;

	font-weight: 700;

	color: #b08467;

}

hr.blog_sep {

	margin: 10px auto 25px;

}

/* OUR TEAM - PAGE */































































































.teammate {

	position: relative;

	display: inline-block;

	padding: 30px;

	text-indent: -9999px;

}

.teammate a {

	display: block;

	width: 197px;

	height: 197px;

}

#teamong a {

	background: url(images/team-ong.png) no-repeat center center;

}

#teamong a:hover {

	background-image: url(images/team-ong-hover.png);

}

#teambeatrice a {

	background: url(images/team-bb.png) no-repeat center center;

}

#teambeatrice a:hover {

	background-image: url(images/team-bb-hover.png);

}

#teamchien a {

	background: url(images/team-chien.png) no-repeat center center;

}

#teamchien a:hover {

	background-image: url(images/team-chien-hover.png);

}

#teamjanice a {

	background: url(images/team-janice.png) no-repeat center center;

}

#teamjanice a:hover {

	background-image: url(images/team-janice-hover.png);

}

#teamquyen a {

	background: url(images/team-quyen.png) no-repeat center center;

}

#teamquyen a:hover {

	background-image: url(images/team-quyen-hover.png);

}

#teamzoe a {

	background: url(images/team-zoe.png) no-repeat center center;

}

#teamzoe a:hover {

	background-image: url(images/team-zoe-hover.png);

}

#teamlisa a {

	background: url(images/team-lisa.png) no-repeat center center;

}

#teamlisa a:hover {

	background-image: url(images/team-lisa-hover.png);

}

#teamxing a {

	background: url(images/team-xing.png) no-repeat center center;

}

#teamxing a:hover {

	background-image: url(images/team-xing-hover.png);

}

.team_wrapper {

	position: relative;

	width: 100%;

	padding: 10px 0;

	text-align: center;

	text-align: left;

}

.contact_rite {

	position: relative;

	float: right;

	width: 365px;

	height: auto;

	margin-top: 25px;

}

.contactmap {

	background: #D5636E;

	background: #231f20;

	position: relative;

	width: 365px;

	height: 185px;

	margin: 0 0 40px 0;

}

.map_g {

	position: relative;

	float: right;

	width: 50%;

}

.address {

	position: relative;

	float: left;

	width: 50%;

	padding: 10px;

	height: 100%;

	color: #fff;

	font-size: 13px;

	text-transform: uppercase

}

.address a {

	color: #fff;

}

.newsletterbox {

	position: relative;

	width: 365px;

	height: auto;

	padding: 20px;

	border: 1px solid #D5636E;

	border-radius: 4px;

}

.newsinput {

	position: relative;

	width: 100%;

	padding: 10px 0;

}

.newsinput input {

	border: none;

	width: 100%;

	background: #fff;

	border: 1px solid #D5636E;

	text-indent: 5px;

	border-radius: 3px;

	outline: none;

	height: 30px;

}

.newsbutton {

	position: relative;

	width: 100%;

	padding: 10px 0;

}

.newsbutton input {

	border: none;

	background: #D5636E;

	border-radius: 3px;

	color: #fff;

	text-align: center;

	height: 30px;

	padding: 0 30px;

	width: auto;

	font-size: 13px;

	text-transform: uppercase;

}

.newsbutton input:hover {

	background: #CD3748

}

.team_btm_wrapper {

	position: relative;

	width: 540px;

	height: auto;

	margin: 0px auto;

}

.team_top_wrapper .team_member:first-child {

	margin-left: 0px;

}

.team_member {

	position: relative;

	width: 215px;

	height: auto;

	float: left;

	margin-left: 40px;

	text-align: center;

}

.image-block {

	display: block;

	position: relative;

}

.image-block img {

	width: 197px;

	height: 197px;

}

.team_member p {

	padding: 5px 0 0px;

	line-height: normal;

}

#img_1:hover span.overlay-block {

	display: block;

	visibility: visible;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

}

#img_1 a span.overlay-block {

	position: absolute;

	background: rgba(213, 99, 110,0.9);

	top: 3px;

	left: 13px;

	z-index: 100;

	text-align: center;

	padding: 10px;

	height: 190px;

	width: 190px;

	display: none;

	visibility: hidden;

	border-radius: 50%;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: background 0.4s linear;

}

#img_1 span.overlay-block:hover .title {

	font-weight: 300;

	color: #fff;

	font-size: 29px;

	clear: both;

	display: block;

	margin: 40px 0 0;

}

#img_1 span.overlay-block .link {

	color: #fff;

	background: transparent;

	text-transform: capitalize;

	display: block;

	width: auto;

	margin: 0 auto;

	padding: 5px 0 0px;

	font-size: 15px;

	text-align: center;

}

/* OUR TEAM INNER -PAGE */































.team_inner_heading {

	position: relative;

	float: left;

	width: auto;

	height: auto;

	margin-top: 40px;

	margin-left: 5px;

}

.team_inner_heading h1 {

	font-size: 45px;

	font-weight: 300;

	color: #231f20;

	padding: 0px 0px 5px;

}

.team_inner_heading h1 span {

	display: block;

	text-transform: capitalize;

	font-size: 30px;

}

/* TESTIMONIALS - PAGE */















































.btn_submit_testi {

	position: absolute;

	top: 8em;

	right: 5.5em;

	color: #231f20;

	background-color: transparent;

	border: none;

}

.testi_descrip {

	width: 65%;

	height: auto;

	float: left;

	margin-left: 0.4em;

	margin-top: 1em;

	margin-bottom: 1em;

}

.btn_post_testi {

	position: relative;

	background: url('images/btn_testi_submit.png') no-repeat center top;

	width: 163px;

	height: 36px;

	border: none;

	outline: none;

	margin-left: 10.5em;

}

#testi-modal-form {

	position: absolute;

	width: 82%;

	height: 80%;

	margin: 0 auto;

	z-index: 1;

}

.modal-content {

	padding: 10px;

}

#testi-modal-form .modal-content h2 {

	padding-left: 15px;

	padding-bottom: 20px;

}

#btn-close-testi-form {

	position: absolute;

	width: 51px;

	height: 51px;

	top: 0px;

	right: 0px;

	cursor: pointer;

	background: url('images/btn_close.png') no-repeat center top;

	z-index: 9999;

}

#testi-msg {

	height: 100px;

}

.testi-grp label {

	text-transform: uppercase;

}

/* LOOK BOOK - PAGE */































































.look_lg_img_left, .look_lg_img_rite {

}

.look_lg_img_rite {

}

.look-image-block {

	display: block;

	position: relative;

}

.look-image-block img {

}

#img_look_1:hover span.overlay-block, #img_look_2:hover span.overlay-block {

	display: block;

	visibility: visible;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

}

#img_look_1 a span.overlay-block, #img_look_2 a span.overlay-block {

	position: absolute;

	background: rgba(255, 255, 255,0.7);

	top: 0px;

	left: 0px;

	z-index: 100;

	text-align: center;

	padding: 10px;

	height: 267px;

	width: 398px;

	width: 100%;

	height: 100%;

	display: none;

	visibility: hidden;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: background 0.4s linear;

}

#img_look_1 span.overlay-block .look-title, #img_look_2 span.overlay-block .look-title {

	font-weight: 300;

	color: #231f20;

	font-size: 15px;

	clear: both;

	display: block;

	margin: 80px 0 0;

	text-transform: uppercase;

}

#img_look_1 span.overlay-block .look-date, #img_look_2 span.overlay-block .look-date {

	color: #231f20;

	background: transparent;

	text-transform: capitalize;

	display: block;

	width: auto;

	margin: 0 auto;

	padding: 5px 0 0px;

	font-size: 13px;

	text-align: center;

}

#img_look_2 a span.overlay-block {

	right: 0px;

}

.look_sm_img_left, .look_sm_img_rite {

}

#look_sm_img_mid {

}

.look_sm_img_rite {

}

.look-sm-image-block {

	display: block;

	position: relative;

}

.look-sm-image-block img {

}

#img_look_sm1:hover span.overlay-block, #img_look_sm2:hover span.overlay-block {

	display: block;

	visibility: visible;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: all 0.4s linear;

}

#img_look_sm1 a span.overlay-block, #img_look_sm2 a span.overlay-block {

	position: absolute;

	background: rgba(255, 255, 255,0.7);

	top: 0px;

	left: 0px;

	z-index: 100;

	text-align: center;

	padding: 10px;

	height: 210px;

	width: 270px;

	width: 100%;

	height: 100%;

	display: none;

	visibility: hidden;

	-webkit-transition: all 0.4s linear;

	-moz-transition: all 0.4s linear;

	-o-transition: all 0.4s linear;

	-ms-transition: all 0.4s linear;

	transition: background 0.4s linear;

}

#img_look_sm1 span.overlay-block .look-title, #img_look_sm2 span.overlay-block .look-title {

	font-weight: 300;

	color: #231f20;

	font-size: 15px;

	clear: both;

	display: block;

	margin: 80px 0 0;

	text-transform: uppercase;

}

#img_look_sm1 span.overlay-block .look-date, #img_look_sm2 span.overlay-block .look-date {

	color: #231f20;

	background: transparent;

	text-transform: capitalize;

	display: block;

	width: auto;

	margin: 0 auto;

	padding: 5px 0 0px;

	font-size: 13px;

	text-align: center;

}

#img_look_sm2 a span.overlay-block {

	right: 0px;

}

#cboxClose {

	position: absolute !important;

	bottom: 10px !important;

	right: 50px !important;

	display: block !important;

	color: #444;

	width: 51px !important;

	height: 51px !important;

	z-index: 999 !important;

	background: url(images/btn_close.png) no-repeat center top !important;

	right: -43px !important;

	left: auto !important;

	top: -43px!important;

}

/*THEME MY LOGIN - PLUGIN */































































.login {

	border-radius: 5px;

	box-shadow: 1px 2px 2px #212121;

	margin: 15px auto 60px;

	padding: 5px;

	width: 500px;

	background: rgba(0,0,0,.7) repeat left top;

}

.login form label {

	font-weight: 600;

	margin: 0;

	padding: 4px 0;

	position: relative;

	color: #fefefe;

}

#loginform {

	margin-left: 90px;

}

#loginform #user_login {

	background-color: #fefefe;

	border: 1px solid #F4F4F4;

	border-radius: 1px;

	color: #666666;

	font-weight: normal;

	height: 30px;

	line-height: 20px;

	margin: 0 0 5px;

	outline: none;

	padding-left: 10px;

	padding-right: 5px;

	vertical-align: middle;

	width: 280px;

	border-radius: 4px;

}

#loginform #user_login:focus {

	border: #F4F4F4 solid 1px;

	outline: none;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;

	-o-transition: border linear 0.2s, box-shadow linear 0.2s;

	transition: border linear 0.2s, box-shadow linear 0.2s;

}

#loginform #user_pass {

	background-color: #fefefe;

	border: 1px solid #F4F4F4;

	border-radius: 1px;

	color: #666666;

	font-weight: normal;

	height: 30px;

	line-height: 20px;

	margin: 0 0 5px;

	outline: none;

	padding-left: 10px;

	padding-right: 5px;

	vertical-align: middle;

	width: 280px;

	border-radius: 4px;

}

#loginform #user_pass:focus {

	border: #F4F4F4 solid 1px;

	outline: none;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;

	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;

	-o-transition: border linear 0.2s, box-shadow linear 0.2s;

	transition: border linear 0.2s, box-shadow linear 0.2s;

}

ul.tml-action-links {

	list-style: none;

	color: #fefefe;

	margin: -40px 20px 30px 0px;

	padding: 0;

	position: relative;

	float: right;

}

ul.tml-action-links li {

	margin-top: 10px;

	display: inline-block;

}

ul.tml-action-links li a {

	color: #fefefe !important;

}

ul.tml-user-links li a {

	color: #fefefe;

}

#wp-submit {

	border: none;

	text-align: center;

	border-top: 0px solid #E9B15E;

	border-bottom: 3px solid #0A0401;

	border-radius: 6px;

	font-size: 20px;

	padding: 6px 15px;

	text-transform: capitalize;

	color: #fff;

	cursor: pointer;

	margin-top: 10px;

	background-color: #282828;

	outline: none;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

#wp-submit:active {

	border-top: 2px solid #E9B15E;

	border-bottom: 1px solid #301f15;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

p.forgetmenot {

	padding: 7px 0;

}

.login p.message {

	padding: 5px;

	border: 0px solid #e6db55 !important;

	background-color: transparent !important;

	color: #fff !important;

	border-bottom: 1px solid #fff !important;

}

/* FAQ PLUGIN - CSS */































































































































































































































































































































































































ul.faq-tabs {

	border: 1px solid #231f20;

	border-radius: 6px;

	padding-left: 8em;

	font-size: 15px;

	margin-bottom: 20px;

}

.faq-tabs > li > a {

	border-color: transparent;

	text-decoration: none;

	color: #231f20;

	padding: 6px 15px;

}

.faq-tabs > li > a:hover {

	background-color: transparent;

	border-color: transparent;

	text-decoration: none;

	color: #D5636E;

}

.faq-tabs > li.active > a, .faq-tabs > li.active > a:hover, .faq-tabs > li.active > a:focus {

	color: #D5636E;

	background-color: transparent;

	border: 1px solid transparent;

	border-bottom-color: transparent;

	font-weight: 700;

}

span.wp-super-faq-triangle {

	display: none;

}

.faq-content h4 a {

	text-transform: uppercase;

	color: #231f20;

	-webkit-transition: color 0.5s ease-in-out;

	-moz-transition: color 0.5s ease-in-out;

	-o-transition: color 0.5s ease-in-out;

	-ms-transition: color 0.5s ease-in-out;

	transition: color 0.5s ease-in-out;

}

.faq-content h4 a:hover {

	color: #D5636E;

	-webkit-transition: color 0.5s ease-in-out;

	-moz-transition: color 0.5s ease-in-out;

	-o-transition: color 0.5s ease-in-out;

	-ms-transition: color 0.5s ease-in-out;

	transition: color 0.5s ease-in-out;

}

.wp-super-faq-question-closed {

	border: transparent 1px solid;

	border-bottom: #231f20 1px solid;

	padding-top: 10px;

	border-radius: 0px;

	padding-left: 0px;

	padding-right: 34px;

	font-size: 16px;

	display: block;

	padding-bottom: 10px;

	background: url(http://demo.mursh.net/claxy/wp-content/uploads/2014/09/faq_expand.png) no-repeat right 5px center;

}

.wp-super-faq-question-open {

	font-size: 16px;

	padding-left: 0px;

	padding-right: 34px;

	background: url(http://demo.mursh.net/claxy/wp-content/uploads/2014/09/faq_close.png) no-repeat right 5px center;

	display: block;

	padding-bottom: 10px;

	border: transparent 1px solid;

	border-bottom: #231f20 1px solid;

	padding-top: 10px;

	border-radius: 8px 8px 0px 0px;

}

.wp-super-faq-answer {

	padding-bottom: 10px;

	border: transparent 1px solid;

	padding-top: 10px;

	border-radius: 0px;

	padding-left: 0px;

	padding-right: 16px;

	width: auto;

	border-top: none;

	overflow: hidden;

	line-height: 25px;

}

.commonimgcont {

	font-size: 0;

}

.commonimgcont .commonimg {

	display: inline-block;

	vertical-align: top;

	transition: .8s opacity;

	padding: 1px;

}

.entry {

	padding-bottom: 10px;

}

.simple-light .esg-filter-wrapper .esg-filterbutton:hover span, .simple-light .esg-filter-wrapper .esg-filterbutton.selected span {

	color: #D5636E !important;

}

/* MOBILE NAV CSS */































































.nav_toggle_btn {

	display: none;

}

.nav_mob {

	display: none;

	position: absolute;

	width: 95%;

	height: auto;

	margin: 0 auto;

	text-align: center;

	z-index: 9;

	padding-top: 50px;

}

.m_nav {

	list-style: none;

 *zoom: 1;

	background: #333;

	float: none;

	margin: 0;

	padding: 0px;

	margin-top: 5px;

}

.m_nav:before, .m_nav:after {

	content: " ";

	display: table;

}

.m_nav:after {

	clear: both;

}

.m_nav ul {

	list-style: none;

	margin: 0 auto;

	padding: 0px;

}

.m_nav a {

	padding: 10px 15px;

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 400;

}

.m_nav a:hover, .m_nav a:active, .m_nav a:focus {

	color: #D5636E;

	text-decoration: none;

	-webkit-transition: all linear 0.4s;

	-moz-transition: all linear 0.4s;

	-o-transition: all linear 0.4s;

	transition: all linear 0.4s;

}

.m_nav li {

	position: relative;

	display: block;

}

.m_nav > li {

	float: none;

	border-top: 1px solid #fff;

}

.m_nav > li:first-child {

	border-top: none;

}

.m_nav > li > .parent {

	background-image: url(images/downArrow.png);

	background-repeat: no-repeat;

	background-position: right;

}

.m_nav > li > a {

	display: block;

}

.m_nav li ul {

	position: absolute;

	left: -9999px;

}

.m_nav > li.hover > ul {

	left: 0;

	margin: 0;

	padding: 0px;

}

.m_nav li li.hover ul {

	left: 100%;

	top: 0;

}

.m_nav li li a {

	display: block;

	background: #7d7d7d;

	position: relative;

	z-index: 100;

	border-top: 1px solid #fff;

	font-size: 16px;

}

.m_nav li li li a {

	background: #999;

	z-index: 200;

	color: #fff;

	border-top: 1px solid #fff;

}































































/* Medium Desktop - Medium */











































@media (min-width: 1367px) {

.logo {

	margin-top: 100px !important;

}

}

 @media (min-width: 993px) and (max-width: 1366px) {

.main-nav {

	margin: 10px auto 0;

}

.logo {

	margin-top: 20px;

}

.left_sidebar_white_bg .logo {

	margin-top: 100px;

}

ul.menu li a {

	padding: 8px 15px;

}

}































































 































































/* Portrait tablet to landscape and desktop - Small */ 































































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

.logo img {

	width: auto;

	max-width: 100%;

	max-height: 100%;

	height: auto;

}

/***  iPAD NAV CSS   ***/































































.nav_toggle_btn {

	display: block;

	position: relative;

	width: 30px;

	right: 40px;

	top: 15px;

	float: right;

	height: 30px;

	z-index: 999;

}

.nav_toggle_btn a img {

	border-radius: 10%;

}

.nav_mob {

	display: none;

	width: 97%;

}

.toggleMenu {

	display: block;

	background: #666;

	padding: 10px 15px;

	color: #fff;

}

.active {

	display: block;

}

.m_nav > li {

	float: none;

}

.m_nav > li > .parent {

	background-position: 90% 50%;

}

.m_nav li li .parent {

	background-image: url(images/downArrow.png);

	background-repeat: no-repeat;

	background-position: 85% 50%;

}

.m_nav ul {

	display: block;

}

.m_nav > li.hover > ul, .m_nav li li.hover ul {

	position: static;

}

.container {

	width: 760px !important;

	padding-left: 0;

	padding-right: 0;

}

.left_sidebar_white_bg {

	display: none !important;

}

.left_sidebar_dark_bg {

	display: none !important;

}

.content_rite {

	right: auto;

	left: auto;

	width: 100%;

	height: 100%;

	padding: 3.5em 2em 1em;

}

/* SERVICES PAGE */































































.services_wrapper {

	width: 100%;

	margin: 20px auto 23px;

}

.services {

	position: relative;

	width: 25%;

	height: auto;

	float: left;

	margin-left: 40px;

	text-align: center;

}

/* OUR TEAM PAGE */































































.team_top_wrapper {

	width: 100%;

}

.team_member {

	width: 29%;

}

#img_1 a span.overlay-block {

	left: 5px;

}

.team_btm_wrapper {

	width: 100%;

	margin: 0px auto;

}

.team_btm_wrapper:first-child .team_member {

	margin-left: 100px;

}

/* TESTIMONIAL PAGE */































































.testi_descrip {

	width: 60%;

}

.btn_submit_testi {

	top: 6.2em;

	right: 1.5em;

}

/* Shahzad COde */































.entry {

	padding-bottom: 150px;

}

.container {

	width: 100% !important;

}

.nav_mob {

	width: 100%;

}

.row {

	margin: 0;

}

.headerimg {

	background-position: right -275px top;

	background-size: auto 100%;

}

.nav_toggle_btn {

	top: 40px;

}

.left_sidebar_white_bg {

	display: block !important;

	position: relative;

	width: 100%;

	height: 115px;

}

.logo {

	float: left;

	margin: 10px !important;

}

hgroup {

	width: 275px;

	float: left;

	z-index: 9999;

	margin: 27px 10px;
	
	width: 320px;
    float: left;
    z-index: 9999;
    margin: 7px 5px 0;

}

.btn_browse_menu {

	display: none;

}

footer {

	display: none;

}

.teammate {

	padding: 15px

}

.contact_left {

	width: 275px;

}

.contact_rite {

	width: 768px;

}

}































 /*  phones and down  Xtra Small */















































@media (min-width: 480px) and (max-width: 767px) {

.headerimg {

	background-position: right top !important;

	background-size: 100% auto !important;

}

}

 @media (min-width: 320px) and (max-width: 767px) {

.logo img {

	width: auto;

	max-width: 100%;

	max-height: 100%;

	height: auto;

}

.container {

	width: 100% !important;

	padding-left: 0;

	padding-right: 0;

}

.left_sidebar_white_bg {

	display: none !important;

}

.left_sidebar_dark_bg {

	display: none !important;

}

.content_rite {

	width: 100%;

	padding: 3.5em 2em 1em;

	margin: 0 auto;

}

h1 {

	font-size: 36px;

}

.btn_submit_testi {

	right: 0.9em;

	top: 5.8em;

}

/***  iPHONE NAV CSS   ***/































































.nav_toggle_btn {

	display: block;

	position: relative;

	width: 30px;

	right: 40px;

	top: 15px;

	float: right;

	height: 30px;

	z-index: 999;

}

.nav_toggle_btn a img {

	border-radius: 10%;

}

.nav_mob {

	display: none;

}

.toggleMenu {

	display: block;

	background: #666;

	padding: 10px 15px;

	color: #fff;

}

.active {

	display: block;

}

.m_nav > li {

	float: none;

}

.m_nav > li > .parent {

	background-position: 90% 50%;

}

.m_nav li li .parent {

	background-image: url(images/downArrow.png);

	background-repeat: no-repeat;

	background-position: 85% 50%;

}

.m_nav ul {

	display: block;

}

.m_nav > li.hover > ul, .m_nav li li.hover ul {

	position: static;

}

.services, .services_wrapper .services:first-child {

	float: none;

	margin-left: auto;

	text-align: center;

	min-height: 320px;

	margin-right: auto;

}

.services {

	width: 100%;

}

.btn_post_testi {

	margin-left: auto;

	margin-right: auto;

}

.team_top_wrapper {

	width: 100%;

	margin: 0px auto;

}

.team_member {

	float: none;

	margin-left: 0;

	text-align: center;

	margin-top: 20px;

}

.testi_descrip {

	width: 99%;

	margin-left: 0.2em;

}

ul.faq-tabs {

	padding-left: 0;

}

.txtbx-left {

	width: 99%;

	margin-right: 0;

}

.txtbx-left .form-control {

	width: 100%;

}

footer {

	text-align: center;

}

/* Shahzad COde */































.entry {

	padding-bottom: 100px;

}

.container {

	width: 100% !important;

}

.nav_mob {

	width: 100%;

}

.row {

	margin: 0;

}

.headerimg {

	background-position: right -270px top;

	background-size: auto 100%;

}

.nav_toggle_btn {

	top: 20px;

	right: 20px;

}

.left_sidebar_white_bg {

	display: block !important;

	position: relative;

	width: 100%;

	height: 80px;

}

.logo {

	margin: 0px auto !important;

	float: left;

	padding: 10px 0 10px 10px;

	width: 235px;

}

.logo img {

	max-width: 100%;

	height: auto;

	width: auto;

}

hgroup, .btn_browse_menu, footer, footer.visible-xs {

	display: none !important;

}

.teammate {

	padding: 15px

}

.contact_left {

	width: 100%;

	float: none;

}

.btn_submit_testi {

	top: 20px;

}

.contact_rite {

	float: none;

	width: 100%;

}

.contactmap {

	width: 100%;

}

.newsletterbox {

	width: 100%;

}

}

esg-overflowtrick {

	min-height: 500px !important;

}

select.wpcf7-form-control.wpcf7-select.d {

	width: 104px;

	display: inline-block;

}

.simple-light .esg-filter-wrapper .esg-filterbutton span {

	text-transform: uppercase;

}



h1.singletitle{font-size: 130px; font-weight: bold;}

.pagetitle, .singletitle{text-align:left;}



/*contact form 29 jan 2016*/

select.wpcf7-form-control.wpcf7-select.form-control.fr {
    width: 32.5%;
    display: inline-block;
}

/*bottom icons on mobile 23 feb 2016*/

.siw {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 20px !important;
}