@import url(../css/themify-icons.css);
@import url(../css/animate.min.css);
/* =============================================================================
   BROWSER RESET STYLES
   ============================================================================= */
  *{
	  margin:0px;
	  padding:0px;
  }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, input, button, tfoot, thead, time, tr, th, td, u, ul, var, video {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 100%;
	line-height: 100%;
	color: #333;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
* {
	margin: 0;
	padding: 0;
}
label {
	padding: 0;
	margin: 0;
}
ul, li, ol {
	padding: 0;
	margin: 0;
}
.clear, .clearfix {
	clear: both;
}
a, img {
	border: 0;
	outline: none;
	text-decoration: none;
}
input::-moz-focus-inner {
 border: 0;
}
input, select, textarea, button {
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
}
body {
	background: #FFF;
}
/* =============================================================================
   TYPOGRAPHY STYLES
   ============================================================================= */
h1, h2, h3, h4, h5 {
	font-family: Arial;
	line-height: 100%;
	font-weight: 300;
	text-transform: none;
	color: #333;
}
h1 {
	font-size: 30px;
	margin-bottom: 20px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 17px;
}
h5 {
	font-size: 16px;
}
p, li {
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	color: #333;
	padding-bottom: 4px;
	font-family: Arial;
	list-style:none;
}
li {
	padding: 0;
	font-family: Arial;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
}
a {
	font-family: Arial;
	font-weight: 300;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
strong {
	font-weight: 400;
}

/* ============================================
	MAIN STYLES
   ============================================ */
.pageWidth {
	width:1170px;
	margin:0 auto;
	max-width:100%;
}
header {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:999;
	
}

header .pageWidth{
	max-width:1080px;
}
.banner img{
	background-attachment:fixed;
}
.header-first{
	padding:20px 0;
	position:relative;
}
.header-social {
    position:absolute;
	right:0;
	bottom:19px;
}
.header-social ul li{
    float:left;
}
.header-social ul li a {
    margin: 0 5px;
	border-radius:2px;
	padding:6px 8px;
	background-color:#fff;
}
.header-social ul li a i{
	color:#000;
	font-size:12px;
}
.face i {
	color:#3B5998!important;
}
.glg i {
	color:#cc181e!important;
}
.you i {
	color:#b31217!important;
}
.header-social ul li a i:hover{
	color:#fff;
}
.face:hover{
	background-color:#3B5998;
}
.glg:hover{
	background-color:#cc181e;
}
.you:hover{
	background-color:#b31217;
}
.header-social ul li a:hover  i {
	color:#fff!important;
}
.logo {
    float: left;
    position: relative;
    top: 10px;
}
.menu{
	text-align:center;
	padding:15px 0;
	margin:0 auto;
	border-top:1px solid #949496;
}
.menu ul li{
	display:inline-block;
	margin:20px 0;
}
.menu ul li a{
	padding:10px 20px;
	color:#fff;
	border-radius:15px;
	font-size:16px;
	margin:15px 18px;
	text-transform:uppercase;
}
.menu ul li a:hover{
	background-color:#E91770;
}
.menu ul li.active a{
	background-color:#E91770;
}
.sticky {
	background-color:#0A99B2;
    border-bottom: 0 none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
	padding-top:0;
	min-width:100%;
	display:block;
}
.sticky .header-first{
	border-bottom:0 none;
	padding:0;
}
.sticky .menu{
	padding:0;
	position:absolute;
	top:0px;
	left:0;
	right:0;
	margin:0 auto;
	width:767px;
}
.sticky .logo a img {
    width: 55%;
	margin:6px 0;
	display:block;
}
.sticky .menu ul li a  {
	padding:10px 20px;
	margin:15px 18px;
	transform: scaleX(1);
}

.sticky .icon_menu{
	top:19px;
}
.sticky .header-right{
	padding:0;
}
.sticky .logo{
	padding:0;
	top:0;
}
.sticky .dropdownList{
	top:100%;
}
.banner-middle{
	text-align:center;
	position:absolute;
	z-index:9;
	top:45%;
	width:100%;
}
.banner-middle h3{
	font-size:48px;
	font-weight:600;
	color:#fff;
	z-index:999;
	margin-bottom:50px;
	line-height:50px;
}
.head-resize h3{
	font-size:42px;
}
.banner-title {
	margin:0 auto;
	width:64%;
}
.banner-title ul li{
	float:left;
	color:#fff;
	margin:0 auto 70px 40px;
	font-size:30px;
	
}
.mask{
	position:absolute;
	height:100%;
	width:100%;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 20%, rgba(0,0,0,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.4) 20%,rgba(0,0,0,1) 90%);
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.4) 20%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
	top:0;
}
.animation_1{
	animation-delay:1.5s;
	animation-duration:3000;
}
.animation_2{
	animation-delay:2s;
	animation-duration:3000;
}
.animation_3{
	animation-delay:2.5s;
	animation-duration:3000;
}
.btn-emb{
	background-color:transparent!important;
	border:2px solid #FFF!important;
}
.btn-emb:hover{
	background-color:#e91770!important;
	border:2px solid #e91770!important;
}
.page-content h1,.row h1{
	text-align:center;
	font-size:35px;
	color:#656565;
	position:relative;
	padding-bottom:25px;
}
.page-content h1:after,.row h1:after{
	content:"";
	position:relative;
	height:4px;
	bottom:-15px;
	width:35px;
	background-color:#E91770;
	margin:0 auto;
	display:block;
}
.title-content{
	width:100%;
	float:left;
}
.title-paragraph{
	width:30%;
	float:left;
	margin-right:3.3%;
}
.bg-color{
	background-color:#F6F6F6;
}
.title-content ul li{
	margin:3% 5.5%;
	position:relative;
	float:left;
}
.mask1{
	width:100%;
	height:98%;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
}
.black-color{
	background-color:#1a1c1c;
}
.black-color h1{
	color:#fff;
}
.title-latest{
	width:100%;
	float:left;
}
.title-latest ul li{
	width:30%;
	float:left;
	margin-right:3%;
}
.title-latest ul li img:hover{
	transform:scale(1.2);
}
.image-content{
	background-color:#f6f6f6;
	padding:10px;
	margin-top:-6px;
}
.image-content span{
	color:#333;
	margin-bottom:5px;
	font-size:11px;
	font-style:italic;
}

#btn-scrollup {
    background-color:transparent;
    bottom: 15px;
    line-height: 18px;
    opacity: 1;
    position: fixed;
    right: 15px;
    text-align: center;
	display:none;
	transition:all 0.3s ease-in-out;
}
#btn-scrollup i {
	color:#E91770;
	font-size:50px;
	font-weight:800;
	transition:all 0.3s ease-in-out;
}
#btn-scrollup i:hover{
	color:#2a2d2d;
}

.swiper-slide h3, .swiper-slide a.button{    
    -webkit-transition:all ease 0.6s;
    -moz-transition:all ease 0.6s;
    -o-transition:all ease 0.6s;
    transition:all ease 0.6s;    
    margin-left:100px;
    opacity:0;
    visibility:hidden;
}
.swiper-slide a.button{    
    margin-left:0;
    margin-right:100px;
}
.swiper-slide-active  * h3, .swiper-slide-active  * a.button{
    -webkit-transition:all ease 0.6s;
    -moz-transition:all ease 0.6s;
    -o-transition:all ease 0.6s;
    transition:all ease 0.6s;    
    margin-left:0;
    opacity:1;
    visibility:visible;
}
.swiper-slide-active  * a.button{
    margin-right:0;
}

/* =============================================================================
   CONTACTUS
   ============================================================================= */
.banner.contact{
	background-image:url("../images/inner/contactus-banner.jpg");
}
.banner.aboutus {
	background-image:url("../images/inner/aboutus-banner.jpg");
}
.banner.demo {
	background-image:url("../images/inner/demo-banner.jpg");
}
.banner {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.banner img{
	width:100%;
}
.head_image{
	width:100%;
	min-height:350px;
	position:relative;
}
.head-mask{
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.3);
	left:0;
	top:0;
}
.head-mask2{
	width:100%;
	height:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
	left:0;
	top:0;
}
.contactus{
	width:100%;
}
.contactus h3{
	font-size:23px;
	font-weight:bold;
	color:#555;
}
.contactus-left{
	width:50%;
	float:left;
}
#mailForm{
	width:100%;
} 
.contactus-left ul li{
	width:100%;
	float:left;
	margin:8px 0;
}
.contactus-left ul li input,.contactus-left ul li textarea{
	width:95%;
	padding:14px 0 14px 40px;
	border:1px solid #ccc;
	position:relative;
	display:inline-block;
	text-align:left;
	border-radius:25px;
}
.pre-icon{
	position:relative;
}
.pre-icon i{
	position:absolute;
	font-size:14px;
	left:15px;
	top:15px;
	color:#ccc;
}
.sendBtn {
	padding:12px 40px;
	border:2px solid #E91770;
	background-color:#E91770;
	border-radius:10px;
	color:#fff;
	margin:15px 0;
	cursor:pointer;
	font-size:18px;
	transition:all 0.3s ease-in-out;
}
.button{
	padding:18px 24px;
	border:2px solid #E91770;
	background-color:#E91770;
	border-radius:10px;
	color:#fff;
	margin:15px 0;
	cursor:pointer;
	font-size:18px;
	transition:all 0.3s ease-in-out;
}
.button:hover,.sendBtn:hover{
	border:2px solid #333333;
	background-color:#333333;
}
.button i{
	color:#fff;
	padding-right:5px;
	font-size:12px;
}
.page-content button{
	margin:10px auto 0;
	display:block;
}
.contactus-right{
	float:right;
	width:50%;
}
.content-align {
    float: right;
    margin-top: 5px;
    width: 80%;
}
.contactus-right p{
	font-size:16px;
	line-height:24px;
	color:#656565;
}
.contactus-right i{
	font-size:60px;
	color:#00ACCB;
	padding-right:5px;
}
.address{
	margin-bottom:65px;
}
.address a:hover{
	border-bottom:1px solid #333;
	color:#000;
}
.address-icon{
	float:left;
	padding-right:15px;
	margin-bottom:40px;
}
.address-address{
	float:left;
}
.pre-icon label.error {
    margin: 3px 0 0 20px;
}

/* =============================================================================
   ABOUT US
   ============================================================================= */
.aboutus{
	width:100%;
}
.aboutus-list{
	width:71%;
	margin:0 auto;
}
.aboutus p{
	font-size:15px;
	color:#333;
	line-height:18px;
	background-image:url("../images/right-arrow.png");
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:12px;
}
.key p{
	font-size:15px;
	color:#333;
	line-height:24px;
}
.aboutus i{
	font-size:10px;
	margin-right:8px;
	line-height:24px;
}
.key p,.key h3{
	color:#fff;
}
.key h3{
	font-size:30px;
}
.key {
	text-align:center;
    background-color:#068299;
    background-size: cover;
    display: block;
    margin: 0 auto;
    width: 100%;
}
.main-counter{
	width:71%;
	margin:0 auto;
	text-align:left;
}
.counter{
	width:71%;
	margin:0 auto;
}
.counter h3{
	float:left;
	width:13%;
	text-align:left;
	font-size:40px;
	line-height:24px;
	padding:10px 0;
}
.counter h3 span{
	color:#fff;
	font-weight:600;
	margin-right:5px;
}
.counter p {
    float: left;
    margin-left: 37px;
    margin-top: 20px;
    text-align: left;
    width: 80%;
	font-size:16px;
}
.counter i{
	color:#fff;
	margin-right:10px;
}
.clients{
	width:100%;
	margin:0 auto;
	float:left;
}
.clients-list ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.clients-list ul li {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	float: left;
	list-style: none;
	overflow: hidden;
	padding: 25px 2% 15px;
	position: relative;
	text-align: center;
	width: 29%;
	min-height:85px;
}
.clients-list ul li p {
	padding-top: 12px;
}
.clients-list ul li:first-child {
	border-left: 0;
}
.clients-list ul.bdr-none li {
	border-bottom: 0;
}
.last_footer{
	padding:20px 0;
	background-color:#f6f6f6;
}
.last_footer p{
	float:left;
}
.last_footer a{
	float:right;
	padding-top:6px;
}
/* =============================================================================
   Demo
   ============================================================================= */
.demo_videos{
	width:100%;
}
.demo_videos ul li{
	width:40%;
	margin:0 4% 2% 4%;
	float:left;
}
.demo_videos ul li h3{
	margin-bottom:8px;
	text-transform:uppercase;
}
.demo_videos ul li:last-child{
	margin-left:0;
}
.demo_videos ul li:first-child{
	margin-left:9%;
}
.popup-youtube > img {
    display: block;
}
.demo_videos ul li a{
	position:relative;
	display: inline-block;
}
.demos_videos img {
    border: 2px solid #ffffff;
    width: 100%;
	position:relative;
}
.video-mask{
	height:100%;
	width:100%;
	position:absolute;
	background-color:rgba(0,0,0,0.5);
}
.demo_videos span {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -30px;
	background: #047cb9;
	padding-left: 4px;
	font-size: 22px;
	line-height: 36px;
	color: #FFF;
	text-align: center;
	width: 48px;
	height: 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.demo_videos a:hover span {
	background: #E91770;
}

.demo_videos ul li h3 {
    color: #555555;
    font-size: 18px;
    padding-bottom: 6px;
}

/* =============================================================================
   DEFAULT STYLES
   ============================================================================= */
   
.page-content {
	width:100%;
	min-height:400px;
	padding:50px 0;
}
.row {
	padding: 50px 0;
}
.row:after {
	content: '';
	clear: both;
	display: block;
}
h1 strong {
	color: #047cb9;
	font-weight: 300;
}
.text-white {
	color: #FFF;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
hr {
	margin: 15px 0 0;
	border: 0;
	border-top: double #eee;
}
.row:after, .row:before {
	content: '';
	clear: both;
	display: block;
}
.btn {
	background: #338ad3;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	min-width: 135px;
	padding: 17px 20px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.btn-primary {
	background: #047cb9;
}
.btn-secondary {
	background: #b77700;
}
.btn-embossed {
	-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);
	-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);
	-o-box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);
}
.btn-small {
	padding: 8px 15px;
	font-size: 13px;
	color: #555;
	min-width: inherit;
}
.btn-table {
	padding: 4px 8px;
	min-width: inherit;
	font-size: 13px;
}
.btn i {
	color: #FFF;
	padding-right: 8px;
}
.btn-i-r i {
	padding-right: 0;
	padding-left: 8px;
}
.btn-small i {
	font-size: 11px;
	color: #666;
}
.btn-table i {
	color: #FFF;
	padding: 0;
	font-size: 12px;
}
.btn-border {
	background: none;
	border: 1px solid #4ea0e6;
}
.btn-orange {
	background: #f39200;
	text-transform: uppercase;
	font-size: 18px;
}
.btn-danger {
	background: #bd3021;
}
.btn-success {
	background: #0f8732;
}
.btn:hover {
	background: ;
	color: #FFF;
}
.btn-txt-black, .btn-txt-black i {
	color: #555;
}
.btn-orange:hover {
	background: #047cb9;
}
.btn-border:hover {
	color: #333;
	border-color: #c9c9c9;
	background: none;
}
.btn-gplus, .btn-gplus:hover {
	background: #da4b3a;
}
.btn-facebook, .btn-facebook:hover {
	background: #37589b;
}
.btn-gplus:hover, .btn-facebook:hover {
	opacity: 0.85;
}
.delay-2 {
	animation-delay: 0.2s;
}
.delay-3 {
	animation-delay: 0.3s;
}
.delay-4 {
	animation-delay: 0.4s;
}
.delay-5 {
	animation-delay: 0.5s;
}
.delay-6 {
	animation-delay: 0.6s;
}
.form-group {
	margin-bottom: 22px;
}
.prepend-icon, .append-icon {
	position: relative;
}
.prepend-icon input, .prepend-icon textarea, .prepend-icon select {
	padding-left: 38px !important;
}
.append-icon input, .append-icon textarea, .append-icon select {
	padding-right: 38px !important;
}
.form-group label {
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
}
.form-control, .select2-container--default .select2-selection--single {
	background-color: #ffffff;
	border: 1px solid #e9e9e9;
	color: #555555;
	display: inline-block;
	font-size: 13px;
	height: auto;
	line-height: normal;
	padding: 12px 15px;
	transition: all 0.2s ease-out 0s;
	vertical-align: middle;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
select.form-control {
	padding: 9px;
	-webkit-padding-after: 11px;
	-webkit-padding-before: 11px;
}
.select2-container--default .select2-selection--single {
	padding: 5px;
}
select.select-box {
	appearance: none;
	-moz-appearance: none !important;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background-image: url("../images/front_end/down-arrow.png");
	background-repeat: no-repeat;
	background-position: 96% 16px;
	padding-right: 30px;
	width: 99.9%;
}
select.selectBox::-ms-expand {
 display:none;
}
textarea {
	resize: none;
	min-height: 80px;
}
.prepend-icon i, .append-icon i {
	color: #999;
	font-size: 13px;
	height: 42px;
	left: 2px;
	line-height: 42px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px;
}
.append-icon i {
	left: auto;
	right: 2px;
}
.form-control:hover, .form-control:focus {
	border-color: #c5c8cb;
}
.form-control.checkbox, .form-control.radio {
	width: auto;
	border: 1px solid #e9e9e9;
	opacity: 0.6;
}
.textarea {
	resize: vertical;
}
.form-group span {
	font-size: 13px;
	color: #444;
	margin-left: 5px;
}
.form-group a {
	text-decoration: underline;
}
.form-group a:hover {
	color: #047cb9;
}
input.error, textarea.error, select.error {
	border: 1px solid #fccece!important;
	color: #444!important;
	box-shadow: none!important
}
label.error {
	color: #df5544;
    font-size: 13px;
    margin: 3px 0 0;
    text-transform: lowercase;
}
.chkbox {
	position: relative;
}
.chkbox label.error {
	position: absolute;
	left: 0;
	bottom: -18px;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.pagination ul {
	overflow: hidden;
	background: #FFF;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	display: inline-block;
}
.pagination ul li {
	float: left;
	list-style: none;
	padding: 8px 13px;
	border-left: 1px solid #e5e5e5;
}
.pagination ul li:first-child {
	border-left: 0;
}
.pagination ul li a {
	color: #555;
	padding: 3px 8px;
}
.pagination ul li a:hover, .pagination ul li a.active {
	background: #e5e5e5;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.pagination li a.pagination-gap:hover {
	background: none;
	color: #666;
}
.pagination ul li i {
	font-size: 12px;
	color: #555;
}
.pagination ul li i.ti-angle-left {
	padding-right: 5px;
}
.pagination ul li i.ti-angle-right {
	padding-left: 5px;
}
.text-success {
	color: #339135 !important;
}
.text-warning {
	color: #a4731e !important;
}
.text-danger {
	color: #f44336 !important;
}
.text-primary {
	color: #047cb9 !important;
}
.alert {
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 14px;
}
.alert p {
	padding-bottom: 2px !important;
}
.alert-success {
	background-color: #d1ede8 !important;
	color: #0d2213 !important;
}
.alert-warning {
	background-color: #f3e6d1 !important;
	color: #3c2206 !important;
}
.alert-danger {
	background-color: #fee0de !important;
	color: #4e120c !important;
}
.alert-primary {
	background-color: #c2e9fd !important;
	color: #09547b !important;
}
.bg-success {
	background-color: #0f8732 !important;
	color: #fff !important;
}
.bg-warning {
	background-color: #a65b0a !important;
	color: #fff !important;
}
.bg-danger {
	background-color: #9d180a !important;
	color: #fff !important;
}
.bg-primary {
	background-color: #047cb9 !important;
	color: #fff !important;
}
.bg-primary p, .bg-danger p, .bg-success p, .bg-warning p {
	color: #fff !important;
}
.m-auto {
	margin: auto;
}
.w-25 {
	width:100px!important;
}
.w-35 {
	width:120px!important;
}
.m-0 {
	margin: 0 !important;
}
.m-5 {
	margin: 5px;
}
.m-10 {
	margin: 10px;
}
.m-20 {
	margin: 20px;
}
.m-t-0 {
	margin-top: 0px !important;
}
.m-t-5 {
	margin-top: 5px;
}
.m-t-10 {
	margin-top: 10px;
}
.m-t-12 {
	margin-top: 12px;
}
.m-t-20 {
	margin-top: 20px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-t-40 {
	margin-top: 40px;
}
.m-t-60 {
	margin-top: 60px;
}
.m-b-0 {
	margin-bottom: 0px !important;
}
.m-b-5 {
	margin-bottom: 5px;
}
.m-b-6 {
	margin-bottom: 6px;
}
.m-b-10 {
	margin-bottom: 10px;
}
.m-b-12 {
	margin-bottom: 12px;
}
.m-b-15 {
	margin-bottom: 15px;
}
.m-b-20 {
	margin-bottom: 20px;
}
.m-b-30 {
	margin-bottom: 30px;
}
.m-b-40 {
	margin-bottom: 40px;
}
.m-b-60 {
	margin-bottom: 60px;
}
.m-l-0 {
	margin-left: 0 !important;
}
.m-l-5 {
	margin-left: 5px;
}
.m-l-10 {
	margin-left: 10px;
}
.m-l-20 {
	margin-left: 20px;
}
.m-l-30 {
	margin-left: 30px;
}
.m-l-60 {
	margin-left: 60px;
}
.m-r-0 {
	margin-right: 0 !important;
}
.m-r-5 {
	margin-right: 5px;
}
.m-r-10 {
	margin-right: 10px;
}
.m-r-20 {
	margin-right: 20px;
}
.m-r-30 {
	margin-right: 30px;
}
.m-r-60 {
	margin-right: 60px;
}
.p-0 {
	padding: 0 !important;
}
.p-5 {
	padding: 5px;
}
.p-10 {
	padding: 10px;
}
.p-15 {
	padding: 15px;
}
.p-20 {
	padding: 20px;
}
.p-30 {
	padding: 30px;
}
.p-40 {
	padding: 40px;
}
.p-t-0 {
	padding-top: 0 !important;
}
.p-t-10 {
	padding-top: 10px;
}
.p-t-20 {
	padding-top: 20px;
}
.p-t-30 {
	padding-top: 30px;
}
.p-t-40 {
	padding-top: 40px;
}
.p-t-50 {
	padding-top: 50px;
}
.p-t-60 {
	padding-top: 60px;
}
.p-b-0 {
	padding-bottom: 0 !important;
}
.p-b-10 {
	padding-bottom: 10px;
}
.p-b-20 {
	padding-bottom: 20px;
}
.p-b-30 {
	padding-bottom: 30px;
}
.p-l-0 {
	padding-left: 0 !important;
}
.p-l-5 {
	padding-left: 5px;
}
.p-l-10 {
	padding-left: 10px;
}
.p-l-20 {
	padding-left: 20px;
}
.p-l-30 {
	padding-left: 30px;
}
.p-l-40 {
	padding-left: 40px;
}
.p-r-0 {
	padding-right: 0 !important;
}
.p-r-5 {
	padding-right: 5px;
}
.p-r-10 {
	padding-right: 10px;
}
.p-r-20 {
	padding-right: 20px;
}
.p-r-30 {
	padding-right: 30px;
}
.t-0 {
	top: 0;
}
.t-5 {
	top: 5px;
}
.t-10 {
	top: 10px;
}
.t-15 {
	top: 15px;
}
.b-0 {
	bottom: 0;
}
.b-5 {
	bottom: 5px;
}
.b-10 {
	bottom: 10px;
}
.b-15 {
	bottom: 15px;
}
.l-0 {
	left: 0;
}
.l-5 {
	left: 5px;
}
.l-10 {
	left: 10px;
}
.l-15 {
	left: 15px;
}
.r-0 {
	right: 0;
}
.r-5 {
	right: 5px;
}
.r-10 {
	right: 10px;
}
.r-15 {
	right: 15px;
}
.b-t-d {
	border-top: 1px dashed #ddd;
}
.bd-0 {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.bd-3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}