@charset "utf-8";
/* CSS Document */
/*
182750=Blue
cea97d=Golden
*/

body {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;	
	color:#333;	
}
.container { 
	width:1200px;
}

#header { position:relative; z-index:9999;}
header .header { z-index:99; background:#fff;
-webkit-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
   -moz-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	 -o-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1);}

#header .header .logo { position:absolute; left:0; top:0;}
#header .header .logo img.small { display:none;}
#header .header .right { float:right; padding:13px 16px;}
#header .header .right .link { float:left; position:relative;}
#header .header .right .link > a { display:block; float:left; height:34px; line-height:34px; border:1px solid #cea97d; padding:0 13px; color:#182750; font-size:14px; text-transform:uppercase;}
#header .header .right .link > a + a { margin-left:30px;}
#header .header .right .link > a:hover { background:#cea97d; color:#fff;}
#header .header .right .link .sub_menu { position:absolute; left:124px; top:100%; width:200px; background:#cea97d; color:#fff; font-size:14px; text-transform:uppercase;}
#header .header .right .link .sub_menu a { display:block; padding:5px 13px;}
#header .header .right .links { float:left;}
#header .header .right .links > ul {}
#header .header .right .links > ul > li { float:left; position:relative;}
#header .header .right .links > ul > li + li { margin-left:30px;}
#header .header .right .links > ul > li > a { display:block; float:left; height:34px; line-height:34px; border:1px solid #cea97d; padding:0 13px; color:#182750; font-size:14px; text-transform:uppercase;}
#header .header .right .links > ul > li > a:hover { background:#cea97d; color:#fff;}
#header .header .right .links > ul > li > ul { position:absolute; left:0; top:100%; width:280px; background:#cea97d; color:#fff; font-size:14px; text-transform:uppercase; display:none;}
#header .header .right .links > ul > li:hover > ul { display:block;}
#header .header .right .links > ul > li > ul li {}
#header .header .right .links > ul > li > ul li + li { border-top:1px solid #fff;}
#header .header .right .links > ul > li > ul li a { display:block; padding:12px 13px;}
#header .header .right .links > ul > li > ul li a:hover { background:#ba9972;}
#header .header .right .call { float:left; margin-left:27px;}
#header .header .right .call a { display:block; height:34px; line-height:34px; background:#182750; padding:0 18px; font-size:16px; color:#fff;}
#header .header .right .call a i { vertical-align:top; line-height:36px; margin-right:5px;}
#header .header .right .call a:hover { background:#cea97d;}

#header .header .navigation-icon { display:none; position:absolute; left:0; top:50%; margin-top:-9px;}
#header .header .navigation-icon a { display:block; width:26px; height:18px; background:url(../images/menu-icon.png) no-repeat; background-position:0 0;}
#header .header .navigation-icon a.open { background-position:0 100%;}
#header .header #navigation-mobile { display:none; position:absolute; left:0; top:100%; right:0; background:#cea97d; text-align:center;}
#header .header #navigation-mobile ul {}
#header .header #navigation-mobile ul li { border-bottom:1px solid rgba(255,255,255,0.5);}
#header .header #navigation-mobile ul li a { display:block; padding:11px 0 12px; font-weight:500; font-size:16px; color:#fff; text-transform:uppercase;}
#header .header #navigation-mobile ul li.sub { position:relative;}
#header .header #navigation-mobile ul li.sub > a { position:relative; padding-left:55px; padding-right:55px;}
#header .header #navigation-mobile ul li.sub span { display:block; position:absolute; right:0; top:0; width:45px; height:45px; text-align:center; z-index:999;}
#header .header #navigation-mobile ul li.sub span:after { color:#fff; font-size:20px; content:"\f107"; font-family:'FontAwesome'; line-height:45px; width:45px; text-align:center; position:absolute; left:0; top:0; right:0; bottom:0;}
#header .header #navigation-mobile ul li.sub.open span:after { content:"\f106";}
#header .header #navigation-mobile ul li ul { display:none; background:#ba9972;}
#header .header #navigation-mobile ul li ul li { border:none; border-top:1px solid rgba(255,255,255,0.5);}
#header .header #navigation-mobile .call { padding:20px 0 13px;}
#header .header #navigation-mobile .call a { display:inline-block; height:34px; line-height:34px; background:#182750; padding:0 18px; font-size:16px; color:#fff;}
#header .header #navigation-mobile .call a i { vertical-align:top; line-height:36px; margin-right:5px;}

#header .header .inquery { position:absolute; right:0; top:50%; margin-top:-17px; display:none;}
#header .header .inquery a { display:block; width:34px; height:34px; border-radius:50%; border:1px solid #d1ae85; text-align:center; line-height:34px; color:#182750; font-size:18px;}

#header .header.sticky { position:fixed; left:0; top:0; right:0; box-shadow:0 0 5px rgba(0,0,0,0.45);}
#header .header.sticky .logo { box-shadow:0 0 5px rgba(0,0,0,0.45);}


#banner { background:url(../images/banner-bg.jpg) no-repeat center top; background-size:cover; }
#banner .banner { padding:0 0 0 81px; position:relative;}
#banner .banner .side { position:absolute; left:0; bottom:0;}
#banner .banner #ninja-slider { font-size:14px;}
#banner .banner #ninja-slider .caption {}

#mobile-banner {}
#mobile-banner .mobile-banner {}

#welcome {}
#welcome .welcome {}
#welcome .welcome .side { float:left;}
#welcome .welcome .block { float:right; width:914px; height:582px; background:url(../images/welcome.jpg) no-repeat; margin:75px 0 85px; padding:38px 0 0 35px;}
#welcome .welcome .block .icon {}
#welcome .welcome .block h1 { margin-top:24px; font-weight:500; font-size:26px; color:#cea97d; text-transform:uppercase; max-width:329px;}
#welcome .welcome .block h1 span { color:#182750;}
#welcome .welcome .block .text { margin-top:17px; max-width:329px;}
#welcome .welcome .block .text p { font-size:15px; line-height:22px; }
#welcome .welcome .block .text p + p { margin-top:10px;}
#welcome .welcome .block .more { margin-top:38px;}
#welcome .welcome .block .more a { display:inline-block; font-weight:500; font-size:16px; color:#182750; padding-right:80px; position:relative;}
#welcome .welcome .block .more a:after { position:absolute; right:0; top:10px; width:70px; height:2px; background:#cea97d; content:" ";}
#welcome .welcome .block .more a:hover { color:#cea97d;}

#services {}
#services .services { position:relative;}
#services .services .image { position:absolute; left:0; top:0; bottom:0; width:50%; background:url(../images/services.jpg) no-repeat; background-size:cover;}
#services .services .detail { float:right; width:50%; padding:30px 0 29px 55px; background:url(../images/services-right.jpg) no-repeat center center; background-size:cover;}
#services .services .detail h2 { font-weight:500; font-size:30px; color:#fff;}
#services .services .detail .list { margin-top:30px;}
#services .services .detail .list .row {}
#services .services .detail .list .row + .row { margin-top:20px;}
#services .services .detail .list .row .icon { float:left; width:50px; height:50px;}
#services .services .detail .list .row .icon-detail { overflow:hidden; padding:12px 0 0 25px; font-weight:500; font-size:18px; color:#cea97d;}  
#services .services .detail .more { margin-top:35px;}
#services .services .detail .more a { display:inline-block; border:1px solid #cea97d; line-height:34px; color:#fff; padding:0 20px; font-weight:500; font-size:16px;}
#services .services .detail .more a:hover { background:#cea97d; color:#fff;}

#contact { padding:70px 0 110px;}
#contact .contact {}
#contact .contact .form { float:left; max-width:1015px; padding:0 35px; width:100%;}
#contact .contact .form h2 { font-weight:500; font-size:30px; color:#cea97d; text-transform:uppercase; padding-bottom:50px; text-align:center;}
#contact .contact .form h2 span { color:#182750;}
#contact .contact .form .row {}
#contact .contact .form .row + .row { margin-top:26px;}
#contact .contact .form .row .input-text { border:1px solid #cea97d; height:48px; font-size:15px; color:#182750; width:48%; float:left;}
#contact .contact .form .row .input-text + .input-text { margin-left:4%;} 
#contact .contact .form .row .area { border:1px solid #cea97d; height:135px; font-size:15px; color:#182750; width:100%;}
#contact .contact .form .row .captcha {}
#contact .contact .form .row .captcha span { display:block; font-size:11px; color:#666666; padding-bottom:15px;}
#contact .contact .form .row .captcha .image {}
#contact .contact .form .row.center { text-align:center;}
#contact .contact .form .row .submit { width:193px; height:47px; background:#182750; font-weight:500; font-size:16px; color:#fff; text-transform:uppercase; margin-top: 20px;}
#contact .contact .form .row .submit:hover { background:#cea97d;}
#contact .contact .side { float:right;}

#footer {}
#footer .top { background:#d9deeb;}
#footer .top .block { padding:0 35px;}
#footer .top .block .left { float:left; font-weight:700; font-size:22px; color:#182750; line-height:36px; position:relative; padding:24px 0;}
#footer .top .block .left:after { width:200px; height:157px; position:absolute; left:40px; top:-26px; background:url(../images/border.png) no-repeat; content:" ";} 
#footer .top .block .left span { display:block; font-size:26px; text-transform:uppercase;}
#footer .top .block .right { float:left; margin:20px 0 20px 45px;}
#footer .top .block .right .image { float:left;}
#footer .top .block .right .image-detail { overflow:hidden; padding:5px 0 0 35px;}
#footer .top .block .right .image-detail p { font-weight:500; font-size:18px; color:#182750; margin-bottom:12px;}
#footer .top .block .right .image-detail .link {}
#footer .top .block .right .image-detail .link a { display:inline-block; background:#182750; padding:0 25px; line-height:33px; font-weight:500; font-size:16px; color:#fff; border-radius:30px; height:35px;}
#footer .top .block .right .image-detail .link a i { vertical-align:top; line-height:35px; margin-right:5px;}
#footer .top .block .right .image-detail .link a:hover { background:#cea97d;}
#footer .top .block .m-link {}
#footer .top .block .m-link a { display:inline-block; background:#182750; padding:0 25px; line-height:33px; font-weight:500; font-size:16px; color:#fff; border-radius:30px; height:35px;}
#footer .top .block .m-link a i { vertical-align:top; line-height:35px; margin-right:5px;}
#footer .top .block .m-link a:hover { background:#cea97d;}
#footer .bot { background:#182750; padding:35px 0;}
#footer .bot .block { padding:0 35px; position:relative;}
#footer .bot .block .left { float:left; font-size:15px; color:#fff; line-height:34px; position:relative; z-index:99;}
#footer .bot .block .right { float:right; position:relative; z-index:99;}
#footer .bot .block .right a { display:inline-block; padding-right:33px; font-size:15px; color:#fff; background:url(../images/wm.png) no-repeat right center; line-height:34px;}
#footer .bot .block .center { position:absolute; left:0; top:0; right:0; text-align:center;}
#footer .bot .block .center a { display:inline-block; height:34px; line-height:34px; border:1px solid #cea97d; padding:0 13px; color:#fff; font-size:14px; text-transform:uppercase;}
#footer .bot .block .center a + a { margin-left:30px;}
#footer .bot .block .center a:hover { background:#cea97d; color:#fff;}

#sub-banner { background:url(../images/banner-bg.jpg) no-repeat center top;}
#sub-banner .sub-banner { position:relative; padding-left:81px;}
#sub-banner .sub-banner .side { position:absolute; left:0; bottom:0;}
#sub-banner .sub-banner .image { position:relative;}
#sub-banner .sub-banner .image:after { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); content:" ";}
#sub-banner .sub-banner .image .text { position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:99;}
#sub-banner .sub-banner .image .text h3 { font-weight:700; font-size:36px; color:#fff; text-transform:uppercase; text-align:center;}
#sub-banner .sub-banner .image .text p { font-weight:500; font-size:20px; color:#fff; max-width:563px; margin:3px auto 0; text-align:center;}

#about { padding:40px 0 115px 0;}
#about .about {}
#about .about h1 { font-weight:500; font-size:30px; color:#cea97d; text-align:center; padding-bottom:7px;}
#about .about h2 { font-weight:500; font-size:18px; text-align:center; padding-bottom:10px;}
#about .about .text {}
#about .about .text p { font-size:15px; line-height:24px;}
#about .about .text p + p { margin-top:26px;}
#about .about .text p span { font-size:20px;}
#about .about .text h3 { font-weight:500; font-size:18px; padding-bottom:10px;}
#about .about .text ul { margin-top:10px;}
#about .about .text ul li {padding-left:20px; position:relative;}
#about .about .text ul li + li { margin-top:5px;}
#about .about .text ul li:before { position:absolute; left:0; top:-5px; font-family:'FontAwesome'; content:"\f105"; font-size:20px; color:#cea97d;}
#about .about .profile { margin:45px 0 0 0;}
#about .about .profile .image { float:left; width:174px;}
#about .about .profile .image-detail { overflow:hidden; padding:0 0 0 30px; max-width:823px;}
#about .about .profile .image-detail h4 { font-weight:500; font-size:18px; padding-bottom:12px;}
#about .about .profile .image-detail .list {}
#about .about .profile .image-detail .list .row { font-size:15px;}
#about .about .profile .image-detail .list .row + .row { margin-top:3px;}
#about .about .profile .image-detail .list .row p { float:left; width:100px;}
#about .about .profile .image-detail .list .row span { display:block; overflow:hidden;}
#about .about .profile .image-detail .list .row span a:hover { color:#cea97d;}
#about .about .profile .image-detail h5 { font-weight:700; font-size:15px; margin-top:20px;}
#about .about .profile .image-detail > p { font-size:15px;}
#about .about .profile .image-detail .highlight { background:#f5f5f7; padding:20px; margin-top:28px;}
#about .about .profile .image-detail .highlight h6 { font-size:18px; margin-bottom:14px;}
#about .about .profile .image-detail .highlight h6 span { font-weight:500;}
#about .about .profile .image-detail .highlight .visit {}
#about .about .profile .image-detail .highlight .visit p { display:inline-block; line-height:35px;}
#about .about .profile .image-detail .highlight .visit a { display:inline-block; line-height:32px; background:#fff; border:1px solid #cea97d; border-radius:20px; padding:0 40px; font-weight:500; font-size:16px; color:#182750; margin-left:10px; height:35px;}
#about .about .profile .image-detail .highlight .visit a:hover { background:#cea97d; color:#fff;}

#contact-detail { padding:50px 0 100px;}
#contact-detail .contact {}
#contact-detail .contact h1 { font-weight:500; font-size:30px; color:#cea97d; padding-bottom:20px;}
#contact-detail .contact .top {}
#contact-detail .contact .top .left { float:left; width:45%;}
#contact-detail .contact .top .left h2 { font-weight:500; font-size:30px; color:#cea97d; padding-bottom:20px;}
#contact-detail .contact .top .left h3 { font-weight:500; font-size:18px; padding-bottom:14px;}
#contact-detail .contact .top .left h5 { font-weight:700; font-size:15px; padding-bottom:20px;}
#contact-detail .contact .top .left h5 span { margin-left:5px;}
#contact-detail .contact .top .left p { font-size:15px; line-height:24px;}
#contact-detail .contact .top .left .list { margin:20px 0 0 0;}
#contact-detail .contact .top .left .list .row { padding:0 0 0 50px; position:relative;}
#contact-detail .contact .top .left .list .row + .row { margin-top:15px;} 
#contact-detail .contact .top .left .list .row .icon { position:absolute; left:0; top:0; width:35px; height:35px; border-radius:50%; border:2px solid #cea97d; text-align:center; line-height:31px; text-align:center; color:#182750; font-size:16px;}
#contact-detail .contact .top .left .list .row .icon .fa-phone { font-size:18px; }
#contact-detail .contact .top .left .list .row .icon-detail { line-height:35px; font-size:18px; padding:0;}
#contact-detail .contact .top .left .list .row .icon-detail a:hover { color:#cea97d;}
#contact-detail .contact .top .left .map { margin-top:52px; border:2px solid #cea97d; height:269px; width:100%;}
#contact-detail .contact .top .right { float:right; width:50%;}
#contact-detail .contact .top .right h2 { font-weight:500; font-size:30px; color:#cea97d; padding-bottom:30px;}
#contact-detail .contact .top .right .form { background:#f5f5f7; padding:20px;}
#contact-detail .contact .top .right .form .row {}
#contact-detail .contact .top .right .form .row + .row { margin-top:23px;}
#contact-detail .contact .top .right .form .row .input-text { border:1px solid #cea97d; height:48px; font-size:15px; color:#182750; width:100%; max-width:459px;}
#contact-detail .contact .top .right .form .row .area { border:1px solid #cea97d; height:135px; font-size:15px; color:#182750; width:100%;}
#contact-detail .contact .top .right .form .row .captcha {}
#contact-detail .contact .top .right .form .row .captcha span { display:block; font-size:11px; color:#666666; padding-bottom:15px;}
#contact-detail .contact .top .right .form .row .captcha .image {}
#contact-detail .contact .top .right .form .row.center { text-align:center;}
#contact-detail .contact .top .right .form .row .submit { width:193px; height:47px; background:#182750; font-weight:500; font-size:16px; color:#fff; text-transform:uppercase; margin-top:20px;}
#contact-detail .contact .top .right .form .row .submit:hover { background:#cea97d;}
#contact-detail .contact .bot { padding:50px 0 0 0;}
#contact-detail .contact .bot h4 { font-weight:500; font-size:15px; color:#182750; padding-bottom:20px;}
#contact-detail .contact .bot p { font-size:13px; color:#666666;}
#contact-detail .contact .bot p + p { margin-top:18px;}

#service-detail { padding:40px 0 70px 0;}
#service-detail .caption { text-align:center;}
#service-detail .caption h1 { font-weight:500; font-size:30px; color:#cea97d;}
#service-detail .caption p { font-weight:500; font-size:18px; margin-top:7px;}
#service-detail .caption .icon { padding-bottom:15px;}
#service-detail .boxes {}
#service-detail .boxes .box { padding:50px 0;}
#service-detail .boxes .box .image { float:right; width:423px;}
#service-detail .boxes .box .image-detail { float:left; width:calc(100% - 423px); padding:0 60px 0 0;}
#service-detail .boxes .box .image-detail .title {}
#service-detail .boxes .box .image-detail .title .icon { text-align:center;}
#service-detail .boxes .box .image-detail .title h2 { text-align:center; font-weight:500; font-size:24px; color:#cea97d; padding:8px 0 19px 0; position:relative;}
#service-detail .boxes .box .image-detail .title h2:after { background:#192851; width:84px; height:3px; position:absolute; left:50%; bottom:0; margin-left:-42px; content:" ";}
#service-detail .boxes .box .image-detail .text { margin:40px 0 35px;}
#service-detail .boxes .box .image-detail .text.center { text-align:center; max-width:100%;}
#service-detail .boxes .box .image-detail .text p { font-size:15px; line-height:22px;}
#service-detail .boxes .box .image-detail .text p + p { margin-top:17px;}
#service-detail .boxes .box .image-detail .text p span { font-size:15px; line-height:22px;}
#service-detail .boxes .box .image-detail .text.margin { margin:0 0 0 0 !important;}
#service-detail .boxes .box .image-detail .text.margin p { font-size:15px; line-height:22px;}
#service-detail .boxes .box .image-detail .text.margin p + p { margin-top:10px;}
#service-detail .boxes .box .image-detail .list { overflow:hidden;}
#service-detail .boxes .box .image-detail .list ul {}
#service-detail .boxes .box .image-detail .list ul li { padding:0 0 0 30px; font-size:15px; margin-bottom:7px; position:relative;}
#service-detail .boxes .box .image-detail .list ul li:before { position:absolute; left:0; top:0; content:"\f138"; font-family:'FontAwesome'; color:#cea97d;}
#service-detail .boxes .box .image-detail .list.half ul { float:left; width:50%;}  
#service-detail .boxes .box .image-detail .visit {}
#service-detail .boxes .box .image-detail .visit.center { text-align:center;}
#service-detail .boxes .box .image-detail .visit.center a { margin-left:0;}
#service-detail .boxes .box .image-detail .visit p { display:inline-block; line-height:35px; color:#182750; font-size:15px;}
#service-detail .boxes .box .image-detail .visit a { display:inline-block; line-height:32px; background:#fff; border:1px solid #cea97d; border-radius:20px; padding:0 40px; font-weight:500; font-size:16px; color:#182750; margin-left:10px; height:35px;}
#service-detail .boxes .box .image-detail .visit a:hover { background:#cea97d; color:#fff;}
#service-detail .boxes .box .image-detail h3 { font-weight:500; font-size:18px; margin-top:30px; padding-bottom:15px;}
#service-detail .boxes .box .image-detail h3 + .text { margin:0 0 30px 0;}
#service-detail .boxes .box .image-detail .text + h3 { margin:20px 0 0;}
#service-detail .boxes .box .image-detail .list + h3 { margin-top:20px;}
#service-detail .boxes .box .image-detail .list + .text { margin:20px 0 30px;}
#service-detail .boxes .box .image-detail .list + .visit { margin-top:30px;}

#service-detail .boxes .box:nth-child(2n) { background:#f5f5f7;} 
#service-detail .boxes .box:nth-child(2n) .image { float:left;}
#service-detail .boxes .box:nth-child(2n) .image-detail { padding:0 0 0 60px;}

.enquiry-popup { padding:25px;}
.enquiry-popup h2 { font-weight:500; font-size:22px; color:#cea97d; padding-bottom:20px;}
.enquiry-popup .form {}
.enquiry-popup .form .row {}
.enquiry-popup .form .row + .row { margin-top:23px;}
.enquiry-popup .form .row .input-text { border:1px solid #cea97d; height:48px; font-size:15px; color:#182750; width:100%;}
.enquiry-popup .form .row .area { border:1px solid #cea97d; height:135px; font-size:15px; color:#182750; width:100%;}
.enquiry-popup .form .row .captcha {}
.enquiry-popup .form .row .captcha span { display:block; font-size:11px; color:#666666; padding-bottom:15px;}
.enquiry-popup .form .row .captcha .image {}
.enquiry-popup .form .row.center { text-align:center;}
.enquiry-popup .form .row .submit { width:193px; height:47px; background:#182750; font-weight:500; font-size:16px; color:#fff; text-transform:uppercase; margin-top: 20px;}
.enquiry-popup .form .row .submit:hover { background:#cea97d;}
.enquiry-popup h4 { font-weight:500; font-size:15px; color:#182750; padding-bottom:20px; margin-top:30px;}
.enquiry-popup p { font-size:13px; color:#666666;}
.enquiry-popup p + p { margin-top:18px;}

.form .message {display: none; margin-top: 10px;}
.form .message div + div { margin-top:10px !important;}
.form .message .error { border:1px solid #f34235; background:#ffeaea; color:#f34235; text-align:left; max-width:617px; margin:0 auto; overflow:hidden; border-radius:5px; position:relative; padding-left:42px; padding-top:7px; padding-bottom:5px;}
.form .message .error i { width:42px; text-align:center; font-size:20px; position:absolute; left:0; top:0; line-height:35px; }
.form .message .sucess { border:1px solid #4caf50; background:#ecffed; color:#4caf50; text-align:left; max-width:617px; margin:0 auto; overflow:hidden; border-radius:5px;}
.g-recaptcha > div{margin: 0 auto;}



#thankyou { padding:130px 0 100px 0; text-align:center;}
#thankyou h2 { font-weight:600; font-size:24px; color:#cea97d; padding-bottom:20px;}
#thankyou p { font-size:16px; color:#182750; padding-bottom:40px;}
#thankyou p a { color:#cea97d;}
#thankyou p a:hover { color:#182750;}
#thankyou .btn { text-align:center;}
#thankyou .btn a { display:inline-block; background:#182750; padding:7px 21px; font-weight:600; color:#fff; text-transform:uppercase;}
#thankyou .btn.more-padding a { padding:7px 47px;}
#thankyou .btn a:hover { background:#cea97d;}

.enquiry-popup .form .row .captcha { -webkit-transform:scale(0.7,0.7); -ms-transform:scale(0.7,0.7); transform:scale(0.7,0.7);}



#about .about .profile .image-detail h5 { font-weight:700; font-size:15px; margin-top:20px;}
#about .about .profile .image-detail h3 { font-weight:700; font-size:16px; margin-top:0px;}
#about .about .profile .image-detail > p { font-size:15px;}
#about .about .profile .image-detail hr { border:none; margin:20px 0; background:#ccc; width:100%; height:1px;}
#about .about .profile .image-detail h6 { font-weight:700; font-size:15px; margin-top:20px; margin-bottom:10px;}
#about .about .profile .image-detail ul {}
#about .about .profile .image-detail ul li { padding-left:20px; position:relative;}
#about .about .profile .image-detail ul li + li { margin-top:5px;}
#about .about .profile .image-detail ul li:before { position:absolute; left:0; top:-5px; font-family:'FontAwesome'; content:"\f105"; font-size:20px; color:#cea97d;}

.social { position:fixed; right:25px; bottom:120px; width:46px; text-align:center; z-index:999;}
.social a { width:40px; height:40px; text-align:center; line-height:42px; display:block; border-radius:50%; margin-left:auto; margin-right:auto; position:relative; color:#182750; font-size:20px;}
.social a + a { margin-top:10px;}
.social a:after { position:absolute; left:0; top:0; width:40px; height:40px; background:#182750; content:" "; border-radius:50%; transform:scale(0,0); transition:0.6s;}
.social a:hover:after { transform:scale(1,1);}
.social a:hover { color:#fff;}
.social a i { z-index:999; position:relative; text-shadow:0 0 20px rgba(255,255,255,1);}

.back { margin-top:30px;}
.back a { display:inline-block;}
.back a i { color:#cea97d; margin-right:10px; margin-top:2px; display:inline-block; vertical-align:top;}
.back a:hover { color:#cea97d;}

.social_f { text-align:center; display:none;}
.social_f a { color:#fff; font-size:20px;}
.social_f a + a { margin-left:20px;}


.thanks { text-align:center; padding-bottom:100px;}
.thanks p { color:#333333; line-height:24px;}
.thanks .back-home { margin-top:40px;}
.thanks .back-home a { display:inline-block; font-weight:500; font-size:18px; color:#666666; background:url(../images/back.png) no-repeat 0 4px; padding-left:30px;}
.thanks .back-home a:hover { color:#cea97d;}
.thanks .btn { margin-top:30px;}

.pnf { color:#cea97d; font-weight:600; font-size:18px; padding-bottom:30px; display:inline-block; margin-top:50px;}
.pnf span { display:inline-block; font-size:72px; font-weight:700; font-family: 'Oswald', sans-serif; border-bottom:2px solid #cea97d; padding:0 15px; margin-bottom:20px;}