

@font-face {
    font-family: 'socialicoregular';
    src: url('fonts/socialico-webfont.eot');
    src: url('fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/socialico-webfont.woff2') format('woff2'),
         url('fonts/socialico-webfont.woff') format('woff'),
         url('fonts/socialico-webfont.ttf') format('truetype'),
         url('fonts/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* default */
*{margin: 0; padding: 0;}
a{text-decoration: none;}
img{border: 0;}
h1,h2,h3,h4,h5{ padding:0; margin:0; font-weight: normal; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */

/*nojavascript*/
.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; }
.container{ margin:0 auto; padding: 0; position: relative; max-width: 1030px;font-family: "Raleway" }
a {text-decoration: none;color: inherit;}
.social a {display: inline-block;vertical-align: middle;transition:  0.2s ease;}
.social a:hover{transform: scale(1.1);color:#E93E91 !important;}

/* Body */
body{ font: 100% Arial, Helvetica, sans-serif; background:#fff; margin:0 auto; padding:0; text-align: center; color:#333; max-width: 1440px; min-width: 1200px; }

/* main */
#main{ position:relative; background: url(../images/common/content.jpg) no-repeat center top; background-size: 100% 100%; margin:0 auto; padding: 90px 0 85px; }

/* header */
#header { margin: 0 auto; padding: 0; position: relative; }
#header .header-top { background: #111111; position: relative; margin: 0 auto; padding: 10px 0; }
#header .header-top h2 { float: left; text-align: left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 15px;padding:5px 0 0; }
#header .header-top ul { float: right; position: relative; margin: 0; padding: 0; }
#header .header-top ul li { display: inline-block; vertical-align: middle; padding: 0 2px; }
#header .header-top ul li a {font-family: "socialicoregular";font-weight: 400;font-size:30px;color:#fff;line-height: 100%;}
#header .header-top ul li:first-child { padding-left: 0; }
#header .header-top ul li:last-child { padding-right: 0; }
#header .header-bottom { position: relative; margin: 0 auto; padding: 25px 0 15px; background: url(../images/common/header-btm.jpg) no-repeat center top; background-size: 100% 100%; }
#header .header-bottom .logo { float: left; position: relative; }
#header .header-bottom .header-info { float: right; position: relative; width: 415px; padding: 30px 0 0; }
#header .header-bottom .header-info h2 { font-family: 'Oswald', sans-serif; color: #000; font-weight: 400; font-size: 20px; }
#header .head-left-info { float: left; position: relative; width: 215px; text-align: left; }
#header .head-left-info h3 { font-family: 'Oswald', sans-serif; color: #E93E91; font-weight: 400; font-size: 30px; line-height: 1; }
#header .head-left-info h3 a { color: #E93E91; }
#header .head-left-info h3 a:hover { border-bottom: 1px dotted #E93E91; }
#header .head-right-info { float: right; position: relative; width: 200px; text-align: left; }
#header .head-right-info h2 { margin-top: 7px; }
#header .head-right-info h3 { font-family: 'Oswald', sans-serif; color: #E93E91; font-weight: 400; font-size: 20px; }
#header .head-right-info h3 a { color: #E93E91; }
#header .head-right-info h3 a:hover { border-bottom: 1px dotted #E93E91; }
#header .nav { margin: 35px auto 0; padding: 20px 0 0; border-top: 1px solid #000; }
#header .nav ul{ display:block; text-align:center; padding:0;}
#header .nav ul li{ display:inline-block; vertical-align: middle; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 15px; padding: 0 11px; }
#header .nav ul li a{ display: block; background: #000; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 5px 40px;transition: all 0.2s ease }
#header .nav ul li a:hover, #header .nav ul li.active-menu a{ background: #E93E91; }

/*banner*/
#banner { background: url(../images/common/banner-bg.jpg) no-repeat center top; background-size: 100% 100%; position: relative; margin: 0 auto; padding: 15px 0 0; }

/*banner bottom*/
#banner-bottom { padding: 20px 0 65px; margin: 0 auto; position: relative; background: url(../images/common/banner-bottom-bg.jpg) no-repeat center top; background-size: 100% 100%; }
#banner-bottom .bnr-box { display: inline-block; vertical-align: top; width: 318px; position: relative; }
#banner-bottom .bnr-box:nth-of-type(2) { margin: 0 30px; }
#banner-bottom .bnr-box h2 { font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 18px; background: #E93E91; padding: 5px 0; margin: 15px auto 10px; }
#banner-bottom .bnr-box p { font-family: 'Raleway', sans-serif; color: #fff; font-weight: 500; font-size: 15px; line-height: 1.3; }
#banner-bottom .bnr-box p a { color: #E93E91; }
#banner-bottom .bnr-box p a:hover { border-bottom: 1px solid #E93E91; }

/*content top*/
#content-top { background: url(../images/common/content-top.jpg) no-repeat center top; background-size: 100% 100%; position: relative; margin: 0 auto; padding: 40px 0 50px; }
#content-top h2 { max-width: 605px; width: 100%; margin: 0 auto 15px; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 26px; line-height: 1.2; }
#content-top h3 { margin: 0 auto 20px; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 40px; }
#content-top h4 { font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 18px; }
#content-top h4 a { color: #fff; background: #000; padding: 10px 60px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; transition: all 0.2s ease}
#content-top h4 a:hover { background: #fff; color: #000; }

/* sidebar */
#sidebar{ float:right; width:455px; border-left: 10px solid #E93E91; text-align: right; }			
			
/* content */
#content { float:left; width:520px; position: relative; }
#inner #content{width: 100%;float: none;}
.cnt h2,#content.con h2 { text-align: left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 25px; margin-bottom: 5px; }			
#content h1 { text-align: left; font-family: 'Oswald', sans-serif; color: #E93E91; font-weight: 400; font-size: 68px; line-height: 1; }			
#content.con h3 { text-align: left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 57px; line-height: 1; margin: 5px 0 40px; }			
.cnt{margin: 40px 0;}
.cnt ul,.cnt p,#content ul,#content p { text-align: left; font-family: 'Raleway', sans-serif; color: #fff; font-weight: 400; font-size: 15px; line-height: 1.4; }			
#content.con h4 { margin-top: 50px; text-align: left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 15px; }
#content.con h4 a { margin-right: 15px; color: #fff; background: #E93E91; padding: 10px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;transition: all 0.2s ease }
#content.con h4 a:hover { background: #fff; color: #E93E91; }

.cnt h4 { margin-top: 50px; text-align: left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 15px; }
.cnt h4 a { margin-right: 15px; color: #fff; background: #E93E91; padding: 10px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;transition: all 0.2s ease }
.cnt h4 a:hover { background: #fff; color: #E93E91; }

#content.con .pbox{border:5px solid #E93E91;padding: 20px;margin: 20px 0;}	
#content.con .pbox p{margin: 16px 0;}
#content.con .pbox p span{color:#E93E91;}
.cnt ul,#content ul{padding: 0 0 0 16px;list-style: square;margin: 16px 0;}

/*content bottom*/
#content-bottom { margin: 70px auto 0; padding: 0; position: relative; }
#content-bottom h2 { text-align: left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 25px; margin: 0 0 20px; }
#content-bottom h2 span { color: #E93E91; }
#content-bottom .cb-left { float: left; position: relative; width: 520px; }
#content-bottom form input[type="text"] { border: 0; position: relative; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Raleway', sans-serif; color: #111; font-weight: 400; font-size: 12px; margin: 5px 0; }
#content-bottom form input[type="text"]#name { float: left; width: 49%; }
#content-bottom form input[type="text"]#email { float: right; width: 49%; }
#content-bottom form textarea { width: 100%; resize: none; height: 70px; border: 0; position: relative; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Raleway', sans-serif; color: #111; font-weight: 400; font-size: 12px; margin: 5px 0; }
#content-bottom form input[type="submit"] { border: 0; float:left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 15px; background: #E93E91; padding: 10px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;transition: all 0.2s ease; }
#content-bottom form input[type="submit"]:hover { background: #fff; color: #E93E91; }
#content-bottom .captcha{margin:0 auto 25px;}
#content-bottom .captcha input{display: inline-block; vertical-align: top; margin-left: 10px !important;}
#content-bottom .cb-right { float: right; position: relative; width: 480px; }
#content-bottom .cb-right img { float: left; position: relative; }
#content-bottom .cb-right p { float: right; position: relative; width: 315px; text-align: left; font-family: 'Raleway', sans-serif; color: #fff; font-weight: 400; font-size: 15px; line-height: 1.5; }
#content-bottom .cb-right h3 { margin-top: 40px; text-align: left; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 15px; }
#content-bottom .cb-right h3 a { color: #fff; background: #E93E91; padding: 10px 50px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;transition: all 0.2s ease }
#content-bottom .cb-right h3 a:hover { background: #fff; color: #E93E91; }

/*testimonial-section*/
#testi {background: url(../images/common/testi.jpg)no-repeat center top fixed;color:#fff;padding:30px 0 25px;background-size: cover;}
#testi p {font-weight: 400;font-size:15px;line-height: 160%;max-width: 842px;margin:15px auto 0;}
#testi h3 {font-family: "Oswald";font-weight: 400;font-size:20px;/*background: url(../images/common/q-line.png)no-repeat center center;*/margin:25px auto 0;}
#testi hr{border:none;border-top:2px solid #fff;margin: 20px 0;}

/*footer-top*/
#footer-top {background: url(../images/common/footer-top.jpg)no-repeat center top;color:#fff;padding:45px 0 24px;background-size: 100% 100%}
#footer-top .container {max-width: 920px}
#footer-top .social a {font-family: "socialicoregular";font-weight: 400;font-size:45px;color:#fff;}
#footer-top p {font-family: "Oswald";font-weight:400;font-size:15px;margin:0 0 20px;}
#footer-top p img ,#footer-top p a, #footer-top p span {display: inline-block;vertical-align: middle;}
#footer-top p img  {margin:0 15px 0 0;}
#footer-top .left ,#footer-top .right {width: 235px;margin:90px 0 0;}
#footer-top .left {text-align: left;float:left;}
#footer-top .right {text-align: right;float:right;}
#footer-top .mid {display: inline-block;}
#footer-top .tel {font-size:30px;margin:15px 0 0;}
/* footer */
#footer{margin:0 auto;background:url(../images/common/footer.jpg)no-repeat center top;background-size:100% 100%; position:relative;padding:0 0 13px;}
#footer .container {border-top:1px solid #fff;}
#footer nav ul{ display:block; text-align:center; padding:0;margin:25px 0 0;}
#footer nav ul li{ display:inline-block; vertical-align: middle; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 15px; padding: 0 12px; }
#footer nav ul li a{ display: block; background: #fff; color: #111111; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 5px 40px;transition: all 0.2s ease }
#footer nav ul li a:hover, #footer nav ul li.active-menu a{ background: #E93E91;color:#fff; }
#footer p.copyright {font-weight:400;font-size:12px;color:#fff;letter-spacing: 4px;margin:28px 0 0; text-transform: uppercase;}
#footer p.copyright:last-of-type {margin-top: 0!important;}
#footer .silverc-text{margin:5px 10px 0; font-size:12px;color:#fff;}
#footer .silverc-text a {text-decoration:none;}
#footer .silverc-text .silverc-logo { margin:0; padding:0; width:65px; position:relative; top:7px; left:0;}
#footer .silverc-text span { position:relative; display:inline-block; margin:0; padding:0;}

#content.inner{}

.postList {display: flex; align-content: center; justify-content: space-between; background: rgba(0,0,0,0.6);}
.postList > div {width: 50%; box-sizing: border-box;}
.postListReverse {flex-direction: row-reverse;}
.postListImg {overflow: hidden;}
.postListImg img {width: 100%; min-height: 500px; object-fit: cover; display: block; transition: all ease 2s;}
.postListImg img:hover {transform: scale(1.2);}
.postListInfoBox {max-width: 500px; padding: 15px; box-sizing: border-box; margin: 0 auto; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 100%;}
.postListInfoBox p:last-of-type {margin-bottom: 0!important;}
.postListInfoBox h3, .postListInfoBox p {text-align: center!important;}
.postListInfoBox h3 {position: relative; padding-bottom: 15px; margin-bottom: 15px!important;}
.postListInfoBox h3:before {width: 120px; height: 5px; background: #E93E91; position: absolute; content: ""; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.postGallery {display: flex; justify-content: space-between; padding: 5px; border: 5px solid #E93E91; margin: 30px auto 0;}
.postGallery > div {width: 50%; box-sizing: border-box;}
.postGallery img {width: 100%; display: block; transition: all ease 0.5s;}
.postGallery img:hover {filter: brightness(120%);}
.postIntro {padding-bottom: 40px;}

body#inner #main {min-height: 400px;background: url(../images/common/bglogo.png) fixed;background-size: inherit;}
body#inner #content h1 {margin:0 0 20px;}
body#inner #content.con h3 {font-size: 25px;}

#content p.dots {color:#E93E91;font-family:"Oswald";margin:10px auto; text-align: center;font-size: 22px}
#content p.dots span {color:#fff;display: inline-block;padding:0 3px 0 0;}

/* New Forms */
form .messages p {display: none;font-family: Arial !important;font-weight: 400 !important;letter-spacing: 0 !important;font-size: 16px !important;}
form .loading {display: none;}
form .alert {padding: 15px !important;margin-bottom: 20px;border: 1px solid transparent !important;border-radius: 4px !important;}
form .alert-success {color: #3c763d !important;background-color: #dff0d8 !important;border-color: #d6e9c6 !important;}
form .alert-danger {color: #a94442 !important;background-color: #f2dede !important;border-color: #ebccd1 !important;}
form [type="submit"] {margin: 20px auto; padding: 10px 25px; border: 0; font-family: inherit; }
.g-recaptcha > div {margin: 0 auto}

/*contact form*/
.ctc-form {margin: 0 auto;text-align: center;max-width: 500px;}
.ctc-form input[type="text"],.ctc-form textarea {font-family:Arial;font-size: 16px;color:#000;height:45px;display: block;width: 100%;border:1px solid #ddd;border-radius: 3px;padding: 5px 10px;box-sizing: border-box;margin: 0 auto 8px}
.ctc-form textarea {height: 120px;padding-top:10px;}
.ctc-form .recap {display: inline-block;}