/*



Theme Name: Sophisticakes (Bakeray & Cafe)



Author: Zillion Designs



Version: 1.0



Author URI: http://www.zilliondesigns.com/



*/







@font-face {



	font-family: 'barkentina_1regular';



	src: url('fonts/barkentina_1_0-webfont.woff2') format('woff2'),  url('fonts/barkentina_1_0-webfont.woff') format('woff');



	font-weight: normal;



	font-style: normal;



}



@font-face {



	font-family: 'foglihtenno06regular';



	src: url('fonts/foglihtenno06-webfont.woff2') format('woff2'),  url('fonts/foglihtenno06-webfont.woff') format('woff');



	font-weight: normal;



	font-style: normal;



}



@font-face {



	font-family: 'shangri_la_nfregular';



	src: url('fonts/shangrilanf-webfont.woff2') format('woff2'),  url('fonts/shangrilanf-webfont.woff') format('woff');



	font-weight: normal;



	font-style: normal;



}



@font-face {



	font-family: 'xctasysansrr_mediumregular';



	src: url('fonts/xctasysansrr_medium-webfont.woff2') format('woff2'),  url('fonts/xctasysansrr_medium-webfont.woff') format('woff');



	font-weight: normal;



	font-style: normal;



}



body {



	line-height: 1.4;



}



ol, ul {



	list-style: none;



}



blockquote, q {



	quotes: none;



}



blockquote:before, blockquote:after, q:before, q:after {



	content: '';



	content: none;



}



blockquote {



	margin: 20px 0 30px;



	border-left: 5px solid;



	padding-left: 20px;



}



/* remember to define focus styles! */



:focus {



	outline: 0;



}



/* remember to highlight inserts somehow! */



ins {



	text-decoration: none;



}



del {



	text-decoration: line-through;



}



/* tables still need 'cellspacing="0"' in the markup */



table {



	border-collapse: collapse;



	border-spacing: 0;



}



article, aside, footer, header, hgroup, nav, section {



	display: block;



}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



	border: 0;



	font-family: inherit;



	font-size: 100%;



	font-style: inherit;



	font-weight: inherit;



	margin: 0;



	outline: 0;



	padding: 0;



	vertical-align: baseline;



}



* {



	box-sizing: border-box;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	-webkit-text-size-adjust : none;



}



*::before, *::after {



	box-sizing: border-box;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */



	color:    #333;



}



:-moz-placeholder { /* Mozilla Firefox 4 to 18 */



	color:    #333;



	opacity:  1;



}



::-moz-placeholder { /* Mozilla Firefox 19+ */



	color:    #333;



	opacity:  1;



}



:-ms-input-placeholder { /* Internet Explorer 10-11 */



	color:    #333;



}



.container:before, .container:after, .group:before, .group:after {



	content: "";



	display: table;



}



.container:after, .group:after {



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}



.group {



}



p {



	margin-bottom: 15px;



}



a {



	text-decoration: none;



	transition: all 0.3s ease-in-out 0s;



	-webkit-transition: all 0.3s ease-in-out 0s;



	-moz-transition: all 0.3s ease-in-out 0s;



	-o-transition: all 0.3s ease-in-out 0s;



}



img {



	max-width: 100%;



}



.fl, .content {



	width: 100%;



	float: left;



}



.btn {



	font-size: 18px;



	padding: 8px 15px 8px 15px;



	display: inline-block;



	border: 2px solid #005e9c;



	background: #fff;



	color: #005e9c;



	text-transform: uppercase;



	margin-top: 15px;



}

.progress-wrap::after {
	color: #ffffff;
}

.btn:hover {



	background: #393438;



	color: #fff;



}



h1, h2, h3 {



}



.half {



	width: 50%;



	float: left;



}



.half_left {



	width: 48%;



	float: left;



}



.half_right {



	width: 48%;



	float: right;



}



body {



	font-family: 'barkentina_1regular';



	color: #333333;



	font-size: 16px;



}



.container {



	max-width: 1170px;



	margin: 0 auto;



	padding: 0 15px;



	position: relative;



}



/*************************************



/*= header



**************************************/	



.site-header {



	border-top: 3px solid #d2b48c;



	background: url(images/heder_left_img.jpg), url(images/heder_right_img.jpg);



	background-repeat: no-repeat, no-repeat;



	background-position: left top, right top;



	position: relative;



	overflow: hidden;



	padding-bottom: 30px;



}



.site-header:after {



	position: absolute;



	content: url(images/header_border-img.png);



	bottom: 0px;



	left: 0;



	right: 0;



	margin: auto;



	width: 5000px;



	z-index: 1;



}



.header_top {



	font-size: 20px;



	color: #fff;



	background: #d2b48c;



	float: right;



	border-radius: 0 0 10px 10px;



}



.header_top > div {



	display: inline-block;



	vertical-align: top;



	padding: 8px 20px;



	position: relative;



}



.header_top > div:after {



	position: absolute;



	content: "";



	width: 2px;



	height: 25px;



	right: 0;



	background: #e0cbaf;



}



header_top > div:last-child:after {



	position: static;



}



.header_top a {



	color: #fff;



}



.header_top > div.social:after {



	position: static;



}



.social a {



	margin: 0 2px;



}



.social a.fb:hover {



	color: #3b5998;



}



.social a.twit:hover {



	color: #1da1f3;



}



.social a.inst:hover {



	color: #333;



}



.social a.lin:hover {



	color: #0274b3;



}



/*************************************



/*= navbar



**************************************/	



.site-header-menu {



	display: none;



	-webkit-flex: 0 1 100%;



	-ms-flex: 0 1 100%;



	flex: 0 1 100%;



	margin: 0.875em 0;



}



.menu-toggle {



	background-color: transparent;



	border: 1px solid #d1d1d1;



	color: #1a1a1a;



	font-size: 13px;



	font-size: 0.8125rem;



	margin: 1.076923077em 0;



	padding: 0.769230769em;



}



.menu-toggle {



	background-color: transparent;



	border: 1px solid #d1d1d1;



	color: #1a1a1a;



	font-size: 13px;



	font-size: 0.8125rem;



	margin: 1.076923077em 0;



	padding: 0.769230769em;



}



.no-js .menu-toggle {



	display: none;



}



.menu-toggle:hover, .menu-toggle:focus {



	background-color: transparent;



	border-color: #007acc;



	color: #007acc;



}



.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {



	background-color: #1a1a1a;



	border-color: #1a1a1a;



	color: #fff;



}



.menu-toggle:focus {



	outline: 0;



}



.menu-toggle.toggled-on:focus {



	outline: thin dotted;



}



.site-header-menu.toggled-on, .no-js .site-header-menu {



	display: block;



}



.menu-item-has-children a:after, .social-navigation a:before, .dropdown-toggle:after, .bypostauthor > article .fn:after, .comment-reply-title small a:before, .pagination .prev:before, .pagination .next:before, .pagination .nav-links:before, .pagination .nav-links:after, .search-submit:before {



	-moz-osx-font-smoothing: grayscale;



	-webkit-font-smoothing: antialiased;



	display: inline-block;



	font-family: "Genericons";



	font-size: 16px;



	font-style: normal;



	font-variant: normal;



	font-weight: normal;



	line-height: 1;



	speak: none;



	text-align: center;



	text-decoration: inherit;



	text-transform: none;



	vertical-align: top;



}



.main-navigation {



}



.main-navigation ul {



	list-style: none;



	margin: 0;



}



.main-navigation li {



	border-top: 1px solid #d1d1d1;



	position: relative;



}



.main-navigation a {



	color: #1a1a1a;



	display: block;



	line-height: 1.3125;



	outline-offset: -1px;



	padding: 0.60em 10px;



	font-size: 20px;



	background-position: center top;



}



.main-navigation a:hover, .main-navigation a:focus {



	color: #ac4064 !important;



}



.main-navigation .primary-menu > li > a:hover, .main-navigation .primary-menu > li > a:focus {



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



}



.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {



	color: #ac4064;



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



}



.main-navigation ul ul {



	display: none;



	margin-left: 0.875em;



}



.no-js .main-navigation ul ul {



	display: block;



}



.main-navigation ul .toggled-on {



	display: block;



}



.main-navigation .primary-menu {



	border-bottom: 1px solid #d1d1d1;



}



.main-navigation .menu-item-has-children > a {



	margin-right: 56px;



}



.dropdown-toggle {



	background-color: transparent;



	border: 0;



	border-radius: 0;



	color: #1a1a1a;



	content: "";



	height: 48px;



	padding: 0;



	position: absolute;



	right: 0;



	text-transform: none;



	top: 0;



	width: 48px;



}



.dropdown-toggle:after {



	border: 0 solid #d1d1d1;



	border-left-width: 1px;



	content: "\f431";



	font-size: 24px;



	left: 1px;



	position: relative;



	width: 48px;



}



.dropdown-toggle:hover, .dropdown-toggle:focus {



	background-color: transparent;



	color: #007acc;



}



.dropdown-toggle:focus {



	outline: thin dotted;



	outline-offset: -1px;



}


.wpcf7 form .wpcf7-response-output {
	text-align: left;
	padding: 10px;
	font-size: 16px;
	margin-top: 52px;
}
.dropdown-toggle:focus:after {



	border-color: transparent;



}



.dropdown-toggle.toggled-on:after {



	content: "\f432";



}



.site-header .main-navigation + .social-navigation {



	margin-top: 1.75em;



}



.says, .screen-reader-text {



	clip: rect(1px, 1px, 1px, 1px);



	height: 1px;



	overflow: hidden;



	position: absolute !important;



	width: 1px;



	word-wrap: normal !important;



}







@media screen and (min-width: 44.375em) {



	.site-header-menu {



		margin: 1.3125em 0;



	}



	.site-header .main-navigation + .social-navigation {



		margin-top: 2.625em;



	}



	.menu-toggle {



		font-size: 16px;



		font-size: 1.0rem;



		margin: 1.3125em 0;



		padding: 0.8125em 0.875em 0.6875em;



	}



}







@media screen and (min-width: 56.875em) {



	.site-header-main {



		-webkit-align-items: flex-start;



		-ms-flex-align: start;



		align-items: flex-start;



	}



	.site-header-menu {



		display: block;



		-webkit-flex: 0 1 auto;



		-ms-flex: 0 1 auto;



		flex: 0 1 auto;



	}



	.main-navigation {



		margin: 0 -0.875em;



	}



	.main-navigation .primary-menu,  .main-navigation .primary-menu > li {



		border: 0;



	}



	.main-navigation .primary-menu > li {



		float: left;



	}



	.main-navigation a {



		outline-offset: -8px;



		white-space: nowrap;



	}



	.main-navigation .primary-menu > li > a {



		padding: 35px 20px 10px;



	}



	.main-navigation li:hover > a,  .main-navigation li.focus > a {



		color: #007acc;



	}



	.main-navigation ul ul {



		border-bottom: 1px solid #d1d1d1;



		display: block;



		left: -999em;



		margin: 0;



		position: absolute;



		z-index: 99999;



	}



	.main-navigation ul ul ul {



		top: -1px;



	}



	.main-navigation ul ul ul:before,  .main-navigation ul ul ul:after {



		border: 0;



	}



	.main-navigation ul ul li {



		background-color: rgba(210, 180, 140, 0.5);



		border: 1px solid #d1d1d1;



		border-bottom-width: 0;



	}



	.main-navigation ul ul a {



		white-space: normal;



		width: 12.6875em;



		color: #000 !important;



		font-size: 14px;



	}



	.main-navigation ul ul li:hover, .main-navigation ul ul ul li:hover {



		background: #d2b48c;



		color: #fff !important;



	}



	.main-navigation ul ul li:hover a,  .main-navigation ul ul ul li:hover a {



		color: #fff !important;



	}



	.main-navigation ul ul:before,  .main-navigation ul ul:after {



		border-style: solid;



		content: "";



		position: absolute;



	}



	.main-navigation ul ul:before {



		border-color: #d1d1d1 transparent;



		border-width: 0 10px 10px;



		left: 48px;



		top: -9px;



	}



	.main-navigation ul ul:after {



		border-color: #e8d9c5 transparent;



		border-width: 0 8px 8px;



		left: 50px;



		top: -7px;



	}



	.main-navigation li:hover > ul,  .main-navigation li.focus > ul {



		left: 0;



		right: auto;



	}



	.main-navigation ul ul li:hover > ul,  .main-navigation ul ul li.focus > ul {



		left: 100%;



		right: auto;



	}
	.footer input.wpcf7-form-control {
		margin-right: 10px;
		box-sizing: border-box;
	}

	footer .wpcf7-form-control-wrap {
		padding: 0px 7.5px;
	}

	footer .ft_cf_form {
		margin: 0px -7.5px;
	}

	footer .ft_cf_form input.wpcf7-submit {
		margin-left: 7.5px;
	}


	.main-navigation .menu-item-has-children > a {



		margin: 0;



		padding-right: 2.25em;



	}



	.main-navigation .menu-item-has-children > a:after {



		content: "\f431";



		position: absolute;



		right: 0px;



		top: 40px;



	}



	.main-navigation ul ul .menu-item-has-children > a {



		padding-right: 2.0625em;



	}



	.main-navigation ul ul .menu-item-has-children > a:after {



		right: 0.5625em;



		top: 0.600em;



		-webkit-transform: rotate(-90deg);



		-moz-transform: rotate(-90deg);



		-ms-transform: rotate(-90deg);



		transform: rotate(-90deg);



	}



	.dropdown-toggle,  .main-navigation ul .dropdown-toggle.toggled-on,  .menu-toggle,  .site-header .social-navigation,  .site-footer .main-navigation {



		display: none;



	}



}



.site-branding {



	float: left;



	width: 300px;



}



.site-branding a {



	position: absolute;



	top: -30px;



	width: 300px;



}



.site-branding img {



	display: block;



}



nav#site-navigation {



	float: right;



}



/*************************************



/*= section 1



**************************************/	



.sec1 {



	position: relative;



	top: -20px;



	z-index: 0;



}



.sec1 .container {



	position: absolute;



	left: 0;



	right: 0;



	margin: auto;



	width: 100%;



	top: 0;



	bottom: 0;



}



.sec1 .bx-wrapper .slider > div > img {



	width: 100%;



	display: block;



}



.cap_tbl {



	display: table;



	width: 52%;



	height: 100%;



}



.cap_tbl_mid {



	display: table-cell;



	vertical-align: middle;



}



.sec1 .bx-wrapper {



	-moz-box-shadow: 0 0 0;



	-webkit-box-shadow: 0 0 0;



	box-shadow: 0 0 0;



	border: 0;



	background: none;



	margin-bottom: 0;



}



.sec1 .bx-wrapper .bx-controls-direction a {



	width: 66px;



	height: 126px;



}



.sec1 .bx-wrapper .bx-prev {



	left: 10px;



	background: url('images/controls.png') no-repeat 0 0;



}



.sec1 .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {



	background-position: 0 0;



}



.sec1 .bx-wrapper .bx-next {



	right: 10px;



	background: url('images/controls.png') no-repeat -70px 0;



	width: 63px;



	height: 125px;



}



.sec1 .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {



	background-position: -70px 0;



}



/*************************************



/*= section 2



**************************************/	



.sec2 {



	position: relative;



	text-align: center;



	font-size: 20px;



	background: url(images/sec2_bg.png) no-repeat center center /cover;



	padding: 50px 0;



	z-index: 2;



	top: -130px;



	min-height: 660px;



}



.sec2_bg {



}



h1.sec_title {



	font-size: 64px;



}



.sec_title {



	font-family: 'shangri_la_nfregular';



	font-size: 80px;



	color: #aa4165;



	position: relative;



	margin-bottom: 20px;



	text-align: center;



}



.sec_title span.title_icon {



	display: inline-block;



	vertical-align: middle;



}



.sec2 .sec_title {



	background: url(images/title_sap.png) no-repeat center bottom;



	margin-top: 100px;



}



.sec2 h2 {



	font-size: 34px;



	font-family: 'xctasysansrr_mediumregular';



	margin-bottom: 5px;



}



.sec2 p {



	line-height: 2;



}



.sec2 .content a {



	margin-top: 15px;



	display: inline-block;



}



/*************************************



/*= section 3



**************************************/	



.sec3 {



	background: url(images/sec3_bg_left.png);



	background-repeat: no-repeat;



	background-position: left 120%;



	text-align: center;



	position: relative;



}



.sec3:before {



	position: absolute;



	content: url(images/sec3_bg_right.png);



	right: 0;



	top: -130px;



}



h2.sec_title {



	background: url(images/title_sap2.png) no-repeat center bottom;



}



h2.sec_title:before, h2.sec_title:after {



	position: absolute;



	content: "";



}



.sec3 h2.sec_title:before, .sec3 h2.sec_title:after {



	width: 137px;



	height: 42px;



}



.sec3 h2.sec_title:before {



	background: url(images/k_r.png) no-repeat;



	left: 21px;



	top: -8px;



}



.sec3 h2.sec_title:after {



	background: url(images/t_r.png) no-repeat;



	right: -33px;



	top: 1px;



}



h2.sec_title span {



	color: #442f2a;



}



.sec3 h2.sec_title {



	max-width: 560px;



	margin-left: auto;



	margin-right: auto;



}



.bakery_catg {



}



.bakery_catg h2 {



	font-size: 28px;



	color: #442f2a;



	margin: 10px 0;



	font-weight: bold;



}



.catg_thumb {



	width: 310px;



	display: inline-block;



	vertical-align: top;



	margin: 30px 32px;



	text-align: center;



	position: relative;



}



.catg_thumbnail {



	position: relative;



	width: 309px;



	height: 291px;



}



img.mask_img {



	position: absolute;



	left: 0;



	top: 0;



}



/*************************************



/*= section 4



**************************************/	







.sec4 {



	background: url(images/sec4_bg.jpg) no-repeat center center / cover;



	min-height: 784px;



	padding: 215px 0;



	color: #fff;



	font-size: 20px;



}



.sec4 .sec_title {



	font-size: 55px;



	color: #fff;



	text-align: left;



	background: none;



	line-height: 1;



}



.sec4 h2.sec_title:before, .sec4 h2.sec_title:after {



	width: 89px;



	height: 26px;



	background: url(images/sec_4_t_icon.png) no-repeat;



}



.sec4 .sec_title:before {



	left: -5px;



	top: -15px;



}



.sec4 .sec_title:after {



	right: 121px;



	top: -15px;



}



.sec4 p {



	line-height: 1.6;



	margin-right: 40px;



}



.sec4 .content a {



	background: url(images/redmore_btn2.png) no-repeat center center/cover;



	padding: 4px 15px 4px 54px;



	color: #fff;



	margin-top: 10px;



	display: inline-block;



}



.video_frame {
	width: 550px;
	height: 400px;
	/*     background-repeat: no-repeat;
	background-image: url(https://www.mssophisticakes.com/wp-content/uploads/2022/11/Path-1.png);
	background-size: 100% 100%;
	overflow: hidden;
	margin: auto; */
}



.video_frame img, .video_frame iframe {



	display: block;



}



/*************************************



/*= section 5



**************************************/	



.sec5 {



	background: #f9f5f0;



	padding: 30px 0;



}



.sec5 h2.sec_title {



	max-width: 560px;



	margin-left: auto;



	margin-right: auto;



}



.sec5 h2.sec_title:before, .sec5 h2.sec_title:after {



	width: 137px;



	height: 42px;



}



/* .sec5 h2.sec_title:after {



background: url(images/t_r.png) no-repeat;



right: 29px;



} */



.testmonial_wrap {



	position: relative;



	margin-top: 40px;



}



.testmonial_wrap:after {



	width: 1px;



	height: 130px;



	background: #d5cdc8;



	position: absolute;



	content: "";



	left: 0;



	right: 0;



	bottom: 30px;



	margin: auto;



}



.test_box {



	display: inline-block;



	position: relative;



	padding: 25px;



}



.test_box:before {



	position: absolute;



	content: "\f10d";



	font-family: FontAwesome;



	left: 20px;



	color: #d5cdc8;



	top: -4px;



	font-size: 26px;



}



.avtar_img {



	float: left;



	width: 136px;



	height: 128px;



	position: relative;



	margin-right: 15px;



}



.avtar_img img {



	display: block;



	width: 100%;



	height: 100%;



}



.test_box .content {



	display: block;



	padding: 8px 0px;



	font-size: 18px;



	text-align: left;



	position: relative;



	border-radius: 6px;



	overflow: hidden;



	width: auto;



	float: none;



}



.test_box h3 {



	color: #442f2a;



	font-size: 20px;



	font-weight: 600;



}



/*.test_box h3:after {



content: url(images/5star.png);



position: relative;



}*/



.sec5 .bx-wrapper {



	box-shadow: 0 0 0;



	left: 0;



	background: none;



	border: 0;



	color: #333;



}



.sec5 .bx-wrapper .bx-pager.bx-default-pager a {



	width: 26px;



	height: 3px;



	background: #c2b9b4;



}



.sec5 .bx-wrapper .bx-pager.bx-default-pager a.active {



	background: #aa4366;



}



/*************************************



/*= section 6



**************************************/	



.sec6 {



	padding: 50px 0;



	text-align: center;



	position: relative;



}



.sec6:before {



	position: absolute;



	content: url(images/sec6_bg_left.png);



	left: 0;



	bottom: -130px;



}



.sec6 h2.sec_title {



	max-width: 560px;



	margin-left: auto;



	margin-right: auto;



	background: url(images/title_sap3.png) no-repeat center bottom;



	padding-bottom: 15px;



}



.sec6 h2.sec_title:before {



	content: "@";



	left: 45px;



	font-family: 'barkentina_1regular';



	font-size: 30px;



	font-weight: 600;



	top: 37px;



}



.sec6 h2.sec_title:after {



	background: url(images/t_r.png) no-repeat;



	right: 24px;



	width: 137px;



	height: 42px;



	top: -8px;



}



div#envirabox-title {



	display: none!important;



}



.homegallery {



	margin-top: 30px;



}



/*************************************



/*= footer



**************************************/	



.footer {



	background: url(images/ft_bg.png);



	color: #fff;



	padding: 250px 0 0;



	font-size: 18px;



	background-repeat: no-repeat;



	background-size: cover;



	background-position: center top;



	position: relative;



	z-index: 1;



}



.ft_col {



	background: url(images/ft_sap.png) no-repeat right top;



	float: left;



	margin-right: 50px;



	padding-right: 50px;



}



.ft_col a {



	color: #fff;



}



.ft_col h3 {



	font-size: 26px;



	text-transform: uppercase;



	display: inline-block;



	position: relative;



	border-bottom: 1px solid #856555;



	padding-bottom: 15px;



	margin-bottom: 20px;



}



.ft_col h3:before {



	position: absolute;



	left: 0;



	bottom: -2px;



	width: 42px;



	height: 2px;



	background: #b5a39a;



	content: "";



}



.ft_col1 {



	width: 215px;



}



.ft_nav {



}



.ft_nav ul {



}



.ft_nav ul li {



	position: relative;



	padding-left: 15px;



	margin-bottom: 20px;



}



.ft_nav ul li:before {



	position: absolute;



	left: 0;



	content: "\f105";



	font-family: FontAwesome;



}



.ft_nav ul li a {



}



.ft_col2 {



	width: 520px;



}



.ft_cf_form {



}



.wpcf7-form-control-wrap {



	position: relative;



	width: 49%;



	float: left;



}



span.wpcf7-form-control-wrap.your-email, span.wpcf7-form-control-wrap.date-473 {



	float: right;



}



span.wpcf7-form-control-wrap.your-message {



	width: 100%;



}



.ft_cf_form input[type="text"], .ft_cf_form input[type="email"], .ft_cf_form input[type="date"] {



	width: 100%;



	float: left;



	border: 0;



	height: 46px;



	padding: 10px;



	margin-bottom: 10px;



	border-radius: 5px;



	font-family: 'lato';



}



.ft_cf_form textarea {



	width: 100%;



	float: left;



	border: 0;



	margin-bottom: 10px;



	height: 85px;



	padding: 10px;



	border-radius: 5px;



	font-family: 'lato';



}



.ft_cf_form input[type="submit"] {



	background: #aa4366;



	color: #fff;



	border: 2px solid #fff;



	border-radius: 5px;



	font-size: 17px;



	padding: 10px 20px;



	cursor: pointer;



	text-transform: uppercase;



	margin-top: 4px;



}



.ft_cf_form input[type="submit"]:hover {



	background: #bf5779;



}



.ft_col3 {



	background: none;



	width: 250px;



}



.ft_social {



	text-align: center;



	margin-top: 6px;



}



.ft_social a {



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



	width: 38px;



	height: 36px;



	display: inline-block;



	vertical-align: top;



	padding: 6px;



}



.copytext {



	background: url(images/copytext_bg.jpg) repeat-x center center;



	color: #fff;



	height: 70px;



	font-size: 16px;



	margin-top: 40px;



}



.copytext .half {



	padding: 25px 0 0;



}



.cards {



	text-align: right;



}



.cards img, .cards span {



	display: inline-block;



	vertical-align: middle;



}



/*************************************



/*= Inner page



**************************************/	



.featured_img {



	position: relative;



	top: -20px;



	z-index: 0;



}



.featured_img img {



	width: 100%;



	display: block;



}



.banner_shad {



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



}



.inner_page {



}



.entry-title {



	max-width: 560px;



	margin-left: auto;



	margin-right: auto;



	font-family: 'shangri_la_nfregular';



	font-size: 80px;



	position: relative;



	margin-bottom: 20px;



	text-align: center;



	background: url(images/title_sap2.png) no-repeat center bottom;



	color: #333;



}



.entry-title span {



	color: #aa4165;



}



.inner_page {



	color: #333;



	padding-bottom: 40px;



}



#primary {



}



#primary h2 {



	font-size: 34px;



	color: #442f2a;



	margin: 10px 0;



	font-weight: bold;



}



#primary h3 {



	font-size: 26px;



	color: #442f2a;



	margin: 10px 0;



	font-weight: bold;



}



#primary ul {



}



#primary ul li {



	position: relative;



	margin-bottom: 6px;



	padding-left: 15px;



}



#primary ul li:before {



	content: "\f04b";



	font-family: FontAwesome;



	position: relative;



	left: -14px;



}



#primary a {



	color: #aa4165



}



/*************************************



/*= about page



**************************************/	



.about_page {



	background: #aa4165;



	color: #fff;



	width: 100%;



	float: left;



	margin-left: -15px;



	margin-right: -15px;



	padding: 60px 20px 40px 20px;



}



#primary .about_page h2, #primary .about_page h3, #primary .about_page h4 {



	color: #fff;



}



img.alignnone.size-medium.wp-image-59 {



	border: 6px solid #ff78a6;



	margin-top: 15px;



}



.about_page .half_left {



}



.about_page .half_right {



	border-left: 1px solid #fff;



	width: 50%;



	padding-left: 20px;



}



.about_team {



	width: 100%;



	float: left;



	border-top: 1px solid #fff;



	margin: 20px 0 0;



	padding-top: 10px;



}



.about_team h2 {



	text-align: center;



}



.team_wrap {



	width: 49%;



	float: left;



}



.team_thumb {



	float: left;



	margin-right: 35px;



	position: relative;



}



.team_thumb img{



	border: 6px solid #ff78a6;



	display:block;



}



.team_thumb:after {



	position: absolute;



	content: "";



	width: 60px;



	height: 2px;



	right: -23px;



	top: 38px;



}



.team_content {



	overflow: hidden;



	display: block;



	padding-top: 0;



}



.team_content h3 {



	font-size: 18px;



	font-weight: 700;



}



.team_wrap:nth-of-type(2) {



	float: right;



}







/*************************************



/*= contact page



**************************************/



.cf_info {



	margin-bottom:40px;



	margin-top:20px;



	width:100%;



	float:left;



}



.cf_info_box {

	width: 24%;

	float: left;

	vertical-align: top;

	text-align: center;

	min-height: 120px;

	border: 1px solid #ccc;

	margin-right: 15px;

}



.cf_info_box:last-child {



	margin-right:0;



	float:right;



}



.cf_info_box a{







}







.g_list {



	width:100%;



	float:left;



	text-align:center;



	margin:20px 0;



}	



.g_list li{



	display:inline-block;



	vertical-align:top;



}







.g_list li:before{



	content:""!important; 



}	



.g_list li a{



	border:1px solid #ccc;



	border-radius:4px;



	display:inline-block;



	padding: 6px 10px;



}



.g_list li a:hover,



.g_list li a.active{ 



	background:#aa4165;



	color:#fff !important;



}







/***============================================***/



/***=========== Responsive css start ===========***/



/***============================================***/



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



}







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



}

@media only screen and (min-width : 1200px) and (max-width : 1599px) {
	.home_banner_cap_text {
		padding-left: 50px;
	}
	.header_top > div {
		padding: 8px 15px;
	}
	.header_top {
		font-size: 18px;
		margin-right: 40px;
	}
	.site-branding a {
		top: -20px;
		left: 55px;
		width: 280px;
		height: auto;
	}
	.testmonial_wrap:after {
		left: 16.5%;
		top: 0;
		bottom: 0;
	}

}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
	.cf_info_box {
		width: calc(24% - 11px);
		min-height: 120px;
		margin-right: 10px !important;
		margin-left: 10px !important;
	}
	.cf_info_box h3 {
		font-size: 22px !important;
	}
	.ft_col {
		margin-right: 20px;
		padding-right: 20px;
	}
	.ft_col1 {
		width: 22%;
	}
	.ft_col2 {
		width: 47%;
	}
	.ft_col3 {
		width: 22%;
		padding-right: 0px;
	}
	.video_frame {
		width: auto;
		height: auto;
	}
	.sec4 {
		min-height: auto;
		padding: 160px 0 120px 0px;
		font-size: 20px;
	}
	.testmonial_wrap:after {
		left: 16.5%;
		top: 0;
		bottom: 0;
	}
	.sec5 .bx-wrapper .bx-pager.bx-default-pager a {
		width: 22px;
	}
	.home_banner_cap_text {
		padding-left: 60px;
	}
	.header_top > div {
		padding: 8px 12px;
	}
	.header_top {
		font-size: 18px;
		margin-right: 65px;
	}
	.site-branding a {
		top: -20px;
		left: 55px;
		width: 280px;
		height: auto;
	}
	.about_page {
		margin-left: 0px;
		margin-right: 0px;
	}

}


@media only screen and (min-width : 769px) and (max-width : 991px) {
	.header_top a {
		font-size: 16px;
	}
	.about_page {
		margin-left: 0px;
		margin-right: 0px;
	}
	header#masthead {
		min-height: 190px;
		background-position: left top, right 42px;
	}
	.sec1 .bx-wrapper .bx-prev {
		left: 10px;
		background-size: 60px;
		width: 26px !important;
	}
	.sec1 .bx-wrapper .bx-next {
		width: 32px !important;
		height: 54px !important;
		background-size: 71px;
		right: 8px;
		background-position: right;
	}
	.home_banner_cap_text {
		padding-left: 20px;
	}
	.sec2 {
		position: relative;
		text-align: center;
		font-size: 20px;
		background-image: url(images/sec2_bg2.jpg);
		padding: 0px 0 50px 0px;
		z-index: 2;
		top: -8px;
		min-height: 660px;
		background-size: cover;
		background-position: center;
		margin-bottom: 30px;
		min-height: auto;
	}
	.sec2 .sec_title {
		margin-top: 50px;
	}
	.header_top > div {
		padding: 5px 15px;
	}
	.testmonial_wrap:after {
		display: none;
	}
	.sec5 .bx-wrapper .bx-pager.bx-default-pager a {
		width: 6px;
		height: 2px;
	}
	.video_frame {
		width: auto;
		height: auto;
	}
	.site-branding img {
		ax-width: 240px;
		position: relative;
		left: 30px;
		top: 30px;
		z-index: 9;
	}
	header button#menu-toggle {
		display: none;
	}
	.sec1:after {
		content: "";
		position: absolute;
		background-image: url(images/banner-btm-brd.png);
		display: inline-block;
		height: 101px;
		width: 100%;
		bottom: -12px;
		left: 0;
		background-size: cover;
		background-position: bottom;
	}
	.ft_col {
		margin-right: 20px;
		padding-right: 20px;
	}
	.ft_col1 {
		width: 22%;
	}
	.ft_col2 {
		width: 47%;
	}
	.ft_col3 {
		width: 22%;
		padding-right: 0px;
	}
	.ft_col h3 {
		font-size: 20px;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.wpcf7-form-control-wrap {
		width: calc(50% - 10px );
		margin-right: 10px;
	}  
	.copytext .half {
		width: 45%;
		font-size: 15px;
	} 
	.copytext .half.cards {
		width: 53%;
		font-size: 15px;
	}
	.cf_info_box {
		width: calc(50% - 20px);
		min-height: 120px;
		margin-right: 10px !important;
		margin-left: 10px !important;
		margin-bottom: 10px;
	}


}







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

	#wprmenu_bar .menu_title {
		display: none;
	}
	.catg_thumb {
		margin: 0 auto !important;
		display: block;
		text-align: center;
	}
	.about_page {
		margin-left: 0px;
		margin-right: 0px;
	}
	.cf_info_box {
		width: calc(50% - 20px);
		min-height: 120px;
		margin-right: 10px !important;
		margin-left: 10px !important;
		margin-bottom: 10px;
	}
	.half_left {
		width: 100%;
	}
	.about_page .half_right {
		border-left: 0px solid #fff;
		width: 100%;
		padding-left: 0px;
	}
	.video_frame {
		width: 100%;
		height: 400px;
		max-width: 400px;
	}
	.half {
		width: 100%;
	}
	.sec1:after {
		content: "";
		position: absolute;
		background-image: url(images/banner-btm-brd.png);
		display: inline-block;
		height: 84px;
		width: 767px;
		bottom: -12px;
		left: 0;
	}
	.sec2 {
		position: relative;
		text-align: center;
		font-size: 20px;
		background-image: url(images/sec2_bg2.jpg);
		padding: 0px 0 50px 0px;
		z-index: 2;
		top: -10px;
		min-height: 660px;
		background-size: cover;
		background-position: center;
		margin-bottom: -10px;
		min-height: auto;
	}
	.sec2 .sec_title {
		margin-top: 30px;
	}
	.ft_col2 {
		width: 100%;
		margin-right: 15px;
		padding-right: 0px;
	}
	.ft_col1 {
		width: 100%;
		margin-right: 15px;
		padding-right: 15px;
	}
	html, body {
		overflow-x: hidden;
	}
	.sec1 .bx-wrapper .bx-prev {
		width: 18px !important;
		height: 56px !important;
		background-size: 40px !important;
		left: 5px;
		background-position: left;
	}
	.sec1 .bx-wrapper .bx-next {
		width: 22px !important;
		height: 56px !important;
		background-size: 42px;
		right: 8px;
		background-position: right;
	}
	.home_banner_cap_text {
		padding-left: 10px;
	}
	h1.sec_title {
		font-size: 36px;
	}
	.sec_title span.title_icon img {
		max-width: 268px;
		height: auto;
	}
	.sec2 p {
		font-size: 18px;
		line-height: 1.6;
	}
	.sec_title {
		font-size: 36px;
		margin-bottom: 10px;
	}
	.sec3 h2.sec_title:before {
		left: 5px;
		top: -24px;
		width: 110px;
		z-index: 9;
		background-size: contain;
	}
	.sec3 h2.sec_title {
		max-width: 320px;
	}
	.sec3 {
		padding-top: 40px;
	}
	.sec3 h2.sec_title:after {
		right: 0px;
		top: -29px;
		width: 96px;
		z-index: 9;
	}
	.bakery_catg h2 {
		font-size: 22px;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.sec4 .sec_title {
		font-size: 36px;
	}
	.sec4 .sec_title:before {
		left: -6px;
		top: -16px;
		background-size: 65px !important;
	}
	.sec4 .sec_title:after {
		right: 44px;
		top: -15px;
		background-size: 65px !important;
	}
	.sec4 p {
		line-height: 1.6;
		margin-right: 10px;
		font-size: 18px;
	}
	.sec4 {
		padding: 160px 0 20px 0px;
	}
	.ft_cf_form input[type="text"], .ft_cf_form input[type="email"], .ft_cf_form input[type="date"] {
		width: calc(100% - 10px);
	}
	.ft_cf_form textarea {
		width: calc(100% - 10px);
	}
	.ft_col3 {
		width: 100%;
		padding-right: 0px;
		margin-top: 20px;
	}
	.ft_col3 img.ft_logo {
		margin: 0 auto;
		display: block;
		margin-bottom: 25px;
		margin-top: 15px;
	}
	.copytext .half {
		padding: 15px 0 0;
		font-size: 14px;
		text-align: center;
	}
	.test_box {
		padding: 25px 25px 0px 25px;
	}
	.footer:before {
		content: "";
		background: url(images/ft-bg1a.png);
		height: 188px;
		width: 100%;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center top;
		position: absolute;
		top: -75px;
	}
	.footer {
		background: url(images/ft-bg1.jpg);
		color: #fff;
		padding: 60px 0 0;
		font-size: 18px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		position: relative;
		z-index: 1;
		margin-top: 40px;
	}
	.wpcf7-not-valid-tip {
		font-size: 14px;
		position: relative;
		top: -3px;
	}
	.wpcf7 form .wpcf7-response-output {
		font-size: 14px;
	}
	.ft_cf_form input[type="submit"] {
		font-size: 16px;
		padding: 10px 15px;
	}
	.copytext .half img.card_logo {
		text-align: center;
		margin: 0 auto;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.copytext .half span {
		text-align: center;
		display: block;
		position: relative;
		top: -5px;
	}
	.test_box .content {
		padding: 8px 0px;
		font-size: 17px;
		width: 100%;
	}
	.header_top > div {
		padding: 0px 10px 4px 10px;
	}
	.header_top a {
		font-size: 15px;
	}
	.header_top .ph_div.first:after {
		display: none;
	}
	.site-branding img {
		max-width: 260px;
	}
	.header_top .ph_div.first a {
		text-align: center;
		display: block;
		max-width: 163px;
		margin: 0 auto;
	}

	.header_top .ph_div.first {
		display: block;
	}
	.sec5 h2.sec_title:after {
		background: url(images/t_r.png) no-repeat;
		right: 59px;
		width: 98px;
		top: -18px;
		background-size: contain;
	}
	.sec5 h2.sec_title {
		padding-bottom: 15px;
		max-width: 400px;
	}
	.sec6 h2.sec_title {
		max-width: 400px;
	}
	.sec4 h2.sec_title:before, .sec4 h2.sec_title:after {
		display: none;
	}
	.testmonial_wrap:after {
		display: none;
	}
	.sec5 .bx-wrapper .bx-pager.bx-default-pager a {
		width: 6px;
		height: 3px;
	}
	.sec6 h2.sec_title:after {
		right: 58px;
		height: 42px;
		width: 98px;
		top: -20px;
		background-size: contain;
	}
	.sec6 h2.sec_title:before {
		content: "@";
		left: 84px;
		font-size: 22px;
		top: 10px;
	}
	header button#menu-toggle {
		display: none;
	}
	header#masthead {
		background: none;
		min-height: 150px;
	}
	.cf_info_box h3 {
		font-size: 22px !important;
	}

}







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



}







@media only screen and (max-width : 479px) {
	.header_top {
		font-size: 18px;
		max-width: 280px;
	}
	.header_top > div {
		padding: 0px 5px 4px 5px;
	}
	.site-branding img {
		max-width: 210px;
	}
	.site-branding a {
		position: absolute;
		top: -15px;
		left: 7px;
		width: 300px;
		z-index: 9;  
	}
	.footer:before {
		top: -50px;
	}
	.ft_nav ul li {
		margin-bottom: 10px;
	}
	.entry-title {
		font-size: 42px;
		padding-bottom: 15px;
	}
	.cf_info_box {
		width: calc(100% - 20px);
		min-height: 120px;
		margin-right: 10px !important;
		margin-left: 10px !important;
		margin-bottom: 10px;
	}


}







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



}



/* ------------------------- new updates ----------------------------------- */



.about_team {display: none;}

.slider h1{
	font-size: 53px;
	line-height: 80px;
	text-transform: capitalize;
	font-family: 'foglihtenno06regular';
	color: #fff;
	font-weight: 600;
	letter-spacing: 3px;
}



.btn-theme {
	background-image: linear-gradient(0deg, #b04e70, #b35375);
	padding: 17px 26px 14px 60px;
	border-radius: 50px;
	font-family: 'foglihtenno06regular';
	font-size: 17px;
	line-height: 17px;
	color: #fff;
	box-shadow: 2px 3px 0px 0px #8f3e5b;
	font-weight: 600;
	position: relative;
	transition: all 0.6s ease-in-out;
	overflow: hidden;
}
.btn-theme:hover{
	background-image: linear-gradient(0deg, #8f3e5b, #984764);
}

.btn-theme:before {
	content: url(https://www.mssophisticakes.com/wp-content/uploads/2022/11/btn-before-removebg-preview.png);
	height: 45px;
	width: 45px;
	border-radius: 50px;
	background: #fff;
	position: absolute;
	left: 2px;
	top: 2px;
	transition: all 0.3s ease-in-out;
}

.btn-theme:after {
	content: "";
	background-image: url(https://www.mssophisticakes.com/wp-content/uploads/2022/11/Path.png);
	height: 31px;
	width: 198px;
	position: absolute;
	top: 0px;
	left: 0;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
}

.btn-theme:hover:after{
	height: 44px;
	background-size: cover;
}

.about_page a{
	color: #fff !important;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease-in-out;
}

.about_page a:hover{
	color: #ff78a6 !important;
}


@media only screen and (max-width : 600px) {
	.slider h1 {
		font-size: 24px !important;
		line-height: 30px !important;
		padding-left: 10px;
		margin-top: 8px;
	}
}


@media only screen and (max-width : 767px) and (min-width: 601px) {
	.slider h1 {
		font-size: 38px !important;
		line-height: 45px !important;
		padding-left: 16px;
		margin-top: 10px;
	}
}

@media only screen and (max-width : 1199px) and (min-width: 768px) {
	.slider h1 {
		font-size: 44px !important;
		line-height: 50px !important;
		margin-top: 12px;
		padding-left: 20px;
	}
}