/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family:'Calibri-Regular'; font-size: 15px; color: #3a246c; }
input, select, textarea { font-family:'Calibri-Regular'; font-size: 15px; color: #3a246c; }
body { background: #faedf5; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:100%; }
img { border: 0px; display: block; max-width: 100%; }
a, input { outline: none; text-decoration: none; transition: all 0.2s ease 0s;  -webkit-transition: all 0.2s ease 0s; }
a:hover { transition: all 0.2s ease 0s;  -webkit-transition: all 0.2s ease 0s;}
.clear { clear: both; }
input, button, select, textarea { border: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } 
ul,ol,li { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { margin: 0 0 25px; font-family:'Calibri-Bold'; font-size: 22px; }
h2 { margin: 0 0 20px; font-family:'Calibri-Regular'; font-size: 18px; }
p { line-height: 19px; padding: 0 0 20px;}

.centering{ width: 1000px; margin: 0 auto; background: #fff;}
.wrapper { width: 945px; margin: 0 auto; }
.btn { padding: 10px 25px 10px 45px; display: inline-block; font-family:'Calibri-Bold'; color: #fff; background: #ef4e79 url(../images/btn-icon.png) no-repeat 10% center; }
.btn:hover { background-color: #3a246c;}

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { width: 100%; }

	/* header */
	#header-part { position: absolute; width: 100%; top: 0; z-index: 9999; }
	#header-part .header { padding-bottom: 41px; width: 1110px; margin: 0 auto; position: relative; border-top: 5px solid #ef4e79; background: url(../images/header-bottom.png) no-repeat bottom center; }
	#header-part .header .main { background: #fff; }
	#header-part .header .main .logo { margin: 30px 0 5px; float: left; }
	
		/* nav bar */
		.nav-bar { margin: 40px 0 0; float: right; }
		.nav-bar ul li { display: inline-block;}
		.nav-bar ul li a { padding: 12px 10px; color: #542c7e; display: inline-block; font-size: 18px; }
		.nav-bar ul li:last-child a { padding-right: 0;}
		.nav-bar ul li a:hover, .nav-bar ul li a.active { color: #ef4e79; }
		.nav-bar ul li ul { padding: 15px 20px; box-sizing: border-box; display: none; position: absolute; width: 180px; text-align: left; background: #ef4e79; z-index: 9; }
		.nav-bar ul li:hover ul { display: block; }
		.nav-bar ul li ul li { padding: 0; width: 100%; }
		.nav-bar ul li ul li a { padding: 0 0 5px; color: #fff; font-size: 18px;  }
		.nav-bar ul li ul li a:hover { text-decoration: underline; color: #fff; } 
		.nav-bar a.toggle { display: none;}
		
	/* banner */
	#banner-part { width: 100%;  }
		
		/* slide bar */
		.slide-bar .flexslider { float: left; width: 100%; position: relative; z-index: 0;  }
		.slide-bar .flexslider li img { width: 100%; }
		.slide-bar .flexslider ol.flex-control-nav { width: 100%; bottom: 290px; text-align: center; position: absolute; z-index: 999; }
		.slide-bar .flexslider ol.flex-control-nav li { margin: 0 3px; display: inline-block; }
		.slide-bar .flexslider ol.flex-control-nav li a { width: 18px; height: 18px; display: block; text-indent: -99999px; background: #542c7e; border-radius: 100%; cursor: pointer; }
		.slide-bar .flexslider ol.flex-control-nav li a:hover, .slide-bar .flexslider ol.flex-control-nav li a.flex-active { background: #ef4e79;}
		.slide-bar .flexslider ul.flex-direction-nav { display: none; }
	
	/* content */
	#content-part { margin: -260px 0 0; width: 100%; float: left; position: relative; }
	
		/* navigation bar */
		.navigation-bar { background: #ef4e79; width: 100%; }
		.navigation-bar ul li { display: inline-block;}
		.navigation-bar ul li a { padding: 25px 10px; text-transform: uppercase; color: #fff; display: inline-block; font-size: 18px; }
		.navigation-bar ul li:first-child a { padding-left: 0;}
		.navigation-bar ul li a:hover, .navigation-bar ul li a.active { text-decoration: underline; }
		.navigation-bar ul li ul { padding: 15px 20px; box-sizing: border-box; display: none; position: absolute; width: 180px; text-align: left; background: #faedf5; z-index: 9; }
		.navigation-bar ul li:hover ul { display: block; }
		.navigation-bar ul li ul li { padding: 0; width: 100%; }
		.navigation-bar ul li ul li a { padding: 0 0 5px; text-transform: none; color: #542c7e; font-size: 18px;  }
		.navigation-bar ul li ul li a:hover { text-decoration: underline;  } 
		.navigation-bar a.toggle { display: none;}
	
		/* left */
		#left-part { margin: 30px 0 50px; float: left; width: 640px; }
		
			/* np bar */
			.np-bar {width: auto; overflow: hidden; margin: 0 0 35px; }
			.np-bar li { font-size: 14px; color: #542c7e;  float: left; position: relative; margin-left: 25px; }
			.np-bar li a { color: #ef4e79;  display: block;   }
			.np-bar li a:hover { text-decoration: none; }
			.np-bar li:before { content:'>'; color: #ef4e79; font-size: 14px; position: absolute; left: -18px; top: 0px; }
			.np-bar li:first-child:before { display: none; }
			.np-bar li:first-child { margin-left: 0; }
			
			/* detail bar */
			.detail-bar { width: auto; overflow: hidden; }
			.detail-bar ul { margin: 0 0 10px 10px; }
			.detail-bar ul li { padding: 0 0 5px 30px; background: url(../images/list-icon.png) no-repeat left 2px; }
			.detail-bar .services { margin:30px 0 0; float: left; width: 100%; }
			.detail-bar .services .left, .detail-bar .services .right  { float: left; width: 50%; box-sizing: border-box; }
			.detail-bar .services h2 { font-family:'Calibri-Bold'; }
			.detail-bar .services:nth-child(odd) .left { padding-right: 30px; }
			.detail-bar .services:nth-child(even) .right { padding-left: 30px; }
		
		/* right part */
		#right-part { margin: 30px 0; float: right; width: 255px; }
			
			/* contact bar */
			.contact-bar { margin: 0 0 30px; padding: 25px; color: #fff; background: #542c7e; }
			.contact-bar h2 { margin: 0 0 10px; font-size: 21px; }
			.contact-bar p { padding: 0 0 10px; font-size: 16px; line-height: 21px; }
			.contact-bar .tele { padding: 5px 0 5px 45px; font-size: 18px; font-family:'Calibri-Bold'; background: url(../images/tele-icon.png) no-repeat left center; }
			.contact-bar .tele a { color: #fff; }
			
			/* news bar */
			.news-bar { padding: 25px; background: #faedf5; color: #542c7e;  font-family:'CenturyGothic-Regular';  }
			.news-bar h2 { margin: 0 0 15px; font-size: 20px; font-family:'CenturyGothic-Bold';}
			.news-bar ul li { padding: 0 0 0 15px; position: relative; }
			.news-bar ul li:before { content:">"; position: absolute; left: 0;  color: #ef4e79;}
			.news-bar ul li a { color: #ef4e79; margin-right: 10px; }
			.news-bar .flexslider { margin: 20px 0 25px; position: relative; }
			.news-bar .flexslider ul {overflow: hidden;} 
			.news-bar .flexslider li { padding: 0; }
			.news-bar .flexslider li:before { display: none; }
			.news-bar .flexslider li img { width: 100%; }
			.news-bar .flexslider ol.flex-control-nav { width: 100%; bottom: -25px; text-align: center; position: absolute; z-index: 999; }
			.news-bar .flexslider ol.flex-control-nav li { margin: 0 3px; display: inline-block; }
			.news-bar .flexslider ol.flex-control-nav li a { width: 18px; height: 18px; display: block; text-indent: -99999px; background: #542c7e; border-radius: 100%; cursor: pointer; }
			.news-bar .flexslider ol.flex-control-nav li a:hover, .news-bar .flexslider ol.flex-control-nav li a.flex-active { background: #ef4e79;}
			.news-bar .flexslider ul.flex-direction-nav { display: none; }
	
	/* footer part */
	#footer-part { margin: 35px 0 0; width: 100%; float: left; }
	
		/* upperfooter bar */
		.upperfooter-bar { padding: 15px 0; overflow: hidden; background: #542c7e; }
		.upperfooter-bar .info { float: left; font-size: 21px; font-family:'Calibri-Bold'; color: #fff; }
		.upperfooter-bar .info a { color: #fff; }
		.upperfooter-bar .social { float: right; }
		.upperfooter-bar .social li { margin: 0 0 0 10px; display: inline-block;}
		.upperfooter-bar .social li:first-child { margin: 0;}
		.upperfooter-bar .social li a { width: 30px; height: 28px; text-indent: -9999px; display: block; background-image: url(../images/facebook.png); background-repeat: no-repeat;  }
		.upperfooter-bar .social li a:hover{ background-position: left -28px; }
		.upperfooter-bar .social li a.twitter { background-image: url(../images/twitter.png); }
		.upperfooter-bar .social li a.linkedin { background-image: url(../images/linkedin.png); }
		.upperfooter-bar .social li a.googleplus { background-image: url(../images/googleplus.png); }
		.upperfooter-bar .social li a.youtube { background-image: url(../images/youtube.png); }
		.upperfooter-bar .social li a.pinterest { background-image: url(../images/pinterest.png); }
		
		/* footer bar */
		.footer-bar { padding: 40px 0 25px; overflow: hidden; color: #fff; background: #ef4e79; }
		.footer-bar a { color: #fff; }
		.footer-bar a:hover { text-decoration: underline; }
		.footer-bar h2 { font-family:'Calibri-Bold'; }
		.footer-bar .about { float: left; width:400px; margin: 0 70px 0 0px; }
		.footer-bar .quicklinks { float: left; width:170px; margin-right: 35px; }
		.footer-bar .quicklinks ul li { padding: 0 0 4px 15px; position: relative; }
		.footer-bar .quicklinks ul li:before { content:">"; position: absolute; left: 0; color: #542c7e; }
		.footer-bar .address { float: left; }
		
		/* copy bar */
		.copy-bar { padding: 10px 0 25px; overflow: hidden; color: #542c7e; background: #faedf5;}
	

	@media only screen and (max-width: 1109px) {
	
		#header-part .header  { width: 1010px;}
		#header-part .header .main .logo { margin-left: 27px; }
		.nav-bar { margin-right: 27px;}
		
	}

	@media only screen and (max-width: 999px) {
	
		#header-part .header  { padding-bottom: 20px; width: 750px;}
		.centering{ width: 750px; }
		.wrapper { width: 750px;}
		#header-part .header .main .logo { margin: 15px 0 0 20px;}
		.nav-bar a.toggle { display: block; font-size: 18px; text-align: center; padding: 10px 15px; background: url(../images/toggle-icon.png) no-repeat 38% center; color: #542c7e;}
		.nav-bar { margin: 25px 20px 0 0; width: 60%; position: relative; }
		.nav-bar ul { background: #EF4E79; position: absolute; display: none; }
		.nav-bar ul li { width: 100%; padding: 0; margin:0; border-right: 0 none; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; }
		.nav-bar ul li a { padding: 10px 15px; display: block; color: #fff; }
		.nav-bar ul li a:hover, .nav-bar ul li.active a { border: 0 none; color: #fff; text-decoration: underline; }
		.nav-bar ul li:hover ul { display: none; }
		.nav-bar ul li ul { padding: 0; position: relative; width: 100%; background: #fff; }
		.nav-bar ul li ul li a { padding: 10px 15px; color: #EF4E79;}
		.nav-bar ul li ul li a:hover { color:#EF4E79; } 
		.nav-bar ul li .submenu:before { padding: 7px 16px; color: #fff; content: "+"; cursor: pointer; display: block; font-size: 16px; height: 37px;  position: absolute; right: 0; top: 0; width: 10px; z-index: 999999;}
		.nav-bar ul li .submenu-hide:before { padding: 4px 16px; content: "-"; height: 37px; width: 10px; font-size: 20px; }
		
		#content-part { margin: -115px 0 0; }
		.navigation-bar a.toggle { display: block; font-size: 18px; text-align: left; padding: 20px 25px 20px 50px; background: url(../images/toggle-icon-white.png) no-repeat 4% center; color: #fff;}
		.navigation-bar { margin: 0; width: 100%; position: relative; z-index: 9; }
		.navigation-bar ul { background: #EF4E79; position: absolute; display: none; }
		.navigation-bar ul li { width: 100%; padding: 0; margin:0; border-right: 0 none; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; }
		.navigation-bar ul li a { padding: 10px 15px; display: block; color: #fff; }
		.navigation-bar ul li:first-child a { padding-left: 15px; }
		.navigation-bar ul li a:hover, .navigation-bar ul li.active a { border: 0 none; color: #fff; text-decoration: underline; }
		.navigation-bar ul li:hover ul { display: none; }
		.navigation-bar ul li ul { padding: 0; position: relative; width: 100%; background: #fff; }
		.navigation-bar ul li ul li a { padding: 10px 15px; color: #EF4E79;}
		.navigation-bar ul li ul li a:hover { color:#EF4E79; } 
		.navigation-bar ul li .submenu:before { padding: 7px 16px; color: #fff; content: "+"; cursor: pointer; display: block; font-size: 16px; height: 37px;  position: absolute; right: 0; top: 0; width: 10px; z-index: 999999;}
		.navigation-bar ul li .submenu-hide:before { padding: 4px 16px; content: "-"; height: 37px; width: 10px; font-size: 20px; }
		
		.slide-bar .flexslider ol.flex-control-nav { bottom: 130px;}
		
		#left-part { margin: 30px 0 50px 20px; width: 470px; }
		.detail-bar .services:nth-child(2n) .right { padding-left: 20px; }
		.detail-bar .services:nth-child(2n+1) .left { padding-right: 20px; }
		.detail-bar .services { margin: 20px 0 0;}
		.contact-bar { padding: 15px; }
		.news-bar { padding: 12px; }
		#right-part { width: 230px; }
		.footer-bar .about { width: 280px; }
		
	}
	

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		h1 { margin: 0 0 21px; }
		h2 { margin: 0 0 15px; }
		#header-part .header  { width: 100%;}
		.centering{ width: 100%; }
		.wrapper { width: 96%; position: relative;}
		#header-part .header .main .logo { width: 100%; margin: 25px 0 0 0; text-align:center; }
		#header-part .header .main .logo img { display: inline-block; }
		.nav-bar { width: 100%; margin: 0;}
		#header-part .header { padding-bottom: 10px; }
		.nav-bar a.toggle { padding: 5px 15px; }
		#banner-part { padding-top: 110px; }
		#content-part { margin: -70px 0 0;}
		.slide-bar .flexslider ol.flex-control-nav { bottom: 80px;}
		.navigation-bar a.toggle { padding: 10px 15px; background-position: 38% center; text-align: center; }
		.nav-bar a.toggle {background-position: 38.5% center;}
		#left-part { width: 100%; margin: 30px 0 0; }
		.np-bar { margin: 0 0 20px;}
		.detail-bar .services .left, .detail-bar .services .right { width: 100%; }
		.detail-bar .services img { margin: 0 0 20px; width: 100%; }
		.detail-bar .services:nth-child(2n) .right, .detail-bar .services:nth-child(2n+1) .left { padding: 0; }
		.detail-bar .services { border-bottom: 2px solid #ef4e79;}
		.detail-bar .services:last-child { border: 0 none; }
		#right-part { width: 100%; margin: 0 0 30px;}
		.contact-bar, .news-bar { padding: 15px 75px; }
		#footer-part { margin: 0; }
		.upperfooter-bar { text-align: center; padding: 20px 0 30px;}
		.upperfooter-bar .info { padding: 0 0 25px; float: none; }
		.upperfooter-bar .social { float: none; }
		.footer-bar { padding: 40px 50px 25px;}
		.footer-bar .about { width: 100%; margin: 0; }
		.footer-bar .quicklinks { width: 100%; margin: 20px 0 40px;}
		.copy-bar {  padding: 20px 50px 35px; text-align: center;}
		
	 
	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		.nav-bar a.toggle { background-position: 33.5% center;}
		.navigation-bar a.toggle { background-position: 33% center; }
		.contact-bar, .news-bar { padding: 15px 50px; }
		.upperfooter-bar .info { padding: 0 50px 25px; }
		.footer-bar { padding: 40px 30px 25px; }
		#content-part {margin: -50px 0 0;}
		.copy-bar { padding-bottom: 50px; color: #ef4e79; }
		.slide-bar .flexslider ol.flex-control-nav { bottom: 60px;}
	
	}