/* 
	Theme Name: Hoststar
	Version: 4.4.8
	Theme URI: https://fluentthemes.com
	Description: Hoststar - Web Hosting WP Theme
	Author: Fluent-Themes
	Author URI: https://themeforest.net/user/fluent-themes
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Requires at least: 5.0
	Requires PHP: 7.1
	Tags: right-sidebar, post-formats
	Text Domain: hoststar
*/

/*======================================
[ CSS TABLE CONTENT ]
======================================
[Table of contents]

	1.   headings
	2.   letter-spacing
	3.   top navigations
	4.   font-style
	5.   less width
	6.   site main structure
	7.   Columns without padding
	8.   Menu Backgrounds
	9.   Topbar Styles
	10.  Text Colors
	11.  Margins
	12.  Paddings 
	13.  Divider lines
	14.  Opacity styles
	15.  font-family
	16.  letter-spacing
	17.  font weight styles
	18.  Icon styles
	19.  text boxe
	20.  Buttons
	21.  image overflow hidden
	22.  section background
	23.  Icon Lists
	24.  Section Titles
	25.  Section Paddings
	26.  Section bgcolor
	27.  bgcolor
	28.  Section bgimg
	29.  Overlay opacity styles
	30.  Parallax Sections
	31.  Our Works
	32.  Price Tables 
	33.  login-box
	34.  footer
	35.  Page Scroll to Top

======================================
[ END CSS TABLE CONTENT ]
======================================
*/

/* =========== General ============= */


body {
	font: 14px 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 23px;
	color: #727272;
}
/* 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: #3CB0F3;
}
a {
	outline: medium none !important;
	color: #333;
}
.uppercase {
	text-transform: uppercase;
}
.underline {
	text-decoration: underline;
}
.nocaps {
	text-transform: none;
}
.alignright{
	float: right;
	padding: 5px 0 5px 10px;
}
.alignleft{
	float: left;
	padding: 5px 10px 5px 0;
}
.alignnone{
	float: none;
	max-width: 100%;
	height: auto;
}
/* Headdings
 ------------------------------ */
 
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: 45px;
	line-height: 45px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
}
h1.big {
	font-weight: bold;
	margin-bottom: 5px;
}
h1.lessmar {
	margin-bottom: 10px;
}
h1.lessmar2 {
	margin-bottom: 5px;
}
h2 {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
}
h2.sty2 {
	line-height: 18px;
	margin-bottom: 0px;
}
h2.big {
	font-weight: bold;
	margin-bottom: 0px;
}
h2.nomargin {
	margin-bottom: 0px;
}
h2.less-mar1 {
	margin-bottom: 3px;
}
h2.less-mar2 {
	margin-bottom: 5px;
}
h2.less-mar3 {
	margin-bottom: 7px;
}
h2.less-mar4 {
	margin-bottom: 9px;
}
h2.white {
	color: #fff;
}
h3 {
	font-size: 27px;
	line-height: 30px;
	margin-bottom: 18px;
	font-style: normal;
}
h3.big {
	font-weight: bold;
	margin-bottom: 0px;
}
h3.nomargin {
	margin-bottom: 0px;
}
h3.less-mar1 {
	margin-bottom: 3px;
}
h3.less-mar2 {
	margin-bottom: 5px;
}
h3.less-mar3 {
	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-mar1 {
	margin-bottom: 3px;
}
h4.less-mar2 {
	margin-bottom: 5px;
}
h4.less-mar3 {
	margin-bottom: 7px;
}
h4.less-mar4 {
	margin-bottom: 9px;
}
h5 {
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 16px;
	font-style: normal;
}
h5.nomargin {
	margin-bottom: 0px;
}
h5.less-mar1 {
	margin-bottom: 3px;
}
h5.less-mar2 {
	margin-bottom: 5px;
}
h5.less-mar3 {
	margin-bottom: 7px;
}
h5.less-mar4 {
	margin-bottom: 9px;
}
h6 {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 14px;
	font-style: normal;
}
h6.nomargin {
	margin-bottom: 0px;
}
h6.less-mar1 {
	margin-bottom: 3px;
}
h6.less-mar2 {
	margin-bottom: 5px;
}
h6.less-mar3 {
	margin-bottom: 7px;
}
h6.less-mar4 {
	margin-bottom: 9px;
}
h6.sty2 {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0px;
	font-style: normal;
	font-weight: 400;
}
h6.sty3 {
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	font-style: normal;
	font-weight: 400;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
.h1, .h2, .h3, h1, h2, h3, h4 {
	margin-top: 0;
}
ul {
	list-style-type: none;
}
.medium {
	font: 18px 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	color: #727272;
}
.small-medium {
	font: 16px 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	color: #727272;
	line-height: 27px;
}

/* font-size */
.font-size-1 {
	font-size: 16px;
}
.font-size-2 {
	font-size: 20px;
}
.font-size-3 {
	font-size: 24px;
}
.font-size-4 {
	font-size: 28px;
}
.font-size-5 {
	font-size: 32px;
}
.font-size-6 {
	font-size: 36px;
}
.font-size-7 {
	font-size: 40px;
}
.font-size-8 {
	font-size: 44px;
}
.font-size-9 {
	font-size: 48px;
}
.font-size-10 {
	font-size: 52px;
}
.letter-spacing-1 {
	letter-spacing: 2px;
}

/* top navigations */
.top_nav {
	float: left;
	width: 100%;
	background: #3cb0f3;
	font-size: 13px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
.top_nav strong {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	margin-right: 10px;
	letter-spacing: 0.3px;
}
.top_nav strong i {
	color: #3cb0f3;
	background: #fff;
	font-size: 13px;
	width: 22px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	border-radius: 100%;
	margin-right: 3px;
}
.top_nav .left {
	float: left;
	width: 70%;
	text-align: left;
}
.top_nav ul.tplinks {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 12px;
}
.top_nav .tplinks li {
	float: left;
	padding: 0px;
	margin: 0px 23px 0px 0px;
	letter-spacing: 0.3px;
}
.top_nav .tplinks li img {
	float: left;
	margin-top: 6px;
	margin-right: 5px;
	opacity: 0.4;
}
.top_nav .tplinks li a {
	float: left;
	color: #fff;
	font-size: 13px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-right: 0px;
}
.top_nav .tplinks li a:hover {
	color: #f3f3f3;
}
.tpbut {
	float: left;
	color: #fff;
	margin-top: 10px;
	padding: 2px 12px 4px 12px;
	background: #4e5760;
	border-radius: 2px;
	margin-left: 10px;
	transition: all 0.3s ease;
}
.tpbut i {
	color: #fff;
	transition: all 0.3s ease;
}
.tpbut:hover {
	color: #fff;
	background: #272727;
}
.tpbut:hover i {
	color: #f3f3f3;
}
.tpbut.two {
	padding: 3px 0px 5px 0px;
	background: none;
	margin-left: 20px;
}
.top_nav .right {
	float: right;
	width: 30%;
	padding: 12px 0px 13px 0px;
}
.top_nav .select-style {
	padding: 0;
	margin: 0;
	width: 140px;
	border-radius: 2px;
	overflow: hidden;
	background-color: #2a363f;
	float: right;
}
.top_nav .select-style select {
	color: #fff;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.top_nav .select-style select:focus {
	outline: none;
}
.slidermar {
	margin-top: 108px;
}


/* top navigations -2*/
.top_nav-2 {
	float: left;
	width: 100%;
	background: #3cb0f3;
	font-size: 13px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
.top_nav-2 strong {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	margin-right: 10px;
	letter-spacing: 0.3px;
}
.top_nav-2 strong i {
	color: #242424;
	background: #fff;
	font-size: 13px;
	width: 22px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	border-radius: 100%;
	margin-right: 3px;
}
.top_nav-2 .left {
	float: left;
	width: 40%;
	text-align: left;
	padding: 12px 0px 13px 0px;
}
.top_nav-2 .select-style {
	padding: 0;
	margin: 0;
	width: 140px;
	border-radius: 2px;
	overflow: hidden;
	background-color: #fff;
	float: left;
}
.top_nav-2 .select-style select {
	color: #242424;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.top_nav-2 .select-style select:focus {
	outline: none;
}
.top_nav-2 .right {
	float: right;
	width: 60%;
}
.top_nav-2 ul.tplinks {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 12px;
}
.top_nav-2 .tplinks li {
	float: left;
	padding: 0px;
	margin: 0px 23px 0px 0px;
	letter-spacing: 0.3px;
}
.top_nav-2 .tplinks li img {
	float: left;
	margin-top: 6px;
	margin-right: 5px;
	opacity: 0.4;
}
.top_nav-2 .tplinks li a {
	float: left;
	color: #fff;
	font-size: 13px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-right: 0px;
}
.top_nav-2 .tplinks li a:hover {
	color: #f3f3f3;
}
.tpbut {
	float: left;
	color: #fff;
	margin-top: 10px;
	padding: 2px 12px 4px 12px;
	background: #4e5760;
	border-radius: 2px;
	margin-left: 10px;
	transition: all 0.3s ease;
}
.tpbut i {
	color: #fff;
	transition: all 0.3s ease;
}
.tpbut:hover {
	color: #fff;
	background: #272727;
}
.tpbut:hover i {
	color: #f3f3f3;
}
.tpbut.two {
	padding: 3px 0px 5px 0px;
	background: none;
	margin-left: 20px;
}





/* top navigations -3*/

.top_nav-3 {
	float: left;
	width: 100%;
	background: #3cb0f3;
	font-size: 13px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}
.top_nav-3 strong {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	margin-right: 10px;
	letter-spacing: 0.3px;
}
.top_nav-3 strong i {
	color: #242424;
	background: #fff;
	font-size: 13px;
	width: 22px;
	height: 22px;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	border-radius: 100%;
	margin-right: 3px;
}
.top_nav-3 .left {
	float: left;
	width: 70%;
	text-align: left;
}
.top_nav-3 ul.tplinks {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 12px;
}
.top_nav-3 .tplinks li {
	float: left;
	padding: 0px;
	margin: 0px 23px 0px 0px;
	letter-spacing: 0.3px;
}
.top_nav-3 .tplinks li img {
	float: left;
	margin-top: 6px;
	margin-right: 5px;
	opacity: 0.4;
}
.top_nav-3 .tplinks li a {
	float: left;
	color: #fff;
	font-size: 13px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s ease;
	margin-right: 0px;
}
.top_nav-3 .tplinks li a:hover {
	color: #f3f3f3;
}
.tpbut {
	float: left;
	color: #242424;
	margin-top: 10px;
	padding: 2px 12px 4px 12px;
	background: #fff;
	border-radius: 2px;
	margin-left: 10px;
	transition: all 0.3s ease;
}
.tpbut i {
	color: #242424;
	transition: all 0.3s ease;
}
.tpbut:hover {
	color: #fff;
	background: #272727;
}
.tpbut:hover i {
	color: #f3f3f3;
}
.tpbut.two {
	padding: 3px 0px 5px 0px;
	background: none;
	margin-left: 20px;
}
.top_nav-3 .right {
	float: right;
	width: 30%;
	padding: 12px 0px 13px 0px;
}
.top_nav-3 .select-style {
	padding: 0;
	margin: 0;
	width: 140px;
	border-radius: 2px;
	overflow: hidden;
	background-color: #fff;
	float: right;
}
.top_nav-3 .select-style select {
	color: #242424;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	width: 100%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.top_nav-3 .select-style select:focus {
	outline: none;
}
.slidermar {
	margin-top: 108px;
}



/*=============== font-style ============= */

.font-style-1 {
	font-style: italic;
}
.font-style-2 {
	font-style: normal;
}
.font-style-3 {
	font-style: inherit;
}
/*=============== less width ============= */
.less1 {
	width: 75%;
	margin: 0 auto;
}
.less2 {
	width: 50%;
	margin: 0 auto;
}
.less3 {
	width: 54%;
	margin: 0 auto;
}
.less4 {
	width: 45%;
	margin: 0 auto;
}
.less5 {
	width: 85%;
	margin: 0 auto;
}
.less6 {
	width: 70%;
	margin: 0 auto;
}
.less7 {
	width: 90%;
	margin: 0 auto;
}
.less8 {
	width: 94%;
	margin: 0 auto;
}
.less9 {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.less10 {
	width: 89%;
	margin: 0 auto;
}
/*=============== site main structure ============= */

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}
.wrapper-boxed {
	width: 1240px;
	margin: auto auto auto auto;
}

/*=============== Columns without padding ============= */
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}
/*============ Menu Backgrounds ============ */

/* Sticky bg
 ------------------------------ */
#header {
	position: relative;
	background: #fff;
	padding: 0;
	width: 100%;
	z-index: 999;
}
#header-2 {
	position: relative;
	background: #000;
	padding: 0;
	width: 100%;
	z-index: 999;
}
#header-3 {
	position: relative;
	background: #fff;
	padding: 0;
	width: 100%;
	height: 100px;
	z-index: 999;
}
#header-4 {
	position: relative;
	background: #3cb0f3;
	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.fulldark {
	background-color: #000;
	border-bottom: 1px solid #262626;
}
.topbar.blue {
	background-color: #09aeec;
}
.topbar.orange2 {
	background-color: #f7c800;
}
.topbar.orange {
	background-color: #ec4f1f;
}
/*=============== Text Colors ============= */

.text-white {
	color: #fff;
}
.text-dark {
	color: #272727;
}
.text-light {
	color: #acacac;
}
.text-green {
	color: #3cb0f3;
}
.text-greendark {
	color: #3cb0f3;
}
.text-orange {
	color: #ffa60a;
}
.text-orange-2 {
	color: #fd602c;
}
.text-orange-4 {
	color: #ff9320;
}
.text-orange-5 {
	color: #fd602c;
}
.text-red {
	color: #ee4531;
}
.text-gray {
	color: #727272;
}
.text-violet {
	color: #7c50b7;
}
.text-violet-2 {
	color: #f05d6b;
}
.text-blue {
	color: #09aeec;
}
.text-bluedark {
	color: #38aace;
}
.text-bgreenlue {
	color: #09aeec;
}
.text-orange {
	color: #ffc000;
}
.text-orange-2 {
	color: #fcc813;
}
.text-orange-3 {
	color: #f09e3b;
}
.text-orange-4 {
	color: #1e1204;
}
.text-orange-5 {
	color: #f7c800;
}
.text-orange-dark {
	color: #fd602c;
}
.text-orange-fulldark {
	color: #fa5019;
}
.text-orange-green-2 {
	color: #e9ee42;
}
.text-pink {
	color: #ff0090;
}
.text-pink-2 {
	color: #ff005e;
}
.text-pink-3 {
	color: #ce0a6c;
}
.text-brown {
	color: #8b501f;
}
.text-brown-2 {
	color: #b5854d;
}
.text-cyan {
	color: #42d1aa;
}
.text-stone {
	color: #c3a254;
}
.center-aligned {
	text-align: center;
	margin: 0 auto;
}
.right-aligned {
	float: right;
}
/*=============== Margins ============= */
.bmargin {
	margin-bottom: 0px;
}
.tmargin {
	margin-top: 0px;
}
.col-divider-margin {
	width: 100%;
	float: left;
	margin-top: 40px;
}
.col-divider-margin-2 {
	width: 100%;
	float: left;
}
.margin-top1 {
	float: left;
	margin-top: 10px;
	width: 100%;
}
.margin-less-top1 {
	float: left;
	margin-top: -100px;
	width: 100%;
	position: relative;
}
.margin-top2 {
	float: left;
	margin-top: 20px;
	width: 100%;
}
.margin-top3 {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.margin-top4 {
	float: left;
	margin-top: 40px;
	width: 100%;
}
.margin-top5 {
	float: left;
	margin-top: 50px;
	width: 100%;
}
.margin-top6 {
	float: left;
	margin-top: 60px;
	width: 100%;
}
.margin-top7 {
	float: left;
	margin-top: 70px;
	width: 100%;
}
.margin-bottom1 {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.margin-bottom2 {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.margin-bottom3 {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}
.margin-bottom4 {
	float: left;
	margin-bottom: 40px;
	width: 100%;
}
.margin-bottom5 {
	float: left;
	margin-bottom: 50px;
	width: 100%;
}
.margin-bottom6 {
	float: left;
	margin-bottom: 60px;
	width: 100%;
}
.margin-bottom7 {
	float: left;
	margin-bottom: 70px;
	width: 100%;
}
.margin-bottom8 {
	float: left;
	margin-bottom: 80px;
	width: 100%;
}
.margin-bottom9 {
	float: left;
	margin-bottom: 90px;
	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;
}
.margin-left-8 {
	margin-left: 80px;
}
.margin-left-9 {
	margin-left: 90px;
}
.margin-left-10 {
	margin-left: 100px;
}
.margin-left-11 {
	margin-left: 110px;
}
.margin-left-12 {
	margin-left: 120px;
}
.margin-left-13 {
	margin-left: 130px;
}
.margin-left-14 {
	margin-left: 140px;
}
.margin-left-1 {
	margin-left: 60px;
}
.margin-right-1 {
	margin-left: -60px;
	margin-top: 40px;
}
.colmargin {
	margin: 0 0 0 0;
}
.col-centered {
	float: none;
	margin: 0 auto;
}
.fweight1 {
	margin-bottom: 0px;
}
/*=============== 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;
}
.padding-top-7 {
	padding-top: 70px;
}
.padding-top-8 {
	padding-top: 80px;
}
.padding-top-9 {
	padding-top: 90px;
}
.padding-top-10 {
	padding-top: 100px;
}
.padding-top-11 {
	padding-top: 110px;
}
.padding-top-12 {
	padding-top: 120px;
}
.padding-top-13 {
	padding-top: 130px;
}
.padding-top-14 {
	padding-top: 140px;
}
.padding-top-15 {
	padding-top: 150px;
}
/* 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;
}
.padding-left-9 {
	padding-left: 90px;
}
.padding-left-10 {
	padding-left: 100px;
}
.padding-left-11 {
	padding-left: 110px;
}
.padding-left-12 {
	padding-left: 120px;
}
.padding-left-13 {
	padding-left: 130px;
}
.padding-left-14 {
	padding-left: 140px;
}
.padding-left-15 {
	padding-left: 150px;
}
.padding-left-16 {
	padding-left: 160px;
}
.padding-left-17 {
	padding-left: 170px;
}
.padding-left-18 {
	padding-left: 180px;
}
.padding-left-19 {
	padding-left: 190px;
}
.padding-left-20 {
	padding-left: 200px;
}
/* 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;
}
.padding-right-less {
	padding-right: 0px;
}
.nopaddtop {
	padding-top: 0px;
}
/* bottom padding
 ------------------------------ */
 
.padding-bottom-1 {
	padding-right: 10px;
}
.padding-bottom-2 {
	padding-bottom: 20px;
}
.padding-bottom-3 {
	padding-bottom: 30px;
}
.padding-bottom-4 {
	padding-bottom: 40px;
}
.padding-bottom-5 {
	padding-bottom: 50px;
}
.padding-bottom-6 {
	padding-bottom: 60px;
}
.padding-bottom-7 {
	padding-bottom: 70px;
}
.padding-bottom-8 {
	padding-bottom: 80px;
}
.padding-bottom-less {
	padding-bottom: 0px;
}
/*=============== 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;
}
/*=============== 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;
}

/* =========== parallax sections ============= */

.parallax-sec-1 {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0px;
	text-align: center;
	background: url(images/parallax-1.jpg);
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: center center;
	z-index: 1;
}

/*=============== fonts ============= */
.Roboto {
	font-family: 'Roboto', sans-serif;
}
.Droid Serif {
	font-family: 'Droid Serif', sans-serif;
}
.Raleway {
	font-family: 'Raleway', sans-serif;
}
.great-vibes {
	font-family: 'Great Vibes', cursive;
}
.old-standardtt {
	font-family: 'Old Standard TT', serif;
}
.dosis {
	font-family: 'Dosis', sans-serif;
}
.roboto-slab {
	font-family: 'Roboto Slab', serif;
}
.gfs-didot {
	font-family: 'GFS Didot', serif;
}
.raleway {
	font-family: "Raleway", sans-serif;
}
.gloria-hallelujah {
	font-family: 'Gloria Hallelujah', cursive;
}
.love-ya-like-a-sister {
	font-family: 'Love Ya Like A Sister', cursive;
}
.Bookman-Old-Style {
	font-family: 'EB Garamond', serif;
}
.Lobster {
	font-family: 'Lobster', cursive;
}
/* letter spacing
 ------------------------------ */
.lspace-sm {
	letter-spacing: 2px;
}
.lspace-msm {
	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;
}
/*=============== 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;
}
.digit {
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	left: 115px;
	top: 115px;
	line-height: 36px;
	border-radius: 100%;
	background-color: #fd602c;
	transition: all 0.3s ease-out 0s;
}
.iconbox-xlarge.no-lineheight {
	line-height: 0;
}
/* icon rounded
 ------------------------------ */
 
.iconbox-dxlarge.round, .iconbox-xlarge.round, .iconbox-large.round, .iconbox-xmedium.round, .iconbox-medium.round, .iconbox-smedium.round, .iconbox-small.round, .iconbox-tiny.round, .iconbox-xtiny.round {
	border-radius: 100%;
}
/* 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-green, .iconbox-xlarge.border-green, .iconbox-large.border-green, .iconbox-xmedium.border-green, .iconbox-medium.border-green, .iconbox-smedium.border-green, .iconbox-small.border-green, .iconbox-tiny.border-green, .iconbox-xtiny.border-green {
	color: #3cb0f3;
	background-color: none;
	border: 1px solid #3cb0f3;
}
.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 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 ============ */

	
.text-box-right {
	display: block;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 120px;
}
.text-box-left {
	display: block;
	padding: 0px 90px 0px 0;
	margin: 0px;
	text-align: right;
}
.item-holder {
	width: 100%;
	padding: 0px;
}
.text-box-inner {
	width: 100%;
	float: left;
	padding: 40px;
}
.text-box {
	width: 100%;
	float: left;
}
.text-box.white {
	background-color: #fff;
}
.text-box.dark {
	background-color: #242424;
}
.text-box.green {
	background-color: #87cc4f;
}
.text-box.violet {
	background-color: #f05d6b;
}
/*============ Buttons ============ */

a.read-more {
	color: #fd602c;
}
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: #fd602c;
}
a.read-more.dark2 {
	color: #242424;
}
a.read-more.dark2:hover {
	color: #727272;
}
a.read-more.yellow {
	color: #ffc000;
}
a.read-more.yellow:hover {
	color: #242424;
}
a.read-more.yellow-2 {
	color: #fcc813;
}
a.read-more.yellow-2:hover {
	color: #242424;
}
a.read-more.yellow-3 {
	color: #f7c800;
}
a.read-more.yellow-3:hover {
	color: #242424;
}
a.read-more.stone {
	color: #c3a254;
}
a.read-more.stone:hover {
	color: #242424;
}
a.read-more.brown-2 {
	color: #b5854d;
}
a.read-more.brown-2:hover {
	color: #242424;
}
a.read-more.pink-3 {
	color: #ce0a6c;
}
a.read-more.pink-3:hover {
	color: #242424;
}
a.read-more.blue {
	color: #1fbef0;
}
a.read-more.blue:hover {
	color: #242424;
}
a.read-more.cyan {
	color: #42d1aa;
}
a.read-more.cyan:hover {
	color: #727272;
}
.btn.active, .btn:active {
	box-shadow: none;
}
/* button styles
 ------------------------------ */
 
.btn {
	padding: 10px 36px;
	margin: 0px;
	box-shadow: none;
	border-radius: 0;
}
.btn.btn-large {
	padding: 18px 60px;
}
.btn.btn-small {
	padding: 12px 42px;
}
.btn.btn-small-2 {
	padding: 4px 30px;
}
/* button radius
 ------------------------------ */ 
.btn.btn-xround {
	border-radius: 30px;
}
.btn.btn-round {
	border-radius: 4px;
}
.btn.top-margin {
	margin-top: 40px;
}
.btn.fontsize {
	font-size: 18px;
}
/* button background colors
 ------------------------------ */

/* button white
 ------------------------------ */
.btn.btn-white {
	color: #242424;
	background-color: #fff;
}
.btn.btn-white: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 green
 ------------------------------ */
.btn.btn-green {
	color: #fff;
	background-color: #3cb0f3;
}
.btn.btn-green:hover {
	color: #3cb0f3;
	background-color: #272727;
}

/* button green dark
 ------------------------------ */
.btn.btn-greendark {
	color: #fff;
	background-color: #3cb0f3;
}
.btn.btn-greendark:hover {
	color: #242424;
	background-color: #3cb0f3;
}
/* button dark-3
 ------------------------------ */
.btn.btn-blue-dark{
	color: #fff;
	background-color: #38aace;
}
.btn.blue-dark:hover {
	color: #389adc;
	background-color: #fff;
}
.btn.btn-blue{
	color: #fff;
	background-color: #399ee5;
}
.btn.blue:hover {
	color: #399ee5;
	background-color: #242424;
}
.btn.blue-dark.big {
	padding: 24px 30px;
}
/* button orange
 ------------------------------ */
.btn.btn-orange {
	color: #fff;
	background-color: #fd602c;
}
.btn.btn-orange:hover {
	color: #fff;
	background-color: #242424;
}
/* button orange-2
 ------------------------------ */
.btn.btn-orange-2 {
	color: #fff;
	background-color: #fd602c;
}
.btn.btn-orange-2:hover {
	color: #242424;
	background-color: #fff;
}
/* button orange-2 on hover dark
 ------------------------------ */
.btn.btn-orange-2.dark {
	color: #fff;
	background-color: #fd602c;
}
.btn.btn-orange-2.dark:hover {
	color: #fff;
	background-color: #242424;
}
/* button orange-3
 ------------------------------ */
.btn.btn-orange-3 {
	color: #fff;
	background-color: #ff971c;
}
.btn.btn-orange-3:hover {
	color: #242424;
	background-color: #fff;
}
/* button orange-3
 ------------------------------ */
.btn.btn-orange-dark {
	color: #fff;
	background-color: #f7c800;
}
.btn.btn-orange-dark:hover {
	color: #f7c800;
	background-color: #272727;
}
.btn.btn-orange-5 {
	color: #fff;
	background-color: #f7c800;
}
.btn.btn-orange-5:hover {
	color: #f7c800;
	background-color: #fff;
}
/* button brown
 ------------------------------ */
.btn.btn-brown {
	color: #242424;
	background-color: #fff;
}
.btn.btn-brown:hover {
	color: #fff;
	background-color: #8b501f;
}
/* 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 white
 ------------------------------ */
.btn.btn-border.white-2 {
	color: #fff;
	border-color: #fff;
}
.btn.btn-border:hover.white-2 {
	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 orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
	color: #fd602c;
	border-color: #fd602c;
}
.btn.btn-border:hover.orange-2 {
	color: #fff;
	background-color: #fd602c;
	border-color: #fd602c;
}
/* button border orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
	color: #fd602c;
	border-color: #fd602c;
}
.btn.btn-border:hover.orange-2 {
	color: #fff;
	background-color: #fd602c;
	border-color: #fd602c;
}
/* button border orange-4
 ------------------------------ */
.btn.btn-border.orange-4 {
	color: #ff9320;
	border-color: #ff9320;
}
.btn.btn-border:hover.orange-4 {
	color: #fff;
	background-color: #ff9320;
	border-color: #ff9320;
}
/* button border gray
 ------------------------------ */
.btn.btn-border.gray {
	color: #fff;
	border-color: #727272;
}
.btn.btn-border:hover.gray {
	color: #fff;
	background-color: #5c5b5b;
	border-color: #5c5b5b;
}
/* button border gray-2
 ------------------------------ */
.btn.btn-border.gray-2 {
	color: #242424;
	border-color: #727272;
}
.btn.btn-border:hover.gray-2 {
	color: #fff;
	background-color: #5c5b5b;
	border-color: #5c5b5b;
}
/* button border xdark
 ------------------------------ */
.btn.btn-border.xdark {
	color: #161616;
	border-color: #161616;
}
.btn.btn-border:hover.xdark {
	color: #fff;
	background-color: #161616;
	border-color: #161616;
}
/* button border brown
 ------------------------------ */
.btn.btn-border.brown {
	color: #8b501f;
	border-color: #8b501f;
}
.btn.btn-border:hover.brown {
	color: #fff;
	background-color: #8b501f;
	border-color: #8b501f;
}
/* button border white on hover brown
 ------------------------------ */
.btn.btn-border.white.brown {
	color: #fff;
	border-color: #fff;
}
.btn.btn-border:hover.white.brown {
	color: #fff;
	background-color: #8b501f;
	border-color: #8b501f;
}
/* button border light on hover orange 
 ------------------------------ */
.btn.btn-border.orange {
	color: #f09e3b;
	border-color: #f09e3b;
}
.btn.btn-border:hover.orange {
	color: #fff;
	background-color: #f09e3b;
	border-color: #f09e3b;
}
/* button border orange -green
 ------------------------------ */
.btn.btn-border.orange-dark {
	color: #dbdc33;
	border-color: #dbdc33;
}
.btn.btn-border:hover.orange-dark {
	color: #fff;
	background-color: #dbdc33;
	border-color: #dbdc33;
}
/* button border orange -green-2
 ------------------------------ */
.btn.btn-border.orange-green-2 {
	color: #e9ee42;
	border-color: #09aeec;
}
.btn.btn-border:hover.orange-green-2 {
	color: #242424;
	background-color: #e9ee42;
	border-color: #e9ee42;
}
/* button border light on hover orange -green-2
 ------------------------------ */
.btn.btn-border.light.orange-green-2 {
	color: #242424;
	border-color: #e4e4e4;
}
.btn.btn-border:hover.light.orange-green-2 {
	color: #242424;
	background-color: #e9ee42;
	border-color: #e9ee42;
}
/* button border pink
 ------------------------------ */
.btn.btn-border.pink {
	color: #f51f6f;
	border-color: #f51f6f;
}
.btn.btn-border:hover.pink {
	color: #fff;
	background-color: #f51f6f;
	border-color: #f51f6f;
}
/* button border stone
 ------------------------------ */
.btn.btn-border.stone {
	color: #c3a254;
	border-color: #c3a254;
}
.btn.btn-border:hover.stone {
	color: #fff;
	background-color: #c3a254;
	border-color: #c3a254;
}
/* button border red
 ------------------------------ */
.btn.btn-border.red {
	color: #e93e21;
	border-color: #e93e21;
}
.btn.btn-border:hover.red {
	color: #fff;
	background-color: #e93e21;
	border-color: #e93e21;
}
/* button border light hover red
 ------------------------------ */
.btn.btn-border.light.red {
	color: #242424;
	border-color: #e4e4e4;
}
.btn.btn-border:hover.light.red {
	color: #fff;
	background-color: #e93e21;
	border-color: #e93e21;
}
/* button border light hover red-2
 ------------------------------ */
.btn.btn-border.light.red-2 {
	color: #242424;
	border-color: #e4e4e4;
}
.btn.btn-border:hover.light.red-2 {
	color: #fff;
	background-color: #ea3628;
	border-color: #ea3628;
}
/* button border orange -2
 ------------------------------ */
.btn.btn-border.orange-2 {
	color: #fcc813;
	border-color: #fcc813;
}
.btn.btn-border:hover.orange-2 {
	color: #fff;
	background-color: #fcc813;
	border-color: #fcc813;
}
/* button border red-5
 ------------------------------ */
.btn.btn-border.red-5 {
	color: #ed3325;
	border-color: #ed3325;
}
.btn.btn-border:hover.red-5 {
	color: #fff;
	background-color: #ed3325;
	border-color: #ed3325;
}
/*black button*/
.black-button {
	border: solid 1px #222222;
	background: #222222;
	padding: 10px 20px;
	color: #fff;
	border-radius: 0px;
	padding: 18px 20px;
	margin-left: 6px;
	margin-top: -3px;
	transition: all 0.3s ease-out 0s;
}
.black-button:hover {
	border: solid 1px #000;
	color: #fff;
	background: #000;
}
/* image overflow hidden
 ------------------------------ */
.overflow-hidden {
	overflow: hidden;
}
/* section background dark
 ------------------------------ */
.section-dark {
	background-color: #242424;
}
.section-blue {
	background-color: #09aeec;
}
.section-bluefulldark {
	background-color: #00091d;
}
.section-fulldark {
	background-color: #000;
}
.section-medium-dark {
	background-color: #161616;
}
.section-light {
	background-color: #f6f6f6;
}
.section-orange {
	background-color: #fd602c;
}
.section-green {
	background-color: #3cb0f3;
}
.section-orange-dark {
	background-color: #543005;
}
/*============Icon Lists ============ */

.iconlist {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.iconlist li {
	padding: 0px;
	margin: 0 0 15px 0;
	display: block;
	line-height: 23px;
}
.iconlist li i {
	color: #ccc;
	padding: 0 15px 0 0;
}

.iconlist.orange li i {
	color: #fd602c;
	padding: 0 15px 0 0;
}
.iconlist.orange2 li i {
	color: #fd602c;
	padding: 0 15px 0 0;
}
.iconlist.dark li i {
	color: #161616;
}
.iconlist.less-margin li {
	margin: 0 0 13px 0;
}
.iconlist.green2 li i {
	color: #fd602c;
}
.iconlist.orange li i {
	color: #ffc000;
}
.iconlist.orange-5 li i {
	color: #f7c800;
}
.iconlist.white li i {
	color: #fff;
}
.iconlist.white-2 li {
	color: #fff;
}
.iconlist.medium li i {
	color: #727272;
}
.iconlist.dark-red li {
	color: #913256;
}
.iconlist.pink li i {
	color: #f51f6f;
	padding: 0 15px 0 0;
}
.iconlist.stone li a {
	color: #c3a254;
	margin: 0 0 10px 0;
}
.iconlist.stone li i {
	color: #c3a254;
}
.iconlist.red-5 li i {
	color: #ed3325;
}
.iconlist.cyan li i {
	color: #42d1aa;
}
.iconlist.blue li i {
	color: #1fbef0;
}
.iconlist.green-4 li i {
	color: #8ac700;
}
.iconlist.green-4 li {
	margin: 0 0 10px 0;
}
/* 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;
}
/*============ Section Titles ============ */


.title-line {
	width: 30px;
	height: 3px;
	padding: 0px;
	margin: 0px;
	background-color: #242424;
}
.title-line.white {
	background-color: #fff;
}
.title-line.dark {
	background-color: #242424;
}
.title-line.green {
	background-color: #3cb0f3;
}
.title-line.bluedark {
	background-color: #38aace;
}
.title-line.align-left {
	float: left;
}
.title-line.align-right {
	float: right;
}
.title-line.align-center {
	margin: 0 auto;
}
/* Section Paddings
 ------------------------------ */
.section-padding {
	padding-top: 70px;
}
.section-bpadding {
	padding-bottom: 70px;
}
.section-bpadding-1 {
	padding-bottom: 65px;
}
.section-bpadding-2 {
	padding-bottom: 80px;
}
.section-tpadding-2 {
	padding-top: 80px;
}
.section-tpadding-3 {
	padding-top: 120px;
}
.section-bpadding-3 {
	padding-bottom: 100px;
}
.section-tpadding-4 {
	padding-top: 150px;
}
.section-bpadding-4 {
	padding-bottom: 120px;
}
.section-bpadding.less-padding {
	padding-bottom: 30px;
}
.sectiontion-xmore-padding {
	padding: 150px 0 150px 0;
}
.section-less-padding {
	padding: 50px 0 50px 0;
}
.section-moreless-padding {
	padding: 30px 0 30px 0;
}
.section-dummy-top-padding {
	padding-top: 0px;
}
.sectiontion-less-padding.top-margin {
	margin-top: -80px;
}
/* Section bgcolor
 ------------------------------ */
.section-bgcolor1 {
	background-color: #3cb0f3;
}
.section-bgcolor2 {
	background-color: #fff;
}
.section-bgcolor3 {
	background-color: #f4025b;
}
.section-bgcolor4 {
	background-color: #f9f9f9;
}
.section-bgcolor5 {
	background-color: #020203;
}
.section-bgcolor6 {
	background-color: #38aace;
}
.section-bgcolor7 {
	background-color: #3cb0f3;
}

/*  bgcolor
 ------------------------------ */
.bgcolor1 {
	background-color: #3cb0f3;
}
.bgcolor2 {
	background-color: #fff;
}
.bgcolor3 {
	background-color: #f4025b;
}
.bgcolor4 {
	background-color: #272727;
}
.bgcolor5 {
	background-color: #000;
}
.bgcolor6 {
	background-color: #38aace;
}
.bgcolor7 {
	background-color: #3cb0f3;
}
/*============ 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;
}
/* =========== TLD Boxes ============= */
/* tld boxes
 -----------------------------------------------*/
 
.tld-step-box {
	position: relative;
	width: 100%;
	padding: 40px;
	margin: 0px;
	float: left;
	z-index: 2;
	text-align: center;
	color: #fff;
	top: -111px;
	background-color: #3cb0f3;
}
.tld-step-box span {
	font-size: 60px;
	color: #fff;
	font-weight: 300;
}
.domain-price-1 {
	margin-right: 15px;
	text-decoration: line-through;
}
/* Section bgimg
 ------------------------------ */

.section-bgimg-1 {
	background-image: url(images/bg-1.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.section-bgimg-2 {
	background-image: url(images/bg-2.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
.section-bgimg-3 {
	background-image: url(images/site-img09.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.section-bgimg-4 {
	background-image:url(images/background-img2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

/* Overlay opacity styles
 ------------------------------ */
.bg-opacity-1 {
	background-color: rgba(255, 255, 255, 0.1);
}
.bg-opacity-2 {
	background-color: rgba(255, 255, 255, 0.2);
}
.bg-opacity-3 {
	background-color: rgba(255, 255, 255, 0.3);
}
.bg-opacity-4 {
	background-color: rgba(255, 255, 255, 0.4);
}
.bg-opacity-5 {
	background-color: rgba(255, 255, 255, 0.5);
}
.bg-opacity-6 {
	background-color: rgba(255, 255, 255, 0.6);
}
.bg-opacity-7 {
	background-color: rgba(255, 255, 255, 0.7);
}
.bg-opacity-8 {
	background-color: rgba(255, 255, 255, 0.8);
}
.bg-opacity-9 {
	background-color: rgba(255, 255, 255, 0.9);
}
/*============ Parallax Sections ============ */

/* titel Section bgimg
 ------------------------------ */

.titel-section-bgimg1 {
	background-image:url(images/background-img3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*============ page nation ============ */
.pagenation-holder {
	border-bottom: 1px solid #e9e9e9;
	float: left;
	margin: 0;
	padding: 25px 0 10px;
	width: 100%;
}
.pagenation_links a {
	color: #161616;
}
/*=========================================
	Our Works
==========================================*/

.work-filter {
  margin-bottom: 50px;
}

.work-filter ul li {
    display: inline-block;
}

.work-filter ul li a {
  color: #062033;
  display: block;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 17px;
  border-radius: 12px;
  text-transform: capitalize;
}

.work-filter ul li a:hover,
.work-filter ul li a.active {
  background-color: #3cb0f3;
  border-radius: 6px;
  color: #fff;
  padding: 5px 17px;
}

.mix {
    display: none;
}

.work-item {
    float: left;
    width: 25%;
    position: relative;
}

.work-item > img {
  display: block;
  height: auto;
  max-width: 100%;
}

.overlay {
	background-color: rgba(57,158,229,.9);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);
}

.work-item:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.work-item .overlay a {
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  margin-top: 20%;
  padding: 7px 10px;
}

.work-item .overlay a:hover {
  color: #fff;
}

.work-item .overlay h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 25px 0 8px;
  color:#fff;
}

.work-item .overlay p {
  font-size: 14px;
  line-height: 24px;
}


/*============ Price Tables  ============ */

/* Price Table 1
 -----------------------------------------------*/
.pricetable-holder-1 {
	position: relative;
	width: 100%;
	padding: 40px 20px 40px 20px;
	float: left;
	text-align: center;
	border-right: 1px solid #fff;
	transition: all 0.3s ease-out 0s;
	background-color: #fff;
}
.pricetable-holder-1.border-right {
	border-right: 1px solid #e4e4e4;
}
.pricetable-holder-1 .price-circle {
	width: 125px;
	height: 125px;
	margin: 0 auto;
	border-radius: 100%;
	background-color: #3cb0f3;
	border: 10px solid #f3f3f3;
}
.pricetable-holder-1 .price-circle .price {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 20px;
	padding: 45px 0;
	text-align: center;
}
.pricetable-holder-1 .price-circle .price sup {
	font-size: 22px;
	font-style: normal;
}
.pricetable-holder-1 .price-circle .price i {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.pricetable-holder-1 .title {
	width: 100%;
	color: #242424;
	padding: 0;
}
.pricetable-holder-1 .features-list {
	width: 100%;
	padding: 0;
	margin: 0px;
	float: left;
}
.pricetable-holder-1 .features-list li {
	width: 100%;
	padding: 10px 0;
	margin: 0px;
	float: left;
	color: #727272;
	border-bottom: 1px solid #e4e4e4;
}
.pricetable-holder-1 .features-list li:last-child {
	border-bottom: none;
}
.pricetable-holder-1.active .price-circle, .pricetable-holder-1:hover .price-circle {
	background-color: #fff;
	border: 1px solid #fff;
	transition: all 0.3s ease;
}
.pricetable-holder-1.active .price-circle .price, .pricetable-holder-1:hover .price-circle .price {
	color: #242424;
	transition: all 0.3s ease;
}
.pricetable-holder-1.active .title, .pricetable-holder-1:hover .title {
	color: #fff;
	transition: all 0.3s ease;
}
.pricetable-holder-1.active, .pricetable-holder-1:hover {
	background-color: #3cb0f3;
	transition: all 0.3s ease;
}
.pricetable-holder-1.active .features-list li, .pricetable-holder-1:hover .features-list li {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease;
}
.pricetable-holder-1.active .features-list li:last-child, .pricetable-holder-1:hover .features-list li:last-child {
	border-bottom: none;
	transition: all 0.3s ease;
}
.pricetable-holder-1:hover .btn.btn-blue{
	color: #242424;
    background-color: #fff;
	transition: all 0.3s ease;
}
/* Price Table 2
 -----------------------------------------------*/
 
.pricetable-holder2 {
	position: relative;
	width: 100%;
	padding: 15px 0 40px 0;
	margin: 0px;
	float: left;
	text-align: center;
	transition: all 0.3s ease-out 0s;
	background-color: #ddd;
}
.pricetable-holder2.border-right {
	border-right: 1px solid #f3f3f3;
}
.pricetable-holder2 .price {
	color: #242424;
	font-size: 26px;
	font-weight: bold;
	line-height: 20px;
	padding: 15px 0;
	text-align: center;
}
.pricetable-holder2 .price sup {
	font-size: 22px;
	font-style: normal;
}
.pricetable-holder2 .price i {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}
.pricetable-holder2 .title-box {
	width: 100%;
	color: #242424;
	float: left;
	padding: 45px 0 15px 0;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}
.pricetable-holder2.first-table .title-box {
	padding: 15px 0 15px 0;
}
.pricetable-holder2.first-table {
	margin-top: 83px;
}
.pricetable-holder2 .title-box .title {
	color: #242424;
}
.pricetable-holder2 .features-list {
	width: 100%;
	padding: 0;
	margin: 0px;
	float: left;
	color: #242424;
}
.pricetable-holder2 .features-list li {
	width: 100%;
	padding: 15px 0;
	margin: 0px;
	float: left;
	color: #242424;
	border-bottom: 1px solid #fff;
}
.pricetable-holder2 .features-list li i.green-4 {
	color: #80b604;
	font-size: 18px;
}
.pricetable-holder2 .features-list li i.red {
	color: #ff2f16;
	font-size: 18px;
}
.pricetable-holder2 .features-list li i.white {
	color: #fff;
	font-size: 18px;
}
.pricetable-holder2 .features-list li:last-child {
	border-bottom: none;
}
.pricetable-holder2 .features-list li:nth-child(even) {
	background-color: #3cb0f3;
}
.pricetable-holder2.active .features-list li:nth-child(even) {
	background-color: #3cb0f3;
}
.pricetable-top-bg-strip {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 25px;
	background-color: #fff;
}
.pricetable-active-bg-strip {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 25px;
	background-color: #3cb0f3;
}
.pricetable-holder2.active {
	background-color: #3cb0f3;
	padding-bottom: 60px;
}
.pricetable-holder2.active .features-list li {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder2.active .title-box {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pricetable-holder2.active .btn.btn-green-4 {
	color: #242424;
	background-color: #fff;
}

/******************************************
    PRICING
******************************************/

.pricing-header p {
	color: #ffffff;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
}
.pricing-bigger {
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.pricing-bigger .pricing-choose {
	background-color: #ffffff;
	font-weight: normal;
}
.pricing-bigger .pricing-border {
	border-right: 1px solid #f1f1f4;
}
.pricing-bigger .pricing-plan {
	background-color: #ffffff;
}
.pricing-bigger .pricing-header {
	padding: 40px 20px;
}
.pricing-bigger .pricing-body ul {
	padding: 0 !important;
	margin: 0 !important;
}
.pricing-bigger .pricing-body ul li {
	list-style: none;
	padding: 10px 20px;
	border-bottom: 1px solid #dddddd;
}
.pricing-bigger .pricing-body ul li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.pricing-bigger .pricing-header h3 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	line-height: 1;
	color: #ffffff;
	text-transform: uppercase;
}
.pricing-bigger li:nth-child(2), .pricing-bigger li:nth-child(4), .pricing-bigger li:nth-child(6), .pricing-bigger li:nth-child(8), .pricing-bigger li:nth-child(10), .pricing-bigger li:nth-child(12) {
	background-color: #F4F4F7;
}
.orderbutton {
	text-transform: uppercase;
	color: #ffffff !important;
	text-decoration: underline !important;
	font-weight: bold;
}

/*------------------*/
/*Pricing tables */
/*------------------------------------------------------*/
.pricing-box {
	border:solid 1px #e3e3e3;
	padding:40px 0;
}
.pricing-box.active {
	border:solid 1px #d53805;
	background:#d53805;
	padding:40px 0;
}
.price h4 {
	line-height:20px;
}
ul.plan-list {
	padding:0;
	margin:0;
}
ul.plan-list li {
	margin:25px 0;
}
ul.plan-list.one li {
	margin:15px 0;
}
ul.plan-list.two li {
	padding:11px 25px;
	margin:0;
	border-top:solid 1px #e3e2e2;
}
ul.plan-list.two li:last-child {
	border-bottom:solid 1px #e3e2e2;
}
.pricing-box.one {
	border:0;
	background:#f4f4f4;
	padding:60px 0;
	transition: all 0.3s ease-out 0s;
}
.pricing-box.two {
	border:solid 1px #e3e2e2;
	background:#fff;
	padding:60px 0;
	transition: all 0.3s ease-out 0s;
}
.pricing-box.two.active {
	border:solid 1px #d53805;
	background:#d53805;
	transform: scale(1.0);
	color:#fff;
}
.price-info {
	background:#FFF;
	border-radius:100%;
	text-align:center;
	font-size:18px;
	font-style:italic;
	color:#979898;
	width:120px;
	height:120px;
	padding-top:30px;
	position:absolute;
	z-index:999;
}

.pricing-box.three {
	border:solid 0px #e3e2e2;
	background:#fff;
	padding:0px;
	transition: all 0.3s ease-out 0s;
}
.pricing-box.three.active {
	border:solid 0px #e3e2e2;
	background:#fff;
	padding: 0 0 20px 0;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.28);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.28);
	z-index:99;
}
.pricing-box.three h6{
	padding-top: 20px;
}
/******************************************
    .login-box 
******************************************/
.login-box p {
	padding: 0;
	z-index: 10;
	display: block;
	position: relative;
	margin-top: 0px !important;
	margin-bottom: 30px;
	color: #ffffff;
}
.login-box .form-control {
	margin-bottom: 15px;
	width: 100%;
	z-index: 1;
	background-color: #fff;
	position: relative;
	height: 45px;
	font-size: 13px;
	text-align: center;
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important
}
.login-box .btn {
	font-size: 14px;
	padding: 8px;
	z-index: 1;
	position: relative;
}
.login-box {
	position: relative;
}
.login-box:before {
	position: absolute;
	content: "";
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 2px dotted #f3f3f3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.login-box .widget-title:before {
	content: "" !important;
}
.login-box a {
	text-decoration: underline !important;
	font-weight: bold;
}
.login-box {
	display: block;
	padding: 60px;
	margin-top: 40px;
	margin-bottom: 80px;
	background-color: #3cb0f3;
}
.login-box h3 {
	padding: 0 0 10px;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 32px;
	color: #ffffff;
}
.login-box .checkbox {
	padding-top: 20px;
}
.login-box .checkbox small {
	font-size: 13px;
	padding-left: 5px;
}
.login-box img {
	margin: 0 auto 40px;
}
/******************************************
    FOOTER
******************************************/

.newsletter-widget {
	margin-top: 7px;
}
.newsletter-widget .form-control {
	border-radius: 0;
	margin-bottom: 10px;
	border: 0;
	font-size: 13px;
	box-shadow: none;
	height: 40px;
	color: #ffffff;
	background-color: #3cb0f3;
}
.newsletter-widget .form-control-2 {
	border-radius: 0;
	margin-bottom: 10px;
	border: 0;
	font-size: 13px;
	box-shadow: none;
	height: 40px;
	color: #fff;
	background-color: #38aace;
}

.newsletter-widget p {
	color: rgb(255, 255, 255);
}

.newsletter-widget .form-control::-moz-placeholder {
 color: #fff;
}
.newsletter-widget .form-control:-ms-input-placeholder {
 color: #fff;
}
.newsletter-widget .form-control::-webkit-input-placeholder {
 color: #fff;
}
.downloadbuttons a {
	float: left;
	padding: 0;
}
.footer-distributed a:hover, .footer a:hover {
	opacity: 0.7;
}
.footer {
	display: block;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	padding: 100px 0;
	background-color:#242424;
	background-repeat: repeat-y;
	background-position: left center;
}
.footer ul {
	padding: 0;
	margin: 0;
}
.footer .widget-title h4 {
	color: #3cb0f3;
	display: inline-block;
	font-size: 18px;
	padding-top: 0;
	margin-top: 0;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer .widget-title-2 h4 {
	color: #38aace;
	display: inline-block;
	font-size: 18px;
	padding-top: 0;
	margin-top: 0;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer li a {
	color: #ffffff;
}
.footer hr {
	border-color: rgba(255, 255, 255, 0);
}
.footer .check li::before {
	color: #ffffff;
}
.footer-distributed {
	background-color: #000;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	padding: 40px 0;
}
.footer-distributed ul {
	padding: 0;
}
.footer-distributed .footer-left, .footer-distributed .footer-center, .footer-distributed .footer-right {
	display: block;
	vertical-align: top;
}
/* Footer left */

/* The company logo */

.footer-distributed h3 {
	color: #ffffff;
	margin: 0;
}
/* Footer links */
.footer-distributed .footer-links {
	color: #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}
.footer-distributed .footer-links a {
	display: inline-block;
	line-height: 1.8;
	text-decoration: none;
	color: inherit;
}
.footer-distributed .footer-company-name {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
/* Footer Center */

.footer-distributed .footer-center i {
	background-color: #000;
	color: #ffffff;
	font-size: 15px;
	height: 38px;
	line-height: 38px;
	margin: 0 15px 0px 0;
	text-align: center;
	vertical-align: sub;
	width: 38px;
}
.footer-distributed .footer-center p {
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	line-height: 1.3;
	margin: 0;
}
.footer-distributed .footer-center p span {
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 2;
}
.footer-distributed .footer-center p a {
	color: #ffffff;
	text-decoration: none;
}
.footer-distributed .footer-company-about {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
.footer-distributed .footer-company-about span {
	display: block;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer-distributed .footer-icons {
	margin-top: 25px;
}
.footer-distributed .footer-icons a {
	display: inline-block;
	width: 38px;
	height: 38px;
	cursor: pointer;
	background-color: #3cb0f3;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	line-height: 38px;
	margin-right: 3px;
	margin-bottom: 5px;
}
.footer-distributed .footer-icons-2 {
	margin-top: 25px;
}
.footer-distributed .footer-icons-2 a {
	display: inline-block;
	width: 38px;
	height: 38px;
	cursor: pointer;
	background-color: #38aace;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	line-height: 38px;
	margin-right: 3px;
	margin-bottom: 5px;
}
/* footertitle  line 1
 ------------------------------ */
.footertitle-line-1 {
	width: 34px;
	height: 2px;
	float: left;
	padding: 0px;
	margin: 0 auto 0px auto;
	background-color: #fff;
	display: none;
}
/*============ Page Scroll to Top ============ */

.scrollup {
	width: 40px;
	height: 40px;
	opacity: 1;
	position: fixed;
	bottom: 22px;
	right: 20px;
	display: none;
	color: #fff;
	text-indent: -9999px;
	background: #020202 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
	z-index: 999;
}
.box-shape1 {
	background: #3cb0f3 url(images/box-shape-white.png) no-repeat center top;
	text-align: center;
	width: 270px;
	height: 434px;
	padding: 40px 15px 19px 15px;
	transition: all 0.3s ease-out 0s;
}




/*============ counters ============ */
.counters1 {
	float: left;
	width: 100%;
	padding: 0px;
	text-align: center;
	font-size: 42px;
	color: #fff;
	font-weight: 600;
}
.counters1 i {
	color: #59abe3;
	font-size: 30px;
	display: block;
	margin-bottom: 35px;
}
.counters1 h4 {
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin: 21px auto 0 auto;
}
.counters1 h5 {
	display: block;
	font-size: 14px;
	color: #fff;
	width: 50%;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	margin: 21px auto 0 auto;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
}
.counters1.two i {
	color: #46d8bd;
}

.counter_feature {
background: #000 none repeat scroll 0 0;
}
.counter_feature.bgcolor1 {
background: #000 none repeat scroll 0 0;
}
.count {
	background: #000 none repeat scroll 0 0;
	border-top: 14px solid #3cb0f3;
	border-bottom: 1px solid #3cb0f3;
}
select.drlist{
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(images/search-drop-arrow.png) no-repeat right;
}
@media (max-width: 767px){
.footer .col-md-3, .footer .col-sm-3, .footer-distributed .col-md-4, .footer-distributed .col-sm-4 {
    position: initial;
}
}