/*
Template: Host Linea
Author: Codelayers
Version: 1.0
Design and Developed by: Codelayers
*/


/*
======================================
[ CSS TABLE CONTENT ]
======================================
    [Table of contents]

	1. General
		+ Text Colors
		+ Divider lines
		+ Paddings
		+ Opacity styles
		+ fonts
		+ Icon Boxes
		+ Text Boxes
		+ Buttons
		+ Opacity styles
		+ buttons

	2. Image boxes
		+ section-side-image
		+ background-imgholder
		+ image-left
		+ image-holder
		+ nodisplay-image
	
	3. Lists
		+ iconlist
		+ clientlogo-list
		+ side-nav-list
		+ category-links
		+ tags 
	
	4. Menu Backgrounds
		+ Headers
	
	5. Topbar Styles
		+ topbar
		+ toplist
	
	6. Logo
		+ logo
	
	7. Section Titles
		+ section titles
	
	8. Page Section Styles
		+ Section Styles
	
	9. Footer Styles
		+ footer logo
		+ lists
	
	
======================================
[ END CSS TABLE CONTENT ]
======================================
*/


/* =========== General ============= */

body,
input,
textarea {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #727272;
  padding:0px;
  margin:0px;
}

/* a link Styles
 ------------------------------ */
 
a, .btn {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:hover {
	text-decoration: none;
}
a:focus, a:hover {
	color: #5a5959;
}
a {
	border: medium none;
	color: #727272;
}
.uppercase {
	text-transform: uppercase;
}
a {
	outline: medium none !important;
}
/* Headings
 ------------------------------ */
 
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #272727;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
}
h1.lessmar-1 {
	margin-bottom: 5px;
}
h1.lessmar-2 {
	margin-bottom: 10px;
}
h2 {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
}
h2.nomargin {
	margin-bottom: 0px;
}
h2.less-mar-1 {
	margin-bottom: 3px;
}
h2.less-mar-2 {
	margin-bottom: 5px;
}
h2.less-mar-3 {
	margin-bottom: 7px;
}
h2.less-mar-4 {
	margin-bottom: 9px;
}
h3 {
	font-size: 27px;
	line-height: 30px;
	margin-bottom: 18px;
	font-style: normal;
}
h3.nomargin {
	margin-bottom: 0px;
}
h3.less-mar-1 {
	margin-bottom: 3px;
}
h3.less-mar-2 {
	margin-bottom: 5px;
}
h3.less-mar-3 {
	margin-bottom: 7px;
}
h3.less-mar4 {
	margin-bottom: 9px;
}
h4 {
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 18px;
	font-style: normal;
}
h4.nomargin {
	margin-bottom: 0px;
}
h4.less-mar-1 {
	margin-bottom: 3px;
}
h4.less-mar-2 {
	margin-bottom: 5px;
}
h4.less-mar-3 {
	margin-bottom: 7px;
}
h4.less-mar-4 {
	margin-bottom: 9px;
}
h6.nopadding {
	padding: 0px;
}
h5 {
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 16px;
	font-style: normal;
}
h5.nomargin {
	margin-bottom: 0px;
}
h5.less-mar-1 {
	margin-bottom: 3px;
}
h5.less-mar-2 {
	margin-bottom: 5px;
}
h5.less-mar-3 {
	margin-bottom: 7px;
}
h5.less-mar-4 {
	margin-bottom: 9px;
}
h6 {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 14px;
	font-style: normal;
}
h6.nomargin {
	margin-bottom: 0px;
}
h6.nopadding {
	padding: 0px;
}
h6.less-mar-1 {
	margin-bottom: 3px;
}
h6.less-mar-2 {
	margin-bottom: 5px;
}
h6.less-mar-3 {
	margin-bottom: 7px;
}
h6.less-mar-4 {
	margin-bottom: 9px;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
.h1, .h2, .h3, h1, h2, h3, h4 {
	margin-top: 0;
}
ul {
	list-style-type: none;
}


/*=============== Text Colors ============= */

.text-white {
	color: #fff;
}
.text-dark {
	color: #242424;
}
.text-normal {
	color: #727272;
}
.text-deco {
	text-decoration:line-through;
}
/*=============== Margins ============= */
/* divider margins
 ------------------------------ */
.bottom-margin {
	margin-bottom: 0px;
}
.top-margin {
	margin-top: 0px;
}
.col-divider-margin {
	width: 100%;
	float:left;
	margin-top: 60px;
}
.col-divider-margin-1 {
	width: 100%;
	float:left;
	margin-top: 10px;
}
.col-divider-margin-2 {
	width: 100%;
	float:left;
	margin-top: 20px;
}
.col-divider-margin-3 {
	width: 100%;
	float:left;
	margin-top: 30px;
}
.col-divider-margin-4 {
	width: 100%;
	float:left;
	margin-top: 40px;
}
.col-divider-margin-5 {
	width: 100%;
	float:left;
	margin-top: 50px;
}
.col-divider-margin-6 {
	width: 100%;
	float:left;
	margin-top: 60px;
}

/* bottom margins
 ------------------------------ */
.nobottom-margin {
	margin-bottom: 0px;
}
.bottom-margin-3 {
    margin-bottom: 30px;
}
.bottom-margin-4 {
    margin-bottom: 40px;
}
.bottom-margin-5 {
    margin-bottom: 50px;
}
/* top margins
 ------------------------------ */
.margin-top-1 {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.margin-top-2 {
    margin-top: 20px;
    width: 100%;
}
.margin-top3 {
    margin-top: 30px;
    width: 100%;
}
.margin-top-4 {
    margin-top: 40px;
    width: 100%;
}
.margin-top-5 {
    margin-top: 50px;
    width: 100%;
}
.margin-top-6 {
    margin-top: 60px;
    width: 100%;
}
.margin-top-7 {
    margin-top: 70px;
    width: 100%;
}
.margin-left-1 {
    margin-left: 10px;
}
.margin-left-2 {
    margin-left: 20px;
}
.margin-left-3 {
    margin-left: 30px;
}
.margin-left-4 {
    margin-left: 40px;
}
.margin-left-5 {
    margin-left: 50px;
}
.margin-left-6 {
    margin-left: 60px;
}
.margin-left-7 {
    margin-left: 70px;
}
/* center align column
 ------------------------------ */
.col-centered {
	float: none;
	margin: 0 auto;
}


/*=============== Divider lines ============= */
.divider-line {
	float: left;
	width: 100%;
}
.divider-line.dashed {
	border-bottom: 1px dashed;
}
.divider-line.solid {
	border-bottom: 1px solid;
}
.divider-line.dark {
	border-bottom-color:#444444;
}
.divider-line.dark-2 {
	border-bottom-color:#343333;
}
.divider-line.light {
	border-bottom-color:#e4e4e4;
}
 .divider-line.top-padding {
	padding-top: 20px;
}
 .divider-line.bottom-margin {
	margin-bottom: 20px;
}
 .divider-line.margin {
	margin: 20px 0;
}

/* Divider Line less width
 ------------------------------ */
.divider-line.shorter-2{
	width: 20%;
}
.divider-line.shorter-3{
	width: 30%;
}
.divider-line.shorter-4{
	width: 40%;
}
 .divider-line.shorter-5{
	width: 50%;
}
.divider-line.shorter-6{
	width: 60%;
}
 .divider-line.shorter-7{
	width: 70%;
}
.divider-line.shorter-8{
	width: 80%;
}
 .divider-line.shorter-9{
	width: 90%;
}

/* Divider Line align center
 ------------------------------ */
.divider-line.align-center{
	 margin:0 auto;
	 float:none;
}

/*=============== Paddings ============= */
 
.no-top-padding {
	padding-top: 0;
}
/* padding top
 ------------------------------ */
.padding-top-1 {
	padding-top: 10px;
}
.padding-top-2 {
	padding-top: 20px;
}
.padding-top-3 {
	padding-top: 30px;
}
.padding-top-4 {
	padding-top: 40px;
}
.padding-top-5 {
	padding-top: 50px;
}
.padding-top-6 {
	padding-top: 60px;
}

/* left padding
 ------------------------------ */
 
.padding-left-1 {
	padding-left: 10px;
}
.padding-left-2 {
	padding-left: 20px;
}
.padding-left-3 {
	padding-left: 30px;
}
.padding-left-4 {
	padding-left: 40px;
}
.padding-left-5 {
	padding-left: 50px;
}
.padding-left-6 {
	padding-left: 60px;
}
.padding-left-7 {
	padding-left: 70px;
}
.padding-left-8 {
	padding-left: 80px;
}

/* right padding
 ------------------------------ */
 
.padding-right-1 {
	padding-right: 10px;
}
.padding-right-2 {
	padding-right: 20px;
}
.padding-right-3 {
	padding-right: 30px;
}
.padding-right-4 {
	padding-right: 40px;
}
.padding-right-5 {
	padding-right: 50px;
}
.padding-right-6 {
	padding-right: 60px;
}
.padding-right-7 {
	padding-right: 70px;
}
.padding-right-8 {
	padding-right: 80px;
}


/*=============== fonts ============= */

/* letter spacing
 ------------------------------ */
 .lspace-sm{
	letter-spacing:5px;
	}
	
.lspace-1{
	letter-spacing:10px;
	}
.lspace-2{
	letter-spacing:20px;
	}
.lspace-3{
	letter-spacing:30px;
	}
.lspace-4{
	letter-spacing:40px;
	}
.lspace-5{
	letter-spacing:50px;
	}

/* font weight styles
 ------------------------------ */
 
.font-weight-1 {
	font-weight: 100;
}
.font-weight-2 {
	font-weight: 200;
}
.font-weight-3 {
	font-weight: 300;
}
.font-weight-4 {
	font-weight: 400;
}
.font-weight-5 {
	font-weight: 500;
}
.font-weight-6 {
	font-weight: 600;
}
.font-weight-7 {
	font-weight: 700;
}
.font-weight-8 {
	font-weight: 800;
}

/*=============== Columns without padding ============= */
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}


/*=============== site main structure ============= */
.site-wrapper {
    width: 100%;
    margin: 0px auto;
    background-color: #FFF;

}
.wrapper-boxed {
    margin: auto;
    background-color: #FFF;
}
/*=============== Icon Boxes ============= */
.iconbox-dxlarge, .iconbox-xlarge, .iconbox-large, .iconbox-xmedium, .iconbox-medium, .iconbox-smedium, .iconbox-small, .iconbox-tiny, .iconbox-xtiny {
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	transition: all 0.3s ease-out 0s;
}
.iconbox-dxlarge {
	width: 200px;
	height: 200px;
	font-size: 46px;
	color: #242424;
	border: none;
	line-height: 135px;
}
.iconbox-xlarge {
	width: 135px;
	height: 135px;
	font-size: 46px;
	color: #242424;
	line-height: 135px;
}
.iconbox-large {
	width: 120px;
	height: 120px;
	font-size: 46px;
	color: #242424;
	line-height: 114px;
}
.iconbox-xmedium {
	width: 110px;
	height: 110px;
	font-size: 38px;
	color: #242424;
	line-height: 106px;
}
.iconbox-medium {
	width: 100px;
	height: 100px;
	font-size: 32px;
	color: #242424;
	line-height: 100px;
}
.iconbox-smedium {
	width: 90px;
	height: 90px;
	font-size: 26px;
	color: #242424;
	line-height: 90px;
}
.iconbox-small {
	width: 80px;
	height: 80px;
	font-size: 26px;
	color: #242424;
	line-height: 80px;
}
.iconbox-tiny {
	width: 70px;
	height: 70px;
	font-size: 26px;
	color: #242424;
	line-height: 74px;
}
.iconbox-xtiny {
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #242424;
	line-height: 60px;
}
.iconbox-xtiny.shorter {
	width: 45px;
	height: 45px;
	line-height: 48px;
}
.iconbox-xlarge.no-lineheight {
	line-height: 0;
}

/* iconboxes alignments
 ------------------------------ */
.iconbox-dxlarge.center, .iconbox-xlarge.center, .iconbox-large.center, .iconbox-xmedium.center, .iconbox-medium.center, .iconbox-smedium.center, .iconbox-small.center, .iconbox-tiny.center, .iconbox-xtiny.center, .icon-plain-large.center, .icon-plain-medium.center, .icon-plain-small.center, .icon-plain-msmall.center, .icon-plain-tiny.center {
	margin: 0 auto;
}
.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left, .icon-plain-large.left, .icon-plain-medium.left, .icon-plain-small.left, .icon-plain-msmall.left, .icon-plain-tiny.left {
	float: left;
	margin: 0px 20px 0px 0px;
}
.iconbox-dxlarge.right, .iconbox-xlarge.right, .iconbox-large.right, .iconbox-xmedium.right, .iconbox-medium.right, .iconbox-smedium.right, .iconbox-small.right, .iconbox-tiny.right, .iconbox-xtiny.right, .icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
	float: right;
	margin: 0px 0px 0px 20px;
}
/* iconboxe background colors
 ------------------------------ */	
.iconbox-dxlarge.dark, .iconbox-xlarge.dark, .iconbox-large.dark, .iconbox-xmedium.dark, .iconbox-medium.dark, .iconbox-smedium.dark, .iconbox-small.dark, .iconbox-tiny.dark, .iconbox-xtiny.dark {
	color: #fff;
	background-color: #242424;
}
.iconbox-dxlarge.white, .iconbox-xlarge.white, .iconbox-large.white, .iconbox-xmedium.white, .iconbox-medium.white, .iconbox-smedium.white, .iconbox-small.white, .iconbox-tiny.white, .iconbox-xtiny.white {
	color: #242424;
	background-color: #fff;
}
.iconbox-dxlarge.gray, .iconbox-xlarge.gray, .iconbox-large.gray, .iconbox-xmedium.gray, .iconbox-medium.gray, .iconbox-smedium.gray, .iconbox-small.gray, .iconbox-tiny.gray, .iconbox-xtiny.gray {
	color: #fff;
	background-color: #474747;
}
.iconbox-dxlarge.color-primary, .iconbox-xlarge.color-primary, .iconbox-large.color-primary, .iconbox-xmedium.color-primary, .iconbox-medium.color-primary, .iconbox-smedium.color-primary, .iconbox-small.color-primary, .iconbox-tiny.color-primary, .iconbox-xtiny.color-primary {
	color: #fff;
	background-color: #ccc;
}
/* iconboxs with stroke
 ------------------------------ */	
.iconbox-dxlarge.border-gray, .iconbox-xlarge.border-gray, .iconbox-large.border-gray, .iconbox-xmedium.border-gray, .iconbox-medium.border-gray, .iconbox-smedium.border-gray, .iconbox-small.border-gray, .iconbox-tiny.border-gray, .iconbox-xtiny.border-gray {
	color: #fff;
	background-color: none;
	border: 1px solid #727272;
}
.iconbox-dxlarge.border-gray-2, .iconbox-xlarge.border-gray-2, .iconbox-large.border-gray-2, .iconbox-xmedium.border-gray-2, .iconbox-medium.border-gray-2, .iconbox-smedium.border-gray-2, .iconbox-small.border-gray-2, .iconbox-tiny.border-gray-2, .iconbox-xtiny.border-gray-2 {
	color: #242424;
	background-color: none;
	border: 1px solid #e4e4e4;
}
.iconbox-dxlarge.border-white, .iconbox-xlarge.border-white, .iconbox-large.border-white, .iconbox-xmedium.border-white, .iconbox-medium.border-white, .iconbox-smedium.border-white, .iconbox-small.border-white, .iconbox-tiny.border-white, .iconbox-xtiny.border-white {
	color: #fff;
	background-color: none;
	border: 1px solid #fff;
}
.iconbox-dxlarge.border-dark, .iconbox-xlarge.border-dark, .iconbox-large.border-dark, .iconbox-xmedium.border-dark, .iconbox-medium.border-dark, .iconbox-smedium.border-dark, .iconbox-small.border-dark, .iconbox-tiny.border-dark, .iconbox-xtiny.border-dark {
	color: #161616;
	background-color: none;
	border: 1px solid #161616;
}

/*=============== Icon circles ============= */
.iconcircle-dxlarge, .iconcircle-xlarge, .iconcircle-large, .iconcircle-xmedium, .iconcircle-medium, .iconcircle-smedium, .iconcircle-small, .iconcircle-tiny, .iconcircle-xtiny {
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	border-radius:100%;
	transition: all 0.3s ease-out 0s;
}
.iconcircle-dxlarge {
	width: 200px;
	height: 200px;
	font-size: 46px;
	color: #242424;
	border: none;
	line-height: 135px;
}
.iconcircle-xlarge {
	width: 135px;
	height: 135px;
	font-size: 46px;
	color: #242424;
	line-height: 135px;
}
.iconcircle-large {
	width: 120px;
	height: 120px;
	font-size: 36px;
	color: #242424;
	line-height: 118px;
}
.iconcircle-xmedium {
	width: 110px;
	height: 110px;
	font-size: 38px;
	color: #242424;
	line-height: 106px;
}
.iconcircle-medium {
	width: 100px;
	height: 100px;
	font-size: 32px;
	color: #242424;
	line-height: 100px;
}
.iconcircle-smedium {
	width: 90px;
	height: 90px;
	font-size: 26px;
	color: #242424;
	line-height: 90px;
}
.iconcircle-small {
	width: 80px;
	height: 80px;
	font-size: 26px;
	color: #242424;
	line-height: 80px;
}
.iconcircle-tiny {
	width: 70px;
	height: 70px;
	font-size: 26px;
	color: #242424;
	line-height: 74px;
}
.iconcircle-xtiny {
	width: 60px;
	height: 60px;
	font-size: 18px;
	color: #242424;
	line-height: 60px;
}
.iconcircle-xlarge.no-lineheight {
	line-height: 0;
}

/* iconcirclees alignments
 ------------------------------ */
.iconcircle-dxlarge.center, .iconcircle-xlarge.center, .iconcircle-large.center, .iconcircle-xmedium.center, .iconcircle-medium.center, .iconcircle-smedium.center, .iconcircle-small.center, .iconcircle-tiny.center, .iconcircle-xtiny.center, .icon-plain-large.center, .icon-plain-medium.center, .icon-plain-small.center, .icon-plain-msmall.center, .icon-plain-tiny.center {
	margin: 0 auto;
}
.iconcircle-dxlarge.left, .iconcircle-xlarge.left, .iconcircle-large.left, .iconcircle-xmedium.left, .iconcircle-medium.left, .iconcircle-smedium.left, .iconcircle-small.left, .iconcircle-tiny.left, .iconcircle-xtiny.left, .icon-plain-large.left, .icon-plain-medium.left, .icon-plain-small.left, .icon-plain-msmall.left, .icon-plain-tiny.left {
	float: left;
	margin: 0px 20px 0px 0px;
}
.iconcircle-dxlarge.right, .iconcircle-xlarge.right, .iconcircle-large.right, .iconcircle-xmedium.right, .iconcircle-medium.right, .iconcircle-smedium.right, .iconcircle-small.right, .iconcircle-tiny.right, .iconcircle-xtiny.right, .icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
	float: right;
	margin: 0px 0px 0px 20px;
}
/* iconcirclee background colors
 ------------------------------ */	
.iconcircle-dxlarge.dark, .iconcircle-xlarge.dark, .iconcircle-large.dark, .iconcircle-xmedium.dark, .iconcircle-medium.dark, .iconcircle-smedium.dark, .iconcircle-small.dark, .iconcircle-tiny.dark, .iconcircle-xtiny.dark {
	color: #fff;
	background-color: #242424;
}
.iconcircle-dxlarge.white, .iconcircle-xlarge.white, .iconcircle-large.white, .iconcircle-xmedium.white, .iconcircle-medium.white, .iconcircle-smedium.white, .iconcircle-small.white, .iconcircle-tiny.white, .iconcircle-xtiny.white {
	color: #242424;
	background-color: #fff;
}
.iconcircle-dxlarge.gray, .iconcircle-xlarge.gray, .iconcircle-large.gray, .iconcircle-xmedium.gray, .iconcircle-medium.gray, .iconcircle-smedium.gray, .iconcircle-small.gray, .iconcircle-tiny.gray, .iconcircle-xtiny.gray {
	color: #fff;
	background-color: #474747;
}
/* iconcircles with stroke
 ------------------------------ */	
.iconcircle-dxlarge.border-gray, .iconcircle-xlarge.border-gray, .iconcircle-large.border-gray, .iconcircle-xmedium.border-gray, .iconcircle-medium.border-gray, .iconcircle-smedium.border-gray, .iconcircle-small.border-gray, .iconcircle-tiny.border-gray, .iconcircle-xtiny.border-gray {
	color: #fff;
	background-color: none;
	border: 1px solid #727272;
}
.iconcircle-dxlarge.border-gray-2, .iconcircle-xlarge.border-gray-2, .iconcircle-large.border-gray-2, .iconcircle-xmedium.border-gray-2, .iconcircle-medium.border-gray-2, .iconcircle-smedium.border-gray-2, .iconcircle-small.border-gray-2, .iconcircle-tiny.border-gray-2, .iconcircle-xtiny.border-gray-2 {
	color: #242424;
	background-color: none;
	border: 1px solid #e4e4e4;
}
.iconcircle-dxlarge.border-white, .iconcircle-xlarge.border-white, .iconcircle-large.border-white, .iconcircle-xmedium.border-white, .iconcircle-medium.border-white, .iconcircle-smedium.border-white, .iconcircle-small.border-white, .iconcircle-tiny.border-white, .iconcircle-xtiny.border-white {
	color: #fff;
	background-color: none;
	border: 1px solid #fff;
}
.iconcircle-dxlarge.border-dark, .iconcircle-xlarge.border-dark, .iconcircle-large.border-dark, .iconcircle-xmedium.border-dark, .iconcircle-medium.border-dark, .iconcircle-smedium.border-dark, .iconcircle-small.border-dark, .iconcircle-tiny.border-dark, .iconcircle-xtiny.border-dark {
	color: #161616;
	background-color: none;
	border: 1px solid #161616;
}

/* Icons Plain
 ------------------------------ */	
.icon-plain-large {
	font-size: 80px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-medium {
	font-size: 60px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-small {
	font-size: 40px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-msmall {
	font-size: 32px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-tiny {
	font-size: 20px;
	color: #242424;
	transition: all 0.3s ease-out 0s;
}
.icon-plain-small.rightline {
	border-right: 1px solid #3F3F3F;
}
.icon-plain-medium.rightline {
	margin: 0px 20px 50px 0px;
	border-right: 1px solid #FFC153;
}
.icon-plain-small.dark {
	color: #242424;
}


/* plain icon colors
 ------------------------------ */
.icon-plain-large.dark, .icon-plain-medium.dark, .icon-plain-small.dark, .icon-plain-msmall.dark, .icon-plain-tiny.dark {
	color: #242424;
}
.icon-plain-large.white, .icon-plain-medium.white, .icon-plain-small.white, .icon-plain-msmall.white, .icon-plain-tiny.white {
	color: #fff;
}
.icon-plain-large.gray, .icon-plain-medium.gray, .icon-plain-small.gray, .icon-plain-msmall.gray, .icon-plain-tiny.gray {
	color: #727272;
}


/*============ Text Boxes ============ */
	
.text-box-right {
	display: block;
	padding: 0px 0px 0px 99px;
	text-align: left;
}
.text-box-left {
	display: block;
	padding: 0px 90px 0px 0;
	margin: 0px;
	text-align: right;
}
.text-box {
	width: 100%;
	float: left;
	transition: all 0.3s ease-out 0s;
}
.text-box-inner {
	width: 100%;
	float: left;
	padding: 40px;
}
.text-box.white {
	background-color: #fff;
}
.text-box.dark {
	background-color: #242424;
}

/* text boxes less paddings
 ------------------------------ */
 
.text-box-right.less-padding-1 {
	padding: 0px 0px 0px 70px;
}
.text-box-right.less-padding-2 {
	padding: 0px 0px 0px 50px;
}




/* text boxes with borders
 ------------------------------ */
.text-box-right.border, .text-box-left.border, .text-box-inner.border, .text-box.border {
	border: 1px solid #e4e4e4;
}
.text-box-right.border-top, .text-box-left.border-top, .item-holder.border-top, .text-box-inner.border-top, .text-box.border-top {
	border-top: 1px solid #e4e4e4;
}
.text-box-right.border-bottom, .text-box-left.border-bottom, .item-holder.border-bottom, .text-box-inner.border-bottom, .text-box.border-bottom {
	border-bottom: 1px solid #e4e4e4;
}
.text-box-right.border-left, .text-box-left.border-left, .item-holder.border-left, .text-box-inner.border-left, .text-box.border-left {
	border-left: 1px solid #e4e4e4;
}
.text-box-right.border-right, .text-box-left.border-right, .item-holder.border-right, .text-box-inner.border-right, .text-box.border-right {
	border-right: 1px solid #e4e4e4;
}

/* text boxe padding
 ------------------------------ */
.text-box.padding-1 {
	padding: 10px;
}
.text-box.padding-2 {
	padding: 20px;
}
.text-box.padding-3 {
	padding: 30px;
}
.text-box.padding-4 {
	padding: 40px;
}
.text-box.padding-5 {
	padding: 50px;
}
.text-box.padding-6 {
	padding: 60px;
}
.text-box.padding-7 {
	padding: 70px;
}
.text-box.padding-8 {
	padding: 80px;
}
.text-box.padding-9 {
	padding: 90px;
}

/* text boxes margin and paddings
 ------------------------------ */
 
 /* left box
 ------------------------------ */
 
.text-box-left.more-padding-1 {
	padding: 0px 0px 0px 120px;
}
.text-box-left.more-padding-2 {
	padding: 0px 0px 0px 150px;
}
.text-box-left.less-padding-1 {
	padding: 0px 70px 0px 0;
}

/* right box
 ------------------------------ */
 
.text-box-right.more-padding-1 {
	padding: 0px 0px 0px 120px;
}
.text-box-right.more-padding-2 {
	padding: 0px 0px 0px 140px;
}
.text-box-right.more-padding-3 {
	padding: 0px 0px 0px 160px;
}
.text-box-right.more-padding-4 {
	padding: 0px 0px 0px 170px;
}
.text-box-right.less-padding-1 {
	padding: 0px 0px 0px 70px;
}


/*============ Buttons ============ */

a.read-more {
	color: #ccc;
}
a.read-more:hover {
	color: #242424;
}
a.read-more.white {
	color: #fff;
}
a.read-more.white:hover {
	color: #fff;
}
a.read-more.dark {
	color: #242424;
}
a.read-more.dark:hover {
	color: #ccc;
}
a.read-more.dark-2 {
	color: #242424;
}
a.read-more.dark-2:hover {
	color: #727272;
}

/* button styles
 ------------------------------ */
.btn {
	padding: 10px 36px;
	margin: 0px;
	box-shadow: none;
	border-radius: 0;
}
.btn.btn-large {
	padding: 15px 60px;
}
.btn.btn-small {
	padding: 8px 18px;
}
.btn.btn-small-2 {
	padding: 4px 18px;
}

/* button background colors
 ------------------------------ */

/* button white
 ------------------------------ */
.btn.btn-white {
	color: #242424;
	background-color: #fff;
}
.btn.btn-white:hover {
	color: #fff;
	background-color: #242424;
}
/* button white
 ------------------------------ */
.btn.btn-bgprimary {
	color: #fff;
	background-color: #ccc;
}
.btn.btn-bgprimary:hover {
	color: #fff;
	background-color: #242424;
}

/* button dark
 ------------------------------ */
.btn.btn-dark {
	color: #fff;
	background-color: #242424;
}
.btn.btn-dark:hover {
	color: #fff;
	background-color: #3e3e3e;
}
/* button dark-2
 ------------------------------ */
.btn.btn-dark-2 {
	color: #fff;
	background-color: #161616;
}
.btn.btn-dark-2:hover {
	color: #161616;
	background-color: #fff;
}
/* button light
 ------------------------------ */
.btn.btn-light {
	color: #242424;
	background-color: #e9e9e9;
}
.btn.btn-dark-2:hover {
	color: #161616;
	background-color: #fff;
}

/* button with stroke
 ------------------------------ */
.btn.btn-border {
	color: #242424;
	border: 1px solid;
}
/* button border white
 ------------------------------ */
.btn.btn-border.white {
	color: #fff;
	border-color:#fff;
}
.btn.btn-border:hover.white {
	color:#242424;
	background-color:#fff;
	border-color:#fff;
}

/* button border dark
 ------------------------------ */
.btn.btn-border.dark {
	border-color:#242424;
}
.btn.btn-border:hover.dark {
	color:#fff;
	background-color:#242424;
	border-color:#242424;
}

/* button border light
 ------------------------------ */
.btn.btn-border.light {
	border-color:#e4e4e4;
}
.btn.btn-border:hover.light {
	color:#fff;
	background-color:#242424;
	border-color:#242424;
}
/* button border transparent white
 ------------------------------ */
.btn.btn-border.transparent-white {
	color:#fff;
	border-color:rgba(255, 255, 255, 0.4);
}
.btn.btn-border:hover.transparent-white {
	border-color:rgba(255, 255, 255, 0.8);
}
/* button border transparent dark
 ------------------------------ */
.btn.btn-border.transparent-dark {
	color:#fff;
	border-color:rgba(0, 0, 0, 0.4);
}
.btn.btn-border:hover.transparent-dark {
	border-color:rgba(0, 0, 0, 0.8);
}

/* button border primary
 ------------------------------ */
.btn.btn-border.primary {
	color:#ccc;
	border-color:#ccc;
}
.btn.btn-border:hover.primary {
	color:#fff;
	border-color:#ccc;
	background-color:#ccc;
}


/* Appstore buttons
 ------------------------------ */ 

.btn.appstore {
	width: 200px;
	padding: 10px 25px;
	margin: 0px;
	text-align: left;
}
.btn.appstore.right-margin {
	margin-right: 10px;
}
.btn.appstore.orange {
	background-color: #fd602c;
}
.btn.appstore span {
	margin: 0px;
	float: left;
	padding: 0;
	text-align: left;
}
.btn.appstore span i {
	font-size: 40px;
	color: #fff;
	padding: 0 20px 0 0;
}
.btn.appstore p {
	font-size: 12px;
	display: block;
	margin: 0;
	padding: 0 25px 0 20px;
	text-align: left;
}
.btn.appstore .big {
	margin: 0px;
	font-size: 18px;
	padding: 0;
}
.btn.appstore.orange:hover {
	background-color: #fff;
}
.btn.appstore.orange:hover p, .btn.appstore.orange:hover .big, .btn.appstore.orange:hover span i {
	color: #242424;
}
/* Appstore button white
 ------------------------------ */
.btn.appstore.white {
	background-color: #fff;
}
.btn.appstore.white span i {
	font-size: 40px;
	color: #242424;
	padding: 0 20px 0 0;
}
.btn.appstore.white:hover {
	background-color: #fd602c;
}
.btn.appstore.white:hover p, .btn.appstore.white:hover .big, .btn.appstore.white:hover span i {
	color: #fff;
}


/*============ Image Boxes ============ */
.section-side-image {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.section-side-image .img-holder {
	overflow: hidden;
	height: 100%;
	padding: 0px;
	top: 0px;
	position: absolute;
}
.background-imgholder.top-padd {
	padding-top: 80px;
}
.section-side-image .text-inner {
	padding: 80px 80px 80px 0;
}
.section-side-image .text-inner.two {
	padding: 0px 80px 0px 0;
}
.background-imgholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	background-size: cover !important;
	background-position: 50% 50% !important;
}

/* side image 2
 ------------------------------ */
.section-side-image-2 {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.section-side-image-2 .img-holder {
	overflow: hidden;
	height: 100%;
	padding: 0px;
	top: 0px;
	position: absolute;
}
.section-side-image-2 .background-imgholder-2.top-padd {
	padding-top: 80px;
}
.section-side-image-2 .text-inner.two {
	padding: 0px 80px 0px 0;
}
.section-side-image-2 .background-imgholder-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	background-size: cover !important;
	background-position: 50% 50% !important;
}

/* image holders
 ------------------------------ */
.image-holder {
	width: 100%;
	float: left;
}
.image-holder.shorter-1 {
    width: 80%;
}
.image-holder.shorter-2 {
    width: 75%;
}
.image-holder.shorter-3 {
    width: 70%;
}
.image-left {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    transition: all 0.3s ease-out 0s;
}
.img-align-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.img-align-right {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.nodisplay-image {
	display: none;
}
/* image overflow hidden
 ------------------------------ */
.overflow-hidden {
	overflow: hidden;
}

/*============ Lists ============ */
.iconlist {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.iconlist li {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	line-height: 23px;
}
.iconlist li i {
	color: #ccc;
	padding: 0 15px 0 0;
}
.iconlist.dark li i {
	color: #161616;
}
.iconlist.primary li i {
	color: #ccc;
}
.iconlist.white li {
	color: #fff;
}
/* Client Logo List
 ------------------------------ */
.clientlogo-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.clientlogo-list li {
	display: inline;
	padding: 0 16px 0 0;
	margin: 0px;
}
.clientlogo-list li.last {
	padding: 0 0 0 0;
}
.clientlogo-list.two li {
	padding: 0 90px 0 0;
}
.clientlogo-list.two li.last {
	padding: 0 0 0 0;
}
.clientlogo-list.two.transparent {
	opacity: 0.5;
}

/* side navigation list
 ------------------------------ */
.side-nav-list {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.side-nav-list li {
	width: 100%;
	padding: 0px;
	margin: 0 0 2px 0;
	float: left;
}
.side-nav-list li a {
	width: 100%;
	padding: 15px 25px;
	margin: 0px;
	font-weight: normal;
	float: left;
	background-color: #f6f6f6;
}
.side-nav-list li a:hover, .side-nav-list li a.active {
	color: #fff;
	background-color: #ccc;
}

/* side navigation category links
 ------------------------------ */
.category-links {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}
.category-links li {
	width: 100%;
	padding: 10px 0;
	margin: 0 0 0 0;
	float: left;
	border-bottom: 1px solid #eeeeee;
}
.category-links li a:hover, .category-links li a.active {
	color: #ccc;
}
.category-links li:last-child {
	border-bottom: none;
}


/* tags
 ------------------------------ */	
.tags {
	padding: 0px;
	margin: 0px;
}
.tags li {
	padding: 0px;
	margin: 0;
}
.tags li a {
	padding: 5px 15px 5px 15px;
	margin: 0 10px 10px 0;
	float: left;
	color: #727272;
	background-color: #e7e7e7;
}
.tags li a:hover, .tags li a.active {
	color: #fff;
	background-color: #ccc;
}

/* sidebar works list
 ------------------------------ */	
.sidebar-works {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.sidebar-works li {
	padding: 0px;
	margin: 4px 4px 0 0;
	float: left;
}
.sidebar-works li.last {
	margin: 4px 0 0 0;
}

/* Footer Useful Links
 ------------------------------ */
	
.usefull-links {
	padding: 0px;
	margin: 0px;
}
.usefull-links li {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	border-bottom: 1px solid #2e2e2e;
}
.usefull-links li a {
	padding: 0px;
	margin: 0 0 10px 0;
	display: block;
	color: #727272;
	line-height: 23px;
}
.usefull-links li a:hover {
	color: #fff;
}
.usefull-links li i {
	color: #727272;
	padding: 0 10px 0 0;
}
.usefull-links li:last-child {
	border-bottom:none;
}
.usefull-links.no-border li {
	border-bottom:none;
}

/*============ Menu Backgrounds ============ */

/* Sticky bg
 ------------------------------ */
#header {
	position: relative;
	background: #fff;
	padding: 0;
	width: 100%;
	z-index: 999;
}
#header-2 {
	position: relative;
	background: #242424;
	padding: 0;
	width: 100%;
	z-index: 999;
	border-bottom:1px solid #ccc;
}
#header-3{
	position: relative;
	background: #fff;
	padding: 0;
	width: 100%;
	height:100px;
	z-index: 999;
}
.logo a img {width:100%;}
.dmm {
	width:100%;
	background: #fff;
	padding: 0;
	height:100px;
}
.menu-bottom-strip {
	width:100%;
	background: #ccc;
	padding: 0;
	height:2px;
}
/*============ Topbar Styles ============ */

/* Topbar
 ------------------------------ */
.topbar {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0px;
}
.topbar.white {
	background-color: #fff;
	border-bottom: 1px solid #efefef;
}
.topbar.light {
	background-color: #f6f6f6;
}
.topbar.dark {
	background-color: #242424;
}
.topbar.xdark {
	background-color: #000;
	border-bottom: 1px solid #262626;
}
.topbar.more-padding {
	padding: 20px 0 80px 0;
}
.topbar.dark select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #242424;
    border: 1px solid #727272;
}
.topbar.white button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}
/* Topbar list
 ------------------------------ */
.toplist {
	float: right;
	padding: 0px;
	margin: 0px;
}
.toplist li {
	float: left;
	color: #8d8c8c;
	text-align: right;
	font-size: 14px;
	margin: 0px;
	padding: 0 10px 0 10px;
}
.toplist li.lineright {
	border-right: 1px solid #e4e4e4;
}
.toplist li a {
	color: #8d8c8c;
}
.toplist li a:hover {
	color: #272727;
}
.toplist.toppadding {
	padding-top: 10px;
}
a.topbar-btn {
	float: left;
	color: #242424;
	text-align: center;
	font-size: 14px;
	margin: 0px;
	border-radius: 2px;
	padding: 5px 15px;
	background-color: #fff;
}
.topbar-padding {
	padding: 7px 0 15px 0;
}
.topbar-padding-more {
	padding: 15px 0 10px 0;
}
.topbar-left-items {
	float: left;
	margin: 0;
	padding: 0;
	width: 37%;
}
.topbar-right-items {
	float: left;
	margin: 0;
	padding: 0;
	width: 37%;
}

/* topbar dark list color
 ------------------------------ */
.topbar.dark .toplist li a:hover {
	color: #fff;
}
.topbar.xdark .toplist li a:hover {
	color: #fff;
}
.topbar.dark .toplist li.lineright {
	border-right: 1px solid #727272;
}
.topbar.xdark .toplist li.lineright {
	border-right: 1px solid #3a3a3a;
}
/* topbar btn
 ------------------------------ */
a.topbar-btn:hover, a.topbar-btn.active {
	color: #FFF !important;
	background-color: #fd602c;
}


/*============ Section Titles ============ */

/* page title
 ------------------------------ */
.section-title {
	font-weight: 400;
}
/* subtitle
 ------------------------------ */
.sub-title {
	width: 60%;
	font-size: 16px;
	margin: 10px auto 70px auto;
}
.sub-title.align-left {
	width: 100%;
	margin: 10px 0 70px 0;
}
.sub-title-2 {
	width: 60%;
	font-size:16px;
	margin: 10px auto 70px 0;
}
.sub-title-2.fullwidth {
	width: 100%;
	font-size:16px;
	margin: 10px auto 70px 0;
}
.title-line {
	width:30px;
	height:2px;
	padding:0px;
	margin:0px;
	background-color:#242424;
}
.title-line.white {
	background-color:#fff;
}
.title-line.dark {
	background-color:#242424;
}
.title-line.align-left {
	float:left;
}
.title-line.align-right {
	float:right;
}
.title-line.align-center {
	margin:0 auto;
}
.title-bmargin{ 
margin-bottom:70px;
}
.title-bpadding{ 
padding-bottom:50px;
}

/* Footer title
 ------------------------------ */ 
.footer-title {
	font-size:18px;
	color: #fff;
	float: left;
	margin-bottom:15px;
}
.footer-title-line {
	width:30px;
	height:2px;
	display:block;
	margin-bottom:40px;
	background-color:#fff;
}
.footer-title-line.align-left {
	float:left;
}
.footer-title-line.align-right {
	float:right;
}
/*============ Page Section Styles ============ */

/* section background colors
 ------------------------------ */
.section-dark {
	background-color: #242424;
}
.section-dark-2 {
	background-color: #1b1b1b;
}
.section-mdark {
	background-color: #161616;
}
.section-xdark {
	background-color: #101010;
}
.section-light {
	background-color: #f6f6f6;
}
.section-primary {
	background-color: #ccc;
}

/* Section Paddings
 ------------------------------ */

.sec-padding {
	padding: 80px 0 80px 0;
}
.sec-tpadding-1 {
	padding-top: 40px;
}
.sec-tpadding-2 {
	padding-top: 80px;
}
.sec-tpadding-3 {
	padding-top: 120px;
}
.sec-tpadding-4 {
	padding-top: 150px;
}
.sec-bpadding-1 {
	padding-bottom: 40px;
}
.sec-bpadding-2 {
	padding-bottom: 80px;
}
.sec-bpadding-3 {
	padding-bottom: 120px;
}
.sec-bpadding-4 {
	padding-bottom: 150px;
}
.sec-xmore-padding {
	padding: 120px 0 120px 0;
}
.sec-xmore-padding-2 {
	padding: 150px 0 150px 0;
}
.sec-padding-cr {
	padding: 120px 0 100px 0;
}
.sec-less-padding {
	padding: 50px 0 50px 0;
}
.sec-xless-padding {
	padding: 30px 0 30px 0;
}
.sec-xxless-padding {
	padding: 15px 0 15px 0;
}
.sec-dummy-top-padding {
	padding-top: 0px;
}

/*============ Overlay Styles ============ */
.section-overlay {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 2;
}
.video-overlay {
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 2;
}
.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	z-index: 10;
}

/* Overlay opacity styles
 ------------------------------ */
.bg-opacity-1 {
	background-color: rgba(0, 0, 0, 0.1);
}
.bg-opacity-2 {
	background-color: rgba(0, 0, 0, 0.2);
}
.bg-opacity-3 {
	background-color: rgba(0, 0, 0, 0.3);
}
.bg-opacity-4 {
	background-color: rgba(0, 0, 0, 0.4);
}
.bg-opacity-5 {
	background-color: rgba(0, 0, 0, 0.5);
}
.bg-opacity-6 {
	background-color: rgba(0, 0, 0, 0.6);
}
.bg-opacity-7 {
	background-color: rgba(0, 0, 0, 0.7);
}
.bg-opacity-8 {
	background-color: rgba(0, 0, 0, 0.8);
}
.bg-opacity-9 {
	background-color: rgba(0, 0, 0, 0.9);
}

 /* Background light
 ------------------------------ */
.section-overlay.light {
	background-color: rgba(246, 246, 246, 0.9);
}
.section-overlay.light-2 {
	background-color: rgba(246, 246, 246, 0.8);
}
.section-overlay.light-3 {
	background-color: rgba(246, 246, 246, 0.7);
}
.section-overlay.light-4 {
	background-color: rgba(246, 246, 246, 0.6);
}
.section-overlay.light-5 {
	background-color: rgba(246, 246, 246, 0.5);
}
.section-overlay.light-6 {
	background-color: rgba(246, 246, 246, 0.4);
}
.section-overlay.bg-primary {
	background-color: rgba(246, 246, 246, 0.9);
}


/*=============== Opacity styles ============= */
.opacity-1 {
	opacity:0.1;
}
.opacity-2 {
	opacity:0.1;
}
.opacity-3 {
	opacity:0.3;
}
.opacity-4 {
	opacity:0.4;
}
.opacity-5 {
	opacity:0.5;
}
.opacity-6 {
	opacity:0.6;
}
.opacity-7 {
	opacity:0.7;
}
.opacity-8 {
	opacity:0.8;
}


/*----------------------------RESPONSIVE STYLES------------------------------- */
/* ---------- MAX 1024PX ---------- */
@media screen and (max-width: 1024px) {
	
.sub-title {
    width: 70%;
	}	
	
	
	
	
	
	
}
	
	
/* ---------- MAX 991PX ---------- */
@media only screen and (max-width: 991px) {
.bottom-margin {
	margin-bottom: 30px;
}






}



/* ---------- MAX 800PX ---------- */
@media only screen and (max-width: 800px) {
 .sec-padding-cr {
    padding: 80px 0px 80px;
}
.sub-title {
    width: 85%;
}









}


/* ---------- MAX 768PX ---------- */
@media only screen and (max-width: 768px) {

}


/* ---------- MAX 767PX ---------- */
@media only screen and (max-width: 767px) {

}


@media screen and (max-width: 640px) {

}


@media screen and (max-width: 480px) {
.sec-padding-cr {
    padding: 55px 0px;
}
.sec-bpadding-3 {
    padding-bottom: 80px;
}
.sec-tpadding-4 {
    padding-top: 140px;
}
.title-bpadding {
    padding-bottom: 20px;
}
.sec-padding {
    padding: 40px 0px;
}
#style-customizer {
	display:none;
}

.logo a img {width:80%;}




}


/* ---------- MAX 360PX ---------- */
@media screen and (max-width: 360px) {
.text-box-right.more-padding-2 {
    padding: 0px;
}
}

/* ---------- MAX 320PX ---------- */
@media only screen and (max-width: 320px) {
.sec-bpadding-3 {
    padding-bottom: 80px;
}
.sec-tpadding-4 {
    padding-top: 140px;
}
.title-bpadding {
    padding-bottom: 20px;
}
.sec-padding {
    padding: 40px 0px;
}


}