/* ================================================== */
/* body */
/* ================================================== */
html{
background:#fff !important;
}

body {
	background:#fff;
	padding: 0;
	margin:0;
	-ms-word-wrap: break-word;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	font-family: 'Work Sans', sans-serif;
	color: #585858;
}




a img {
	border: none;
}


img {
	width: auto;
	height: auto;
	max-width: 100%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	display:block;
	margin:0 auto;
	vertical-align:middle;
}


.appleLinks a {color:#585858; text-decoration:none;}

	

/*----------------------------
i.-- Header
-----------------------------*/

#header-wrapper{
	width: 100%;
	padding-bottom: 20px;
	padding-top: 0;
	background: #ffffff;
	margin: auto;
}
#header-wrapper #header-inner{
	max-width: 60.000em;
	margin: auto auto 10px auto;
}

/* Tablet Landscape Menu
----------------------------*/	
#header-wrapper #header-inner.is_tablet {
	height:auto;
	overflow:hidden;
}
#header-wrapper #header-inner.is_tablet header #logo {
	margin:auto;
	float:none;
}
#header-wrapper #header-inner.is_tablet .mobileMenuToggle { 
	border-top:1px solid #eee;
	padding-top:15px; 
	margin-top:0; 
}
	

/*Logo	
----------------------------*/
#logo{
	float: none;
	text-align: center;
	width: 395px;
	height:auto;
	margin: 0 auto;
}
#logo a{
	max-width: 100%;
	height: auto;
}
#logo img{
	max-width: 100%;
	height:auto;
}
#logo a:hover{
	opacity:0.5;
}
#logo a:active{
	position:relative;
	top:1px;
}


/* Wrappers
----------------------------*/

#wrapper-gray, #wrapper-orange, #wrapper-white, #wrapper-brown { max-width: 100%; width:100%; height: auto; position: relative; margin: 0 auto; clear:both; bottom:0;}

#wrapper-white {background-color:#ffffff;}
#wrapper-gray {background-color:#f5f5f5;}
#wrapper-orange {background-color: #f06b4a}
/*#wrapper-orange {background: linear-gradient(
    to right, 
    #ff9e2c 0%, 
    #ff9e2c 50%, 
    #b6701e 50%, 
    #b6701e 100%
  );
}*/
#wrapper-brown {background-color: #4a4232;}

.main-area-blocks-a{ max-width:60.000em; margin: 0 auto; height: auto !important; padding: 4em 2em 0 2em; background: #fff; background: rgba(255,255,255,0.8); }

.main-area-blocks-b{ max-width:60.000em; margin: 0 auto; height: auto !important; padding: 0 2em 0 2em; background: #fff; background: rgba(255,255,255,0.8); }

.main-area { max-width:60.000em; margin: 0 auto; height: auto !important; padding-bottom: 4em; position:relative; }
.main-area-a { max-width:60.000em; margin: 0 auto; height: auto !important; padding: 4em 2em 4em 2em; position:relative }

.main-area-b { max-width:60.000em; margin: 0 auto; height: auto !important; padding: 4em 0 0 0; position:relative }

.main-area-c { max-width:60.000em; margin: 0 auto; height: auto !important; padding: 3em 2em 3em 2em; position:relative}


   

.main-area-button { max-width:60.000em; margin: 0 auto; height: auto !important; padding: 2em 0 3em 0; position:relative }



	
/* ================================================== */
/* footer */
/* ================================================== */

#footer-wrapper { max-width: 100%; width:100%; position: relative; margin: 0 auto; clear:both; bottom:0; background-color: #fff; }

.footer{ max-width:60.000em; margin: 0 auto; height: auto !important; padding: 3em 2em 2em 2em; }

.footer p { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size:16px; color: #7d7d7d; line-height:0.5em; letter-spacing:0.1em; text-align: center; padding: 0; }

	
.footer a:hover { color: #7d7d7d; text-decoration: none; }


	



/* ================================================== */
/* anim */
/* ================================================== */
a.btn-line:after, .social-icons a i, #contact_form input[type=submit],
#contact_form input[type=submit]:hover

{
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
 outline: none;
}




/* ================================================== */
/* overide bootstrap */
/* ================================================== */
.container-fluid {
    padding:0px;
	margin:0px;
}


.img-responsive {
  display: inline-block;
}


.progress{
background:#27282B;
}


blockquote {
font-size: 24px;
font-style: italic;
line-height: 1.5em;
font-weight: 300;
}

blockquote span {
display: block;
font-size: 14px;
font-style: normal;
font-weight: normal;
}

.col-md-3{
margin-right:-1px;
}



/* ================================================== */
/* image position */
/* ================================================== */
.img-left {
float: left;
margin: 5px 15px 15px 0;
}

.img-right {
float: right;
margin: 5px 0 15px 15px;
}



/* ================================================== */
/* font awesome icons */
/* ================================================== */
i {
display: inline-block !important;
}

i.large {
font-size: 72px;
text-align: center;
display:inline-block;
float:none;
}

i.medium {
font-size: 20px;
padding: 10px;
text-align: center;
display:inline-block;
float:none;
}

i.small {
font-size: 12px;
padding: 4px;
text-align: center;
display:inline-block;
float:none;
}

i.circle-icon {
border-radius: 75px;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
}

.fa-android{
color:#469159;
}

.fa-apple{
color:#0EC3F7;
}

/* extra ^ */
.de_center p {
width: 100%;
}

.de_center .de_icon {
float: none;
margin: 0 auto;
}


/* ================================================== */
/* transition */
/* ================================================== */
a,
a:hover {
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}


.de_contact_info{
font-size:40px;
font-weight:bold;
}

.de_contact_info i{
float:none;
margin-right:20px;
}


.center-div{
margin:0 auto !important;
}






/* ================================================== */
/* Back to top */
/* ================================================== */

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #3f392d;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	outline:none;
}
#back-to-top:hover {
    background: #9d9d9d;
}
#back-to-top.show {
    opacity: 1;
}
#back-to-top:before{
	font-family:"FontAwesome";
	font-size:22px;
	content:"\f106";
	color:#fff;
	position:relative;
	margin:5px;
}
#back-to-top:hover:before{
	color:#fff;
}

/* mouse scroll icon begin */
.mouse {
  position: absolute;
  width: 22px;
  height: 42px;
  bottom: 40px;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #888;
  -webkit-animation: intro 1s;
  animation: intro 1s;
}
.scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #888;
  -webkit-animation: finger 1s infinite;
  animation: finger 1s infinite;
}
@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
/* mouse scroll icon close */

.bgimage{
background-size:cover;
}

/* css attributes */

/* margin top */
.mt80{margin-top:0px;}

/* margin bottom */
.mb80{margin-bottom:80px;}


/* margin top */
.mt-80{margin-top:-80px;}

	
/* ================================================== */
/* R E S P O N S I V E */
/* ================================================== */

	
	@media only screen and (max-width: 992px) {
		
	
	.container .col-md-3{ margin-bottom:30px; }
	.container .col-md-4{ margin-bottom:30px; }
	.container .col-md-5{ margin-bottom:30px; }
	.container .col-md-6{ margin-bottom:30px; }
	.container .col-md-7{ margin-bottom:30px; }
	.container .col-md-8{ margin-bottom:30px; }
	.container .col-md-9{ margin-bottom:30px; }
	.container .col-md-10{ margin-bottom:30px; }
	.container .col-md-11{ margin-bottom:30px; }
	.container .col-md-12{ margin-bottom:30px; }
	
	
	
	.side-bg .image-container{ 
	position:relative; 
	width:100%; 
	height:400px !important; 
	top:0;
	margin-bottom:60px;
	}

	
	.mt-sm-0{
		margin-top:0;
	}
	
	}


	/* -------------------------------------------------- 
	custom for 320px & 480px 
	/* -------------------------------------------------- */
	@media only screen and (max-width: 767px) {
	.container{padding-left:30px; padding-right:30px;}
	}
	
	
	/* -------------------------------------------------- 
	design for 480px
	/* -------------------------------------------------- */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container{padding-left:30px; padding-right:30px;}
	.feature-box-image,.pricing-box{margin-bottom:30px;}
	
	}