/*-------------------------------------
	2. Section Content Part 
-------------------------------------*/

@media only screen and (max-width:1024px) {
.section-full{	background-attachment:scroll !important; }
}

@media only screen and (max-width:480px) {
.section-head h1,
.section-head h2,
.section-head h3,
h1,h2,h3 {font-size:32px; line-height: normal;}
}


	2. background color
-------------------------------------*/
.bg-transparent{background-color:transparent;}
.bg-primary{background-color:#d72323;}
.bg-secondry{background-color:#232e35;}





/*========offer block section========*/
.offer-outer-full{
	display:table;
	width:100%
}
.offer-outer-full-left{
	display: table-cell;
	vertical-align: middle;
	width: 55%;
	float: none;
	border-top: 40px solid #fff;
	border-bottom: 40px solid #fff;
}
.offer-outer-full-right{
	display:table-cell;
	width:45%;
	float:none;
	vertical-align:middle;
}

.offer-block-left{
	max-width: 650px;
	float: right;
	padding:70px 0px 70px 0px;
}
.offer-block-right{
	color: #fff;
	margin: 80px 0px 80px 80px;
	padding: 50px;
	border: 2px dashed #fff;
	position: relative;
	max-width: 377px;
}


.offer-block-price span{
	font-size: 72px;
	font-weight: bold;
	line-height: 72px;
	display: inline-block;
	font-family: 'Fjalla One', sans-serif;
}
.offer-block-price strong{
	font-weight:normal;
	font-size:22px;
	padding-left:2px;
}
.offer-block-right i{
	font-size: 60px;
	position: absolute;
	left: -30px;
	bottom: 10px;
}


@media only screen and (max-width: 768px) {
.offer-outer-full-left{
	display: inherit;
	vertical-align: inherit;
	width: 100%;
	float: inherit;
	border-top:0px solid #fff;
	border-bottom:0px solid #f6f7f8;
}
.offer-outer-full-right{
	display:inherit;
	width:100%;
	float:inherit;
}
.offer-block-right {
    margin: 80px 0px 80px 25px;
    max-width: 100%;
}
.offer-block-left {
    max-width: 100%;
}
}

/*======================================
23. PAGE-CONTENT
======================================*/
#bg {background-attachment:fixed;	background-size:cover;}

.page-wraper {background:#fff;}
.page-content {position:relative;}
.section-full {position:relative;}
/*-------------------------------------
	1. Section Head Part 
-------------------------------------*/
.section-head {
	margin-bottom:60px;
}
.section-head h1.left,
.section-head h2.left,
.section-head h3.left,
.section-head h4.left,
.section-head h5.left,
.section-head h6.left{
	width:auto;
}
.section-head h1.right,
.section-head h2.right,
.section-head h3.right,
.section-head h4.right,
.section-head h5.right,
.section-head h6.right{
	width:auto;
}

.section-head h1.center,
.section-head h2.center,
.section-head h3.center,
.section-head h4.center,
.section-head h5.center,
.section-head h6.center{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;	
}
.section-head.no-margin {margin-bottom:0;}

.section-head h1,
.section-head h2,
.section-head h3 {margin-top:0;	}
.title-small {display:block;	color:#7a959d;	margin-bottom:15px;}
.section-head p {padding-top:20px;	font-size:16px;}
.section-head p:last-child {	margin-bottom:0;}
.text-center.section-head p {max-width:900px;	margin-left:auto;	margin-right:auto;}

.text-white {color:#FFF; }
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white .title-small {color:#FFF; }





/* 1.33 text link white */
.site-button-link.white {color:#e7e7e7;}
.site-button-link.white:hover,
.site-button-link.white:active,
.site-button-link.white:focus {color:#CCC;}



/*======================================
33. Background Effects
======================================*/
.bg-center{background-position:center;}

.bg-top-left{background-position:top left;}
.bg-top-right{	background-position:top right;}
.bg-top-center{background-position:top center;}

.bg-bottom-left{background-position:bottom left;}
.bg-bottom-right{background-position:bottom right;}
.bg-bottom-center{background-position:bottom center;}

.bg-left-center{background-position:left;}
.bg-right-center{background-position:left;}

.bg-auto{background-size:auto;}
.bg-contain{background-size:contain;}
.bg-cover{background-size:cover;}
.bg-full-width{background-size:100% auto;}
.bg-full-height{background-size: auto 100%;}

.bg-repeat{background-repeat:repeat;}
.bg-no-repeat{	background-repeat:no-repeat;}
.bg-repeat-x{background-repeat:repeat-x;}
.bg-repeat-y{background-repeat:repeat-y;}

.bg-fixed{background-attachment:fixed;}
.bg-scroll{background-attachment:scroll;}



/*======================================
8. OVERLAY ( transparient box style  )
======================================*/

.overlay-wraper {position:relative ;}
.overlay-main {position:absolute; 	left:0; 	top:0;	width:100%;	height:100%;}

.opacity-01{opacity:0.1;}
.opacity-02{opacity:0.2;}
.opacity-03{opacity:0.3;}
.opacity-04{opacity:0.4;}
.opacity-05{opacity:0.5;}
.opacity-06{opacity:0.6;}
.opacity-07{opacity:0.7;}
.opacity-08{opacity:0.8;}
.opacity-09{opacity:0.9;}

.overlay-light .overlay-main {	opacity:0.3;}
.overlay-dark .overlay-main {	opacity:0.9;}

.overlay-wraper > .container,
.overlay-wraper > .container-fluid,
.overlay-wraper >  .wt-icon-box-wraper,
.overlay-wraper > .wt-left-part,
.overlay-wraper > .wt-right-part{ 
	position:relative;
	z-index:1; 
}


/*===============
	PARTICLE CANVAS
=================*/
.particles-canvas{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

#particles-js {
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: #b61924;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#particles-js2 {
  position: absolute;
  right: 0px;
  width: 50%;
  height: 100%;
  background-color: #888;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}