/*-------------------------------------------------------
[Table of contents]

1. Header
	+ logo
	+ top navigation
	+ search
	
2. Content
	+ feature sections
	+ page title
	+ parallax backgrounds
	+ video backgrounds
	
3. Sidebar
	+ site search
	+ tabs
	+ portfolio widgets
	+ advertisements

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	
4. Footer
	+ copyrights
	+ google map
	
--------------------------------------------------------*/


/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/

.site_wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
}
.container_full {
	width: 100%;
	float: left;
	margin: auto;
}

.container {
	width: 1170px;
	margin: auto;
}
.container.tbp {
	padding: 80px 0px;
}
.container.tbp2 {
	padding: 80px 0px 30px 0px;
}

.content_fullwidth {
	float: left;
	width: 100%;
	padding: 120px 0px 0px 0px;
}
.content_fullwidth.less {
	padding: 0px 0px 0px 0px;
}
.content_fullwidth.less2 {
	padding: 90px 0px 0px 0px;
}
.content_left {
	float: left;
	width: 71%;
	padding: 0px 0px 0px 0px;
}
.right_sidebar {
	float: right;
	width: 25%;
	padding: 0px 0px 0px 0px;
}
.left_sidebar {
	float: left;
	width: 25%;
	padding: 0px 0px 0px 0px;
}
.content_right {
	float: right;
	width: 71%;
	padding: 0px 0px 0px 0px;
}

.content_halfsite {
	float: left;
	width: 47.5%;
	margin-right: 5%;
	padding: 0px 0px 0px 0px;
}
.content_halfsite.last {
	margin-right: 0;
}


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	position: relative;
	margin-right: 4%;
	float: left;
}
.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}

.onecol_forty {
	width: 40%;
}

.onecol_sixty {
	width: 56%;
}

.onecol_thirtyfive {
	width: 35%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}


/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

#logo_kemkes {
	float:left;
	display:block;
	width:100%;
	min-height: 100px;
	margin-top: 11px;
	margin-left: -3px;
	position: relative;
	text-indent:-999em;
	background:url(../img/link-kemenkes.png) no-repeat center bottom;
	background-size: 80%;
}

#logo_ui {
	float:left;
	display:block;
	width:100%;
	min-height: 100px;
	margin-top: 5px;
	margin-left: 1px;
	position: relative;
	text-indent:-999em;
	background:url(../img/link-ui.png) no-repeat center bottom;
	background-size: 80%;
}

#logo_info {
	float:left;
	display:block;
	width:100%;
	min-height: 100px;
	margin-top: 5px;
	margin-left: 1px;
	position: relative;
	text-indent:-999em;
	background:url(../img/link-info.png) no-repeat center bottom;
	background-size: 80%;
}

#logo_rsup {
	float:left;
	display:block;
	width:100%;
	min-height: 100px;
	margin-top: 5px;
	margin-left: 1px;
	position: relative;
	text-indent:-999em;
	background:url(../img/link-rsup.png) no-repeat center bottom;
	background-size: 80%;
}

/* Logo */
#logo {
	float:left;
	display:block;
	width:100%;
	min-height: 50px;
	margin-top:0px;
	position: relative;
	text-indent:-999em;
	background:url(../img/logo.png) no-repeat left top;
}
/* bigger logo? remove below comment */
/*#logo {
	float:left;
	display:block;
	width:100%;
	min-height: 100px;
	margin-top:0px;
	position: relative;
	text-indent:-999em;
	background:url(../img/logo.png) no-repeat left top;
	background-size: 100%;
}*/

#logo2 {
	float:left;
	display:block;
	width:150%;
	min-height: 50px;
	margin-top:0px;
	position: relative;
	text-indent:-999em;
	background:url(../img/logo-2.png) no-repeat left top;
}

/* bigger logo? remove below comment */
/*#logo2 {
	float:left;
	display:block;
	width:100%;
	min-height: 100px;
	margin-top:0px;
	position: relative;
	text-indent:-999em;
	background:url(../img/logo-big.png) no-repeat left top;
	background-size: 100%;
}*/


/* header area adinationals */
.logo {
	float: left;
	width: 25%;
	margin-top: 15px;
}
.menu_main {
	float: left;
	width: 66%;
	z-index: 9999;
	position: relative;
	margin-top: 10px;
}
.menu_right {
	float: right;
	width: 8%;
	margin-left: 1%;
	z-index: 9999;
	margin-top: 24px;
}

.menu_main2 {
	float: left;
	width: 100%;
	position: relative;
}
.menu_right2 {
	float: right;
	background: #fff;
}



.menu_shadow {
	float: left;
	position: absolute;
	width: 100%;
	height: 10px;
	background: url(../img/menu-shadow.png) no-repeat center top;
	z-index: 8000;
	top: 100px;
}
.menu_shadow.two {
	top: 145px;
}

.mstslider {
	width: 100%;
	float: left;
}

/* top navigations */
.top_nav {
	float: left;
	width: 100%;
}
.top_nav .left {
	float: left;
	width: 30%;
}
.top_nav .right {
	float: left;
	width: 70%;
	text-align: right;
	padding-top: 14px;
}
.top_nav .right a {
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	margin-right: 16px;
	transition: all 0.3s ease;
}
.top_nav .right a:hover {
	color: #e54c4c;
}
.top_nav ul.topsocial {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 16px;
}
.top_nav .topsocial li {
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
}
.top_nav .topsocial li a {
	float: left;
	color: #fff;
	font-size: 12px;
	width: 23px;
	height: 23px;
	background: #878787;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 23px;
	transition: all 0.3s ease;
	margin-right: 0px;
}
.top_nav .topsocial li a:hover {
	background: #fff;
}

.top_nav .topsocial.two li a {
	color: #ccc;
}

.top_nav.two {
	height: 45px;
	background: #454545;
	font-size: 13px;
}
.top_nav.two .left,
.top_nav.two .right{
	padding-top: 11px;
	color: #999;
}
.top_nav.two .left a {
	color: #999;
	transition: all 0.3s ease;
}
.top_nav.two .right a {
	color: #999;
	margin-right: 0px;
	margin-left: 14px;
}
.top_nav.two .left a:hover,
.top_nav.two .right a:hover {
	color: #fff;
}
.top_nav.two .topsocial li a {
	margin-left: 0px;
}
.top_nav.two .topsocial li a:hover {
	background: #999;
}

.top_nav.three {
	height: 45px;
	background: #eee;
	font-size: 13px;
}
.top_nav.three .left,
.top_nav.three .right{
	padding-top: 11px;
	color: #999;
}
.top_nav.three .left a {
	color: #999;
	transition: all 0.3s ease;
}
.top_nav.three .right a {
	color: #999;
	margin-right: 0px;
	margin-left: 14px;
}
.top_nav.three .left a:hover,
.top_nav.three .right a:hover {
	color: #333;
}
.top_nav.three .topsocial li a {
	margin-left: 0px;
}
.top_nav.three .topsocial li a {
	color: #fff;
	background: #ccc;
}
.top_nav.three .topsocial li a:hover {
	background: #e3e3e3;
}


.top_nav.four {
	height: 40px;
	background: #181818;
	font-size: 12px;
	position: relative;
	z-index: 9999;
}
.top_nav.four .left,
.top_nav.four .right{
	padding-top: 9px;
	color: #727272;
}
.top_nav.four .left a {
	color: #727272;
	transition: all 0.3s ease;
}
.top_nav.four .right a {
	color: #727272;
	margin-right: 0px;
	margin-left: 14px;
}
.top_nav.four .left a:hover,
.top_nav.four .right a:hover {
	color: #999;
}
.top_nav.four .topsocial li a {
	margin-left: 0px;
	width: 21px;
	height: 21px;
	line-height: 21px;
	font-size: 10px;
}
.top_nav.four .topsocial li a {
	color: #999;
	background: #575757;
}
.top_nav.four .topsocial li a:hover {
	color: #eee;
	background: #999;
}


/*----------------------------------------------------
   FEATURE SECTIONS
------------------------------------------------------*/

/* section title 1 */
.title1 h2{
	color: #fff;
    font-size: 35px;
    z-index: 1;
    position: relative;
    text-align: center;
	font-weight: bold;
}
.title1 h2 em{
	font-size: 14px;
	display: block;
	font-weight: 400;
	font-style: normal;
	margin-top: 3px;
}
.title1 .line{
    background: #fff;
    height: 1px;
    display: block;
    top: 18px;
    width: 37%;
	margin-left: 31.3%;
	position: absolute;
}
.title1 .text{
    background: #e54c4c;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0px 14px;
}


/* section title 2 */
.title2 h2{
    z-index: 1;
    position: relative;
    text-align: center;
	font-weight: bold;
}
.title2 h2 em{
	color: #999;
	font-size: 14px;
	display: block;
	font-weight: 400;
	font-style: normal;
	margin-top: 3px;
}
.title2 .line{
    background: #333333;
    height: 1px;
    display: block;
    top: 18px;
    width: 33%;
	margin-left: 33.3%;
	position: absolute;
}
.title2 .text{
    background: #fff;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0px 14px;
}
.title2.sy2 .text{
    background: #f4f4f4;
}
.title2.sy3 .text{
    background: none;
}




/* features section 1 */
.features_sec1 {
	float: left;
	width: 100%;
	padding: 115px 0px;
	position: relative;
	background: #333333;
	color: #c0c0c0;
}
.features_sec1:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	position: absolute;
	pointer-events: none;
	margin-left: -100px;
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 16px solid #333333;
}
.features_sec1 strong {
	font-weight: 600;
}
.rnews_wra img {
	float: left;
	width: 100%;
	margin-bottom: 18px;
}
.rnews_wra a {
	float: left;
	color: #fff;
}
.rnews_wra a:hover {
	color: #999;
}
.rnews_wra a.dsm {
	float: right;
	color: #999;
	font-size: 12px;
}
.rnews_wra a.dsm:hover {
	color: #fff;
}
.rnews_wra p {
	float: left;
	margin-top: 5px;
}

/* recent works */
.recent_works {
	float: left;
	width: 100%;
	padding: 130px 0px 90px 0px;
	background: url(../img/subheader/fullsite-img1.jpg) repeat left top;
	text-align: center;
}

.recent_works2 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.recent_works3 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin-bottom: -30px;
}


/* features section 2 */
.features_sec2 {
	float: left;
	width: 100%;
	padding: 100px 0px 106px 0px;
	background: #e54c4c url(../img/tex-bg1.png) repeat left top;
	text-align: center;
}
.features_sec2 .box {
	float: left;
	width: 95%;
	background: #fff;
	border-radius: 3px;
	padding: 35px 35px 35px 35px;
	text-align: left;
	box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
}
.features_sec2 .box img {
	float: left;
	margin-left: -55px;
	margin-right: 20px;
	border-radius: 3px;
}
.features_sec2 .box h5 {
	margin-bottom: 7px;
	line-height: 21px;
}


/* features section 3 */
.features_sec3 {
	float: left;
	width: 100%;
	padding: 115px 0px;
	text-align: center;
}
.features_sec3 .box {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 55px;
}
.features_sec3 .box.last {
	margin-bottom: 0px;
}
.features_sec3 .box .left {
	float: left;
}
.features_sec3 .box .right {
	float: left;
	width: 76%;
	margin-left: 7%;
}
.features_sec3 .box.two {
	text-align: center;
}

.features_sec3.two {
	padding: 120px 0px 0px 0px;
}
.features_sec3.two .box {
	margin-bottom: 0px;
}

/* features section 4 */
.features_sec4  {
	float: left;
	position: relative;
	z-index: 9;
	background: #eee;
	width: 100%;
	padding: 115px 0px;
}
.features_sec4:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0; 
	right:44%;
	bottom: 0;
	left: 0;
	background: #f7f7f7;
}
.features_sec4 .lblogs {
	float: left;
	width: 43%;
	margin-right: 7%;
}
.features_sec4 .lblogs.last {
	margin-right: 0%;
}
.features_sec4 .lblogs .lbimg img {
	float: left;
	width: 100%;
	margin-bottom: 23px;
}
.features_sec4 .lblogs .lbimg span {
	float: left;
	width: 40px;
	height: 50px;
	font-size: 18px;
	color: #e3e3e3;
	background: #e54c4c;
	margin-top: -73px;
	text-align: center;
	font-weight: 600;
}
.features_sec4 .lblogs .lbimg span strong {
	display: block;
	font-size: 10px;
	color: #e3e3e3;
	background: #3c3c3c;
	font-weight: normal;
}
.features_sec4 .lblogs a.smlinks {
	float: left;
	color: #999;
	font-size: 12px;
	border: 1px solid #e1e1e1;
	padding: 0px 10px;
	margin-right: 3px;
	margin-top: 5px;
}
.features_sec4 .lblogs a.smlinks:hover {
	color: #333;
	border: 1px solid #999;
}
.features_sec4 .lblogs p {
	clear: both;
	float: left;
	margin-top: 14px;
	margin-bottom: 30px;
}
.features_sec4 a.remobut {
	float: left;
	color: #e54c4c;
	text-transform: uppercase;
	border: 1px solid #e1e1e1;
	padding: 9px 22px;
	margin-right: 2px;
	border-radius: 3px;
}
.features_sec4 a.remobut:hover {
	color: #333;
	background: #fff;
}

.features_sec4 .peosays {
	float: left;
	width: 95%;
	margin-left: 5%;
}
.features_sec4 .peosays .box {
	float: left;
	width: 100%;
	padding-bottom: 35px;
	border-bottom: 4px solid #d3d3d3;
}
.features_sec4 .peosays .ppimg {
	float: left;
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 25px;
	background: url(../img/h-arrow-line1.png) no-repeat left bottom;
}
.features_sec4 .peosays .ppimg img {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin-right: 20px;
}
.features_sec4 .peosays .ppimg h6 {
	margin-top: 16px;
	margin-bottom: 0px;
}
.features_sec4 .peosays .ppimg h6 em {
	display: block;
	font-size: 12px;
	color: #999;
	font-style: normal;
	font-weight: normal;
}
.features_sec4 .peosays .box span {
	float: left;
	width: 100%;
	margin-top: 30px;
	color: #e54c4c;
	text-transform: uppercase;
}
.features_sec4 .peosays .box span i {
	font-size: 12px;
	margin-right: 2px;
}


/* features section 5 */
.features_sec5 {
	float: left;
	width: 100%;
	padding: 120px 0px 0px 0px;
	text-align: center;
}
.features_sec5 .box {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 10px;
}
.features_sec5 .box.last {
	margin-right: 0%;
}
.features_sec5 .box img {
	border: 4px solid #eee;
	border-radius: 3px;
	width: 100%;
}
.features_sec5 .box h6 {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
}
.features_sec5 p {
	width: 85%;
	clear: both;
	margin: 0 auto 45px auto;
}
.features_sec5 .lgbut {
	color: #333;
	font-weight: 600;
	background: #f3f3f3;
	padding: 10px 35px;
	border-radius: 20px;
	transition: all 0.3s ease;
}
.features_sec5 .lgbut:hover {
	color: #fff;
	background: #333;
}

/* features section 6 */
.features_sec6 {
	float: left;
	width: 100%;
	background: #333;
}
.features_sec6 .fimg {
	float: left;
	width: 50%;
	min-height: 560px;
	background: #999 url(../img/site-img18.jpg) no-repeat right top;
}
.features_sec6 .fimg2 {
	float: left;
	width: 50%;
	min-height: 560px;
	background: #999 url(../img/site-img91.jpg) no-repeat right top;
}
.features_sec6 .rbox {
	float: left;
	width: 50%;
	padding: 110px 150px 110px 70px;
}
.features_sec6 .rbox h5 {
	font-weight: 300;
	padding-bottom: 40px;
	margin-bottom: 50px;
	border-bottom: 1px solid #484848;
}
.features_sec6 .ibox {
	float: left;
	width: 46%;
	margin-right: 8%;
}
.features_sec6 .ibox.last {
	margin-right: 0%;
}
.features_sec6 .ibox .left {
	float: left;
	width: 20%;
}
.features_sec6 .ibox .left i {
	color: #e54c4c;
	font-size: 27px;
}
.features_sec6 .ibox .right {
	float: left;
	width: 80%;
}
.features_sec6 .ibox h5 {
	font-weight: 400;
	border: none;
	padding: 0;
	margin-bottom: 12px;
	line-height: 16px;
}

.features_sec6.two {
	background: #f3f3f3;
}
.features_sec6.two .fimg {
	background: #999 url(../img/site-img57.jpg) no-repeat right top;
}
.features_sec6.two .rbox h5 {
	color: #333;
	border-bottom: 1px solid #e3e3e3;
}
.features_sec6.two .ibox .left i {
	color: #999;
	font-size: 27px;
}
.features_sec6.two .ibox h5 {
	border: none;
}


/* features section 7 */
.features_sec7 {
	float: left;
	width: 100%;
	padding: 115px 0px 75px 0px;
	text-align: center;
	background: #f4f4f4;
	border-bottom: 3px double #f1f1f1;
}
.features_sec7.two {
	padding: 100px 0px 75px 0px;
	background: #eee;
	border-bottom: none;
}
.features_sec7 .box {
	float: left;
	width: 100%;
	padding: 30px 0px 45px 0px;
	transition: all 0.3s ease;
	border-radius: 3px;
}
.features_sec7 .box:hover,
.features_sec7 .box.active {
	background: #fff;
}
.features_sec7 .box .ibox {
	margin: 0 auto 45px auto;
	width: 162px;
	height: 162px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	background: url(../img/site-img19.png) no-repeat center top;
}
.features_sec7 .box .ibox h6 {
	color: #fff;
	background: #e54c4c;
	padding: 1px 0px 2px 0px;
	border-radius: 3px;
	margin-top: 14px;
	font-weight: 500;
}
.features_sec7 .box p {
	margin-bottom: 35px;
}
.features_sec7 .box .tbut {
	color: #333;
	background: #fff;
	padding: 7px 22px;
	border-radius: 20px;
	border: 1px solid #fff;
	
}
.features_sec7 .box .tbut:hover {
	background: none;
}
.features_sec7 .box:hover .tbut {
	background: #f3f3f3;
}

/* features section 8 */
.features_sec8 {
	float: left;
	width: 100%;
	padding: 120px 0px 0px 0px;
}
.features_sec8 .flex-control-nav {
    bottom: 30px;
}
.features_sec8 .left {
	float: left;
	width: 40%;
	margin-left: 7%;
	margin-right: 8%;
	padding-top: 40px;
}
.features_sec8 .left h1 {
	font-weight: 300;
	margin-bottom: 12px;
}
.features_sec8 .left span {
	float: left;
	width: 160px;
	height: 1px;
	background: #e3e3e3;
}
.features_sec8 .left h1 strong {
	font-weight: 600;
	display: block;
}
.features_sec8 .left i {
	display: block;
	font-size: 30px;
	color: #c3c3c3;
	margin-bottom: 20px;
	margin-top: 10px;
}
.features_sec8 .left i.cir {
	width: 58px;
	height: 58px;
	text-align: center;
	vertical-align: middle;
	line-height: 58px;
	border-radius: 100%;
	border: 1px solid #eee;
	margin-top: 0px;
}
.features_sec8 .right {
	float: left;
	width: 38%;
}
.features_sec8 .right img {
	float: right;
	width: 100%;
}

/* features section 9 */
.features_sec9 {
	float: left;
	width: 100%;
	padding: 120px 0px;
	text-align: center;
}
.features_sec9.two {
	padding-top: 100px;
	background: #eee;
}
.features_sec9 .tbox {
	float: left;
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 3px solid #f3f3f3;
	transition: all 0.3s ease;
}
.features_sec9 .tbox:hover {
	background: #f9f9f9;
}
.features_sec9 .tbox:hover i {
	background: #fff;
	border: 1px solid #eee;
}
.features_sec9 .tbox img {
	float: left;
	margin-bottom: 35px;
}
.features_sec9 .tbox h6 {
	font-weight: 500;
	margin-bottom: 0px;
}
.features_sec9 .tbox em {
	font-size: 12px;
	font-style: normal;
	display: block;
	margin-bottom: 16px;
}
.features_sec9 .tbox i {
	width: 28px;
	height: 28px;
	background: #f3f3f3;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	margin: 25px 2px 0px 2px;
	color: #454545;
	border: 1px solid #f3f3f3;
	transition: all 0.3s ease;
}
.features_sec9 .tbox i:hover {
	background: #eee;
}

.features_sec9.three {
	padding-bottom: 80px;
}
.features_sec9.three .tbox {
	border-bottom: none;
}
.features_sec9.three .tbox:hover {
	background: none;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.features_sec9.four {
	padding-bottom: 80px;
	background: #f3f3f3;
}
.features_sec9.four .tbox {
	border-bottom: none;
}
.features_sec9.four .tbox:hover {
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}



/* features section 10 */
.features_sec10 {
	float: left;
}

/* features section 11 */
.features_sec11 {
	float: left;
	width: 100%;
	padding: 120px 0px 110px 0px;
}

/* features section 12 */
.features_sec12 {
	float: left;
	width: 100%;
	padding: 120px 0px 110px 0px;
	background: #f3f3f3 url(../img/gray-bg1.png) repeat-y center top;
}
.features_sec12 .box {
	float: left;
	width: 100%;
	text-align: center;
}
.features_sec12 .box img {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}
.features_sec12 .box h5 {
	font-weight: 500;
}

.features_sec12.two {
	float: left;
	width: 100%;
	padding: 120px 0px 110px 0px;
	background: #fff;
}

.features_sec12.three {
	float: left;
	width: 100%;
	padding: 100px 0px 120px 0px;
	background: #fff;
	text-align: center;
}


/* features section 13 */
.features_sec13 {
	float: left;
	width: 100%;
}
.features_sec13 img {
	float: left;
	width: 100%;
	box-shadow: 0 -5px 6px -6px rgba(0,0,0,0.1);
}

/* features section 14 */
.features_sec14 {
	float: left;
	width: 100%;
	padding: 100px 0px;
	background: #e54c4c;
}
.features_sec14 .one_fifth {
	padding: 10px 10px 3px 10px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.features_sec14.two {
	padding: 70px 0px;
	background: #eee;
}
.features_sec14.two .one_fifth {
	padding: 7px 10px 0px 10px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.05);
}



/* features section 30 */
.features_sec30 {
	float: left;
	width: 100%;
	padding: 120px 0px;
}
.features_sec30 .left {
	float: left;
	width: 15%;
	font-size: 30px;
	margin-top: 7px;
	color: #e54c4c;
}
.features_sec30 .right {
	float: left;
	width: 85%;
}

/* features section 31 */
.features_sec31 {
	float: left;
	width: 100%;
	padding: 80px 0px;
	background: #e54c4c;
}
.features_sec31 .one_fourth {
	padding: 30px 0px 20px 0px;
	text-align: center;
	border: 3px solid rgba(255, 255, 255, 0.18);
}
.features_sec31.parallax {
	padding: 100px 0px;
	background: #1e1e1e url("../img/darkgray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.features_sec31.parallax .one_fourth {
	border: none;
}

/* features section 32 */
.features_sec32 {
	float: left;
	width: 100%;
	padding: 85px 0px 110px 0px;
	text-align: center;
}
.features_sec32 .box {
	float: left;
	width: 100%;
}
.features_sec32 .box span {
	font-size: 100px;
	color: #999;
}

/* features section 33 */
.features_sec33 {
	float: left;
	width: 100%;
	padding: 130px 0px 0px 0px;
	background: #f3f3f3;
}
.features_sec33 h6 {
	margin-bottom: 10px;
}
.features_sec33 .left {
	float: left;
	width: 100%;
	padding-top: 30px;
	text-align: right;
}
.features_sec33 .left span {
	float: right;
	width: 50px;
	height: 1px;
	background: #333;
	margin-bottom: 20px;
}
.features_sec33 .center {
	float: left;
	width: 100%;
}
.features_sec33 .center img {
	display: block;
	margin: 0 auto;
}
.features_sec33 .right {
	float: left;
	width: 100%;
	padding-top: 30px;
	text-align: left;
}
.features_sec33 .right span {
	float: left;
	width: 50px;
	height: 1px;
	background: #333;
	margin-bottom: 20px;
}
.features_sec33 .left i,
.features_sec33 .right i {
	width: 52px;
	height: 52px;
	font-size: 20px;
	color: #333;
	border: 1px solid #333;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 52px;
	margin-bottom: 18px;
}

/* features section 34 */
.features_sec34 {
	float: left;
	width: 100%;
	padding: 140px 0px 120px 0px;
	background: #333;
	text-align: center;
}
.features_sec34 .box {
	float: left;
	width: 95%;
	background: #fff;
	border-radius: 3px;
	padding: 35px 35px 35px 35px;
	text-align: left;
	box-shadow: 5px 5px 0px rgba(0,0,0,0.3);
	text-align: center;
	transition: all 0.3s ease;
}
.features_sec34 .box:hover {
	background: #e3e3e3;
}
.features_sec34 .box img {
	margin-top: -70px;
	border-radius: 100%;
	margin-bottom: 25px;
}
.features_sec34 .box h5 {
	margin-bottom: 7px;
	line-height: 21px;
}

/* features section 35 */
.features_sec35 {
	float: left;
	width: 100%;
	padding: 120px 0px;
}
.features_sec35 .box {
	float: left;
	width: 100%;
	text-align: center;
}
.features_sec35 .box .icon {
	color: #b3b3b3;
	font-size: 40px;
	width: 120px;
	height: 134px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	line-height: 134px;
	margin-bottom: 35px;
	background: url(../img/site-img58.png) no-repeat center top;
	transition: all 0.3s ease;
}
.features_sec35 .box .icon:hover {
	color: #fff;
}


/* features section 36 */
.features_sec36 {
	float: left;
	width: 100%;
	padding: 120px 0px 120px 0px;
	background: #eee;
}

/* features section 37 */
.features_sec37 {
	float: left;
	width: 100%;
	padding: 115px 0px 100px 0px;
	text-align: center;
}


/* features section 38 */
.features_sec38 {
	float: left;
	width: 100%;
	padding: 120px 0px;
	text-align: center;
	background: #333 url(../img/darkgray-bg1.png) no-repeat center top;
}
.features_sec38 img {
	width: 90px;
	height: 90px;
	border-radius: 100%;
	border: 3px solid #fff;
	margin-bottom: 18px;
}
.features_sec38 h6 {
	color: #e54c4c;
	margin-bottom: 0px;
}
.features_sec38 h6 em {
	color: #999;
	font-size: 12px;
	font-style: normal;
	display: block;
	font-weight: 300;
	margin-top: -4px;
}
.features_sec38 p {
	color: #fff;
	font-size: 16px;
	line-height: 27px;
	width: 75%;
	margin: 50px auto 30px auto;
}

.features_sec38.two {
	background: #f7f7f7 url(../img/gray-bg1.png) no-repeat center top;
}
.features_sec38.two p {
	color: #727272;
	margin: 30px auto 30px auto;
}

.features_sec38.three {
	background: #fff;
}
.features_sec38.three p {
	color: #727272;
	margin: 30px auto 30px auto;
}

/* features section 39 */
.features_sec39 {
	float: left;
	width: 100%;
	padding: 0px 0px 120px 0px;
	background: #eee;
}
.features_sec39 .box1 {
	float: left;
	width: 50%;
	min-height: 560px;
	background: #333 url(../img/site-img65.jpg) no-repeat center top;
	transition: all .3s ease-in-out;
	position: relative;
}
.features_sec39 .box1:hover {
	transform: scale(1.1);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.18);
}
.features_sec39 .box1 .hovcont {
	float: left;
	width: 100%;
	padding: 14px 35px;
	background: rgba(0, 0, 0, 0.59);
	bottom: 0px;
	position: absolute;

}
.features_sec39 .box1 .hovcont h2 {
	color: #fff;
	font-size: 35px;
	font-weight: 300;
	margin-bottom: 10px;
}
.features_sec39 .box1 .hovcont h5 {
	color: #a3a3a3;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 0px;
	line-height: 18px;
}

.features_sec39 .box2 {
	float: left;
	width: 25%;
	min-height: 280px;
	background: #333 url(../img/site-img66.jpg) no-repeat center top;
	transition: all .3s ease-in-out;
	position: relative;
}
.features_sec39 .box2.img2 {
	background: #333 url(../img/site-img67.jpg) no-repeat center top;
}
.features_sec39 .box2:hover {
	transform: scale(1.1);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.18);
}
.features_sec39 .box2 .hovcont {
	float: left;
	width: 100%;
	padding: 8px 18px;
	background: rgba(0, 0, 0, 0.59);
	bottom: 0px;
	position: absolute;
}
.features_sec39 .box2 .hovcont h3 {
	color: #fff;
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 3px;
	line-height: 25px;
}
.features_sec39 .box2 .hovcont h5 {
	color: #a3a3a3;
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 0px;
	line-height: 16px;
}

.features_sec39 .box3 {
	float: left;
	width: 50%;
	min-height: 280px;
	background: #333 url(../img/site-img68.jpg) no-repeat center top;
	transition: all .3s ease-in-out;
	position: relative;
}
.features_sec39 .box3:hover {
	transform: scale(1.1);
	box-shadow: 5px 5px 0px rgba(0,0,0,0.18);
}
.features_sec39 .box3 .hovcont {
	float: left;
	width: 100%;
	padding: 8px 18px;
	background: rgba(0, 0, 0, 0.59);
	bottom: 0px;
	position: absolute;
}
.features_sec39 .box3 .hovcont h3 {
	color: #fff;
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 3px;
	line-height: 25px;
}
.features_sec39 .box3 .hovcont h5 {
	color: #a3a3a3;
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 0px;
	line-height: 16px;
}

.features_sec39 .box1:hover,
.features_sec39 .box2:hover,
.features_sec39 .box3:hover {
	position: relative;
	z-index: 99;
}

.features_sec39.parallax {
	float: left;
	width: 100%;
	text-align: left;
	padding: 140px 0px;
	background: #1e1e1e url("../img/gray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
	
}


/* features section 40 */
.features_sec40 {
	float: left;
	width: 100%;
	padding: 0px 0px 100px 0px;
	background: #eee;
}
.features_sec40 .rimg {
	width: auto;
}
.features_sec40 h2 {
	font-weight: 400;
	margin-bottom: 18px;
}
.features_sec40 h6 {
	font-weight: 500;
	line-height: 18px;
	margin-bottom: 7px;
}
.features_sec40 i {
	float: left;
	color: #fff;
	font-size: 25px;
	background: #e54c4c;
	border-radius: 3px;
	width: 45px;
	height: 45px;
	text-align: center;
	vertical-align: middle;
	line-height: 45px;
	margin-right: 20px;
	margin-bottom: 30px;
}

/* features section 41 */
.features_sec41 {
	float: left;
	width: 100%;
	padding: 110px 0px;
	position: relative;
	background: #333333;
	color: #c0c0c0;
	text-align: center;
}
.features_sec41 .ciric {
	color: #fff;
	font-size: 50px;
	border: 1px solid #fff;
	width: 120px;
	height: 120px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 125px;
	margin: 0 auto 30px auto;
}

/* features section 42 */
.features_sec42 {
	float: left;
	width: 100%;
	padding: 120px 0px 0px 0px;
}

/* features section 43 */
.features_sec43 {
	float: left;
	width: 100%;
	padding: 90px 0px;
	position: relative;
	background: #333333;
	color: #c0c0c0;
}

/* features section 44 */
.features_sec44 {
	float: left;
	width: 100%;
	padding: 145px 0px 120px 0px;
	text-align: center;
}
.features_sec44 .box {
	float: left;
	width: 100%;
	padding: 0px 45px 55px 45px;
	border: 1px solid #eee;
}
.features_sec44 .box .ciref2 {
	margin-top: -37px;
}
.features_sec44 .box h5 {
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 25px;
}

.features_sec44.two {
	background: #f3f3f3;
}
.features_sec44.two .box {
	border: 1px solid #e9e9e9;
	background: #fff;
}

/* features section 45 */
.features_sec45 {
	float: left;
	width: 100%;
	padding: 120px 0px;
	text-align: center;
}
.features_sec45 h1 em {
	color: #e54c4c;
	font-style: normal;
}
.features_sec45 h1 b {
	font-weight: 300;
	display: block;
	margin-top: 12px;
}
.features_sec45 .box {
	float: left;
	margin-bottom: 40px;
	margin-left: 26.5%;
}
.features_sec45 .ibox {
	float: left;
	width: 162px;
	height: 162px;
	padding: 30px 0px 0px 0px;
	margin: 0 10px;
	text-align: center;
	background: url(../img/site-img19.png) no-repeat center top;
}

/* features section 46 */
.features_sec46 {
	float: left;
	width: 100%;
	padding: 80px 0px;
	background: #f3f3f3;
}
.features_sec46.two {
	padding: 80px 0px 65px 0px;
}

/* features section 47 */
.features_sec47 {
	float: left;
	width: 100%;
	padding: 100px 0px 80px 0px;
	position: relative;
	color: #c0c0c0;
}

/* features section 48 */
.features_sec48 {
	float: left;
	width: 100%;
	padding: 90px 0px;
	text-align: center;
}
.features_sec48 span {
	color: #ccc;
	font-size: 50px;
	margin-bottom: 30px;
	display: block;
}

/* features section 49 */
.features_sec49 {
	float: left;
	width: 100%;
	padding: 120px 0px;
	background: #e54c4c url(../img/site-img75.png) no-repeat right top;
}
.features_sec49 h2 {
	color: #fff;
	font-weight: 300;
	margin-bottom: 40px;
}
.features_sec49 strong {
	color: #fff;
	font-size: 35px;
	font-weight: 600;
	background: #333;
	padding: 5px 20px;
	margin-right: 20px;
}
.features_sec49 em {
	color: #fff;
	font-family: 'Dancing Script', cursive;
	font-size: 25px;
	font-weight: bold;
}
.features_sec49.two {
	background: #fff;
	text-align: center;
}
.features_sec49.two h2 {
	color: #333;
}
.features_sec49.two em {
	color: #999;
	font-weight: normal;
}

/* features section 50 */
.features_sec50 {
	float: left;
	width: 100%;
	padding: 0px;
}
.features_sec50 img {
	float: left;
	width: 100%;
}

/* features section 51 */
.features_sec51 {
	float: left;
	width: 100%;
	padding: 120px 0px;
	background: #f3f3f3;
}

/* features section 52 */
.features_sec52 {
	float: left;
	width: 100%;
	padding: 120px 0px;
}

/* features section 53 */
.features_sec53 {
	float: left;
	width: 100%;
	padding: 115px 0px 120px 0px;
	text-align: center;
	background: #fff;
}
.features_sec53 .box {
	float: left;
	width: 100%;
	padding: 50px 30px 50px 30px;
	border: 1px solid #eee;
	transition: all 0.3s ease;
}
.features_sec53 .box span {
	color: #333;
	font-size: 45px;
	margin-bottom: 25px;
	display: block;
}
.features_sec53 .box p {
	margin-top: 20px;
}
.features_sec53 .box:hover,
.features_sec53 .box.active {
	margin-top: -10px;
	background: #f9f9f9;
}

/* features section 54 */
.features_sec54 {
	float: left;
	width: 100%;
	padding: 120px 0px;
	text-align: center;
	background: #f3f3f3;
}
.features_sec54 .peosays1 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 27px;
}
.features_sec54 img {
	width: 180px;
	height: 180px;
	border-radius: 100%;
	border: 8px solid #fff;
	margin-bottom: 10px;
}

/* features section 55 */
.features_sec55 {
	float: left;
	width: 100%;
	padding: 113px 0px 120px 0px;
	background: #f3f3f3;
}

/* features section 56 */
.features_sec56 {
	float: left;
	width: 100%;
	padding: 113px 0px 80px 0px;
	background: #f3f3f3;
}

/* features section 57 */
.features_sec57 {
	float: left;
	width: 100%;
	padding: 140px 0px 140px 0px;
	text-align: center;
}
.features_sec57 .bs-example img {
	border: 7px solid #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

/* features section 58 */
.feature_sec58 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 120px 0px;
}
.feature_sec58 .attbox {
	float: left;
	width: 100%;
	height: 320px;
	background: #fff;
	border: 1px solid #eee;
	margin-top: 80px;
}
.feature_sec58 .attbox .box {
	float: left;
	width: 100.8%;
	height: 320px;
	background: #fff;
	border: 1px solid #eee;
	margin-left: -3px;
	margin-top: -3px;
	transition: all 0.3s ease;
}
.feature_sec58 .attbox .box:hover {
	background: #f7f7f7;
}
.feature_sec58 .cirimg {
	width: 160px;
	height: 160px;
	border-radius: 100%;
	border: 5px solid #eee;
	overflow: hidden;
	margin-bottom: 14px;
	transition: all 0.3s ease;
	margin-top: -80px;
	background: #fff;
}
.feature_sec58 .attbox .box:hover .cirimg {
	border: 5px double #fff;
	box-shadow: 0px 5px 0px rgba(0,0,0,0.1);
}
.feature_sec58 .attbox h5 {
	margin-bottom: 0px;
}
.feature_sec58 .attbox em {
	font-size: 13px;
	color: #999;
	font-style: normal;
}
.feature_sec58 .attbox p {
	font-size: 13px;
	width: 80%;
	margin: 14px auto 28px auto;
}

/* features section 59 */
.features_sec59 {
	float: left;
	width: 100%;
	padding: 115px 0px 110px 0px;
	background: #f3f3f3 url(../img/pattern1.png) repeat left top;
}
.features_sec59 img {
	width: 100%;
	margin-left: 5px;
	border: 7px solid #fff;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}

.features_sec59.two {
	background: #f3f3f3 url(../img/pattern2.png) repeat left top;
}

/* features section 60 */
.features_sec60 {
	float: left;
	width: 100%;
	padding: 115px 0px 120px 0px;
}

/* features section 61 */
.feature_sec61 {
	float: left;
	width: 100%;
	padding: 120px 0px;
	background: #f3f3f3;
}

/* features section 62 */
.features_sec62 {
	float: left;
	width: 100%;
	padding: 120px 0px;
}
.features_sec62 .box {
	float: left;
	width: 100%;
	text-align: center;
}
.features_sec62 .box .icon {
	color: #b3b3b3;
	font-size: 40px;
	width: 120px;
	height: 134px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	line-height: 122px;
	margin-bottom: 35px;
	background: url(../img/site-img93.png) no-repeat center top;
	transition: all 0.3s ease;
}
.features_sec62 .box .icon:hover {
	color: #e54c4c;
}

/* features section 63 */
.features_sec63 {
	float: left;
	width: 100%;
	padding: 70px 0px;
	text-align: center;
}
.features_sec63 .box {
	float: left;
	width: 20%;
	border-right: 1px solid #eee;
}
.features_sec63 .box h6 {
	margin-bottom: 0px;
}
.features_sec63 .box.last {
	border-right: none;
}
.features_sec63 .box span {
	color: #e3e3e3;
	font-size: 40px;
	display: block;
	margin-bottom: 18px;
}

/* features section 64 */
.features_sec64 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 120px 0px;
}
.features_sec64 .flips1_front img {
	border-radius: 100%;
}
.features_sec64 .flips1_front h5 {
	margin-top: 18px;
	margin-bottom: 0px;
}

.features_sec64.two {
	background: none;
}

/* features section 65 */
.features_sec65 {
	float: left;
	width: 100%;
	padding: 80px 0px;
	background: #eee;
}




/*----------------------------------------------------
   PARALLAX SECTIONS
------------------------------------------------------*/

/* parallax section 1 */
.parallax_section1 {
	float: left;
	width: 100%;
	text-align: left;
	padding: 120px 0px;
	background: #1e1e1e url("../img/darkgray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_section1 h2 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	width: 50%;
	line-height: 38px;
	font-family: 'Dancing Script', cursive;
	background: rgba(0, 0, 0, 0.58);
	padding: 30px 30px 30px 40px;
	border-left: 5px solid #e54c4c;
}
.parallax_section1 p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 45px;
	width: 50%;
}

/* parallax section 2 */
.parallax_section2 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 120px 0px;
	background: #999 url("../img/gray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}

/* parallax section 3 */
.parallax_section3 {
	float: left;
	width: 100%;
	text-align: left;
	padding: 120px 0px;
	background: #1e1e1e url("../img/darkgray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}

/* parallax section 4 */
.parallax_section4 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 140px 0px;
	background: #333 url("../img/darkgray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_section4 h2 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 38px;
	font-family: 'Dancing Script', cursive;
}
.parallax_section4 p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 50px;
}

/* parallax section 1 */
.parallax_section5 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 140px 0px 140px 0px;
	background: #333 url("../img/darkgray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_section5 strong {
	color: #e54c4c;
	font-size: 40px;
	font-weight: bold;
	line-height: 38px;
	font-family: 'Josefin Sans', sans-serif;
	border-radius: 3px;
}
.parallax_section5 p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 45px;
	margin-top: 30px;
}

/* parallax section 6 */
.parallax_section6 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 140px 0px 185px 0px;
	background: #333 url("../img/darkgray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_section6 h2 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 38px;
	font-family: 'Dancing Script', cursive;
}
.parallax_section6 .box {
	float: left;
	margin-top: 100px;
	margin-left: 10.2%;
}
.hexagon {
	width: 170px;
	height: 100px;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
	float: left;
	margin-right: 20px;
	transition: all 0.3s ease;
}
.hexagon.two {
	margin-right: 0px;
	margin-left: 95px;
}
.hexagon.three,
.hexagon.four,
.hexagon.five {
	margin-right: 0px;
	margin-left: 20px;
}
.hexagon:before {
	content: "";
	position: absolute;
	top: -45px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 85px solid transparent;
	border-right: 85px solid transparent;
	border-bottom: 45px solid rgba(255, 255, 255, 0.9);
	transition: all 0.3s ease;
}
.hexagon:after {
	content: "";
	position: absolute;
	bottom: -45px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 85px solid transparent;
	border-right: 85px solid transparent;
	border-top: 45px solid rgba(255, 255, 255, 0.9);
	transition: all 0.3s ease;
}
.haxmargin {
	float: left;
	width: 100%;
	margin-top: 60px;
}

.hexagon:hover {
	background: rgba(0, 0, 0, 0.8);
}
.hexagon:hover:before {
	border-bottom: 45px solid rgba(0, 0, 0, 0.8);
}
.hexagon:hover:after {
	border-top: 45px solid rgba(0, 0, 0, 0.8);
}

.hexagon i {
	color: #333;
	font-size: 30px;
	margin-bottom: 10px;
}
.hexagon h6 {
	margin-bottom: 5px;
}
.hexagon p {
	color: #999;
	font-size: 13px;
	line-height: 16px;
}
.hexagon:hover i {
	color: #e54c4c;
}
.hexagon:hover h6 {
	color: #fff;
}



/* parallax section 7 */
.parallax_section7 {
	float: left;
	width: 100%;
	text-align: left;
	padding: 120px 0px;
	background: #333 url("../img/gray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_section7 .container {
	background: #fff;
}
.parallax_section7 .left,
.parallax_section7 .center,
.parallax_section7 .right {
	float: left;
	width: 33.330%;
	padding: 45px 40px;
}
.parallax_section7 .center {
	background: #333;
}

.parallax_section7.two {
	float: left;
	width: 100%;
	text-align: left;
	padding: 120px 0px;
	background: #333 url("../img/gray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}


/* parallax section 8 */
.parallax_section8 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 140px 0px;
	background: #1e1e1e url("../img/darkgray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}

/* parallax section 9 */
.parallax_section9 {
	float: left;
	width: 100%;
	text-align: left;
	padding: 140px 0px 112px 0px;
	background: #eee url("../img/gray-bg1.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:100% 0;
	background-position: center;
}
.parallax_section9 .box {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 25px;
}
.parallax_section9 .box.last {
	margin-bottom: 0px;
}
.parallax_section9 .box .left {
	float: left;
}
.parallax_section9 .box .right {
	float: left;
	width: 76%;
	padding-top: 7px;
	margin-left: 5%;
}






/*----------------------------------------------------
 FOOTER STYLES
------------------------------------------------------*/

.footer {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	background: #303030 url(../img/footer-graph2.png) no-repeat right bottom;
}
.footer .top_footer {
	float: left;
	width: 100%;
	background: #333 url(../img/footer-graph.png) no-repeat center top;
	padding: 40px 0px 35px 0px;
	margin-bottom: 75px;
}

.footer .top_footer.empty {
	float: left;
	width: 100%;
	background: url(../img/footer-graph.png) no-repeat center top;
	padding: 112px 0px 0px 0px;
	margin-bottom: 0px;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	float: left;
	width: 40%;
}
.footer .top_footer .colcenter {
	float: left;
	width: 20%;
}

.footer .top_footer h6 {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
}
.footer .top_footer h6 em {
	font-size: 12px;
	font-style: normal;
}


/* footer light bg color */
.footer.light h4,
.footer.light h4.lmb {
	color: #333;
}
.footer.light .qlinks li a:hover,
.footer.light .faddress li a:hover{
	color: #333;
}

.footer.light.two {
	background: #fff;
	padding-top: 100px;
}
.footer.light {
	background: #f4f4f4 url(../img/footer-graph2.png) no-repeat right bottom;
}
.footer.light .top_footer {
	padding: 40px 0px 0px 0px;
	background: url(../img/footer-graph4.png) no-repeat center top;
}
.footer.light .top_footer h6 {
	color: #333;
}
.footer.light .twitter_feeds_two .left,
.footer.light .newsletter_two .left {
	background: url(../img/site-img40.png) no-repeat center top;
}
.footer.light .twitter_feeds_two .right {
	color: #727272;
}
.footer.light .twitter_feeds_two .right em {
	color: #999;
}
.footer.light .twitter_feeds_two .right em a {
	color: #999;
}
.footer.light .twitter_feeds_two .right em a:hover {
	color: #727272;
}

.footer.light .newsletter_two input.enter_email_input {
	border: 1px solid #dfdfdf;
	color: #727272;
	font-size: 13px;
}
.footer.light .newsletter_two .input_submit {
	color: #333;
	background-color: #dfdfdf;
}
.footer.light .newsletter_two .input_submit:hover {
	color: #fff;
}



.divider_2lines {
	float: left;
	width: 100%;
	height: 2px;
	margin-top: 45px;
	background: url(../img/divider-twolines.png) repeat-x left top;
}


.twitter_feeds_two {
	float: left;
}
.twitter_feeds_two .left {
	float: left;
	width: 85px;
	height: 76px;
	padding-top: 20px;
	margin-right: 25px;
	color: #fff;
	text-align: center;
	background: url(../img/site-img36.png) no-repeat center top;
}
.twitter_feeds_two .right {
	color: #999;
}
.twitter_feeds_two .right em {
	display: block;
	font-size: 12px;
	font-style: normal;
	color: #585858;
}
.twitter_feeds_two .right em a {
	color: #585858;
}
.twitter_feeds_two .right em a:hover {
	color: #999;
}

.twitter_feeds_three {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.twitter_feeds_three li {
	padding: 0px;
	margin: 0px;
	float: left;
}
.twitter_feeds_three li.bhline {
	padding-bottom: 22px;
	margin-bottom: 20px;
	border-bottom: 1px solid #3d3d3d;
}
.twitter_feeds_three li a {
	color: #999;
	transition: all 0.3s ease;
}
.twitter_feeds_three li a:hover {
	color: #fff;
}
.twitter_feeds_three li i {
	padding: 0px;
	margin: 0px 5px 0px 0px;
}
.twitter_feeds_three li em {
	float: left;
	font-size: 10px;
	font-style: normal;
	color: #727272;
}
.twitter_feeds_three li em a {
	color: #727272;
	transition: all 0.3s ease;
}
.twitter_feeds_three li em a:hover {
	color: #727272;
	text-decoration: underline;
}

.newsletter_two {
	float: left;
}
.newsletter_two .left {
	float: left;
	width: 85px;
	height: 76px;
	padding-top: 20px;
	margin-right: 25px;
	color: #fff;
	text-align: center;
	background: url(../img/site-img36.png) no-repeat center top;
}
.newsletter_two i {
	color: #fff;
	font-size: 40px;
	margin-bottom: 5px;
}
.newsletter_two .right {
	float: left;
	padding-top: 10px;
}
.newsletter_two input.enter_email_input {
	float: left;
	padding: 3px 0px 2px 18px;
	height: 56px;
	width: 225px;
	background: none;
	border: 1px solid #484848;
	color: #727272;
	font-size: 13px;
}
.newsletter_two .input_submit {
	float: left;
	padding: 16px 25px 15px 25px;
	background-color: #484848;
	border: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.newsletter_two .input_submit:hover {
	color: #fff;
	cursor: pointer;
	background-color: #727272;
}

.footer h4 {
	color: #fff;
	font-weight: 400;
	margin-bottom: 25px;
}
.footer h4.lmb {
	color: #fff;
	margin-bottom: 20px;
}

/* Address */
ul.faddress {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.faddress li {
	padding: 2px 0px;
	margin: 0px;
}
.faddress li a {
	color: #727272;
	transition: all 0.3s ease;
}
.faddress li a:hover {
	color: #fff;
}

/* Tweets */
.twitter_feed {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.twitter_feed .left {
	float: left;
	padding: 0px;
	margin: -7px 0px 0px 0px;
	width: 20px;
}
.twitter_feed .right {
	float: right;
	padding: 0px;
	margin: -10px 0px 0px 0px;
	width: 89%;
}
.twitter_feed a {
	color: #999;
}
.twitter_feed a:hover {
	color: #fff;
}
.twitter_feed a.small {
	font-size: 9px;
	color: #727272;
}
.twitter_feed a.small:hover {
	font-size: 9px;
	color: #999;
}

/* flickr */
#flickr_badge_wrapper {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#flickr_badge_wrapper img {
	width: 70px;
	height: 70px;
	margin-right: 8px;
	margin-bottom: 2px;
	border: 0px solid #999 !important;
}
#flickr_www {
	display:block;
	padding:0 10px 0 10px !important;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important;
	background:inherit !important;
	color:#3993ff;
}
#flickr_badge_wrapper {
	margin-top: 25px;
}
#flickr_badge_source {
	padding:0 !important;
}

/* Newsletter Signup */
.newsletter {
	float: left;
	width: 100%;
}
.newsletter .enter_email_input {
	float: left;
	width: 75%;
	height: 39px;
	padding: 0px 7px;
	line-height: 39px;
	background: #fff;
	border: 0px;
	font-size: 13px;
	font-weight: 600;
	color: #999;
}
.newsletter .input_submit {
	float: left;
	color: #fff;
	height: 39px;
	padding: 0px 10px;
	background-color: #13afeb;
	border: 0px;
	cursor: pointer;
}
.newsletter .input_submit:hover {
	color: #fff;
	background-color: #454545;
}

/* quick links */
.qlinks {
	float: left;
	width: 100%;
}
.qlinks ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.qlinks li {
	padding: 4px 0px;
	margin: 0px;
}
.qlinks li a {
	color: #727272;
	transition: all 0.3s ease;
}
.qlinks li a:hover {
	color: #fff;
}
.qlinks li a i {
	margin-right: 3px;
}

/* footer style 2 */
.footer.style2 {
	float: left;
	width: 100%;
	padding: 95px 0px 0px 0px;
	border-top: 5px solid #212121;
	background: #333 url(../img/footer-graph3.png) no-repeat right bottom;
}
.footer.style3 {
	float: left;
	width: 100%;
	padding: 95px 0px 0px 0px;
	border-top: 5px solid #212121;
	background: #333 url(../img/footer-graph5.png) no-repeat right bottom;
}

.fbposts {
	float: left;
	width: 100%;
}
.fbposts img {
	float: left;
	margin-right: 18px;
	transition: all 0.3s ease;
}
.fbposts a {
	float: left;
	color: #999;
	margin-bottom: 34px;
	transition: all 0.3s ease;
}
.fbposts a:hover {
	color: #fff;
}
.fbposts a:hover img {
	opacity: 0.7;
}

.ftags {
	float: left;
	width: 100%;
}
.ftags a {
	float: left;
	color: #999;
	padding: 5px 10px;
	margin: 0px 5px 10px 5px;
	transition: all 0.3s ease;
	background: rgba(0, 0, 0, 0.2);
}
.ftags a:hover {
	background: rgba(0, 0, 0, 0.5);
}

.fform {
	float: left;
	width: 100%;
}


/* copyrights */
.copyright_info {
	float: left;
	padding: 30px 0px 25px 0px;
	margin: 70px 0px 0px 0px;
	width: 100%;
	color: #727272;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background: rgba(255, 255, 255, 0.05);
}
.copyright_info a {
	margin-top: 10px;
	font-size: 12px;
	color: #727272;
	text-align: right;
	transition: all 0.3s ease;
}
.copyright_info a:hover {
	color: #e3e3e3;
}

.copyright_info.two {
	background: #fff;
	color: #999;
}
.copyright_info.two a {
	color: #999;
}
.copyright_info.two a:hover {
	color: #454545;
}

.copyright_info.three {
	background: rgba(255, 255, 255, 0.45);
	color: #999;
}
.copyright_info.three a {
	color: #999;
}
.copyright_info.three a:hover {
	color: #454545;
}

.copyright_info.four {
	background: #e54c4c;
	color: #fff;
	border-top: 3px double rgba(0, 0, 0, 0.12);
}
.copyright_info.four a {
	color: #fff;
}
.copyright_info.four a:hover {
	color: #fff;
	text-decoration: underline;
}

.copyright_info.five {
	background: none;
	color: #999;
	margin-top: 0px;
}
.copyright_info.five a {
	color: #999;
}
.copyright_info.five a:hover {
	color: #454545;
}



/* footer social links */
ul.footer_social_links {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.footer_social_links li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
.footer_social_links li a i {
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 100%;
	line-height: 24px;
	vertical-align: middle;
	background-color: #333;
	color: #999;
	transition: all 0.3s ease;
}
.footer_social_links li a i:hover {
	color: #fff;
	background-color: #727272;
}

.footer_social_links.two li a i {
	background-color: #ccc;
	color: #fff;
}
.footer_social_links.two li a i:hover {
	color: #fff;
	background-color: #e3e3e3;
}

.footer_social_links.three li a i {
	background-color: #ccc;
	color: #fff;
}
.footer_social_links.three li a i:hover {
	color: #fff;
	background-color: #e3e3e3;
}

.footer_social_links.four li a i {
	background-color: rgba(0, 0, 0, 0.12);
	color: #fff;
}
.footer_social_links.four li a i:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
}




/* menu search bar */
.search_hwrap {
  display: inline-block;
  position: relative;
  height: 50px;
  float: right;
  padding: 0;
  position: relative;
}
.search_hwrap input[type="text"] {
  height: 50px;
  font-size: 14px;
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  border: none;
  outline: none;
  color: #ccc;
  padding: 3px;
  padding-right: 50px;
  width: 0px;
  position: absolute;
  top: 8px;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
}
.search_hwrap input[type="text"]:focus {
  width: 210px;
  z-index: 1;
  cursor: text;
}
.search_hwrap input[type="submit"] {
  height: 36px;
  width: 36px;
  display: inline-block;
  color:red;
  float: right;
  background: #727272 url(../img/search-icon.png) no-repeat center 7px;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 14px;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
  border: 1px solid #999;
  border-radius: 100%;
}
.search_hwrap input[type="submit"]:hover {
  opacity: 0.8;
}

.search_hwrap.two input[type="text"] {
  color: #fff;
}
.search_hwrap.two input[type="submit"] {
  background: rgba(0,0,0,0.2) url(../img/search-icon.png) no-repeat center 7px;
  border: 1px solid rgba(255,255,255,0.9);
}


/* page titles */
.page_title {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 220px 0px 120px 0px;
	background: #272727 url(../img/subheader/fullsite-img14.jpg) no-repeat center top;
}
.page_title .title {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0px;
}
.page_title .title h1 {
	margin: 0px 0px 40px 0px;
	padding-bottom: 30px;
	font-size: 58px;
	color: #fff;
	text-transform: none;
	background: url(../img/white-line.png) no-repeat center bottom;
}
.page_title h3 {
	margin: 0px 0px 8px 0px;
	color: #fff;
	font-weight: bold;
}
.page_title h5 {
	margin: 0px;
	color: #fff;
	font-weight: 300;
}
.page_title.small .title h1 {
	margin: 0px 0px 20px 0px;
}

/** SUB-PROFILE **/
.page_title.two {
	background: #272727 url(../img/subheader/profile.jpg) no-repeat center top;
}

/** SUB-DIREKSI **/
.page_title.direksi {
	background: #272727 url(../img/subheader/direksi.jpg) no-repeat center top;
}

/** SUB-DOKTER **/
.page_title.dokter {
	background: #272727 url(../img/subheader/dokter.jpg) no-repeat center top;
	width: 100%;
}

/** SUB-GRIYA PUSPA **/
.page_title.gp {
	background: #272727 url(../img/subheader/gp.jpg) no-repeat center top;
}

/** SUB-IGD **/
.page_title.igd {
	background: #272727 url(../img/subheader/igd.jpg) no-repeat center top;
}

/** SUB-LAYANA KHUSUS **/
.page_title.layanan_khusus {
	background: #272727 url(../img/subheader/layanan_khusus.jpg) no-repeat center top;
}

.page_title.rujukan_nasional {
	background: #272727 url(../img/media/rujukan_nasional.jpg) no-repeat center top;
}

.page_title.rawat_inap {
	background: #272727 url(../img/media/rawat_inap.jpg) no-repeat center top;
}

.page_title.penunjang_medik_terpadu {
	background: #272727 url(../img/media/penunjang_medik.jpg) no-repeat center top;
}

.page_title.penunjang_medik_lainnya {
	background: #272727 url(../img/media/penunjang_medik.jpg) no-repeat center top;
}

.page_title.rawat_jalan {
	background: #272727 url(../img/media/rawat_jalan.jpg) no-repeat center top;
}

.page_title.yansos {
	background: #272727 url(../img/media/yansos.jpg) no-repeat center top;
}

.page_title.artikel {
	background: #272727 url(../img/media/artikel.jpg) no-repeat center top;
}

.page_title.berita {
	background: #272727 url(../img/media/berita.jpg) no-repeat center top;
}

.page_title.profile {
	background: #272727 url(../img/media/profile.jpg) no-repeat center top;
}

.page_title.pejabat {
	background: #272727 url(../img/media/pejabat.jpg) no-repeat center top;
}

.page_title.default {
	background: #272727 url(../img/media/default.jpg) no-repeat center top;
}


.page_title2 {
	float: left;
	width: 100%;
	padding: 40px 0px;
	background: #454545 url(../img/footer-graph3.png) no-repeat center bottom;
}
.page_title2 h1 {
	float: left;
	font-size: 32px;
	font-weight: 200;
	margin-bottom: 0px;
	color: #fff;
}
.page_title2 .pagenation {
	float: right;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #e3e3e3;
	margin: 10px 0px 0px 0px;
}
.page_title2 .pagenation i {
	color: #999;
	margin: 0px 2px 0px 2px;
}
.page_title2 .pagenation a {
	padding: 0px;
	color: #999;
	transition: all 0.3s ease;
}
.page_title2 .pagenation a:hover {
	color: #e3e3e3;
}

.page_title3 {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 140px 0px 140px 0px;
	background: #272727 url(../img/subheader/fullsite-img15.jpg) no-repeat center top;
}
.page_title3 .title {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0px;
}
.page_title3 .title h1 {
	margin: 0px 0px 10px 0px;
	padding-bottom: 30px;
	font-size: 58px;
	color: #fff;
	text-transform: none;
	font-weight: normal;
}
.page_title3 h5 {
	color: #fff;
	width: 75%;
	margin: 0 auto;
	font-weight: 300;
	line-height: 30px;
}
.page_title3 i {
	color: #fff;
	font-size: 27px;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	line-height: 80px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 100%;
	margin: 50px 10px 0px 10px;
	transition: all 0.3s ease;
}
.page_title3 i:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
}

.page_title4 {
	position: relative;
	float: left;
	width: 100%;
	padding: 70px 0px;
	background: #f3f3f3;
}
.page_title4 .title {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0px;
}
.page_title4 .title h1 {
	margin: 0px;
	color: #293139;
	text-transform: none;
	font-size: 40px;
}
.page_title4 .line{
    background: #999;
    position: absolute;
    height: 1px;
    display: block;
    width: 100px;
	margin-top: 12px;
}
.page_title4 h6 {
	float: left;
	margin-top: 30px;
	margin-bottom: 0px;
	color: #727272;
	font-weight: 300;
	line-height: 25px;
	width: 85%;
}

.page_title5 {
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 200px 0px 40px 0px;
	background: #333 url(../img/subheader/fullsite-img13.jpg) no-repeat center top;
}
.page_title5 .title {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0px;
}
.page_title5 .title h1 {
	float: left;
	margin: 0px;
	padding: 5px 10px;
	font-size: 35px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.3);
}

.page_title5.two {
	padding: 310px 0px 40px 0px;
	background: #333 url(../img/subheader/fullsite-img19.jpg) no-repeat center top;
}


.imgheader {
	float: left;
	width: 100%;
	height: 400px;
	background: #333 url(../img/subheader/fullsite-img16.jpg) no-repeat center top;
}
.imgheader img {
	float: left;
}
.imgheader2 {
	float: left;
	width: 100%;
	height: 400px;
	background: #333 url(../img/subheader/fullsite-img17.jpg) no-repeat center top;
}
.imgheader2 img {
	float: left;
}

.clogo_small {
	float: left;
	width: 100%;
}
.clogo_small li {
	float: left;
	width: 10%;
}
.clogo_small li h6 {
	font-size: 14px;
	margin-top: 18px;
	text-align: right;
}
.clogo_small li img {
	float: left;
	width: 100%;
}

/* blog */
.blog_post {
	float: left;
	width: 100%;
}
.blog_post h3 {
	text-align: left;
	color: #333;
	line-height: 30px;
	display: block;
}
.blog_post h3 a {
	color: #e54c4c;
	text-decoration: none;
	margin-top: 3px;
	text-transform: none;
	font-weight: 400;
	font-size: 30px;
}
.blog_post h3 a:hover {
	color: #383634;
}
ul.post_meta_links {
	float: left;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.post_meta_links li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	list-style-type: none;
	color: #999;
}
.post_meta_links li a {
	color: #999;
	padding: 0px 18px 0px 0px;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
}
.post_meta_links li a:hover {
	color: #727272;
	text-decoration: none;
}
.post_meta_links li i {
	color: #bbb;
	font-size: 12px;
	font-style: normal;
}
.blog_postcontent {
	float: left;
	width: 100%;
}
.blog_postcontent .image_frame {
	float: left;
	width: 100%;
	margin-bottom: 27px;
}

.blog_postcontent .image_frame.mone {
	float: left;
	width: 100%;
	height: 280px;
	overflow: hidden;
}
.blog_postcontent .image_frame.mtwo {
	float: left;
	width: 100%;
	height: 180px;
	overflow: hidden;
}
.blog_postcontent .image_frame.mthree {
	float: left;
	width: 100%;
	height: 480px;
	overflow: hidden;
}
.blog_postcontent .image_frame.mone img,
.blog_postcontent .image_frame.mtwo img,
.blog_postcontent .image_frame.mthree img {
	float: left;
	width: auto;
	margin-left: -45%;
	margin-top: -10%;
}


.blog_postcontent .video_frame.mtwo iframe {
	float: left;
	width: 100%;
	height: 280px;
	overflow: hidden;
}


.blog_postcontent .image_frame.small {
	float: left;
	width: 43%;
	border: 7px solid #fff;
	margin-bottom: 25px;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.blog_postcontent .image_frame.small:hover {
	border: 7px solid #f9f9f9;
}
.blog_postcontent .image_frame img {
	float: left;
	width: 100%;
}
.blog_postcontent .video_frame.small iframe {
	height: 250px;
}
.blog_postcontent .video_frame iframe {
	float: left;
	width: 100%;
	height: 520px;
	margin-bottom: 27px;
}
.post_info_content_small {
	padding: 0px;
	margin: 0 0 0 4%;
	width: 50%;
	float: left;
}
ul.post_meta_links_small {
	float: left;
	margin: -15px 0px 12px 80px;
	padding: 0px 0px 0px 0px;
	width: 80%;
}
.post_meta_links_small li a {
	color: #a1a1a1;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	font-size: 11px;
}
.post_meta_links_small li a:hover {
	color: #727272;
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	font-size: 11px;
}
.blog_post a.date {
	color: #454545;
	font-size: 16px;
	font-weight: normal;
}
.blog_post a.date:hover {
	color: #e54c4c;
}
.post_readmore:link, .post_readmore:visited {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../img/skin01/but_post_readmore.jpg) no-repeat left top;
}
.post_readmore:hover {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../img/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}
.sharepost {
	float: left;
	width: 80%;
	margin-bottom: 40px;
}
.sharepost ul {
	margin: 0px;
	padding: 0px;
}
.sharepost li {
	margin: 0px 7px 5px 0px;
	padding: 2px 5px;
	float: left;
	border-radius: 2px;
	list-style-type: none;
	background-color: #e54c4c;
	transition: all 0.3s ease;
}
.sharepost li i {
	color: #fff;
}
.sharepost li:hover {
	background-color: #383634;
}

.about_author {
	float: left;
	width: 100%;
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #eee;
}
.about_author img {
	float: left;
	margin-right: 20px;
}
.about_author a {
	font-family: 'Open Sans' !important;
	font-weight: normal;
	font-weight: 600;
	color: #333;
}
.about_author a:hover {
	color: #e54c4c;
}


/* pagination */
.pagination.center {
	text-align: center;
}
.pagination.center b{
	float: inherit;
}
.pagination {
	clear:both;
	padding:10px 0;
	margin-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}
.pagination b{
	float:left;
	margin: 0px 5px 2px 0;
	padding:0px 10px;
	font-weight: normal;
	color: #999;
}
.pagination a.navlinks {
	font-size: 12px;
	color: #454545;
	background-color: #eee;
	font-weight: 600;
	text-transform: uppercase;
	padding: 7px 10px;
	border-radius: 3px;
}
.pagination a.navlinks:hover {
	color: #fff;
	background-color: #454545;
}
.pagination a.current {
	color: #fff;
	background-color: #454545;
}


/* comments */
.comment_wrap{
	padding:20px 20px 20px 0px;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.comment_wrap.chaild{
	border-bottom:1px solid #eee;
	margin:10px 20px 10px 50px;
	overflow:hidden;
}
.gravatar{
	float:left;
}

.comment_content{
	overflow:hidden;
	padding-left:20px;
	position:relative;
	min-height:80px; 
}
.comment_content .comment_meta{
	position:relative;
}
.comment_content .comment_meta .comment_author{
	display:inline;
	font-size:14px;
	font-style: normal;
}
.comment_content .comment_meta .comment_author i{
	display:inline;
	font-size:11px;
	font-style: italic;
}
.comment_content .comment_text {
	clear:both;
	padding-top:0px;
	overflow:hidden;
}
.comment_content .comment_text a {
	color: #d3d3d3;
	margin-top: 5px;
	float: left;
}
.comment_content .comment_text a:hover {
	color: #727272;
	margin-top: 5px;
	float: left;
}
#comments_section li ul li{
	margin-left: 30px;
}

/* comment form */
.comment_form {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 40px;
	font-weight: normal;
}
.comment_input_bg {
	float: left;
	width: 75%;
	height: 40px;
	padding: 7px 10px 0px 10px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_textarea_bg {
	float: left;
	width: 90%;
	height: 235px;
	padding: 7px 10px 0px 10px;
	margin-bottom: 20px;
	border-top: 2px solid #e3e3e3;
	border-left: 2px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f9f9f9;
}
.comment_checkbox {
	float: left;
	display: block;
	width: 90%;
	margin-top: 10px;
}
.comment_submit {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 9px 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	border-radius: 4px;
	color: #333;
	text-transform: uppercase;
}
.comment_submit:hover {
	background-color: #f9f9f9;
	cursor: pointer;
}

/* comments */
.comment_wrap{
	padding:20px 20px 20px 0px;
	overflow:hidden;
	border-bottom:1px solid #eee;
}
.comment_wrap.chaild{
	border-bottom:1px solid #eee;
	margin:10px 20px 10px 50px;
	overflow:hidden;
}
.gravatar{
	float:left;
}

.comment_content{
	overflow:hidden;
	padding-left:20px;
	position:relative;
	min-height:80px; 
}
.comment_content .comment_meta{
	position:relative;
}
.comment_content .comment_meta .comment_author{
	display:inline;
	font-size:14px;
	font-style: normal;
}
.comment_content .comment_meta .comment_author i{
	display:inline;
	font-size:11px;
	font-style: italic;
}
.comment_content .comment_text {
	clear:both;
	padding-top:0px;
	overflow:hidden;
}
.comment_content .comment_text a {
	color: #d3d3d3;
	margin-top: 5px;
	float: left;
}
.comment_content .comment_text a:hover {
	color: #727272;
	margin-top: 5px;
	float: left;
}
#comments_section li ul li{
	margin-left: 30px;
}

/* Advertisements */
ul.adsbanner-list {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.adsbanner-list li {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
	width: 140px;
	height: 140px;
	list-style-type: none;
}
.adsbanner-list li img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 140px;
	height: 140px;
	list-style-type: none;
}
.adsbanner-list li.last {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 140px;
	height: 140px;
	list-style-type: none;
}

.address_info {
	float: left;
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	padding: 20px 20px 10px 20px;
	width: 99%;
	margin-bottom: 40px;
}
.address_info.two {
	background-color: #fff;
	border: none;
	padding-top: 0px;
}
.address_info h3 i {
	font-weight: 500;
	font-style: normal;
}

.google-map {
	width: 99%;
	height: 350px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.google-map2 {
	width: 100%;
	height: 450px;
}
.google-map3 {
	width: 100%;
	height: 300px;
	border: 10px solid #fff;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}
.google-map4 {
	width: 100%;
	height: 200px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}


/* sidebar widget */
.sidebar_widget {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.sidebar_widget ul.arrows_list1{
	padding: 0px;
	margin: 0px;
	float: left;
	margin-top: -10px;
}
.sidebar_widget ul.arrows_list1 li a {
	color: #e54c4c;
	line-height: 30px;
}
.sidebar_widget ul.arrows_list1 li a:hover {
	color: #272727;
}
.sidebar_widget ul.arrows_list1 i {
	margin-right: 4px;
}
.sidebar_title {
	float: left;
	width: 100%;
}
.sidebar_widget h4, .clientsays_widget h4 {
	margin-bottom: 30px;
	float: left;
	font-weight: 300;
}
.sidebar_widget h4 i, .clientsays_widget h4 i {
	font-weight: 500;
	font-style: normal;
}

/* Recent Posts */
ul.recent_posts_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;
}
.recent_posts_list li {
	padding: 0px 0px 13px 0px;
	margin: 0px 0px 16px 0px;
	list-style-type: none;
	border-bottom: 1px solid #eee;
	float: left;
	width: 100%;
}
.recent_posts_list li a {
	text-decoration: none;
	line-height: 17px;
	display: block;
	color: #999;
}
.recent_posts_list li a:hover {
	color: #e54c4c;
}

.recent_posts_list li span {
	float: left;
	margin-right: 15px;
}
.recent_posts_list li span img {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.recent_posts_list li span img:hover {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.recent_posts_list li i {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	display: block;
	font-size: 10px;
	font-style: normal;
	color: #c9c9c9;
}
.recent_posts_list li.last {
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #f5f6f6;
}

/* client says widget */
.clientsays_widget {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #999;
}
.clientsays_widget strong {
	font-weight: 600;
	color: #454545;
}
.clientsays_widget h3 {
	margin-bottom: 18px;
}
.clientsays_widget img {
	float: left;
	margin-right: 13px;
	margin-top: 7px;
}


/* portfolio widget */
.portfolio_widget {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.portfolio_widget .box {
	float: left;
	width: 100%;
}
.portfolio_widget .box strong {
	font-size: 16px;
	color: #181818;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
	margin-top: 25px;
}
.portfolio_widget .box strong a {
	color: #181818;
}
.portfolio_widget .box strong a:hover {
	color: #2191ed;
}
.portfolio_widget .box i {
	font-size: 22px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100%;
	width: 58px;
	height: 58px;
	text-align: center;
	vertical-align: middle;
	line-height: 58px;
	margin-top: 26%;
}

/* 404 Error Page */
.error_pagenotfound {
	padding: 50px 30px 58px 30px;
	margin: 0 auto;
	width: 59%;
	background-color: #fff;
	border: 1px solid #eee;
	border-bottom: 5px solid #eee;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
}
.error_pagenotfound strong {
	display: block;
	font-size: 145px;
	line-height: 100px;
	color: #e3e3e3;
	font-weight: normal;
	margin-bottom: 10px;
	text-shadow: 5px 5px 1px #fafafa;
}
.error_pagenotfound b {
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #999;
	margin: 0;
	font-weight: 300;
}
.error_pagenotfound em {
	display: block;
	font-size: 18px;
	line-height: 59px;
	color: #e54c4c;
	margin: 0;
	font-style: normal;
}

/* portfolio single image */
.portfolio_area {
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
}
.portfolio_area_left {
	padding: 0px;
	margin: 0px;
	width: 74%;
	float: left;
}
.portfolio_area_left img {
	padding: 0px;
	margin: 0px;
	width: 100%;
	float: left;
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.portfolio_area_right {
	padding: 0px;
	margin: 0px 0px 0px 4%;
	width: 22%;
	float: left;
}
.project_details {
	padding: 0px;
	margin: 80px 0px 0px 0px;
}
.project_details span {
	padding: 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #454545;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
}
.project_details strong {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	color: #727272;
	float: left;
	width: 40%;
}
.project_details em {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #727272;
	float: left;
	width: 60%;
}
.project_details span a {
	padding: 3px 10px;
	margin: 0px 0px 0px 3px;
	font-size: 11px;
	line-height: 30px;
	font-weight: normal;
	font-style: normal;
	color: #727272;
	background-color: #e3e3e3;
	border-radius:3px;
}
.project_details span a:hover {
	background-color: #ddd;
}
.addto_favorites {
	padding: 3px 10px 5px 10px;
	margin: 27px 0px 0px 0px;
	width: 142px;
	display: block;
	border-radius:3px;
	font-size: 13px;
	color: #999;
	background: #eee;
}
.addto_favorites:hover {
	background: #e3e3e3;
}
.addto_favorites i {
	color: #c3c3c3;
}

ul.small_social_links {
	padding: 0px;
	margin: 18px 0 25px 0px;
}
.small_social_links li {
	padding: 0px;
	margin: 0px 5px 0px 0px;
	float: left;
}
.small_social_links li i {
	font-size: 11px;
	color: #e54c4c;
	border: 1px solid #eee;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 23px;
}
.small_social_links li a {
	opacity: 1;
}
.small_social_links li a:hover {
	opacity: 0.7;
}

ul.list_5 {
	float: left;
	padding: 0px;
	margin: 0px;
}
.list_5 li {
	float: left;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.list_5 li.last {
	margin: 0px 0px 0px 0px;
}
.list_5 li img {
	float: left;
	margin-right: 18px;
}
.list_5 li em {
	float: left;
	font-style: normal;
	margin: 9px 0px 0px 0px;
}
.list_5 li a {
	color: #999;
}



/* scroll up */
.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../img/scroll-top-arrow.png) no-repeat left top;
	z-index: 999;
}


/*
------------------------
 UPDATED VERSION 1.2 
------------------------*/

.mitemnew {
	color: #fff;
	padding: 1px 4px;
	background: #e54c4c;
	border-radius: 2px;
	font-size: 11px;
	font-weight: 500;
}

/* Static header */
.stheader {
	float: left;
	width: 100%;
	height: 750px;
	margin-top: 100px;
	background: #999 url(../img/sliders/master/slider-bg16.jpg) no-repeat center top;
}

/* Static header 2 */
.stheader2 {
	float: left;
	width: 100%;
	background: #999 url(../img/sliders/master/slider-bg20.jpg) repeat-y center top;
}

/* Static header 3 */
.stheader3 {
	float: left;
	width: 100%;
	height: 700px;
	margin-top: 100px;
	background: #999 url(../img/sliders/master/slider-bg21.jpg) no-repeat center top;
}


/* slider header form */
.slidercform {
	float: left;
	width: 470px;
	padding: 47px 50px 50px 50px;
	text-align: center;
	margin-top: 100px;
	background: rgba(0,0,0,0.72);
	border-radius: 3px;
}
.slidercform .sky-form {
	color: #999;
}
.slidercform .sky-form footer {
	padding: 5px 0px 0px 0px;
}
.slidercform .sky-form .button {
	float: left;
	width: 86.5%;
	height: 50px;
	background: #e54c4c;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
}
.slidercform .sky-form .button:hover {
	opacity: 0.75;
}
.slidercform .sky-form section {
	margin-bottom: 9px;
}
.slidercform strong {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 27px;
	font-weight: bold;
	display: block;
}
.slidercform strong em {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	display: block;
	margin-top: 8px;
}
.slidercform span {
	width: 50%;
	height: 1px;
	background: #595959;
	float: left;
	margin-top: 14px;
	margin-left: 25%;
}

/* slider header form 2 */
.slidercform2 {
	float: right;
	width: 470px;
	padding: 47px 45px 50px 45px;
	background: rgba(18,18,18,0.9);
	border-radius: 3px;
	position: relative;
	z-index: 300;
	margin-top: -565px;
	text-align: center;
}
.slidercform2 strong {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 27px;
	font-weight: bold;
	display: block;
}
.slidercform2 strong em {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	font-style: normal;
	display: block;
	margin-top: 8px;
}
.slidercform2 span {
	width: 50%;
	height: 1px;
	background: #454545;
	float: left;
	margin-top: 14px;
	margin-left: 25%;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 101.5%;
	padding: 10px 14px;
	outline: none;
	border-width: 0px;
	border-style: solid;
	background: rgba(255, 255, 255, 0.9);
	font: 14px/18px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #454545;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.slidercform2 .sky-form .textarea textarea {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 10px 14px;
	outline: none;
	border-width: 0px;
	border-style: solid;
	background: rgba(255, 255, 255, 0.9);
	font: 14px/18px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #454545;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}

/* header portfolio style */
.headerport {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 210px;
	margin-bottom: 130px;
}

.headerport .left {
	float: left;
	width: 33%;
}
.headerport .center {
	float: left;
	width: 34%;
}
.headerport .right {
	float: left;
	width: 33%;
}

.headerport .boxsize1 {
	float: left;
	width: 100%;
	height: 300px;
	text-align: center;
	background: #525252;
}
.headerport .boxsize2 {
	float: left;
	width: 50%;
	height: 150px;
	text-align: center;
	background: #525252;
}
.headerport .boxsize3 {
	float: left;
	width: 100%;
	height: 150px;
	text-align: center;
	background: #525252;
}
.headerport .boxsize4 {
	float: left;
	width: 100%;
	height: 450px;
	text-align: center;
	background: #525252;
}

.headerport .boxsize1 img{
	width: 100%;
	height: 300px;
	display: block;
}
.headerport .boxsize2 img{
	width: 100%;
	height: 150px;
	display: block;
}
.headerport .boxsize3 img{
	width: 100%;
	height: 150px;
	display: block;
}
.headerport .boxsize4 img{
	width: 100.2%;
	height: 450px;
	display: block;
}

.headerport .boxsize2 .onlycolor {
	float: left;
	width: 100%;
	height: 150px;
	background: #e54c4c;
	transition: all 0.3s ease;
}
.headerport .boxsize2 .onlycolor:hover {
	background: #525252;
}
.headerport .boxsize2 .onlycolor.white {
	background: #fff;
}
.headerport .boxsize2:hover .onlycolor.white {
	background: #e3e3e3;
}
.headerport .boxsize3 .onlycolor {
	float: left;
	width: 100%;
	height: 150px;
	background: #e54c4c;
	transition: all 0.3s ease;
}
.headerport .boxsize3 .onlycolor:hover {
	background: #525252;
}
.headerport .boxsize3 .onlycolor.white {
	background: #fff;
}
.headerport .boxsize3:hover .onlycolor.white {
	background: #e3e3e3;
}

.headerport .boxsize1 h3 {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-weight: 300;
  margin-top: 32.5%;
}
.headerport .boxsize2 h3 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  margin-top: 29%;
}
.headerport .boxsize3 h3 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  margin-top: 14.5%;
}
.headerport .boxsize1 h3.darkc,
.headerport .boxsize2 h3.darkc,
.headerport .boxsize3 h3.darkc,
.headerport .boxsize4 h3.darkc {
  color: #333;
}
.headerport .boxsize4 h3 {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-weight: 300;
  margin-top: 50%;
}

.hp-item.square {
  position: relative;
  width: 100%;
}
.hp-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hp-item.square.effect10 {
  overflow: hidden;
}
.hp-item.square.effect10 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.hp-item.square.effect10 .info {
  background: #525252;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.hp-item.square.effect10 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
.hp-item.square.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.hp-item.square.effect10.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.hp-item.square.effect10.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.hp-item.square.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.hp-item.square.effect10.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.menu_shape_shadow {
	float: left;
	position: absolute;
	width: 100%;
	height: 10px;
	background: url(../img/menu-shadow2.png) no-repeat center top;
	z-index: 8000;
	top: 100px;
}

/* text slider */
.textyslider {
	background: none;
	text-align: center;
	padding-top: 90px;
	margin-bottom: 59px;
}
.textyslider span.text {
	display: block;
	padding-top: 20px;
	margin-bottom: 40px;
}
.textyslider em {
	color: #e54c4c;
	font-family: 'Dancing Script', cursive;
	font-size: 45px;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 1px dashed #e54c4c;
}
.textyslider strong {
	color: #333;
	font-family: 'Raleway', sans-serif;
	font-size: 45px;
	font-weight: 600;
	padding-left: 20px;
	text-transform: uppercase;
}
.textyslider p {
	font-family: 'Raleway', sans-serif;
	color: #727272;
	font-size: 16px;
	line-height: 27px;
	padding-bottom: 5px;
	width: 70%;
	margin: 0 auto;
}

/*----------------------------------------------------
   SHORTCODE ELEMENTS
------------------------------------------------------*/
.button.one {
	color: #fff;
	background: #333333;
	padding: 9px 23px;
	border-radius: 3px;
	white-space: nowrap;
	transition: all 0.3s ease;
}
.button.one:hover {
	color: #fff;
	background: #e54c4c;
}


.button.transp {
	color: #fff;
	padding: 16px 28px;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.58);
	transition: all 0.3s ease;
}
.button.transp:hover {
	background: rgba(0, 0, 0, 0.8);
}

.button.transp.brc {
	border-radius: 3px;
}

.button.transp2 {
	color: #fff;
	font-size: 16px;
	padding: 16px 50px;
	border-radius: 30px;
	text-transform: uppercase;
	background: #e54c4c;
	transition: all 0.3s ease;
}
.button.transp2:hover {
	background: rgba(255, 255, 255, 0.3);
}

/* lists */
.list_divlines {
	padding: 0px;
	margin: 0px;
}
.list_divlines li {
	padding: 10px 0px 12px 0px;
	margin: 0px;
	line-height: 23px;
	border-bottom: 1px solid #3d3d3d;
}
.list_divlines li i {
	color: #999;
	font-size: 11px;
	margin-right: 3px;
}


.harrow_line {
	float: left;
	width: 100%;
	height: 20px;
	background: url(../img/h-arrow-line2.png) no-repeat center top;
}
.harrow_line2 {
	float: left;
	width: 100%;
	height: 20px;
	background: #eee url(../img/h-arrow-line3.png) no-repeat center top;
}

/* pie charts */
.piechart1 {
	float: left;
    color: #333;
	width: 20%;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.piechart2 {
	float: left;
	width: 200px;
	text-align: center;
	color: #1e1e1e;
}
.piechart2.s1 {
	width: 100px;
}
.piechart2.s2 {
	width: 120px;
}
.piechart2.s3 {
	width: 160px;
}
.piechart2.s4 {
	width: 180px;
}

.piechart3 {
	float: left;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	width: 25%;
	text-align: center;
}


/* Shortcode Titles */
.stcode_title1 h3{
    font-size: 27px;
    z-index: 1;
    position: relative;
    text-align: left;
	font-weight: normal;
}
.stcode_title1 .line{
    background: #000;
    border-top: solid 1px #e3e3e3;
    position: absolute;
    height: 1px;
    display: block;
    top: 18px;
    width: 100%;
}
.stcode_title1 .text{
    background-color: #FFFFFF;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0px 18px 0px 0px;
}

.stcode_title2 h3{
    font-size: 27px;
    z-index: 1;
    position: relative;
    text-align: left;
	font-weight: 300;
}
.stcode_title2 .line{
    background: #000;
    border-top: solid 1px #e3e3e3;
    position: absolute;
    height: 1px;
    display: block;
    top: 16px;
    width: 100%;
}
.stcode_title2 .line2{
    background: #000;
    border-top: solid 1px #e3e3e3;
    position: absolute;
    height: 1px;
    display: block;
    top: 20px;
    width: 100%;
}
.stcode_title2 .text{
    background-color: #FFFFFF;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0px 18px 0px 0px;
}

.stcode_title3 h3{
    font-size: 27px;
    z-index: 1;
    position: relative;
    text-align: left;
	font-weight: 300;
}
.stcode_title3 .line{
    background: url(../img/hcross-lines.jpg) repeat-x left top;
    position: absolute;
    height: 8px;
    display: block;
    top: 14px;
    width: 100%;
}
.stcode_title3 .text{
    background-color: #FFFFFF;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0px 18px 0px 0px;
}

.stcode_title4 h3{
    font-size: 27px;
	padding-bottom: 16px;
    z-index: 1;
    position: relative;
    text-align: left;
	font-weight: normal;
}
.stcode_title4 .line{
    background: #e54c4c;
    position: absolute;
    height: 2px;
    display: block;
    bottom: 0px;
    width: 72px;
}
.stcode_title4 .text{
    z-index: 20;
    position: relative;
    text-align: center;
}

.stcode_title5 h3{
    font-size: 27px;
	padding-bottom: 16px;
    z-index: 1;
    position: relative;
    text-align: left;
	font-weight: normal;
	margin-bottom: 25px;
}
.stcode_title5 h3.nmb{
	margin-bottom: 3px;
}
.stcode_title5 .line{
    background: #e54c4c;
    position: absolute;
    height: 3px;
    display: block;
    bottom: 0px;
    width: 100px;
}
.stcode_title5 .line2{
    background: #000;
    border-top: solid 1px #e3e3e3;
    position: absolute;
    height: 1px;
    display: block;
    bottom: 1px;
    width: 100%;
}
.stcode_title5 .text{
    z-index: 20;
    position: relative;
    text-align: center;
}

.stcode_title6 {
	text-align: center;
}
.stcode_title6 h2 b {
	font-weight: bold;
}
.stcode_title6 h2 strong {
	color: #fff;
	padding: 0px 10px 3px 10px;
	background-color: #333;
}

.stcode_title6.white h2 strong {
	color: #333;
	padding: 0px 10px 3px 10px;
	background-color: #fff;
}

.stcode_title7 {
	text-align: center;
}
.stcode_title7 em {
	display: block;
	font-size: 16px;
	margin-top: 5px;
	font-style: normal;
	font-weight: 400;
}
.stcode_title7 .line{
    background: #e54c4c;
    height: 3px;
    display: block;
    bottom: 0px;
    width: 100px;
	margin: 18px auto 0 auto;
}

.stcode_title8 h2{
    font-size: 35px;
    z-index: 1;
    position: relative;
    text-align: center;
	font-weight: 300;
}
.stcode_title8 .line{
    background: url(../img/h-line.jpg) no-repeat center top;
    position: absolute;
    height: 1px;
    display: block;
    top: 18px;
    width: 100%;
	margin: 0 auto;
}
.stcode_title8 .text{
    background-color: #FFFFFF;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0px 25px;
}

.stcode_title9 {
	text-align: center;
}
.stcode_title9 em {
	display: block;
	font-size: 18px;
	margin-top: 5px;
	font-style: normal;
	font-weight: 400;
}
.stcode_title9 .line{
    background: url(../img/h-line2.png) no-repeat center top;
    height: 3px;
    display: block;
    bottom: 0px;
    width: 210px;
	margin: 18px auto 0 auto;
}

.stcode_title10 {
	text-align: center;
}
.stcode_title10 em {
	display: block;
	font-size: 18px;
	margin-top: 5px;
	font-style: normal;
	font-weight: 400;
}
.stcode_title10 .line{
    background: url(../img/h-line3.png) no-repeat center 13px;
    height: 39px;
    display: block;
    bottom: 0px;
    width: 300px;
	margin: 3px auto 0 auto;
}
.stcode_title10 i{
	color: #999;
	font-size: 16px;
}

.stcode_title11 {
	text-align: center;
}
.stcode_title11 em {
	display: block;
	font-size: 16px;
	line-height: 27px;
	margin-top: 12px;
	font-style: normal;
	color: #999;
	font-weight: 400;
}
.stcode_title11 .line{
    background: url(../img/h-line8.png) no-repeat center top;
    height: 7px;
    display: block;
    bottom: 0px;
    width: 140px;
	margin: 7px auto 0 auto;
}
.stcode_title11 .line2{
    background: url(../img/h-line9.png) no-repeat center top;
    height: 7px;
    display: block;
    bottom: 0px;
    width: 140px;
	margin: 18px auto 0 auto;
}
.stcode_title11 .line3{
    background: url(../img/h-line8.png) no-repeat center top;
    height: 7px;
    display: block;
    bottom: 0px;
    width: 140px;
	margin: 20px auto 0 auto;
}
.stcode_title11 .line4{
    background: url(../img/h-line8.png) no-repeat center top;
    height: 7px;
    display: block;
    bottom: 0px;
    width: 140px;
	margin: 16px auto 0 auto;
}

.stcode_title12 h2{
    font-size: 35px;
    z-index: 1;
    position: relative;
    text-align: center;
	font-weight: 300;
	margin-bottom: 14px;
	color: #e54c4c;
}
.stcode_title12 h4{
    font-size: 22px;
    z-index: 1;
    position: relative;
    text-align: center;
	font-weight: 400;
	color: #727272;
}
.stcode_title12 .line{
    background: url(../img/h-line.jpg) no-repeat center top;
    position: absolute;
    height: 1px;
    display: block;
    top: 14px;
    width: 100%;
	margin: 0 auto;
}
.stcode_title12 .text{
    background-color: #FFFFFF;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0px 20px;
}


/* divider lines */
.divider_line1 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	border-bottom: 1px solid #eee;
}
.divider_line1.nomp {
	float: left;
	width: 100%;
	padding-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #eee;
}

.divider_line2 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/divider-line1.png) no-repeat center bottom;
}
.divider_line2.nop {
	padding-top: 0px;
	height: 10px;
}

.divider_line3 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	text-align: center;
	background: url(../img/h-line.jpg) repeat-x left 113px;
}
.divider_line3 i {
	color: #fff;
	width: 27px;
	height: 27px;
	border-radius: 100%;
	background-color: #d3d3d3;
	text-align: center;
	vertical-align: middle;
	line-height: 27px;
}

.divider_line4 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	text-align: center;
	background: url(../img/h-line.jpg) repeat-x left 121px;
}
.divider_line4 i {
	color: #d3d3d3;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 45px;
	font-size: 20px;
}

.divider_line4.lessm {
	padding-top: 65px;
	margin-bottom: 75px;
	background: url(../img/h-line.jpg) repeat-x left 88px;
}

.divider_line5 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/h-line.jpg) repeat-x left 115px;
	text-align: center;
}
.divider_line5 i {
	color: #d3d3d3;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 28px;
	font-size: 18px;
	border: 1px solid #d3d3d3;
}

.divider_line6 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/shadow1.png) repeat-x left bottom;
	text-align: center;
}

.divider_line7 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	border-bottom: 1px dashed #e3e3e3;
}

.divider_line8 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	border-bottom: 1px dotted #d9d9d9;
}

.divider_line9 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/shadow2.png) no-repeat center bottom;
	text-align: center;
}
.divider_line9.lessm {
	padding-top: 59px;
	margin-bottom: 50px;
}
.divider_line9.lessm2 {
	padding-top: 10px;
	margin-bottom: 106px;
}

.divider_line10 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/hcross-lines.jpg) repeat-x left bottom;
	text-align: center;
}

.divider_line11 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/h-line5.png) no-repeat center bottom;
	text-align: center;
}

.divider_line12 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/h-line6.png) no-repeat center bottom;
	text-align: center;
}

.divider_line13 {
	float: left;
	width: 100%;
	padding-top: 100px;
	margin-bottom: 100px;
	background: url(../img/h-line7.png) no-repeat center bottom;
	text-align: center;
}

.divider_line13.lessm {
	padding-top: 50px;
	margin-bottom: 50px;
}

.divider_line20 {
	width: 80%;
	padding-top: 20px;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #999;
}

.divider_line21 {
	float: left;
	width: 100%;
	margin-top: 18px;
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
}
.divider_line21.last {
	margin-bottom: 0px;
}

.divider_line22 {
	float: left;
	width: 100%;
	margin-top: 18px;
	margin-bottom: 25px;
	border-bottom: 1px solid #e1e1e1;
}


/* styled boxes */
.infomes, .errormes, .noticemes, .successmes {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #bbb;
	font-size: 14px;
}
.infomes i, .errormes i, .noticemes i, .successmes i {
	margin-right: 7px;
}
p.error {
	border: none;
}
.infomes strong, .errormes strong, .noticemes strong, .successmes strong {
	font-size: 16px;
}
.message-box-wrap {
	border: 0px solid #fff;
	padding:20px 20px;
}
.infomes {
	color: #3378b9;
	border-color: #9ecaf3;
	background-color: #dbedfd;
}
.errormes {
	color: #bd6767;
	border-color: #f1bdbd;
	background-color: #ffdddd;
}
.noticemes {
	color: #a79a30;
	border-color: #d7d099;
	background-color: #f6f2d2;
}
.successmes {
	color: #1ea133;
	border-color: #a9ecb4;
	background-color: #dffbe4;
}
.close-but {
	width: 10px;
	height: 10px;
	float: right;
	border: none;
	margin: 8px;
	cursor: pointer;
	font-size: 0px;
	background: url(../img/elements/icon-remove.png) no-repeat center top;
}

.alertymes1 {
	float: left;
	width: 100%;
	padding: 22px;
	border-radius: 5px;
	color: #333;
	border: 1px solid #eee;
	background-color: #f9f9f9;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.1);
}
.alertymes1 i {
	margin-right: 10px;
}

.alertymes2 {
	float: left;
	width: 100%;
	padding: 22px;
	color: #fff;
	background-color: #e54c4c;
}
.alertymes2 i {
	margin-right: 10px;
}

.alertymes3 {
	float: left;
	width: 100%;
	padding: 22px;
	color: #dda614;
	border: 5px solid #e3b028;
	background-color: #fff;
}
.alertymes3 i {
	margin-right: 10px;
}

.alertymes4 {
	float: left;
	width: 100%;
	padding: 22px;
	color: #eb3535;
	border: 1px solid #eb3535;
	background-color: #fff;
	text-align: center;
}
.alertymes4 i {
	margin-right: 10px;
}


/* Buttons */
a.but_goback,
a.but_ok_2,
a.but_wifi,
a.but_warning_sign,
a.but_user,
a.but_tag,
a.but_table,
a.but_star,
a.but_search,
a.but_phone,
a.but_pencil,
a.but_new_window,
a.but_music,
a.but_hand_right,
a.but_thumbs_down,
a.but_thumbs_up,
a.but_globe,
a.but_hospital,
a.but_coffe_cup,
a.but_settings,
a.but_chat,
a.but_play_button,
a.but_remove_2,
a.but_lock,
a.but_shopping_cart,
a.but_exclamation_mark,
a.but_info,
a.but_question_mark,
a.but_minus,
a.but_plus,
a.but_folder_open,
a.but_file,
a.but_envelope,
a.but_edit,
a.but_cogwheel,
a.but_check,
a.but_camera,
a.but_calendar,
a.but_bookmark,
a.but_book,
a.but_download,
a.but_pdf,
a.but_word_doc,
a.but_woman {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.3s ease;
}

a.but_goback i {
	color: #fff;
}
a.but_goback {
	padding: 13px 25px 13px 22px;
	margin: 0px 0px 0px 0px;
	background: #e54c4c;
	border-bottom: 1px solid #999;
}
a.but_goback:hover {
	color: #fff;
	background-color: #383634;
}
a.but_ok_2 {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_ok_2:hover {
	background-color: #ff9900;
}

a.but_wifi {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #0099cc;
	border-bottom: 1px solid #909090;
}
a.but_wifi:hover {
	background-color: #00abde;
}

a.but_warning_sign {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e5cc19;
	border-bottom: 1px solid #909090;
}
a.but_warning_sign:hover {
	background-color: #efda1b;
}

a.but_user {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #007f99;
	border-bottom: 1px solid #909090;
}
a.but_user:hover {
	background-color: #0090ad;
}

a.but_tag {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e59919;
	border-bottom: 1px solid #909090;
}
a.but_tag:hover {
	background-color: #efa61b;
}

a.but_table {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c6699;
	border-bottom: 1px solid #909090;
}
a.but_table:hover {
	background-color: #5674ad;
}

a.but_star {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #99cc4c;
	border-bottom: 1px solid #909090;
}
a.but_star:hover {
	background-color: #a6da52;
}

a.but_search {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #66667f;
	border-bottom: 1px solid #909090;
}
a.but_search:hover {
	background-color: #747490;
}

a.but_phone {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	background: #e56619;
	border-bottom: 1px solid #909090;
}
a.but_phone:hover {
	background-color: #ef6f1b;
}

a.but_pencil {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #cc4c19;
	border-bottom: 1px solid #909090;
}
a.but_pencil:hover {
	background-color: #da521b;
}

a.but_new_window {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #001900;
	border-bottom: 1px solid #909090;
}
a.but_new_window:hover {
	background-color: #333333;
}

a.but_music {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #cccc7f;
	border-bottom: 1px solid #909090;
}
a.but_music:hover {
	background-color: #dada8a;
}

a.but_hand_right {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_hand_right:hover {
	color: #fff;
	background-color: #ff9900;
}

a.but_thumbs_down {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #9999cc;
	border-bottom: 1px solid #909090;
}
a.but_thumbs_down:hover {
	background-color: #a6a6da;
}

a.but_thumbs_up {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #00cce5;
	border-bottom: 1px solid #909090;
}
a.but_thumbs_up:hover {
	background-color: #00daef;
}

a.but_globe {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #669999;
	border-bottom: 1px solid #909090;
}
a.but_globe:hover {
	background-color: #6fa6a6;
}

a.but_hospital {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #196666;
	border-bottom: 1px solid #909090;
}
a.but_hospital:hover {
	background-color: #1b6f6f;
}

a.but_coffe_cup {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #7f994c;
	border-bottom: 1px solid #909090;
}
a.but_coffe_cup:hover {
	background-color: #8aa652;
}

a.but_settings {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #997f4c;
	border-bottom: 1px solid #909090;
}
a.but_settings:hover {
	background-color: #a68a52;
}

a.but_chat {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #7f9919;
	border-bottom: 1px solid #909090;
}
a.but_chat:hover {
	background-color: #8aa61b;
}

a.but_play_button {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c664c;
	border-bottom: 1px solid #909090;
}
a.but_play_button:hover {
	background-color: #567456;
}

a.but_remove_2 {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e59966;
	border-bottom: 1px solid #909090;
}
a.but_remove_2:hover {
	background-color: #efa66f;
}

a.but_lock {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #994c19;
	border-bottom: 1px solid #909090;
}
a.but_lock:hover {
	background-color: #a6521b;
}

a.but_shopping_cart {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #cc7f4c;
	border-bottom: 1px solid #909090;
}
a.but_shopping_cart:hover {
	background-color: #da8a52;
}

a.but_exclamation_mark {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c7f7f;
	border-bottom: 1px solid #909090;
}
a.but_exclamation_mark:hover {
	background-color: #528a8a;
}

a.but_info {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #667fcc;
	border-bottom: 1px solid #909090;
}
a.but_info:hover {
	background-color: #6f8ada;
}

a.but_question_mark {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c0019;
	border-bottom: 1px solid #909090;
}
a.but_question_mark:hover {
	background-color: #620020;
}

a.but_minus {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #666666;
	border-bottom: 1px solid #909090;
}
a.but_minus:hover {
	background-color: #747474;
}

a.but_plus {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #333333;
	border-bottom: 1px solid #909090;
}
a.but_plus:hover {
	background-color: #444444;
}

a.but_folder_open {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #99cc99;
	border-bottom: 1px solid #909090;
}
a.but_folder_open:hover {
	background-color: #a6daa6;
}

a.but_file {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #999999;
	border-bottom: 1px solid #909090;
}
a.but_file:hover {
	background-color: #a6a6a6;
}

a.but_envelope {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #727272;
	border-bottom: 1px solid #909090;
}
a.but_envelope:hover {
	background-color: #7c7c7c;
}

a.but_edit {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #e5cc7f;
	border-bottom: 1px solid #909090;
}
a.but_edit:hover {
	background-color: #efda8a;
}

a.but_cogwheel {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #194c7f;
	border-bottom: 1px solid #909090;
}
a.but_cogwheel:hover {
	background-color: #1e5c99;
}

a.but_check {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #004c4c;
	border-bottom: 1px solid #909090;
}
a.but_check:hover {
	background-color: #005c5c;
}

a.but_camera {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #007fcc;
	border-bottom: 1px solid #909090;
}
a.but_camera:hover {
	background-color: #008ada;
}

a.but_calendar {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #4c99e5;
	border-bottom: 1px solid #909090;
}
a.but_calendar:hover {
	background-color: #52a6ef;
}

a.but_bookmark {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #990000;
	border-bottom: 1px solid #909090;
}
a.but_bookmark:hover {
	background-color: #b60000;
}

a.but_book {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #7f9999;
	border-bottom: 1px solid #909090;
}
a.but_book:hover {
	background-color: #8aa6a6;
}

a.but_download {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_download:hover {
	background-color: #ff9900;
}

a.but_pdf {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_pdf:hover {
	background-color: #ff9900;
}

a.but_word_doc {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_word_doc:hover {
	background-color: #ff9900;
}

a.but_woman {
	padding: 10px 22px 10px 22px;
	margin: 0px 0px 0px 0px;
	background: #ff8100;
	border-bottom: 1px solid #909090;
}
a.but_woman:hover {
	background-color: #ff9900;
}

/* small buttons */
.but_small1 {
	color: #fff;
	padding: 10px 25px;
	background-color: #e54c4c;
	border-radius: 3px;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.but_small1:hover {
	color: #fff;
	background-color: #333;
}

.but_small1.gray {
	color: #fff;
	background-color: #333;
}
.but_small1.gray:hover {
	color: #fff;
	background-color: #e54c4c;
}

.but_small3 {
	display: inline-block;
	height: 41px;
	line-height: 41px;
	padding-right: 20px;
	padding-left: 58px;
	position: relative;
	background-color: #e54c4c;
	color: #fff;
	border-radius: 4px;
	white-space: nowrap;
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_small3 span {
	position: absolute;
	left: 0;
	width: 41px;
	background-color: #d73a3a;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 1px solid  rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}
.but_small3:hover {
	color: #fff;
}
.but_small3 span i {
	color: #fff;
	font-size: 18px;
	margin-left: 12px;
}
.but_small3:hover span, .but_small3.active span {
	color: #fff;
	background-color: #333;
	border-right: 1px solid #181818;
}

.but_small3.gray {
	background-color: #636363;
}
.but_small3.gray span {
	background-color: #454545;
}
.but_small3.gray:hover {
	color: #fff;
}
.but_small3.gray span i {
	color: #fff;
	font-size: 18px;
	margin-left: 12px;
}
.but_small3.gray:hover span, .but_small3.gray.active span {
	color: #fff;
	background-color: #333;
	border-right: 1px solid #181818;
}

.but_small2 {
	color: #fff;
	padding: 10px 25px;
	background-color: #e54c4c;
	border-radius: 20px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #333;
	white-space: nowrap;
}
.but_small2:hover {
	color: #fff;
	background-color: #333;
}

.but_small2.nob {
	padding: 10px 30px;
	border-bottom: 0px solid #333;
}

.but_small4 {
	color: #fff;
	padding: 10px 25px;
	background-color: #e54c4c;
	border-radius: 5px;
	transition: all 0.3s ease;
	border-bottom: 3px solid #333;
	white-space: nowrap;
}
.but_small4:hover {
	color: #fff;
	background-color: #333;
	border-bottom: 0px solid #454545;
}

.but_small5 {
	color: #e54c4c;
	padding: 10px 25px;
	background-color: #fff;
	border-radius: 2px;
	transition: all 0.3s ease;
	white-space: nowrap;
	border: 2px solid #e54c4c;
}
.but_small5:hover {
	color: #333;
	border: 2px solid #333;
}

.but_small5.light {
	color: #fff;
	background: none;
	border: 2px solid #fff;
}
.but_small5.light:hover {
	color: #e54c4c;
	background-color: #fff;
	border: 2px solid #fff;
}

.but_small5.light2 {
	color: #fff;
	background: none;
	border: 1px solid #fff;
	padding: 8px 18px;
}
.but_small5.light2:hover {
	color: #e54c4c;
	background-color: #fff;
	border: 1px solid #fff;
}


/* medium buttons */
.but_medium1 {
	color: #fff;
	padding: 14px 35px;
	background-color: #e54c4c;
	border-radius: 3px;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.but_medium1:hover {
	color: #fff;
	background-color: #333;
}

.but_medium1.white {
	color: #fff;
	padding: 14px 35px;
	border: 2px solid #fff;
	border-radius: 3px;
	transition: all 0.3s ease;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: bold;
}
.but_medium1.white:hover {
	color: #272727;
	background-color: #fff;
}
.but_medium1.white.active {
	color: #272727;
	background-color: #fff;
}

.but_medium3 {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	padding-right: 30px;
	padding-left: 68px;
	position: relative;
	background-color: #e54c4c;
	color: #fff;
	border-radius: 4px;
	white-space: nowrap;
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_medium3 span {
	position: absolute;
	left: 0;
	width: 48px;
	background-color: #d73a3a;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 1px solid  rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}
.but_medium3:hover {
	color: #fff;
}
.but_medium3 span i {
	color: #fff;
	font-size: 18px;
	margin-left: 16px;
}
.but_medium3:hover span, .but_medium3.active span {
	color: #fff;
	background-color: #333;
	border-right: 1px solid #181818;
}

.but_medium2 {
	color: #fff;
	padding: 14px 35px;
	background-color: #e54c4c;
	border-radius: 30px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #333;
	white-space: nowrap;
}
.but_medium2:hover {
	color: #fff;
	background-color: #333;
}

.but_medium4 {
	color: #fff;
	padding: 14px 35px;
	background-color: #e54c4c;
	border-radius: 5px;
	transition: all 0.3s ease;
	border-bottom: 3px solid #333;
	white-space: nowrap;
}
.but_medium4:hover {
	color: #fff;
	background-color: #333;
	border-bottom: 0px solid #454545;
}

.but_medium5 {
	color: #e54c4c;
	padding: 12px 35px;
	background-color: #fff;
	border-radius: 2px;
	transition: all 0.3s ease;
	white-space: nowrap;
	border: 2px solid #e54c4c;
}
.but_medium5:hover {
	color: #333;
	border: 2px solid #333;
}


/* large buttons */
.but_large1 {
	color: #fff;
	padding: 18px 50px;
	background-color: #e54c4c;
	border-radius: 3px;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.but_large1:hover {
	color: #fff;
	background-color: #333;
}

.but_large1.two:hover {
	color: #fff;
	background-color: #727272;
}


.but_large1.small {
	color: #fff;
	padding: 13px 50px;
	background-color: #e54c4c;
	border-radius: 3px;
	transition: all 0.3s ease;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}
.but_large1.small:hover {
	color: #fff;
	background-color: #333;
}

.but_large3 {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-right: 35px;
	padding-left: 83px;
	position: relative;
	background-color: #e54c4c;
	color: #fff;
	border-radius: 4px;
	white-space: nowrap;
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}
.but_large3 span {
	position: absolute;
	left: 0;
	width: 58px;
	background-color: #d73a3a;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 1px solid  rgba(0,0,0,0.15);
	transition: all 0.3s ease;
}
.but_large3:hover {
	color: #fff;
}
.but_large3 span i {
	color: #fff;
	font-size: 18px;
	margin-left: 20px;
}
.but_large3:hover span, .but_large3.active span {
	color: #fff;
	background-color: #333;
	border-right: 1px solid #181818;
}

.but_large2 {
	color: #fff;
	padding: 16px 50px;
	background-color: #e54c4c;
	border-radius: 30px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #333;
	white-space: nowrap;
}
.but_large2:hover {
	color: #fff;
	background-color: #333;
}

.but_large4 {
	color: #fff;
	padding: 16px 50px;
	background-color: #e54c4c;
	border-radius: 5px;
	transition: all 0.3s ease;
	border-bottom: 3px solid #333;
	white-space: nowrap;
}
.but_large4:hover {
	color: #fff;
	background-color: #333;
}

.but_large4.white {
	color: #e54c4c;
	background-color: #fff;
	border-bottom: 0px solid #333;
}
.but_large4:hover {
	color: #fff;
	background-color: #333;
	border-bottom: 0px solid #454545;
}


.but_large5 {
	color: #e54c4c;
	padding: 16px 45px;
	background-color: #fff;
	border-radius: 2px;
	transition: all 0.3s ease;
	white-space: nowrap;
	border: 2px solid #e54c4c;
}
.but_large5:hover {
	color: #333;
	border: 2px solid #333;
}

.but_full {
	float: left;
	width: 100%;
	text-align: center;
	color: #272727;
	padding: 30px 0px;
	background-color: #f7f7f7;
	border-radius: 4px;
	transition: all 0.3s ease;
	white-space: nowrap;
	border: 1px solid #e3e3e3;
	font-size: 22px;
	font-weight: 600;
}
.but_full:hover {
	background-color: #fff;
}

.imagede {
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



.but_full2 {
	width: 100%;
	height: 70px;
	background-color: #f3f3f3;
	overflow:hidden;
	text-align:center;
	color:#272727;
	border-radius: 4px;
	vertical-align: middle;
	line-height: 70px;
	font-size: 18px;
	font-weight: 600;
}
.but_full2 .butprogress {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	height:70px;
	width:10px;
	background: #e54c4c;
	position:absolute;
	overflow:hidden; 
	border-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.but_full2 .done {
	float: left;
	text-align:center;
	line-height:70px;
	font-size: 18px;
	font-weight:bold;
	color:#EEE;
	height:70px;
	width: 100%;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);		
	cursor:pointer;
	vertical-align: middle;
	line-height: 70px;
	font-weight: 600;
	position: relative;
	z-index: 98;
}
.but_full2 strong {
	position: relative;
	z-index: 99;
	font-weight: normal;
}
.but_full2:hover .butprogress{
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	width: 100%;
	border-radius: 4px;
}
.but_full2 .butprogress a {
	color: #fff;
}

.but_full2.two .butprogress {
	background: #e3e3e3;
}





/* Pricing Tables */
.pritable {
	float: left;
	width: 100%;
	padding: 120px 0px;
}
.pritable.ltp {
	padding-top: 80px;
}
.pritable .pacdetails {
	float: left;
	width: 25%;
	text-align: center;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	box-shadow: 0px -5px 0px #333;
}
.pritable .pacdetails .title {
	float: left;
	width: 100%;
	padding: 30px 0px 45px 0px;
	border-bottom: 1px solid #eee;
	margin-bottom: 40px;
}
.pritable .pacdetails .title strong {
	color: #333;
	font-size: 40px;
	font-weight: bold;
	display: block;
}
.pritable .pacdetails .title h2 {
	font-size: 22px;
	color: #999;
	font-weight: normal;
	margin-bottom: 12px;
	display: block;
}
.pritable .pacdetails ul {
	padding: 0px;
	margin: 0px;
}
.pritable .pacdetails li {
	padding: 0px;
	margin: 18px 0px;
}
.pritable .pacdetails li strong {
	font-weight: 600;
}
.pritable .pacdetails .bottom {
	float: left;
	width: 100%;
	padding: 40px 0px;
	margin-top: 20px;
	border-top: 1px solid #eee;
}
.pritable .pacdetails .bottom a {
	color: #333;
	font-size: 16px;
	background: #eee;
	padding: 12px 35px;
	border-radius: 3px;
	transition: all 0.3s ease;
}
.pritable .pacdetails .bottom a:hover {
	color: #fff;
	background: #999;
}
.pritable .pacdetails .title sup {
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
.pritable .pacdetails .title sub {
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.pritable .pacdetails.two {
	border-right: 0px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 0px solid #eee;
}
.pritable .pacdetails.four {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 0px solid #eee;
}

.pritable .pacdetails.three {
	margin-top: -30px;
	box-shadow: 0px -5px 0px #e54c4c;
}
.pritable .pacdetails.three .title strong {
	color: #e54c4c;
}
.pritable .pacdetails.three .bottom a {
	color: #fff;
	background: #e54c4c;
}
.pritable .pacdetails.three h6 {
	width: 140px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	background: #e54c4c;
	margin: 0 auto;
	line-height: 18px;
	border-radius: 10px;
}
.pritable .pacdetails.three .title {
	padding-top: 30px;
}
.pritable .pacdetails.three .title h2 {
	margin-top: 12px;
}

.pricingtable1 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0px 0px 0px;
}
.pricingtable1 ul {
	float: left;
	width: 107%;
	padding: 0px;
	margin: 0px;
}
.pricingtable1 li {
	width: 100%;
	padding: 10px 0px;
	margin: 0px;
	text-align: center;
	background-color: #f7f7f7;
	border-bottom: 1px solid #eee;
}
.pricingtable1 li.title {
	padding: 25px 0px;
	background-color: #eee;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.pricingtable1 li.title h4 {
	font-weight: 300;
	margin-bottom: 10px;
}
.pricingtable1 li.title h1 {
	font-weight: bold;
	margin-bottom: 0px;
	font-family: 'Open Sans', sans-serif;
}
.pricingtable1 li.title h1 em {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}
.pricingtable1 li.planbut {
	padding: 35px 0px;
	background-color: #eee;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pricingtable1 li.planbut a {
	color: #fff;
	font-size: 16px;
	padding: 12px 28px;
	background-color: #b1b1b1;
	border-radius: 4px;
	transition: all 0.3s ease;
}
.pricingtable1 li.planbut a:hover {
	color: #fff;
	background-color: #e54c4c;
}
.pricingtable1 ul.active li.planbut a {
	color: #fff;
	background-color: #e54c4c;
}
.pricingtable1 ul.active li.title h4 {
	color: #e54c4c;
}
.pricingtable1 ul.active li.title h1 {
	color: #e54c4c;
}
.pricingtable1 ul.active li.title {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.pricingtable1 ul.active li.mostp {
	color: #fff;
	padding: 5px 0px;
	background-color: #e54c4c;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.pricingtable1 ul.active {
	margin-top: -34px;
}

/* pricing table style 2 */
.pricing-tables-main {
	position: relative;
	float: left;
	margin-top: 50px;
}
.pricing-tables {
	position: relative;
	float: left;
	width: 24%;
	border: 1px solid #eee;
}
.pricing-tables .title {
	float: left;
	width: 100%;
	height: 57px;
	padding: 13px 0 10px 0;
	background-color: #454545;
	text-align: center;
	font-size: 23px;
	color: #fff;
	border-top: 3px solid #272727;
	border-bottom: 1px solid #818181;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables .price {
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #636363;
	text-align: center;
	font-size: 40px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables .price i {
	font-size: 14px;
	color: #ccc;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
}
.pricing-tables .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 35px;
	border-bottom: 1px solid #fff;
}
.pricing-tables .cont-list li.last {
	border: none;
}
.pricing-tables .ordernow {
	float: left;
	width: 100%;
	padding: 28px 0px;
	background-color: #eee;
	text-align: center;
}
.pricing-tables .ordernow .but_small3 span i {
	margin-left: 3px;
}
.pricing-tables-helight .ordernow .but_small3 span i {
	margin-left: 3px;
}
.pricing-tables-helight{
	position: relative;
	float: left;
	width: 27%;
	z-index: 9;
	-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 8px 5px rgba(0, 0, 0, 0.1);
}
.pricing-tables-helight .title {
	float: left;
	width: 100%;
	height: 73px;
	padding: 20px 0 0 0;
	margin-top: -10px;
	background-color: #d73a3a;
	text-align: center;
	font-size: 23px;
	color: #fff;
	border-top: 3px solid #c01818;
	border-bottom: 1px solid #f05d5d;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-helight .price {
	float: left;
	width: 100%;
	padding: 30px 0 30px 0;
	background-color: #e54c4c;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.pricing-tables-helight .price i {
	font-size: 14px;
	color: #eee;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
}
.pricing-tables-helight .cont-list {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	background-color: #f9f9f9;
	text-align: center;
	color: #727272;
}
.pricing-tables-helight .cont-list ul {
	margin: 0;
	padding: 0;
}
.pricing-tables-helight .cont-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 35px;
	border-bottom: 1px solid #fff;
}
.pricing-tables-helight .cont-list li.last {
	border: none;
}
.pricing-tables-helight .ordernow {
	float: left;
	width: 100%;
	padding: 30px 0 35px 0;
	background-color: #f3f3f3;
	text-align: center;
	color: #fff;
}

/* pricing table style 3 */
.pricingtable3 {
	float: left;
	width: 100%;
	text-align: center;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.12);
}
.pricingtable3 ul {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.pricingtable3 li {
	width: 100%;
	padding: 10px 0px;
	margin: 0px;
	text-align: center;
	background-color: #fff;
}
.pricingtable3 li.title {
	color: #fff;
	padding: 18px 0px;
	background-color: #999;
	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);
}
.pricingtable3 li.title h3 {
	margin: 0px;
}
.pricingtable3 li.price {
	padding: 30px 0px 20px 0px;
}
.pricingtable3 li.price h1 {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	font-weight: bold;
}
.pricingtable3 li.price h1 em {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}
.pricingtable3 li.hecont {
	padding: 25px 50px 40px 50px;
	background-color: #f3f3f3;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	box-shadow: inset 0px 0px 1px rgba(0,0,0,0.1);
}
.pricingtable3 li.hecont strong {
	background-color: #454545;
	padding: 12px 30px;
	color: #fff;
	border-radius: 4px;
	white-space: nowrap;
}

.pricingtable3 li.title.act {
	background-color: #e54c4c;
}
.pricingtable3 li.hecont.act strong {
	background-color: #e54c4c;
}
.pricingtable3 li.price.act h1 {
	color: #e54c4c;
}







/* list */
ul.list_empty {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.list_empty li {
	float: left;
	padding: 0px;
	margin: 0px 16px 40px 0px;
}

ul.list_empty2 {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.list_empty2 li {
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
}

ul.list1 {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.list1 li {
	padding: 8px 0px;
	margin: 0px;
}
.list1 li i {
	font-size: 18px;
	margin-right: 8px;
}
.list1.small li i {
	font-size: 12px;
	margin-right: 5px;
}

ul.list2 {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.list2 li {
	padding: 0px;
	margin: 0px;
	line-height: 32px;
}
.list2 li i {
	font-size: 18px;
	margin-right: 8px;
}

ul.list9 {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.list9 li {
	padding: 7px 0px;
	margin: 0px;
	font-size: 16px;
}
.list9 li i {
	color: #e54c4c;
	font-size: 14px;
	margin-right: 8px;
}
.list9 li a {
	color: #333;
}
.list9 li a:hover {
	color: #e54c4c;
}


/* counters */
.counters1 {
	float: left;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.counters1 span {
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	color: #333;
}
.counters1 h4 {
	font-size: 21px;
	color: #999;
	font-weight: 400;
	margin: 13px 0px 0px 0px;
}

.counters1.two span {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}
.counters1.two h4 {
	font-size: 16px;
	color: #fff;
	margin: 3px 0px 0px 0px;
}

.counters1.three span {
	font-size: 40px;
	color: #333;
	font-weight: 400;
}
.counters1.three h4 {
	font-size: 16px;
	color: #999;
	margin: 3px 0px 0px 0px;
}

.counters2 {
	float: left;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.counters2 .one_fourth {
	background-color: #f3f3f3;
	padding: 30px 0px;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	color: #333;
	font-weight: bold;
}

.counters2 i {
	color: #e54c4c;
	font-size: 40px;
	display: block;
	margin-bottom: 30px;
}
.counters2 h4 {
	font-size: 18px;
	color: #999;
	font-weight: 400;
	margin: 30px 0px 0px 0px;
}

.counters3 {
	float: left;
	width: 100%;
	padding: 0px;
	text-align: center;
}
.counters3 .one_fourth {
	padding: 0px;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-size: 45px;
	color: #333;
	text-align: left;
}
.counters3 .one_fourth i {
	float: left;
	font-size: 55px;
	margin-bottom: 20px;
	margin-right: 25px;
}
.counters3 .one_fourth.white {
	color: #e3e3e3;
}
.counters3 .one_fourth.white i {
	color: #e54c4c;
}
.counters3 .one_fourth.one {
	color: #e54c4c;
}
.counters3 .one_fourth.one i {
	color: #e54c4c;
}
.counters3 .one_fourth.two {
	color: #e54c4c;
}
.counters3 .one_fourth.two i {
	color: #e54c4c;
}
.counters3 .one_fourth.three {
	color: #3fc35f;
}
.counters3 .one_fourth.three i {
	color: #3fc35f;
}
.counters3 .one_fourth.four {
	color: #febc1d;
}
.counters3 .one_fourth.four i {
	color: #febc1d;
}
.counters3 h4 {
	text-align: left;
	font-size: 18px;
	color: #999;
	font-weight: 400;
	margin: 10px 0px 0px 0px;
}

.counters4 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 50px 0px 45px 0px;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	border: 1px solid #e9e9e9;
	color: #e54c4c;
}
.counters4 span {
	font-weight: bold;
}
.counters4 h4 {
	font-size: 21px;
	color: #454545;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 0px;
}

.counters4.two {
	padding: 70px 0px;
	border: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f9f9f9;
}

.counters4.three {
	padding: 100px 0px 100px 0px;
	border: none;
	border-bottom: 1px solid #eee;
}

.counters4 .line {
    background: rgba(0, 0, 0, 0) url(../img/h-line8.png) no-repeat scroll center top;
    bottom: 0;
    display: block;
    height: 7px;
    margin: 30px auto 0;
    width: 140px;
}

/* font awesome icons */
.fati1 {
	width: 100px;
	height: 100px;
	color: #fff;
	font-size: 50px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	background-color: #333;
	margin-right: 13px;
	margin-bottom: 13px;
}

.fati2 {
	color: #333;
	font-size: 50px;
	vertical-align: middle;
	margin-right: 30px;
	margin-bottom: 30px;
}

.fati3 {
	color: #333;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	border: 1px solid #999;
	margin-bottom: 12px;
}

.fati4 {
	color: #fff;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	background-color: #e54c4c;
	margin-bottom: 12px;
}
.fati4.two {
	float: left;
	font-size: 22px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 30px;
	margin-right: 14px;
}

.fati5 {
	color: #e54c4c;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	border: 1px solid #e54c4c;
	margin-bottom: 12px;
}

.fati6 {
	color: #760001;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	background-color: #ed2b2b;
	margin-bottom: 12px;
}

.fati7 {
	color: #999;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	background-color: #f3f3f3;
	border: 1px solid #e3e3e3;
	margin-bottom: 12px;
}

.fati8 {
	color: #333;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	border: 1px solid #333;
	margin-bottom: 12px;
}

.fati9 {
	color: #e54c4c;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 95px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	border: 5px solid #e54c4c;
	margin-bottom: 12px;
}

.fati10 {
	color: #fff;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	background-color: #febc1d;
	margin-bottom: 12px;
}

.fati11 {
	color: #fff;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	background-color: #35d3b7;
	margin-bottom: 12px;
}

.fati12 {
	color: #527c00;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	background-color: #a5d549;
	margin-bottom: 12px;
}

.fati13 {
	color: #727272;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 95px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	background-color: #f9f9f9;
	border: 5px solid #e3e3e3;
	margin-bottom: 12px;
}

.fati14 {
	color: #333;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 4px;
	text-align: center;
	margin-right: 12px;
	border: 1px solid #999;
	margin-bottom: 12px;
}

.fati15 {
	color: #fff;
	font-size: 45px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
	border-radius: 4px;
	text-align: center;
	margin-right: 12px;
	background-color: #333;
	margin-bottom: 12px;
}

.fati16 {
	width: 75px;
	height: 75px;
	color: #fff;
	font-size: 35px;
	vertical-align: middle;
	line-height: 75px;
	border-radius: 100%;
	text-align: center;
	background-color: #333;
	margin-right: 14px;
	margin-bottom: 14px;
}

.fati17 {
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 27px;
	vertical-align: middle;
	line-height: 50px;
	border-radius: 100%;
	text-align: center;
	background-color: #333;
	margin-right: 14px;
	margin-bottom: 14px;
}

.fati18 {
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 16px;
	vertical-align: middle;
	line-height: 30px;
	border-radius: 100%;
	text-align: center;
	background-color: #333;
	margin-right: 7px;
	margin-bottom: 7px;
}

.fati19 {
	color: #fff;
	font-size: 21px;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	line-height: 50px;
	border-radius: 100%;
	text-align: center;
	margin-right: 12px;
	border: 1px solid #fff;
	transition: all 0.3s ease;
}
.fati19:hover {
	color: #e54c4c;
	border: 1px solid #fff;
	background: #fff;
}

/* flip boxes */
.flips1 {
    width:100%;
    height: 320px;
    margin:0;
    position: relative;
}
.flipscont1 {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
	text-align:center;
}
.flips1_front {
	padding:0px;
	width:100%;
    z-index: 2;
}
.flips1_front img {
	width:100%;
	height: 259px;
}
.flips1_front img.full {
	width:100%;
	height: auto;
}
.flips1_back {
	width:100%;
	padding:50px 35px;
	color: #fff;
	background-color:#333;
    z-index: 1;
	height:320px;
	margin: 0px;
	text-align: center;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);  
    transform: rotateY(-180deg);
	-sand-transform: rotateY(180deg);  
}
.flips1:hover .flips1_front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
.flips1:hover .flips1_back {
    z-index: 2;   
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-sand-transform: rotate(0deg);
}
.flips1_back .fsoci {
	float: left;
	width: 100%;
	margin: 18px 0px 32px 0px;
}
.flips1_back .fsoci i {
	border-radius: 100%;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	color: #fff;
	transition: all 0.3s ease;
}
.flips1_back .fsoci i:hover {
	background: #fff;
	color: #272727;
}

.flips2 {
    width:100%;
    height: 320px;
    margin:0;
    position: relative;
}
.flipscont2 {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
	text-align:center;
	background-color:#eee;
}
.flips2_front {
	padding:0px;
	width:100%;
    z-index: 2;
    
}
.flips2_front img {
	width:100%;
}
.flips2_back {
	width:100%;
	padding:50px 35px;
	color: #fff;
	background-color:#e54c4c;
    z-index: 1;
	height:320px;
	margin: 0px;
	text-align: center;
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);  
    transform: rotateX(-180deg);
	-sand-transform: rotateX(180deg);  
}
.flips2:hover .flips2_front {
    z-index: 1;
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
	-sand-transform: rotateX(180deg);
}
.flips2:hover .flips2_back {
    z-index: 2;   
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
	-sand-transform: rotate(0deg);
}

.flips3 {
    width:100%;
    height: 230px;
    margin:0;
    position: relative;
}
.flipscont3 {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
	text-align:center;
	background-color:#fff;
}
.flips3_front.flipscont3 i {
	font-size: 50px;
	color: #e54c4c;
	margin-top: 50px;
	margin-bottom: 20px;
}
.flips3_front {
	padding:0px;
	width:100%;
    z-index: 2;
    
}
.flips3_back {
	width:100%;
	padding:27px 35px;
	color: #fff;
	background-color:#e54c4c;
    z-index: 1;
	height:230px;
	margin: 0px;
	text-align: center;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);  
    transform: rotateY(-180deg);
	-sand-transform: rotateY(180deg);  
}
.flips3:hover .flips3_front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
.flips3:hover .flips3_back {
    z-index: 2;   
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-sand-transform: rotate(0deg);
}
.flips3.active .flips3_front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
.flips3.active .flips3_back {
    z-index: 2;   
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-sand-transform: rotate(0deg);
}

.flips4 {
    width:100%;
    height: 100px;
    margin:0;
    position: relative;
}
.flipscont4 {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
	text-align:center;
	border: 1px solid #eee;
}
.flips4_front {
	padding:0px;
	width:100%;
    z-index: 2;
    
}
.flips4_front img {
	width:100%;
}
.flips4_back {
	width:100%;
	padding:12px 25px 0px 25px;
	background-color:#eee;
    z-index: 1;
	height:100px;
	margin: 0px;
	text-align: center;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);  
    transform: rotateY(-180deg);
	-sand-transform: rotateY(180deg);  
}
.flips4:hover .flips4_front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
.flips4:hover .flips4_back {
    z-index: 2;   
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-sand-transform: rotate(0deg);
}
.flips4_back h5 {
	margin-bottom: 5px;
}
.flips4_back h5 a:hover {
	color: #e54c4c;
}

.flips4.active .flips4_front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
.flips4.active .flips4_back {
    z-index: 2;   
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-sand-transform: rotate(0deg);
}

.flips5 {
    width:100%;
    height: 140px;
    margin:0;
    position: relative;
}
.flipscont5 {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
	text-align:center;
}
.flips5_front {
	padding:0px;
	width:100%;
    z-index: 2;
}
.flips5_front img {
	width:100%;
	height: 259px;
}
.flips5_front img.full {
	width:100%;
	height: auto;
}
.flips5_back {
	width:100%;
	padding:50px 35px;
	color: #fff;
	background-color:#333;
    z-index: 1;
	height: 120px;
	margin: 0px;
	text-align: center;
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);  
    transform: rotateY(-180deg);
	-sand-transform: rotateY(180deg);  
}
.flips5:hover .flips5_front {
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
	-sand-transform: rotateY(180deg);
}
.flips5:hover .flips5_back {
    z-index: 2;   
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-sand-transform: rotate(0deg);
}
.flips5_back .fsoci {
	float: left;
	width: 100%;
	margin: 18px 0px 32px 0px;
}
.flips5_back .fsoci i {
	border-radius: 100%;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	color: #fff;
	transition: all 0.3s ease;
}
.flips5_back .fsoci i:hover {
	background: #fff;
	color: #272727;
}

/* image frames */
.imgframe1 {
	float: left;
	width: 100%;
	border: 8px solid #d3d3d3;
}
.imgframe2 {
	float: left;
	width: 100%;
	border: 8px solid #fff;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.20);
}
.imgframe3 {
	float: left;
	width: 100%;
	text-align: center;
	background-color: #333;
	border: 8px solid #333;
}
.imgframe3 img {
	float: left;
	width: 100%;
}
.imgframe3 strong {
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	width: 100%;
	padding: 14px 0px 12px 0px;
	text-align: center;
}

.imgframe4 {
	float: left;
	width: 100%;
	-webkit-box-shadow: 0 10px 6px -6px #454545;
	-moz-box-shadow: 0 10px 6px -6px #454545;
	box-shadow: 0 10px 6px -6px #454545;
}


.imgframe5 {
	float: left;
	width: 100%;
    position: relative;
}
.imgframe5 img {
	float: left;
	width: 100%;
}
.imgframe5:before, .imgframe5:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 12px 10px #454545;
	-moz-box-shadow: 0 12px 10px #454545;
	box-shadow: 0 12px 10px #454545;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.imgframe5:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

.imgframe6 {
	float: left;
	width: 100%;
    position: relative;
}
.imgframe6 img {
	float: left;
	width: 100%;
	border: 10px solid #f3f3f3;
}
.imgframe6:before, .imgframe6:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 16px 10px #454545;
	-moz-box-shadow: 0 16px 10px #454545;
	box-shadow: 0 16px 10px #454545;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.imgframe6:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}


/* pop overs */
.pop-wrapper{
	width: 90%;
	padding: 0;
	margin: 0px auto 30px auto;
}
.pop-wrapper li{
	float: left;
	margin: 0px 25px 70px 25px;
}
.pop-wrapper li a{
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 2px;
	outline: none;
	position: relative;
	background-color: #f3f3f3;
	border-radius: 100%;
	text-align: center;
}
.pop-wrapper li a span{
	width: 300px;
	height: auto;
	line-height: 21px;
	padding: 10px;
	left: 50%;
	margin-left: -150px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	background: #f9f9f9;
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pop-wrapper li a span:before,
.pop-wrapper li a span:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper li a span:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.pop-wrapper li a:hover span{
	opacity: 0.9;
	bottom: 116px;
}
.pop-wrapper h6 {
	margin-top: 10px;
}

.pop-wrapper2 {
	width: 90%;
	padding: 0;	margin: 0px auto 30px auto;
}
.pop-wrapper2 li{
	float: left;
}
.pop-wrapper2 li a span{
	width: 200px;
	height: auto;
	line-height: 21px;
	padding: 10px;
	left: 50%;
	margin-left: -134px;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #719DAB;
	text-align: center;
	border: 4px solid #fff;
	background: #fff;
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 80px;
	opacity: 0;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	white-space: normal;
}
.pop-wrapper2 li a span:before,
.pop-wrapper2 li a span:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper2 li a span:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.pop-wrapper2 li a:hover span{
	opacity: 1;
	bottom: 59px;
}

.pop-wrapper2.colored li a span{
	color: #fff;
	border: 4px solid #e54c4c;
	background: #e54c4c;
	box-shadow: none;
}
.pop-wrapper2.colored  li a span:after{
	border-top: 10px solid #e54c4c;
}

.pop-wrapper2 li a span.grayd{
	color: #fff;
	background: #454545;
	border: 4px solid #454545;
	box-shadow: none;
}
.pop-wrapper2 li a span.grayd:after{
	border-top: 10px solid #454545;
}

.pop-wrapper2 li a span.bord{
	background: #eee;
	border: 4px solid #e3e3e3;
	box-shadow: none;
}
.pop-wrapper2 li a span.bord:after{
	border-top: 10px solid #e3e3e3;
}

.pop-wrapper4{
	padding: 0;
	margin: 0px auto 30px auto;
}
.pop-wrapper4 li{
	float: left;
	margin: 0px 0px;
	padding: 0;
}
.pop-wrapper4 li a{
	position: relative;
}
.pop-wrapper4 li a span{
	width: 100px;
	height: auto;
	line-height: 21px;
	padding: 10px;
	left: 50%;
	margin-left: -56px;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border: 4px solid #454545;
	background: #454545;
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 40px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pop-wrapper4 li a span:before,
.pop-wrapper4 li a span:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.pop-wrapper4 li a span:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #454545;
}
.pop-wrapper4 li a:hover span{
	opacity: 0.9;
	bottom: 50px;
}

.smlined {
	width: 21%;
	height: 1px;
	background: #999;
	margin: 0 auto;
}

/* left icon right text section */
.lirts {
	float: left;
	width: 100%;
}
.lirts h5 {
	margin-bottom: 10px;
}
.lirts i {
	float: left;
	font-size: 40px;
	color: #999;
	margin-right: 30px;
	margin-top: 7px;
}
.lirts p {
	margin-left: 70px;
}
.lirts span {
	float: left;
	font-size: 40px;
	color: #999;
	margin-right: 30px;
	margin-top: 3px;
}

.big_text1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 21px;
	line-height: 32px;
	color: #454545;
}
.big_text1 i {
	color: #e54c4c;
	font-style: normal;
}


.josstext {
	color: #333;
	font-size: 27px;
	font-weight: normal;
	line-height: 36px;
	font-family: 'Josefin Sans', sans-serif;
}
.josstext span {
	width: 100px;
	height: 1px;
	background: #333;
	display: block;
	margin-top: 20px;
}

.josstext2 {
	width: 85%;
	margin: 0 auto 67px auto;
	color: #333;
	font-size: 27px;
	font-weight: normal;
	line-height: 36px;
	font-family: 'Josefin Sans', sans-serif;
}
.josstext2 span {
	width: 100px;
	height: 1px;
	background: #333;
	display: block;
	margin: 20px auto 0 auto;
}


@media only screen and (min-width: 1000px) and (max-width: 1169px){

.flips1 {
    height: 264px;
}
.flips1_back {
	padding:20px 10px;
	height: 264px;
}

.flips2 {
    height: 264px;
}
.flips2_back {
	padding:20px 10px;
	height: 264px;
}

.flips4_back {
	padding:12px 10px 0px 10px;
}

.flips5 {
    height: 264px;
}
.flips5_back {
	padding:20px 10px;
	height: 264px;
}

.pop-wrapper2 li a span{
	margin-left: -112px;
}

	
}


@media only screen and (min-width: 768px) and (max-width: 999px){

.piechart1 {
	width: 30%;
}

.piechart3 {
	width: 50%;
}

.flips1 {
    height: 203px;
}
.flips1_back {
	padding:20px 10px;
	height: 203px;
}
.flips1_back h4 {
	font-size: 16px;
	margin-bottom: 5px;
}
.flips1_back p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: -25px;
}

.flips2 {
    height: 203px;
}
.flips2_back {
	padding:20px 10px;
	height: 203px;
}
.flips2_back h4 {
	font-size: 16px;
	margin-bottom: 5px;
}
.flips2_back p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: -25px;
}

.flips4_back {
	padding:12px 0px 0px 0px;
}
.flips4_back p {
	font-size: 13px;
	line-height: 18px;
}

.flips5 {
    height: 203px;
}
.flips5_back {
	padding:20px 10px;
	height: 203px;
}
.flips5_back h4 {
	font-size: 16px;
	margin-bottom: 5px;
}
.flips5_back p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: -25px;
}

.pricingtable3 li.hecont {
	padding: 20px 5px 35px 5px;
}

.pricingtable3 .but_small1 {
	padding: 10px 10px;
}

.pop-wrapper{
	width: 63%;
}
.pop-wrapper li{
	float: left;
	margin: 0px 40px 120px 40px;
}

.pop-wrapper2 li a span{
	margin-left: -91px;
}

}


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

.piechart1 {
	width: 50%;
}

.piechart3 {
	width: 50%;
}

.pritable .pacdetails {
	width: 100%;
	margin-bottom: 100px;
}
.pritable .pacdetails.two {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

.counters4 {
	font-size: 35px;
	line-height: 35px;
}

.flips1_front img {
	width:100%;
	height: 100%;
}
.flips1_front img.full {
	width:100%;
	height: 320px;
}

.flips2_front img {
	width:100%;
	height: 100%;
}

.flips4_front img {
	width: auto;
}
.flips4_back {
	padding:22px 25px 0px 25px;
}

.flips5_front img {
	width:100%;
	height: 100%;
}
.flips5_front img.full {
	width:100%;
	height: 320px;
}


.pricing-tables {
	width: 100%;
	margin-bottom: 80px;
}
.pricing-tables-helight{
	width: 100%;
	margin-bottom: 80px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #eee;
}

.pop-wrapper{
	width: 75%;
}
.pop-wrapper li{
	float: left;
	margin: 0px 40px 120px 40px;
}

.pop-wrapper2 li a span{
	margin-left: -281px;
}

}


@media only screen and (min-width: 480px) and (max-width: 639px){
	
.piechart1 {
	width: 50%;
}	

.piechart3 {
	width: 100%;
}

.pritable .pacdetails {
	width: 100%;
	margin-bottom: 100px;
}
.pritable .pacdetails.two {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

.counters4 {
	font-size: 35px;
	line-height: 35px;
}

.flips1_front img {
	width:100%;
	height: 100%;
}
.flips1_front img.full {
	width:100%;
	height: 320px;
}

.flips2_front img {
	width:100%;
	height: 100%;
}

.flips4_front img {
	width: auto;
}
.flips4_back {
	padding:22px 25px 0px 25px;
}

.flips5_front img {
	width:100%;
	height: 100%;
}
.flips5_front img.full {
	width:100%;
	height: 320px;
}

.pricing-tables {
	width: 100%;
	margin-bottom: 80px;
}
.pricing-tables-helight{
	width: 100%;
	margin-bottom: 80px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #eee;
}

.pop-wrapper{
	width: 50%;
}
.pop-wrapper li{
	float: left;
	margin: 0px 40px 120px 40px;
}

.pop-wrapper2 li a span{
	margin-left: -217px;
}

}

@media only screen and (max-width: 479px){
	
.piechart1 {
	width: 100%;
}

.piechart3 {
	width: 100%;
}

.pritable .pacdetails {
	width: 100%;
	margin-bottom: 100px;
}
.pritable .pacdetails.two {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.pritable .pacdetails.four {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}

.counters4 {
	font-size: 35px;
	line-height: 35px;
}

.flips4_front img {
	width: auto;
}
.flips4_back {
	padding:12px 10px 0px 10px;
}

.pricing-tables {
	width: 100%;
	margin-bottom: 80px;
}
.pricing-tables-helight{
	width: 100%;
	margin-bottom: 80px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #eee;
}

.pop-wrapper{
	width: 68%;
}
.pop-wrapper li{
	float: left;
	margin: 0px 40px 120px 40px;
}

.pop-wrapper2 li a span{
	margin-left: -150px;
}

.but_medium1,
.but_medium1.white {
	padding: 14px 20px;
}


}

/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){
.container {
	width: 1000px;
	margin: auto;
}

.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}

.features_sec3 .box .right {
	width: 73%;
	margin-left: 7%;
}

.parallax_section1 h2 {
	width: 61%;
}
.parallax_section1 p {
	width: 61%;
}

.features_sec6 .rbox {
	width: 50%;
	padding: 75px 55px 0px 55px;
}

.features_sec8 .left {
	padding-top: 0px;
}
.features_sec8 .left h1 {
	font-size: 30px;
	margin-bottom: 10px;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec14 img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.newsletter_two input.enter_email_input {
	width: 170px;
}
.newsletter_two .input_submit {
	padding: 16px 14px 15px 14px;
}
.features_sec33 .center img {
	width: 100%;
}

.features_sec38 p {
	width: 90%;
}

.features_sec39 .box1 .hovcont {
	padding: 10px 25px;
}
.features_sec39 .box1 .hovcont h2 {
	font-size: 25px;
	margin-bottom: 0px;
}
.features_sec39 .box1 .hovcont h5 {
	font-size: 14px;
	line-height: 16px;
}
.features_sec39 .box2 .hovcont,
.features_sec39 .box3 .hovcont {
	padding: 8px 14px;
}
.features_sec39 .box2 .hovcont h3,
.features_sec39 .box3 .hovcont h3 {
	font-size: 18px;
	margin-bottom: 3px;
	line-height: 23px;
}
.features_sec39 .box2 .hovcont h5,
.features_sec39 .box3 .hovcont h5 {
	font-size: 12px;
	line-height: 14px;
}

.parallax_section6 .box {
	margin-left: 2%;
}


.features_sec45 .box {
	margin-left: 22%;
}

.clogo_small li h6 {
	margin-top: 12px;
}

.features_sec64 .flips1_front img {
	height: auto;
}

.blog_postcontent .video_frame iframe {
	height: 325px;
}



/* UPDATED VERSION 1.2 */
.slidercform2 {
	width: 380px;
	padding: 30px 35px 40px 35px;
	margin-right: 50px;
	margin-top: -410px;
}
.slidercform2 strong {
	font-size: 22px;
}
.slidercform2 strong em {
	font-size: 13px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 100%;
}

.headerport .boxsize1 {
	height: 250px;
}
.headerport .boxsize2 {
	height: 125px;
}
.headerport .boxsize3 {
	height: 125px;
}
.headerport .boxsize4 {
	height: 375px;
}

.headerport .boxsize1 img{
	height: 250px;
}
.headerport .boxsize2 img{
	height: 125px;
}
.headerport .boxsize3 img{
	height: 125px;
}
.headerport .boxsize4 img{
	height: 375px;
}

.headerport .boxsize2 .onlycolor {
	height: 125px;
}
.headerport .boxsize3 .onlycolor {
	height: 125px;
}

.headerport .boxsize1 h3 {
  font-size: 18px;
}
.headerport .boxsize2 h3 {
  font-size: 14px;
}
.headerport .boxsize3 h3 {
  font-size: 14px;
}
.headerport .boxsize4 h3 {
  font-size: 18px;
}

.stheader3 {
	height: 625px;
}
.textyslider {
	margin-bottom: 50px;
}
.textyslider p {
	width: 80%;
}



}


@media only screen and (min-width: 768px) and (max-width: 999px){
.container {
	width: 747px;
	margin: auto;
}

.menu_main {
	width: 75%;
	margin-top: 5px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 47%;
	margin-left: 26.5%;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 43%;
	margin-left: 28%;
}

.features_sec3 .box .right {
	width: 65%;
	margin-left: 9%;
}

.parallax_section1 h2 {
	width: 70%;
}
.parallax_section1 p {
	width: 70%;
}

.features_sec6 .fimg {
	width: 35%;
}
.features_sec6 .rbox {
	width: 65%;
	padding: 55px 30px 0px 30px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec14 img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 45%;
}
.footer .top_footer .colcenter {
	width: 10%;
}
.newsletter_two input.enter_email_input {
	width: 125px;
}
.newsletter_two .input_submit {
	padding: 16px 10px 15px 10px;
}

.features_sec30 .left {
	width: 20%;
}
.features_sec30 .right {
	width: 80%;
}

.features_sec33 .center img {
	width: 100%;
}

.features_sec38 p {
	width: 85%;
}

.features_sec39 .box1 .hovcont {
	padding: 10px 20px;
}
.features_sec39 .box1 .hovcont h2 {
	font-size: 23px;
	margin-bottom: 0px;
}
.features_sec39 .box1 .hovcont h5 {
	font-size: 13px;
	line-height: 16px;
}
.features_sec39 .box2 .hovcont,
.features_sec39 .box3 .hovcont {
	padding: 8px 10px;
}
.features_sec39 .box2 .hovcont h3,
.features_sec39 .box3 .hovcont h3 {
	font-size: 16px;
	margin-bottom: 3px;
	line-height: 21px;
}
.features_sec39 .box2 .hovcont h5,
.features_sec39 .box3 .hovcont h5 {
	font-size: 10px;
	line-height: 14px;
}

.features_sec40 .rimg {
	width: 100%;
}

.parallax_section6 .box {
	margin-top: 75px;
	margin-left: 2%;
}
.hexagon {
	width: 130px;
	height: 85px;
	margin-right: 16px;
}
.hexagon.two {
	margin-left: 73px;
}
.hexagon.three,
.hexagon.four,
.hexagon.five {
	margin-left: 16px;
}
.hexagon:before {
	top: -35px;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-bottom: 35px solid rgba(255, 255, 255, 0.9);
}
.hexagon:after {
	bottom: -35px;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	border-top: 35px solid rgba(255, 255, 255, 0.9);
}
.haxmargin {
	margin-top: 50px;
}
.hexagon:hover:before {
	border-bottom: 35px solid rgba(0, 0, 0, 0.8);
}
.hexagon:hover:after {
	border-top: 35px solid rgba(0, 0, 0, 0.8);
}
.hexagon i {
	font-size: 20px;
	margin-bottom: 5px;
}
.hexagon h6 {
	font-size: 14px;
	margin-bottom: 4px;
}
.hexagon p {
	font-size: 12px;
	line-height: 14px;
}

.features_sec45 .box {
	margin-left: 13.5%;
}

.page_title3 {
	padding: 100px 0px 100px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 16px;
	line-height: 27px;
}

.clogo_small li h6 {
	font-size: 12px;
	margin-top: 5px;
}

.features_sec64 .flips1_front img {
	height: auto;
}

.blog_postcontent .video_frame iframe {
	height: 280px;
}


/* UPDATED VERSION 1.2 */
.slidercform2 {
	width: 340px;
	padding: 20px 25px 30px 25px;
	margin-right: 59px;
	margin-top: -280px;
}
.slidercform2 strong {
	font-size: 22px;
}
.slidercform2 strong em {
	font-size: 12px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 100%;
	padding: 5px 8px;
}
.slidercform2 .sky-form .textarea textarea {
	padding: 5px 8px;
}
.slidercform2 span {
	margin-top: 10px;
}

.headerport .boxsize1 {
	height: 200px;
}
.headerport .boxsize2 {
	height: 100px;
}
.headerport .boxsize3 {
	height: 100px;
}
.headerport .boxsize4 {
	height: 300px;
}

.headerport .boxsize1 img{
	height: 200px;
}
.headerport .boxsize2 img{
	height: 100px;
}
.headerport .boxsize3 img{
	height: 100px;
}
.headerport .boxsize4 img{
	height: 300px;
}

.headerport .boxsize2 .onlycolor {
	height: 100px;
}
.headerport .boxsize3 .onlycolor {
	height: 100px;
}

.headerport .boxsize1 h3 {
  font-size: 16px;
  font-weight: 500;
}
.headerport .boxsize2 h3 {
  font-size: 12px;
  font-weight: 500;
}
.headerport .boxsize3 h3 {
  font-size: 12px;
  font-weight: 500;
}
.headerport .boxsize4 h3 {
  font-size: 16px;
  font-weight: 500;
}

.stheader3 {
	height: 500px;
}
.textyslider {
	padding-top: 59px;
	margin-bottom: 45px;
}
.textyslider em {
	font-size: 30px;
}
.textyslider strong {
	font-size: 30px;
}
.textyslider p {
	font-size: 14px;
	line-height: 25px;
	width: 90%;
}



}



@media only screen and (min-width: 640px) and (max-width: 767px){
.container {
	width: 590px;
	margin: auto;
}
.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.header #logo{
	background-position: center top;
}

/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2{
	background-position: center top;
}

/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.logo {
	width: 100%;
	margin-top: 0px;
}
.menu_main {
	width: 99%;
	margin-left: 1%;
	margin-top: 5px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.mstslider {
	padding-top: 100px;
	background: #eee;
}
.mstslider.two {
	padding-top: 0px;
}


.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}

.top_nav.two {
	height: 75px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 5px;
}

.top_nav.three {
	height: 75px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 5px;
}

.top_nav.four {
	height: 75px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 5px;
}


.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 57%;
	margin-left: 21%;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 53%;
	margin-left: 23%;
}

.features_sec1 {
	padding-bottom: 300px;
}

.features_sec2 .box {
	margin-left: 20px;
}

.features_sec3 .box .right {
	width: 85%;
	margin-left: 4%;
}

.parallax_section1 h2 {
	width: 70%;
}
.parallax_section1 p {
	width: 70%;
}

.features_sec4:before {
	right:0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}

.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 50px 110px 50px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}

.copyright_info .one_half {
	margin-bottom: 20px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}

.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.features_sec30 .left {
	width: 10%;
}
.features_sec30 .right {
	width: 90%;
}

.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}

.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}

.features_sec33 .left span,
.features_sec33 .right span {
	float: left;
	margin-left: 45%;
}

.features_sec38 p {
	width: 90%;
}

.features_sec39 .box1,
.features_sec39 .box2,
.features_sec39 .box2.img2,
.features_sec39 .box3 {
	width: 100%;
	background-size: 100%;
}

.features_sec44 .box {
	margin-bottom: 100px;
}

.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 0%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two {
	margin-left: 0px;
}

.parallax_section7 .left,
.parallax_section7 .center,
.parallax_section7 .right {
	width: 100%;
}

.features_sec45 .box {
	margin-left: 4%;
}

.page_title3 {
	padding: 100px 0px 100px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 23px;
}
.page_title3 i {
	font-size: 21px;
	width: 59px;
	height: 59px;
	line-height: 59px;
	margin: 50px 10px 0px 10px;
}

.clogo_small li h6 {
	margin-top: 20px;
	text-align: center;
}
.clogo_small li {
	width: 25%;
}

.features_sec64 .flips1_front img {
	width: 50%;
	height: auto;
}

.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}

.post_meta_links li {
	width: 100%;
}
.post_meta_links li.post_by {
	width: 33.3%;
}
.post_meta_links li.post_categoty {
	width: 33.3%;
}
.post_meta_links li.post_comments {
	width: 33.3%;
}

.blog_postcontent .video_frame iframe {
	height: 250px;
}


/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 400px;
	padding: 37px 40px 40px 40px;
}
.slidercform .sky-form .button {
	width: 84.7%;
}

.slidercform2 {
	width: 270px;
	padding: 20px 25px 30px 25px;
	margin-right: 45px;
	margin-top: -280px;
}
.slidercform2 strong {
	font-size: 18px;
}
.slidercform2 strong em {
	font-size: 9px;
	margin-top: 0px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 96.5%;
	padding: 3px 5px;
}
.slidercform2 .sky-form .textarea textarea {
	padding: 3px 5px;
}
.slidercform2 span {
	margin-top: 5px;
}


.headerport .left {
	width: 50%;
}
.headerport .center {
	width: 50%;
}
.headerport .right {
	width: 100%;
}

.headerport .boxsize1 {
	height: 250px;
}
.headerport .boxsize2 {
	height: 125px;
}
.headerport .boxsize3 {
	height: 125px;
}
.headerport .boxsize4 {
	height: 375px;
}

.headerport .boxsize1 img{
	height: 250px;
}
.headerport .boxsize2 img{
	height: 125px;
}
.headerport .boxsize3 img{
	height: 125px;
}
.headerport .boxsize4 img{
	height: 375px;
}

.headerport .boxsize2 .onlycolor {
	height: 125px;
}
.headerport .boxsize3 .onlycolor {
	height: 125px;
}

.headerport .boxsize1 h3 {
  font-size: 18px;
  margin-top: 37%;
}
.headerport .boxsize2 h3 {
  font-size: 14px;
  margin-top: 32.5%;
}
.headerport .boxsize3 h3 {
  font-size: 14px;
  margin-top: 16%;
}
.headerport .boxsize4 h3 {
  font-size: 18px;
  margin-top: 30%;
}

.stheader3 {
	height: 450px;
}
.textyslider {
	padding-top: 50px;
	margin-bottom: 40px;
}
.textyslider em {
	font-size: 30px;
}
.textyslider strong {
	font-size: 30px;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}



}




@media only screen and (min-width: 480px) and (max-width: 639px){
	
.container {
	width: 440px;
	margin: auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.header #logo{
	background-position: center top;
}

/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2{
	background-position: center top;
}
/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.logo {
	width: 100%;
	margin-top: 0px;
}
.menu_main {
	width: 99%;
	margin-left: 1%;
	margin-top: 0px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.mstslider {
	padding-top: 90px;
	background: #eee;
}
.mstslider.two {
	padding-top: 0px;
}

.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}
.top_nav.two {
	height: 75px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.two .right {
	padding-top: 0px;
}

.top_nav.three {
	height: 75px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.three .right {
	padding-top: 0px;
}

.top_nav.four {
	height: 58px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.four .right {
	padding-top: 0px;
}

.title1 h2{
    font-size: 30px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 77%;
	margin-left: 11.2%;
}

.title2 h2{
    font-size: 30px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 70%;
	margin-left: 14.3%;
}


.features_sec1 {
	padding-bottom: 300px;
}

.features_sec2 .box {
	margin-left: 18px;
}

.features_sec3 .box .right {
	width: 80%;
	margin-left: 6%;
}

.parallax_section1 h2 {
	width: 90%;
}
.parallax_section1 p {
	width: 90%;
}

.features_sec4 .lblogs {
	width: 48%;
	margin-right: 4%;
}
.features_sec4:before {
	right:0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}

.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 20px 110px 20px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.newsletter_two input.enter_email_input {
	width: 210px;
}
.newsletter_two .input_submit {
	padding: 16px 20px 15px 20px;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}

.copyright_info .one_half {
	margin-bottom: 20px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}

.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}

.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}

.features_sec33 .left span,
.features_sec33 .right span {
	float: left;
	margin-left: 44%;
}

.features_sec38 p {
	width: 90%;
}

.features_sec39 .box1 {
	width: 100%;
}
.features_sec39 .box2,
.features_sec39 .box2.img2 {
	width: 100%;
	background-size: 100%;
}
.features_sec39 .box3 {
	width: 100%;
}

.features_sec44 .box {
	margin-bottom: 100px;
}

.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 0%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two {
	margin-left: 0px;
}

.parallax_section7 .left,
.parallax_section7 .center,
.parallax_section7 .right {
	width: 100%;
}

.features_sec45 .box {
	margin-left: 30%;
}

.features_sec49 em {
	display: block;
	margin-top: 30px;
}


.page_title3 {
	padding: 100px 0px 100px 0px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 23px;
}
.page_title3 i {
	font-size: 21px;
	width: 59px;
	height: 59px;
	line-height: 59px;
	margin: 50px 10px 0px 10px;
}

.clogo_small li h6 {
	margin-top: 18px;
	text-align: center;
}
.clogo_small li {
	width: 30%;
}

.features_sec64 .flips1_front img {
	width: 50%;
	height: auto;
}

.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}

.post_meta_links li {
	width: 100%;
}
.post_meta_links li.post_by {
	width: 33.3%;
}
.post_meta_links li.post_categoty {
	width: 33.3%;
}
.post_meta_links li.post_comments {
	width: 33.3%;
}

.blog_postcontent .video_frame iframe {
	height: 250px;
}


/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 440px;
	padding: 37px 40px 40px 40px;
}
.slidercform .sky-form .button {
	width: 85.8%;
}

.slidercform2 {
	width: 440px;
	padding: 40px 35px 50px 35px;
	margin-top: 0px;
	border-radius: 0px;
}
.slidercform2 strong {
	font-size: 27px;
}
.slidercform2 strong em {
	font-size: 12px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 98.8%;
}
.slidercform2 span {
	margin-top: 10px;
}

.headerport .left {
	width: 100%;
}
.headerport .center {
	width: 100%;
}
.headerport .right {
	width: 100%;
}

.stheader3 {
	height: 450px;
}
.textyslider {
	padding-top: 50px;
	margin-bottom: 40px;
}
.textyslider span.text {
	margin-bottom: 30px;
}
.textyslider em {
	font-size: 30px;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.textyslider strong {
	font-size: 30px;
	display: block;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}



}

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

.container {
	width: 300px;
	margin: auto;
}

.content_left {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.right_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.left_sidebar {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}
.content_right {
	float: left;
	width: 100%;
	padding: 0px 0px 50px 0px;
}

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
	margin-right: 0%;
}
.one_half {
	width: 100%;
	margin-bottom: 40px;
}
.one_third {
	width: 100%;
	margin-bottom: 40px;
}
.one_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.one_fifth {
	width: 100%;
	margin-bottom: 40px;
}
.two_third {
	width: 100%;
	margin-bottom: 40px;
}
.three_fourth {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_forty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_sixty {
	width: 100%;
	margin-bottom: 40px;
}
.onecol_thirtyfive {
	width: 100%;
	margin-bottom: 40px;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.header #logo{
	background-position: center top;
}

/* bigger logo? remove below comment */
/*.header #logo{
	background-position: center top;
	background-size: 50%;
}*/

.header #logo2{
	background-position: center top;
}
/* bigger logo? remove below comment */
/*.header #logo2{
	background-position: center top;
	background-size: 50%;
}*/

.logo {
	width: 100%;
	margin-top: 0px;
}
.menu_main {
	width: 99%;
	margin-left: 1%;
	margin-top: 0px;
}
.menu_right {
	display: none;
}
.menu_right2 {
	display: none;
}

.mstslider {
	padding-top: 100px;
	background: #eee;
}
.mstslider.two {
	padding-top: 0px;
}

.top_nav .left {
	width: 100%;
}
.top_nav .right {
	width: 100%;
}
.top_nav.two {
	height: 75px;
}
.top_nav.two .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.two .right {
	padding-top: 0px;
}

.top_nav.three {
	height: 75px;
}
.top_nav.three .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.three .right {
	padding-top: 0px;
}

.top_nav.four {
	height: 75px;
}
.top_nav.four .left {
	text-align: right;
	padding-top: 0px;
}
.top_nav.four .right {
	padding-top: 0px;
}

.title1 h2{
    font-size: 25px;
}
.title1 h2 em{
	margin-top: 0px;
}
.title1 .line{
    width: 90%;
	margin-left: 5%;
}

.title2 h2{
    font-size: 25px;
}
.title2 h2 em{
	margin-top: 0px;
}
.title2 .line{
    width: 90%;
	margin-left: 5%;
}

.features_sec1 {
	padding-bottom: 300px;
}

.features_sec2 .box {
	margin-left: 14px;
}

.features_sec3 .box .left {
	margin-left: 121px;
}

.features_sec3 .box .right {
	width: 100%;
	margin-left: 0%;
	text-align: center;
}

.parallax_section1 h2 {
	width: 100%;
}
.parallax_section1 p {
	width: 100%;
}

.features_sec4 .lblogs {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 40px;
}
.features_sec4:before {
	right:0%;
}
.features_sec4 .peosays {
	width: 100%;
	margin-left: 0%;
}

.features_sec6 .fimg {
	width: 100%;
}
.features_sec6 .rbox {
	width: 100%;
	padding: 110px 20px 110px 20px;
}
.features_sec6 .ibox {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 40px;
}
.features_sec6 .ibox.last {
	margin-bottom: 0px;
}

.features_sec8 .left {
	padding-top: 0px;
	width: 80%;
	margin-left: 7%;
	margin-right: 8%;
	margin-bottom: 50px;
}
.features_sec8 .right {
	float: none;
	width: 40%;
	margin: 0 auto;
}

.features_sec9 .tbox img {
	width: 100%;
}

.features_sec13 img {
	width: 100%;
}

.newsletter_two input.enter_email_input {
	width: 100px;
}
.newsletter_two .input_submit {
	padding: 16px 5px 15px 5px;
}

.footer .top_footer .colleft,
.footer .top_footer .colright {
	width: 100%;
	margin-top: 30px;
}
.footer .top_footer .colcenter {
	width: 0%;
}

.copyright_info .one_half {
	margin-bottom: 20px;
}
ul.footer_social_links {
	float: left;
}
.footer_social_links li {
	margin: 0px 5px 0px 0px;
}

.page_title2 h1 {
	width: 100%;
	margin-top: 12px;
}
.page_title2 .pagenation {
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.features_sec30 .left {
	width: 20%;
}
.features_sec30 .right {
	width: 80%;
}

.features_sec33 {
	padding-bottom: 120px;
}
.features_sec33 .left {
	padding-top: 0px;
	text-align: center;
}
.features_sec33 .right {
	padding-top: 30px;
	text-align: center;
}

.features_sec34 .box {
	width: 100%;
	margin-bottom: 80px;
}

.features_sec33 .left span,
.features_sec33 .right span {
	float: left;
	margin-left: 41%;
}

.features_sec38 p {
	width: 95%;
}

.features_sec39 .box1 {
	width: 100%;
}
.features_sec39 .box2,
.features_sec39 .box2.img2 {
	width: 100%;
	background-size: 100%;
}
.features_sec39 .box3 {
	width: 100%;
}

.features_sec44 .box {
	margin-bottom: 100px;
}

.parallax_section6 {
	padding-bottom: 70px;
}
.parallax_section6 .box {
	margin-top: 100px;
	margin-left: 21%;
}
.hexagon {
	margin-bottom: 110px;
}
.haxmargin {
	margin-top: 0px;
}
.hexagon.two,
.hexagon.three,
.hexagon.four,
.hexagon.five {
	margin-left: 0px;
}

.parallax_section7 .left,
.parallax_section7 .center,
.parallax_section7 .right {
	width: 100%;
}

.features_sec45 .box {
	margin-left: 20%;
}

.features_sec49 strong {
	font-size: 27px;
	padding: 5px 12px;
}
.features_sec49 em {
	display: block;
	margin-top: 30px;
}

.page_title .title h1 {
	font-size: 40px;
}
.page_title h3 {
	font-size: 18px;
	line-height: 21px;
}
.page_title h5 {
	font-size: 14px;
	line-height: 18px;
}

.page_title3 {
	padding: 70px 0px 70px 0px;
}
.page_title3 .title h1 {
	font-size: 40px;
}
.page_title3 h5 {
	width: 100%;
	font-size: 14px;
	line-height: 21px;
}
.page_title3 i {
	font-size: 18px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 40px 10px 0px 10px;
}

.clogo_small li h6 {
	margin-top: 14px;
	text-align: center;
}
.clogo_small li {
	width: 33.3%;
}

.features_sec64 .flips1_front img {
	width: 100%;
	height: auto;
}

.portfolio_area_left {
	width: 100%;
}
.portfolio_area_right {
	margin: 59px 0px 0px 0;
	width: 100%;
}

.post_meta_links li {
	width: 100%;
}
.post_meta_links li.post_by {
	width: 50%;
}
.post_meta_links li.post_categoty {
	width: 50%;
}
.post_meta_links li.post_comments {
	width: 50%;
}

.blog_postcontent .video_frame iframe {
	height: 180px;
}

/* UPDATED VERSION 1.2 */
.slidercform {
	float: left;
	width: 300px;
	padding: 37px 20px 40px 20px;
}
.slidercform .sky-form .button {
	width: 85.8%;
}
.slidercform strong {
	font-size: 18px;
}
.slidercform strong em {
	font-size: 10px;
	font-weight: 400;
	margin-top: 3px;
}

.slidercform2 {
	width: 300px;
	padding: 40px 25px 50px 25px;
	margin-top: 0px;
	border-radius: 0px;
}
.slidercform2 strong {
	font-size: 18px;
}
.slidercform2 strong em {
	font-size: 10px;
	margin-top: 5px;
}
.slidercform2 .sky-form .input input,
.slidercform2 .sky-form .select select {
	width: 97.4%;
}
.slidercform2 span {
	margin-top: 10px;
}

.headerport .left {
	width: 100%;
}
.headerport .center {
	width: 100%;
}
.headerport .right {
	width: 100%;
}

.headerport .boxsize1 h3 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 45%;
}
.headerport .boxsize2 h3 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 35%;
}
.headerport .boxsize3 h3 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20%;
}
.headerport .boxsize4 h3 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 67%;
}

.stheader3 {
	height: 400px;
}
.textyslider {
	padding-top: 40px;
	margin-bottom: 30px;
}
.textyslider span.text {
	margin-bottom: 25px;
}
.textyslider em {
	font-size: 25px;
	display: block;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.textyslider strong {
	font-size: 25px;
	display: block;
}
.textyslider p {
	font-size: 13px;
	line-height: 21px;
	width: 100%;
}


}

/* COLOR */

#logo {
	background: url(../img/colors/blue/logo.png) no-repeat left top;
}
#logo2 {
	background: url(../img/colors/blue/logo-atas.png) no-repeat left top;
}

.header ul.nav>li>a.active {
	color:#3183d7;
}

.header ul.nav>li>a:hover.active {
	color:#3183d7;
}

.header ul.nav>li>a:hover {
	color:#3183d7;
}
.header a.buynow {
	background: #3183d7;
}

a.buynow {
	color: #3183d7;
	background: #348AE2;
	border-radius: 3px;
	padding: 9px 18px;
	white-space: nowrap;
	transition: all 0.3s ease;
}
a.buynow:hover {
	color: #333;
	background: #e1e1e1;
}

.header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #3183d7;
}

#header #trueHeader {
	background: #3183d7;
	border-bottom: 3px solid #2069b4;
}
#header ul.nav>li>a.active {
	background: #2069b4;
}
#header ul.nav>li>a:hover.active {
	background: #2069b4;
}
#header ul.nav>li>a:hover {
	background: #2069b4;
}

.mstslider .ms-layer.text4 {
	background: #3183d7;
}
.mstslider .ms-layer.sdbut2 a {
	background: #3183d7;
}
.mstslider .ms-layer.graph1 strong {
	color: #3183d7;
}
.mstslider .ms-layer.sldbut1 a:hover {
	color: #3183d7;
}
.master-slider .section-videobg .scircle .circle {
	background: rgba(49, 131, 215, 0.9);
}

.features_sec2 {
	background-color: #3183d7;
}

.title1 .text{
    background: #3183d7;
}

.site_wrapper .ciref:hover,
.site_wrapper .ciref.active {
  color: #fff;
  background: #3183d7;
}

.site_wrapper .ciref2:hover,
.site_wrapper .ciref2.active {
  color: #fff;
  background: #3183d7;
}

.site_wrapper .ciref3:hover,
.site_wrapper .ciref3.active {
  color: #fff;
  background: #3183d7;
}
.site_wrapper .outline-outward:hover:before,
.site_wrapper .outline-outward.active:before {
  border: #3183d7 solid 1px;
}

.parallax_section1 h2 {
	border-left: 5px solid #3183d7;
}
.parallax_section5 strong {
	color: #3183d7;
}

.features_sec4 .lblogs .lbimg span {
	background: #3183d7;
}
.features_sec4 a.remobut {
	color: #3183d7;
}
.features_sec4 .peosays .box span {
	color: #3183d7;
}

.features_sec6 .ibox .left i {
	color: #3183d7;
}

.features_sec7 .box .ibox h6 {
	background: #3183d7;
}

.site_wrapper .tabs3 li a:hover {
	color: #3183d7;
}
.site_wrapper .tabs3 li.active a {
	color: #3183d7;
}
.site_wrapper .tabs2 li.active a {
	background-color: #3183d7;
}
.site_wrapper .tabs.side li.active a {
	background-color: #3183d7;
}
.site_wrapper .tabs li.active a:after {
	border-right-color: #3183d7;
}

.site_wrapper ul.tabs li.active, html ul.tabs li.active a,
.site_wrapper html ul.tabs li.active a:hover  {
	border-top: 1px solid #3183d7;
}
.site_wrapper .tags li a:hover {
	background-color: #3183d7;
}

.features_sec14 {
	background: #3183d7;
}

.pritable .pacdetails.three {
	box-shadow: 0px -5px 0px #3183d7;
}
.pritable .pacdetails.three .title strong {
	color: #3183d7;
}
.pritable .pacdetails.three .bottom a {
	background: #3183d7;
}
.pritable .pacdetails.three h6 {
	background: #3183d7;
}

.site_wrapper .st-accordion-four ul li.st-open > a {
    color: #3183d7;
}
.site_wrapper .st-accordion-four ul li > a {
    color: #3183d7;
}
.site_wrapper .st-accordion-four ul li.st-open > a span{
	background: transparent url(../img/colors/blue/minus-color.png) no-repeat center center;
}
.site_wrapper .st-accordion-four ul li > a span{
	background: transparent url(../img/colors/blue/plus-color.png) no-repeat center center;
}
.site_wrapper .st-accordion-four ul li > a:hover{
    color: #3183d7;
}
.site_wrapper .st-accordion ul li > a:hover{
    color: #3183d7;
}

.site_wrapper .cd-timeline-content h2 { color: #3183d7; font-weight: normal; margin-bottom: 0px;}
.site_wrapper .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #3183d7; }
.site_wrapper .cd-timeline-content .cd-date strong {
	background-color: #3183d7;
}
.site_wrapper .cd-timeline-content .cd-date strong {
	background: #3183d7;
}
.site_wrapper .cd-timeline-content .cd-date strong:after {
	border-right-color: #3183d7;
}
.site_wrapper .cd-timeline-content .cd-date b {
	background-color: #3183d7;
}
.site_wrapper .cd-timeline-content .cd-date b {
	background: #3183d7;
}
.site_wrapper .cd-timeline-content .cd-date b:after {
	border-left-color: #3183d7;
}

.features_sec38 h6 {
	color: #3183d7;
}

.flips2_back {
	background-color:#3183d7;
}
.flips3_front.flipscont3 i {
	color: #3183d7;
}
.flips3_back {
	background-color:#3183d7;
}
.flips4_back h5 a:hover {
	color: #3183d7;
}

.but_small1 {
	background-color: #3183d7;
}
.but_small1.gray:hover {
	background-color: #3183d7;
}
.but_small3 {
	background-color: #3183d7;
}
.but_small2 {
	background-color: #3183d7;
}
.but_small4 {
	background-color: #3183d7;
}
.but_small5 {
	color: #3183d7;
	border: 2px solid #3183d7;
}
.but_small5.light:hover {
	color: #3183d7;
}
.but_small5.light2:hover {
	color: #3183d7;
}

.but_medium1 {
	background-color: #3183d7;
}
.but_medium3 {
	background-color: #3183d7;
}
.but_medium2 {
	background-color: #3183d7;
}
.but_medium4 {
	background-color: #3183d7;
}
.but_medium5 {
	color: #3183d7;
	border: 2px solid #3183d7;
}

.but_large1 {
	background-color: #3183d7;
}
.but_large1.small {
	background-color: #3183d7;
}
.but_large3 {
	background-color: #3183d7;
}
.but_large2 {
	background-color: #3183d7;
}
.but_large4 {
	background-color: #3183d7;
}
.but_large4.white {
	color: #3183d7;
}
.but_large5 {
	color: #3183d7;
	border: 2px solid #3183d7;
}
.but_full2 .butprogress {
	background: #3183d7;
}

.stcode_title4 .line{
    background: #3183d7;
}
.stcode_title5 .line{
    background: #3183d7;
}
.stcode_title7 .line{
    background: #3183d7;
}
.stcode_title12 h2{
	color: #3183d7;
}

.button.transp2 {
	background: #3183d7;
}

.counters2 i {
	color: #3183d7;
}
.counters3 .one_fourth.white i {
	color: #3183d7;
}
.counters3 .one_fourth.one {
	color: #3183d7;
}
.counters3 .one_fourth.one i {
	color: #3183d7;
}
.counters3 .one_fourth.two {
	color: #3183d7;
}
.counters3 .one_fourth.two i {
	color: #3183d7;
}
.counters4 {
	color: #3183d7;
}

.features_sec62 .box .icon:hover {
	color: #3183d7;
}

.pricingtable3 li.title.act {
	background-color: #3183d7;
}
.pricingtable3 li.hecont.act strong {
	background-color: #3183d7;
}
.pricingtable3 li.price.act h1 {
	color: #3183d7;
}


.hexagon:hover i {
	color: #3183d7;
}

.sidebar_widget ul.arrows_list1 li a {
	color: #3183d7;
}
.recent_posts_list li a:hover {
	color: #3183d7;
}

.fati4 {
	background-color: #3183d7;
}
.fati5 {
	color: #3183d7;
	border: 1px solid #3183d7;
}
.fati9 {
	color: #3183d7;
	border: 5px solid #3183d7;
}
.fati19:hover {
	color: #3183d7;
}

.big_text1 i {
	color: #3183d7;
}

.error_pagenotfound em {
	color: #3183d7;
}

.small_social_links li i {
	color: #3183d7;
}

.site_wrapper .cbp-l-caption-buttonLeft,
.site_wrapper .cbp-l-caption-buttonRight{
	background-color: #3183d7;
}
.site_wrapper .cbp-l-filters-dropdownWrap{
	background: #3183d7;
}

.site_wrapper .cbp-l-grid-masonry .cbp-caption-activeWrap.two:hover .cbp-l-caption-title,
.site_wrapper .cbp-l-grid-masonry .cbp-caption-activeWrap.three:hover .cbp-l-caption-title {
	color: #3183d7;
}

.blog_post h3 a {
	color: #3183d7;
}
.blog_post a.date:hover {
	color: #3183d7;
}
.sharepost li {
	background-color: #3183d7;
}
.about_author a:hover {
	color: #3183d7;
}

.divider_line11 {
	background: url(../img/colors/blue/h-line5.png) no-repeat center bottom;
}

.alertymes2 {
	background-color: #3183d7;
}

.site_wrapper #bar{
  background: #3183d7;
}

.pop-wrapper2.colored li a span{
	border: 4px solid #3183d7;
	background: #3183d7;
}
.pop-wrapper2.colored  li a span:after{
	border-top: 10px solid #3183d7;
}


a {
	color: #3183d7;
}

.color {
	color: #3183d7;
}

.but_small3 span {
    background-color: #2470bd;
}
.but_medium3 span {
    background-color: #2470bd;
}
.but_large3 span {
    background-color: #2470bd;
}


.pricing-tables-helight .title {
	background-color: #2676c8;
	border-top: 3px solid #1a69b9;
	border-bottom: 1px solid #4692e1;
}
.pricing-tables-helight .price {
	background-color: #3183d7;
}
.pricing-tables-helight-two .title {
	background-color: #2676c8;
	border-top: 3px solid #1a69b9;
	border-bottom: 1px solid #4692e1;
}
.pricing-tables-helight-two .price {
	background-color: #3183d7;
}
.pricing-tables-main .ordernow .colorchan{
	color: #fff;
	background-color: #3183d7;
}

.pricingtable1 ul.active li.mostp {
    background-color: #3183d7;
}
.pricingtable1 ul.active li.title h4 {
    color: #3183d7;
}
.pricingtable1 ul.active li.title h1 {
    color: #3183d7;
}

.pricingtable1 ul.active li.planbut a {
    background-color: #3183d7;
}