/*----------------------------------------
  HTML CONTROL
------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700|Open+Sans|Poppins|Roboto|Oswald|Source+Sans+Pro:300,400,600');
/*font-family
'Open Sans', sans-serif 
'Roboto Condensed', sans-serif
'Poppins', sans-serif
*/
::-webkit-scrollbar {
	background: #605f5f; width: 12px; border-left: 1px solid; border-color:rgba(255, 255, 255, 0.1); 
}

::-webkit-scrollbar-thumb {
	background: #932f1f; border-left: 1px solid; border-color:rgba(255, 255, 255, 0.1); 
}
body{
	font-family: 'Source Sans Pro', sans-serif !important;
	font-family: 'Open Sans', sans-serif ;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Poppins', sans-serif;
	font-size: 14px !important;
	background-image: url(../images/bg/main.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.justify{
	text-align: justify !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
.h1, .h2, h1, h2 {
    margin-top: 0px !important;
}
blockquote, blockquote p{
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 17px;
	    line-height: 25px;
        font-style: italic;
	    color: #fff !important;
}
a{text-decoration: none !important; font-family: 'Source Sans Pro', sans-serif; font-weight: 500; color:#605f5f;}
a:hover{color: #932f1f;}
p{
	line-height: 1.8;
    font-weight: 600;
	color: #717f86 !important;
	display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
li{
	list-style: none !important;
	line-height: 30px !important;
}
/*----------------------------------------
  Preloader
------------------------------------------*/
#preloader {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 9999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/img/ajax-loader.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/*----------------------------------------
  TX Color
------------------------------------------*/
.tx-white{
	color: #fff !important;
}
.tx-blue{
	color: #00008B !important;
}
.tx-color{
	color:#000 !important;
}
.tx-red{
	color:#932f1f !important;
}
/*----------------------------------------
  BG Color & BG Image
------------------------------------------*/
.bg-white{
	background: #fff !important;
}
.bg-grey{
	background: #f1f1f1 !important;
}
.bg-light{
	background: #f5f5f5 !important;
}
.bg-dark{
	background: #000 !important;
}
.m-btn{
	background-color: #605f5f;
    border-color: #605f5f;
}
.m-btn:hover{
	background-color: #932f1f;
	 border-color: #932f1f;
}
.image-bg {
    width: 100%;
    display: block;
    /*position: relative;*/
    background-attachment: static;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bg-responcive{
	background-color: transparent;
    border-width: 0px;
    border-style: solid solid solid solid;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
	}
/*----------------------------------------
  Boostap Control
------------------------------------------*/
.listnone{
	list-style: none;
}
.nopad{
	padding: 0px !important; 
	margin: 0px !important;
}
.section-title {
    margin-bottom: 30px;
    padding-left: 20px;
}
.section-space{
	padding:70px 0px;
}
.btm-space{
	padding:100px;
}
.nbsp{
	margin-left: 5px;
}
.text-left-res{
	text-align: left !important;
}
.text-right-res{
	text-align: right !important;
}
.pull-left-res{
	flot: left !important;
}
.pull-right-res{
	float: right !important;
}
.flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-res{
	display: flex;
	align-items: center;
	justify-content: center;
}
/*----------------------------------------
  Defult Padding
------------------------------------------*/
.mr-10 {
    margin-right: 10px
}
.ml-10 {
    margin-left: 10px
}
.mt-10 {
	margin-top: 10px
}
.pd-20-0 {
    padding: 20px 0
}
.pd-30-0 {
    padding: 30px 0
}
.pd-50-0 {
    padding: 50px 0
}
.pd-80-0 {
    padding: 80px 0
}
.pd-100-0 {
    padding: 100px 0
}
.pd-50-0-0 {
    padding: 50px 0 0
}
.pd-100-0-40 {
    padding: 100px 0 40px
}
.pd-100-0-70 {
    padding: 100px 0 70px
}
.pt-10{
	padding-top: 10px
}
.pt-20{
	padding-top: 20px
}
.pt-30{
	padding-top: 30px
}
.pt-40{
	padding-top: 40px
}
.pt-50{
	padding-top: 50px
}
.pt-60{
	padding-top: 60px
}
.pt-70{
	padding-top: 70px
}
.pt-80 {
    padding-top: 80px
}
.pt-100 {
    padding-top: 100px
}
.pb-10 {
    padding-bottom: 10px
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px
}
.pb-30 {
    padding-bottom: 30px
}
.pb-40 {
    padding-bottom: 40px
}
.pb-70 {
    padding-bottom: 70px
}
.pb-100 {
    padding-bottom: 100px
}
.pt-150 {
    padding-top: 150px
}
.pt-200 {
    padding-top: 200px
}
.w-70{max-width: 70%; margin: 0 auto;}
/*
*/
@media all and (min-width : 1200px){}
@media all and (max-width : 1200px){}
@media all and (max-width : 992px){
.xs-none{
	display: none !important;
}
}
@media all and (max-width : 768px){
.flex-res{
	display: inline;
}
.block-res{
	display: block;
}
.m-nopad{
	padding: 0px !important;
	margin: 0px !important;
}
.sm-none{
	display: none !important;
}
.pull-res{   
	width: 100%;
	display: block;
    text-align: center;
    margin: 0 auto;
}
	.about h2{font-size: 22px;}
	.we .pb-30{padding-bottom: 0px;}
	.counter .box{padding-top: 20px;}
.w-70{max-width: 100%;}
.we .box {
    padding: 10px auto !important;
    margin-top: 20px;
}
	.we .pt-40 {
    padding-top: 0px;
}
.testmonial {
    padding-top: 0px !important;
}
.parallax2 h2{
font-size: 15px;		
}
.parallax2{
min-height: 400px !important;		
}
#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{font-size: 30px !important;}
#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4 { font-size: 15px !important;}
}

@media (min-width: 992px) and (max-width: 1200px) {}
@media all and (max-width : 500px){
.mob-text-center{  
    text-align: center !important;
	margin: 0 auto !important;
}
.m-none{
	display: none !important;
}
.text-left-res{
	text-align: center !important;
}
.text-right-res{
	text-align: center !important;
}
.pull-center-res{
	flot: none !important;
	margin: 0 auto;
}
.pull-right-res{
	float: none !important;
	margin: 0 auto;
}
}