@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,400italic,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400italic,600,700);
body {
	background:#FFF;
	color:#737a7f;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-family:'Raleway', sans-serif;
	color:#000;
	margin-bottom:10px;
	font-weight:bold;
	line-height:35px;
}

p { 
	color:#737a7f;
	margin:0;
	padding:0;
	font-family:'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:1.8;
}
.row {
	max-width:1170px;
	margin:auto;
}
img {
/*	width:100%;*/
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
a {font-family:'Roboto', sans-serif;}
a:focus,
a:hover {
	text-decoration:none;
}
section .btn {
	background:#c10003;
	color:#FFF;
	border:none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
section .btn:hover {
	background:#000;
	color:#fff !important;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.form-control {
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	margin-bottom:30px;
}
.form-control:focus {
	border-color:#333;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
::-webkit-input-placeholder {color:#999 !important;}
::-moz-placeholder {color:#999 !important;}
:-ms-input-placeholder {color:#999 !important;}
input:-moz-placeholder {color:#999 !important;}

#toTop {
	width:40px;
	height:40px;
	font-size:28px;
	color:#fff;
	background:#c10003;
	position:fixed;
	right:10px;
	bottom:20px;
	text-align:center;
}
#toTop a:focus,
a:hover {
	color:#fff;
}

.shr-section-title {
	color:#000;
	border-bottom:1px solid #c10003;
	padding-bottom:20px;
	margin-bottom:30px;
	display:inline-block;
	font-weight:700;
	font-size:32px;
	line-height:38px;
	text-transform:uppercase;
	font-family:'Raleway', sans-serif;
	position:relative;
}
.shr-section-title span {
	color:#c10003;
}
.shr-section-title .shr-round {
	position:absolute;
	bottom:-6px;
	left:50%;
	margin-left:-4px;
	width:10px;
	height:10px;
	background:#000;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.shr-sub-title {
	text-align:center;
	margin-bottom:60px;
}
.shr-color {
	color:#c10003;
}

/************header start************/

.shr-header {width:100%;}
.navbar {
	background:transparent;
	margin-bottom:0px;
	min-height:70px;
	border:none;
}
.navbar-brand  >  img {
	display:inline-block;
}
.shr-logo {
	width:140px;
	height:auto;
	margin-top:35px;
	display:inline-block;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;

}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin-left:0px;
}
.navbar-brand {
	padding:10px 15px;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
} 
.navbar-default .navbar-nav > .active > a {
	background:transparent;
	color:#fff;
	border-bottom:2px solid #c10003;
}
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background:transparent;
	color:#FFF;
}
.navbar-default .navbar-nav > li > a {
	font-size:14px;
	font-weight:700;
	color:#C5C5C5;
	text-transform:uppercase;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:40px;
	margin-bottom:15px;
	margin-right:1px;
	margin-left:1px;
}
.navbar-default .navbar-nav > li > a:hover {color:#FFF;}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {color:#fff;}

/*underline*/
.cmn-t-underline {
	position:relative;
	color:#ff3296;
}
.cmn-t-underline:after {
	display:block;
	position:absolute;
	left:0;
	bottom:-2px;
	width:0;
	height:2px;
	background-color:#c10003;
	content:"";
	transition:width 0.2s;
}
.cmn-t-underline:hover {
	color:#98004a;
}
.cmn-t-underline:hover:after {
	width:100%;
}
/*end underline*/


@media screen and (max-width:720px){
    .background img{width:100%;}

}

/*header style start*/
.top-nav-collapse {
	background:rgba(0, 0, 0, 0.8);
	top:0;
	position:fixed;
	z-index:999;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
.top-nav-collapse:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(images/bgs/pattern.png);
	background-repeat:no-repeat;
}
.top-nav-collapse .nav > li > a {
	margin-top:15px;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}
.top-nav-collapse .shr-logo {
	margin-top:5px;
	transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}

.flag {
	padding: 8px 15px !important;
	}
	
@media only screen and (max-width: 767px) {
	.flag > img {
	width: 24px;
	}
}
	
/*header style end*/

/************header end************/



/************hero start************/
.shr-hero-area {
	width:100%;
	padding-top:160px;
	position:relative;
	overflow:hidden;
}
.shr-hero-area:before {
	content:"";
	position:absolute;
	height:100%;
	width:100%;
	z-index:0;
	left:0;
	top:0;
	background-image:url(images/bgs/pattern.png);
	background-repeat:repeat;
}
.shr-bg-opacity {
	background:url(images/bgs/pattern.png);
	background-repeat:repeat;
}
#hero {
	background:url(images/bgs/01.jpg) 50% 20% no-repeat;
	background-size:cover;
}
.shr-hero-area h1 {
	font-size:54px;
	color:#fff;
	font-weight:900;
	padding-top:100px;
	line-height:1.2;
	text-transform:uppercase;
}
.shr-hero-area p {
	font-size:18px;
	color:#fff;
	line-height:24px;
	margin-top:30px;
	margin-bottom:25px;
}
.shr-hero-area .btn {
	font-size:17px;
	font-style:normal;
	background:#c10003;
	border:1px solid #c10003;
	letter-spacing:2px;
	padding:12px 15px 12px;
	margin-bottom:50px;
	margin-right:5px;
}
.shr-hero-area .btn:hover {
	background:#fff;
	color:#000 !important;
	border-color:#fff;
}
.shr-hero-area .shr-download-btn {
	background:none;
	border:1px solid #fff;
}
.shr-hero-content-img {}
.shr-hero-content-img img {}

/************hero end************/



/************welcome start************/
.shr-welcome-area {
	width:100%;
	padding:120px 0 50px;
}
.shr-welcome-content {
	position:relative;
	margin-bottom:60px;
	text-align:right;
	padding-right:130px;
}
.shr-welcome-content i {
	font-size:45px;
	background:url(images/bgs/pattern.png);
	background-repeat:repeat;
	background-color:#656565;
	color:#fff;
	text-align:center;
	padding-top:23px;
	width:90px;
	height:90px;
	position:absolute;
	right:0px;
	top:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.shr-welcome-content:hover i {
	transform:scale(1.1);
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
/************welcome end************/



/************features start************/
.shr-features-area {
	width:100%;
	padding:120px 0px 50px;
	background:url(images/bgs/02.jpg) center center fixed;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.shr-features-area:before {
	content:"";
	position:absolute;
	height:100%;
	width:100%;
	z-index:0;
	left:0;
	top:0;
	background-image:url(images/bgs/pattern.png);
	background-repeat:repeat;
}
.shr-features-area h2, .shr-features-area p, .shr-features-area h4 {
	color:#fff;
}
.shr-features-area .shr-sub-title {
 color:#fff;
}
.shr-features-area .shr-round {
	background:#fff;
}
.shr-left-features-text {
	text-align:right;
	margin-top:40px;
	margin-bottom:70px;
}
.shr-left-features-text i {
	font-size:55px;
	color:#c10003;
	margin-bottom:30px;
}
.shr-left-features-text p {
	font-size:14px;
	font-weight:normal;
}
.shr-features-img {
	width:318px;
	height:auto;
	margin:0 auto;
	margin-bottom:100px;
}
.shr-features-img img {
	
}
.shr-right-features-text {
	text-align:left;
	margin-top:40px;
	margin-bottom:70px;
}
.shr-right-features-text i {
	font-size:55px;
	color:#c10003;
	margin-bottom:30px;
}
.shr-right-features-text p {
	font-size:14px;
	font-weight:normal;
}

/************features end************/



/************pricing start************/
.shr-pricing-area {
	width:100%;
	padding:120px 0px 70px;
}
.shr-pricing-area .shr-table-col {
	margin-bottom:50px;
	text-align:center;
	background-color:rgba(0,0,0,.005);
	border:1px solid #e4e9ee;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-pricing-area .shr-table-col:hover {
	transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-table-col .shr-table-heading {
	background-color:#F3F3F3;
	padding:35px;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-table-col:hover .shr-table-heading {
	background:#c10003;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-table-col .shr-table-heading i {
	color:#000;
	font-size:30px;
	border-bottom:1px solid #000;
	margin-bottom:10px;
}
.shr-table-col .shr-table-heading h2 {margin-bottom:0px;}
.shr-table-col:hover .shr-table-heading i,
.shr-table-col:hover .shr-table-heading h2 {
	color:#fff;
	border-color:#fff;
}
.shr-table-col h1 {
	color:#c10003;
	font-size:55px;
	font-weight:900;
	margin:30px 0px;
}
.shr-table-col h1 span {
	font-size:12px;
}
.shr-table-col .list-group {
	padding:30px 30px 0px 30px;
}
.shr-table-col .list-group .list-group-item {
	padding:15px;
	border:none;
	border-top:1px solid #e4e9ee;
}
.shr-table-col .shr-table-footer {
	background:#F3F3F3;
	padding:25px; 
	display:block;
	cursor:pointer;
}
.shr-table-col .shr-table-footer a {
	font-size:15px;
	color:#000;
	display:block;
	padding:10px 5px;
	font-weight:700;
}
.shr-table-col .shr-table-footer:hover a {
	color:#c10003;
}
/************pricing end************/



/************describe start************/
.shr-describe-area {
	width:100%;
	padding:120px 0px 0px;
	background:#f1f1f1;
}
.shr-describe-area .shr-discribe-col {
	margin-bottom:0px;
}
.shr-discribe-col h1 {
	font-size:45px;
	line-height:55px;
}
.shr-discribe-col p {
	margin-bottom:50px;
}
/************describe end************/



/************team start************/
.shr-team-area {
	width:100%;
	padding:120px 0px 70px;
	background:url(images/bgs/04.jpg) center center fixed;
	background-size:cover;
	position:relative;
}
.shr-team-area:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(images/bgs/pattern.png);
	background-repeat:repeat;
}
.shr-team-area h2 {
	color:#fff;
}
.shr-team-area .shr-round {
	background:#fff;
}
.shr-team-area .shr-sub-title {
	color:#fff;
}
.shr-team-col {
	margin-bottom:50px;
}
.shr-team-col .ih-item.square {
	width:100%;
	height:auto;
	border:none;
	box-shadow:none;
}
.shr-team-col .ih-item.square.effect6 .info h3 {
	background:rgba(17, 17, 17, 0.5);
}
.shr-team-col .shr-social-link {
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:2px solid #fff;
}
.shr-team-col .shr-social-link i {
	width:35px;
	height:35px;
	font-size:17px;
	padding-top:8px;
	text-align:center;
	color:#fff;
	background:#c10003;
	border:1px solid #c10003;
	margin-left:5px;
	margin-right:5px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-team-col .shr-social-link i:hover {
	background:none;
	color:#c10003;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
/************team end************/



/************counter start************/
.shr-counter-area {
	width:100%;
	padding:120px 0px 70px;
	text-align:center;
	background:#f1f1f1;
}
.shr-counter-area .shr-count-col {
	margin-bottom:50px;
}
.shr-count-col i {
	font-size:45px;
	background:url(images/bgs/pattern.png);
	background-repeat:repeat;
	background-color:#656565;
	color:#fff;
	text-align:center;
	line-height:110px;
	margin-bottom:30px;
	width:110px;
	height:110px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}
.shr-count-col h3 {
	margin-bottom:25px;
}
.shr-count-col span {
	font-size:60px;
	line-height:45px;
	font-weight:900;
	color:#c10003;
}
/************counter end************/



/************news start************/
.shr-news-area {
	width:100%;
	padding:120px 0px;
	background:url(images/bgs/bg-img.png);
	background-repeat:repeat;
	
}
.shr-news-col {
	margin-bottom:50px;
	/*background:#f1f1f1;
	padding:30px;*/
}
.shr-news-content {
	position:relative;
	/*padding-left:140px;*/
}
.shr-news-content .shr-awesome {
	width:100px;
	height:100px;
	position:absolute;
	left:0px;
	top:-15px;
	font-size:50px;
	color:#c10003;
	padding-top:20px;
	border:2px solid #333;
	text-align:center;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-news-col:hover .shr-news-content .shr-awesome {
	-webkit-transform:rotateZ(360deg);
	-ms-transform:rotateZ(360deg);
	-moz-transform:rotateZ(360deg);
	transform:rotateZ(360deg);
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-news-content h3 {
	text-transform:uppercase;
}
.shr-news-info {
	margin:10px 0px;
}
.shr-news-info ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.shr-news-info ul li {
	float:left;
	margin-right:20px;
}
.shr-news-info ul li i {
	color:#c10003;
	margin-left:5px;
}
/************news end************/



/************twitter start************/
.shr-twitter-area {
	width:100%;
	padding:30px 0px;
	background:#c10003;
	position:relative;
}
.shr-twitter-area i {
	width:60px;
	height:60px;
	background:#c10003;
	font-size:38px;
	color:#fff;
	text-align:center;
	position:absolute;
	left:50%;
	top:-60px;
	margin-left:-30px;
	padding-top:10px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
}
/************twitter end************/



/************subscribe start************/
.shr-subscribe-area {
	width:100%;
	padding:120px 0px 120px;
	background:url(images/bgs/03.jpg) center center fixed;
	background-size:cover;
	position:relative;
}
.shr-subscribe-area:before {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/bgs/pattern.png);
	background-repeat:repeat;
}
.shr-subscribe-area h2 {
	color:#fff;
}
.shr-subscribe-area .shr-round {
	background:#fff ;
}
.shr-subscribe-area .shr-sub-title {
	color:#fff;
}
.shr-subscribe-area .navbar-form .form-group {
}
.shr-subscribe-area .form-control {
	margin-bottom:0px;
	border:none;
	box-shadow:none;
}
.shr-subscribe-area .navbar-form .form-group .btn {
	color:#fff;
	border:1px solid #c10003;
}
.shr-subscribe-area .navbar-form .form-group .btn:hover {
	background:#84ae39;
}
/************subscribe end************/



/************contact start************/
.shr-contact-area {
	width:100%;
	padding:120px 0px 120px;
	background:url(images/bgs/05.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.shr-contact-area .shr-sub-title {
	color:#fff;
}
.shr-contact-area .form-control {
	background:url(images/bgs/pattern.png);
	background-repeat:repeat;
	background-color:rgba(0,0,0,.3);
	border:1px solid #666;
	color:#fff;
	margin-bottom:5px;
	min-height:50px;
	resize:none;
}
.shr-contact-area .form-control:focus {
	background:url(images/bgs/pattern.png) !important;
	background-repeat:repeat;
	background:#000;
}
.shr-contact-area .btn {
	background:#c10003;
	padding-top:16px;
	padding-bottom:16px;
}
/************contact end************/


/************footer start************/
.shr-footer-area {
	width:100%;
	padding:30px 0px;
	background-image:url(images/bgs/pattern.png);
	background-repeat:repeat;
	background-color:rgba(0,0,0,.8);
}
.shr-footer-btn {
	margin-bottom:50px;
}
.shr-footer-btn .btn {
	font-size:20px;
	font-weight:300;
	padding:20px 20px 20px 20px;
	color:#fff;
	border-color:rgba(0,0,0,.1);
	background-color:rgba(0, 0, 0, 0.35);
	border-radius:0px;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-footer-btn .btn:hover {
	background:#070707;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-footer-btn i {
	font-size:30px;
	margin-left:10px;
	margin-right:10px;
}
.shr-socila-grup {
	border-top:1px solid rgba(0,0,0,.3);
	padding-top:50px;
	padding-bottom:10px;
}
.shr-socila-grup i {
	width:70px;
	height:70px;
	font-size:20px;
	line-height:70px;
	color:#fff;
	margin:5px;
	text-align:center;
	border-color:rgba(0,0,0,.1);
	background-color:rgba(0, 0, 0, 0.35);
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.shr-socila-grup i:hover {
	background:#c10003;
}
.shr-copyright-text {
	color:#d9e2e9;
	font-size:14px;
}
.shr-copyright-text a {
	color:#797979;
	border-right:1px solid #797979;
	padding:0 12px 0 10px;
}
.shr-copyright-text a:last-child {
	border-right:none;
}
.shr-copyright-text a:hover {
	color:#c10003;
}

@media (min-width:0px) and (max-width:590px) { 
	.shr-copyright-text a {
		color:#797979;
		border-right:none;
		padding:0 12px 0 8px;
	}
}
/************footer end************/

.border-w {max-width:80%;margin:0 auto;}
.ph-size {
	border:2px solid #e5e5e5;
	border-radius:20px;
	padding:10px;
	margin-bottom:13px;
}

/* policy */
.text-left {
	text-align:left;
}
.policy {
	font-size:14px;
	line-height:26px;
	font-weight:400;
	padding-top:30px;
}
.text-boxs  >  a {
	color:#000!important;
}
.text-boxs  >  a:hover {
	color:#c10003!important;
}
.text-boxs {
	border-bottom:1px solid #e6e6e6;
	margin-bottom:20px;
	padding-bottom:20px;
}
.p-title {
	font-size:15px;
	font-weight:500;
	color:#000;
}
.last-bt {border-bottom:none;}
.text-in {padding-left:15px;}
.person-in-c {padding-left:20px;}

.portfolio-box {
	position:relative;
	display:block;
	max-width:650px;
	margin:0 auto;
}

@media screen and (max-device-width: 480px) { 
	.btn-pp {min-width: 201px !important;}
	.btn-p {min-width: 201px !important;}
	
	.popup-gallery > p {margin-bottom: 35px;}
	
	.shr-news-col {padding: 0px;}
}

.main-video {
	object-fit: cover!imporant;
    background-size: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    z-index: -999;
}

/*modal*/

.pt-5 {padding-top:5px;}

.modal-head {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.modal-logo {
	float: left;
    width: 57px;
    height: 57px;
    margin-right: 15px;
}

.modal-app {
	text-align: left;
	font-size: 15px;
}
.modal-app > span {
	font-size: 11.5px;
}

.modal-down {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

.modal-down a span {
	border: 2px solid red;
    border-radius: 20px;
    padding: 7px 20px;
    background: red;
    color: #fff;
}
.apk-box-img1 {
	width: 140px;
    vertical-align: middle;
    display: table-cell;
}

.apk-box-img1 > span {
	position: relative;
    width: 134px;
    height: 159px;
    display: block;
}

.apk-box-text1 {
	vertical-align: middle;
    display: table-cell;
    text-align: left;
}

.apk-box-text1 > span {
	font-size: 11px;
    color: #8e8e8e;
    line-height: 15px;
    display: block;
}

.em {
	position: absolute;
    left: 0;
    top: 0;
    width: 134px;
    height: 159px;
    display: block;
    -webkit-animation: fade-out 3s ease-out infinite both;
	animation: fade-out 3s ease-out infinite both;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
	opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
	opacity: 0;
  }
}

.apk-box-img2 {
	width: 140px;
    vertical-align: middle;
    display: table-cell;
}

.apk-box-img2 > span {
	position: relative;
    width: 134px;
    height: 159px;
    display: block;
}

.apk-box-point1 {
	position:absolute; width:30px; height:30px; left:104px; top:81px; background:#000000; opacity:0; display:block;
	-webkit-border-radius:50%; -webkit-transform-origin:center center; -webkit-transform:scale(0); -webkit-animation:keyfocusani 2s linear infinite;
	border-radius:50%; transform-origin:center center; transform:scale(0); animation:keyfocusani 2s linear infinite;
}

.apk-box-point2 {
	left: 81px;
    top: 115px;
}

@keyframes keyfocusani {
	0% { transform:scale(0.2); opacity:0; }
	79% { transform:scale(0.2); opacity:0; }
	80% { transform:scale(0.2); opacity:0.15; }
	100% { transform:scale(1.2); opacity:0; }
}

.apk-box {
	display: block;
    margin-top: 36px;
	margin-bottom: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    background: white;
}
.bg-notice {background:#fbfbfb; border: 1px solid #fbfbfb;}

.txt_sub {
    display: block;
    margin: -2px 0 3px 0;
    color: #888c91;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px;
}
.apk-num {
	display: inline-block;
    width: 45px;
    height: 45px;
    margin-top: -25px;
    -webkit-background-size: 45px 45px;
    background-size: 45px 45px;
	}

.notice_ul {
    margin-top: 8px;
    margin-left: 25px;
    margin-bottom: 20px;
    padding: 0 10px 0 4px;
    text-align: justify;
	list-style: decimal;
}
.notice_li {
    color: #636567;
    font-size: 12px;
    line-height: 1.4;
    text-indent: -8px;
    margin-bottom: 5px;
}

.shake-horizontal {
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3 both;
	animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3 both;
}
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}

.shr-download-area {
	padding: 50px 0;
    background: #fbfbfb;
}

.m-hidden-down {
	margin-top:30px;
}

.shr-sub-title-sub{
    font-size: 14px;
    color: #949494;
    font-weight: 600;
}