@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

body {font-family: 'Roboto', sans-serif; font-size:16px;	color:#444;	line-height:30px; margin:0px; font-weight:300; }

.home, .page-template-contact-tmp {background-image:url(../images/bg.png); background-repeat:repeat-x;}

body, html{	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	user-select: none; }	

a{transition: all 0.5s ease-in 0s; text-decoration:none; outline:none;}

.clear{clear:both;}

p{margin-top:0px; }

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box;}

.grid-1280 {display:table; width:1280px; margin:auto;}

h3 {font-size:26px; font-weight:300; color:#000; margin:0px 0px 30px 0px; line-height:34px; }

h2 {font-size:36px; font-weight:300; color:#000; margin:0px 0px 30px 0px; line-height:34px; }

h2::after {display:block; content:''; width:40px; height:2px; background-color:#e4af0d; margin:15px 0px;}

.logo {display:inline-block; float:left; margin:35px 0px;  transition: all 0.5s ease-in 0s; width: auto;}

.logo img {float:left; transition: all 0.5s ease-in 0s; width:275px; display: block;}

.top-navigation  {display:inline-block; float:right; margin-top:40px; transition: all 0.5s ease-in 0s;}

.three-lines {display:inline-block; float:right; margin-top:50px; transition: all 0.5s ease-in 0s;}

header { position:fixed; width:100%; left:0px; top:0px; transition: all 0.5s ease-in 0s; z-index:1000;}

header.darker { background-color:#be6750;}

.header-gap {height:100px; }

header.darker .logo  {margin:13px 0px; }

header.darker .logo img {width:200px;}

header.darker .top-navigation  {margin:10px 0px; }

header.darker .three-lines  {margin:20px 0px; }

header.darker .social-media-top {margin-top: 8px;}

.social-media-top {display: inline-block; float: right; margin-top: 38px; transition: all 0.5s ease-in 0s;}

.social-media-top a {display: inline-block; float: left; margin-left: 10px;}

.social-media-top a img {display:block; }


.photo1 {float:left; box-shadow:0px 0px 15px 1px #444;}

.name1 {float:left; margin-top:300px; margin-left:-70px; margin-right:200px; }


.introduction {padding-top:200px; display:inline-block; width:60%; float:right;}

.introduction a {color:#000;}

.homepage-top-area {display:table; width:100%; max-width:1700px; background-image:url(../images/vertical-name.png); background-repeat:no-repeat; background-position:0 30px; margin:auto; background-position: 110px 320px; background-size: 100px;}

.item span {display:block; text-align:center; line-height:20px; margin-top:20px; }

.item img {width:95%;}

.item span strong {display:block; font-weight:600;}

.books {padding:60px 0px; margin-top:0px; position: relative;}

.books-slider {width:840px; float:right; margin-top:200px; position:absolute; margin-left:0; right: 0px; }

.books-content {width:30%; float:left;}

.cream-bg { width:100%; height:270px; background-image:url(../images/cream-bg.png); background-position:center top; margin-top:-100px; z-index:2; float:left;}

.pattern-area {width:100%; display:block; height:800px; background-image:url(../images/pattern.jpg); padding-top:200px; margin-top:-100px; }

.professional h2 {margin-top:80px; display:inline-block; float:left; width: 30%;}

.h2-vline {display:inline-block; width:530px; float:right; border-bottom:1px solid #000; margin:100px -50px 75px  0px; display: none; }

.professional p {width:30%;}

.photo2 {float:right; margin-right: 160px; }

.readmore {border:2px solid #000; display:inline-block; width:200px; text-align:center; color:#000; font-weight:500; text-transform:uppercase; font-size:14px; letter-spacing:2px; padding:5px 0px; margin-top:20px;}

.readmore:hover {background-color:#000; color:#fff;}




.gray-area {width:100%; display:table; background-color:#f9f9f9; padding:80px 0px;}

.events p {width:45%; margin-bottom:60px;}



.contact-left {float: left; width: 48%; padding: 100px;}

.contact-left span {display: block; margin: 40px 0px; }

.contact-left a {color: #fff; line-height: 30px; }

.contact-left a img {float: left; margin-right: 20px;}

.contact-left .phone a {font-size: 20px;}

.contact-right {float: right; width: 48%; padding: 50px; }

.inside-header {background-color: #be6750;}

.center-heading {text-align: center;}

.center-heading::after {margin: 20px auto;}

.inside-content-area {padding: 40px 0px;}





.showcase {width: 31.3%; float: left; margin: 1%;}

.showcase a {display: block;}

.showcase img {width: 100%; border: 1px solid #e4af0d; padding: 5px; display: block;}



.video-box {border: 1px solid #e4af0d; padding: 5px; display: block; width: 48%; margin: 1%; float: left; height: 350px;}


.blog-left {width: 72%; float: left;}

.blog-left p {text-align: center;}

.blog-right {width: 25%; float: right; margin-top: 80px;}

.blog-left h3 {font-size: 28px; margin: 10px 0px; font-weight: 300; text-align: center;}

.blog-date {font-size: 14px; color:#666; text-align: left; display: block;}

.double-line {border-bottom:4px double #ccc; margin-bottom: 40px; padding-top:20px; }

.blog-left .readmore {margin:20px auto; display: block;}

.fullsize {width: 100%; margin-bottom: 10px;}

.blog-right h5 {font-size: 24px; font-weight:400; text-align: left; margin: 0px 0px 20px 0px;}

.blog-right .blog-date {font-size: 14px; color:#666; text-align: left; display: block;}

.blog-box h3 {margin: 0px; font-weight: 400; font-size: 22px; line-height: 20px; margin-bottom: 10px; }

.blog-box p {height: 100px; line-height: 150%; color:#000;}

.blog-list  {color:#000; padding: 10px 10px 10px 20px; border: 1px solid #ccc; display: table; width:100%; margin-bottom: 10px; border-left:4px solid #be6750; }

.blog-list:hover {background-color: #eee;}

.blog-right .readmore {width: 100%;}

.blog-box {width: 48%; margin: 1%; float: left; height:620px;}


.history {display: table; width: 100%;}

.history div {display: table; width:calc(100% - 20px); border-left:2px solid #e4af0d; padding-left: 40px; margin-left: 20px; padding-bottom: 20px; }

.history div strong {line-height: 100%; margin-top: -5px; display: block; color: #000;}

.history div strong::before {content:''; display: inline-block; width: 9px; height: 9px; border-radius:100px;background-color: #be6750; float: left; margin-left: -46px;}

.history div.last {border-left:2px solid #fff; }

.about-left {width: 24%; float: left;}

.about-right {width: 73%; float: right;}

.about-left img {width: 100%; margin: 10px 0px;}


.blog-details-left {width: 73%; float: left; text-align:left;}

.blog-details-left h3 {text-align:left; margin-bottom:10px;}

.blog-details-left p {text-align:left;}

.blog-details-right {width: 24%; float: right; margin-top:0px;}

.blog-details-right h4 { border:2px solid #000; padding:7px; text-align:center; margin:0px; color:#000; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;}

.recent-post {display:block; border:1px solid #ddd; padding:10px; margin-bottom:5px;}

.recent-post:hover {background-color:#f7f7f7;}

.recent-post h5 {color:#000; margin:0px; font-size:16px; font-weight:500; line-height:150%;}

.recent-post p {color:#000; font-size:14px; margin:0px; line-height:150%;}


.pagination-main {display:block; clear:both; text-align:center;}

.pagination-main a {display:inline-block; width:40px; height:40px; line-height:40px; color:#000; border:1px solid #ccc;}

.page-numbers.current {  display:inline-block; width:40px; height:40px; line-height:40px; color:#be6750; border: 1px solid #be6750;}

.next.page-numbers {  width: 80px;}




footer {background-color:#333333; padding:50px 0px; display:table; width:100%; text-align:center;}

.footer-navigation { text-align:center; color:#fff;}

.footer-navigation a {display:inline-block; color:#fff; text-transform:uppercase; border-bottom:1px solid #fff; font-size:12px; letter-spacing:1px; margin:0px 12px; line-height:16px; }

.copyright {text-transform:uppercase; color:#999; margin-top:15px; font-size:11px; letter-spacing:2px;}


.copyright a {color: #999; border-bottom: 1px solid #999;}



.textbox1 {
    background-color: #f7f7f7;
    border: 0px solid #ddd;
    box-sizing: border-box;
    color: #666;
    float: left;
	font-family: 'Roboto';
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 13px;
    width: 100%;
}


.textbox2 {
    background-color: #f7f7f7;
    border: 0px solid #ddd;
    box-sizing: border-box;
    color: #666;
	font-family: 'Roboto';
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 13px;
    width: 100%;
	height:230px;
}



.submit-button {
    background: #333333 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    cursor: pointer;
	font-family: 'Roboto';
    font-size: 16px;
    font-weight: normnal;
    letter-spacing: 2px;
    padding: 15px 30px;
    text-transform: uppercase;
	transition: all 0.5s ease-in 0s; 
}


.submit-button:hover {
    background-color: #000;
}



















.video-area {
    display: table;
    width: 100%;
    padding: 50px 0px;
}




.video-big {
    float: left;
    width: 65%;
}

.video-big img {width: 100%;}


.video-news-content {
    float: right;
    width: 409px;
    margin-bottom: 20px;
}

.video-big iframe {
    width: 100%;
    height: 500px;
}













/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#333;
    width: 66px;
    height: 66px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 21px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 10000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */


.mobile-name {display:none;}