body {
	background: #E2C950;
	overflow: hidden;
	font-family: 'san_francisco_textregular';
}
html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
section, header, footer, nav, div, span, ul, li, a {
	box-sizing: border-box;
}
header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #f2f2f2;
}
header nav {
}
header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header ul li {
	display: inline-block;
	padding: 0 20px;
}
header ul a {
	font-weight: 700;
	text-decoration: none;
	color: #4d4d4d;
	height: 50px;
	display: block;
	position: relative;
}
.active {
	color: #fff !important;
}
.hm-log {
	margin: 0 auto;
	width: 100%;
}
.hm-log a span {
    margin-top: 15px;
    float: left;
    width: 100%;
}
.hm-log a {
    text-align: center;
     width: 250px;
    display: inline-block;
    text-decoration: under;
    color: #fff;
}
header ul a span {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
}
section {
	float: left;
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative !important;
}
#section-section1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f08430+0,f08430+50,3daee3+50,3daee3+100 */
	background: #f08430; /* Old browsers */
	background: -moz-linear-gradient(left, #f08430 0%, #f08430 50%, #3daee3 50%, #3daee3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f08430 0%, #f08430 50%, #3daee3 50%, #3daee3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f08430 0%, #f08430 50%, #3daee3 50%, #3daee3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08430', endColorstr='#3daee3', GradientType=1 ); /* IE6-9 */
}
#section-section2 {
	background: #3daee3;
}
#section-section3 {
	background: #f08430;
}
#section-section4 {
	background: #3daee3;
}
#section-section5 {
	background: #FEAFB9;
}
#section-section6, #section-section66, #section-section666 {
	background: #D1D3D4;
}
#section-section6 .footer-openings, #section-section66 .footer-openings, #section-section666 .footer-openings{
	text-align: center;
position: static;
float: left;
width: 100%;
}
#section-section6 .footer-openings p, #section-section66 .footer-openings p, #section-section666 .footer-openings p{
	color:#000;
	margin:8px 0 0 0;
}
#section-section7 {
	background: #8AA76D;
}
#section-section8 {
	background: #3daee3;
}
.horizon-prev, .horizon-next {
	position: fixed;
	top: 50%;
	margin-top: -24px;
	z-index: 999999;
	cursor: pointer;
	display: none !important;
}
.horizon-prev {
	left: 20px;
}
.horizon-next {
	right: 20px;
}
ul li a:active section {
	color: red !important;
}
.footer {
	position: absolute;
	bottom: 0;
	height: 20%;
	background: #F0F385;
	width: 100%;
	z-index: -1;
}
#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.jquery-script-center {
	width: 960px;
	margin: 0 auto;
}
.jquery-script-center ul {
	width: 212px;
	float: left;
	line-height: 45px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.jquery-script-center a {
	text-decoration: none;
}
.jquery-script-ads {
	width: 728px;
	height: 90px;
	float: right;
}
.jquery-script-clear {
	clear: both;
	height: 0;
}
.invalid {
	font-size: 12px;
	color: #F00;
}
#main-cont {
	margin: 0 auto;
	width: 90%;/*height:800px;
		background:#eee;*/
	z-index: 999;
	position: absolute;
}
.top-part {
	float: left;
	width: 100%;
	position: fixed;
}
.menu {
	float: left;
	width: 100%;
	position: relative;
	z-index: 99999;
 //background: #221F1F;
	padding: 15px 0
}
.logo {
	float: left;
	margin: 0;
	//text-align: center;
	width: 297px;
}
.logo img {
	width: 297px;
}
.log {
	width: 297px;
	position: absolute;
	left: 0;
	top: 0;
}
.call-act {
	float: left;
	text-align: center;
	width: 200px;
}
.call-act a {
	color: #aeaeae;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	background: url(../images/call-icon.png) no-repeat left center;
	background-size: 18px;
	padding: 0 0 0 22px;
}
.menu ul {
	float: right;
	list-style: outside none none;
	margin: 0 5% 0 0 !important;
	padding: 0;
	text-align: right;
	width: 50%;
}
.menu li {
	display: inline;
	padding: 0 2px 0 0;
}
.menu li a, .dropdown span {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-family: 'san_francisco_textregular';
	cursor: pointer;
	text-transform: uppercase;
}
.menu li a:hover {
	color: #fff;
}
.content-pt {
	float: left;
	width: 100%;
	margin: 0;
	height: 100%;
}
.content-b {
	float: right;
	height: 300px;
	position: relative !important;
	width: 35%;
	z-index: 1;
}
.content-b h1 {
	font-size: 15px;
	font-family: 'san_francisco_textregular';
	text-transform: uppercase;
}
.home h1 {
	font-size: 25px;
}
.content-b p {
	font-size: 14px;
	font-weight: normal;
	font-family: 'san_francisco_textregular';
	line-height: 21px;
	color: #272441;
	text-align: justify;
	line-height: 19px;
	margin: 0 0 10px 0;
}
.home {
	position: realtive;
	top: 0px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
	height: 100%;
	z-index: 99;
}
.home div {
	position: absolute;
}
.footer-home {
	position: absolute;
	bottom: 0;
	height: 12%;
	width: 100%;
	z-index: 1;
 //background-color: #DDB549;
}
.footer-home p {
	font-size: 11px;
	text-align: center;
	color: #fff;
	font-family: tahoma;
	margin: 3% 0 0 0;
}
.footer-about {
	float: left;
	width: 100%;
}
.footer-about p {
	text-align: center;
	color: #000;
	font-size: 11px;
	margin-top:50px;
}
.training {
	position: realtive !important;
	top: 0px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
	height: 100%;
	z-index: 99;
}
.training div {
	position: absolute;
}
.gamla-about {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 1%;
	z-index: 10;
	bottom: 47px;
	background: url(../images/art/home-gamla.png) no-repeat center;
	top: 35%;
}
.group-img {
	width: 28%;
	height: 100%;
	background-size: 53% auto !important;
	left: 4.7%;
	bottom: 5%;
	background: url(../images/man-icon.png) center bottom no-repeat;
	z-index: 100;
}
.wall-book-about {
	background: rgba(0, 0, 0, 0) url("../images/art/book-about.png") no-repeat scroll center bottom;
	height: 100%;
	background-size: 100% auto !important;
	left: 11%;
	top: -45%;
	width: 4%;
}
.dustbin {
	width: 3%;
	height: 15%;
	background-size: 100% auto !important;
	left: 6%;
	bottom: 44px;
	z-index: 10;
	background: url(../images/art/dustbin.png) no-repeat center;
}
.gamla-about-2 {
	width: 2%;
	z-index: 10;
	height: 6%;
	background-size: 100% auto !important;
	left: 10%;
	bottom: 145px;
	background: url(../images/art/gamla-02.png) no-repeat center;
}
.services {
	top: 0px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
	height: 100%;
	z-index: 99;
}
.services div {
	position: absolute;
}
.services-dustbin {
	width: 3%;
	height: 100%;
	background-size: 100% auto !important;
	left: 5%;
	z-index: 10;
	bottom: 48px;
	background: url(../images/art/services-dustbin.png) no-repeat center;
	top: 37%;
}
.services-img {
	width: 23%;
	height: 100%;
	background-size: 53% auto !important;
	left: 4%;
	top: -7%;
	background: url(../images/man-services.png) center bottom no-repeat;
	z-index: 10;
}
.services-gamla {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 1%;
	z-index: 10;
	top: 35%;
	bottom: 45px;
	background: url(../images/art/home-gamla.png) no-repeat center;
}
.book-services {
	background: rgba(0, 0, 0, 0) url("../images/art/services-book.png") no-repeat scroll center center;
	height: 100%;
	background-size: 100% auto !important;
	left: 6%;
	top: 0%;
	width: 5%;
}
.girl-img {
	width: 8%;
	height: 100%;
	z-index: 10;
	background-size: 100% auto !important;
	right: 2.2%;
	z-index: 1000;
	bottom: 43px;
	top: -7%;
	background: url(../images/art/girl-img.png) center bottom no-repeat;
}
.footer-case {
	position: absolute;
	bottom: 0;
	height: 12%;
	width: 100%;
	z-index: 10;
	background-color: #E5A3B0;
}
.footer-case p {
	font-size: 11px;
	text-align: center;
	color: #A07783;
	font-family: tahoma;
	margin: 50px 0 0 0;
}
.case-studies {
	top: 0px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
	height: 100%;
	z-index: 99;
}
.case-studies div {
	position: absolute;
}
.chart {
	width: 38%;
	height: 100%;
	background-size: 100% auto !important;
	left: 21.5%;
	top: -25%;
	background: url(../images/art/chart.png) no-repeat center bottom;
}
.book-case {
	background: rgba(0, 0, 0, 0) url("../images/art/case-studies-book.png") no-repeat scroll center center;
	height: 100%;
	background-size: 100% auto !important;
	left: 40%;
	top: 50%;
	width: 5%;
}/*
.almari-books {
	width: 12%;
	height:100%;
	background-size: 100% auto !important;
	left: 22%;
	top: -8%;
	z-index:100;
	background: url(../images/art/books-almari.png) no-repeat center bottom;
}

.case-studies-boy {
	width: 10%;
	height: 100%;
	background-size: 100% auto !important;
	left: 30.1%;
	z-index:100;
	bottom: 20px;
	top:-7%;
	background: url(../images/art/case-studies-boy.png) no-repeat center bottom;
}
.floor-books{
	width: 12%;
	height: 100%;
	z-index:1000;
	background-size: 100% auto !important;
	left:11.7%;
	top: -7%;
	background: url(../images/art/floor-books.png) no-repeat center bottom;
	z-index:100;
}*/
.case-studies-img {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/art/case-img.png);
	background-origin: padding-box;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto !important;
	height: 100%;
	left: 4.2%;
	bottom: 7%;
	width: 30%;
	z-index: 100;
}
.openings {
	margin: 0 auto;
	width: 945px;
	padding-top: 60px;
}
.blog {
	top: 0px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
	height: 100%;
	z-index: 99;
}
.blog-in {
	float: left;
	width: 100%;
	position: static !important;
	background: #d8efd8;
}
.blog div {
	position: absolute;
}
.contact {
	top: 0px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
	height: 100%;
	z-index: 99;
}
.cont-in {
	float: left;
	width: 100%;
	position: relative !important;
 //background: #efe9d3;
	padding: 7% 0%;
}
.contact div {
	position: absolute;
}
.dustbin-openings {
	width: 3%;
	height: 100%;
	background-size: 100% auto !important;
	left: 4.5%;
	z-index: 100;
	top: 35%;
	bottom: 45px;
	background: url(../images/art/dustbin.png) no-repeat center;
}
.footer-openings {
	position: absolute;
	bottom: 0;
	height: 12%;
	width: 100%;
	z-index: 10;
 //background-color: #BCBEC0;
}
.footer-openings p {
	color: #909294;
	font-family: tahoma;
	font-size: 11px;
	margin: 50px 0 0;
	text-align: center !important;
}
.openings-gamla {
	width: 4%;
	height: 100%;
	top: 35%;
	background-size: 100% auto !important;
	right: 1%;
	bottom: 45px;
	z-index: 100;
	background: url(../images/art/home-gamla.png) no-repeat center;
}
.opening-wall-book {
	width: 12%;
	height: 100%;
	background-size: 100% auto !important;
	left: 4%;
	top: 48%;
	background: url(../images/art/wall-accessories.png) no-repeat center top;
}
.openings-boy {
	width: 11%;
	height: 100%;
	z-index: 10;
	top: -8%;
	background-size: 100% auto !important;
	left: 37%;
	z-index: 100;
	bottom: 40px;
	background: url(../images/art/boy-02.png) no-repeat center bottom;
}
.opening-worker {
	width: 30%;
	height: 100%;
	background-size: 100% auto !important;
	left: 3%;
	z-index: 100;
	bottom: 5%;
	background: url(../images/art/openings.png) no-repeat center bottom;
}
.table-gamla {
	width: 2%;
	z-index: 10;
	height: 100%;
	background-size: 100% auto !important;
	left: 29%;
	bottom: 159px;
	top: -25.8%;
	background: url(../images/art/gamla-02.png) no-repeat center bottom;
}
.footer-blog {
	position: absolute;
	bottom: 0;
	height: 12%;
	width: 100%;
	z-index: 10;
	background-color: #56944D;
}
.footer-blog p {
	font-size: 11px;
	text-align: center;
	color: #B2CC92;
	font-family: tahoma;
	margin: 50px 0 0 0;
}
.blog-gamla {
	width: 4%;
	height: 100%;
	top: 35%;
	background-size: 100% auto !important;
	right: 1%;
	z-index: 100;
	bottom: 45px;
	background: url(../images/art/home-gamla.png) no-repeat center;
}
.blog-img {
	width: 27%;
	height: 100%;
	background-size: 100% auto !important;
	left: 5%;
	z-index: 100;
	bottom: 5%;
	background: url(../images/art/blog-img.png) no-repeat center bottom;
}
.blog-guitar {
	width: 6%;
	height: 22%;
	background-size: 100% auto !important;
	left: 5.5%;
	z-index: 100;
	bottom: 35px;
	background: url(../images/art/guitar.png) no-repeat center;
}
.blog-accessories {
	width: 10%;
	height: 100%;
	background-size: 100% auto !important;
	left: 7%;
	top: 46%;
	background: url(../images/art/blog-accessories-02.png) no-repeat center top;
}
.blog-like {
	width: 4%;
	z-index: 10;
	height: 100%;
	background-size: 100% auto !important;
	left: 33%;
	bottom: 235px;
	top: -26%;
	background: url(../images/art/blog-like.png) no-repeat center bottom;
}
.blog-accessories-02 {
	width: 3%;
	height: 100%;
	background-size: 100% auto !important;
	left: 20%;
	top: -31%;
	background: url(../images/art/blog-accessories.png) no-repeat center bottom;
}
.blog-message {
	width: 3.5%;
	height: 100%;
	background-size: 100% auto !important;
	left: 25%;
	top: -33%;
	background: url(../images/art/blog-message.png) no-repeat center bottom;
}
.footer-contact {
	position: absolute;
	bottom: 0;
	height: 12%;
	width: 100%;
	z-index: 10;
	background-color: #3daee3;
}
.footer-contact p {
	font-size: 11px;
	text-align: center;
	color: #CCC5A6;
	font-family: tahoma;
	margin: 50px 0 0 0;
}
.contact-dustbin {
	width: 3%;
	height: 15%;
	background-size: 100% auto !important;
	left: 4.5%;
	bottom: 45px;
	z-index: 100;
	background: url(../images/art/contact-dustbin.png) no-repeat center;
}
.contact-gamla {
	width: 4%;
	z-index: 1000;
	height: 100%;
	top: 35%;
	background-size: 100% auto !important;
	right: 1%;
	bottom: 45px;
	background: url(../images/art/home-gamla.png)no-repeat center;
}
.contact-boy {
	width: 11%;
	height: 100%;
	background-size: 100% auto !important;
	right: 4%;
	z-index: 100;
	top: -3%;
	background: url(../images/art/boy-03.png) no-repeat center bottom;
}
.cnt-lft-girl {
	width: 8%;
	height: 100%;
	background-size: 100% auto !important;
	left: 8%;
	z-index: 100;
	top: -8%;
	background: url(../images/art/cnt-lft-girl.png) no-repeat center bottom;
}
.coffe-table {
	width: 21%;
	height: 100%;
	background-size: 63% auto !important;
	left: 10%;
	z-index: 100;
	top: -7%;
	background: url(../images/man-new.png) no-repeat center bottom;
}
.cnt-rgt-girl {
	width: 8.5%;
	height: 100%;
	background-size: 100% auto !important;
	left: 21%;
	z-index: 100;
	top: -8%;
	background: url(../images/art/cnt-rgt-girl.png) no-repeat center bottom;
}
.home-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/home-watch.png) no-repeat center;
}
.about-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/about-watch.png) no-repeat center;
}
.services-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/services-watch.png) no-repeat center;
}
.training-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/training-watch.png) no-repeat center;
}
.case-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/case-watch.png) no-repeat center;
}
.openings-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/openings-watch.png) no-repeat center;
}
.blog-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/blog-watch.png) no-repeat center;
}
.contact-watch {
	width: 4%;
	height: 100%;
	background-size: 100% auto !important;
	right: 6%;
	top: -18%;
	background: url(../images/art/contact-watch.png) no-repeat center;
}
.home .content-b {
	right: 0;
	text-align: left;
	width: 100% !important;
	text-align: center;
	top: 25%;
}
.about .content-b {
	right: 7%;
	top: 8%;
	width: 60%;
	text-align: center;
}
.abt-bg-box {
	float: right;
	width: 55%;
 //background: #d8efd8 none repeat scroll 0 0;
	position: static !important;
	padding: 20px 0;
}
.abt-bg-box-left {
	float: left;
	width: 65%;
	padding: 20px 0;
	background: url(../images/btl-img.png) no-repeat left 80px;
	height: 600px;
	background-size: 53%;
}
.abt-bg-box-left .outter {
	position: absolute;
	top: 175px;
	left: 14px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	z-index: 10;
}
.outter:before, .outter:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 2px;
	height: 86px;
	margin-top: -41px;
	z-index: 1;
}
.outter:after {
	left: auto;
	right: 0;
	margin-top: -45px;
	height: 92px;
}
.inner {
	position: absolute;
	top: 0px;
	width: 200px;
	height: 200px;
	background: rgba(37,110,181, 1);
	border-width: 2px;
 //border-style: solid;
	-webkit-transform: rotate(45deg);
}
.inner:before, .inner:after {
	-webkit-transform: rotate(45deg);
	content: "";
	position: absolute;
	width: 2px;
	height: 85px;
	margin-top: -41px;
	z-index: 1;
	right: auto;
	left: 27px;
	bottom: auto;
	top: 27px;
}
.inner:after {
	height: 90px;
	right: 30px;
	left: auto;
	bottom: -13px;
	top: auto;
}
.fn-size {
	font-size: 23px !important;
	color: #fff;
	margin: 32px 0 10px 0 !important;
}
.outter p {
	text-align: center;
	line-height: 23px;
	position: relative;
	z-index: 10;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.about .content-b img {
}
.services .content-b {
	right: 5%;
	top: 48px;
	height: 70%;
	width: 90%;
	background-size: 90%;
}
.services .content-b div {
	position: static;
}
.ser-main {
	float: left;
	margin: 23% 0 0;
	width: 100%;
}
.ser-lft {
	float: left;
	margin-left: 0%;
	text-align: center;
	width: 100%;
}
.ser-lft h2 {
	margin: 0 0 5px 0;
}
.ser-lft > p {
	color: #fff;
	padding: 0%;
	text-align: center;
	font-size: 17px;
	line-height: 28px;
}
.ser-but {
	float: right;
	margin-right: 7.5%;
	width: 13%;
	margin-top: 2%;
}
.training .content-b {
	right: 7%;
	text-align: center;
	top: 10%;
	width: 54%;
}
.tra-bg {
	/*background: rgba(0, 0, 0, 0) url("../images/art/training-video.png") no-repeat scroll center top / 80% auto;*/
	float: left;
	width: 100%;
 //background: #E3DFDB;
	position: static !important;
	padding: 2% 5%;
}
.tra-bg p {
	font-size: 15px;
	line-height: 28px;
	padding: 0 10% 3%;
	position: relative !important;
	text-align: center;
}
.tra-bg h3 {
	font-size: 16px;
}
.tra-bg ol {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.tra-bg ol li {
	margin: 0 0 5px 0;
	font-size: 14px;
}
.case-studies .content-b {
	right: 7%;
	top: 8%;
	width: 39%;
	text-align: center;
	height: 70%;
}
.case-in-box {
	float: right;
	width: 100%;
	background: #F4D7DD none repeat scroll 0 0;
	padding: 2% 0 0 0px;
	position: static !important;
	min-height: 350px;
}
.case-studies .content-b p {
	font-size: 18px;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 25px;
	text-align: center;
}
.case-studies .content-b strong {
	font-weight: bold;
}
.openings .content-b {
	padding: 20px;
	right: 7%;
	top: 8%;
	width: 76%;
	text-align: center;
	height: auto;
}
.op-top {
	float: left;
	width: 100%;
	position: relative !important;
	background: #fff;
	border: 1px solid #999;
	padding: 20px;
}
.openings .content-b .op-top p {
	font-size: 14px;
	line-height: 26px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.op-call-ot {
	position: absolute;
	width: 30%;
	height: 25%;
	left: -25%;
}
.op-call-ot img {
	width: 90%;
}
.opn-blank {
	background: #fff none repeat scroll 0 0;
	padding: 5%;
	position: absolute !important;
	text-align: left;
	top: 97%;
	width: 93%;
}
.op-top h3 {
	font-size: 16px;
}
.op-top ol li {
	font-size: 14px;
	margin: 0 0 4px 0;
}
.op-top ol {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.openings .content-b a {
	font-weight: bold;
	color: #272441;
}
.blog .content-b {
	background: #d8efd8 none repeat scroll 0 0;
	padding: 20px;
	right: 7%;
	top: 8%;
	width: 39%;
	text-align: center;
	height: auto;
}
.blog .content-b div {
	position: static !important;
}
.blog .content-b p {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
.blog .content-b h2 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.blg-com {
	float: left;
	width: 100%;
	padding: 0 4%;
	margin: 0 0 1% 0;
}
.post-b {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 14px;
	border-bottom: 1px dashed #000;
	padding: 0 0 15px 0;
}
.post-b a {
	color: #000;
	text-decoration: none;
}
.blg-com:last-child .post-b {
	border-bottom: none;
}
.contact .content-b {
	right: 12%;
	top: 10%;
	width: 652px !important;
	text-align: center;
	background: url(../images/hand-contact.jpg) no-repeat;
	height: 591px;
}
.contact .content-b p {
	font-weight: bold;
	text-align: center;
}
.cont-form {
	background: #fbf5df none repeat scroll 0 0;
	float: left;
	padding: 10px;
	position: static !important;
	width: 100%;
}
.cont-com {
	float: left;
	width: 100%;
	position: static !important;
	margin: 0 0 5px 0;
}
.cont-com > div {
	position: unset;
}
.cont-com input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 1px solid #d9d1c5;
	border-top: none;
	border-right: none;
	border-left: none;
	color: #000;
	font-family: 'san_francisco_textregular';
	font-size: 12px;
	height: 25px;
	padding-left: 6px;
	width: 98.8%;
}
::-webkit-input-placeholder {
 color:#fff;
}
:-safari-placeholder {
 color:#fff;
}
.cont-com textarea {
	float: left;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #d9d1c5;
	border-top: none;
	border-right: none;
	border-left: none;
	background: none;
	color: #000;
	width: 98.8%;
	padding-left: 6px;
	font-family: 'san_francisco_textregular';
	font-size: 12px;
}
.cont-com .but-sub {
	background: #ada78e none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-family: 'san_francisco_textregular';
	font-size: 12px;
	font-weight: 600;
	height: 29px;
	margin-top: 5px;
	padding: 7px;
	text-align: left;
	text-transform: none;
	width: auto;
}
.bor-b {
	/*border-right: 1px solid #272441 !important;*/
	margin-right: 9px;
	padding-right: 10px !important;
}
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}
input[type=checkbox] {
	display: none;
}
input[type=checkbox]:checked ~ #menu {
	display: block;
}
.menu ul {
	margin: 0;
	padding: 0;
}
/*-----------------------------For Mobbile Site ------------------------------------------*/
.mobile-on {
	display: none;
}
.mo-act {
	color: #e2c950 !important;
}
.mobile-on {
	float: left;
	width: 100%;
	background: #ccc;
}
.mobile-on .call-act {
	width: 100%;
	padding: 13px 0 0 0;
}
.mobile-on .call-act a {
	font-size: 14px;
}
.mb-top-menu {
	float: left;
	width: 100%;
	background: #000;
}
ul#menu-mob {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 10px;
}
ul#menu-mob li {
	margin: 0;
	padding: 0;
	display: inline-block;
}
ul#menu-mob li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 0 5px;
}
ul#menu-mob li a:hover {
	color: #e2c950 !important;
}
#logo-mb {
	float: left;
	width: 100%;
}
.lam-mb {
	float: left;
	width: 100%;
	text-align: center;
}
.mb-lo {
	float: left;
	width: 100%;
	margin-top: -15px;
	text-align: center;
}
.content-part {
	float: left;
	width: 100%;
	text-align: center;
}
.content-part h2 {
	font-size: 16px;
	color: #000;
	text-align: center;
	padding: 50px 0;
}
.home-bg {
	float: left;
	width: 100%;
	background: #3daee3;
}
.home-foot-mb {
	float: left;
	width: 100%;
	background: #ddb549;
}
.home-foot-mb p, .about-foot-mb p, .services-foot-mb p, .train-foot-mb p, .case-foot-mb p, .open-foot-mb p, .blg-foot-mb p, .cont-foot-mb p {
	text-align: center;
	font-size: 11px;
	margin: 30px 0;
	box-sizing: unset;
}
.home-foot-mb p {
	color: #9b7a31;
}
.about-foot-mb p {
	color: #809b97;
}
.services-foot-mb p {
	color: #80eddd;
}
/********************** About - css **********************/

.about-bg {
	float: left;
	width: 100%;
	background: #a5d6a8;
}
.about-foot-mb {
	float: left;
	width: 100%;
	background: #90c591;
}
.abt-bg {
	background: #d8efd8 none repeat scroll 0 0;
}
.abt-bg h1 {
	font-size: 15px;
}
.abt-bg img {
	width: 45px;
}
.link-in img {
	width: 15px;
}
.com-center {
	margin: 15px auto;
	width: 90%;
	padding: 20px;
}
.content-part p {
	font-size: 14px;
	color: #000;
}
.ow-cl td h3 {
	color: #000;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}
.ow-cl td p {
	color: #6d6e71;
	font-size: 12px !important;
}
.trv-pro h3, .open-com h3 {
	font-size: 15px;
}
.trv-pro ol li, .open-com ol li {
	font-size: 13px;
	padding: 0 0 7px 0;
	list-style: none;
}
.trv-pro ol, .open-com ol {
	padding: 0;
}
/*********************************** Services *********************************/

.services-bg {
	float: left;
	width: 100%;
	background: #6ad3ce;
}
.services-foot-mb {
	float: left;
	width: 100%;
	background: #56aca6;
}
.ser-tv {
	float: left;
	width: 100%;
	height: 100%;
	min-height: 260px;
	margin-bottom: 5px;
}
.ser-tv p {
	color: #fff;
	padding: 8px 40px 10px 40px;
}
/*********************************** Training *********************************/

.train-bg {
	float: left;
	width: 100%;
	background: #cec7be;
}
.train-foot-mb {
	float: left;
	width: 100%;
	background: #afa79c;
}
.trv-pro {
	float: left;
	width: 100%;
	background-size: 100%;
	height: 100%;
	margin-bottom: 30px;
}
/*********************************** Cast Studies *********************************/

.case-bg {
	float: left;
	width: 100%;
	background: #feafb9;
}
.case-foot-mb {
	float: left;
	width: 100%;
	background: #e5a3b0;
}
/*********************************** Cast Studies *********************************/

.open-bg {
	float: left;
	width: 100%;
	background: #d1d3d4;
}
.open-foot-mb {
	float: left;
	width: 100%;
	background: #bcbec0;
}
.open-com {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	padding: 15px;
	margin: 0 0 15px 0;
}
.open-com p {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-transform: none;
}
/*********************************** Blog *********************************/

.blg-bg {
	float: left;
	width: 100%;
	background: #8aa76d;
}
.blg-foot-mb {
	float: left;
	width: 100%;
	background: #56944d;
}
.blg-bg h1 {
	font-size: 18px;
	margin: 0 0 15px 0;
}
.blg-bg h2 {
	font-size: 15px;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}
.blg-bg p {
	font-size: 13px;
	text-align: left;
}
.blog-com {
	float: left;
	width: 100%;
	background: #d8efd8;
	padding: 10px;
	margin: 0 0 25px 0;
}
.bl-co {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}
/*********************************** Contact us *********************************/

.cont-bg {
	float: left;
	width: 100%;
	background: #ccc5a6;
}
.cont-foot-mb {
	float: left;
	width: 100%;
	background: #ada78e;
}
.comt-mn {
	float: left;
	width: 100%;
	padding: 20px;
	background: #efe9d3;
	margin-bottom: 25px;
}
#bottom-bxt {
	float: left;
	width: 100%;
	position: static !important;
	padding: 40px 0 0 0;
}
.add-box, .social-md {
	position: static !important;
}
.add-box {
	float: left;
	width: 53%;
	text-align: left;
}
.add-box a {
	color: #747474;
}
.social-md {
	float: right;
	width: 42%;
	text-align: right;
}
.social-md a img {
	width: 25px;
	float: right;
	margin: 0 0 0 5px;
}
.social-md strong {
	text-align: right !important;
	margin: 20px 0 0 0
}
#bottom-bxt strong {
	color: #ada78e;
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 5px;
	text-align: left;
	width: 100%;
}
#bottom-bxt p {
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	margin: 0 0 3px 0;
	color: #747474;
}
.cir-bg {
	position: absolute;
	background: url(../images/circle-bottom.png) no-repeat;
}
.ent-hm {
	float: left;
	width: 100%;
	text-align: center;
	padding: 15px;
}
.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.rowt {
	float: left;
	width: 935px;
	margin: 0 0 1px 0;
}
.rowt-lft {
	float: left;
	width: 185px;
}
.rowt-rgt {
	float: left;
	width: 750px;
}
.thumb-b {
	width: 23%;
	height: 150px;
	background: #ccc;
	margin: 5px;
}
.thum-col-0 {
	float: left;
	width: 100%;
}
.thum-col-1 {
	float: left;
	width: 205px;
}
.thum-col-2 {
	width: 315px;
	float: left;
}
.thum-col-3 {
	float: left;
	width: 227px;
}
.thum-col-5 {
	float: left;
	width: 196px;
	font-size: 35px;
	text-align: center;
	padding: 60px 0 0 0;
	color:#F5821A;
	line-height:39px;
}
.thum-col-6 {
	float: left;
	width: 346px;
}
.rowt img {
 //width:100%;
}
.thum-col-7 {
	float: left;
	width: 352px;
}
.thum-col-8 {
	float: left;
	width: 227px;
}
.rowt img {
	margin: 0 1px 1px 1px;
	float: left;
}
.ro-cover {
	float: left;
	width: 945px;
	background: #fff;
	padding: 6px;
}
.photo-gp {
	float: left;
	width: 415px;
	height: 210px;
	background: url(../images/photographer-icon.png) no-repeat;
	background-size: 400px;
	position: static !important;
}
.video-gp {
	float: left;
	width: 415px;
	height: 210px;
	background: url(../images/video-main.png) no-repeat;
	background-size: 400px;
	position: static !important;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #256EB5;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 6px 10px;
	z-index: 999999999999;
	text-align: left;
	transition: 15s all ease-out;
}
.dropdown-content p a span {
	font-size: 14px;
}
.dropdown:hover .dropdown-content {
	display: block;
}
/*-------------------------------------------------- New Css Updated ---------------------------------------------*/
.com-main-center {
	margin: 100px auto auto;
	width: 1300px;
	height: 600px;
 //background:#096;
}
.com-left {
	float: left;
	width: 400px;
	height: 600px;
 //background:#09C;
	position: relative;
}
.cor-right {
	float: right;
	width: 850px;
}
.abt-box {
	float: left;
	width: 71%;
	background: url(../images/btl-img.png) no-repeat left 90px;
	background-size: 300px;
	position: relative;
	height: 530px;
	margin-left: 115px;
}
.abt-btl {
	position: absolute;
	top: 196px;
	left: 47px;
	text-align: center;
}
.abt-btl p {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	margin: 0;
}
.abt-btl h2 {
	font-size: 30px;
	font-weight: bold;
	margin: 29px 0 5px 0;
	font-family: 'san_francisco_textsemibold';
	color: #fff;
}
.abt-box h3 {
	font-size: 19px;
	font-weight: 500;
	margin: 0;
}
.abt-box p {
	margin: 0;
	color: #fff;
	font-size: 14px;
	line-height:21px;
}
.mall-d {
	position: absolute;
	width: 300px;
	position: absolute;
	left: 100px;
}
.mall-d h3 {
	color: #A6EE64;
}
.society-d h3 {
	color: #FAA930;
}
.corporate-d h3 {
	color: #C34D13;
}
.retail-d h3 {
	color: #2759A1;
}
.mall-d h3, .society-d h3, .corporate-d h3, .retail-d h3 {
	padding-left: 7px;
	margin: 10px 0 12px 0;
	font-family: 'san_francisco_textsemibold';
}
.mall-d h3:before {
	border-left: 2px solid #A6EE64;
	border-bottom: 2px solid #A6EE64;
}
.society-d h3:before {
	border-left: 2px solid #FAA930;
	border-bottom: 2px solid #FAA930;
}
.corporate-d h3:before {
	border-left: 2px solid #C34D13;
	border-bottom: 2px solid #C34D13;
}
.retail-d h3:before {
	border-left: 2px solid #2759A1;
	border-bottom: 2px solid #2759A1;
}
.mall-d h3:before, .society-d h3:before, .corporate-d h3:before, .retail-d h3:before {
	content: "";
	position: absolute;
	width: 30px;
	height: 24px;
	padding-left: 10px;
	left: 0px;
	margin-left: 0px;
}
.society-d {
	width: 300px;
	left: 289px;
	position: absolute;
	top: 130px;
}
.corporate-d {
	width: 300px;
	left: 320px;
	top: 280px;
	position: absolute;
}
.retail-d {
	width: 300px;
	left: 243px;
	top: 404px;
	position: absolute;
}
.mall-img img {
	position: absolute;
	right: 0px;
	bottom: 0;
}
.event-part {
	float: left;
	position: relative;
	width: 100%;
}
.event-part img.hand-up {
	position: absolute;
	left: 0;
	top: 200px;
}
.event-in {
	float: left;
	width: 100%;
	height: 450px;
}
.light-concept {
	float: left;
	width: 100%;
	position:relative;
}
.evt-con {
	position:absolute;
	bottom:50px;
	width:100%;
	text-align:center;
}
.evt-con h2{
	margin:20px 0 10px 0;
	color:#fff;
	font-size:22px;
}
.evt-con p{
	font-size:14px;
	color:#fff;
	margin:0;
}
.light-concept img {
	float: right;
}
#section-section4 img.hand-up-video {
	position: absolute;
	right: 0;
	top: 200px;
	width:220px;
}
.video-bxin {
	margin: 0 auto;
	width: 460px;
	height: 500px;
 //background:#eee;
}
.vd-content {
	float: left;
	width: 100%;
	text-align: center;
}
.vd-content h2 {
	font-weight: 700;
	color: #fff;
	font-size: 22px;
	margin:0 0 5px 0;
	font-family: 'san_francisco_textsemibold';
}
.vd-content p {
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin:0 0 20px 0
}
.video-bx {
	float: left;
	width: 100%;
	background: url(../images/video-main.png) no-repeat;
	height: 234px;
	background-size: 420px;
}
.ved-lf {
	float: left;
width: 182px;
text-align: center;
margin: 44px 0 0 16px;
}
.ved-lf h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	color: #1D5693;
	font-family: 'san_francisco_textsemibold';
	line-height: 26px;
}
.ved-lf p {
	margin: 10px 0 0 0;
	font-size: 15px;
	line-height: 26px;
}


.audioo-bx {
	float: left;
	width: 100%;
	background:url(../images/photographer-icon.png) no-repeat;
	height: 230px;
	background-size: 420px;
}
.aud-lf {
	float: right;
	width: 182px;
	text-align: center;
	margin: 72px 55px 0 0px;
}
.aud-lf h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	color: #1D5693;
	line-height: 18px;
	font-family: 'san_francisco_textsemibold';
}
.aud-lf p {
	margin: 10px 0 0 0;
	font-size: 16px;
	line-height: 26px;
}
.for-prt{
	padding-top:78px !important;
}
#section-section8 img.con-im-p {
	position: absolute;
	right: 0;
	top: 180px;
	width: 257px;
}
.cont-hand{
	float: left;
	width: 767px;
	background: url(../images/hand-contact.png) no-repeat;
	height: 550px;
	background-size: 750px;
	position:relative;
	text-align:center;
}
.cont-hand p{
	font-size:14px;
	line-height:21px;
}
.c-abt-box{
	position: absolute;
	width: 211px;
	margin-top: 195px;
 	margin-left: 113px;
}
.c-who-box{
	position: absolute;
width: 222px;
margin-top: 205px;
color: #fff;
right: 170px;
}
.c-add-box{
	position: absolute;
	width: 211px;
	margin-top: 343px;
 	margin-left: 96px;
}
.c-add-box a{
	color:#000;
	text-decoration:none;
}
.c-why-box{
	position: absolute;
width: 201px;
bottom: 70px;
right: 185px;
color: #fff;
}