/*
Theme Name: shapeandreshape
Author: Wissam El-Kik
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
* html body,
* html,
body,
html {margin:0 !important; padding:0 !important;}
body{color:#333 !important; height:100%; min-height:615px; margin:0; padding:0; background:#fff url("../images/bg.png") repeat 0 0;}
a,
button {outline:0 !important;}
hr {border-color:#ddd; width:90%;}

.wrapper {background:transparent url("../images/header_bg.jpg") no-repeat center 0; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; width:100%; margin:0 auto; min-height:615px; display:block;}
.container {width:1024px; padding:0 !important; background:transparent;}

.homepage_content {min-height:250px;}

.navbar {width:100%; border:none; margin-bottom:0; text-align:center;}
.navbar-brand {max-width:345px; max-height:100px; display:inline-block; float:none; clear:both; padding:0; margin:15px;}
.navbar-brand img {max-height:100%; width:100%;}
.navbar-default {background:transparent; border-bottom:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.navbar-default .navbar-nav a,
.navbar-default .navbar-nav a:focus {
	background:transparent;
    color:#fff !important;
	font-family:"Satisfy", Arial, sans-serif;
	font-size:22px;
	text-shadow: 1px 2px 3px #999;
}
.navbar-default .navbar-nav  a:hover {color:#D7396E !important;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color:#D7396E !important;
	background:transparent;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {background-color:transparent;}
.navbar-default .navbar-toggle {border-color:#CE2A65;}
.navbar-default .navbar-toggle .icon-bar {background-color:#CE2A65;}
#menu-main-menu {margin-top:69px;}
#menu-main-menu a {padding:0; margin:10px 20px;}

#content {background:rgba(255,255,255,0.7); min-height:400px; padding:0 !important; margin:0 !important;}
#main {padding:0 !important; margin:0 !important;}

.footer {background:rgba(255,255,255,0.15); padding:7px 0; margin-top:20px; width:100%; color:#ca386d;}
.sidebar_bio {background:transparent url("../images/vertical_separator.png") no-repeat 0 0; padding:0 25px; min-height:400px;}
.sidebar_bio img {margin:10px 0; max-width:100%;}
.text_wrap {padding:0 30px 50px 30px;}
.text_wrap .col-sm-6 {padding:0;}
h1 {color:#D7396E; margin:20px 30px 15px 30px; border-bottom:2px solid #fff; padding:7px 0 3px 10px; font-family:"Satisfy", Arial, sans-serif; font-weight:700; font-size:40px;}
h3 {margin-top:0;}
h4 {margin-top:0; font-family:"Oleo Script", Arial, sans-serif; font-size:33px; color:#D7396E; font-weight:normal;}

.boxes {height:150px; position:relative; border:1px solid #eee;}
.boxes span {font-size:14px; text-transform:uppercase; position:absolute; padding:5px 0; bottom:20px; left:0; display:inline-block; text-align:center; color:#212121; width:100%; background:rgba(240,240,240,0.7);}
.boxes img {display:inline-block; width:100%; height:auto; max-height:100%;}

.google_maps {width:100%; height:405px;}
.contact_us_form {max-width:1000px; width:50%;}
.slogan_line {font-family:"Bree Serif", Arial, sans-serif; font-size:19px; width:100%; background:rgba(255,255,255,0.3); padding:7px 0; margin-top:160px; color:#D11253;}
.gallery_tabs {font-family:"Bree Serif", Arial, sans-serif; font-size:19px; width:100%; background:rgba(255,255,255,0.3); padding:7px 0; color:#D11253; margin:20px auto;}
.gallery_tabs a {display:inline-block; cursor:pointer; text-decoration:none; font-family:"Bree Serif", Arial, sans-serif; font-size:19px; width:100%; background:none; color:#D11253; border-bottom:transparent solid 3px; transition: border-color 0.5s; -moz-transition: border-color 0.5s; -webkit-transition: border-color 0.5s;}
.gallery_tabs a:hover {text-decoration:none; color:#94B423;}
.gallery_tabs a.selected {border-bottom:#94B423 solid 3px; color:#94B423;}

.flexslider {background:#fff !important;}
.flexslider .slides li {text-align:center;}
.flexslider .slides img {
    display: inline-block !important;
    max-height: 500px !important;
    max-width: 100% !important;
    width: auto !important;
}
.flex-direction-nav a {height:45px !important;}

/**
 * @info Clearfix: clear all the floated elements
 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {display:inline-table;}

/**
 * @hack Display the Clearfix as a block element
 * @hackfor Every browser except IE for Macintosh
 */
	/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
	/* End hide from IE-mac */
	
    /**
	 * @info Margins
	 */
	.mrgl5px {margin-left:5px !important;}
	.mrgt5px {margin-top:5px !important;}
	.mrgr5px {margin-right:5px !important;}
	.mrgb5px {margin-bottom:5px !important;}

	.mrgl10px {margin-left:10px !important;}
	.mrgt10px {margin-top:10px !important;}
	.mrgr10px {margin-right:10px !important;}
	.mrgb10px {margin-bottom:10px !important;}

	.mrgl15px {margin-left:15px !important;}
	.mrgt15px {margin-top:15px !important;}
	.mrgr15px {margin-right:15px !important;}
	.mrgb15px {margin-bottom:15px !important;}

	.mrgl20px {margin-left:20px !important;}
	.mrgt20px {margin-top:20px !important;}
	.mrgr20px {margin-right:20px !important;}
	.mrgb20px {margin-bottom:20px !important;}

	.mrgl25px {margin-left:25px !important;}
	.mrgt25px {margin-top:25px !important;}
	.mrgr25px {margin-right:25px !important;}
	.mrgb25px {margin-bottom:25px !important;}

	.mrgl30px {margin-left:30px !important;}
	.mrgt30px {margin-top:30px !important;}
	.mrgr30px {margin-right:30px !important;}
	.mrgb30px {margin-bottom:30px !important;}

	.mrgl35px {margin-left:35px !important;}
	.mrgt35px {margin-top:35px !important;}
	.mrgr35px {margin-right:35px !important;}
	.mrgb35px {margin-bottom:35px !important;}

	.mrgl40px {margin-left:40px !important;}
	.mrgt40px {margin-top:40px !important;}
	.mrgr40px {margin-right:40px !important;}
	.mrgb40px {margin-bottom:40px !important;}

	.mrgl45px {margin-left:45px !important;}
	.mrgt45px {margin-top:45px !important;}
	.mrgr45px {margin-right:45px !important;}
	.mrgb45px {margin-bottom:45px !important;}

	.mrgl50px {margin-left:50px !important;}
	.mrgt50px {margin-top:50px !important;}
	.mrgr50px {margin-right:50px !important;}
	.mrgb50px {margin-bottom:50px !important;}

	.mrgl55px {margin-left:55px !important;}
	.mrgt55px {margin-top:55px !important;}
	.mrgr55px {margin-right:55px !important;}
	.mrgb55px {margin-bottom:55px !important;}

	.mrgl60px {margin-left:60px !important;}
	.mrgt60px {margin-top:60px !important;}
	.mrgr60px {margin-right:60px !important;}
	.mrgb60px {margin-bottom:60px !important;}

	.mrgl65px {margin-left:65px !important;}
	.mrgt65px {margin-top:65px !important;}
	.mrgr65px {margin-right:65px !important;}
	.mrgb65px {margin-bottom:65px !important;}

	.mrgl70px {margin-left:70px !important;}
	.mrgt70px {margin-top:70px !important;}
	.mrgr70px {margin-right:70px !important;}
	.mrgb70px {margin-bottom:70px !important;}

	.mrgl75px {margin-left:75px !important;}
	.mrgt75px {margin-top:75px !important;}
	.mrgr75px {margin-right:75px !important;}
	.mrgb75px {margin-bottom:75px !important;}

	.mrgl80px {margin-left:80px !important;}
	.mrgt80px {margin-top:80px !important;}
	.mrgr80px {margin-right:80px !important;}
	.mrgb80px {margin-bottom:80px !important;}

	.mrgl85px {margin-left:85px !important;}
	.mrgt85px {margin-top:85px !important;}
	.mrgr85px {margin-right:85px !important;}
	.mrgb85px {margin-bottom:85px !important;}

	.mrgl90px {margin-left:90px !important;}
	.mrgt90px {margin-top:90px !important;}
	.mrgr90px {margin-right:90px !important;}
	.mrgb90px {margin-bottom:90px !important;}

	.mrgl95px {margin-left:95px !important;}
	.mrgt95px {margin-top:95px !important;}
	.mrgr95px {margin-right:95px !important;}
	.mrgb95px {margin-bottom:95px !important;}

	.mrgl100px {margin-left:100px !important;}
	.mrgt100px {margin-top:100px !important;}
	.mrgr100px {margin-right:100px !important;}
	.mrgb100px {margin-bottom:100px !important;}





	/**
	 * @info Padding
	 */
	.padd0px {padding:0 !important;}
	.paddl0px{padding-left:0 !important;}
	.paddt0px {padding-top:0 !important;}
	.paddr0px {padding-right:0 !important;}
	.paddb0px {padding-bottom:0 !important;}

	.padd5px {padding:5px !important;}
	.paddl5px {padding-left:5px !important;}
	.paddt5px {padding-top:5px !important;}
	.paddr5px {padding-right:5px !important;}
	.paddb5px {padding-bottom:5px !important;}

	.padd10px {padding:10px !important;}
	.paddl10px {padding-left:10px !important;}
	.paddt10px {padding-top:10px !important;}
	.paddr10px {padding-right:10px !important;}
	.paddb10px {padding-bottom:10px !important;}

	.padd15px {padding:15px !important;}
	.paddl15px {padding-left:15px !important;}
	.paddt15px {padding-top:15px !important;}
	.paddr15px {padding-right:15px !important;}
	.paddb15px {padding-bottom:15px !important;}

	.padd20px {padding:20px !important;}
	.paddl20px {padding-left:20px !important;}
	.paddt20px {padding-top:20px !important;}
	.paddr20px {padding-right:20px !important;}
	.paddb20px {padding-bottom:20px !important;}

	.padd25px {padding:25px !important;}
	.paddl25px {padding-left:25px !important;}
	.paddt25px {padding-top:25px !important;}
	.paddr25px {padding-right:25px !important;}
	.paddb25px {padding-bottom:25px !important;}

	.padd30px {padding:30px !important;}
	.paddl30px {padding-left:30px !important;}
	.paddt30px {padding-top:30px !important;}
	.paddr30px {padding-right:30px !important;}
	.paddb30px {padding-bottom:30px !important;}

	.padd35px {padding:35px !important;}
	.paddl35px {padding-left:35px !important;}
	.paddt35px {padding-top:35px !important;}
	.paddr35px {padding-right:35px !important;}
	.paddb35px {padding-bottom:35px !important;}

	.padd40px {padding:40px !important;}
	.paddl40px {padding-left:40px !important;}
	.paddt40px {padding-top:40px !important;}
	.paddr40px {padding-right:40px !important;}
	.paddb40px {padding-bottom:40px !important;}

	.padd45px {padding:45px !important;}
	.paddl45px {padding-left:45px !important;}
	.paddt45px {padding-top:45px !important;}
	.paddr45px {padding-right:45px !important;}
	.paddb45px {padding-bottom:45px !important;}

	.padd50px {padding:50px !important;}
	.paddl50px {padding-left:50px !important;}
	.paddt50px {padding-top:50px !important;}
	.paddr50px {padding-right:50px !important;}
	.paddb50px {padding-bottom:50px !important;}
	




/**
 * @section CSS3
 */

	/**
	 * @info Rounded Corners
	 */
	.rounded2px {
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		-o-border-radius:2px;
	}
	.rounded4px {
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
	}
	.rounded5px {
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
	}
	.rounded6px {
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-o-border-radius:6px;
	}
	.rounded8px {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-o-border-radius:8px;
	}
	.rounded10px {
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
	}

/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
	0% {
		opacity:0;
	}
	6% {
		opacity:1;
	}
	24% {
		opacity:1;
	}
	30% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}
@-moz-keyframes anim_slides {
	0% {
		opacity:0;
	}
	6% {
		opacity:1;
	}
	24% {
		opacity:1;
	}
	30% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

@media all and (min-width: 0px) and (max-width: 839px){
	.slogan_line {
		position: relative;
		background: none;
		padding: 0;
		margin:70px auto 0 auto;
		width:90%;
	}
	.slogan_line div.slogan_element {
		opacity:0;
		position:absolute;
		top:0;
		width: 100%;
		background: rgba(255,255,255,0.3);
		padding: 7px 0;
		border:0;

		/* css3 animation */
		-webkit-animation-name: anim_slides;
		-webkit-animation-duration: 12.0s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: normal;
		-webkit-animation-delay: 0;
		-webkit-animation-play-state: running;
		-webkit-animation-fill-mode: forwards;

		-moz-animation-name: anim_slides;
		-moz-animation-duration: 12.0s;
		-moz-animation-timing-function: linear;
		-moz-animation-iteration-count: infinite;
		-moz-animation-direction: normal;
		-moz-animation-delay: 0;
		-moz-animation-play-state: running;
		-moz-animation-fill-mode: forwards;
	}

	/* css3 delays */
	.slogan_line div.slogan_element:nth-child(2) {
		-webkit-animation-delay: 3.0s;
		-moz-animation-delay: 3.0s;
	}
	.slogan_line div.slogan_element:nth-child(3) {
		-webkit-animation-delay: 6.0s;
		-moz-animation-delay: 6.0s;
	}
	.slogan_line div.slogan_element:nth-child(4) {
		-webkit-animation-delay: 9.0s;
		-moz-animation-delay: 9.0s;
	}
}

@media all and (min-width: 0px) and (max-width: 350px){
	.flex-control-nav {bottom:-40px !important;}
}
@media all and (min-width: 0px) and (max-width: 767px){
	.gallery_tabs {border-bottom:2px solid #D11253;}
	.gallery_tabs a {margin:20px 0; width:auto;}
	.boxes {border:3px solid #D8396E; margin:15px 0;}
	.boxes span {color:#fff; background:rgba(209,18,85,0.7);}
	.address_box {background:#D11253; color:#fff; padding:25px 20px;}
	.text_wrap {padding:0 30px 25px 30px;}
	.sidebar_bio {background:#D11253; margin:0 !important; padding:35px 0; min-height:0; color:#fff;}
	.sidebar_bio img {background:#fff; display:inline-block; max-width:170px; padding:10px;}
	
	.flex-control-nav {bottom:-30px;}
}
@media all and (min-width: 0px) and (max-width: 839px){
	.navbar-responsive-collapse.collapsing,
	.navbar-responsive-collapse.in {background:rgba(148, 180, 35, 0.6);}
	.navbar-responsive-collapse.collapsing  #menu-main-menu,
	.navbar-responsive-collapse.in #menu-main-menu {margin-top:20px;}
	#menu-main-menu a {margin:25px 20px;}
	.nav.navbar-nav {float:none !important; clear:both !important;}
	.navbar-nav {margin:7.5px -15px;}
	.navbar-default .navbar-collapse{border-top: 1px solid #e7e7e7; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
	.navbar li {float:none !important; clear:both !important;}
	.navbar-header {width:100%; float:none; margin-left: -15px; margin-right: -15px;}
	.navbar-header .navbar-toggle {display:block !important;}
	.collapse.navbar-collapse.navbar-responsive-collapse {display:none !important;}
}	
@media all and (min-width: 0px) and (max-width: 1023px){
	.container {width:100%;}
	.footer {background:#D11253; color:#fff;}
}