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

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

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

	2. Image boxes
		+ section-side-image
		+ background-imgholder
		+ image-left
		+ image-holder
		+ nodisplay-image
	
	3. Lists
		+ iconlist
		+ clientlogo-list
		+ side-nav-list
		+ category-links
		+ tags 
	
	4. Menu Backgrounds
		+ Headers
	
	5. Topbar Styles
		+ topbar
		+ toplist
	
	6. Logo
		+ logo
	
	7. Section Titles
		+ section titles
	
	8. Page Section Styles
		+ Section Styles
	
	9. Footer Styles
		+ footer logo
		+ lists
	
	
	10. Parallax Sections
	
	11. Overlay Styles
		+ Section Overlay
		+ video overlay
	
	12. Social Links
		+ social-icons-1
		+ social-icons-2
		+ social-icons-3
	
	13. Feature boxs
	
	14. Team Section
	
	15. Price Tables
	
	16. Blog Posts
	
	17. Testimonials

	18. Footer Newsletter
	
	19. Video wrapers
	
	20. Progress bar
	
	21. Newsletter
	
	22. css progress circles
	
	23. Page Scroll to Top
	
======================================
[ END CSS TABLE CONTENT ]
======================================
*/

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

body {
    font: 14px 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 23px;
    color: #111;
}

.latest-text {
    font: 14px 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 23px;
    color: #727272;
}

/* a link Styles
 ------------------------------ */

a, .btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:hover {
    text-decoration: none;
}

a:focus, a:hover {
    color: #197f19;
}

a {
    outline: medium none !important;
    color: #727272;
}

.uppercase {
    text-transform: uppercase;
}

/* Headungs
 ------------------------------ */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #272727;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}

h1 {
    font-size: 33px;
    line-height: 33px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 300;
}

h1.lessmar {
    margin-bottom: 10px;
}

h1.lessmar2 {
    margin-bottom: 5px;
}

h2 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 18px;
    font-style: normal;
    font-weight: 300;
}

h2.nomargin {
    margin-bottom: 0px;
}

h2.less-mar1 {
    margin-bottom: 3px;
}

h2.less-mar2 {
    margin-bottom: 5px;
}

h2.less-mar3 {
    margin-bottom: 7px;
}

h2.less-mar4 {
    margin-bottom: 9px;
}

h3 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 18px;
    font-style: normal;
}

h3.nomargin {
    margin-bottom: 0px;
}

h3.less-mar1 {
    margin-bottom: 3px;
}

h3.less-mar2 {
    margin-bottom: 5px;
}

h3.less-mar3 {
    margin-bottom: 7px;
}

h3.less-mar4 {
    margin-bottom: 9px;
}

h4 {
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 18px;
    font-style: normal;
}

h4.nomargin {
    margin-bottom: 0px;
}

h4.less-mar1 {
    margin-bottom: 3px;
}

h4.less-mar2 {
    margin-bottom: 5px;
}

h4.less-mar3 {
    margin-bottom: 7px;
}

h4.less-mar4 {
    margin-bottom: 9px;
}

h5 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 24px;
    font-style: normal;
}

h5.nomargin {
    margin-bottom: 0px;
}

h5.less-mar1 {
    margin-bottom: 3px;
}

h5.less-mar2 {
    margin-bottom: 5px;
}

h5.less-mar3 {
    margin-bottom: 7px;
}

h5.less-mar4 {
    margin-bottom: 9px;
}

h6 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 14px;
    font-style: normal;
}

h6.nomargin {
    margin-bottom: 0px;
}

h6.less-mar1 {
    margin-bottom: 3px;
}

h6.less-mar2 {
    margin-bottom: 5px;
}

h6.less-mar3 {
    margin-bottom: 7px;
}

h6.less-mar4 {
    margin-bottom: 9px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.h1, .h2, .h3, h1, h2, h3, h4 {
    margin-top: 0;
}

ul {
    list-style-type: none;
}

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

.text-white {
    color: #fff;
}

.text-dark {
    color: #242424;
}

.text-light {
    color: #acacac;
}

.text-green {
    color: #a5cd35;
}

.text-green-2 {
    color: #3fc35f;
}

.text-green-3 {
    color: #a5d549;
}

.text-green-4 {
    color: #8ac700;
}

.text-orange {
    color: #ffa60a;
}

.text-orange-2 {
    color: #fd602c;
}

.text-orange-4 {
    color: #ff9320;
}

.text-red {
    color: #ee4531;
}

.text-red-2 {
    color: #ea3628;
}

.text-red-3 {
    color: #eb574c;
}

.text-red-4 {
    color: #f43819;
}

.text-red-5 {
    color: #ed3325;
}

.text-gray {
    color: #727272;
}

.text-violet {
    color: #7c50b7;
}

.text-blue {
    color: #1fbef0;
}

.text-yellow {
    color: #ffc000;
}

.text-yellow-2 {
    color: #fcc813;
}

.text-yellow-3 {
    color: #f7c800;
}

.text-yellow-4 {
    color: #e9b444;
}

.text-yellow-green-2 {
    color: #e9ee42;
}

.text-pink {
    color: #f51f6f;
}

.text-pink-3 {
    color: #ce0a6c;
}

.text-brown {
    color: #8b501f;
}

.text-brown-2 {
    color: #b5854d;
}

.text-cyan {
    color: #42d1aa;
}

.text-stone {
    color: #c3a254;
}

/*=============== Margins ============= */
.bmargin {
    margin-bottom: 0px;
}

.tmargin {
    margin-top: 0px;
}

.col-divider-margin {
    width: 100%;
    float: left;
    margin-top: 60px;
}

.col-divider-margin-1 {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.col-divider-margin-2 {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.col-divider-margin-3 {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.col-divider-margin-4 {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.col-divider-margin-5 {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.col-divider-margin-6 {
    width: 100%;
    float: left;
    margin-top: 60px;
}

.nobottom-margin {
    margin-bottom: 0px;
}

.bottom-margin3 {
    margin-bottom: 30px;
}

.bottom-margin4 {
    margin-bottom: 40px;
}

.bottom-margin5 {
    margin-bottom: 50px;
}

.margin-top1 {
    float: left;
    margin-top: 10px;
    width: 100%;
}

.margin-top2 {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.margin-top3 {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.margin-top4 {
    float: left;
    margin-top: 40px;
    width: 100%;
}

.margin-top5 {
    float: left;
    margin-top: 50px;
    width: 100%;
}

.margin-top6 {
    float: left;
    margin-top: 60px;
    width: 100%;
}

.margin-top7 {
    float: left;
    margin-top: 70px;
    width: 100%;
}

.margin-left-1 {
    margin-left: 10px;
}

.margin-left-2 {
    margin-left: 20px;
}

.margin-left-3 {
    margin-left: 30px;
}

.margin-left-4 {
    margin-left: 40px;
}

.margin-left-5 {
    margin-left: 50px;
}

.margin-left-6 {
    margin-left: 60px;
}

.margin-left-7 {
    margin-left: 70px;
}

.colmargin {
    margin: 0 0 0 0;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

/* font weight
 ------------------------------ */
.fweight1 {
    margin-bottom: 0px;
}

/*=============== Divider lines ============= */
.divider-line {
    float: left;
    width: 100%;
}

.divider-line.dashed {
    border-bottom: 1px dashed;
}

.divider-line.solid {
    border-bottom: 1px solid;
}

.divider-line.dark {
    border-bottom-color: #444444;
}

.divider-line.dark-2 {
    border-bottom-color: #343333;
}

.divider-line.light {
    border-bottom-color: #e4e4e4;
}

.divider-line.top-padding {
    padding-top: 20px;
}

.divider-line.bottom-margin {
    margin-bottom: 20px;
}

.divider-line.margin {
    margin: 20px 0;
}

/* Divider Line less width
 ------------------------------ */
.divider-line.less-width-2 {
    width: 20%;
}

.divider-line.less-width-3 {
    width: 30%;
}

.divider-line.less-width-4 {
    width: 40%;
}

.divider-line.less-width-5 {
    width: 50%;
}

.divider-line.less-width-6 {
    width: 60%;
}

.divider-line.less-width-7 {
    width: 70%;
}

.divider-line.less-width-8 {
    width: 80%;
}

.divider-line.less-width-9 {
    width: 90%;
}

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

/* Divider Line colors
 ------------------------------ */
.divider-line.red2 {
    border-bottom-color: #ea3628;
}

.divider-line.yellow-2 {
    border-bottom-color: #fcc813;
}

.divider-line.red-4 {
    border-bottom-color: #e93e21;
}

.divider-line.cyan {
    border-bottom-color: #42d1aa;
}

.divider-line.blue {
    border-bottom-color: #1fbef0;
}

.divider-line.orange-4 {
    border-bottom-color: #ff9320;
}

.divider-line.green-4 {
    border-bottom-color: #8ac700;
}

/*=============== Paddings ============= */

.no-top-padding {
    padding-top: 0;
}

/* padding top
 ------------------------------ */
.padding-top-1 {
    padding-top: 10px;
}

.padding-top-2 {
    padding-top: 20px;
}

.padding-top-3 {
    padding-top: 30px;
}

.padding-top-4 {
    padding-top: 40px;
}

.padding-top-5 {
    padding-top: 50px;
}

.padding-top-6 {
    padding-top: 60px;
}

/* left padding
 ------------------------------ */

.padding-left-1 {
    padding-left: 10px;
}

.padding-left-2 {
    padding-left: 20px;
}

.padding-left-3 {
    padding-left: 30px;
}

.padding-left-4 {
    padding-left: 40px;
}

.padding-left-5 {
    padding-left: 50px;
}

.padding-left-6 {
    padding-left: 60px;
}

.padding-left-7 {
    padding-left: 70px;
}

.padding-left-8 {
    padding-left: 80px;
}

/* right padding
 ------------------------------ */

.padding-right-1 {
    padding-right: 10px;
}

.padding-right-2 {
    padding-right: 20px;
}

.padding-right-3 {
    padding-right: 30px;
}

.padding-right-4 {
    padding-right: 40px;
}

.padding-right-5 {
    padding-right: 50px;
}

.padding-right-6 {
    padding-right: 60px;
}

.padding-right-7 {
    padding-right: 70px;
}

.padding-right-8 {
    padding-right: 80px;
}

.nopaddtop {
    padding-top: 0px;
}

/*=============== Opacity styles ============= */
.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.1;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

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

.droid-serif {
    font-family: 'Droid Serif', serif;
}

.ubuntu {
    font-family: 'Ubuntu', sans-serif;
}

.oswald {
    font-family: 'Oswald', sans-serif;
}

.muli {
    font-family: 'Muli', sans-serif;
}

.great-vibes {
    font-family: 'Great Vibes', cursive;
}

.old-standardtt {
    font-family: 'Old Standard TT', serif;
}

.dosis {
    font-family: 'Dosis', sans-serif;
}

.roboto-slab {
    font-family: 'Roboto Slab', serif;
}

.gfs-didot {
    font-family: 'GFS Didot', serif;
}

.raleway {
    font-family: "Raleway", sans-serif;
}

.gloria-hallelujah {
    font-family: 'Gloria Hallelujah', cursive;
}

.love-ya-like-a-sister {
    font-family: 'Love Ya Like A Sister', cursive;
}

.michroma {
    font-family: 'Michroma', sans-serif;
}

/* letter spacing
 ------------------------------ */
.lspace-sm {
    letter-spacing: 5px;
}

.lspace-1 {
    letter-spacing: 10px;
}

.lspace-2 {
    letter-spacing: 20px;
}

.lspace-3 {
    letter-spacing: 30px;
}

.lspace-4 {
    letter-spacing: 40px;
}

.lspace-5 {
    letter-spacing: 50px;
}

/* font weight styles
 ------------------------------ */

.font-weight-1 {
    font-weight: 100;
}

.font-weight-2 {
    font-weight: 200;
}

.font-weight-3 {
    font-weight: 300;
}

.font-weight-4 {
    font-weight: 400;
}

.font-weight-5 {
    font-weight: 500;
}

.font-weight-6 {
    font-weight: 600;
}

.font-weight-7 {
    font-weight: 700;
}

.font-weight-8 {
    font-weight: 800;
}

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

/*=============== site main structure ============= */

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

.wrapper-boxed {
    width: 1240px;
    margin: auto auto auto auto;
}

/*=============== Icon Boxes ============= */
.iconbox-dxlarge, .iconbox-xlarge, .iconbox-large, .iconbox-xmedium, .iconbox-medium, .iconbox-smedium, .iconbox-small, .iconbox-tiny, .iconbox-xtiny {
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}

.iconbox-dxlarge {
    width: 200px;
    height: 200px;
    font-size: 46px;
    color: #242424;
    border: none;
    line-height: 135px;
}

.iconbox-xlarge {
    width: 135px;
    height: 135px;
    font-size: 46px;
    color: #242424;
    line-height: 135px;
}

.iconbox-large {
    width: 120px;
    height: 120px;
    font-size: 46px;
    color: #242424;
    line-height: 114px;
}

.iconbox-xmedium {
    width: 110px;
    height: 110px;
    font-size: 38px;
    color: #242424;
    line-height: 106px;
}

.iconbox-medium {
    width: 100px;
    height: 100px;
    font-size: 32px;
    color: #242424;
    line-height: 100px;
}

.iconbox-smedium {
    width: 90px;
    height: 90px;
    font-size: 26px;
    color: #242424;
    line-height: 90px;
}

.iconbox-small {
    width: 80px;
    height: 80px;
    font-size: 26px;
    color: #242424;
    line-height: 80px;
}

.iconbox-tiny {
    width: 70px;
    height: 70px;
    font-size: 26px;
    color: #242424;
    line-height: 74px;
}

.iconbox-xtiny {
    width: 60px;
    height: 60px;
    font-size: 18px;
    color: #242424;
    line-height: 60px;
}

.digit {
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: 115px;
    top: 115px;
    line-height: 36px;
    border-radius: 100%;
    background-color: #fd602c;
    transition: all 0.3s ease-out 0s;
}

.iconbox-xlarge.no-lineheight {
    line-height: 0;
}

/* icon rounded
 ------------------------------ */

.iconbox-dxlarge.round, .iconbox-xlarge.round, .iconbox-large.round, .iconbox-xmedium.round, .iconbox-medium.round, .iconbox-smedium.round, .iconbox-small.round, .iconbox-tiny.round, .iconbox-xtiny.round {
    border-radius: 100%;
}

/* iconboxes alignments
 ------------------------------ */

.iconbox-dxlarge.center, .iconbox-xlarge.center, .iconbox-large.center, .iconbox-xmedium.center, .iconbox-medium.center, .iconbox-smedium.center, .iconbox-small.center, .iconbox-tiny.center, .iconbox-xtiny.center {
    margin: 0 auto;
}

.iconbox-dxlarge.left, .iconbox-xlarge.left, .iconbox-large.left, .iconbox-xmedium.left, .iconbox-medium.left, .iconbox-smedium.left, .iconbox-small.left, .iconbox-tiny.left, .iconbox-xtiny.left {
    float: left;
    margin: 0px 20px 0px 0px;
}

.iconbox-dxlarge.right, .iconbox-xlarge.right, .iconbox-large.right, .iconbox-xmedium.right, .iconbox-medium.right, .iconbox-smedium.right, .iconbox-small.right, .iconbox-tiny.right, .iconbox-xtiny.right {
    float: right;
    margin: 0px 0px 0px 20px;
}

/* iconboxe background colors
 ------------------------------ */
.iconbox-dxlarge.dark, .iconbox-xlarge.dark, .iconbox-large.dark, .iconbox-xmedium.dark, .iconbox-medium.dark, .iconbox-smedium.dark, .iconbox-small.dark, .iconbox-tiny.dark, .iconbox-xtiny.dark {
    color: #fff;
    background-color: #242424;
}

.iconbox-dxlarge.dark, .iconbox-xlarge.white, .iconbox-large.white, .iconbox-xmedium.white, .iconbox-medium.white, .iconbox-smedium.white, .iconbox-small.white, .iconbox-tiny.white, .iconbox-xtiny.white {
    color: #242424;
    background-color: #fff;
}

.iconbox-dxlarge.gray, .iconbox-xlarge.gray, .iconbox-large.gray, .iconbox-xmedium.gray, .iconbox-medium.gray, .iconbox-smedium.gray, .iconbox-small.gray, .iconbox-tiny.gray, .iconbox-xtiny.gray {
    color: #fff;
    background-color: #474747;
}

/* iconboxs with stroke
 ------------------------------ */
.iconbox-dxlarge.grayoutline, .iconbox-xlarge.grayoutline, .iconbox-large.grayoutline, .iconbox-xmedium.grayoutline, .iconbox-medium.grayoutline, .iconbox-smedium.grayoutline, .iconbox-small.grayoutline, .iconbox-tiny.grayoutline, .iconbox-xtiny.grayoutline {
    color: #fff;
    background-color: none;
    border: 1px solid #727272;
}

.iconbox-dxlarge.grayoutline2, .iconbox-xlarge.grayoutline2, .iconbox-large.grayoutline2, .iconbox-xmedium.grayoutline2, .iconbox-medium.grayoutline2, .iconbox-smedium.grayoutline2, .iconbox-small.grayoutline2, .iconbox-tiny.grayoutline2, .iconbox-xtiny.grayoutline2 {
    color: #242424;
    background-color: none;
    border: 1px solid #e4e4e4;
}

.iconbox-dxlarge.white-outline, .iconbox-xlarge.white-outline, .iconbox-large.white-outline, .iconbox-xmedium.white-outline, .iconbox-medium.white-outline, .iconbox-smedium.white-outline, .iconbox-small.white-outline, .iconbox-tiny.white-outline, .iconbox-xtiny.white-outline {
    color: #fff;
    background-color: none;
    border: 1px solid #fff;
}

.iconbox-dxlarge.dark-outline, .iconbox-xlarge.dark-outline, .iconbox-large.dark-outline, .iconbox-xmedium.dark-outline, .iconbox-medium.dark-outline, .iconbox-smedium.dark-outline, .iconbox-small.dark-outline, .iconbox-tiny.dark-outline, .iconbox-xtiny.dark-outline {
    color: #161616;
    background-color: none;
    border: 1px solid #161616;
}

/* Icons Plain
 ------------------------------ */

.icon-plain-large {
    font-size: 80px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-medium {
    font-size: 60px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-small {
    font-size: 40px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-msmall {
    font-size: 32px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-tiny {
    font-size: 20px;
    color: #242424;
    transition: all 0.3s ease-out 0s;
}

.icon-plain-small.rightline {
    border-right: 1px solid #3F3F3F;
}

.icon-plain-medium.rightline {
    margin: 0px 20px 50px 0px;
    border-right: 1px solid #FFC153;
}

.icon-plain-small.dark {
    color: #242424;
}

/* plain icon alignments
 ------------------------------ */

.icon-plain-large.center, .icon-plain-medium.center, .icon-plain-small.center, .icon-plain-msmall.center, .icon-plain-tiny.center {
    margin: 0 auto;
}

.icon-plain-large.left, .icon-plain-medium.left, .icon-plain-small.left, .icon-plain-msmall.left, .icon-plain-tiny.left {
    float: left;
    margin: 0px 20px 0px 0px;
}

.icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
    float: right;
    margin: 0px 0px 0px 20px;
}

/* plain icon colors
 ------------------------------ */

.icon-plain-large.dark, .icon-plain-medium.dark, .icon-plain-small.dark, .icon-plain-msmall.dark, .icon-plain-tiny.dark {
    color: #242424;
}

.icon-plain-large.white, .icon-plain-medium.white, .icon-plain-small.white, .icon-plain-msmall.white, .icon-plain-tiny.white {
    color: #fff;
}

.icon-plain-large.green, .icon-plain-medium.green, .icon-plain-small.green, .icon-plain-msmall.green, .icon-plain-tiny.green {
    color: #fd602c;
}

.icon-plain-large.gray, .icon-plain-medium.gray, .icon-plain-small.gray, .icon-plain-msmall.gray, .icon-plain-tiny.gray {
    color: #727272;
}

/*============ Text Boxes ============ */

.text-box-right {
    display: block;
    padding: 0px 0px 0px 99px;
    margin: 0px;
    text-align: left;
}

.text-box-left {
    display: block;
    padding: 0px 90px 0px 0;
    margin: 0px;
    text-align: right;
}

.item-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.text-box-inner {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 30px;
    padding-left: 31px;
}

.text-box {
    width: 100%;
    float: left;
}

.text-box.white {
    background-color: #fff;
}

.text-box.dark {
    background-color: #242424;
}

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

.text-box-right.border-top, .text-box-left.border-top, .item-holder.border-top, .text-box-inner.border-top, .text-box.border-top {
    border-top: 1px solid #e4e4e4;
}

.text-box-right.border-bottom, .text-box-left.border-bottom, .item-holder.border-bottom, .text-box-inner.border-bottom, .text-box.border-bottom {
    border-bottom: 1px solid #e4e4e4;
}

.text-box-right.border-left, .text-box-left.border-left, .item-holder.border-left, .text-box-inner.border-left, .text-box.border-left {
    border-left: 1px solid #e4e4e4;
}

.text-box-right.border-right, .text-box-left.border-right, .item-holder.border-right, .text-box-inner.border-right, .text-box.border-right {
    border-right: 1px solid #e4e4e4;
}

/* text boxe padding
 ------------------------------ */
.text-box.padding-1 {
    padding: 10px;
}

.text-box.padding-2 {
    padding: 20px;
}

.text-box.padding-3 {
    padding: 30px;
}

.text-box.padding-4 {
    padding: 40px;
}

.text-box.padding-5 {
    padding: 50px;
}

.text-box.padding-6 {
    padding: 60px;
}

.text-box.padding-7 {
    padding: 70px;
}

.text-box.padding-8 {
    padding: 80px;
}

.text-box.padding-9 {
    padding: 90px;
}

/* text boxes margin and paddings
 ------------------------------ */

/* left box
------------------------------ */

.item-holder.marginbottom {
    margin: 0 0 40px 0;
}

.text-box-left.more-padding-1 {
    padding: 0px 0px 0px 120px;
}

.text-box-left.more-padding-2 {
    padding: 0px 0px 0px 150px;
}

.text-box-left.less-padding-1 {
    padding: 0px 70px 0px 0;
}

/* right box
 ------------------------------ */

.text-box-right.more-padding-1 {
    padding: 0px 0px 0px 120px;
}

.text-box-right.more-padding-2 {
    padding: 0px 0px 0px 140px;
}

.text-box-right.more-padding-3 {
    padding: 0px 0px 0px 160px;
}

.text-box-right.more-padding-4 {
    padding: 0px 0px 0px 170px;
}

.text-box-inner.min-height-1 {
    min-height: 305px;
}

.text-box-right.less-padding-1 {
    padding: 0px 0px 0px 70px;
}

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

a.read-more {
    color: #fd602c;
}

a.read-more:hover {
    color: #242424;
}

a.read-more.white {
    color: #fff;
}

a.read-more.white:hover {
    color: #fff;
}

a.read-more.dark {
    color: #242424;
}

a.read-more.dark:hover {
    color: #fd602c;
}

a.read-more.dark2 {
    color: #242424;
}

a.read-more.dark2:hover {
    color: #727272;
}

a.read-more.yellow {
    color: #ffc000;
}

a.read-more.yellow:hover {
    color: #242424;
}

a.read-more.yellow-2 {
    color: #fcc813;
}

a.read-more.yellow-2:hover {
    color: #242424;
}

a.read-more.yellow-3 {
    color: #f7c800;
}

a.read-more.yellow-3:hover {
    color: #242424;
}

a.read-more.stone {
    color: #c3a254;
}

a.read-more.stone:hover {
    color: #242424;
}

a.read-more.brown-2 {
    color: #b5854d;
}

a.read-more.brown-2:hover {
    color: #242424;
}

a.read-more.pink-3 {
    color: #ce0a6c;
}

a.read-more.pink-3:hover {
    color: #242424;
}

a.read-more.blue {
    color: #1fbef0;
}

a.read-more.blue:hover {
    color: #242424;
}

a.read-more.cyan {
    color: #42d1aa;
}

a.read-more.cyan:hover {
    color: #727272;
}

.btn.active, .btn:active {
    box-shadow: none;
}

/* button styles
 ------------------------------ */

.btn {
    padding: 10px 36px;
    margin: 0px;
    box-shadow: none;
    border-radius: 0;
}

.btn.btn-large {
    padding: 15px 60px;
}

.btn.btn-small {
    padding: 8px 18px;
}

.btn.btn-small-2 {
    padding: 4px 18px;
}

/* button radius
 ------------------------------ */
.btn.btn-xround {
    border-radius: 20px;
}

.btn.btn-round {
    border-radius: 2px;
}

.btn.top-margin {
    margin-top: 20px;
}

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

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

.btn.btn-white:hover {
    color: #fff;
    background-color: #242424;
}

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

.btn.btn-dark:hover {
    color: #fff;
    background-color: #3e3e3e;
}

/* button dark-2
 ------------------------------ */
.btn.btn-dark-2 {
    color: #fff;
    background-color: #161616;
}

.btn.btn-dark-2:hover {
    color: #161616;
    background-color: #fff;
}

/* button orange
 ------------------------------ */
.btn.btn-orange {
    color: #fff;
    background-color: #fd602c;
}

.btn.btn-orange:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange-2
 ------------------------------ */
.btn.btn-orange-2 {
    color: #fff;
    background-color: #fd602c;
}

.btn.btn-orange-2:hover {
    color: #242424;
    background-color: #fff;
}

/* button orange-2 on hover dark
 ------------------------------ */
.btn.btn-orange-2.dark {
    color: #fff;
    background-color: #fd602c;
}

.btn.btn-orange-2.dark:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange-3
 ------------------------------ */
.btn.btn-orange-3 {
    color: #fff;
    background-color: #ff971c;
}

.btn.btn-orange-3:hover {
    color: #242424;
    background-color: #fff;
}

/* button brown
 ------------------------------ */
.btn.btn-brown {
    color: #242424;
    background-color: #fff;
}

.btn.btn-brown:hover {
    color: #fff;
    background-color: #8b501f;
}

/* button brown-2
 ------------------------------ */
.btn.btn-brown-2 {
    color: #fff;
    background-color: #b5854d;
}

.btn.btn-brown-2:hover {
    color: #fff;
    background-color: #242424;
}

/* button yellow
 ------------------------------ */
.btn.btn-yellow {
    color: #fff;
    background-color: #ffc000;
}

.btn.btn-yellow:hover {
    color: #fff;
    background-color: #242424;
}

/* button yellow-green-2
 ------------------------------ */
.btn.btn-yellow-green-2 {
    color: #242424;
    background-color: #e9ee42;
}

.btn.btn-yellow-green-2:hover {
    color: #242424;
    background-color: #fff;
}

/* button yellow-3
 ------------------------------ */
.btn.btn-yellow-3 {
    color: #fff;
    background-color: #f7c800;
}

.btn.btn-yellow-3:hover {
    color: #fff;
    background-color: #242424;
}

/* button pink
 ------------------------------ */
.btn.btn-pink {
    color: #fff;
    background-color: #f51f6f;
}

.btn.btn-pink:hover {
    color: #fff;
    background-color: #242424;
}

/* button pink-3
 ------------------------------ */
.btn.btn-pink-3 {
    color: #fff;
    background-color: #ce0a6c;
}

.btn.btn-pink-3:hover {
    color: #fff;
    background-color: #242424;
}

/* button red
 ------------------------------ */
.btn.btn-red {
    color: #fff;
    background-color: #e93e21;
}

.btn.btn-red:hover {
    color: #fff;
    background-color: #242424;
}

/* button red-2
 ------------------------------ */
.btn.btn-red-2 {
    color: #fff;
    background-color: #ea3628;
}

.btn.btn-red-2:hover {
    color: #fff;
    background-color: #ea3628;
}

/* button red-3
 ------------------------------ */
.btn.btn-red-3 {
    color: #fff;
    background-color: #eb574c;
}

.btn.btn-red-3:hover {
    color: #fff;
    background-color: #242424;
}

/* button red-4
 ------------------------------ */
.btn.btn-red-4 {
    color: #fff;
    background-color: #f43819;
}

.btn.btn-red-4:hover {
    color: #fff;
    background-color: #242424;
}

/* button red-5
 ------------------------------ */
.btn.btn-red-5 {
    color: #fff;
    background-color: #ed3325;
}

.btn.btn-red-5:hover {
    color: #242424;
    background-color: #fff;
}

/* button cyan
 ------------------------------ */
.btn.btn-cyan {
    color: #fff;
    background-color: #42d1aa;
}

.btn.btn-cyan:hover {
    color: #242424;
    background-color: #fff;
}

/* button blue
 ------------------------------ */
.btn.btn-blue {
    color: #fff;
    background-color: #1fbef0;
}

.btn.btn-blue:hover {
    color: #fff;
    background-color: #242424;
}

/* button orange
 ------------------------------ */
.btn.btn-green-4 {
    color: #fff;
    background-color: #8ac700;
}

.btn.btn-green-4:hover {
    color: #242424;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

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

/* button border white
 ------------------------------ */
.btn.btn-border.white {
    color: #fff;
    border-color: #fff;
}

.btn.btn-border:hover.white {
    color: #242424;
    background-color: #fff;
    border-color: #fff;
}

/* button border white
 ------------------------------ */
.btn.btn-border.white-2 {
    color: #fff;
    border-color: #fff;
}

.btn.btn-border:hover.white-2 {
    color: #242424;
    background-color: #fff;
    border-color: #fff;
}

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

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

/* button border light
 ------------------------------ */
.btn.btn-border.light {
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light {
    color: #fff;
    background-color: #242424;
    border-color: #242424;
}

/* button border orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
    color: #fd602c;
    border-color: #fd602c;
}

.btn.btn-border:hover.orange-2 {
    color: #fff;
    background-color: #fd602c;
    border-color: #fd602c;
}

/* button border orange-2
 ------------------------------ */
.btn.btn-border.orange-2 {
    color: #fd602c;
    border-color: #fd602c;
}

.btn.btn-border:hover.orange-2 {
    color: #fff;
    background-color: #fd602c;
    border-color: #fd602c;
}

/* button border orange-4
 ------------------------------ */
.btn.btn-border.orange-4 {
    color: #ff9320;
    border-color: #ff9320;
}

.btn.btn-border:hover.orange-4 {
    color: #fff;
    background-color: #ff9320;
    border-color: #ff9320;
}

/* button border gray
 ------------------------------ */
.btn.btn-border.gray {
    color: #fff;
    border-color: #727272;
}

.btn.btn-border:hover.gray {
    color: #fff;
    background-color: #5c5b5b;
    border-color: #5c5b5b;
}

/* button border gray-2
 ------------------------------ */
.btn.btn-border.gray-2 {
    color: #242424;
    border-color: #727272;
}

.btn.btn-border:hover.gray-2 {
    color: #fff;
    background-color: #5c5b5b;
    border-color: #5c5b5b;
}

/* button border xdark
 ------------------------------ */
.btn.btn-border.xdark {
    color: #161616;
    border-color: #161616;
}

.btn.btn-border:hover.xdark {
    color: #fff;
    background-color: #161616;
    border-color: #161616;
}

/* button border brown
 ------------------------------ */
.btn.btn-border.brown {
    color: #8b501f;
    border-color: #8b501f;
}

.btn.btn-border:hover.brown {
    color: #fff;
    background-color: #8b501f;
    border-color: #8b501f;
}

/* button border white on hover brown
 ------------------------------ */
.btn.btn-border.white.brown {
    color: #fff;
    border-color: #fff;
}

.btn.btn-border:hover.white.brown {
    color: #fff;
    background-color: #8b501f;
    border-color: #8b501f;
}

/* button border yellow-green
 ------------------------------ */
.btn.btn-border.yellow-green {
    color: #197f19;
    border-color: #197f19;
}

.btn.btn-border:hover.yellow-green {
    color: #fff;
    background-color: #197f19;
    border-color: #197f19;
}

/* button border yellow-green-2
 ------------------------------ */
.btn.btn-border.yellow-green-2 {
    color: #e9ee42;
    border-color: #e9ee42;
}

.btn.btn-border:hover.yellow-green-2 {
    color: #242424;
    background-color: #e9ee42;
    border-color: #e9ee42;
}

/* button border light on hover yellow-green-2
 ------------------------------ */
.btn.btn-border.light.yellow-green-2 {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.yellow-green-2 {
    color: #242424;
    background-color: #e9ee42;
    border-color: #e9ee42;
}

/* button border pink
 ------------------------------ */
.btn.btn-border.pink {
    color: #f51f6f;
    border-color: #f51f6f;
}

.btn.btn-border:hover.pink {
    color: #fff;
    background-color: #f51f6f;
    border-color: #f51f6f;
}

/* button border stone
 ------------------------------ */
.btn.btn-border.stone {
    color: #c3a254;
    border-color: #c3a254;
}

.btn.btn-border:hover.stone {
    color: #fff;
    background-color: #c3a254;
    border-color: #c3a254;
}

/* button border red
 ------------------------------ */
.btn.btn-border.red {
    color: #e93e21;
    border-color: #e93e21;
}

.btn.btn-border:hover.red {
    color: #fff;
    background-color: #e93e21;
    border-color: #e93e21;
}

/* button border light hover red
 ------------------------------ */
.btn.btn-border.light.red {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.red {
    color: #fff;
    background-color: #e93e21;
    border-color: #e93e21;
}

/* button border light hover red-2
 ------------------------------ */
.btn.btn-border.light.red-2 {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.red-2 {
    color: #fff;
    background-color: #ea3628;
    border-color: #ea3628;
}

/* button border yellow-2
 ------------------------------ */
.btn.btn-border.yellow-2 {
    color: #fcc813;
    border-color: #fcc813;
}

.btn.btn-border:hover.yellow-2 {
    color: #fff;
    background-color: #fcc813;
    border-color: #fcc813;
}

/* button border red-5
 ------------------------------ */
.btn.btn-border.red-5 {
    color: #ed3325;
    border-color: #ed3325;
}

.btn.btn-border:hover.red-5 {
    color: #fff;
    background-color: #ed3325;
    border-color: #ed3325;
}

/* button border red-5
 ------------------------------ */
.btn.btn-border.light.cyan {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.cyan {
    color: #fff;
    background-color: #42d1aa;
    border-color: #42d1aa;
}

/* button border blue
 ------------------------------ */
.btn.btn-border.blue {
    color: #1fbef0;
    border-color: #1fbef0;
}

.btn.btn-border:hover.blue {
    color: #fff;
    background-color: #1fbef0;
    border-color: #1fbef0;
}

/* button border green-4
 ------------------------------ */
.btn.btn-border.green-4 {
    color: #8ac700;
    border-color: #8ac700;
}

.btn.btn-border:hover.green-4 {
    color: #fff;
    background-color: #8ac700;
    border-color: #8ac700;
}

/* button border light hover green-4
 ------------------------------ */
.btn.btn-border.light.green-4 {
    color: #242424;
    border-color: #e4e4e4;
}

.btn.btn-border:hover.light.green-4 {
    color: #fff;
    background-color: #8ac700;
    border-color: #8ac700;
}

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

.btn.appstore {
    width: 200px;
    padding: 10px 25px;
    margin: 0px;
    text-align: left;
}

.btn.appstore.right-margin {
    margin-right: 10px;
}

.btn.appstore.orange {
    background-color: #fd602c;
}

.btn.appstore span {
    margin: 0px;
    float: left;
    padding: 0;
    text-align: left;
}

.btn.appstore span i {
    font-size: 40px;
    color: #fff;
    padding: 0 20px 0 0;
}

.btn.appstore p {
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0 25px 0 20px;
    text-align: left;
}

.btn.appstore .big {
    margin: 0px;
    font-size: 18px;
    padding: 0;
}

.btn.appstore.orange:hover {
    background-color: #fff;
}

.btn.appstore.orange:hover p, .btn.appstore.orange:hover .big, .btn.appstore.orange:hover span i {
    color: #242424;
}

/* Appstore button white
 ------------------------------ */
.btn.appstore.white {
    background-color: #fff;
}

.btn.appstore.white span i {
    font-size: 40px;
    color: #242424;
    padding: 0 20px 0 0;
}

.btn.appstore.white:hover {
    background-color: #fd602c;
}

.btn.appstore.white:hover p, .btn.appstore.white:hover .big, .btn.appstore.white:hover span i {
    color: #fff;
}

/*============ Image Boxes ============ */

.section-side-image {
    position: relative;
    padding: 0px;
    margin: 0px;
}

.section-side-image .img-holder {
    overflow: hidden;
    height: 100%;
    padding: 0px;
    top: 0px;
    position: absolute;
}

.background-imgholder.top-padd {
    padding-top: 80px;
}

.section-side-image .text-inner {
    padding: 80px 80px 80px 0;
}

.section-side-image .text-inner.two {
    padding: 0px 80px 0px 0;
}

.background-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

.background-imgholder.img1 {
    background-image: url(images/site-img01.jpg);
}

.background-imgholder.img2 {
    background-image: url(images/site-img09.jpg);
}

.background-imgholder.img3 {
    background-image: url(images/site-img54.jpg);
}

.background-imgholder.img4 {
    background-image: url(images/site-img48.jpg);
}

.background-imgholder.img5 {
    background-image: url(images/site-img56.jpg);
}

.background-imgholder.img6 {
    background-image: url(images/site-img98.jpg);
}

.background-imgholder.img7 {
    background-image: url(images/site-img122.jpg);
}

.background-imgholder.img8 {
    background-image: url(images/260.jpg);
}

.background-imgholder.img9 {
    background-image: url(images/281.jpg);
}

/* side image 2
 ------------------------------ */
.section-side-image-2 {
    position: relative;
    padding: 0px;
    margin: 0px;
}

.section-side-image-2 .img-holder {
    overflow: hidden;
    height: 100%;
    padding: 0px;
    top: 0px;
    position: absolute;
}

.section-side-image-2 .background-imgholder-2.top-padd {
    padding-top: 80px;
}

.section-side-image-2 .text-inner.two {
    padding: 0px 80px 0px 0;
}

.section-side-image-2 .background-imgholder-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

.image-holder {
    width: 100%;
    float: left;
}

.image-holder.lesswidth1 {
    width: 80%;
}

.image-holder.lesswidth2 {
    width: 75%;
}

.image-holder.lesswidth3 {
    width: 70%;
}

.image-left {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0 19px 0 0;
    transition: all 0.3s ease-out 0s;
}

.img-align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.nodisplay-image {
    display: none;
}

/* background image full width
 ------------------------------ */
.background-imgholder-full {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.background-imgholder-full.img1 {
    width: 100%;
    height: 510px;
    background: url(images/site-img73.png) 0 0 no-repeat;
}

.background-imgholder-full.img2 {
    width: 100%;
    height: 510px;
    background: url(images/279.png) 0 0 no-repeat;
}

/* image overflow hidden
 ------------------------------ */
.overflow-hidden {
    overflow: hidden;
}

/*============ Lists ============ */

.iconlist {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.iconlist li {
    padding: 0px;
    margin: 0 0 15px 0;
    display: block;
    line-height: 23px;
}

.iconlist li i {
    color: #fd602c;
    padding: 0 15px 0 0;
}

.iconlist.orange li i {
    color: #fd602c;
    padding: 0 15px 0 0;
}

.iconlist.orange2 li i {
    color: #fd602c;
    padding: 0 15px 0 0;
}

.iconlist.dark li i {
    color: #161616;
}

.iconlist.less-margin li {
    margin: 0 0 13px 0;
}

.iconlist.green2 li i {
    color: #fd602c;
}

.iconlist.yellow li i {
    color: #ffc000;
}

.iconlist.white li i {
    color: #fff;
}

.iconlist.white-2 li {
    color: #fff;
}

.iconlist.medium li i {
    color: #727272;
}

.iconlist.dark-red li {
    color: #913256;
}

.iconlist.pink li i {
    color: #f51f6f;
    padding: 0 15px 0 0;
}

.iconlist.stone li a {
    color: #c3a254;
    margin: 0 0 10px 0;
}

.iconlist.stone li i {
    color: #c3a254;
}

.iconlist.red-5 li i {
    color: #ed3325;
}

.iconlist.cyan li i {
    color: #42d1aa;
}

.iconlist.blue li i {
    color: #1fbef0;
}

.iconlist.green-4 li i {
    color: #8ac700;
}

.iconlist.green-4 li {
    margin: 0 0 10px 0;
}

/* Client Logo List
 ------------------------------ */
.clientlogo-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.clientlogo-list li {
    display: inline;
    padding: 0 16px 0 0;
    margin: 0px;
}

.clientlogo-list li.last {
    padding: 0 0 0 0;
}

.clientlogo-list.two li {
    padding: 0 90px 0 0;
}

.clientlogo-list.two li.last {
    padding: 0 0 0 0;
}

.clientlogo-list.two.transparent {
    opacity: 0.5;
}

/* Client Logo List 2
 ------------------------------ */
.client-list2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.client-list2 .col-md-4 {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.client-list2 .col-md-4:last-child {
    border-right: none;
}

.client-list2.lastrow {
    border-bottom: none;
}

/* Client Logo List 3
 ------------------------------ */
.client-list3 {
    width: 100%;
    padding: 15px;
    margin: 0 0 3px 0;
    float: left;
    text-align: center;
    background-color: #fff;
}

/* side navigation list
 ------------------------------ */
.side-nav-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.side-nav-list li {
    width: 100%;
    padding: 0px;
    margin: 0 0 2px 0;
    float: left;
}

.side-nav-list li a {
    width: 100%;
    padding: 15px 25px;
    margin: 0px;
    font-weight: normal;
    float: left;
    background-color: #f6f6f6;
}

.side-nav-list li a:hover, .side-nav-list li a.active {
    color: #fff;
    background-color: #ffc000;
}

/* side navigation list
 ------------------------------ */
.category-links {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.category-links li {
    width: 100%;
    padding: 10px 0;
    margin: 0 0 0 0;
    float: left;
    border-bottom: 1px solid #eeeeee;
}

.category-links li a:hover, .category-links li a.active {
    color: #197f19;
}

.category-links li:last-child {
    border-bottom: none;
}

.category-links.red-4 li a:hover, .category-links.red-4 li a.active {
    color: #f43819;
}

.category-links.cyan li a:hover, .category-links.cyan li a.active {
    color: #42d1aa;
}

.category-links.orange-2 li a:hover, .category-links.orange-2 li a.active {
    color: #fd602c;
}

/* blog1 tags
 ------------------------------ */
.tags {
    padding: 0px;
    margin: 0px;
}

.tags li {
    padding: 0px;
    margin: 0;
}

.tags li a {
    padding: 5px 15px 5px 15px;
    margin: 0 10px 10px 0;
    float: left;
    color: #727272;
    background-color: #e7e7e7;
}

.tags li a:hover, .tags li a.active {
    color: #fff;
    background-color: #197f19;
}

.tags.two li a {
    color: #242424;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.tags.two li a:hover, .tags.two li a.active {
    color: #fff;
    background-color: #42d1aa;
    border: 1px solid #42d1aa;
}

/*tags 2
 ------------------------------ */
.tags-2 {
    padding: 0px;
    margin: 0px;
}

.tags-2 li {
    padding: 0px;
    margin: 0;
}

.tags-2 li a {
    padding: 5px 15px 5px 15px;
    margin: 0 10px 10px 0;
    float: left;
    color: #727272;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.tags-2 li a:hover, .tags-2 li a.active {
    color: #fff;
    border: 1px solid #fd602c;
    background-color: #fd602c;
}

/* sidebar works list
 ------------------------------ */
.sidebar-works {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.sidebar-works li {
    padding: 0px;
    margin: 4px 4px 0 0;
    float: left;
}

.sidebar-works li.last {
    margin: 4px 0 0 0;
}

/*============ Curent class for one page theme ============ */

.menu-main .navbar-nav li a.current {
    color: #fcc813;
}

#header .navbar-nav li a.current {
    color: #e9b444;
    border-bottom: 2px solid #e9b444;
}

#header11 .navbar-nav li a.current {
    color: #ff9320;
}

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

/* Sticky bg
 ------------------------------ */
#header {
    position: relative;
    background: #fff;
    padding: 0;
    width: 100%;
    z-index: 999;
}

#header2 {
    position: relative;
    background: none;
    padding: 0;
    width: 100%;
    left: 0px;
    margin: 0px;
    top: 0px;
    z-index: 999;
    transition: background-color 0.4s ease-out;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#header3 {
    position: relative;
    background: #000;
    padding: 0;
    width: 100%;
    z-index: 999;
}

#header4 {
    position: relative;
    background: none;
    padding: 0;
    width: 100%;
    left: 0px;
    margin: 0px;
    top: 0px;
    z-index: 999;
    transition: background-color 0.4s ease-out;
}

#header5 {
    position: relative;
    background: none;
    padding: 0;
    width: 100%;
    left: 0px;
    margin: 0px;
    top: 0px;
    z-index: 999;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: background-color 0.4s ease-out;
}

#header6 {
    position: relative;
    background: #161616;
    padding: 0;
    width: 100%;
    z-index: 999;
}

#header7 {
    position: relative;
    background: none;
    padding: 0;
    width: 100%;
    height: 50px;
    left: 0px;
    margin: 0px;
    top: 0px;
    z-index: 999;
    transition: background-color 0.4s ease-out;
}

#header8 {
    position: relative;
    background: none;
    padding: 0;
    width: 100%;
    left: 0px;
    margin: 0px;
    top: 25px;
    z-index: 999;
    transition: background-color 0.4s ease-out;
    background: none;
}

#header8 .menu-bg {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
}

#header9 {
    position: relative;
    background: none;
    padding: 0;
    width: 100%;
    left: 0px;
    margin: 0px;
    top: -48px;
    z-index: 999;
    transition: background-color 0.4s ease-out;
    background: none;
}

#header9 .menu-bg {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
}

#header10 {
    position: relative;
    padding: 0;
    width: 100%;
    left: 0px;
    margin: 0px;
    top: -48px;
    z-index: 9000;
    transition: background-color 0.4s ease-out;
    background: none;
}

#header10 .menu-bg {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
    background-color: #fff;
}

#header11 {
    position: relative;
    background: #fff;
    padding: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #eeeeee;
}

.navbar-brand.left-padding {
    padding-left: 20px;
}

.navbar-brand.logo-padding {
    padding: 35px 0 0 20px;
}

.menu-main {
    background: none;
}

.menu-main2 {
    background: none;
}

.menu-main-3 {
    background: none;
}

.navbar-header .logo-box {
    width: 200px;
    height: 80px;
    padding: 0 0 0 20px;
    margin: 0px;
    float: left;
    background-color: #ed3325;
}

.navbar-header .logo-box.big-1 {
    width: 250px;
}

.navbar-header .logo-box.big-2 {
    width: 300px;
}

.navbar-header .logo-box.big-3 {
    width: 400px;
}

.navbar-brand.less-top-padding {
    padding: 16px 0 0;
}

/*============ Topbar Styles ============ */

/* Topbar
 ------------------------------ */

.topbar {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0px;
}

.topbar.white {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

.topbar.light {
    background-color: #f6f6f6;
}

.topbar.dark {
    background-color: #242424;
}

.topbar.fulldark {
    background-color: #000;
    border-bottom: 1px solid #262626;
}

.topbar.orange2 {
    background-color: #fd602c;
}

.topbar.red2 {
    background-color: #ea3628;
}

.topbar.red-3 {
    background-color: #eb574c;
}

.topbar.pink-2 {
    background-color: #f51f6f;
}

.topbar.more-padding {
    padding: 20px 0 80px 0;
}

/* Topbar list
 ------------------------------ */
.toplist {
    float: right;
    padding: 0px;
    margin: 0px;
}

.toplist li {
    float: left;
    color: #8d8c8c;
    text-align: right;
    font-size: 14px;
    margin: 0px;
    padding: 0 10px 0 10px;
}

.toplist li.lineright {
    border-right: 1px solid #e4e4e4;
}

.toplist li a {
    color: #8d8c8c;
}

.toplist li a:hover {
    color: #272727;
}

.toplist.toppadding {
    padding-top: 10px;
}

a.topbar-btn {
    float: left;
    color: #242424;
    text-align: center;
    font-size: 14px;
    margin: 0px;
    border-radius: 2px;
    padding: 5px 15px;
    background-color: #fff;
}

.topbar-padding {
    padding: 7px 0 15px 0;
}

.topbar-left-items {
    float: left;
    margin: 0;
    padding: 0;
    width: 37%;
}

.topbar-middle-logo {
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 26%;
    text-align: center;
    background-color: #fd602c;
}

.topbar-middle-logo.no-bgcolor {
    background: none;
}

.topbar-right-items {
    float: left;
    margin: 0;
    padding: 0;
    width: 37%;
}

/* topbar dark list color
 ------------------------------ */
.topbar.dark .toplist li a:hover {
    color: #fff;
}

.topbar.fulldark .toplist li a:hover {
    color: #fff;
}

.topbar.dark .toplist li.lineright {
    border-right: 1px solid #727272;
}

.topbar.fulldark .toplist li.lineright {
    border-right: 1px solid #3a3a3a;
}

/* topbar logo middle
 ------------------------------ */
.topbar-middle-logo.nobg {
    background: none;
}

/* topbar btn
 ------------------------------ */
a.topbar-btn:hover, a.topbar-btn.active {
    color: #FFF !important;
    background-color: #fd602c;
}

/* topbar pink top list color
 ------------------------------ */
.topbar.pink .toplist li a {
    color: #f51f6f;
}

.topbar.pink .toplist li {
    color: #f51f6f;
}

/* topbar white top list color
 ------------------------------ */
.topbar.white-2 .toplist li a {
    color: #fff;
}

.topbar.white-2 .toplist li {
    color: #fff;
}

/* topbar orange toplist color
 ------------------------------ */
.topbar.orange2 .toplist li {
    color: #fff;
}

.topbar.orange2 .toplist li a {
    color: #fff;
}

.topbar.orange2 .toplist li a:hover {
    color: #242424;
}

/* topbar right items two
 ------------------------------ */
.topbar-right-items.two {
    width: 50%;
}

/*============ Logo ============ */

.logo {
    position: relative;
    float: left;
    text-align: left;
    padding: 20px 0 0 0;
    z-index: 10;
}

.logo.toppadd {
    padding: 5px 0 0 0;
}

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

/* page title
 ------------------------------ */
.section-title {
    font-weight: 400;
}

/* subtitle
 ------------------------------ */
.sub-title {
    width: 48%;
    font-size: 16px;
    margin: 0 auto 70px auto;
}

.sub-title-2 {
    width: 48%;
    font-size: 14px;
    margin: 0 auto 70px auto;
}

.sub-title-left {
    width: 90%;
    font-size: 16px;
    margin-right: 10%;
    float: left;
    margin-bottom: 55px;
}

.sub-title-left-2 {
    width: 90%;
    font-size: 14px;
    margin-right: 10%;
    float: left;
    margin-bottom: 55px;
}

/* Page title style 2
 ------------------------------ */
.section-title-2 {
    font-weight: 400;
    font-size: 28px;
}

.sub-title-2.more-width {
    width: 90%;
}

/* Page title style 3
 ------------------------------ */
.section-title-3 {
    padding: 0 0 20px 0;
    margin: 0px;
    font-weight: 700;
    font-size: 60px;
}

.section-title-3.small {
    font-weight: 700;
    padding: 0 0 10px 0;
    font-size: 30px;
}

/* Page title style 4
 ------------------------------ */
.section-title-4 {
    padding: 10px 0 30px 0;
    margin: 0px;
    font-weight: 100;
    font-size: 70px;
}

/* Page title style 5
 ------------------------------ */
.section-title-5 {
    font-weight: normal;
    font-size: 26px;
}

/* Page title style 6
 ------------------------------ */
.section-title-6 {
    padding: 10px 0 0 0;
    margin: 0px;
    font-weight: bold;
    font-size: 60px;
    line-height: 60px;
}

.section-small-title-6 {
    padding: 0;
    margin: 0px;
    font-weight: normal;
    font-size: 60px;
}

/* page title 7
 ------------------------------ */
.section-title-7 {
    overflow: hidden;
    text-align: center;
    margin-bottom: 50px;
}

.section-title-7 > span {
    position: relative;
    display: inline-block;
}

.section-title-7 > span:before, .section-title-7 > span:after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
    border-color: #e4e4e4;
}

.section-title-7 > span:before {
    right: 100%;
}

.section-title-7 > span:after {
    left: 100%;
}

.sec-topmargin {
    margin-top: -80px;
}

/* section title small
 ------------------------------ */
.section-title-small {
    padding: 0 0 12px 0;
    margin: 0px;
    font-weight: 400;
    font-size: 20px;
}

.section-title-xsmall {
    padding: 0 0 0 0;
    margin: 0px;
    font-weight: 400;
    font-size: 18px;
}

/* section title lines
 ------------------------------ */
/* title bottom line 3
 ------------------------------ */

.title-line-3 {
    width: 90px;
    height: 3px;
    float: left;
    padding: 0px;
    margin: 0 auto 70px auto;
    background-color: #fff;
}

/* title bottom line 4
 ------------------------------ */
.title-line-4 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0px;
    margin: 0 auto 60px auto;
    background-color: #161616;
}

.title-line-4.less-margin {
    margin: 0 auto 15px auto;
}

.title-line-4.align-center.less-margin {
    margin: 0 auto 15px auto;
}

.title-line-4.align-center {
    width: 34px;
    height: 2px;
    float: none;
    padding: 0px;
    margin: 0 auto 60px auto;
}

/* title bottom line 5
 ------------------------------ */
.title-line-5 {
    width: 100%;
    padding: 0px;
    text-align: center;
    margin: 0 auto 60px auto;
}

.title-line-5.align-left {
    text-align: left;
}

/* title bottom line 6
 ------------------------------ */
.title-line-6 {
    width: 55px;
    height: 2px;
    padding: 0px;
    margin: 0 auto 60px auto;
    background-color: #e9ee42;
}

.title-line-6.align-left {
    float: left;
}

.title-line-6.less-margin {
    margin: 0 auto 40px auto;
}

/* title bottom line 7
 ------------------------------ */
.title-line-7 {
    width: 100%;
    height: 2px;
    float: left;
    padding: 0px;
    margin: 0 auto 20px auto;
    background-color: #ff971c;
}

.title-line-7.less-width {
    width: 20%;
    margin: 0 50% 20px 0;
}

/* title bottom line 8
------------------------------ */
.title-line-8 {
    width: 45px;
    height: 3px;
    padding: 0px;
    margin: 0 auto 20px auto;
    background-color: #fd602c;
}

.title-line-8.left {
    width: 7%;
    float: left;
    margin: 0 93% 0 0;
}

.title-line-8.marginbottom {
    margin: 0 auto 70px auto;
}

.title-line-8.lessmargin {
    margin: 0 auto 40px auto;
}

/* title bottom line 9
 ------------------------------ */
.title-line-9 {
    width: 20%;
    height: 3px;
    float: left;
    padding: 0px;
    margin-right: 80%;
    margin-bottom: 5%;
    background-color: #ce0a6c;
}

.title-line-9.white {
    background-color: #fff;
}

/* title bottom line 10
 ------------------------------ */
.title-line-10 {
    width: 50%;
    padding: 20px 0 0 0;
    margin: 0 auto 70px auto;
}

.title-line-10.align-left {
    width: 50%;
    float: left;
    padding: 20px 0 0 0;
    margin: 0 50% 70px 0;
}

/* title bottom line colors
 ------------------------------ */

.title-line-8.yellow {
    margin-bottom: 17px;
    background-color: #ffc000;
}

.title-line-8.white {
    margin-bottom: 17px;
    background-color: #fff;
}

.section-title-3.dark {
    color: #000;
}

.title-line-3.dark {
    background-color: #000;
}

.title-line-4.white {
    background-color: #fff;
}

.title-line-4.brown {
    background-color: #8b501f;
}

.title-line-4.green {
    background-color: #a5d549;
}

.title-line-4.orange-3 {
    background-color: #ff971c;
}

.title-line-4.orange-4 {
    background-color: #ff9320;
}

.title-line-4.green-4 {
    background-color: #8ac700;
}

.title-line-4.pink {
    background-color: #f51f6f;
}

.title-line-4.blue {
    background-color: #1fbef0;
}

.title-line-4.stone {
    background-color: #c3a254;
}

.title-line-8.white {
    background-color: #fff;
}

.title-line-8.red2 {
    background-color: #ea3628;
}

.section-title-small.dark {
    color: #000;
}

/* Footer title
 ------------------------------ */

.footer-title {
    color: #fff;
    float: left;
}

.footer-title-bottomstrip {
    width: 10%;
    height: 3px;
    margin-right: 95%;
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

.footer-title-bottomstrip2 {
    width: 34px;
    height: 2px;
    color: #fff;
    float: left;
    display: block;
    margin-bottom: 40px;
    background-color: #fff;
}

.footer-title-bottomstrip.dark {
    background-color: #242424;
}

.footer-title-bottomstrip2.dark {
    background-color: #242424;
}

.footer-title.two {
    color: #242424;
}

/*============ css arrows ============ */

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fd602c;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 60px solid green;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
}

/*============ Page Section Styles ============ */

/* section background dark
 ------------------------------ */
.section-dark {
    background-color: #242424;
}

.section-dark.two {
    background-color: #1b1b1b;
}

.section-fulldark {
    background-color: #101010;
}

.section-medium-dark {
    background-color: #161616;
}

/* section background light
 ------------------------------ */
.section-light {
    background-color: #f6f6f6;
}

/* section background orange
 ------------------------------ */
.section-orange {
    background-color: #fd602c;
}

.section-orange-2 {
    background-color: #fd602c;
}

.section-orange-3 {
    background-color: #ff971c;
}

.section-orange-4 {
    background-color: #ff9320;
}

/* section background green
 ------------------------------ */
.section-green {
    background-color: #fd602c;
}

.section-green-2 {
    background-color: #a5d549;
}

.section-green-3 {
    background-color: #a5d549;
}

.section-green-4 {
    background-color: #8ac700;
}

/* section background blue
 ------------------------------ */
.section-blue {
    background-color: #1fbef0;
}

/* section background red
 ------------------------------ */
.section-red {
    background-color: #e93e21;
}

.section-red-5 {
    background-color: #ed3325;
}

/* section background yellow
 ------------------------------ */
.section-yellow {
    background-color: #ffc000;
}

.section-yellow-2 {
    background-color: #fcc813;
}

.section-yellow-3 {
    background-color: #f7c800;
}

.section-yellow-4 {
    background-color: #e9b444;
}

.section-yellow-green-2 {
    background-color: #e9ee42;
}

/* section background pink
 ------------------------------ */
.section-pink {
    background-color: #f51f6f;
}

.section-pink-3 {
    background-color: #ce0a6c;
}

/* section background stone
 ------------------------------ */
.section-light-stone {
    background-color: #f8f4ea;
}

/* section background cyan
 ------------------------------ */
.section-cyan {
    background-color: #42d1aa;
}

/* section copyright
 ------------------------------ */
.section-copyrights {
    margin: 0;
    text-align: center;
    background-color: #1a1a1a;
}

.section-copyrights.section-white {
    color: #fff;
    background-color: #197f19;
}

.section-copyrights.section-white-2 {
    color: #727272;
    background-color: #fff;
}

.section-copyrights.fulldark {
    color: #727272;
    background-color: #161616;
}

/* section big map
 ------------------------------ */
.section-big-map {
    width: 100%;
    margin: 0;
    text-align: center;
    background: #161616 url(images/site-img46.png) center 150px no-repeat;
}

/* section pattren 1
 ------------------------------ */
.section-pattren1 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(images/pattren1.jpg) 0 0 repeat;
}

/* Section Paddings
 ------------------------------ */
.sec-padding {
    padding: 80px 0 80px 0;
}

.sec-bpadding-2 {
    padding-bottom: 80px;
}

.sec-tpadding-2 {
    padding-top: 80px;
}

.sec-tpadding-3 {
    padding-top: 120px;
}

.sec-bpadding-3 {
    padding-bottom: 120px;
}

.sec-tpadding-4 {
    padding-top: 150px;
}

.sec-bpadding-4 {
    padding-bottom: 150px;
}

.sec-bpadding.less-padding {
    padding-bottom: 30px;
}

.section-xmore-padding {
    padding: 150px 0 150px 0;
}

.section-less-padding {
    padding: 50px 0 50px 0;
}

.sec-moreless-padding {
    padding: 60px 0 60px 0;
}

.sec-dummy-top-padding {
    padding-top: 0px;
}

.section-less-padding.top-margin {
    margin-top: -80px;
}

/* default home page Section Paddings
 ------------------------------ */
.sec-padd-default-page {
    padding: 110px 0 110px 0;
}

/*============ Footer Styles ============ */

.footer-logo {
    margin-bottom: 17px;
}

/* Footer Useful Links
 ------------------------------ */

.usefull-links {
    padding: 0px;
    margin: 0px;
}

.usefull-links li {
    padding: 0px;
    margin: 0 0 10px 0;
    display: block;
    border-bottom: 1px solid #2e2e2e;
}

.usefull-links li a {
    padding: 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #727272;
    line-height: 23px;
}

.usefull-links li a:hover {
    color: #fff;
}

.usefull-links li i {
    color: #727272;
    padding: 0 10px 0 0;
}

.usefull-links li:last-child {
    border-bottom: none;
}

.usefull-links.no-border li {
    border-bottom: none;
}

/* useful links 2
 ------------------------------ */
.usefull-links-2 {
    padding: 0px;
    margin: 0px;
}

.usefull-links-2 li {
    padding: 0px;
    margin: 0 0 10px 0;
    display: block;
    border-bottom: 1px solid #e4e4e4;
}

.usefull-links-2 li a {
    padding: 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #727272;
    line-height: 23px;
}

.usefull-links-2 li a:hover {
    color: #242424;
}

.usefull-links-2 li i {
    color: #727272;
    padding: 0 10px 0 0;
}

.usefull-links-2 li:last-child {
    border-bottom: none;
}

.usefull-links-2.no-border li {
    border-bottom: none;
}

/* useful links 3
 ------------------------------ */
.usefull-links-3 {
    padding: 0px;
    margin: 0px;
}

.usefull-links-3 li {
    padding: 0px;
    margin: 0 0 10px 0;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.usefull-links-3 li a {
    padding: 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #fff;
    line-height: 23px;
}

.usefull-links-3 li a:hover {
    color: #242424;
}

.usefull-links-3 li i {
    color: #fff;
    padding: 0 10px 0 0;
}

.usefull-links-3 li:last-child {
    border-bottom: none;
}

.usefull-links-3.no-border li {
    border-bottom: none;
}

/* Footer Address
 ------------------------------ */

.address-info {
    padding: 0px;
    margin: 0px;
}

.address-info li {
    padding: 0px 0px 10px 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #727272;
    line-height: 23px;
    border-bottom: 1px solid #2e2e2e;
}

.address-info li i {
    color: #727272;
    padding: 0 10px 0 0;
}

.address-info li:last-child {
    border-bottom: none;
}

.address-info.no-border li {
    border-bottom: none;
}

/* Footer Address 2
 ------------------------------ */

.address-info-2 {
    padding: 0px;
    margin: 0px;
}

.address-info-2 li {
    padding: 0px 0px 10px 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #727272;
    line-height: 23px;
    border-bottom: 1px solid #e4e4e4;
}

.address-info-2 li i {
    color: #727272;
    padding: 0 10px 0 0;
}

.address-info-2 li:last-child {
    border-bottom: none;
}

.address-info-2.no-border li {
    border-bottom: none;
}

/* Footer Address 3
 ------------------------------ */

.address-info-3 {
    padding: 0px;
    margin: 0px;
}

.address-info-3 li {
    padding: 0px 0px 10px 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #fff;
    line-height: 23px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.address-info-3 li i {
    color: #fff;
    padding: 0 10px 0 0;
}

.address-info-3 li:last-child {
    border-bottom: none;
}

.address-info-3.no-border li {
    border-bottom: none;
}

/* Footer Tags
 ------------------------------ */

.footer-tags {
    padding: 0px;
    margin: 0px;
}

.footer-tags li {
    padding: 0px;
    margin: 0;
}

.footer-tags li a {
    padding: 5px 15px 5px 15px;
    margin: 0 10px 10px 0;
    float: left;
    color: #727272;
    border: 1px solid #2e2e2e;
}

.footer-tags li a:hover, .footer-tags li a.active {
    border: 1px solid #fd602c;
    color: #fd602c;
}

/* Footer Posts
 ------------------------------ */
.footer-post-info {
    padding: 0px;
}

.footer-post-info span {
    font-size: 13px;
    color: #494747;
    margin-right: 5px;
}

.fo-postimg-inner {
    width: 80px;
    height: 80px;
    padding: 0px;
    margin: 0px;
    float: left;
    border-radius: 100%;
}

.opening-list {
    float: left;
    padding: 0;
    width: 100%;
}

.opening-list li {
    color: #727272;
    float: left;
    padding: 8px 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.opening-list li:first-child {
    padding-top: 0px;
}

.opening-list li:last-child {
    border-bottom: none;
}

/* Footer contact info with big icons
 ------------------------------ */

.contact-info-holder {
    position: relative;
    width: 100%;
    padding: 0px;
}

.contact-info-holder .iconbox-xmedium {
    color: #fd602c;
}

.contact-info-holder:hover .iconbox-xmedium, .contact-info-holder.active .iconbox-xmedium {
    color: #fff;
    background-color: #fd602c;
}

.contact-info-holder .sideline {
    position: absolute;
    width: 1px;
    height: 115px;
    padding: 0px;
    top: 0px;
    right: 0px;
    background-color: #2e2e2e;
}

.socialicon-holder {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.contact-info-holder .first {
    padding: 0 0 0 70px;
    float: left;
}

.socialicon-holder .social-icons-3 li a {
    color: #fff;
    background: none;
    border: 1px solid #3a3a3a;
}

.socialicon-holder .social-icons-3 li a:hover, .socialicon-holder .social-icons-3 li a.active {
    color: #fff;
    background: none;
    border: 1px solid #fd602c;
    background-color: #fd602c;
}

/*============ Parallax Sections ============ */

.parallax-section1 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg1.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section2 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg2.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section1 .box-two-third, .parallax-section2 .box-two-third {
    margin: 0 auto;
}

.parallax-section3 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg3.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section4 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg4.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section5 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg5.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section6 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg6.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section7 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg7.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section8 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg8.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section9 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg9.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section10 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg10.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section11 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg11.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section12 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg12.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section13 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg13.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section14 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg14.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section15 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/parallax-bg15.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

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

.video-overlay {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    left: 0px;
    top: 0px;
    float: left;
    z-index: 2;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 10;
}

/* Overlay opacity styles
 ------------------------------ */

.bg-opacity-1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-opacity-2 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-opacity-3 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-opacity-4 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-opacity-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-opacity-6 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-opacity-7 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-opacity-8 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-opacity-9 {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Overlay Background colors
 ------------------------------ */
/* Background light
------------------------------ */
.section-overlay.light {
    background-color: rgba(246, 246, 246, 0.9);
}

/* Overlay Background dark
------------------------------ */
.section-overlay.dark {
    background-color: rgba(0, 0, 0, 0.7);
}

.section-overlay.dark2 {
    background-color: rgba(0, 0, 0, 0.3);
}

.section-overlay.dark3 {
    background-color: rgba(0, 0, 0, 0.9);
}

.section-overlay.dark4 {
    background-color: rgba(0, 0, 0, 0.4);
}

/* Overlay Background yellow
------------------------------ */
.section-overlay.yellow {
    background-color: rgba(255, 192, 0, 0.9);
}

.section-overlay.yellow-2 {
    background-color: rgba(246, 202, 0, 0.6);
}

/* Overlay Background pink
------------------------------ */
.section-overlay.pink-2 {
    background-color: rgba(255, 169, 202, 0.6);
}

/* Overlay Background violet
------------------------------ */
.section-overlay.violet-1 {
    background-color: rgba(183, 102, 221, 0.6);
}

/* Overlay Background stone
------------------------------ */
.section-overlay.stone {
    background-color: rgba(180, 142, 51, 0.8);
}

/* Overlay Background orange
------------------------------ */
.section-overlay.orange-4 {
    background-color: rgba(255, 147, 32, 0.9);
}

/* Overlay Background orange 2
------------------------------ */
.section-overlay.orange-2 {
    background-color: rgba(253, 96, 44, 0.9);
}

/*============ Social Links ============ */

.social-icons-1 {
    width: 100%;
    margin: 30px 0 0 0;
    list-style-type: none;
}

.social-icons-1 li {
    display: inline-block;
}

.social-icons-1 li a {
    font-size: 16px;
    padding: 0 20px 0 0;
    color: #fff;
    display: inline-block;
}

.social-icons-1 li a:hover, .social-icons-1 li a.active {
    color: #fd602c;
}

/* social icons 2
 ------------------------------ */
.social-icons-2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.social-icons-2 li {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    text-align: center;
}

.social-icons-2 li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 39px;
    display: inline-block;
    background-color: #fd602c;
}

.social-icons-2 li a:hover {
    color: #fff;
    background-color: #161616;
}

.social-icons-1.round li a, .social-icons-2.round li a, .social-icons-3.round li a {
    border-radius: 100%;
}

/* social icons 3
 ------------------------------ */

.social-icons-3 {
    margin: 0;
    padding: 0;
    text-align: center;
}

.social-icons-3 li {
    display: inline;
}

.social-icons-3 li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #fd602c;
    line-height: 39px;
    display: inline-block;
    border-radius: 100%;
    background-color: #fff;
}

.social-icons-3 li a:hover, .social-icons-3 li a.active {
    color: #fff;
    background-color: #fd602c;
}

/* social icons 3 colors
 -----------------------------------------------*/

/* orange
-------------------------------*/
.social-icons-3.orange li a {
    color: #fff;
    background-color: #454444;
}

/* red
-------------------------------*/
.social-icons-3.red li a {
    color: #fff;
    background-color: #e93e21;
}

/* orange
-------------------------------*/
.social-icons-3.orange li a:hover {
    background-color: #fd602c;
}

/* yellow-green
-------------------------------*/
.social-icons-3.yellow-green li a {
    color: #fff;
    background-color: #cfcfcf;
}

.social-icons-3.yellow-green li a:hover, .social-icons-3.yellow-green li a.active {
    background-color: #197f19;
}

/* yellow-green-2
-------------------------------*/
.social-icons-3.yellow-green-2 li a {
    border-radius: 0;
    color: #fff;
    background-color: #454444;
}

/* yellow-green-3
-------------------------------*/
.social-icons-3.yellow-green-2 li a:hover {
    color: #161616;
    background-color: #e9ee42;
}

.social-icons-3.yellow-3 li a {
    color: #161616;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.social-icons-3.yellow-3 li a:hover, .social-icons-3.yellow-3 li a.active {
    border: 1px solid #f7c800;
    background-color: #f7c800;
}

/* brown
-------------------------------*/
.social-icons-3.brown li a {
    color: #242424;
    background-color: #fff;
}

.social-icons-3.brown li a:hover, .social-icons-3.brown li a.active {
    background-color: #8b501f;
}

/* white
-------------------------------*/
.social-icons-3.white li a {
    color: #fff;
    background-color: #454444;
}

.social-icons-3.white li a:hover {
    color: #242424;
    background-color: #fff;
}

/* dark
-------------------------------*/
.social-icons-3.dark li a {
    color: #fff;
    background-color: #444444;
}

.social-icons-3.dark li a:hover, .social-icons-3.dark li a.active {
    color: #fff;
    background-color: #197f19;
}

/* dark 2
-------------------------------*/
.social-icons-3.dark-2 li a {
    color: #fff;
    border: 1px solid #444;
    background-color: #444;
}

.social-icons-3.dark-2 li a:hover, .social-icons-3.dark-2 li a.active {
    color: #242424;
    border: 1px solid #fff;
    background-color: #fff;
}

/* violet
-------------------------------*/
.social-icons-3.violet li a {
    color: #a367bf;
    background-color: #fff;
}

.social-icons-3.violet li a:hover, .social-icons-3.violet li a.active {
    background-color: #a367bf;
}

/* social icons blue
 -----------------------------------------------*/

.social-icons-3.blue li a {
    color: #242424;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    background-color: #fff;
}

.social-icons-3.blue li a:hover, .social-icons-3.blue li a.active {
    color: #fff;
    background-color: #1fbef0;
    border: 1px solid #1fbef0;
}

/*============ Feature boxs ============ */

/* Feature Box1
 ------------------------------ */
.feature-box1 {
    padding: 0px;
}

.feature-box1:hover .iconbox-tiny, .feature-box1.active .iconbox-tiny {
    color: #fff;
    border: 1px solid #fd602c;
    background-color: #fd602c;
}

/* Feature Box2
 ------------------------------ */

.feature-box2 {
    position: relative;
    border-top: 1px solid #F0F0F0;
}

.feature-box2 .content-box {
    position: relative;
    padding: 98px 0 0 0;
}

.feature-box2 .content-box .arrow-left {
    position: absolute;
    left: -48px;
    top: 165px;
    border-right: 20px solid #fff;
}

/* Feature Box3
 ------------------------------ */

.feature-box3 {
    position: relative;
    float: left;
}

.feature-box3 .digit {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 50px;
    top: 115px;
}

.feature-box3 .iconbox-xlarge {
    position: relative;
    color: #fd602c;
    font-size: 28px;
}

.feature-box3:hover .iconbox-xlarge, .feature-box3.active .iconbox-xlarge {
    color: #fff;
    background-color: #fd602c;
}

.feature-box3:hover .iconbox-xlarge .digit, .feature-box3.active .iconbox-xlarge .digit {
    color: #242424;
    background-color: #fff;
}

/* Feature Box4
 ------------------------------ */
.feature-box4 {
    width: 100%;
    position: relative;
    float: left;
}

.feature-box4 .iconbox-xtiny {
    position: absolute;
    right: 0px;
    top: 203px;
    background-color: #fd602c;
}

.feature-box4:hover h5 {
    color: #fd602c;
}

/* Feature Box5
 ------------------------------ */

.feature-box5 {
    width: 100%;
    position: relative;
    padding: 40px;
    float: left;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.feature-box5 {
    margin-bottom: 28px;
}

.feature-box5.two {
    padding: 40px;
}

.feature-box5.two .arrow-down {
    border-top: 20px solid #fff;
    float: left;
    left: 259px;
    position: absolute;
    top: 155px;
    z-index: 3;
    transition: all 0.3s ease-out 0s;
}

/* Hover Styles  --------  */
.feature-box5:hover h4, .feature-box5:hover .icon-plain-msmall, .feature-box5.active h4, .feature-box5.active .icon-plain-msmall {
    color: #fd602c;
}

.feature-box5.two:hover, .feature-box5.two.active {
    background-color: #fd602c;
}

.feature-box5.two:hover .arrow-down, .feature-box5.two.active .arrow-down {
    border-top: 20px solid #fd602c;
}

.feature-box5.two:hover p, .feature-box5.two.active p {
    color: #fff;
}

/* Feature Box6
 ------------------------------ */
.feature-box6 {
    width: 100%;
    position: relative;
    float: left;
}

.feature-box6 .iconbox-left-tiny {
    color: #686868;
    border: 1px solid #4c4c4c;
    background: none;
}

/* Feature Box7
 ------------------------------ */
.feature-box7 {
    width: 100%;
    padding: 40px;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.feature-box7 span {
    font-size: 40px;
    color: #242424;
}

.feature-box7:hover .btn, .feature-box7.active .btn {
    color: #fff;
}

.feature-box7:hover, .feature-box7.active {
    color: #fff;
    background-color: #fd602c;
}

.feature-box7:hover span, .feature-box7:hover h4, .feature-box7.active span, .feature-box7.active h4 {
    color: #fff;
}

.feature-box7:hover h4, .feature-box7.active h4 {
    color: #fff;
}

/* Feature Box8
 ------------------------------ */
.feature-box8 {
    width: 100%;
    padding: 0px;
    margin-bottom: 50px;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

.feature-box8 .iconbox-small {
    line-height: 84px;
    color: #fd602c;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.feature-box8 .text-left {
    text-align: right;
}

.feature-box8:hover .iconbox-small, .feature-box8.active .iconbox-small {
    line-height: 84px;
    color: #fff;
    background-color: #fd602c;
    border: 1px solid #fd602c;
}

.feature-box8:hover h4, .feature-box8.active h4 {
    color: #fd602c;
}

/* Feature Box9
 ------------------------------ */
.feature-box9 {
    width: 100%;
}

.feature-box9 .iconbox-xlarge {
    color: #fd602c;
}

.feature-box9:hover .iconbox-xlarge, .feature-box9.active .iconbox-xlarge {
    color: #fff;
    background-color: #fd602c;
    border: 1px solid #fd602c;
}

.feature-box9:hover h3, .feature-box9.active h3 {
    color: #fd602c;
}

/* Feature Box10
 ------------------------------ */
.feature-box10 {
    width: 100%;
    padding: 40px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    transition: all 0.3s ease-out 0s;
}

.feature-box10:hover, .feature-box10.active {
    background-color: #fd602c;
    border: 1px solid #fd602c;
}

.feature-box10:hover .iconbox-small, .feature-box10.active .iconbox-small {
    color: #fff;
    border: 1px solid #fff;
}

.feature-box10:hover h4, .feature-box10:hover p, .feature-box10.active h4, .feature-box10.active p {
    color: #fff;
}

/* Feature Box11
 ------------------------------ */
.feature-box11 {
    width: 100%;
}

.feature-box11 .img-holder {
    width: 146px;
    height: 146px;
    float: left;
    padding: 0px;
    margin: 0px;
}

.feature-box11 .iconbox-xtiny {
    color: #fff;
    background-color: #fd602c;
}

/* Feature Box12
 ------------------------------ */
.feature-box12 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    border: 1px solid #383838;
}

.feature-box12 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    border: 1px solid #383838;
}

.feature-box12 .iconbox-small {
    position: absolute;
    top: -50px;
    left: 140px;
}

.feature-box12:hover .iconbox-small, .feature-box12.active .iconbox-small {
    background-color: #fd602c;
}

.feature-box12:hover .read-more.white, .feature-box12.active .read-more.white {
    color: #fd602c;
}

/* Feature Box13
 ------------------------------ */
.feature-box13 {
    width: 100%;
}

.feature-box13 .iconbox-medium {
    background: none;
    color: #5d5c5c;
    border: 1px solid #e4e4e4;
}

.feature-box13:hover .iconbox-medium, .feature-box13.active .iconbox-medium {
    color: #fff;
    background-color: #fd602c;
    border: 1px solid #fd602c;
}

/* Feature Box14
 ------------------------------ */

.feature-box14 {
    position: relative;
    width: 100%;
    float: left;
}

.feature-box14 .digit {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 45px;
    top: 92px;
    background-color: #fd602c;
}

.feature-box14 .iconbox-small {
    position: relative;
    float: left;
}

/* Feature Box15
 ------------------------------ */

.feature-box15 {
    width: 100%;
    float: left;
    padding: 20px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #fd602c;
}

.feature-box15:hover, .feature-box15.active {
    background-color: #fd602c;
}

.feature-box15:hover h4, .feature-box15:hover p, .feature-box15.active h4, .feature-box15.active p {
    color: #fff;
}

/* Feature Box16
 ------------------------------ */
.feature-box16 {
    width: 100%;
}

.feature-box16:hover .iconbox-smedium, .feature-box16.active .iconbox-smedium {
    color: #fff;
    background-color: #fd602c;
}

.feature-box16:hover h4, .feature-box16.active h4 {
    color: #fd602c;
}

/* Feature Box17
 ------------------------------ */
.feature-box17 {
    width: 100%;
    padding: 40px;
    border-radius: 2px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.feature-box17:hover, .feature-box17.active {
    background-color: #fd602c;
}

.feature-box17:hover h4, .feature-box17:hover p, .feature-box17:hover .icon-plain-small, .feature-box17:hover .read-more, .feature-box17.active h4, .feature-box17.active p, .feature-box17.active .icon-plain-small, .feature-box17.active .read-more {
    color: #fff;
}

/* Feature Box18
 ------------------------------ */
.feature-box18 {
    width: 100%;
    padding: 40px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.feature-box18:hover, .feature-box18.active {
    background-color: #242424;
}

.feature-box18:hover h4, .feature-box18.active h4 {
    color: #fff;
}

/* Feature Box19
 ------------------------------ */
.feature-box19 {
    width: 100%;
    padding: 0px;
    margin-bottom: 50px;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

.feature-box19 .iconbox-small {
    line-height: 84px;
    color: #fd602c;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.feature-box19:hover .iconbox-small, .feature-box19.active .iconbox-small {
    line-height: 84px;
    color: #fff;
    background-color: #fd602c;
    border: 1px solid #fd602c;
}

.feature-box19:hover h4, .feature-box19.active h4 {
    color: #fd602c;
}

.feature-box19 .image-holder {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

/* Feature Box20
 ------------------------------ */
.feature-box20 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    border: 1px solid #383838;
}

.feature-box20 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.feature-box20 .iconbox-tiny {
    position: absolute;
    top: -35px;
    left: 140px;
}

.feature-box20:hover .iconbox-tiny, .feature-box20.active .iconbox-tiny {
    background-color: #fd602c;
}

.feature-box20:hover .read-more.white, .feature-box20.active .read-more.white {
    color: #fd602c;
}

/* Feature Box21
 ------------------------------ */
.feature-box21 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    min-height: 450px;
    overflow: hidden;
}

.feature-box21 .background-imgholder.img1 {
    background: url(images/site-img104.jpg) 0 0 no-repeat;
}

.feature-box21 .background-imgholder.img2 {
    background: url(images/site-img105.jpg) 0 0 no-repeat;
}

.feature-box21 .background-imgholder .overlay {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.feature-box21 .background-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

.feature-box21 .text-box {
    position: relative;
    width: 100%;
    z-index: 3;
    padding: 80px;
}

/* Feature Box22
 ------------------------------ */
.feature-box22 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
}

.feature-box22 .iconbox-xlarge {
    color: #fff;
    position: absolute;
}

.feature-box22 .iconbox-xlarge .inner-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    background-color: #fd602c;
}

.feature-box22:hover .iconbox-xlarge .inner-box {
    opacity: 1;
}

.feature-box22.margin-bottom {
    margin-bottom: 60px;
}

/* Feature Box23
 ------------------------------ */

.feature-box23 {
    width: 100%;
    padding: 40px;
    position: relative;
    float: left;
    transition: all 0.3s ease-out 0s;
}

.feature-box23 .inner {
    width: 140px;
    height: 140px;
    float: left;
    border-radius: 100%;
}

.feature-box23 .digit {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 50px;
    top: 115px;
}

.feature-box23 .iconbox-xlarge {
    position: relative;
    color: #fd602c;
    font-size: 28px;
}

.feature-box23:hover, .feature-box23.active {
    background-color: #fd602c;
}

.feature-box23:hover .iconbox-xlarge .digit, .feature-box23.active .iconbox-xlarge .digit {
    color: #242424;
    background-color: #fff;
}

.feature-box23:hover h4, .feature-box23:hover p, .feature-box23.active h4, .feature-box23.active p {
    color: #fff;
}

/*============ Team Section ============ */

/* Team Style 1
 ------------------------------ */

.team-box1 {
    padding: 0px;
}

.team-name-holder {
    width: 100%;
    padding: 6px 0;
}

.team-name-holder.bgcolor {
    background-color: #fd602c;
}

.team-box1 .hover-box {
    position: absolute;
    padding: 35px 0;
    margin: 0px;
    top: 320px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.team-box1:hover .hover-box, .team-box1.active .hover-box {
    top: 150px;
}

.team-box1 .team-member {
    position: relative;
    overflow: hidden;
}

/* Team Style 2
 ------------------------------ */
.team-holder2 {
    width: 100%;
    padding: 0px;
    float: left;
    background-color: #f6f6f6;
    transition: all 0.3s ease-out 0s;
}

.team-holder2 .img-holder {
    position: relative;
    overflow: hidden;
}

.team-holder2 .img-holder .icon-box {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 321px;
    padding: 15px 0;
    z-index: 1;
    background-color: #fd602c;
    transition: all 0.3s ease-out 0s;
}

.team-holder2 .img-holder .icon-box .social-icons-1 {
    margin: 0 0px 0px;
}

.team-holder2 .img-holder .icon-box .social-icons-1 li a:hover, .team-holder2 .img-holder .icon-box .social-icons-1 li a.active {
    color: #242424;
}

.team-holder2 .img-holder .icon-box .social-icons-1 {
    text-align: center;
}

/* Team Hover Styles
 ------------------------------ */

.team-holder2:hover .icon-box, .team-holder2.active .icon-box {
    top: 268px;
}

.team-holder2:hover, .team-holder2.active {
    background-color: #242424;
}

.team-holder2:hover .title, .team-holder2.active .title {
    color: #fff;
}

/* Team Style 3
 ------------------------------ */
.team-holder3 {
    width: 100%;
    padding: 0px;
    float: left;
    margin-bottom: 30px;
    transition: all 0.3s ease-out 0s;
}

.team-holder3 .img-holder {
    position: relative;
    width: 260px;
    height: 260px;
    padding: 14px 0 0 0;
    float: left;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    z-index: 2;
    border: 1px solid #eae9e9;
    background-color: #fff;
}

.team-holder3 .img-holder .img-inner {
    width: 230px;
    height: 230px;
    padding: 0;
    margin: 0 0 0 14px;
    float: left;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
}

.team-holder3 .social-icons-3 li a {
    color: #242424;
}

.team-holder3 .social-icons-3 li a:hover, .team-holder3 .social-icons-3 li a.active {
    color: #fff;
    background-color: #fd602c;
}

.team-holder3 .img-holder .overlay {
    position: absolute;
    width: 230px;
    height: 230px;
    padding: 0;
    float: left;
    left: 15px;
    top: 15px;
    text-align: center;
    border-radius: 100%;
    z-index: 5;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(253, 96, 44, 0.9);
}

.team-holder3:hover .img-holder .overlay, .team-holder3.active .img-holder .overlay {
    font-size: 34px;
    line-height: 230px;
    z-index: 5;
    opacity: 1;
    color: #fff;
}

/* Team Style 4
 ------------------------------ */
.team-holder4 {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder4 .icon-holder {
    width: 25%;
    padding: 0px;
    float: left;
    margin: 0px;
    min-height: 270px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder4 .icon-holder .social-icons-2 li a {
    color: #7f7f7f;
    background: none;
}

.team-holder4 .icon-holder .social-icons-2 li:first-child {
    margin-top: 45px;
}

.team-holder4:hover .icon-holder, .team-holder4.active .icon-holder {
    background-color: #fd602c;
}

.team-holder4:hover .icon-holder .social-icons-2 li a, .team-holder4.active .icon-holder .social-icons-2 li a {
    color: #fff;
}

.team-holder4:hover h5, .team-holder4.active h5 {
    color: #fd602c;
}

/*============ Price Tables ============ */

.pricetable-holder {
    position: relative;
    padding: 0px;
    margin: 0px;
}

.pricetable-holder .topmargin {
    margin-top: 20px;
}

.pricetable-holder.topmargin2 {
    margin-top: 69px;
}

.pricetable {
    width: 100%;
    float: left;
    padding: 0 0 50px 0;
    margin: 20px 0px 0px;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    transition: all 0.3s ease-out 0s;
}

.pricetable.nomargin {
    margin: 0px 0px 0px;
}

.pricetable.first {
    border-left: 1px solid #e9e9e9;
}

.pricetable .title {
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    text-align: center;
    background-color: #242424;
}

.pricetable h2 {
    padding: 0px;
    font-size: 28px;
    font-weight: 600;
    margin: 0px;
    text-align: center;
}

.pricetable .title .price {
    color: #fff;
    font: 14px 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    padding: 8px 0px;
}

.pricetable .title .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable .title .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.pricetable ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 50px 0;
}

.pricetable ul.plan_features li {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
}

.pricetable ul.plan_features li.highlight {
    background-color: #fff;
}

.pricetable-holder .arrow {
    position: absolute;
    width: 23px;
    height: 20px;
    left: -23px;
    top: 20px;
    background: url(images/site-img07.png) 0 0 no-repeat;
}

.pricetable-holder .arrow.two {
    left: 291px;
    top: 20px;
    background: url(images/site-img08.png) 0 0 no-repeat;
}

.pricetable ul.plan_features li.marginbottom {
    margin-bottom: 40px;
}

/* Price Table Hover and Active Styles
 -----------------------------------------------*/

.pricetable-holder.active .pricetable {
    background-color: #f6f6f6;
}

.pricetable-holder.active .pricetable ul.plan_features li.highlight {
    background-color: #f6f6f6;
}

.pricetable-holder.active .title {
    background-color: #fd602c;
    padding-bottom: 40px;
    padding-top: 60px;
}

.pricetable-holder.active .title.lesstoppadd {
    padding-top: 40px;
}

.pricetable-holder.active .pricetable ul.plan_features li {
    color: #727272;
    border-bottom: 1px solid #e4e4e4;
}

/* Price Table 2
 -----------------------------------------------*/

.pricetable-holder2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.pricetable-holder2 th {
    width: 25%;
    padding: 0px;
    margin: 0px;
}

.pricetable-holder2 th .title-header {
    width: 100%;
    background-color: #242424;
    padding: 20px;
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    float: left;
    text-align: center;
}

.pricetable-holder2 th .title-header.active {
    background-color: #fd602c;
}

.pricetable-holder2 .table > thead > tr > th {
    padding: 0px;
    border: none;
}

.pricetable-holder2 .table > tbody > tr > td {
    padding: 20px;
}

.pricetable-holder2 .table > thead > tr > th {
    vertical-align: middle;
}

.pricetable-holder2 th .price {
    color: #fff;
    font: 14px 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    padding: 8px 0px;
}

.pricetable-holder2 tr td i {
    color: #89be21;
    font-size: 18px;
}

.pricetable-holder2 tr td.red i {
    color: #ff2f16;
}

.pricetable-holder2 th .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder2 th .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.pricetable-holder2 tr:nth-child(even) {
    background: #e9e9e9
}

.pricetable-holder2 tr:nth-child(odd) {
    background: #FFF
}

.pricetable-holder2 th .title-header.first {
    margin-top: 69px;
    border: none;
}

.pricetable-holder2 .table-bordered {
    border: none;
}

.pricetable-holder2 .table-bordered th .title-header.first {
    border-right: 1px solid #e4e4e4;
}

.pricetable-holder2 a.btn2 {
    margin-top: 20px;
}

/* Price Table 3
 -----------------------------------------------*/

.pricetable-holder3 {
    width: 100%;
    padding: 10px;
    margin: 0px;
    float: left;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #e5e5e5;
}

.pricetable-holder3 .inner-holder {
    width: 100%;
    padding: 30px;
    margin: 0px;
    float: left;
    transition: all 0.3s ease-out 0s;
    background-color: #f5f5f5;
}

.pricetable-holder3 .title {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.price-circle {
    width: 140px;
    height: 140px;
    padding: 30px 0 0;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #fff;
}

.price-circle .price {
    color: #242424;
    font: bold 36px/45px "Open Sans", sans-serif;
    padding: 8px 0 0 0;
    text-align: center;
}

.price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder3 ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 50px 0;
}

.pricetable-holder3 ul.plan_features li {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
}

.pricetable-holder3 ul.plan_features li:last-child {
    border-bottom: none;
}

/* hover styles
 -----------------------------------------------*/
.pricetable-holder3:hover, .pricetable-holder3.active {
    border: 1px solid #fd602c;
}

.pricetable-holder3:hover .inner-holder, .pricetable-holder3.active .inner-holder {
    background-color: #fd602c;
}

.pricetable-holder3:hover ul.plan_features li, .pricetable-holder3.active ul.plan_features li {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.pricetable-holder3:hover .title, .pricetable-holder3.active .title {
    color: #fff;
}

.pricetable-holder3:hover .btn.btn-border.light, .pricetable-holder3.active .btn.btn-border.light {
    color: #242424;
    background-color: #fff;
    border: 1px solid #fff;
}

/*============ Blog Posts ============ */

/* post image holder
 -----------------------------------------------*/

.blog-img-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

/* post date boxes
 -----------------------------------------------*/

.post-date-box {
    position: absolute;
    width: 90px;
    height: 90px;
    float: left;
    font-size: 25px;
    color: #fff;
    padding: 22px 0 0 0;
    margin: 0;
    z-index: 2;
    text-align: center;
    background-color: #fd602c;
}

.post-date-box span {
    font-size: 13px;
    color: #fff;
    display: block;
}

.post-date-box .arrow-down {
    position: absolute;
    left: 25px;
    top: 81px;
    float: left;
    z-index: 3;
    border-top: 20px solid #fd602c;
}

/* Date box colors
 -----------------------------------------------*/
.post-date-box.violet {
    background-color: #fd602c;
}

/* post author image holder
 -----------------------------------------------*/

.post-author-image {
    position: absolute;
    width: 80px;
    height: 80px;
    right: 35px;
    top: 247px;
    float: left;
}

.post-author-image.round {
    border-radius: 100%;
    border: 5px solid #fff;
    text-align: center;
}

/* post info icons
 -----------------------------------------------*/

.post-infoicon {
    padding: 3px 12px 3px 12px;
    margin: 0 5px 0 0;
    color: #fff;
    float: left;
    font-size: 12px;
    border-radius: 20px;
    background-color: #fd602c;
}

.post-infoicon.dark {
    background-color: #161616;
}

/* blog holder 1
 -----------------------------------------------*/
.blog-holder1 {
    width: 100%;
    float: left;
    border: 1px solid #efefef;
    background-color: #fff;
}

.blog-holder1.noborder {
    border: none;
}

.blog-holder1 .post-date-box {
    margin: 30px 0 0 30px;
}

.content-box {
    width: 100%;
    float: left;
    padding: 40px;
}

.content-box.less-pading {
    padding: 30px;
}

.blog-post-info {
    width: 100%;
}

.blog-post-info span {
    font-size: 13px;
    color: #b9b9b9;
    margin-right: 15px;
}

.blog-post-info span.green {
    color: #fd602c;
}

/* blog holder 2
 -----------------------------------------------*/
.blog-holder2 {
    width: 100%;
    float: left;
    background-color: #fff;
}

.blog-holder2 .text-box {
    width: 100%;
    float: left;
    border-right: 1px solid #e4e4e4;
    padding: 40px;
}

.blog-holder2 .text-box.noborder {
    border-right: none;
}

.blog-holder2 .post-date-box {
    position: static;
    background-color: #fd602c;
}

.blog-holder2.two .post-date-box {
    position: static;
    color: #161616;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.blog-holder2.two .post-date-box span {
    color: #161616;
}

/* blog holder 3
 -----------------------------------------------*/
.blog-holder3 {
    width: 100%;
    float: left;
    background-color: #fff;
}

.blog-holder3 .blog-img-holder {
    position: relative;
    padding: 0px;
    margin: 0px;
    float: left;
}

.blog-holder3 .blog-img-holder .overlay .post-info {
    float: left;
    margin: 0;
    padding: 142px 0 0 44px;
    width: 100%;
}

.blog-holder3 .blog-img-holder .post-info .post-infoicon {
    z-index: 5;
    margin-right: 8px;
    float: left;
}

.blog-holder3 .blog-img-holder .overlay .content-box {
    float: left;
    margin: 0;
    padding: 70px 0 0 50px;
    width: 100%;
    z-index: 5;
}

.blog-holder3 .blog-img-holder .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0px;
    top: 0px;
    padding: 0;
    float: left;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.blog-holder3 .blog-img-holder .overlay .content-box .blog-post-info span {
    color: #fff;
}

/* blog holder 3 two
 -----------------------------------------------*/
.blog-holder3.two {
    width: 100%;
    float: left;
    background-color: #fff;
}

.blog-holder3.two .blog-img-holder .overlay .post-info {
    float: left;
    margin: 0;
    padding: 274px 0 0 30px;
    width: 100%;
}

/* blog holder 4
 -----------------------------------------------*/
.blog-holder4 {
    width: 100%;
    float: left;
    transition: all 0.3s ease-out 0s;
    background-color: #f6f6f6;
}

.postinfo-icon-holder {
    float: left;
    margin: 0;
    padding: 0px;
    width: 100%;
}

.blog-holder4 .post-infoicon {
    margin-right: 8px;
    float: left;
}

.blog-holder4:hover, .blog-holder4.active {
    background-color: #242424;
}

.blog-holder4:hover h4, .blog-holder4.active h4 {
    color: #fff;
}

/* blog holder 5
 -----------------------------------------------*/
.blog-holder5 {
    width: 100%;
    float: left;
}

/*============ Testimonials ============ */

.testimonials-holder {
    width: 100%;
    float: left;
    padding: 40px;
    margin: 0px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials-holder:hover {
    background-color: #242424;
}

.testimonials-holder:hover h6 {
    color: #fff;
}

.testimonials-holder.two:hover, .testimonials-holder.two.active {
    background-color: #fd602c;
}

.testimonials-holder.two:hover p, .testimonials-holder.two:hover h6, .testimonials-holder.two:hover span, .testimonials-holder.two.active p, .testimonials-holder.two.active span, .testimonials-holder.two.active h6 {
    color: #fff;
}

.testimonials-holder.two .img-inner, .testimonials-holder .img-inner {
    width: 70px;
    height: 70px;
    padding: 0px;
    margin: 0px;
    float: left;
    border-radius: 100%;
}

/* Testimonials Style 2
 -----------------------------------------------*/

.testimonials2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

.testimonials2 .textbox {
    position: relative;
    width: 100%;
    padding: 30px;
    margin: 0px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials2 .textbox .arrow-down {
    position: absolute;
    right: 125px;
    top: 104px;
    border-top: 20px solid #fff;
}

.testimonials2 .imgholder {
    position: relative;
    width: 126px;
    height: 126px;
    padding: 8px;
    margin: 0px;
    border-radius: 100%;
    text-align: center;
    background-color: #fd602c;
    transition: all 0.3s ease-out 0s;
}

.testimonials2 .imgholder .img-inner {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    text-align: center;
}

/* Testimonials Style 3
 -----------------------------------------------*/

.testimonials3 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

.testimonials3 .img-holder {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0px;
    padding: 5px 0 0 5px;
    float: left;
    z-index: 5;
    border-radius: 100%;
    background-color: #ebebeb;
    transition: all 0.3s ease-out 0s;
}

.testimonials3 .img-holder .img-inner {
    width: 110px;
    height: 110px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-radius: 100%;
}

.testimonials3 .img-holder .arrow-down {
    position: absolute;
    left: 89px;
    top: 94px;
    z-index: 0;
    -ms-transform: rotate(-49deg);
    -webkit-transform: rotate(-49deg);
    transform: rotate(-49deg);
    border-top: 20px solid #ebebeb;
    transition: all 0.3s ease-out 0s;
}

.testimonials3:hover .img-holder, .testimonials3.active .img-holder {
    background-color: #fd602c;
}

.testimonials3:hover .arrow-down, .testimonials3.active .arrow-down {
    border-top: 20px solid #fd602c;
}

/* Testimonials Style 4
 -----------------------------------------------*/

.testimonials4 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

.client-img1 {
    width: 100px;
    height: 100px;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
}

/* Testimonials Style 5
 -----------------------------------------------*/

.testimonials5 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

.testimonials5 .social-icons-2 li:first-child a {
    margin-left: 35px;
}

.testimonials5 .social-icons-2 li a {
    color: #242424;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.testimonials5 .social-icons-2 li a:hover, .testimonials5 .social-icons-2 li a.active {
    color: #fff;
    border: 1px solid #fd602c;
    background-color: #fd602c;
}

/*============ Footer Newsletter ============ */

.newsletter .email_input {
    background-color: #FFF;
    border: 0px none;
    color: #999;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding: 0px 7px;
    width: 75%;
}

.newsletter .email_input.dark {
    background-color: #2d2d2d;
    color: #727272;
}

.newsletter .input_submit {
    background-color: #fd602c;
    border: 0px none;
    color: #FFF;
    cursor: pointer;
    float: left;
    height: 39px;
    padding: 0px 20px;
}

.newsletter .input_submit.violet {
    background-color: #fd602c;
}

.newsletter .input_submit.white {
    color: #161616;
    background-color: #fff;
}

.newsletter .input_submit.dark {
    color: #727272;
    background-color: #2d2d2d;
}

.newsletter .input_submit.yellow-green-2 {
    color: #161616;
    background-color: #e9ee42;
}

.newsletter .input_submit.green2 {
    background-color: #fd602c;
}

/*============ Video wrapers ============ */

.video-wrapper {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.video-wrapper video {
    width: 100%;
}

.blog-video-wrapper {
    width: 100%;
    float: left;
}

.blog-video-wrapper iframe {
    width: 100%;
}

.university-video-wrapper {
    width: 100%;
}

/*video padding
 ------------------------------ */
.video-toppadd {
    padding-top: 150px;
}

.video-bopadd {
    padding-bottom: 150px;
}

/*============ Progress bar ============ */

.progressbar-style1 {
    margin-top: 10px;
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 35px;
    color: #fff;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

.progressbar-style1 .progress-bar {
    position: relative;
    overflow: visible;
    background-color: #fd602c;
    font-size: 13px;
    color: #fff;
    padding: 8px 0 0 20px;
    text-align: left;
}

.progressbar-style1 .progress-bar.yellow-3 {
    background-color: #f7c800;
}

.progressbar-style2 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 3px;
    color: #161616;
    background: #ccc;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

.progressbar-style2 .progress-bar {
    position: relative;
    overflow: visible;
    background-color: #161616;
    font-size: 13px;
    color: #161616;
    padding: 3px 0 0 0;
    text-align: left;
}

.progressbar-style3 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

.progressbar-style3 .progress-bar {
    position: relative;
    overflow: visible;
    background-color: #e9b444;
    font-size: 13px;
    color: #fff;
    padding: 8px 0 0 0;
    text-align: left;
}

.progressbar-style4 {
    margin-top: 10px;
    margin-bottom: 45px;
    font-weight: 400;
    letter-spacing: 1px;
    overflow: visible;
    height: 8px;
    color: #161616;
    background: #e7e7e7;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
}

.progressbar-style4 .progress-bar {
    position: relative;
    overflow: visible;
    background-color: #ff9320;
    font-size: 13px;
    color: #727272;
    padding: 8px 0 0 0;
    text-align: left;
}

/*============ Newsletter ============ */

.email_input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 65px;
    line-height: 39px;
    padding: 0 15px;
    width: 87%;
}

.email_submit {
    background-color: #fff;
    border: 1px solid #fff;
    color: #242424;
    float: left;
    margin: 0px;
    padding: 20px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
}

.email_submit:hover {
    background-color: #242424;
    border: 1px solid #242424;
    color: #fff;
}

/*============ css progress circles ============ */

.knob {
    display: none;
}

div.demo {
    position: relative;
    text-align: center;
    width: 280px;
    float: left
}

div.demo > p {
    font-size: 20px
}

div.demo .title {
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 40px;
    float: left;
    top: 60px;
}

div.demo .title span {
    text-align: center;
    width: 100%;
    font-size: 20px;
    float: left;
    margin-top: 10px;
}

/*============ Page Scroll to Top ============ */

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

.scrollup.orange {
    background: #fd602c url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.orange2 {
    background: #fd602c url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.violet {
    background: #fd602c url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.green2 {
    background: #fd602c url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.red {
    background: #e93e21 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.yellow {
    background: #ffc000 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.red2 {
    background: #ea3628 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.white {
    border: 1px solid #161616;
    background: #fff url(images/scroll-top-arrow2.png) no-repeat 15px 16px;
}

.scrollup.yellow-green {
    background: #197f19 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.brown {
    background: #8b501f url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.yellow-2 {
    background: #fcc813 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.yellow-green-2 {
    background: #e9ee42 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.yellow-3 {
    background: #f7c800 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.pink {
    background: #f51f6f url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.pink-3 {
    background: #ce0a6c url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.orange-3 {
    background: #ff971c url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.orange-4 {
    background: #ff9320 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.dark {
    background: #161616 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.green-3 {
    background: #a5d549 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.green-4 {
    background: #8ac700 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.stone {
    background: #c3a254 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.brown-2 {
    background: #b5854d url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.red-4 {
    background: #f43819 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.red-5 {
    background: #ed3325 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.cyan {
    background: #42d1aa url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.yellow-4 {
    background: #e9b444 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

.scrollup.blue {
    background: #1fbef0 url(images/scroll-top-arrow.png) no-repeat 15px 16px;
}

/*============ google maps ============ */
.map {
    width: 100%;
    height: 300px;
    border: 1px solid #e4e4e4;
}

.map p {
    margin: 10px;
    color: #333;
}

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

/*
======================================
[ CSS TABLE CONTENT ]
======================================

    [Table of contents]

	1. Gym
	2. Restaurant
	3. Construction
	4. grayscale
	5. Blog 1
	6. Cafe
	7. Wedding
	8. Fashion
	9. Mechanic
	10.Hairsaloon
	11 Transport
	12. School
	13. Portfolio
	14. Realestate
	15. Beauty
	16. Law
	17. Shop
	18. Agency
	19. charity
	20. University
	21.Personal
	22 Medical
	23. Creative
	24. Hosting
	25. Corporate innerpage styles


======================================
[ END CSS TABLE CONTENT ]
======================================
*/

/*===============================================
-------------------------------------------------
Gym layout Styles
-------------------------------------------------
================================================*/

/* =========== section top and bottom shapes ============= */

.section {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.top-shape1 {
    position: absolute;
    width: 100%;
    height: 151px;
    padding: 0px;
    margin: 0px;
    top: -151px;
    left: 0px;
    z-index: 2;
    background: url(images/top-shape1.png) center top no-repeat;
}

.top-shape1.white {
    background: url(images/top-shape2.png) center top no-repeat;
}

.top-shape2 {
    width: 100%;
    height: 151px;
    padding: 0px;
    float: left;
    margin: 0px;
    z-index: 2;
    background: url(images/top-shape2.png) center top no-repeat;
}

.top-shape3 {
    position: absolute;
    width: 100%;
    height: 151px;
    padding: 0px;
    margin: 0px;
    top: -151px;
    left: 0px;
    z-index: 2;
    background: url(images/top-shape2.png) center top no-repeat;
}

.bottom-shape1 {
    position: absolute;
    width: 100%;
    height: 151px;
    padding: 0px;
    margin: 0px;
    top: 0;
    left: 0;
    z-index: 5;
    background: url(images/bottom-shape1.png) center top no-repeat;
}

.bottom-shape2 {
    position: absolute;
    width: 100%;
    height: 151px;
    padding: 0px;
    margin: 0px;
    top: 0;
    left: 0;
    z-index: 5;
    background: url(images/bottom-shape2.png) center top no-repeat;
}

.bottom-shape3 {
    width: 100%;
    height: 151px;
    padding: 0px;
    float: left;
    margin: 0px;
    z-index: 5;
    background: url(images/bottom-shape3.png) center top no-repeat;
}

.bottom-shape4 {
    position: absolute;
    width: 100%;
    height: 151px;
    padding: 0px;
    margin: 0px;
    top: 0;
    left: 0;
    z-index: 5;
    background: url(images/bottom-shape4.png) center top no-repeat;
}

.bottom-shape5 {
    width: 100%;
    height: 151px;
    padding: 0px;
    margin: 0px;
    background: url(images/bottom-shape1.png) center top no-repeat;
}

.top-shape2.dark {
    background: url(images/top-shape3.png) center top no-repeat;
}

.top-shape2.red {
    background: url(images/top-shape4.png) center top no-repeat;
}

.shape-bpadding2 {
    padding-bottom: 80px;
}

.top-shape2.red2 {
    background: url(images/top-shape5.png) center top no-repeat;
}

/* =========== Header for inner pages ============= */

/*header inner
 ------------------------------ */
.header-inner {
    position: relative;
    width: 100%;
    height: 300px;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    overflow: hidden
}

.header-inner .overlay {
    position: absolute;
    z-index: 1;
}

.header-inner .inner {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0px;
    float: left;
    z-index: 3;
}

.header-inner.img1 {
    background: url(images/147.jpg) center top no-repeat;
}

/*inner page header title
 ------------------------------ */
.header-inner .title {
    padding: 100px 0 0 0;
    margin: 0px;
    font-size: 30px;
    font-weight: 700;
}

/*inner page header title 2
 ------------------------------ */
.header-inner .title-2 {
    padding: 133px 0 0 0;
    margin: 0px;
    font-size: 30px;
    font-weight: 700;
}

.header-inner.two .overlay {
    height: 248px;
}

.header-inner.two {
    height: 248px;
}

.price-big {
    font-size: 26px;
}

.header-inner-2 {
    position: relative;
    width: 100%;
    height: 500px;
    padding: 0px;
    margin: -168px 0 0 0;
    top: 0;
    float: left;
    z-index: 0;
    overflow: hidden
}

.header-inner-2.less-margin {
    height: 400px;
    margin: -81px 0 0 0;
}

.header-inner-2.less-margin-2 {
    margin: -111px 0 0 0;
}

.header-inner.less-margin-2 {
    margin: -111px 0 0 0;
}

.header-inner-2 .overlay {
    position: absolute;
    z-index: 1;
}

.header-inner-2 .inner {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0px;
    float: left;
    z-index: 3;
}

.header-inner-2 .title {
    padding: 300px 0 0 0;
    margin: 0px;
    font-size: 30px;
    font-weight: 700;
}

.header-inner-2 .title.padding-1 {
    padding-top: 150px;
}

.header-inner.three {
    height: 300px;
}

/* =========== parallax sections ============= */

.parallax-section16 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/131.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section17 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/135.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section18 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/142.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section19 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/164.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* =========== feature boxes ============= */

/* Feature Box24
 ------------------------------ */

.feature-box24 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 0;
}

.feature-box24 .overlay {
    position: absolute;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
}

.feature-box24.two .overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

.feature-box24 .inner {
    padding: 100px 40px 40px 40px;
    position: absolute;
    width: 100%;
    text-align: left;
    margin: 0px;
    z-index: 3;
}

.feature-box24.two .inner {
    padding: 60px 40px 40px 40px;
}

.feature-box24 .inner .but {
    padding: 0px;
    margin: 0px;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    color: #e93e21;
    text-decoration: none;
}

.feature-box24 .inner .but:hover {
    color: #fff;
}

/* Feature Box25
 ------------------------------ */
.feature-box25 {
    width: 100%;
    float: left;
    padding: 25px;
    min-height: 325px;
    background-color: #e93e21;
}

.feature-box25 .list {
    width: 100%;
    float: left;
    padding: 0;
}

.feature-box25 .list li {
    width: 100%;
    float: left;
    color: #fff;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.feature-box25 .list li:last-child {
    border-bottom: none;
}

/* Feature Box26
 ------------------------------ */
.feature-box26 {
    width: 100%;
    float: left;
    padding: 0px;
}

.feature-box26 .img-holder {
    width: 100%;
    float: left;
    padding: 10px;
    margin: 0 0 20px 0;
    border: 2px solid #101010;
}

.feature-box26 form select {
    width: 100%;
    padding: 7px;
    border: 1px solid #e4e4e4;
}

.feature-box26 .input {
    width: 100%;
    padding: 7px;
    color: #727272;
    margin-top: 20px;
    border: 1px solid #e4e4e4;
}

/* Feature Box27
 ------------------------------ */
.feature-box27 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
}

/* Price Table 4
 -----------------------------------------------*/

.pricetable-holder4 {
    width: 100%;
    padding: 10px;
    margin: 0px;
    float: left;
    border-radius: 2px;
    transition: all 0.3s ease-out 0s;
    border: 2px solid #101010;
}

.pricetable-holder4 .inner-holder {
    width: 100%;
    padding: 30px;
    margin: 0px;
    float: left;
    border-radius: 2px;
    transition: all 0.3s ease-out 0s;
    background-color: #101010;
}

.pricetable-holder4 .title {
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pricetable-holder4 .price {
    color: #fff;
    font: bold 50px "Open Sans", sans-serif;
    padding: 8px 0 0 0;
    text-align: center;
}

.pricetable-holder4 .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder4 .duration {
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #3b3b3b;
    font-style: normal;
    font-weight: 500;
}

.pricetable-holder4 ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 50px 0;
}

.pricetable-holder4 ul.plan_features li {
    padding: 15px 0;
    border-bottom: 1px solid #3b3b3b;
}

.pricetable-holder4 ul.plan_features li:last-child {
    border-bottom: none;
}

/* hover styles
 -----------------------------------------------*/
.pricetable-holder4:hover, .pricetable-holder4.active {
    border: 2px solid #e93e21;
}

.pricetable-holder4:hover .inner-holder, .pricetable-holder4.active .inner-holder {
    background-color: #e93e21;
}

.pricetable-holder4:hover ul.plan_features li, .pricetable-holder4.active ul.plan_features li {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.pricetable-holder4:hover .duration, .pricetable-holder4.active .duration {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.pricetable-holder4:hover ul.plan_features li:last-child, .pricetable-holder4.active ul.plan_features li:last-child {
    border-bottom: none;
}

.pricetable-holder4:hover .title, .pricetable-holder4.active .title {
    color: #fff;
}

.pricetable-holder4:hover .btn.btn-dark, .pricetable-holder4.active .btn.btn-dark {
    color: #242424;
    background-color: #fff;
}

/* social big icons
 -----------------------------------------------*/
.socialicon-big {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.socialicon-big li {
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
}

.socialicon-big li a {
    width: 75px;
    height: 75px;
    padding: 0px;
    margin: 0 15px 5px 0;
    text-align: center;
    font-size: 30px;
    color: #242424;
    line-height: 70px;
    float: left;
    border-radius: 100%;
    background-color: #fff;
}

.socialicon-big li a:hover {
    color: #fff;
    background-color: #161616;
}

/* Gym Timetable
 ------------------------------ */

/* Feature Box28
 ------------------------------ */
.feature-box28 {
    width: 100%;
    float: left;
    padding: 13px 20px 20px 20px;
    margin: 0 0 15px 0;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease-out 0s;
}

.feature-box28:hover {
    color: #fff;
    background-color: #e93e21;
    border: 1px solid #e93e21;
}

.feature-box28:hover h5 {
    color: #fff;
}

.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
}

.five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
    width: 20%;
}

/*===============================================
-------------------------------------------------
Restaurant layout Styles
-------------------------------------------------
================================================*/

/* Feature Box31
 ------------------------------ */
.feature-box31 {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
}

.feature-box31 .image-holder {
    position: relative;
}

.feature-box31 .divider-line2 {
    border-bottom: 1px solid #ea3628;
}

.feature-box31 .image-holder .price {
    position: absolute;
    width: 80px;
    height: 80px;
    margin: 0;
    color: #fff;
    top: 204px;
    left: 87px;
    font-size: 20px;
    padding: 0px;
    line-height: 75px;
    font-weight: 600;
    background-color: #ea3628;
}

/* Feature Box32
 ------------------------------ */
.feature-box32 {
    width: 100%;
}

.feature-box32 .iconbox-large {
    color: #ea3628;
    font-size: 30px;
    line-height: 120px;
}

/* Feature Box33
 ------------------------------ */
.feature-box33 {
    width: 100%;
    float: left;
    padding: 0px;
    background-color: #fff;
}

.feature-box33 .image-holder {
    position: relative;
}

.feature-box33 .post-date-box {
    position: absolute;
    left: 97px;
    top: 283px;
    background-color: #ea3628;
}

/* Feature Box34
 ------------------------------ */
.feature-box34 {
    width: 100%;
    float: left;
    padding: 0px;
    border: 1px solid #e4e4e4;
}

.feature-box34 .image-holder {
    width: auto;
    float: left;
}

.feature-box34 .text-box-right {
    padding: 15px 10px 10px 160px
}

/* =========== parallax sections ============= */

.parallax-section21 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/194.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section22 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/196.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section23 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/200.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section24 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/208.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/*============ blog styles ============ */

.blog-holder7 {
    width: 100%;
    float: left;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

/*============ Reservation Form ============ */

.res-form-holder {
    width: 100%;
    float: left;
    transition: all 0.3s ease-out 0s;
}

.res-form-holder input {
    width: 100%;
    padding: 10px;
    float: left;
    margin-bottom: 24px;
    border: 1px solid #e4e4e4;
}

.res-form-holder input.half-width {
    width: 48%;
    margin-right: 22px;
}

.res-form-holder input.half-width.last {
    margin-right: 0px;
}

.res-form-holder .btn-res {
    width: 100%;
    padding: 15px;
    margin: 30px 0 0 0;
    color: #fff;
    float: left;
    border-radius: 2px;
    border: none;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    background-color: #ea3628;
}

.res-form-holder .btn-res:hover {
    background-color: #242424;
}

/*===============================================
-------------------------------------------------
Construction layout Styles
-------------------------------------------------
================================================*/

/*============ feature boxes ============ */

/* Feature Box29
 ------------------------------ */
.feature-box29 {
    width: 100%;
    float: left;
    padding: 0px;
}

.feature-box29 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    z-index: 0;
}

.feature-box29 .post-date-box {
    right: 0px;
    top: 0px;
    background-color: #ffc000;
}

/* =========== parallax sections ============= */

.parallax-section20 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/168.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* Feature Box30
 ------------------------------ */
.feature-box30 {
    width: 100%;
    float: left;
    padding: 0px;
}

.feature-box30 .img-holder {
    width: 120px;
    height: 120px;
    float: left;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(255, 255, 255, 0.9);
}

.feature-box30 .img-holder .img-inner {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 5px;
    text-align: center;
    border-radius: 100%;
}

.feature-box30 .text-box {
    width: 100%;
    float: left;
    padding: 40px;
    background-color: #fff;
}

.feature-box30 .text-box-right {
    padding: 0 0 0 141px;
}

.feature-box30:hover .img-holder, .feature-box30.active .img-holder {
    background-color: rgba(0, 0, 0, 0.3);
}

/*============ Team Section ============ */
/* Team Style 5
 ------------------------------ */
.team-holder5 {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
    z-index: 0;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder5 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    z-index: 1;
}

.team-holder5 .image-holder img {
    position: relative;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.team-holder5 .image-holder .hover-box {
    position: absolute;
    width: 100%;
    float: left;
    top: 361px;
    left: 0px;
    padding: 30px;
    margin: 0px;
    z-index: 2;
    transition: all 0.3s ease-out 0s;
    background-color: #ffc000;
}

.team-holder5:hover .image-holder img {
    top: -50px;
}

.team-holder5:hover .image-holder .hover-box {
    top: 135px;
}

/*============ blog styles ============ */

.blog-holder6 {
    width: 100%;
    float: left;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

.blog-holder6 .image-holder {
    position: relative;
}

.blog-holder6 .image-holder .post-date-box {
    position: absolute;
    top: -10px;
    left: -10px;
    background-color: #ffc000;
}

/*============ page nation ============ */
.pagenation-holder {
    border-bottom: 1px solid #e9e9e9;
    float: left;
    margin: 0;
    padding: 25px 0 10px;
    width: 100%;
}

.pagenation_links a {
    color: #161616;
}

/*===============================================
-------------------------------------------------
grayscale layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section25 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/222.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section26 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/225.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section27 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/239.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section28 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/255.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section29 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/269.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section30 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/294.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* Feature Box35
 ------------------------------ */
.feature-box35:hover .iconbox-xmedium, .feature-box35.active .iconbox-xmedium {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}

/* Feature Box36
 ------------------------------ */

.feature-box36 {
    position: relative;
    float: left;
}

.feature-box36 .digit {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 50px;
    top: 115px;
    background-color: #161616;
}

.feature-box36 .iconbox-xlarge {
    position: relative;
    color: #161616;
    font-size: 36px;
    border: 1px solid #888;
}

.feature-box36:hover .iconbox-xlarge, .feature-box36.active .iconbox-xlarge {
    color: #fff;
    background-color: #161616;
    border: 1px solid #161616;
}

/* Feature Box37
 ------------------------------ */

.feature-box37 {
    width: 100%;
    padding: 60px;
    margin: 0px;
    float: left;
    background-color: #161616;
}

.feature-box37.middle {
    background-color: #000;
}

/* Feature Box38
 ------------------------------ */

.feature-box38 {
    width: 100%;
    position: relative;
    padding: 40px;
    float: left;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease-out 0s;
}

.feature-box38:hover {
    background-color: #161616;
    border: 1px solid #161616;
}

/* Feature Box39
 ------------------------------ */
.feature-box39 {
    width: 100%;
}

.feature-box39 .iconbox-xlarge {
    color: #161616;
}

.feature-box39:hover .iconbox-xlarge, .feature-box39.active .iconbox-xlarge {
    color: #fff;
    background-color: #161616;
    border: 1px solid #161616;
}

.feature-box39:hover h3, .feature-box39.active h3 {
    color: #161616;
}

/* Feature Box40
 ------------------------------ */
.feature-box40 {
    width: 100%;
    padding: 0px;
    margin-bottom: 50px;
    transition: all 0.3s ease-out 0s;
}

.feature-box40 .iconbox-small {
    line-height: 84px;
    color: #161616;
    border: 1px solid #e4e4e4;
}

.feature-box40 .text-left {
    text-align: right;
}

.feature-box40:hover .iconbox-small, .feature-box40.active .iconbox-small {
    line-height: 84px;
    color: #fff;
    background-color: #161616;
    border: 1px solid #161616;
}

.feature-box40:hover h4, .feature-box40.active h4 {
    color: #161616;
}

/* Feature Box41
 ------------------------------ */

.feature-box41 {
    width: 100%;
    float: left;
    padding: 20px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #e5e5e5;
}

.feature-box41:hover, .feature-box41.active {
    background-color: #161616;
}

.feature-box41:hover h4, .feature-box41.active h4 {
    color: #fff;
}

.feature-box41:hover .icon-plain-medium {
    color: #fff;
}

/* Feature Box42
 ------------------------------ */
.feature-box42 {
    width: 100%;
}

.feature-box42:hover .iconbox-smedium, .feature-box42.active .iconbox-smedium {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}

.feature-box42 .iconbox-smedium {
    border: 1px solid #e4e4e4;
}

.feature-box42:hover h4, .feature-box42.active h4 {
    color: #161616;
}

/* Feature Box43
 ------------------------------ */

.feature-box43 {
    position: relative;
    width: 100%;
    float: left;
}

.feature-box43 .digit {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 45px;
    top: 92px;
    background-color: #161616;
}

.feature-box43 .iconbox-small {
    position: relative;
    float: left;
}

/* Feature Box44
 ------------------------------ */
.feature-box44 {
    width: 100%;
    padding: 40px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    transition: all 0.3s ease-out 0s;
}

.feature-box44:hover, .feature-box44.active {
    background-color: #161616;
    border: 1px solid #161616;
}

.feature-box44:hover .iconbox-small, .feature-box44.active .iconbox-small {
    color: #fff;
    border: 1px solid #444444;
}

.feature-box44:hover h4, .feature-box44.active h4 {
    color: #fff;
}

/* Feature Box45
 ------------------------------ */
.feature-box45 {
    width: 100%;
}

.feature-box45 .img-holder {
    width: 146px;
    height: 146px;
    float: left;
    padding: 0px;
    margin: 0px;
}

.feature-box45 .iconbox-xtiny {
    color: #fff;
    background-color: #161616;
}

.feature-box46 {
    padding: 0px;
}

.feature-box46:hover .iconbox-tiny, .feature-box46.active .iconbox-tiny {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}

/* Feature Box47
 ------------------------------ */
.feature-box47 {
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease-out 0s;
}

.feature-box47:hover, .feature-box47.active {
    background-color: #161616;
    border: 1px solid #161616;
}

.feature-box47:hover span, .feature-box47:hover h4, .feature-box47.active span, .feature-box47.active h4 {
    color: #fff;
}

/*============ Team Section ============ */
/* Team Style 6
 ------------------------------ */
.team-holder6 {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #161616;
    transition: all 0.3s ease-out 0s;
}

.team-holder6 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    z-index: 1;
}

.team-holder6 .image-holder img {
    position: relative;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.team-holder6 .image-holder .hover-box {
    position: absolute;
    width: 66px;
    height: 100%;
    float: left;
    top: 0px;
    right: -70px;
    padding: 30px;
    margin: 0px;
    z-index: 2;
    transition: all 0.3s ease-out 0s;
    background-color: #161616;
}

.team-holder6 .image-holder .hover-box .icons {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.team-holder6 .image-holder .hover-box .icons li {
    padding: 0px;
    margin: 0px;
    float: left;
}

.team-holder6 .image-holder .hover-box .icons li a {
    padding: 0px;
    margin: 0 0 20px 0;
    font-size: 17px;
    color: #fff;
    float: left;
}

/*hover styles*/
.team-holder6:hover, .team-holder6.active {
    background-color: #161616;
}

.team-holder6:hover h4, .team-holder6:hover h6, .team-holder6.active h4, .team-holder6.active h6 {
    color: #fff;
}

.team-holder6 .image-holder .hover-box .icons li a:hover {
    color: #727272;
}

.team-holder6:hover .image-holder img, .team-holder6.active .image-holder img {
    left: -50px;
}

.team-holder6:hover .image-holder .hover-box, .team-holder6.active .image-holder .hover-box {
    right: 0px;
}

/* Team Style 7
 ------------------------------ */
.team-holder7 {
    overflow: hidden;
    max-height: 600px;
    background-color: #fff;
}

.team-holder7 .team-member {
    transition: all 0.3s ease-out 0s;
}

.team-holder7 .team-member img {
    transition: all 0.3s ease-out 0s;
}

.team-holder7 .info-box {
    position: relative;
    bottom: 0;
    overflow: hidden;
    padding: 32px 25px 120px;
    border-top: 1px solid #e4e4e4;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder7:hover .info-box {
    border-top: 1px solid #e4e4e4;
    bottom: 100px;
    transition: all 0.3s ease-out 0s;
}

.team-holder7:hover .team-member img {
    transform: scale(1.1, 1.1);
    transition: all 0.3s ease 0s;
}

.team-holder7 .info-box .social-icons {
    text-align: center;
}

.team-holder7 .info-box .social-icons li {
    display: inline;
}

.team-holder7 .info-box .social-icons i {
    color: #242424;
    font-size: 16px;
    margin: 0 15px 0 0;
}

/* Team Style 8
 ------------------------------ */

.team-holder8 {
    padding: 0px;
}

.team-holder8 .team-name-holder {
    width: 100%;
    padding: 6px 0;
    float: left;
}

.team-holder8 .team-name-holder.bgcolor {
    background-color: #fff;
}

.team-holder8 .hover-box {
    position: absolute;
    padding: 35px 0;
    margin: 0px;
    top: 320px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2;
}

.team-holder8:hover .hover-box, .team-holder8.active .hover-box {
    top: 150px;
}

.team-holder8 .image-holder {
    position: relative;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease-out 0s;
}

.team-holder8:hover .image-holder, .team-holder8.active .image-holder {
    border: 1px solid #161616;
}

.team-holder8 .social-icons-1 li a:hover, .team-holder8 .social-icons-1 li a.active {
    color: #727272;
}

/* Team Style 9
 ------------------------------ */
.team-holder9 {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
    text-align: center;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder9 .icon-holder {
    width: 25%;
    padding: 0px;
    float: left;
    margin: 0px;
    min-height: 270px;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder9 .icon-holder .social-icons-2 {
    margin: 0 0 0 14px;
}

.team-holder9 .icon-holder .social-icons-2 li a {
    color: #7f7f7f;
    background: none;
}

.team-holder9 .icon-holder .social-icons-2 li:first-child {
    margin-top: 45px;
}

/* Team Holder 10
 -----------------------------------------------*/

.team-holder10 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

.team-holder10 .social-icons-2 li a {
    color: #242424;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.team-holder10 .social-icons-2 li a:hover, .team-holder10 .social-icons-2 li a.active {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}

/* Team Style 11
 ------------------------------ */
.team-holder11 {
    width: 100%;
    padding: 0px;
    float: left;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder11 .img-holder {
    position: relative;
    overflow: hidden;
}

.team-holder11 .img-holder .icon-box {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 321px;
    padding: 15px 0;
    z-index: 1;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder11 .img-holder .icon-box .social-icons-1 {
    margin: 0 0px 0px;
}

/* Team Hover Styles
 ------------------------------ */

.team-holder11:hover .icon-box, .team-holder11.active .icon-box {
    top: 268px;
}

.team-holder11:hover, .team-holder11.active {
    background-color: #161616;
}

.team-holder11:hover .title, .team-holder11.active .title {
    color: #fff;
}

.team-holder11:hover .social-icons-1 li a, .team-holder11.active .social-icons-1 li a {
    color: #161616;
}

/*============ blog styles ============ */

.post-date-box2 {
    width: 90px;
    height: 90px;
    float: left;
    font-size: 25px;
    color: #161616;
    padding: 20px 0 0 0;
    margin: 0 0 10px 0;
    text-align: center;
    background-color: #fd602c;
}

.post-date-box2 span {
    font-size: 13px;
    color: #161616;
    display: block;
}

.blog-holder8 .post-date-box2 {
    color: #161616;
    border: 1px solid #161616;
    background-color: #fff;
}

.blog-holder8 .post-date-box2.dark {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}

.blog-holder8 .post-date-box2.dark span {
    color: #fff;
}

/* blog holder 9
 -----------------------------------------------*/
.blog-holder9 {
    width: 100%;
    float: left;
    border: 1px solid #efefef;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.blog-holder9 .post-date-box {
    margin: 30px 0 0 30px;
    background-color: #161616;
}

.blog-holder9:hover {
    border: 1px solid #161616;
    background-color: #161616;
}

.blog-holder9:hover h4 {
    color: #fff;
}

/* blog holder 10
 -----------------------------------------------*/
.blog-holder10 {
    width: 100%;
    float: left;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.blog-holder10 .post-infoicon {
    margin-right: 8px;
    float: left;
}

.blog-holder10:hover, .blog-holder10.active {
    background-color: #161616;
}

.blog-holder10:hover h4, .blog-holder10.active h4 {
    color: #fff;
}

.blog-holder10:hover .post-infoicon {
    background-color: #fff;
    color: #727272;
}

/*============ Testimonials ============ */

/* Testimonials Style 6
 -----------------------------------------------*/

.testimonials6 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

.testimonials6 .img-inner {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    text-align: center;
}

/* Tabs
 -----------------------------------------------*/

.tab-text-holder {
    width: 100%;
    padding: 60px;
    margin: 0px;
    float: left;
    min-height: 500px;
    border: 3px solid #dfdfdf;
    background-color: #fff;
}

.tab-text-holder.two {
    min-height: 507px;
}

/*============ price table ============ */

/* price table dark style
 -----------------------------------------------*/

.pricetable-holder.two {
    position: relative;
    padding: 0px;
    margin: 0px;
    background-color: #fc4242;
}

.pricetable-holder.two .pricetable {
    width: 100%;
    float: left;
    padding: 0 0 50px 0;
    margin: 20px 0px 0px;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    transition: all 0.3s ease-out 0s;
}

.pricetable-holder.two .pricetable.first {
    border-left: 1px solid #e9e9e9;
}

.pricetable-holder.two .pricetable .title {
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    color: #161616;
    text-align: center;
    /*border-bottom: 1px solid #e9e9e9;*/
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.pricetable-holder.two .pricetable .title h2 {
    color: #161616;
}

.pricetable-holder.two .pricetable .title .price {
    color: #161616;
}

.pricetable-holder.two .pricetable .title .price sup {
    color: #161616;
}

.pricetable-holder.two .pricetable .title .price i {
    color: #161616;
}

.pricetable-holder.two .pricetable ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 50px 0;
}

.pricetable-holder.two .pricetable ul.plan_features li {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
}

.pricetable-holder.two .pricetable ul.plan_features li:last-child {
    border-bottom: none;
}

.pricetable-holder.two .pricetable ul.plan_features li.highlight {
    background-color: #fff;
}

/* Price Table Hover and Active Styles
 -----------------------------------------------*/
.pricetable-holder.two.active .pricetable .title {
    border-bottom: 1px solid #161616;
    background-color: #161616;
}

.pricetable-holder.two.active .pricetable {
    border-bottom: 1px solid #161616;
    background-color: #161616;
}

.pricetable-holder.two.active .pricetable ul.plan_features li {
    border-bottom: 1px solid #444444;
    background-color: #161616;
}

.pricetable-holder.two.active .pricetable .title h2, .pricetable-holder.two.active .pricetable .title .price, .pricetable-holder.two.active .pricetable .title .price sup, .pricetable-holder.two.active .pricetable .title .price i {
    color: #fff;
}

.pricetable-holder.two.active .pricetable ul.plan_features li:last-child {
    border-bottom: none;
}

.pricetable-holder.two.active .pricetable .btn.btn-border-13 {
    color: #fff;
    border: 1px solid #444444;
}

/*============ Testimonials ============ */

.testimonials7 {
    width: 100%;
    float: left;
    padding: 40px;
    margin: 0px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials7:hover {
    background-color: #242424;
}

.testimonials7:hover h6 {
    color: #fff;
}

.testimonials7.two:hover {
    background-color: #161616;
}

.testimonials7.two:hover h6, .testimonials7.two:hover span {
    color: #fff;
}

.testimonials7.two .img-inner, .testimonials7 .img-inner {
    width: 70px;
    height: 70px;
    padding: 0px;
    margin: 0px;
    float: left;
    border-radius: 100%;
}

/*===============================================
-------------------------------------------------
Blog 1 layout Styles
-------------------------------------------------
================================================*/

/* =========== Body Main bg ============= */

/* blog1 main background
 ------------------------------ */

.main-bg-1 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    background-attachment: scroll;
    background-position: top;
    background: url("/img/main_img.jpg") no-repeat fixed center top / 129% auto;
}

/* blog1 top header title
 ------------------------------ */

.header-title-box {
    width: 750px;
    padding: 150px 0;
    margin: 0px;
    float: left;
}

.header-title-box .title {
    font-size: 64px;
    line-height: 1.3em;
}

/* blog1 post holder
 ------------------------------ */
.blog1-post-holder {
    width: 100%;
    padding: 0px;
    margin: 0 0 30px 0;
    float: left;
    background-color: #fff;
}

.blog1-post-holder.padding {
    padding: 40px;
}

.blog1-post-holder .image-holder {
    position: relative;
    z-index: 0;
}

.blog1-post-holder .image-holder .post-info {
    position: absolute;
    padding: 12px 20px;
    margin-bottom: 0 px;
    float: left;
    float: down;
    z-index: 1;
    bottom: 0px;
    background-color: #197f19;
}

.blog1-post-holder .image-holder .post-info.two {
    bottom: 0px;
}

.blog1-post-holder .image-holder .post-info.three {
    bottom: -40px;
}

.blog1-post-holder .image-holder .post-info span {
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}

.blog1-post-holder .image-holder .post-info span i {
    margin-right: 10px;
}

/* blog1 sidebar box
 ------------------------------ */

.blog1-sidebar-box {
    width: 100%;
    padding: 0px;
    margin: 0 0 30px 0;
    float: left;
    background-color: #fff;
}

/* blog1 sidebar social links
 ------------------------------ */
.blog1-social-icons {
    width: 100%;
    margin: 0;
    padding: 0px;
    display: inline-block;
    list-style-type: none;
}

.blog1-social-icons li {
    display: inline;
}

.blog1-social-icons li a {
    width: 40px;
    height: 40px;
    font-size: 16px;
    padding: 0;
    margin: 0 10px 0 0;
    color: #242424;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    border: 1px solid #e4e4e4;
}

.blog1-social-icons li a:hover {
    color: #fff;
    border: 1px solid #197f19;
    background-color: #197f19;
}

/* blog1 sidebar input search
 ------------------------------ */
.blog1-sidebar-serch_input {
    border: 1px solid #d9d9d9;
    border-width: 1px 0 1px 1px;
    color: #161616;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 40px;
    line-height: 39px;
    padding: 0 7px;
    width: 75%;
}

.blog1-sidebar-serch_input.dark {
    color: #ccc;
    border: 1px solid #444444;
    background-color: #444444;
}

.blog1-sidebar-serch-submit {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    float: left;
    height: 40px;
    margin: 0;
    padding: 5px 10px;
}

.blog1-sidebar-serch-submit.dark {
    color: #ccc;
    border: 1px solid #161616;
    background-color: #161616;
}

/* blog1 sidebar latest posts
 ------------------------------ */
.blog1-sidebar-posts {
    width: 100%;
    padding: 0px;
    margin: 0 0 25px 0;
    float: left;
}

.blog1-sidebar-posts .post-info {
    font-size: 12px;
    color: #bababa;
}

.blog1-post-info {
    font-size: 12px;
    color: #bababa;
}

.blog1-sidebar-posts:hover h6, .blog1-sidebar-posts.active h6 {
    color: #197f19;
}

/* blog1 Author info box
 ------------------------------ */
.blog1-post-info-box {
    width: 100%;
}

.blog1-post-info-box.less-width {
    width: 90%;
}

a.loadmore-but {
    background-color: #197f19;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin: 40px 0;
    padding: 20px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.3s ease-out 0s;
}

a.loadmore-but:hover {
    background-color: #e7e7e7;
}

a.loadmore-but.orange-2 {
    background-color: #fd602c;
}

a.loadmore-but.orange-2:hover {
    background-color: #242424;
}

/* =========== Blog2 header ============= */
.blog2-header-box {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.blog2-header-box .title {
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #fff;
    text-align: center;
}

.blog2-header-box .image-holder {
    position: relative;
    z-index: 0;
}

.blog2-header-box .image-holder .text-box {
    position: absolute;
    z-index: 1;
    text-align: center;
}

.blog2-header-box .image-holder .text-box .title {
    text-decoration: none;
    color: #fff;
    margin-bottom: 10px;
}

.blog2-header-box .image-holder .text-box.top-padding {
    padding-top: 200px;
}

.blog2-header-box .image-holder .text-box .post-info span {
    font-size: 16px;
    color: #fff;
    margin-right: 20px;
}

.blog2-header-box .image-holder .text-box .post-info i {
    padding-right: 10px;
}

/* =========== blockquotes ============= */

blockquote.style1 {
    padding: 8px;
    margin: 5px;
    font-size: 14px;
    border-left: none;
    background-image: url(images/openquote1.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 23px;
}

blockquote.style1 span {
    display: block;
    background-image: url(images/closequote1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

/* =========== blockquotes ============= */

blockquote.style1 {
    padding: 8px;
    margin: 5px;
    font-size: 14px;
    border-left: none;
    background-image: url(images/openquote1.png);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: 23px;
}

blockquote.style1 span {
    display: block;
    background-image: url(images/closequote1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

/*===============================================
-------------------------------------------------
Cafe layout Styles
-------------------------------------------------
================================================*/

/* =========== Header logo ============= */

.logo-holder {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    top: 75px;
    float: left;
    text-align: center;
    z-index: 5;
}

.top-minus-margin {
    margin: -200px 0 0 0;
}

/* =========== parallax sections ============= */

.parallax-section31 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/326.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section32 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/336.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section33 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/341.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section34 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/349.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* =========== cafe special menu ============= */

.special-menu-holder {
    width: 90%;
    padding: 0px;
    margin: 0px;
    float: left;
    background-color: #fff;
}

.price-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.price-list li {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    border-bottom: 1px solid #edecec;
}

.price-list li:last-child {
    border-bottom: none;
}

.price-list li span.item {
    float: left;
    text-align: left;
}

.price-list li span.price {
    float: right;
    text-align: right;
}

.price-list li span.line {
    font-size: 15px;
    line-height: 41px;
    color: #e4e4e4;
}

/* Feature Box48
 ------------------------------ */
.feature-box48 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.feature-box48 .icon {
    width: 135px;
    height: 135px;
    border-radius: 100%;
    margin: 0 auto 15px auto;
    border: 1px solid #e4e4e4;
    line-height: 60px;
    transition: all 0.3s ease-out 0s;
    background: #fff url(images/328.png) center center no-repeat;
}

.feature-box48:hover .icon {
    border: 1px solid #e4e4e4;
    border: 1px solid #8b501f;
    background: #8b501f url(images/329.png) center center no-repeat;
}

.feature-box48:hover h5, .feature-box48.active h5 {
    color: #8b501f;
}

.feature-box48 .icon.two {
    background: #fff url(images/330.png) center center no-repeat;
}

.feature-box48:hover .icon.two {
    background: #8b501f url(images/331.png) center center no-repeat;
}

.feature-box48 .icon.three {
    background: #fff url(images/332.png) center center no-repeat;
}

.feature-box48:hover .icon.three {
    background: #8b501f url(images/333.png) center center no-repeat;
}

.feature-box48 .icon.four {
    background: #fff url(images/334.png) center center no-repeat;
}

.feature-box48:hover .icon.four {
    background: #8b501f url(images/335.png) center center no-repeat;
}

.feature-box48:hover .icon.three, .feature-box48.active .icon.three {
    border: 1px solid #e4e4e4;
    border: 1px solid #8b501f;
    background: #8b501f url(images/329.png) center center no-repeat;
}

/*============ blog styles ============ */

.blog-holder11 {
    width: 100%;
    float: left;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

/*============ testimonials ============ */

/* Testimonials Style 8
 -----------------------------------------------*/

.beans-bg-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: url(images/337.jpg) center top no-repeat;
}

.testimonials8 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.3s ease-out 0s;
}

/*===============================================
-------------------------------------------------
Wedding layout Styles
-------------------------------------------------
================================================*/

.small-line {
    width: 30%;
    height: 1px;
    background-color: #fcc813;
    margin: 0 auto;
}

.small-line.align-left {
    width: 30%;
    height: 1px;
    background-color: #fcc813;
    margin-right: 70%;
}

/* =========== parallax sections ============= */

.parallax-section35 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/380.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/*===============================================
-------------------------------------------------
Fashion layout Styles
-------------------------------------------------
================================================*/

/* Feature Box49
 ------------------------------ */
.feature-box-49 {
    width: 100%;
    padding: 0px;
    margin: 0 0 30px 0;
    float: left;
    border-top: 1px solid #e9ee42;
}

.feature-box-49 .iconbox-xlarge {
    background-color: #e9ee42;
}

.feature-box-49:hover h4, .feature-box-49.active h4 {
    color: #e9ee42;
}

/* =========== parallax sections ============= */

.parallax-section36 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/382.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* Feature Box50
 ------------------------------ */
.feature-box-50 {
    width: 100%;
}

.feature-box-50 .iconbox-xtiny {
    color: #242424;
    background-color: #e9ee42;
}

/* Feature Box51
 ------------------------------ */
.feature-box-51 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.feature-box-51 .image-holder {
    position: relative;
    z-index: 0;
}

.feature-box-51 .image-holder .hover-box {
    position: absolute;
    width: 90%;
    height: 90%;
    z-index: 1;
    left: 5%;
    top: 5%;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #e9ee42;
}

.feature-box-51:hover .image-holder .hover-box, .feature-box-51.active .image-holder .hover-box {
    opacity: 1;
    transition: all 0.3s ease-out 0s;
}

/* Feature Box52
 ------------------------------ */
.feature-box52 {
    width: 100%;
    padding: 20px;
    float: left;
    margin-bottom: 30px;
    border: 1px solid #e4e4e4;
    transition: all 0.3s ease-out 0s;
}

.feature-box52.two {
    border: none;
    background-color: #f6f6f6;
}

/* Feature Box53
 ------------------------------ */
.feature-box53 {
    width: 100%;
    padding: 0px;
    float: left;
}

.feature-box53 .post-date-box {
    color: #242424;
    top: 60px;
    background-color: #e9ee42;
}

.feature-box53 .post-date-box.green-3 {
    color: #fff;
    background-color: #a5d549;
}

.feature-box53 .post-date-box.green-3 span {
    color: #fff;
}

.feature-box53 .post-date-box span {
    color: #242424;
}

.feature-box53.left-padding {
    padding-left: 40px;
}

/* Feature Box54
 ------------------------------ */
.feature-box54 {
    width: 100%;
    padding: 50px;
    float: left;
    min-height: 585px;
    background-color: #101010;
    border: 1px solid #101010;
}

/*============ Team Section ============ */
/* Team Style 12
 ------------------------------ */
.team-holder12 {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
    z-index: 0;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder12 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    z-index: 1;
}

.team-holder12 .image-holder img {
    position: relative;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.team-holder12 .image-holder .hover-box {
    position: absolute;
    width: 100%;
    float: left;
    top: 361px;
    left: 0px;
    padding: 30px;
    margin: 0px;
    z-index: 2;
    color: #161616;
    transition: all 0.3s ease-out 0s;
    background-color: #e9ee42;
}

.team-holder12:hover .image-holder img {
    top: -50px;
}

.team-holder12:hover .image-holder .hover-box {
    top: 180px;
}

.team-holder12.two .image-holder .hover-box {
    background-color: #ff971c;
}

/*===============================================
-------------------------------------------------
Mechanic layout Styles
-------------------------------------------------
================================================*/

/* Feature Box55
 ------------------------------ */
.feature-box55 {
    position: relative;
    width: 100%;
    padding: 0px;
    float: left;
    z-index: 0;
}

.feature-box55 .text-holder {
    position: absolute;
    width: 100%;
    padding: 80px 40px 40px 40px;
    float: left;
    z-index: 1;
}

.feature-box55 .text-holder .title-1 {
    font-size: 36px;
}

.feature-box55 .text-holder .title-2 {
    font-size: 50px;
    font-weight: bold;
}

/* Feature Box56
 ------------------------------ */
.feature-box56 {
    position: relative;
    width: 100%;
    padding: 0px;
    float: left;
    z-index: 0;
}

.feature-box56 .offer-badge {
    position: absolute;
    width: 106px;
    height: 106px;
    padding: 0px;
    float: left;
    z-index: 1;
}

.feature-box56 .offer-badge .text {
    position: absolute;
    width: 100%;
    color: #161616;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    padding: 30px 0 0 0;
    float: left;
    z-index: 2;
}

/* Feature Box57
 ------------------------------ */
.feature-box57 {
    width: 100%;
    padding: 40px;
    float: left;
    background-color: #f7c800;
}

.feature-box57 form select {
    width: 100%;
    padding: 7px;
    border: 1px solid #f7c800;
}

.feature-box57 form select.margin-top {
    margin-top: 20px;
}

.feature-box57 .input {
    width: 100%;
    padding: 7px;
    color: #727272;
    margin-top: 20px;
    border: 1px solid #f7c800;
}

/* Feature Box58
 ------------------------------ */
.feature-box58 {
    width: 100%;
    padding: 40px;
    float: left;
    border: 1px solid #e4e4e4;
}

.price-list {
    width: 100%;
    padding: 40px;
    float: left;
    border: 1px solid #e4e4e4;
}

/* =========== parallax sections ============= */

.parallax-section37 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/404.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section38 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/411.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/*===============================================
-------------------------------------------------
Hairsaloon layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section39 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/428.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section40 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/437.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section41 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/441.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* Feature Box59
 ------------------------------ */
.feature-box59 {
    width: 100%;
    float: left;
    padding: 0px;
}

.feature-box59 .image {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
}

/* Feature Box60
 ------------------------------ */
.feature-box60 {
    width: 100%;
    float: left;
    padding: 0px;
}

.social-icons.align-left li {
    display: inline;
}

.social-icons.align-left i {
    color: #242424;
    font-size: 16px;
    margin: 0 15px 0 0;
}

/* footer
 ------------------------------ */
.footer-holder {
    width: 100%;
    padding: 0px;
}

.footer-holder .flogo {
    margin: 0 auto;
    padding-left: 100px;
}

.footer-holder .social-icons-3 {
    margin-top: 20px;
    width: 100%;
}

.footer-holder .social-icons-3 li a {
    color: #fff;
    background-color: #161616;
}

.footer-holder .social-icons-3 li a:hover {
    background-color: #f51f6f;
}

.footer-holder .social-icons-3.red li a:hover {
    background-color: #ed3325;
}

/*===============================================
-------------------------------------------------
Transport layout Styles
-------------------------------------------------
================================================*/

/* dotted map
 ------------------------------ */
.dotted-map {
    width: 100%;
    padding: 0px;
    float: left;
    background: url(images/444.png) center 250px no-repeat;
}

/* Feature Box61
 ------------------------------ */
.feature-box61 {
    float: left;
    padding: 0;
    width: 100%;
}

.feature-box61 .text {
    margin: 0;
    padding: 40px 40px 40px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 3;
}

.feature-box61 .image-holder {
    position: relative;
    z-index: 1;
}

/* Feature Box62
 ------------------------------ */
.feature-box62 {
    position: relative;
    float: left;
    padding: 0;
    width: 100%;
}

.feature-box62 .text {
    margin: 0;
    padding: 30px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 3;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.feature-box62 .image-holder {
    position: relative;
    z-index: 1;
}

.feature-box62 .post-date-box {
    background-color: #ff971c;
    left: 20px;
    top: 20px;
}

.small-line-2 {
    width: 45px;
    height: 1px;
    float: left;
    margin: 15px 5px 0 0;
    background-color: #ff971c;
}

/* =========== parallax sections ============= */

.parallax-section42 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/448.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section42 .title1 {
    font-size: 90px;
    line-height: 90px;
}

.parallax-section43 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/449.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section44 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/451.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section44 .title1 {
    font-size: 50px;
    line-height: 90px;
}

/*===============================================
-------------------------------------------------
School layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section45 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/468.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section46 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/482.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* =========== cloud shapes ============= */

.cloud-pattren {
    position: absolute;
    width: 100%;
    height: 35px;
    padding: 0px;
    margin: 0px;
    top: -15px;
    left: 0px;
    z-index: 2;
    background: url(images/469.png) center top no-repeat;
}

.cloud-pattren2 {
    position: absolute;
    width: 100%;
    height: 35px;
    padding: 0px;
    margin: 0px;
    bottom: -15px;
    left: 0px;
    z-index: 2;
    background: url(images/469.png) center top no-repeat;
}

.footer-cloud-shape {
    position: absolute;
    width: 100%;
    height: 125px;
    padding: 0px;
    margin: 0px;
    top: -15px;
    left: 0px;
    z-index: 2;
    background: url(images/478.png) center top no-repeat;
}

/* Feature Box63
 ------------------------------ */
.feature-box63 {
    float: left;
    padding: 0;
    width: 100%;
}

.feature-box63 .iconbox-large {
    border: 1px solid #69c4ef;
    color: #69c4ef;
}

.feature-box63 .title-color-1 {
    color: #69c4ef;
}

.feature-box63 .iconbox-large.two {
    border: 1px solid #c591ec;
    color: #c591ec;
}

.feature-box63 .title-color-2 {
    color: #c591ec;
}

.feature-box63 .iconbox-large.three {
    border: 1px solid #ffc446;
    color: #ffc446;
}

.feature-box63 .title-color-3 {
    color: #ffc446;
}

.feature-box63 .iconbox-large.four {
    border: 1px solid #a2d052;
    color: #a2d052;
}

.feature-box63 .title-color-4 {
    color: #a2d052;
}

/* Feature Box64
 ------------------------------ */
.feature-box64 {
    float: left;
    padding: 25px;
    width: 100%;
    border-radius: 2px;
}

.feature-box64.bg-color-1 {
    background-color: #9c78b1;
}

.feature-box64.bg-color-2 {
    background-color: #57c2ff;
}

.feature-box64.bg-color-3 {
    background-color: #ff9834;
}

.feature-box64 .image-holder {
    position: relative;
    z-index: 0;
}

.feature-box64 .image-holder .date-shape {
    position: absolute;
    z-index: 1;
    width: 130px;
    height: 90px;
    float: left;
    bottom: -35px;
    padding: 11px 0 0 0;
    background: url(images/471.png) 0 0 no-repeat;
}

.feature-box64 .text-color-1 {
    color: #cbe2ef;
}

.feature-box64 .text-color-2 {
    color: #cbe2ef;
}

.feature-box64 .text-color-3 {
    color: #ffd4ab;
}

/* Feature Box65
 ------------------------------ */
.feature-box65 {
    float: left;
    padding: 40px;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
}

/* Team Style 7 two
 ------------------------------ */
.team-holder7.two {
    overflow: hidden;
    max-height: 490px;
    background-color: #fff;
}

.team-holder7.two:hover .info-box {
    bottom: 150px;
}

/*full width buttons
 ------------------------------ */
.full-btn-1 {
    width: 100%;
    padding: 20px 0;
    margin: 0 0 9px 0;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.full-btn-1.bg-color-1 {
    background-color: #ffd202;
}

.full-btn-1.bg-color-1:hover {
    color: #fff;
    background-color: #ffc002;
}

.full-btn-1.bg-color-2 {
    background-color: #ff6fba;
}

.full-btn-1.bg-color-2:hover {
    color: #fff;
    background-color: #ef4ba0;
}

.full-btn-1.bg-color-3 {
    background-color: #45daff;
}

.full-btn-1.bg-color-3:hover {
    color: #fff;
    background-color: #2fc6eb;
}

.full-btn-1.bg-color-4 {
    border-radius: 2px;
    background-color: #ce0a6c;
}

.full-btn-1.bg-color-4:hover {
    color: #fff;
    background-color: #242424;
}

/* =========== Classes table ============= */

.classes-table-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.classes-table {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.classes-table table {
    width: 100%;
    border-collapse: collapse;
}

.classes-table tr:nth-of-type(odd) {
    background: #f6f6f6;
}

.classes-table tr:nth-of-type(even) {
    background: #fff;
}

.classes-table th {
    background: #eb574c;
    color: white;
    font-weight: bold;
}

.classes-table td, th {
    padding: 20px;
    color: #242424;
    border: 1px solid #e4e4e4;
    text-align: left;
}

/*===============================================
-------------------------------------------------
Portfolio layout Styles
-------------------------------------------------
================================================*/

/* Portfolio main background
 ------------------------------ */

.main-bg-2 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    top: -150px;
    background-attachment: scroll;
    background-position: top;
    background: url(images/mainbg-1.jpg) fixed top no-repeat;
}

/* blog1 top header title
 ------------------------------ */

.header-title-box-2 {
    width: 100%;
    padding: 100px 0;
    margin: 0px;
    float: left;
}

.header-title-box-2 .title {
    font-size: 80px;
    font-weight: 600;
    padding: 220px 0 0 0;
    line-height: 80px;
}

/*===============================================
-------------------------------------------------
Realestate layout Styles
-------------------------------------------------
================================================*/

.call-us-box {
    padding: 5px 20px;
    margin: 0px;
    float: left;
    color: #fff;
    border-radius: 20px;
    background-color: #a5d549;
}

.property-search {
    width: 100%;
    padding: 40px 0;
    margin: 0px;
    float: left;
    color: #fff;
    background-color: #a5d549;
}

.property-search input {
    width: 100%;
    color: #727272;
    font-size: 14px;
    padding: 6px;
    border: none;
}

.property-search select {
    width: 100%;
    color: #727272;
    font-size: 14px;
    padding: 6px;
    border: none;
}

.property-search label {
    color: #fff;
    font-size: 14px;
    border: none;
    font-weight: normal;
}

.property-search .search-btn {
    height: 38px;
    padding: 0px;
    width: 100%;
    color: #fff;
    float: left;
    border: none;
    transition: all 0.3s ease-out 0s;
    background-color: #161616;
}

.property-search .search-btn:hover {
    color: #242424;
    background-color: #fff;
}

/* Feature Box65
 ------------------------------ */
.feature-box-65 {
    width: 100%;
}

.feature-box-65 .iconbox-xtiny {
    color: #a5d549;
    border: 1px solid #a5d549;
}

/* Feature Box66
 ------------------------------ */
.feature-box-66 {
    width: 100%;
    padding: 0px;
    margin: 0 0 30px 0;
    float: left;
    background-color: #fff;
}

.feature-box-66.border {
    border: 1px solid #ededed;
}

.feature-box-66 .image-holder {
    position: relative;
}

.feature-box-66 .image-holder .status {
    position: absolute;
    padding: 8px 40px;
    margin: 0px;
    bottom: 100px;
    right: 0;
    color: #fff;
    float: right;
    background-color: #a5d549;
}

.feature-box-66 .image-holder .price {
    position: absolute;
    padding: 8px 40px;
    margin: 0px;
    bottom: 62px;
    right: 0;
    color: #242424;
    float: right;
    background-color: #fff;
}

/* Property Info
 ------------------------------ */
.property-info {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.property-info span {
    margin-right: 10px;
}

/* =========== parallax sections ============= */

.parallax-section47 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/491.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* Team Style 13
 ------------------------------ */
.team-holder13 {
    width: 100%;
    padding: 0px;
    float: left;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder13 .img-holder {
    position: relative;
    overflow: hidden;
}

.team-holder13 .img-holder .icon-box {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 321px;
    padding: 15px 0;
    z-index: 1;
    background-color: #a5d549;
    transition: all 0.3s ease-out 0s;
}

.team-holder13 .img-holder .icon-box .social-icons-1 {
    margin: 0 0px 0px;
}

.team-holder13 .img-holder .icon-box .social-icons-1 li a:hover, .team-holder13 .img-holder .icon-box .social-icons-1 li a.active {
    color: #242424;
}

/* Team Hover Styles
 ------------------------------ */

.team-holder13:hover .icon-box, .team-holder13.active .icon-box {
    top: 268px;
}

.team-holder13:hover .img-holder img, .team-holder13.active .img-holder img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}

/* categoriy list
 ------------------------------ */

.category-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.category-list li {
    width: 100%;
    padding: 10px 0;
    margin: 0px;
    float: left;
    border-bottom: 1px solid #ededed;
}

.category-list li a:hover {
    color: #a5d549;
}

.category-list li:last-child {
    border-bottom: none;
}

/*===============================================
-------------------------------------------------
Beauty layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section48 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/523.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.team-holder12.three .image-holder .hover-box {
    background-color: #f51f6f;
}

/*===============================================
-------------------------------------------------
Law layout Styles
-------------------------------------------------
================================================*/

.toplist li a.consult-btn {
    padding: 6px 30px;
    margin: 0px;
    float: left;
    color: #fff;
    border-radius: 2px;
    background-color: #c31319;
}

.toplist li a.consult-btn:hover {
    color: #fff;
    background-color: #242424;
}

/* Feature Box67
 ------------------------------ */
.feature-box-67 {
    width: 100%;
}

.feature-box-67 .iconbox-xtiny {
    color: #c3a254;
    border: 1px solid #c3a254;
}

/* Feature Box68
 ------------------------------ */
.feature-box68 {
    width: 100%;
    padding: 0px;
    float: left;
}

.feature-box68 .image-holder {
    position: relative;
    z-index: 0;
}

.feature-box68 .image-holder .post-date-box {
    position: absolute;
    color: #242424;
    top: 145px;
    left: 100px;
    z-index: 1;
    overflow: visible;
    background-color: #e9ee42;
}

.feature-box68 .image-holder .post-date-box.stone {
    color: #fff;
    background-color: #c3a254;
}

.feature-box68 .image-holder .post-date-box.stone span {
    color: #fff;
}

.feature-box68 .image-holder .post-date-box span {
    color: #242424;
}

.feature-box68.left-padding {
    padding-left: 40px;
}

/* =========== parallax sections ============= */

.parallax-section49 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/541.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section49 .title {
    font-size: 46px;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
}

.parallax-section49 .title-2 {
    font-size: 20px;
    font-weight: 300;
    color: #c3a254;
    font-family: 'Roboto Slab', serif;
}

.parallax-section50 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/546.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/*============ Team Section ============ */
/* Team Style 14
 ------------------------------ */
.team-holder14 {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
    z-index: 0;
    background-color: #fff;
}

.team-holder14 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    z-index: 1;
}

.team-holder14 .image-holder img {
    position: relative;
    top: 0px;
    left: 0px;
    transition: all 0.3s ease-out 0s;
}

.team-holder14 .image-holder .hover-box {
    position: absolute;
    width: 66px;
    height: 100%;
    float: left;
    top: 0px;
    right: -70px;
    padding: 30px;
    margin: 0px;
    z-index: 2;
    transition: all 0.3s ease-out 0s;
    background-color: #c3a254;
}

.team-holder14 .image-holder .hover-box .icons {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.team-holder14 .image-holder .hover-box .icons li {
    padding: 0px;
    margin: 0px;
    float: left;
}

.team-holder14 .image-holder .hover-box .icons li a {
    padding: 0px;
    margin: 0 0 20px 0;
    font-size: 17px;
    color: #fff;
    float: left;
}

/*hover styles*/
.team-holder14 .image-holder .hover-box .icons li a:hover {
    color: #727272;
}

.team-holder14:hover .image-holder img, .team-holder14.active .image-holder img {
    left: -50px;
}

.team-holder14:hover .image-holder .hover-box, .team-holder14.active .image-holder .hover-box {
    right: 0px;
}

/*===============================================
-------------------------------------------------
Gym layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section51 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/564.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section52 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/570.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section51 .title {
    font-size: 46px;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
}

.parallax-section51 .title-2 {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    font-family: 'Roboto Slab', serif;
}

.parallax-section52 .title {
    font-size: 46px;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
}

.parallax-section52 .title-2 {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    font-family: 'Roboto Slab', serif;
}

/*===============================================
-------------------------------------------------
Shop layout Styles
-------------------------------------------------
================================================*/

/* Feature Box69
 ------------------------------ */
.feature-box69 {
    width: 100%;
    padding: 0px;
    float: left;
}

.feature-box69 .image-holder {
    position: relative;
    z-index: 0;
}

.feature-box69 .overlay {
    position: absolute;
    z-index: 1;
}

.feature-box69 .title1 {
    font-size: 36px;
    padding: 150px 0 0 50px;
}

.feature-box69 .title2 {
    padding: 0 0 0 50px;
}

/* =========== parallax sections ============= */

.parallax-section53 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/583.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section-title {
    font-size: 46px;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
}

.parallax-section-title-2 {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    font-family: 'Roboto Slab', serif;
}

/*============ Newsletter ============ */

.email_input.two {
    background: #fff;
    color: #242424;
    border: 1px solid #e4e4e4;
}

.email_submit.two {
    background-color: #f43819;
    border: 1px solid #f43819;
    color: #fff;
}

.email_submit.two:hover {
    background-color: #242424;
    border: 1px solid #242424;
    color: #fff;
}

.email_submit.three {
    background-color: #242424;
    border: 1px solid #242424;
    color: #fff;
}

.email_submit.three:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #242424;
}

/*newsletter style 4*/
.email_input.four {
    background: none;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.email_submit.four {
    background-color: #fff;
    border: 1px solid #fff;
    color: #242424;
}

.email_submit.four:hover {
    background-color: #242424;
    border: 1px solid #242424;
    color: #fff;
}

/* we accept logo list
 ------------------------------ */
.payment-type {
    padding: 0px;
    margin: 0px;
    float: left;
}

.payment-type li {
    display: inline;
    padding: 0px;
    margin: 0px;
    float: left;
}

.section-copyrights .social-icons-3.no-margin-left {
    margin-left: 0;
}

/* shop product review stars
 ------------------------------ */

.product-review-stars span {
    color: #f43819;
    float: right;
    margin: 0;
    font-size: 18px;
    padding: 0 0 0 10px;
}

.product-details {
    width: 100%;
    float: left;
    padding: 0px;
}

.product-details li {
    padding-bottom: 10px;
}

.product-details li span {
    font-size: 14px;
    font-weight: 600;
    color: #242424;
}

.product-info-socialicons {
    width: 100%;
    float: left;
    padding: 0px;
}

.product-info-socialicons li a {
    width: 40px;
    height: 40px;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: center;
    line-height: 40px;
    margin-right: 8px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.product-info-socialicons li a:hover {
    color: #fff;
    border: 1px solid #f43819;
    background-color: #f43819;
}

.product-review-stars-2 {
    width: 100%;
    float: left;
    margin: 0;
}

.product-review-stars-2 span {
    color: #f43819;
    float: left;
    margin: 0;
    font-size: 18px;
    padding: 0 0 0 10px;
}

/* shop product review stars
 ------------------------------ */

.shop-product-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
}

.shop-product-holder .image-holder {
    position: relative;
    top: 0px;
    z-index: 0;
    transition: all 0.3s ease-out 0s;
}

.shop-product-holder .image-holder img {
    position: relative;
    overflow: hidden;
    top: 0px;
    transition: all 0.3s ease-out 0s;
}

.shop-product-holder .image-holder .hoverbox {
    position: absolute;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    height: 65px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    bottom: -65px;
    z-index: 1;
    line-height: 60px;
    transition: all 0.3s ease-out 0s;
    background-color: #f43819;
}

.shop-product-holder:hover .image-holder img {
    top: -50px;
}

.shop-product-holder:hover .image-holder .hoverbox {
    bottom: 0;
}

/* shop sidebar latest posts
 ------------------------------ */

.blog1-sidebar-posts.red-4 .post-info i {
    color: #f43819;
    padding-right: 5px;
}

.blog1-sidebar-posts.red-4:hover h6, .blog1-sidebar-posts.red-4.active h6 {
    color: #f43819;
}

/* Shop sidebar tags
 ------------------------------ */
.shop-tags {
    padding: 0px;
    margin: 0px;
}

.shop-tags li {
    padding: 0px;
    margin: 0;
}

.shop-tags li a {
    padding: 5px 15px 5px 15px;
    margin: 0 10px 10px 0;
    float: left;
    color: #fff;
    background-color: #f43819;
}

.shop-tags li a:hover, .shop-tags li a.active {
    color: #fff;
    background-color: #242424;
}

/*===============================================
-------------------------------------------------
Agency layout Styles
-------------------------------------------------
================================================*/

/* Feature Box70
 ------------------------------ */
.feature-box70 {
    width: 100%;
    padding: 30px;
    float: left;
    text-align: left;
    transition: all 0.3s ease-out 0s;
    background-color: #242424;
}

.feature-box70:hover, .feature-box70.active {
    background-color: #ed3325;
}

.feature-box70:hover h4, .feature-box70:hover p, .feature-box70.active h4, .feature-box70.active p {
    color: #fff;
}

/* Feature Box71
 ------------------------------ */
.feature-box71 {
    width: 100%;
    padding: 50px;
    float: left;
    text-align: left;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.6);
}

/* Feature Box72
 ------------------------------ */
.feature-box72 {
    width: 100%;
    padding: 80px 40px;
    float: left;
    text-align: center;
    transition: all 0.3s ease-out 0s;
}

.feature-box72:hover, .feature-box72.active {
    background-color: rgba(0, 0, 0, 0.2);
}

/* Feature Box73
 ------------------------------ */
.feature-box73 {
    width: 100%;
    padding: 80px 40px;
    float: left;
    border: 1px solid;
}

/* Feature Box74
 ------------------------------ */
.feature-box-74 {
    width: 100%;
}

.feature-box-74 .iconbox-xtiny {
    color: #242424;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.feature-box-74:hover .iconbox-xtiny {
    color: #fff;
    background-color: #ed3325;
    border: 1px solid #ed3325;
}

/* =========== parallax sections ============= */

.parallax-section54 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/615.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* Team Style 2 type two
 ------------------------------ */

.team-holder2.two {
    width: 100%;
    padding: 0px;
    float: left;
    background-color: #f6f6f6;
    transition: all 0.3s ease-out 0s;
}

.team-holder2.two .img-holder {
    position: relative;
    overflow: hidden;
    margin-top: 0px;
}

.team-holder2.two .img-holder .icon-box {
    background-color: #ed3325;
}

.team-holder2.two:hover, .team-holder2.active {
    background-color: #242424;
}

.team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
    top: 268px;
}

/*===============================================
-------------------------------------------------
charity layout Styles
-------------------------------------------------
================================================*/

/* Feature Box75
 ------------------------------ */
.feature-box-75 {
    width: 100%;
    padding: 30px;
    margin: 0px;
    float: left;
    border: 1px solid #42d1aa;
}

/* Feature Box76
 ------------------------------ */
.feature-box-76 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.feature-box-76 .text-box {
    margin-left: 15px;
    min-height: 292px;
}

/* Feature Box77
 ------------------------------ */
.feature-box-77 {
    width: 100%;
    padding: 30px;
    margin: 0px;
    float: left;
    background-color: #42d1aa;
}

.feature-box-77 .text-box-inner {
    width: 100%;
    padding: 30px;
    margin: 0px;
    float: left;
    min-height: 370px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Feature Box78
 ------------------------------ */
.feature-box-78 {
    position: relative;
    width: 100%;
    padding: 30px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.feature-box-78 .post-date-box {
    background-color: #42d1aa;
    right: 18px;
    top: -91px;
}

/* Feature Box79
 ------------------------------ */
.feature-box-79 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.feature-box-79.last {
    border-right: none;
}

/* Feature Box80
 ------------------------------ */
.feature-box-80 {
    width: 100%;
    padding: 0px;
    float: left;
}

.boxed-title {
    width: 80%;
    padding: 5px;
    margin: 0 20% 0 0;
    float: left;
    background-color: #42d1aa;
}

.boxed-title-2 {
    padding: 15px;
    margin: 0;
    float: right;
    text-align: right;
    background-color: #42d1aa;
}

.boxed-text-1 {
    padding: 15px;
    margin: 0;
    float: right;
    text-align: right;
    background-color: #fff;
}

.boxed-title-3 {
    padding: 10px;
    margin: 0 0 20px 0;
    float: left;
    text-align: left;
    background-color: #42d1aa;
}

.boxed-title-4 {
    position: relative;
    width: 90%;
    padding: 10px;
    margin: 13px 10% 20px 0;
    float: left;
    text-align: left;
    background-color: #42d1aa;
}

.boxed-title-4 .post-date-box {
    background-color: #42d1aa;
    right: -35px;
    top: -90px;
}

/* =========== parallax sections ============= */

.parallax-section55 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/633.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section56 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/636.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* Team Style 14 stye two
 ------------------------------ */

.team-holder14.two .image-holder .hover-box {
    background-color: #42d1aa;
}

/*===============================================
-------------------------------------------------
University layout Styles
-------------------------------------------------
================================================*/

/* Feature Box81
 ------------------------------ */
.feature-box-81 {
    width: 100%;
    padding: 0px;
    float: left;
}

.feature-box-81 .image-holder {
    position: relative;
    width: 100%;
    padding: 0px;
    float: left;
    z-index: 0;
}

.feature-box-81 .image-holder .hover-strip {
    position: absolute;
    width: 100%;
    padding: 20px;
    float: left;
    bottom: 0px;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.5);
}

.feature-box-81 .image-holder .hover-strip:hover, .feature-box-81 .image-holder .hover-strip.active {
    background-color: #ce0a6c;
}

/* Feature Box82
 ------------------------------ */
.feature-box-82 {
    width: 100%;
    padding: 0px;
    float: left;
    margin-bottom: 20px;
    transition: all 0.3s ease-out 0s;
    background-color: #f6f6f6;
}

.feature-box-82 .image-holder {
    position: relative;
    z-index: 0;
}

.feature-box-82 .image-holder .post-info {
    position: absolute;
    z-index: 1;
    bottom: 16px;
    left: 16px;
}

.feature-box-82 .image-holder .post-info .post-infoicon {
    background-color: #ce0a6c;
}

.feature-box-82:hover, .feature-box-82.active {
    background-color: #ce0a6c;
}

.feature-box-82:hover h5, .feature-box-82:hover p, .feature-box-82:hover .blog-post-info span,
.feature-box-82.active h5, .feature-box-82.active p, .feature-box-82.active .blog-post-info span {
    color: #fff;
}

/* Feature Box83
 ------------------------------ */
.feature-box-83 {
    width: 100%;
    padding: 0px;
    float: left;
}

/* =========== parallax sections ============= */

.parallax-section57 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/656.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section58 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/658.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/*===============================================
-------------------------------------------------
Personal layout Styles
-------------------------------------------------
================================================*/

.personal-info {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.personal-info li {
    color: #e9b444;
    padding-bottom: 8px;
}

.personal-info li i {
    margin-right: 10px;
}

.personal-info.orange-2 li {
    color: #fd602c;
    padding-bottom: 8px;
}

/* =========== parallax sections ============= */

.parallax-section59 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/687.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section60 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/688.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/* =========== Feature boxes sections ============= */

/* Feature Box84
 ------------------------------ */
.feature-box-84 {
    width: 100%;
    padding: 70px 40px;
    float: left;
    background-color: rgba(255, 255, 255, 0.8);
}

/* Feature Box85
 ------------------------------ */
.feature-box-85 {
    width: 100%;
    position: relative;
    padding: 40px;
    float: left;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.feature-box-85 {
    margin-bottom: 28px;
}

.feature-box-85 .arrow-down {
    border-top: 20px solid #e9b444;
    float: left;
    left: 259px;
    position: absolute;
    top: 155px;
    opacity: 0;
    z-index: 3;
    transition: all 0.3s ease-out 0s;
}

/* Hover Styles  --------  */
.feature-box-85:hover, .feature-box-85.active {
    border: 1px solid #e9b444;
    background-color: #e9b444;
}

.feature-box-85:hover .arrow-down, .feature-box-85.active .arrow-down {
    border-top: 20px solid #e9b444;
    opacity: 1;
}

.feature-box-85:hover p, .feature-box-85.active p {
    color: #fff;
}

/*===============================================
-------------------------------------------------
Medical layout Styles
-------------------------------------------------
================================================*/

/* Feature Box86
 ------------------------------ */
.feature-box-86 {
    width: 100%;
    padding: 40px;
    float: left;
    background-color: #1fbef0;
    transition: all 0.3s ease-out 0s;
}

.feature-box-86.bg-color-light {
    background-color: #36cefe;
}

.btn-minus-margin {
    margin-top: -1px;
}

/* Feature Box87
 ------------------------------ */
.feature-box-87 {
    width: 100%;
    padding: 30px;
    float: left;
    min-height: 436px;
    background-color: #1fbef0;
    transition: all 0.3s ease-out 0s;
}

.feature-box-87 input {
    border: 0 none;
    color: #272727;
    float: left;
    height: 38px;
    margin: 0 0 15px;
    padding: 5px;
    width: 100%;
}

.feature-box-87 select {
    border: medium none;
    color: #727272;
    font-size: 14px;
    padding: 6px;
    width: 100%;
    margin: 0 0 15px;
}

.feature-box-87 label {
    width: 100%;
    color: #fff;
    font-weight: normal;
}

/* radio Button Style
 ------------------------------ */
.feature-box-87 input[type=radio], input[type=checkbox] {
    display: none;
}

.feature-box-87 input[type=radio] + label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 8px;
}

.feature-box-87 input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 4px;
}

.feature-box-87 input[type=radio]:checked + label:before {
    content: "\2022";
    color: white;
    background-color: #2b2b2b;
    font-size: 1.8em;
    text-align: center;
    line-height: 14px;
}

.feature-box-87 input[type=checkbox]:checked + label:before {
    content: "\2714";
    color: white;
    background-color: #2b2b2b;
    text-align: center;
    line-height: 15px;
}

/* Feature Box88
 ------------------------------ */
.feature-box-88 {
    width: 99%;
    padding: 50px 40px;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.feature-box-88 h5 {
    color: #1fbef0;
}

.feature-box-88 i {
    color: #1fbef0;
}

.feature-box-88:hover {
    background-color: #1fbef0;
}

.feature-box-88:hover i {
    color: #fff;
}

.feature-box-88:hover h5 {
    color: #fff;
}

/* Feature Box89
 ------------------------------ */
.feature-box-89 {
    width: 100%;
    padding: 0;
    float: left;
}

/* find button
 ------------------------------ */

.find-btn {
    width: 100%;
    height: 38px;
    padding: 0px;
    margin: 0px;
    float: left;
    background-color: #fff;
}

.find-btn:hover {
    background-color: #ccc;
}

/* =========== Medical timetable ============= */

.classes-table-holder.medical {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.classes-table.medical {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.classes-table.medical table {
    width: 100%;
    border-collapse: collapse;
}

.classes-table.medical tr:nth-of-type(odd) {
    background: none;
}

.classes-table.medical tr:nth-of-type(even) {
    background: none;
}

.classes-table.medical th {
    background: #fff;
    color: #242424;
    font-weight: bold;
}

.classes-table.medical td, th {
    padding: 20px;
    color: #242424;
    border: 1px solid #e4e4e4;
    text-align: left;
}

.classes-table.medical td.color-1 {
    color: #fff;
    border: 1px solid #2a97f3;
    background-color: #2a97f3;
}

.classes-table.medical td.color-2 {
    color: #fff;
    border: 1px solid #4bc29c;
    background-color: #4bc29c;
}

.classes-table.medical td.color-3 {
    color: #fff;
    border: 1px solid #bd7fdd;
    background-color: #bd7fdd;
}

.classes-table.medical td.color-4 {
    color: #fff;
    border: 1px solid #f96f54;
    background-color: #f96f54;
}

.classes-table.medical td.color-5 {
    color: #fff;
    border: 1px solid #7ac43d;
    background-color: #7ac43d;
}

.classes-table.medical td.color-6 {
    color: #fff;
    border: 1px solid #ff67c8;
    background-color: #ff67c8;
}

/*===============================================
-------------------------------------------------
Creative layout Styles
-------------------------------------------------
================================================*/

/* =========== parallax sections ============= */

.parallax-section61 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/722.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section62 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/729.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section63 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/732.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.business-objects-bg-holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: url(images/726.jpg) center top no-repeat;
}

/* Feature Box90
 ------------------------------ */
.feature-box-90 {
    width: 95%;
    padding: 30px;
    float: left;
    margin: 0 10% 4% 0;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

.feature-box-90 span {
    color: #d1d1d1;
    transition: all 0.3s ease-out 0s;
    margin-bottom: 15px;
}

.feature-box-90:hover span, .feature-box-90.active span {
    color: #fff;
}

.feature-box-90:hover .title, .feature-box-90.active .title {
    color: #fff;
}

.feature-box-90:hover, .feature-box-90.active {
    background-color: #ff9320;
}

/* Feature Box91
 ------------------------------ */
.feature-box-91 {
    width: 100%;
    padding: 0px;
    float: left;
}

.feature-box-91 .image-holder {
    position: relative;
    z-index: 0;
}

.feature-box-91 .overlay {
    position: absolute;
    z-index: 1;
}

.feature-box-91 .title1 {
    padding: 120px 0 0 0;
}

.feature-box-91 .blog-post-info span {
    color: #fff;
}

.feature-box-91 .post-date-box {
    width: 150px;
    height: auto;
    top: 0px;
    color: #ff9320;
    right: 50px;
    padding: 40px 30px;
    font-size: 56px;
    background-color: #fff;
}

.feature-box-91 .post-date-box span {
    color: #ff9320;
    display: block;
    font-size: 20px;
    padding: 30px 0 10px 0;
}

/*===============================================
-------------------------------------------------
Hosting layout Styles
-------------------------------------------------
================================================*/

/* Home Domain search
 ------------------------------ */

.domain-search-home {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
}

.domain-search-home #domain-searchform #dsearch {
    background-color: #8ac700;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    float: left;
    font-size: 14px;
    height: 55px;
    padding: 7px 10px;
    width: 61%;
}

.domain-search-home .drlist {
    background-color: #EEEEEE;
    color: #272727;
    float: left;
    font-size: 16px;
    height: 55px;
    margin: 0px 0 0 -5px;
    padding: 10px;
    width: 102px;
    background-color: #fff;
    border: 1px solid #92d102;
}

.domain-search-home #search-submit {
    border: none;
    color: #8ac700;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 53px;
    overflow: hidden;
    padding: 5px 25px;
    margin-left: 0px;
    text-align: center;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.domain-search-home #search-submit:hover {
    color: #fff;
    background-color: #242424;
}

/* Home tld list
 ------------------------------ */
ul.home-tld-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.home-tld-list li {
    width: 30%;
    padding: 0 10%;
    margin: 0px;
    float: left;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.home-tld-list li span {
    padding: 0px;
    margin: 0px;
    float: left;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.home-tld-list li:last-child {
    border-right: none;
}

/* Feature Box92
 ------------------------------ */
.feature-box-92 {
    width: 100%;
    padding: 0px;
    float: left;
}

.feature-box-92 .iconbox-small {
    color: #8ac700;
}

.feature-box-92:hover .title, .feature-box-92.active .title {
    color: #8ac700;
}

.feature-box-92:hover .iconbox-small, .feature-box-92:hover .iconbox-tiny, .feature-box-92.active .iconbox-small, .feature-box-92.active .iconbox-tiny {
    color: #fff;
    border: 1px solid #8ac700;
    background-color: #8ac700;
}

/* Feature Box93
 ------------------------------ */
.feature-box-93 {
    width: 100%;
    height: 100%;
    float: left;
    padding: 80px;
    min-height: 485px;
    background-color: rgba(0, 0, 0, 0.7);

}

.feature-box-93 .image-holder {
    position: absolute;
    z-index: 0;
    float: left;
    min-height: 500px;
    overflow: hidden;
}

.feature-box-93 .overlay {
    position: absolute;
    z-index: 1;
    padding: 60px 0 0 0;
}

.feature-box-93 .price-badge {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    color: #fff;
    padding: 20px 0 0 0;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    background-color: #8ac700;
    z-index: 2;
}

.feature-box-93 .price-badge span {
    color: #fff;
    font-size: 18px;
}

/* Feature Box94
 ------------------------------ */
.feature-box-94 {
    width: 100%;
    float: left;
    padding: 0px;

}

.feature-box-94 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;

}

.feature-box-94 .image-holder .circle {
    position: absolute;
    width: 185px;
    height: 185px;
    float: right;
    padding: 40px;
    right: 0px;
    top: 18px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    background-color: #8ac700;

}

.feature-box-94 .image-holder .circle .arrow-down {
    border-top: 20px solid #8ac700;
    left: 19px;
    position: absolute;
    top: 161px;
    transform: rotate(36deg);
    transition: all 0.3s ease-out 0s;
    z-index: 0;
}

/* Feature Box95
 ------------------------------ */
.feature-box-95 {
    width: 100%;
    height: 100%;
    float: left;
    padding: 80px;
    min-height: 420px;
    background-color: rgba(138, 199, 0, 0.8);

}

/* Feature Box96
 ------------------------------ */
.feature-box-96 {
    width: 100%;
    height: 100%;
    float: left;
    padding: 80px;
    min-height: 420px;

}

/* Feature Box97
 ------------------------------ */
.feature-box-97 {
    width: 100%;
    float: left;
    padding: 0;

}

.feature-box-97 .iconbox-small.blue {
    background-color: #43c6f1;
    color: #fff;
    border: 1px solid #43c6f1;

}

.feature-box-97 .iconbox-small.red {
    background-color: #ff5a11;
    color: #fff;
    border: 1px solid #ff5a11;

}

.feature-box-97 .iconbox-small.violet {
    background-color: #b55ff7;
    color: #fff;
    border: 1px solid #b55ff7;

}

/* Feature Box98
 ------------------------------ */
.feature-box-98 {
    width: 100%;
    min-height: 740px;
    float: right;
    padding: 0;
    text-align: right;
    background: url(images/732.png) top right no-repeat;
}

/* Feature Box99
 ------------------------------ */
.feature-box-99 {
    width: 100%;
    float: left;
    padding: 0;
}

/* Feature Box 100
 -----------------------------------------------*/

.feature-box-100 {
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    text-align: center;
    color: #fff;
    background-color: #8ac700;
}

.feature-box-100 span {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
}

.domain-price-1 {
    margin-right: 15px;
    text-decoration: line-through;
}

/* Price Table 5
 -----------------------------------------------*/

.pricetable-holder5 {
    position: relative;
    width: 100%;
    padding: 15px 15px 40px 15px;
    margin: 0px;
    float: left;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    background-color: #242424;
}

.pricetable-holder5.border-right {
    border-right: 1px solid #393939;
}

.pricetable-holder5 .price-circle {
    width: 125px;
    height: 125px;
    margin: -65px auto 0 auto;
    border-radius: 100%;
    background-color: #242424;
    border: 1px solid #393939;
}

.pricetable-holder5 .price-circle .price {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
}

.pricetable-holder5 .price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder5 .price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.pricetable-holder5 .title {
    width: 100%;
    color: #fff;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #393939;
}

.pricetable-holder5 .features-list {
    width: 100%;
    padding: 0;
    margin: 0px;
    float: left;
}

.pricetable-holder5 .features-list li {
    width: 100%;
    padding: 15px 0;
    margin: 0px;
    float: left;
    color: #727272;
    border-bottom: 1px solid #393939;
}

.pricetable-holder5 .features-list li:last-child {
    border-bottom: none;
}

.pricetable-top-bg-strip {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    height: 25px;
    background-color: #fff;
}

.pricetable-active-bg-strip {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    height: 25px;
    background-color: #8ac700;
}

.pricetable-holder5.active {
    background-color: #8ac700;
    padding-bottom: 60px;
}

.pricetable-holder5.active .features-list li {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pricetable-holder5.active .title {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pricetable-holder5.active .btn.btn-green-4 {
    color: #242424;
    background-color: #fff;
}

/* Price Table 6
 -----------------------------------------------*/

.pricetable-holder6 {
    position: relative;
    width: 100%;
    padding: 15px 0 40px 0;
    margin: 0px;
    float: left;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    background-color: #242424;
}

.pricetable-holder6.border-right {
    border-right: 1px solid #393939;
}

.pricetable-holder6 .price {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
}

.pricetable-holder6 .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder6 .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.pricetable-holder6 .title-box {
    width: 100%;
    color: #fff;
    float: left;
    padding: 45px 0 15px 0;
    vertical-align: middle;
    border-bottom: 1px solid #393939;
}

.pricetable-holder6.first-table .title-box {
    padding: 15px 0 15px 0;
}

.pricetable-holder6.first-table {
    margin-top: 83px;
}

.pricetable-holder6 .title-box .title {
    color: #fff;
}

.pricetable-holder6 .features-list {
    width: 100%;
    padding: 0;
    margin: 0px;
    float: left;
}

.pricetable-holder6 .features-list li {
    width: 100%;
    padding: 15px 0;
    margin: 0px;
    float: left;
    color: #727272;
    border-bottom: 1px solid #393939;
}

.pricetable-holder6 .features-list li i.green-4 {
    color: #80b604;
    font-size: 18px;
}

.pricetable-holder6 .features-list li i.red {
    color: #ff2f16;
    font-size: 18px;
}

.pricetable-holder6 .features-list li i.white {
    color: #fff;
    font-size: 18px;
}

.pricetable-holder6 .features-list li:last-child {
    border-bottom: none;
}

.pricetable-holder6 .features-list li:nth-child(even) {
    background-color: #2a2a2a;
}

.pricetable-holder6.active .features-list li:nth-child(even) {
    background-color: #80b604;
}

.pricetable-top-bg-strip {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    height: 25px;
    background-color: #fff;
}

.pricetable-active-bg-strip {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    height: 25px;
    background-color: #8ac700;
}

.pricetable-holder6.active {
    background-color: #8ac700;
    padding-bottom: 60px;
}

.pricetable-holder6.active .features-list li {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pricetable-holder6.active .title-box {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pricetable-holder6.active .btn.btn-green-4 {
    color: #242424;
    background-color: #fff;
}

/* =========== parallax sections ============= */

.parallax-section64 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/725.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section65 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/733.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section65 .iconbox-large {
    color: #fff;
    background-color: #8ac700;
}

/* =========== newsletter ============= */
.newsletter .input_submit.green-4 {
    background-color: #8ac700;
}

/* =========== footer paymen logos ============= */

.footer-payment-logo-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.footer-payment-logo-list li {
    padding: 0 15px 0 0;
    margin: 0px;
    float: left;
}

/* =========== Domain search ============= */
/* domain search
 -----------------------------------------------*/

#domain-search-holder {
    width: 100%;
    padding: 0px;
    margin: 0 0 150px 0;
    float: left
}

#domain-search-holder #dsearch {
    background-color: #fff;
    border: 1px solid #fff;
    color: #727272;
    font-size: 18px;
    height: 80px;
    padding: 7px 10px;
    width: 72%;
    border: 1px solid #e4e4e4;
}

#domain-search-holder.two #dsearch {
    width: 90%;
}

#domain-search-holder .drlist {
    background-color: #EEEEEE;
    color: #242424;
    font-size: 18px;
    height: 80px;
    margin: 0px 0 0 -5px;
    padding: 10px;
    width: 102px;
    font-weight: normal;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
}

#domain-search-holder #searchsubmit {
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    height: 77px;
    overflow: hidden;
    padding: 4px 25px;
    margin-left: 0px;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    background-color: #8ac700;
}

#domain-search-holder #searchsubmit:hover {
    color: #fff;
    background-color: #242424;
}

#domain-search-holder ul.tld_list {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0px;
    float: left;
}

#domain-search-holder ul.tld_list li {
    padding: 0 20px 0 0;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    display: inline;
    color: #161616;
}

#domain-search-holder ul.tld_list li.title {
    padding: 0 20px 0 0;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #fff;
}

#domain-search-holder ul.tld_list li span {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    color: #fff;
}

/* =========== TLD Boxes ============= */
/* tld boxes
 -----------------------------------------------*/

.tld-step-box {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0px;
    float: left;
    z-index: 2;
    text-align: center;
    color: #fff;
    top: -111px;
    background-color: #8ac700;
}

.tld-step-box span {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
}

.domain-price-1 {
    margin-right: 15px;
    text-decoration: line-through;
}

/* =========== domain pricing table ============= */

.domain-pricing-table-holder {
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    background-color: #f1f1f1;
}

.table-style-2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.table-style-2 table {
    width: 100%;
    border-collapse: collapse;
}

.table-style-2 tr:nth-of-type(odd) {
    background: #f1f1f1;
}

.table-style-2 tr:nth-of-type(even) {
    background: #fff;
}

.table-style-2 th {
    background: #242424;
    color: #fff;
    font-weight: bold;
}

.table-style-2 td, th {
    padding: 30px;
    color: #242424;
    border: none;
    text-align: center;
}

/* =========== Search topic input ============= */

#search-topic #tsearch {
    background-color: #fff;
    border: 1px solid #fff;
    color: #727272;
    font-size: 18px;
    height: 80px;
    padding: 7px 10px;
    width: 85%;
    border: 1px solid #e4e4e4;
}

#search-topic #searchsubmit {
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    height: 77px;
    overflow: hidden;
    padding: 4px 25px;
    margin-left: 0px;
    text-align: center;
    transition: all 0.3s ease-out 0s;
    background-color: #8ac700;
}

#search-topic #searchsubmit:hover {
    color: #fff;
    background-color: #242424;
}

/* =========== Sidebar elements ============= */

.sidebar-posts {
    width: 100%;
    padding: 0px;
    margin: 0 0 25px 0;
    float: left;
}

.sidebar-posts .post-info {
    font-size: 12px;
    color: #bababa;
}

.blog1-post-info {
    font-size: 12px;
    color: #bababa;
}

.sidebar-posts:hover h6, .sidebar-posts.active h6 {
    color: #fd602c;
}

/* =========== Coming soon page ============= */

/*coming soon
 ------------------------------ */
.parallax-section66 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/758.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section67 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("images/759.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

/*Count down
 ------------------------------ */

.countdown_holder {
    width: 60%;
    padding: 0px;
    text-align: center;
    margin: 0 auto;
}

.countdown_holder.two {
    width: 60%;
    padding: 0 0 45px 0;
    text-align: center;
    margin: 0 auto;
}

.countdown_holder.two a {
    margin-right: 15px;
}

div#clock {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 90px;
    text-align: center;
}

div#clock p {
    border: 1px solid #fff;
    float: left;
    padding: 20px 20px;
    margin-right: 10px;
}

div#clock p b {
    font-weight: normal;
    text-transform: uppercase;
}

div#clock p span {
    display: block;
    font-size: 50px;
    font-weight: bold;
    padding: 5px 0 20px 0;
}

div#clock div.space {
    color: #ccc;
    display: block;
    line-height: 1.7em;
    font-size: 50px;
    float: left;
    height: 88px;
    width: 30px;
}

/*styles two*/

div#clock2 {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 90px;
    text-align: center;
}

div#clock2 p {
    background: #fff;
    float: left;
    color: #161616;
    padding: 20px 20px;
    margin-right: 10px;
    border: 1px solid #e4e4e4;
}

div#clock2 p b {
    font-weight: normal;
    text-transform: uppercase;
}

div#clock2 p span {
    display: block;
    font-size: 50px;
    font-weight: bold;
    padding: 5px 0 20px 0;
}

div#clock2 div.space {
    color: #ccc;
    display: block;
    line-height: 1.7em;
    font-size: 50px;
    float: left;
    height: 88px;
    width: 30px;
}

/* =========== Sitemap list ============= */

ul.sitemap {
    padding: 0px;
    margin: 0px;
}

ul.sitemap li {
    margin: 0 0 8px;
}

ul.sitemap li a {
    color: #fd602c;
}

ul.sitemap li a:hover {
    text-decoration: underline;
}

ul.sitemap li ul {
    padding-left: 30px;
}

/* =========== 404 error ============= */

.error_holder {
    width: 60%;
    padding: 0px;
    text-align: center;
    margin: 0 auto;
}

.error_holder.two {
    width: 100%;
    text-align: left;
}

.error_holder .title {
    font-size: 110px;
    font-weight: 400;
    line-height: 65px;
    margin: 0;
    padding: 30px 0 30px;
}

.error_title_big {
    font-size: 200px;
    font-weight: bold;
    line-height: 65px;
    margin: 0;
    padding: 30px 0 30px;
}

.error-search-box {
    width: 100%;
    padding: 0px;
    margin: 0;
    float: left
}

.error-search-box .email_input {
    width: 80%;
    color: #727272;
    height: 50px;
    border: 1px solid #e4e4e4;
}

.error-search-box .input_submit {
    width: 20%;
    color: #fff;
    height: 50px;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #fd602c;
    background-color: #fd602c;
}

.error-search-box .input_submit:hover {
    border: 1px solid #242424;
    background-color: #242424;
}

.error-title-big {
    font-size: 200px;
    font-weight: bold;
    line-height: 65px;
    margin: 0;
    padding: 30px 0;
}

/* =========== corporate blog pages ============= */

.blog-holder-12 {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}

.blog-holder-12 .post-date-box {
    width: 120px;
    height: 120px;
    font-size: 36px;
    padding: 29px 0 0;
}

.blog-holder-12 .post-date-box.two {
    top: 150px;
    color: #242424;
    background-color: #fff;
}

.blog-holder-12 .image-holder .overlay {
    padding: 30px;
    text-align: center;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}

.blog-holder-12 .post-date-box span {
    color: #fff;
    display: block;
    font-size: 16px;
    padding-top: 10px;
}

.blog-holder-12 .post-date-box.two span {
    color: #242424;
}

.blog-holder-12 .image-holder .overlay .icon {
    position: absolute;
    background-color: #fd602c;
    color: #fff;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: 60px;
    z-index: 4;
    top: -60px;
    transition: all 0.3s ease-out 0s;
    border-radius: 100%;
}

.blog-holder-12 .image-holder .overlay .icon:hover {
    background-color: #fff;
    color: #fd602c;
}

.blog-holder-12:hover .image-holder .overlay .icon {
    top: 160px;

}

/*date box small*/

.blog-holder-12 .post-date-box.three {
    width: 80px;
    height: 80px;
    font-size: 24px;
    padding: 15px 0 0;
}

.blog-holder-12 .post-date-box.three span {
    font-size: 14px;
    padding-top: 1px;
}

.blog-holder-12 .post-date-box.three.four {
    top: 110px;
    color: #242424;
    background-color: #fff;
    background-color: #fff;
}

.blog-holder-12 .post-date-box.three.four span {
    color: #242424;
}

/*	Corporate Blog pagenation
 ------------------------------ */

.blog-pagenation {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.blog-pagenation li {
    margin: 0;
    padding: 0;
    display: inline;
}

.blog-pagenation li a {
    color: #242424;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: 40px;
    border: 1px solid #e4e4e4;
}

.blog-pagenation li a:hover, .blog-pagenation li a.active {
    color: #fff;
    border: 1px solid #fd602c;
    background-color: #fd602c;
}

/*
Theme: Hasta
Author: Codelayers
Version: 1.0
Designed and Development by: Codelayers
*/

/*===============================================
-------------------------------------------------
image hover styles
-------------------------------------------------
================================================*/

/* =========== image hovers============= */

/*image hover style 1
 ------------------------------ */
.img-hover-holder-1 {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.img-hover-1 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 1;
    top: 0px;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.img-hover-1 img {
    position: relative;
    top: 0px;
    transition: all 0.3s ease-out 0s;
}

.img-hover-1 .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    z-index: 0;
    transition: all 0.3s ease-out 0s;
    background-color: #fd602c;
}

.img-hover-holder-1:hover .img-hover-1 img {
    top: 215px;
}

/*image hover style 2
 ------------------------------ */
.img-hover-holder-2 {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.img-hover-2 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    top: 0px;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.img-hover-2 .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.5);
}

.img-hover-2 .text-box .icon-1 {
    position: absolute;
    width: 50px;
    height: 50px;
    float: left;
    top: -53px;
    left: 60px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin-right: 20px;
    background-color: #fd602c;
    border-radius: 100%;
}

.img-hover-2 .text-box .icon-1.two {
    left: 119px;
    top: -53px;
}

.img-hover-2 .text-box .icon-1:hover, .img-hover-2 .text-box .icon-2:hover {
    color: #242424;
    background-color: #fff;
}

.img-hover-holder-2:hover .text-box {
    opacity: 1;
}

.img-hover-holder-2:hover .text-box .icon-1 {
    top: 80px;
}

.img-hover-holder-2:hover .text-box .icon-1.two {
    top: 80px;
    transition: all 0.5s ease-out 0s;
}

/*image hover style 3
 ------------------------------ */
.img-hover-holder-3 {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.img-hover-3 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.img-hover-3 .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    z-index: 1;
    left: -251px;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.7);
}

.img-hover-3:hover .text-box {
    left: 0;
}

/*image hover style 4
 ------------------------------ */
.img-hover-holder-4 {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.img-hover-4 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.img-hover-4 .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px 20px 20px 20px;
    margin: 0px;
    float: left;
    z-index: 1;
    top: 154px;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.7);
}

.img-hover-4:hover .text-box {
    top: 0;
}

/*===============================================
-------------------------------------------------
	Button styles
-------------------------------------------------
================================================*/

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

/*Button style
 ------------------------------ */

.sh-btn {
    padding: 15px 35px;
    margin: 0px;
    display: inline-block;
    box-shadow: none;
    border-radius: 0;
}

/*Button border radius
 ------------------------------ */
.sh-btn.sh-btn-round {
    border-radius: 4px;
}

.sh-btn.sh-btn-xround-1 {
    border-radius: 10px;
}

.sh-btn.sh-btn-xround-2 {
    border-radius: 20px;
}

.sh-btn.sh-btn-xround-3 {
    border-radius: 30px;
}

.sh-btn.sh-btn-xround-4 {
    border-radius: 40px;
}

.sh-btn.sh-btn-xround-5 {
    border-radius: 50px;
}

.sh-btn.sh-btn-xround-6 {
    border-radius: 60px;
}

.sh-btn.sh-btn-xround-7 {
    border-radius: 70px;
}

/*Button sizes
 ------------------------------ */
.sh-btn.sh-btn-tiny {
    font-size: 12px;
    padding: 5px 10px;
}

.sh-btn.sh-btn-small {
    font-size: 14px;
    padding: 10px 20px;
}

.sh-btn.sh-btn-medium {
    font-size: 16px;
    padding: 15px 35px;
}

.sh-btn.sh-btn-large {
    font-size: 20px;
    padding: 20px 50px;
}

.sh-btn.margin {
    margin: 0 15px 15px 0;
}

/*Button Colors
 ------------------------------ */

/*Button dark
------------------------------ */
.sh-btn.sh-btn-dark {
    color: #fff;
    background-color: #242424;
}

.sh-btn.sh-btn-dark:hover {
    color: #fff;
    background-color: #3e3e3e;
}

/*Button white
------------------------------ */
.sh-btn.sh-btn-white {
    color: #242424;
    background-color: #fff;
}

.sh-btn.sh-btn-white:hover {
    color: #242424;
    background-color: #f6f6f6;
}

/*Button orange
------------------------------ */
.sh-btn.sh-btn-orange {
    color: #fff;
    background-color: #fd602c;
}

.sh-btn.sh-btn-orange:hover {
    color: #fff;
    background-color: #242424;
}

/*Button blue
------------------------------ */
.sh-btn.sh-btn-blue {
    color: #fff;
    background-color: #24bfff;
}

.sh-btn.sh-btn-blue:hover {
    color: #fff;
    background-color: #242424;
}

/*Button green
------------------------------ */
.sh-btn.sh-btn-green {
    color: #fff;
    background-color: #96cc37;
}

.sh-btn.sh-btn-green:hover {
    color: #fff;
    background-color: #242424;
}

/*Button yellow
------------------------------ */
.sh-btn.sh-btn-yellow {
    color: #fff;
    background-color: #ffd904;
}

.sh-btn.sh-btn-yellow:hover {
    color: #fff;
    background-color: #242424;
}

/*Button red
------------------------------ */
.sh-btn.sh-btn-red {
    color: #fff;
    background-color: #ff3f04;
}

.sh-btn.sh-btn-red:hover {
    color: #fff;
    background-color: #242424;
}

/*Button pink
------------------------------ */
.sh-btn.sh-btn-pink {
    color: #fff;
    background-color: #ff3e94;
}

.sh-btn.sh-btn-pink:hover {
    color: #fff;
    background-color: #242424;
}

/*Button Borders
 ------------------------------ */

/* button borders
 ------------------------------ */
.sh-btn.sh-btn-border {
    color: #242424;
    border: 2px solid;
}

/* button border white
 ------------------------------ */
.sh-btn.sh-btn-border.white {
    color: #fff;
    border-color: #fff;
}

.sh-btn.sh-btn-border:hover.white {
    color: #242424;
    background-color: #fff;
    border-color: #fff;
}

/* button border dark
 ------------------------------ */
.sh-btn.sh-btn-border.dark {
    color: #242424;
    border-color: #242424;
}

.sh-btn.sh-btn-border:hover.dark {
    color: #fff;
    background-color: #242424;
    border-color: #242424;
}

/* button border red
 ------------------------------ */
.sh-btn.sh-btn-border.red {
    color: #fd4912;
    border-color: #fd4912;
}

.sh-btn.sh-btn-border:hover.red {
    color: #fff;
    background-color: #fd4912;
    border-color: #fd4912;
}

/* button border orange
 ------------------------------ */
.sh-btn.sh-btn-border.orange {
    color: #ff9804;
    border-color: #ff9804;
}

.sh-btn.sh-btn-border:hover.orange {
    color: #fff;
    background-color: #ff9804;
    border-color: #ff9804;
}

/* button border yellow
 ------------------------------ */
.sh-btn.sh-btn-border.yellow {
    color: #ffcd04;
    border-color: #ffcd04;
}

.sh-btn.sh-btn-border:hover.yellow {
    color: #fff;
    background-color: #ffcd04;
    border-color: #ffcd04;
}

/* button border green
 ------------------------------ */
.sh-btn.sh-btn-border.green {
    color: #92ca19;
    border-color: #92ca19;
}

.sh-btn.sh-btn-border:hover.green {
    color: #fff;
    background-color: #92ca19;
    border-color: #92ca19;
}

/* button border blue
 ------------------------------ */
.sh-btn.sh-btn-border.blue {
    color: #15cbff;
    border-color: #15cbff;
}

.sh-btn.sh-btn-border:hover.blue {
    color: #fff;
    background-color: #15cbff;
    border-color: #15cbff;
}

/*===============================================
-------------------------------------------------
	Call to action
-------------------------------------------------
================================================*/

/* =========== call to action ============= */

/*call to action
 ------------------------------ */

.call-to-action {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    float: left;
    margin: 0 0 15px;
    padding: 25px;
    width: 100%;
}

/*===============================================
-------------------------------------------------
	lists
-------------------------------------------------
================================================*/

/* list style 1
 ------------------------------ */

.list-style-1 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

.list-style-1 .icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 100%;
    background-color: #06d0d8;
}

.list-style-1 .text {
    padding: 5px 0 0 42px;
    margin: 0px;
    display: block;
}

/* list style 1 with border
 ------------------------------ */
.list-style-1.icon-border .icon {
    color: #06d0d8;
    background-color: #fff;
    border: 1px solid #06d0d8;
}

/* list style 2
 ------------------------------ */
.list-style-2 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

.list-style-2 .icon {
    width: 18px;
    height: 18px;
    padding: 0px;
    margin: 3px 0px 0px 0px;
    float: left;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    color: #06d0d8;
    border-radius: 100%;
    border: 1px solid #06d0d8;
}

.list-style-2 .text {
    padding: 0px 0 0 28px;
    margin: 0px;
    display: block;
}

/* list style 3
 ------------------------------ */

ol.list-style-3 {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 0;
    margin-left: 18px;
    padding: 0;
    counter-reset: li-counter;
}

ol.list-style-3 li {
    position: relative;
    margin: 0px;
    padding-left: 20px;
    min-height: 3em;
    list-style-type: none;
}

ol.list-style-3 li:before {
    position: absolute;
    top: 0;
    left: -15px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #f5f5f5;
    border-radius: 50%;
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}

/* list style 4
 ------------------------------ */
.list-style-4 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

.list-style-4 .icon {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    text-align: center;
    line-height: 39px;
    color: #fff;
    border-radius: 100%;
}

.list-style-4 .text {
    padding: 5px 0 0 42px;
    margin: 0px;
    display: block;
}

.list-style-4 .icon.red {
    background-color: #fc4242;
}

.list-style-4 .icon.blue {
    background-color: #2f92ee;
}

.list-style-4 .icon.green {
    background-color: #3fc35f;
}

.list-style-4 .icon.violet {
    background-color: #b659fe;
}

.list-style-4 .icon.orange {
    background-color: #ff881e;
}

/* list style 4 with border
 ------------------------------ */

.list-style-4.item-border {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #ececec;
}

.list-style-4.item-border.last {
    padding: 0px 0px 10px 0px;
    border-bottom: none;
}

/*===============================================
-------------------------------------------------
	Message boxes
-------------------------------------------------
================================================*/

/* message boxes
 ------------------------------ */
/*message boxes*/
.messagebox_title {
    padding-bottom: 30px;
}

.info-box {
    background-color: #34b0ff;
}

.success-box {
    background-color: #7ebd24;
}

.error-box {
    background-color: #fa482b;
}

.download-box {
    background-color: #F30;
}

.warning-box {
    background-color: #f7c929;
}

.mboxes_close {
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    float: right;
    text-align: right;
}

.mboxes_close i {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.success-box, .error-box, .warning-box, .info-box span.text-white {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.success-box, .error-box, .warning-box, .info-box {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
}

/*===============================================
-------------------------------------------------
	social icons
-------------------------------------------------
================================================*/

/* social icons
 ------------------------------ */

.social-icons-list {
    width: 100%;
    margin: 0;
    padding: 0;
}

.social-icons-list li {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.social-icons-list li a {
    color: #242424;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 39px;
    margin: 0 5px 5px 0;
    padding: 0;
    text-align: center;
    width: 40px;
}

/* social icon sizes
 ------------------------------ */
.social-icons-list.icon-round li a {
    border-radius: 100%;
}

/* social icon sizes
 ------------------------------ */
.social-icons-list.icon-large li a {
    font-size: 40px;
    width: 100px;
    height: 100px;
    line-height: 94px;
}

.social-icons-list.icon-medium li a {
    font-size: 25px;
    width: 80px;
    height: 80px;
    line-height: 84px;
}

.social-icons-list.icon-small li a {
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.social-icons-list.icon-tiny li a {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.social-icons-list.icon-xtiny li a {
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 27px;
}

/* social icon colors
 ------------------------------ */
.social-icons-list.dark li a {
    color: #fff;
    background-color: #242424;
}

.social-icons-list.dark li a:hover {
    color: #fff;
    background-color: #3e3e3e;
}

/* social icons light
 ------------------------------ */
.social-icons-list.light li a {
    color: #242424;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.social-icons-list.light li a:hover {
    color: #fff;
    background-color: #242424;
    border: 1px solid #242424;
}

/* social icon red
 ------------------------------ */
.social-icons-list.red li a {
    color: #fff;
    background-color: #f83712;
}

.social-icons-list.red li a:hover {
    color: #fff;
    background-color: #242424;
}

/* social icon blue
 ------------------------------ */
.social-icons-list.blue li a {
    color: #fff;
    background-color: #15cbff;
}

.social-icons-list.blue li a:hover {
    color: #fff;
    background-color: #242424;
}

/* social icon green
 ------------------------------ */
.social-icons-list.green li a {
    color: #fff;
    background-color: #34c23e;
}

.social-icons-list.green li a:hover {
    color: #fff;
    background-color: #242424;
}

/* social icon yellow
 ------------------------------ */
.social-icons-list.yellow li a {
    color: #fff;
    background-color: #fedf0e;
}

.social-icons-list.yellow li a:hover {
    color: #fff;
    background-color: #242424;
}

/* social icon pink
 ------------------------------ */
.social-icons-list.pink li a {
    color: #fff;
    background-color: #f83dab;
}

.social-icons-list.pink li a:hover {
    color: #fff;
    background-color: #242424;
}

/* social icon violet
 ------------------------------ */
.social-icons-list.violet li a {
    color: #fff;
    background-color: #ce3df8;
}

.social-icons-list.violet li a:hover {
    color: #fff;
    background-color: #242424;
}

/*===============================================
-------------------------------------------------
	divider lines
-------------------------------------------------
================================================*/

/* Divider Lines
 ------------------------------ */
.sh-divider-line {
    width: 100%;
}

.sh-divider-line.dashed {
    border-bottom: 1px dashed;
}

.sh-divider-line.solid {
    border-bottom: 1px solid;
}

.sh-divider-line.doubble {
    border-bottom: double;
    line-height: 40px;
}

.sh-divider-line.margin {
    padding: 5px 0;
}

/* Divider Line less width
 ------------------------------ */
.sh-divider-line.less-width-1 {
    width: 10%;
    margin: 0 auto;
}

.sh-divider-line.less-width-2 {
    width: 20%;
    margin: 0 auto;
}

.sh-divider-line.less-width-3 {
    width: 30%;
    margin: 0 auto;
}

.sh-divider-line.less-width-4 {
    width: 40%;
    margin: 0 auto;
}

.sh-divider-line.less-width-5 {
    width: 50%;
    margin: 0 auto;
}

.sh-divider-line.less-width-6 {
    width: 60%;
    margin: 0 auto;
}

.sh-divider-line.less-width-7 {
    width: 70%;
    margin: 0 auto;
}

.sh-divider-line.less-width-8 {
    width: 80%;
    margin: 0 auto;
}

.sh-divider-line.less-width-9 {
    width: 90%;
    margin: 0 auto;
}

/* Divider Line colors
 ------------------------------ */

/* Divider Line dark
------------------------------ */
.sh-divider-line.dark {
    border-bottom-color: #242424;
}

/* Divider Line light
 ------------------------------ */
.sh-divider-line.light {
    border-bottom-color: #e4e4e4;
}

/* Divider Line red
 ------------------------------ */
.sh-divider-line.red {
    border-bottom-color: #f83712;
}

/* Divider Line green
 ------------------------------ */
.sh-divider-line.green {
    border-bottom-color: #2bc220;
}

/* Divider Line blue
 ------------------------------ */
.sh-divider-line.blue {
    border-bottom-color: #30d1f4;
}

/*===============================================
-------------------------------------------------
	Widget Styles lines
-------------------------------------------------
================================================*/

/* widget holder
 ------------------------------ */

.widget-holder {
    width: 100%;
    padding: 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #e4e4e4;
}

/* Post widget
 ------------------------------ */

.posts-widget-image {
    padding: 0px;
    margin: 0px;
    float: left;
}

.posts-widget-text {
    display: block;
    margin: 0;
    padding: 0 0 0 99px;
    text-align: left;
}

.posts-widget-text .blog-post-info {
    width: 100%;
}

.posts-widget-text .blog-post-info span {
    font-size: 13px;
    color: #b9b9b9;
    margin-right: 15px;
}

/* Twitter widget
 ------------------------------ */
.twitter-widget-icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    font-size: 14px;
    color: #161616;
    text-align: center;
    line-height: 33px;
    margin: 0 10px 0 0;
    float: left;
    border-radius: 100%;
    background-color: #fdce16;
}

.twitter-widget-icon .title {
    width: 85%;
    padding: 5px 0 0 0;
    margin: 0;
    float: right;
}

/* Testimonials widget
 ------------------------------ */

.testimonials-widget {
    width: 100%;
    padding: 0px;
    margin: 0 0 40px 0;
    float: left;
}

.testimonials-widget .text-box {
    width: 100%;
    padding: 30px;
    margin: 0 0 25px 0;
    float: left;
    border: 1px solid #e4e4e4;
}

.testimonials-widget .image {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 100%;
}

.testimonials-widget .info {
    display: block;
    margin: 0;
    padding: 0 0 0 120px;
    text-align: left;
}

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

}

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

    .img-hover-holder-1 {
        width: 80%;
    }

    .img-hover-holder-2 {
        width: 80%;
    }

    .img-hover-holder-3 {
        width: 80%;
    }

    .img-hover-holder-4 {
        width: 80%;
    }

}

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

    .img-hover-holder-1 {
        width: 46%;
    }

    .img-hover-holder-2 {
        width: 46%;
    }

    .img-hover-holder-3 {
        width: 46%;
    }

    .img-hover-holder-4 {
        width: 46%;
    }

}

@media only screen and (min-width: 480px) and (max-width: 639px) {

    .img-hover-holder-1 {
        width: 63%;
    }

    .img-hover-holder-2 {
        width: 63%;
    }

    .img-hover-holder-3 {
        width: 63%;
    }

    .img-hover-holder-4 {
        width: 63%;
    }

}

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

}

/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px) {
    a.logo {
        margin: 1px 0px 0px 50px;
    }

    .team-box1:hover .hover-box, .team-box1.active .hover-box {
        top: 82px;
    }

    .team-box1 .hover-box {
        top: 320px;
    }

    .social-icons-1 li.first {
        margin-left: 12px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .feature-box2 .content-box {
        padding: 31px 0px 0px;
    }

    .feature-box2 .content-box .arrow-left {
        top: 84px;
    }

    .feature-box4 .iconbox-mtiny {
        top: 149px;
    }

    .team-holder2 .img-holder .icon-box {
        top: 261px;
    }

    .team-holder2:hover .icon-box {
        top: 206px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .post-author-image {
        top: 193px;
    }

    .blog-holder2 .text-box-right.more-padding-1 {
        padding: 0px 0px 0px 0;
    }

    .search-smallicon2 {
        top: 20px;
        right: -800px;
    }

    .blog-holder3 .blog-img-holder .overlay .post-info {
        padding: 112px 0 0 44px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 234px 0 0 30px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 15px;
    }

    .feature-box12 .iconcircle-small {
        left: 109px;
    }

    .email_input {
        width: 86%;
    }

    .blog-holder4 .post-infoicon {
        margin-bottom: 8px;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 20px;
    }

    .team-holder4 .icon-holder {
        min-height: 233px;
    }

    div.demo {
        width: 100%;
    }

    .feature-box4 .iconbox-xtiny {
        top: 0;
    }

    .team-holder5:hover .image-holder .hover-box {
        top: 80px;
    }

    .header-inner.two .overlay {
        height: 160px;
    }

    .header-inner .title {
        padding: 52px 0 0;
    }

    .header-inner.two {
        height: 160px;
    }

    .feature-box31 .image-holder .price {
        left: 75px;
        top: 170px;
    }

    /*===== blog2 styles =======*/
    .blog2-header-box .image-holder .text-box.top-padding {
        padding-top: 123px;
    }

    /*===== Cafe Layout styles =======*/
    .logo-holder {
        top: -10px;
    }

    .header-inner-2 .title {
        padding: 253px 0 0;
    }

    .header-inner-2 {
        height: 427px;
    }

    /*===== Wedding Layout styles =======*/
    .row.wedding-groomsman .col-md-4 {
        width: 100%;
    }

    .row.wedding-bridesmaids .col-md-4 {
        width: 100%;
    }

    .header-inner-2.less-margin {
        height: 320px;
        margin: -81px 0 0;
    }

    /*===== Shop Layout styles =======*/
    .gallery .previews a {
        cursor: pointer;
        display: inline;
        margin-bottom: 9px;
        margin-top: 10px;
    }

    /*===== Agency Layout styles =======*/
    .navbar-header .logo-box {
        width: 220px;
    }

    .navbar-header .logo-box.big-1 {
        width: 250px;
    }

    .navbar-header .logo-box.big-2 {
        width: 350px;
    }

    .navbar-header .logo-box.big-3 {
        width: 370px;
    }

    /*===== Charity Layout styles =======*/
    .feature-box-79 .btn.morepadd {
        padding: 15px 20px;
    }

    .feature-box-83 {
        width: 90%;
    }

    /*===== medical Layout styles =======*/
    .section-copyrights ul.social-icons-3.less-margin {
        margin-left: 0;
    }

    /*===== creative Layout styles =======*/
    .feature-box-90 {
        width: 95%;
        padding: 30px;
        float: left;
        margin: 0 0 0 0;
    }

    .feature-box-90:before .col-md-3 {
        width: 100%;
    }

    .feature-box-90 span {
        font-size: 18px;
    }

    .feature-box-90 .title {
        font-size: 14px;
    }

    /*===== hosting Layout styles =======*/
    .feature-box-93 .overlay {
        padding: 0;
    }

    .feature-box-95 {
        min-height: 785px;
    }

    #search-topic #tsearch {
        font-size: 18px;
        height: 80px;
        width: 82%;
    }

    /*===== corporate inner pages =======*/
    .error-title-big {
        font-size: 160px;
    }

}

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

    .sticky-wrapper {
        height: 500px;
    }

    .container {
        width: 94%;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .section-side-image .image-holder.two {
        width: auto;
    }

    .team-box1 {
        width: 80%;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box, .team-box1.active .hover-box {
        top: 160px;
    }

    .team-box1 .hover-box {
        top: 361px;
    }

    .sub-title {
        width: 70%;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .feature-box2 .content-box {
        padding: 74px 0px 0px;
    }

    .colmargin {
        margin: 0 0 70px 0;
    }

    .feature-box4 .iconbox-mtiny {
        top: 213px;
    }

    .team-holder2 .img-holder .icon-box {
        top: 405px;
    }

    .team-holder2:hover .icon-box {
        top: 350px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .post-author-image {
        top: 222px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 237px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .feature-box7 {
        margin-bottom: 30px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    #header {
        padding: 0 0 15px 0;
    }

    #header2 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    #header4 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    #header3 {
        height: 80px;
    }

    .menu-main {
        background-color: #161616;
    }

    .menu-main2 {
        background-color: #fff;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -580px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
        margin: 0 0 30px 0;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 80px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1, .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 310px;
    }

    .email_input {
        width: 80%;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 20px;
    }

    .team-holder4 .icon-holder {
        min-height: 341px;
    }

    .pricetable-holder2 th .title-header.first {
        margin-top: 28px;
    }

    .pricetable-holder2 a.btn2 {
        padding: 10px 20px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 10px 20px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 0px;
    }

    /*===== gym styles =======*/
    .shape-bpadding2 {
        padding-bottom: 0px;
    }

    .feature-box24.two .inner {
        width: 80%;
    }

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
    }

    /*===== Construction styles =======*/
    .team-holder5 .image-holder .hover-box {
        top: 380px;
    }

    .header-inner.two .overlay {
        height: 160px;
    }

    .header-inner .title {
        padding: 52px 0 0;
    }

    .header-inner.two {
        height: 160px;
    }

    /*===== Restaurant styles =======*/
    .feature-box31 .image-holder .price {
        left: 110px;
        top: 242px;
    }

    /*===== grayscale styles =======*/
    .sec-dummy-top-padding {
        padding-top: 80px;
    }

    .tab-text-holder {
        padding: 30px;
    }

    .team-holder8:hover .hover-box, .team-holder8.active .hover-box {
        top: 173px;
    }

    /*===== Cafe Layout styles =======*/
    .logo-holder {
        top: -10px;
    }

    .master-slider.margintop-2 {
        top: 0px;
    }

    .logo-holder img {
        width: 30%;
        margin-bottom: 100px;
    }

    .special-menu-holder {
        width: 100%;
        margin-top: 30px;
    }

    #header8 .menu-bg {
        background: none;
    }

    #header8 {
        top: 0;
    }

    .header-inner-2 {
        height: 320px;
        margin: 0;
    }

    .header-inner-2 .title {
        padding: 118px 0 0;
    }

    /*===== Wedding Layout styles =======*/
    .section-less-padding.top-margin {
        margin-top: 0px;
    }

    /*===== Fashion Layout styles =======*/
    .team-holder12 .image-holder .hover-box {
        top: 425px;
    }

    .team-holder12:hover .image-holder .hover-box {
        top: 280px;
    }

    /*===== Hair saloon Layout styles =======*/
    .topbar.more-padding {
        padding: 10px 0 10px;
    }

    #header9, #header10 {
        top: 0px;
    }

    .footer-holder .social-icons-3 {
        margin-left: 0;
    }

    .header-inner-2.less-margin {
        height: 241px;
    }

    .header-inner-2 .title.padding-1 {
        padding-top: 118px;
    }

    /*===== School Layout styles =======*/
    #header10 .menu-bg {
        min-height: 90px;
    }

    .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
        width: 33%;
    }

    .header-inner.less-margin-2 {
        margin: 0;
    }

    .header-inner.three {
        height: 240px;
    }

    .header-inner .title-2 {
        padding: 85px 0 0;
    }

    .classes-table table, thead, tbody, th, td, tr {
        display: block;
    }

    .classes-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .classes-table tr {
        border: 1px solid #ccc;
    }

    .classes-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .classes-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .classes-table td:nth-of-type(1):before {
        content: "Time";
    }

    .classes-table td:nth-of-type(2):before {
        content: "Monday";
    }

    .classes-table td:nth-of-type(3):before {
        content: "Tuesday";
    }

    .classes-table td:nth-of-type(4):before {
        content: "Wednesday";
    }

    .classes-table td:nth-of-type(5):before {
        content: "Thursday";
    }

    .classes-table td:nth-of-type(6):before {
        content: "Friday";
    }

    .classes-table td:nth-of-type(7):before {
        content: "Saturday";
    }

    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    /*===== Portfolio Layout styles =======*/
    .main-bg-2 {
        top: 0;
    }

    .menu-main-3 {
        background-color: #161616;
    }

    /*===== Realestate Layout styles =======*/
    .team-holder13 .img-holder .icon-box {
        top: 408px;
    }

    .team-holder13:hover .icon-box, .team-holder13.active .icon-box {
        top: 350px;
    }

    .feature-box68 .image-holder .post-date-box {
        top: 0;
    }

    /*===== Shop Layout styles =======*/
    .shop-product-holder .image-holder .hoverbox {
        width: 91%;
    }

    /*===== Agency Layout styles =======*/
    .navbar-header .logo-box {
        width: 220px;
    }

    .navbar-header .logo-box.big-1 {
        width: 250px;
    }

    .navbar-header .logo-box.big-2 {
        width: 350px;
    }

    .navbar-header .logo-box.big-3 {
        width: 370px;
    }

    /*===== Charity Layout styles =======*/
    .boxed-title-3 {
        width: 100%;
    }

    /*===== medical Layout styles =======*/
    .section-copyrights ul.social-icons-3.less-margin {
        margin-left: 0;
    }

    /*===== creative Layout styles =======*/
    .feature-box-91 .title1 {
        padding: 0;
    }

    .feature-box-91 .post-date-box {
        font-size: 31px;
        height: auto;
        padding: 25px;
        width: 130px;
    }

    .feature-box-91 .post-date-box span {
        font-size: 14px;
        padding: 8px 0 0;
    }

    /*===== hosting Layout styles =======*/
    .feature-box-93 {
        padding: 50px;

    }

    .pricetable-holder5 {
        margin-bottom: 50px;
    }

    .feature-box-96 {
        background-color: #f6f6f6;
    }

    .feature-box-98 {
        background: none;
    }

    #search-topic #tsearch {
        font-size: 18px;
        height: 80px;
        width: 75%;
    }

    /*===== corporate inner pages =======*/
    .error_holder {
        width: 100%;
    }

    .blog-holder-12 .post-date-box {
        font-size: 21px;
        height: 80px;
        padding: 10px 0 0;
        width: 80px;
    }

    .blog-holder-12 .post-date-box span {
        font-size: 12px;
        padding-top: 0;
    }

    .blog-holder-12 .post-date-box.two {
        top: 110px;
    }

    .blog-holder-12:hover .image-holder .overlay .icon {
        top: 80px;

    }

}

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

    .container {
        width: 94%;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .section-side-image .text-inner {
        padding: 80px 80px 80px 40px;
    }

    .section-side-image .text-inner.two {
        padding: 0px 80px 80px 40px;
    }

    .sub-title {
        width: 80%;
    }

    .team-box1 {
        width: 50%;
        top: 391px;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box, .team-box1.active .hover-box {
        top: 150px;
    }

    .team-box1 .hover-box {
        top: 361px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .sec-padding {
        padding: 60px 0px;
    }

    .sec-tpadding {
        padding: 60px 0 0 0;
    }

    .sec-bpadding {
        padding: 0 0 60px 0;
    }

    .feature-box2 .content-box {
        position: relative;
        padding: 39px 0px 49px;
    }

    .colmargin {
        margin: 0 0 60px 0;
    }

    .feature-box4 .iconbox-mtiny {
        display: none;
    }

    .team-holder2 .img-holder .icon-box {
        top: 559px;
    }

    .team-holder2:hover .icon-box {
        top: 494px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    .tabs-content {
        width: 100%;
        padding: 0% 0% 0%;
    }

    .video-wrapper {
        margin-bottom: 30px;
    }

    .post-author-image {
        top: 416px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 176px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .img-holder {
        margin-top: 30px;
    }

    .section-side-image .text-inner {
        padding: 80px 15px 80px 15px;
    }

    .blog-holder2 .img-holder {
        margin-top: 0px;
    }

    #header2 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    #header4 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    .menu-main {
        background-color: #161616;
    }

    .menu-main2 {
        background-color: #fff;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -450px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
        margin: 0 0 30px 0;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 180px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1, .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 246px;
    }

    .email_input {
        width: 74%;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 100px;
    }

    .team-holder4 .image-holder.lesswidth2 {
        width: 70%;
    }

    .team-holder4 .icon-holder {
        min-height: 550px;
        width: 30%;
    }

    .team-holder4 .icon-holder .social-icons-2 {
        width: 30%;
        margin-left: 70px;
    }

    .team-holder4 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .team-holder9 .icon-holder .social-icons-2 li:first-child {
        margin-top: 100px;
    }

    .team-holder9 .image-holder.lesswidth2 {
        width: 70%;
    }

    .team-holder9 .icon-holder {
        min-height: 550px;
        width: 30%;
    }

    .team-holder9 .icon-holder .social-icons-2 {
        width: 30%;
        margin-left: 70px;
    }

    .team-holder9 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .pricetable-holder2 a.btn2 {
        padding: 6px 5px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 6px 0px;
    }

    .feature-box21 .text-box {
        padding: 60px;
    }

    .feature-box22.margin-bottom {
        margin-bottom: 60px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 35px 0 0 30px;
    }

    .feature-box20 {
        margin-bottom: 80px;
    }

    .feature-box20 .iconbox-tiny {
        left: 258px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 0px;
    }

    .sub-title-2 {
        width: 90%;
    }

    /*.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 0;
    }*/
    /*===== gym styles =======*/
    .feature-box24 .inner {
        width: 70%;
    }

    .section-title-3 {
        font-size: 40px;
    }

    .bottom-shape1 {
        height: 107px;
    }

    .shape-bpadding2 {
        padding-bottom: 0px;
    }

    .feature-box26 .img-holder {
        border: none;
    }

    .bottom-shape3 {
        height: 100px;
    }

    .feature-box24.two .inner {
        width: 100%;
    }

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
    }

    .team-holder5 .image-holder .hover-box {
        top: 450px;
        width: 70%;
    }

    .header-inner.two .overlay {
        height: 200px;
    }

    .header-inner.two {
        height: 200px;
    }

    /*===== grayscale styles =======*/
    .team-holder6 {
        width: 45%;
        margin-right: 20px;
    }

    .sec-dummy-top-padding {
        padding-top: 80px;
    }

    .team-holder8:hover .hover-box, .team-holder8.active .hover-box {
        top: 173px;
    }

    /*===== Blog1 styles =======*/
    .header-title-box {
        padding: 89px 0;
    }

    /*===== blog2 styles =======*/
    .blog2-header-box .image-holder .text-box.top-padding {
        padding-top: 146px;
    }

    /*===== Cafe Layout styles =======*/
    .logo-holder {
        top: -10px;
    }

    .master-slider.margintop-2 {
        top: 0px;
    }

    .logo-holder img {
        width: 30%;
        margin-bottom: 100px;
    }

    .special-menu-holder {
        width: 100%;
        margin-top: 30px;
    }

    .header-inner-2 {
        height: 349px;
        margin: -80px 0 0;

    }

    .team-holder7.two:hover .info-box {
        bottom: 230px;
    }

    .header-inner-2 {
        height: 267px;
        margin: 0;
    }

    .header-inner-2 .title {
        padding: 118px 0 0;
    }

    /*===== Wedding Layout styles =======*/
    .section-less-padding.top-margin {
        margin-top: 0px;
    }

    .text-box.padding-left-7 {
        padding: 0px;
    }

    /*===== Fashion Layout styles =======*/
    .feature-box-51 .image-holder .hover-box {
        width: 51%;
    }

    .feature-box53.left-padding {
        padding-left: 0px;
        margin-bottom: 30px;
    }

    .team-holder12 .image-holder .hover-box {
        width: 67%;
    }

    .team-holder12 .image-holder .hover-box {
        top: 460px;
    }

    .team-holder12:hover .image-holder .hover-box {
        top: 290px;
    }

    /*===== Hair saloon Layout styles =======*/
    .topbar.more-padding {
        padding: 10px 0 10px;
    }

    #header9, #header10 {
        top: 0px;
    }

    .footer-holder .social-icons-3 {
        margin-left: 0;
    }

    .header-inner-2.less-margin {
        height: 200px;
        margin: 0;
    }

    .header-inner-2 .title.padding-1 {
        padding-top: 61px;
    }

    /*===== Transport Layout styles =======*/
    .feature-box61 .title-line-7 {
        display: none;
    }

    .feature-box61 .text {
        width: 64%;
    }

    /*===== School Layout styles =======*/
    #header10 .menu-bg {
        min-height: 90px;
    }

    .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
        width: 100%;
    }

    .parallax-section45 {
        background-color: #fc4242;
    }

    .header-inner.less-margin-2 {
        margin: 0;
    }

    .header-inner.three {
        height: 200px;
    }

    .header-inner .title-2 {
        padding: 85px 0 0;
    }

    .classes-table table, thead, tbody, th, td, tr {
        display: block;
    }

    .classes-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .classes-table tr {
        border: 1px solid #ccc;
    }

    .classes-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .classes-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .classes-table td:nth-of-type(1):before {
        content: "Time";
    }

    .classes-table td:nth-of-type(2):before {
        content: "Monday";
    }

    .classes-table td:nth-of-type(3):before {
        content: "Tuesday";
    }

    .classes-table td:nth-of-type(4):before {
        content: "Wednesday";
    }

    .classes-table td:nth-of-type(5):before {
        content: "Thursday";
    }

    .classes-table td:nth-of-type(6):before {
        content: "Friday";
    }

    .classes-table td:nth-of-type(7):before {
        content: "Saturday";
    }

    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    /*===== Portfolio Layout styles =======*/
    .header-title-box-2 .title {
        font-size: 61px;
        padding: 0;
        line-height: 55px;
    }

    .main-bg-2 {
        top: 0;
    }

    .menu-main-3 {
        background-color: #161616;
    }

    /*===== Realestate Layout styles =======*/
    .team-holder13 {
        width: 45%;
        margin-right: 10px
    }

    /*===== Law Layout styles =======*/
    .team-holder14 {
        width: 48%;
        margin-right: 10px;
    }

    .feature-box68 .image-holder .post-date-box {
        top: 0;
    }

    /*===== Shop Layout styles =======*/
    .shop-product-holder .image-holder .hoverbox {
        width: 53%;
    }

    /*===== Agency Layout styles =======*/
    .navbar-header .logo-box {
        width: 220px;
    }

    .navbar-header .logo-box.big-1 {
        width: 250px;
    }

    .navbar-header .logo-box.big-2 {
        width: 350px;
    }

    .navbar-header .logo-box.big-3 {
        width: 370px;
    }

    .team-holder2.two {
        width: 48%;
        margin-right: 10px;
    }

    .team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
        top: 281px;
    }

    /*===== Charity Layout styles =======*/
    .boxed-title-3 {
        width: 100%;
    }

    /*===== University Layout styles =======*/
    .feature-box-81 {
        width: 70%;
    }

    /*===== medical Layout styles =======*/
    .section-copyrights ul.social-icons-3.less-margin {
        margin-left: 0;
    }

    /*===== creative Layout styles =======*/
    .feature-box-91 .title1 {
        padding: 0;
    }

    .feature-box-91 .post-date-box {
        font-size: 31px;
        height: auto;
        padding: 25px;
        width: 130px;
    }

    .feature-box-91 .post-date-box span {
        font-size: 14px;
        padding: 8px 0 0;
    }

    /*===== hosting Layout styles =======*/
    .feature-box-93 {
        padding: 50px;

    }

    .pricetable-holder5 {
        margin-bottom: 50px;
    }

    .feature-box-96 {
        background-color: #f6f6f6;
    }

    .feature-box-98 {
        background: none;
    }

    #search-topic #tsearch {
        font-size: 16px;
        height: 60px;
        width: 70%;
    }

    #search-topic #searchsubmit {
        font-size: 15px;
        height: 60px;
    }

    /*===== corporate inner pages =======*/
    .error_holder {
        width: 100%;
    }

    .blog-holder-12 .post-date-box {
        font-size: 21px;
        height: 80px;
        padding: 10px 0 0;
        width: 80px;
    }

    .blog-holder-12 .post-date-box span {
        font-size: 12px;
        padding-top: 0;
    }

    .blog-holder-12 .post-date-box.two {
        top: 93px;
    }

    .blog-holder-12:hover .image-holder .overlay .icon {
        top: 60px;
    }

    .blog-holder-12 .image-holder .overlay {
        padding: 13px;
    }

    .blog-holder-12 .post-date-box.three.four {
        top: 93px;
    }

}

@media only screen and (min-width: 480px) and (max-width: 639px) {

    .container {
        width: 94%;
    }

    .section-side-image .text-inner {
        padding: 80px 80px 80px 40px;
    }

    .section-side-image .text-inner.two {
        padding: 0px 80px 80px 40px;
    }

    .sub-title {
        width: 100%;
    }

    .team-box1 {
        width: 60%;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box, .team-box1.active .hover-box {
        top: 150px;
    }

    .team-box1 .hover-box {
        top: 320px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .sec-padding {
        padding: 40px 0px;
    }

    .sec-tpadding {
        padding: 40px 0 0 0;
    }

    .sec-bpadding {
        padding: 0 0 40px 0;
    }

    .feature-box2 .content-box {
        padding: 53px 0px 53px;
    }

    .colmargin {
        margin: 0 0 50px 0;
    }

    .tabs-content1 .padding-left-3 {
        padding: 0px 0px 0px 0px;
    }

    .feature-box4 .iconbox-mtiny {
        display: none;
    }

    .team-holder2 .img-holder .icon-box {
        top: 559px;
    }

    .team-holder2:hover .icon-box {
        top: 435px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .team-holder2 {
        margin-bottom: 30px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    .video-wrapper {
        margin-bottom: 30px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 110px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .img-holder {
        margin-top: 30px;
    }

    .section-side-image .text-inner {
        padding: 80px 15px 80px 15px;
    }

    .blog-holder2 .img-holder {
        margin-top: 0px;
    }

    #header2 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    #header4 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    .menu-main {
        background-color: #161616;
    }

    .menu-main2 {
        background-color: #fff;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -300px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
        margin: 0 0 30px 0;
    }

    .blog-holder3 .blog-img-holder .overlay .post-info {
        padding: 79px 0 0 44px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 177px 0 0 30px;
    }

    .blog-holder3 .blog-img-holder .post-info .post-infoicon {
        margin-bottom: 5px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 100px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1, .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 171px;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .email_input {
        width: 60%;
    }

    .blog-holder4 .post-infoicon {
        margin-bottom: 8px;
    }

    .blog-holder4 .col-xs-6 {
        width: 100%;
    }

    .team-holder4 .icon-holder .social-icons-2 li:first-child {
        margin-top: 60px;
    }

    .team-holder4 .icon-holder {
        min-height: 434px;
    }

    .team-holder4 .icon-holder .social-icons-2 {
        width: 16%;
        margin-left: 30px;
    }

    .team-holder4 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .team-holder9 .icon-holder .social-icons-2 li:first-child {
        margin-top: 60px;
    }

    .team-holder9 .icon-holder {
        min-height: 434px;
    }

    .team-holder9 .icon-holder .social-icons-2 {
        width: 16%;
        margin-left: 30px;
    }

    .team-holder9 .icon-holder .social-icons-2 li a {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .pricetable-holder2 a.btn2 {
        padding: 6px 0px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 6px 0px;
    }

    .pricetable-holder2 th .title-header {
        font-size: 10px;
        padding: 8px;
    }

    .topbar-left-items {
        width: 100%;
    }

    .topbar-middle-logo {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .topbar-right-items {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .feature-box20 {
        margin-bottom: 80px;
    }

    .feature-box20 .iconbox-tiny {
        left: 186px;
    }

    .feature-box21 .text-box {
        padding: 50px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 35px 0 0 30px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 0px;
    }

    .sub-title-2 {
        width: 90%;
    }

    /*.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 0;
    }*/
    /*===== gym styles =======*/
    .top-shape1 {
        height: 108px;
        top: -108px;
    }

    .top-shape2 {
        height: 108px;
        top: -108px;
    }

    .section-title-3 {
        font-size: 40px;
    }

    .shape-bpadding2 {
        padding-bottom: 0px;
    }

    .feature-box26 .img-holder {
        border: none;
    }

    .bottom-shape3 {
        height: 100px;
    }

    .feature-box24.two .inner {
        padding: 22px 20px 20px;
    }

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
    }

    /*===== construction styles =======*/
    .team-holder5 .image-holder .hover-box {
        top: 480px;
        width: 90%;
    }

    .header-inner.two .overlay {
        height: 150px;
    }

    .header-inner.two {
        height: 150px;
    }

    .header-inner .title {
        padding: 51px 0 0;
    }

    /*===== grayscale styles =======*/
    .team-holder6 {
        width: 90%;
    }

    .sec-dummy-top-padding {
        padding-top: 60px;
    }

    .tab-text-holder {
        padding: 30px;
    }

    /*===== Blog1 styles =======*/
    .header-title-box {
        padding: 70px 0;
    }

    .header-title-box .title {
        font-size: 60px;
    }

    /*===== blog2 styles =======*/
    .blog2-header-box .image-holder .text-box.top-padding {
        padding-top: 110px;
    }

    /*===== Cafe Layout styles =======*/
    .logo-holder {
        top: -10px;
    }

    .master-slider.margintop-2 {
        top: 0px;
    }

    .logo-holder img {
        width: 40%;
        margin-bottom: 150px;
    }

    .special-menu-holder {
        width: 100%;
        margin-top: 30px;
    }

    .header-inner-2 {
        height: 282px;
        margin: -80px 0 0;

    }

    .team-holder7.two:hover .info-box {
        bottom: 230px;
    }

    .header-inner-2 {
        height: 200px;
        margin: 0;
    }

    .header-inner-2 .title {
        padding: 81px 0 0;
    }

    /*===== Wedding Layout styles =======*/
    .section-less-padding.top-margin {
        margin-top: 0px;
    }

    .text-box.padding-left-7 {
        padding: 0px;
    }

    /*===== Fashion Layout styles =======*/
    .feature-box-51 .image-holder .hover-box {
        width: 73%;
    }

    .feature-box53.left-padding {
        padding-left: 0px;
    }

    .team-holder12 .image-holder .hover-box {
        width: 90%;
    }

    .team-holder12 .image-holder .hover-box {
        top: 460px;
    }

    .team-holder12:hover .image-holder .hover-box {
        top: 290px;
    }

    /*===== Hair saloon Layout styles =======*/
    .topbar.more-padding {
        padding: 10px 0 10px;
    }

    #header9, #header10 {
        top: 0px;
    }

    .footer-holder .social-icons-3 {
        margin-left: 0;
    }

    .header-inner-2.less-margin {
        height: 150px;
        margin: 0;
    }

    .header-inner-2 .title.padding-1 {
        padding-top: 40px;
    }

    /*===== School Layout styles =======*/
    #header10 .menu-bg {
        min-height: 90px;
    }

    .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
        width: 100%;
    }

    .header-inner.less-margin-2 {
        margin: 0;
    }

    .header-inner.three {
        height: 150px;
    }

    .header-inner .title-2 {
        padding: 40px 0 0;
    }

    .classes-table table, thead, tbody, th, td, tr {
        display: block;
    }

    .classes-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .classes-table tr {
        border: 1px solid #ccc;
    }

    .classes-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .classes-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .classes-table td:nth-of-type(1):before {
        content: "Time";
    }

    .classes-table td:nth-of-type(2):before {
        content: "Monday";
    }

    .classes-table td:nth-of-type(3):before {
        content: "Tuesday";
    }

    .classes-table td:nth-of-type(4):before {
        content: "Wednesday";
    }

    .classes-table td:nth-of-type(5):before {
        content: "Thursday";
    }

    .classes-table td:nth-of-type(6):before {
        content: "Friday";
    }

    .classes-table td:nth-of-type(7):before {
        content: "Saturday";
    }

    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    /*===== Portfolio Layout styles =======*/
    .header-title-box-2 .title {
        font-size: 61px;
        line-height: 55px;
        padding: 0px;
    }

    .main-bg-2 {
        top: 0;
    }

    .menu-main-3 {
        background-color: #161616;
    }

    /*===== Realestate Layout styles =======*/
    .team-holder13 .img-holder .icon-box {
        top: 528px;
    }

    .team-holder13:hover .icon-box, .team-holder13.active .icon-box {
        top: 461px;
    }

    /*===== Law Layout styles =======*/
    .team-holder14 {
        width: 93%;
    }

    .feature-box68 .image-holder .post-date-box {
        top: 0;
    }

    /*===== Shop Layout styles =======*/
    .feature-box69 .title1 {
        font-size: 36px;
        padding: 76px 0 0 50px;
    }

    .shop-product-holder .image-holder .hoverbox {
        width: 71%;
    }

    /*===== Agency Layout styles =======*/
    .navbar-header .logo-box {
        width: 220px;
    }

    .navbar-header .logo-box.big-1 {
        width: 250px;
    }

    .navbar-header .logo-box.big-2 {
        width: 350px;
    }

    .navbar-header .logo-box.big-3 {
        width: 370px;
    }

    .team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
        top: 461px;
    }

    /*===== Charity Layout styles =======*/
    .boxed-title-3 {
        width: 100%;
    }

    /*===== University Layout styles =======*/
    .feature-box-81 {
        width: 90%;
    }

    /*===== medical Layout styles =======*/
    .section-copyrights ul.social-icons-3.less-margin {
        margin-left: 0;
    }

    /*===== creative Layout styles =======*/
    .feature-box-91 .title1 {
        padding: 0;
    }

    .feature-box-91 .post-date-box {
        font-size: 31px;
        height: auto;
        padding: 10px;
        width: 130px;
    }

    .feature-box-91 .post-date-box span {
        font-size: 11px;
        padding: 0px 0 0;
    }

    .feature-box-91 .post-date-box .divider-line.margin {
        margin: 5px 0;
    }

    .feature-box-91 .title1 {
        font-size: 14px;
    }

    .feature-box-91 .text-box.padding-5 {
        padding: 10px;
    }

    /*===== hosting Layout styles =======*/
    .domain-search-home #domain-searchform #dsearch {
        width: 53%;
    }

    .section-small-title-6 {
        font-size: 40px;
    }

    .section-title-6 {
        font-size: 37px;
    }

    .feature-box-93 {
        padding: 40px 20px;

    }

    .pricetable-holder5 {
        margin-bottom: 50px;
    }

    .feature-box-96 {
        background-color: #f6f6f6;
    }

    .feature-box-98 {
        background: none;
    }

    #search-topic #tsearch {
        font-size: 16px;
        height: 60px;
        width: 65%;
    }

    #search-topic #searchsubmit {
        font-size: 15px;
        height: 60px;
    }

    /*===== corporate inner pages =======*/
    .error_holder {
        width: 100%;
    }

    .blog-holder-12 .post-date-box {
        font-size: 21px;
        height: 70px;
        padding: 5px 0 0;
        width: 70px;
    }

    .blog-holder-12 .post-date-box span {
        font-size: 12px;
        padding-top: 0;
    }

    .blog-holder-12 .post-date-box.two {
        top: 65px;
    }

    .blog-holder-12:hover .image-holder .overlay .icon {
        top: 60px;
    }

    .blog-holder-12 .image-holder .overlay {
        padding: 0;
    }

    .blog-holder-12 .image-holder .overlay .icon {
        font-size: 12px;
        height: 40px;
        line-height: 41px;
        width: 40px;
    }

    .blog-holder-12 .post-date-box.three.four {
        top: 80px;
    }

}

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

    .container {
        width: 94%;
    }

    .btn {
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    .text-box-right {
        float: left;
        margin: 20px 0 20px 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    .text-box-left {
        float: left;
        margin: 20px 0 20px 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    .text-box-right.more-padding-1 {
        padding: 0 0 0 0px;
    }

    .text-box-right.more-padding-3 {
        padding: 0 0 0 0px;
    }

    .text-box-right.more-padding-4 {
        padding: 0 0 0 0px;
    }

    .sub-title {
        width: 100%;
    }

    .section-title {
        font-size: 32px;
    }

    .section-side-image .text-inner {
        padding: 80px 80px 80px 40px;
    }

    .section-side-image .text-inner.two {
        padding: 0px 80px 80px 40px;
    }

    .team-box1 {
        width: 80%;
        margin: 0 auto;
    }

    .team-box1:hover .hover-box, .team-box1.active .hover-box {
        top: 120px;
    }

    .team-box1 .hover-box {
        top: 320px;
    }

    .pricetable-holder .arrow {
        display: none;
    }

    .sec-padding {
        padding: 35px 0px;
    }

    .sec-tpadding {
        padding: 35px 0 0 0;
    }

    .sec-bpadding {
        padding: 0 0 35px 0;
    }

    .feature-box2 .content-box {
        padding: 30px 0px 30px;
    }

    .colmargin {
        margin: 0 0 50px 0;
    }

    .tabs-content1 .padding-left-3 {
        padding: 0px 0px 0px 0px;
    }

    .feature-box4 .iconbox-mtiny {
        display: none;
    }

    .tabs-content1 .btn5 {
        margin-bottom: 20px;
        float: left;
    }

    .team-holder2 .img-holder .icon-box {
        top: 315px;
    }

    .team-holder2:hover .icon-box {
        top: 260px;
    }

    .team-holder2 .social-icons-1 {
        margin: 2px 0px 0px;
    }

    .team-holder2 .social-icons-1 li.first {
        margin-left: 0px;
    }

    .team-holder2 {
        margin-bottom: 30px;
    }

    .item-holder {
        margin-bottom: 30px;
    }

    .video-wrapper {
        margin-bottom: 20px;
    }

    .post-author-image {
        top: 178px;
    }

    .contact-info-holder {
        margin-bottom: 30px;
    }

    .socialicon-holder {
        padding: 20px 0px 0px 25px;
    }

    .contact-info-holder .sideline {
        display: none;
    }

    .team-holder3 .text-box-right {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }

    .btn3.green2 {
        padding: 8px 15px;
    }

    .btn5.green2 {
        padding: 8px 15px;
    }

    .img-holder {
        margin-top: 30px;
    }

    .section-side-image .text-inner {
        padding: 80px 15px 80px 15px;
    }

    .blog-holder2 .img-holder {
        margin-top: 0px;
    }

    #header2 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    #header4 {
        top: 0px;
        border-bottom: none;
        background-color: #161616;
    }

    .menu-main {
        background-color: #161616;
    }

    .menu-main2 {
        background-color: #fff;
    }

    .sec-topmargin {
        margin-top: 0px;
    }

    .search-smallicon2 {
        top: 20px;
        right: -100px;
    }

    .client-list2 .col-md-4 {
        border-right: none;
    }

    .blog-holder3 .blog-img-holder, .blog-holder3.two .blog-img-holder {
        margin: 0 0 80px 0;
    }

    .blog-holder3 .blog-img-holder .overlay .content-box {
        padding: 14px 0 0 50px;
    }

    .blog-holder3 .blog-img-holder .overlay .post-info {
        padding: 57px 0 0 44px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 185px 0 0 4px;
    }

    .blog-holder3 .blog-img-holder .post-info .post-infoicon {
        margin-bottom: 5px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .testimonials5 .social-icons-2 li:first-child a {
        margin-left: 25px;
    }

    .testimonials5 {
        margin-bottom: 80px;
    }

    .background-imgholder-full.img1, .background-imgholder-full.img2 {
        background: none;
        height: auto;
    }

    .feature-box12 {
        margin-bottom: 80px;
    }

    .feature-box12 .iconbox-small {
        left: 101px;
    }

    .bmargin {
        margin-bottom: 40px;
    }

    .email_input {
        width: 63%;
        height: 55px;
    }

    .email_submit {
        padding: 15px 12px;
    }

    .blog-holder4 .post-infoicon {
        margin-bottom: 8px;
    }

    .blog-holder4 .col-xs-6 {
        width: 100%;
    }

    .team-holder4 .icon-holder {
        min-height: 279px;
    }

    .pricetable-holder2 a.btn2 {
        padding: 6px 0px;
    }

    .pricetable-holder2 a.btn13 {
        padding: 6px 0px;
    }

    .pricetable-holder2 th .title-header {
        font-size: 10px;
        padding: 8px;
    }

    .pricetable-holder2 th .price {
        font-size: 14px;
    }

    .pricetable-holder2 .table {
        overflow-x: auto;
        display: block;
    }

    .topbar-left-items {
        width: 100%;
    }

    .topbar-middle-logo {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .topbar-right-items {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .feature-box20 {
        margin-bottom: 80px;
    }

    .feature-box20 .iconbox-tiny {
        left: 110px;
    }

    .feature-box21 .text-box {
        padding: 30px;
    }

    .feature-box22 .text-box-right {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 150px 0 0 0;
    }

    .feature-box22 .iconbox-xlarge {
        margin-right: 90%;
    }

    .video-wrapper {
        margin-bottom: 30px;
    }

    .text-box-right.less-padding-1 {
        padding: 0;
    }

    .team-holder3.two .image-left {
        padding: 0 0 0 0;
    }

    div.demo {
        width: 237px;
    }

    .blog-holder3.two .blog-img-holder .overlay .post-info {
        padding: 35px 0 0 30px;
    }

    .btn.appstore {
        margin-bottom: 15px;
    }

    .col-divider-margin {
        margin-top: 0px;
    }

    .text-box-right.more-padding-2 {
        padding: 0 0 0 0;
    }

    .col-divider-margin-1, .col-divider-margin-2, .col-divider-margin-3, .col-divider-margin-4, .col-divider-margin-5, .col-divider-margin-6 {
        margin-top: 0px;
    }

    .sub-title-2 {
        width: 90%;
    }

    .sec-dummy-top-padding {
        padding-top: 30px;
    }

    /*.text-box.padding-1, .text-box.padding-2, .text-box.padding-3, .text-box.padding-4, .text-box.padding-5, .text-box.padding-6, .text-box.padding-7, .text-box.padding-8, .text-box.padding-9 {
        padding: 0;
    }*/
    /*===== gym styles =======*/
    .top-shape1 {
        top: -92px;
        height: 92px;
    }

    .top-shape2 {
        top: -92px;
        height: 92px;
    }

    .section-title-3 {
        font-size: 30px;
    }

    .feature-box24 .inner {
        padding: 30px;
    }

    .shape-bpadding2 {
        padding-bottom: 0px;
    }

    .feature-box26 .img-holder {
        border: none;
    }

    .bottom-shape3 {
        height: 100px;
    }

    .feature-box24.two .inner {
        padding: 10px 0px 10px;
    }

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
    }

    /*===== Construction styles =======*/
    .feature-box30 .text-box-right {
        padding: 0 0 0 0;
    }

    .header-inner.two .overlay {
        height: 100px;
    }

    .header-inner.two {
        height: 100px;
    }

    .header-inner .title {
        font-size: 24px;
        padding: 15px 0 0;
    }

    /*===== Restaurant styles =======*/
    .feature-box33 .post-date-box {
        top: 601px;
    }

    .sec-bpadding-3 {
        padding-bottom: 60px;
    }

    .sec-tpadding-3 {
        padding-top: 60px;
    }

    .section-title-4 {
        font-size: 50px;
    }

    /*===== grayscale layout styles =======*/
    .blog-holder8 .col-xs-9 {
        width: 100%;
    }

    .blog-holder8 .col-xs-3 {
        width: 100%;
    }

    .tab-text-holder {
        padding: 30px;
    }

    /*===== Blog1 styles =======*/
    .header-title-box {
        padding: 70px 0;
    }

    .header-title-box .title {
        font-size: 40px;
    }

    /*===== blog2 styles =======*/
    .blog2-header-box .image-holder .text-box.top-padding {
        padding-top: 60px;
        font-size: 18px;
    }

    .blog2-header-box .image-holder .text-box .title {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .blog2-header-box .image-holder .text-box .post-info span {
        font-size: 10px;
        margin-right: 20px;
    }

    /*===== Cafe Layout styles =======*/
    .logo-holder {
        top: -10px;
    }

    .master-slider.margintop-2 {
        top: 0px;
    }

    .logo-holder img {
        width: 40%;
        margin-bottom: 150px;
    }

    .special-menu-holder {
        width: 100%;
        margin-top: 30px;
    }

    .team-holder7.two {
        max-height: 415px;
    }

    .header-inner-2 {
        height: 133px;
        margin: 0;
    }

    .header-inner-2 .title {
        padding: 42px 0 0;
        font-size: 22px;
    }

    /*===== Wedding Layout styles =======*/
    .section-less-padding.top-margin {
        margin-top: 0px;
    }

    .text-box.padding-left-7 {
        padding: 0px;
    }

    .client-list3 img {
        width: 90%;
    }

    /*===== Fashion Layout styles =======*/
    .feature-box53.left-padding {
        padding-left: 0px;
    }

    /*===== Mechanic Layout styles =======*/
    .feature-box55 .text-holder {
        padding: 20px;
    }

    /*===== Hair saloon Layout styles =======*/
    .topbar.more-padding {
        padding: 10px 0 10px;
    }

    #header9, #header10 {
        top: 0px;
    }

    .footer-holder .social-icons-3 {
        margin-left: 0;
    }

    .header-inner-2.less-margin {
        height: 99px;
        margin: 0;
    }

    .header-inner-2 .title.padding-1 {
        padding-top: 13px;
    }

    /*===== Transport Layout styles =======*/
    .feature-box61 .text {
        padding: 15px;
    }

    .parallax-section42 .title1 {
        font-size: 40px;
        line-height: 40px;
    }

    /*===== School Layout styles =======*/
    #header10 .menu-bg {
        min-height: 90px;
    }

    .five-cols .col-md-1, .five-cols .col-sm-1, .five-cols .col-lg-1 {
        width: 100%;
    }

    .header-inner.less-margin-2 {
        margin: 0;
    }

    .header-inner.three {
        height: 100px;
    }

    .header-inner .title-2 {
        padding: 10px 0 0;
    }

    .classes-table table, thead, tbody, th, td, tr {
        display: block;
    }

    .classes-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .classes-table tr {
        border: 1px solid #ccc;
    }

    .classes-table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    .classes-table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .classes-table td:nth-of-type(1):before {
        content: "Time";
    }

    .classes-table td:nth-of-type(2):before {
        content: "Monday";
    }

    .classes-table td:nth-of-type(3):before {
        content: "Tuesday";
    }

    .classes-table td:nth-of-type(4):before {
        content: "Wednesday";
    }

    .classes-table td:nth-of-type(5):before {
        content: "Thursday";
    }

    .classes-table td:nth-of-type(6):before {
        content: "Friday";
    }

    .classes-table td:nth-of-type(7):before {
        content: "Saturday";
    }

    .table-style-2 td:nth-of-type(1):before {
        content: "TLD";
    }

    .table-style-2 td:nth-of-type(2):before {
        content: "Registration";
    }

    .table-style-2 td:nth-of-type(3):before {
        content: "Domain Transfer";
    }

    .table-style-2 td:nth-of-type(4):before {
        content: "DNS Management";
    }

    .table-style-2 td:nth-of-type(5):before {
        content: "Whois Privacy";
    }

    .table-style-2 td:nth-of-type(6):before {
        content: "";
    }

    /*===== Portfolio Layout styles =======*/
    .header-title-box-2 .title {
        font-size: 40px;
        line-height: 40px;
        padding: 0px;
    }

    .main-bg-2 {
        top: 0;
    }

    .menu-main-3 {
        background-color: #161616;
    }

    /*===== Realestate Layout styles =======*/
    .team-holder13 .img-holder .icon-box {
        top: 350px;
    }

    .team-holder13:hover .icon-box, .team-holder13.active .icon-box {
        top: 285px;
    }

    .feature-box68 .image-holder .post-date-box {
        top: 0;
    }

    /*===== Winery Layout styles =======*/
    .parallax-section51 .title {
        font-size: 35px;
    }

    /*===== Shop Layout styles =======*/
    .feature-box69 .title1 {
        font-size: 20px;
        padding: 42px 0 0 50px;
    }

    .feature-box69 .title2 {
        font-size: 20px;
        padding: 0 0 0 50px;
    }

    .parallax-section-title {
        font-size: 30px;
    }

    /*===== Agency Layout styles =======*/
    .navbar-header .logo-box {
        width: 220px;
    }

    .navbar-header .logo-box.big-1 {
        width: 250px;
    }

    .navbar-header .logo-box.big-2 {
        width: 250px;
    }

    .navbar-header .logo-box.big-3 {
        width: 250px;
    }

    .team-holder2.two:hover .icon-box, .team-holder2.two.active .icon-box {
        top: 277px;
    }

    /*===== Personal Layout styles =======*/
    .section-title-5 {
        font-size: 20px;

    }

    /*===== medical Layout styles =======*/
    .section-copyrights ul.social-icons-3.less-margin {
        margin-left: 0;
    }

    /*===== creative Layout styles =======*/
    .feature-box-91 .title1 {
        padding: 0;
    }

    .feature-box-91 .post-date-box {
        font-size: 14px;
        height: auto;
        padding: 10px;
        width: 80px;
        right: 0px;
    }

    .feature-box-91 .post-date-box span {
        font-size: 11px;
        padding: 0px 0 0;
    }

    .feature-box-91 .post-date-box .divider-line.margin {
        margin: 5px 0;
    }

    .feature-box-91 .title1 {
        font-size: 14px;
    }

    .feature-box-91 .text-box.padding-5 {
        padding: 10px;
    }

    /*===== hosting Layout styles =======*/
    .section-small-title-6 {
        font-size: 40px;
    }

    .section-title-6 {
        font-size: 37px;
    }

    .feature-box-93 {
        padding: 20px 20px;

    }

    .pricetable-holder5 {
        margin-bottom: 50px;
    }

    .feature-box-96 {
        background-color: #f6f6f6;
    }

    .feature-box-98 {
        background: none;
    }

    #domain-search-holder #dsearch {
        font-size: 14px;
        height: 48px;
        width: 100%;
    }

    #domain-search-holder .drlist {
        height: 48px;
        width: 102px;
    }

    #domain-search-holder #searchsubmit {
        font-size: 14px;
        height: 48px;
        padding: 4px 25px;
    }

    #search-topic #tsearch {
        font-size: 16px;
        height: 60px;
        width: 100%;
    }

    #search-topic #searchsubmit {
        font-size: 15px;
        height: 60px;
    }

    /*===== corporate inner pages =======*/
    .error-title-big {
        font-size: 80px;
    }

    .error_holder {
        width: 100%;
    }

    .blog-holder-12 .post-date-box {
        font-size: 14px;
        height: 40px;
        padding: 5px 0 0;
        width: 40px;
        line-height: 11px;
    }

    .blog-holder-12 .post-date-box span {
        font-size: 10px;
        padding-top: 0;
    }

    .blog-holder-12 .post-date-box.two {
        top: 39px;
    }

    .blog-holder-12:hover .image-holder .overlay .icon {
        top: 30px;
    }

    .blog-holder-12 .image-holder .overlay {
        padding: 0;
    }

    .blog-holder-12 .image-holder .overlay .icon {
        font-size: 12px;
        height: 40px;
        line-height: 41px;
        width: 40px;
    }

    .blog-holder-12 .post-date-box.three {
        top: 22px;
    }

    .blog-holder-12 .post-date-box.three span {
        padding-top: 13px;
    }

    .blog-holder-12 .post-date-box.three.four {
        top: 100px;
    }

}

.row.margin30 {
    margin-top: 30px;
}

.blog1-post-holder ul{list-style-type: circle;color:#727272}

.mads-block {
  display: inline;
}

/* yellow green
 ------------------------------ */

ul.nav.yellow-green>li>a.active {
	color: #197f19;
	font-family: 'Dosis', sans-serif;
}
ul.nav.yellow-green>li>a:hover.active {
	color: #197f19;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.yellow-green .navbar-nav > li > a:focus, .navbar-default.yellow-green .navbar-nav > li > a:hover {
	color: #197f19;
	font-family: 'Dosis', sans-serif;
}
.navbar-default.yellow-green .navbar-nav > li > a {
	font-family: 'Dosis', sans-serif;
	font-size: 15px;
	color: #242424;
}