/*
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: #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: #5a5959;
    }

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: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}

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

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

h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 300;
}

    h2.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: 22px;
    line-height: 25px;
    margin-bottom: 18px;
    font-style: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 40px;
}

.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: #ec711c;
    }

        .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: #dbdc33;
            border-color: #dbdc33;
        }

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

        /* 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.html);
    }

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

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

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

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

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

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

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

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

/* 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 20px 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.html) 0 0 no-repeat;
    }

    .background-imgholder-full.img2 {
        width: 100%;
        height: 510px;
        background: url(../images/279.html) 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: #dbdc33;
        }

        .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: #dbdc33;
            }

    .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: #fff;
        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: #fff;
        }

            .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: 0px 0 7px 0px;
}

.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: #ec711c;
}

    .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: #ec711c;
}

.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: #ec711c;
}

.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: #dbdc33;
    }

    .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.html) center 150px no-repeat;
}
/* section pattren 1
 ------------------------------ */
.section-pattren1 {
    width: 100%;
    height: 100%;
    margin: 0;
    background: url(../images/pattren1.html) 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: 30px 0 30px 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 #fff;
    }

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

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

        .usefull-links li i {
            color: #fff;
            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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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.html");
    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: #dbdc33;
        }
    /* 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: #dbdc33;
        }
    /* 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.html) 0 0 no-repeat;
    }

    .feature-box21 .background-imgholder.img2 {
        background: url(../images/site-img105.html) 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.html) 0 0 no-repeat;
}

    .pricetable-holder .arrow.two {
        left: 291px;
        top: 20px;
        background: url(../images/site-img08.html) 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.html) no-repeat 15px 16px;
    }

    .scrollup.yellow-green {
        background: #dbdc33 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;
    }

.text-ck {
    color: #fff;
    text-shadow: 1px 1px #000;
    font-size: 19px;
    text-align: justify;
}

.text-ckn {
    color: #fff;
    text-shadow: 1px 1px #000;
    font-size: 19px;
    text-align: center;
}
.text-cka {
    color: #000;
    
    font-size: 16px;
    text-align: justify;
}
.section-fulldark-ck {
    background-color: #192863fa;
}

.dropdown-menu {
    background: #1e2c66;
}

    .dropdown-menu > li > a {
        clear: both;
        color: #fff;
        font-weight: bold;
    }

.ck-ul li {
    width: 50%;
    float: left;
}

.ck-ul {
    list-style: circle;
    color: #fff;
}

/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f1f1f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background: rgba(249, 119, 9, 0.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0);min-height: 144px;}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
/*********************** Demo - 2 *******************/
.box2{position:relative}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(255,79,79,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:16px;color:#505050;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ff4f4f}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}
/*********************** Demo - 3 *******************/
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}

/*********************** Demo - 4 *******************/
.box4{position:relative}
.box4:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.box4:hover:before{width:200%}
.box4 img{width:100%;height:auto}
.box4 .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.box4 .icon,.box5 .icon{list-style:none;padding:0}
.box4:hover .box-content{transform:scale(1)}
.box4 .title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box4 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}
.box4 .icon{margin:0}
.box4 .icon li{display:inline-block}
.box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#ee4266;margin-right:10px;transition:all .3s ease 0s}
.box5 .icon,.box5 .icon li{display:inline-block}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}

/*********************** Demo - 5 *******************/
.box5{background:#444;position:relative}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#10a5b8;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#444;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{background:#444;color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:16px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box6 .title,.box6 img,.box6:after{transition:all .35s ease 0s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}
}
/*********************** Demo - 6 *******************/
.box6{background:#000;position:relative}
.box6:after{background:rgba(0,0,0,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.box6:hover:after{transform:skew(20deg) translateX(0)}
.box6 img{width:100%;height:auto}
.box6:hover img{opacity:.5}
.box6 .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1}
.box6 .icon,.box7 .icon{padding:0;list-style:none}
.box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{text-align:center}
.box6 .title{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;transform:scale(0)}
.box6:hover .title{transform:scale(1)}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{background:#605f5f;color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}

/*********************** Demo - 7 *******************/
.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background:rgba(11,33,47,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border:2px solid #0dab76;top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;background:#0dab76;font-size:18px;color:#fff;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}

/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#ef4050;font-size:20px;color:#fff}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;left:20px;transition:all .9s ease 0s}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}

/*********************** Demo - 9 *******************/
.box9{background:#000;text-align:center;position:relative}
.box9 img{width:100%;height:auto}
.box9:hover img{opacity:.5}
.box9 .box-content{padding:30px 10px 30px 0;background:rgba(0,0,0,.65);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.box9:hover .box-content{top:10px;left:10px;bottom:10px;right:10px;opacity:1}
.box9 .title{font-weight:700;color:#fff;line-height:17px;margin:5px 0;position:absolute;bottom:55%}
.box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s}
.box9 .icon a:hover{background:#fff}
@media only screen and (max-width:990px){.box9{margin-bottom:20px}
}
/*********************** Demo - 10 *******************/
.box10{background:#000;overflow:hidden;position:relative}
.box10:after,.box10:before{border-width:0 180px 140px;border-style:solid;border-color:transparent transparent #0d5f45;position:absolute;bottom:0;left:50%;z-index:1;transform:translate(-55%,100%);transition:all .5s 0s cubic-bezier(.6,-.28,.735,.045)}
.box10:after{border-width:150px 250px;border-color:transparent #18ab69 #18ab69 #008148;top:25%;transform:translate(-60%,100%)}
.box10:hover:before{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-55%,0);transition-delay:.2s}
.box10:hover:after{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-60%,0);transition-delay:0s}
.box10 img{width:100%;height:auto;opacity:1;transform:scale(1.1) translateY(3%);transition:all .5s ease 0s}
.box10:hover img{transform:scale(1.1) translateY(-3%);opacity:.4}
.box10 .box-content{padding:20px 0 0 20px;position:absolute;top:0;left:0;opacity:0;z-index:2;transform:translateY(20%);transition:all .5s ease 0s}
.box10:hover .box-content{opacity:1;transform:translate(0);transition-delay:.1s}
.box10 .title{font-size:23px;font-weight:800;color:#fff}
.box10 .icon{padding:0;margin:0;list-style:none}
.box10 .icon li{display:inline-block}
.box10 .icon li a{display:block;width:35px;height:35px;background:#18ab69;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box11 .icon li,.box11 .icon li a,.box11 .title,.box12 .icon li,.box12 .title{display:inline-block}
.box10 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box10{margin-bottom:20px}
}
@media only screen and (max-width:767px) and (min-width:600px){.box10:before{border-width:0 250px 240px}
.box10:after{border-width:260px 460px}
}
@media only screen and (max-width:599px) and (min-width:430px){.box:before{border-width:0 220px 120px}
.box10:after{border-width:260px 460px}
}
/*********************** Demo - 11 *******************/
.box11{background:#000;color:#fff;position:relative}
.box11:after,.box11:before{position:absolute;content:""}
.box11:before{width:100%;height:100%;background:#83437d;opacity:.5;top:100%;left:0;z-index:1;transition:all .35s ease-in .3s}
.box11:hover:before{top:0;transition:all .35s ease-out 0s}
.box11:after{bottom:100%;left:50%;border-width:200px 200px 0;border-style:solid;border-color:#83437d transparent transparent;opacity:.9;transform:translateX(-50%);transition:all .35s ease-out 0s}
.box11:hover .post,.box11:hover .title{transform:translate(0,-50%)}
.box11:hover:after{bottom:25%;transition:all .35s ease-in .2s}
.box11 img{width:100%;height:auto}
.box11:hover img{opacity:.5}
.box11 .icon,.box11 .post,.box11 .title{width:100%;position:absolute;left:0;opacity:0;transition:all .35s ease .5s}
.box11 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.box11 .title{padding:0 30px;margin:0;font-weight:300;top:45%}
.box11 .post,.box14 .post{text-transform:capitalize}
.box11 .post{font-size:15px;top:57%}
.box11 .icon{padding:0;margin:0;list-style:none;bottom:5px}
.box11 .icon li a{width:40px;height:40px;line-height:40px;padding:0 5px;font-size:20px;color:#fff;opacity:.7;transition:all .35s ease .5s}
.box11 .icon li a:hover{opacity:1;transition:all .35s ease}
.box11:hover .icon,.box11:hover .post,.box11:hover .title{opacity:1}
@media only screen and (max-width:990px){.box11{margin-bottom:20px}
}
@media only screen and (max-width:767px){.box11:after{border-width:500px 500px 0}
}

/*********************** Demo - 12 *******************/
.box12{position:relative}
.box12 .box-content,.box12:after{position:absolute;transition:all .3s ease 0s}
.box12:after{content:"";width:65%;background:rgba(28,28,28,.8);padding-bottom:65%;opacity:0;top:50%;left:50%;transform:rotate(0) translate(-50%,-50%);transform-origin:0 0 0}
.box12:hover:after{transform:rotate(-45deg) translate(-50%,-50%);opacity:1}
.box12 img{width:100%;height:auto}
.box12 .box-content{width:100%;top:35%;left:0;opacity:0;z-index:1}
.box12:hover .box-content{opacity:1}
.box12 .title{padding:10px 0;color:#fff;margin:0;border-top:2px solid #fff;border-bottom:2px solid #fff}
.box12 .icon{padding:0;margin:12px 0 0;list-style:none}
.box12 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;border:1px solid #fff;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box12 .icon li a:hover{border-radius:0}
@media only screen and (max-width:990px){.box12{margin-bottom:20px}
}
/*********************** Demo - 13 *******************/
.box13{position:relative;transition:all .2s ease-out 0s}
.box13 .box-content,.box13:after{position:absolute;left:20px;right:20px}
.box13:after{content:"";display:block;background:#463f9f;top:20px;bottom:20px;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s}
.box13:hover:after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.box13 img{width:100%;height:auto}
.box13 .box-content{top:45%;opacity:0;z-index:1;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s}
.box13:hover .box-content{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box13 .title{display:block;font-size:22px;font-weight:700;color:#39b54a;margin:0 0 10px}
.box13 .post{display:block;font-size:15px;color:#f7f7b9;margin-bottom:20px}
.box13 .social{padding:0;margin:0;list-style:none}
.box13 .social li{display:inline-block}
.box13 .social li a{display:block;width:35px;height:35px;background:#f7f7b9;border-radius:50%;font-size:17px;color:#1b1462;line-height:35px;margin-right:5px;transition:all .4s ease-in-out 0s}
.box14 .icon li,.box14 .post{display:inline-block}
.box13 .social li a:hover{color:#f7f7b9;background:#39b54a}
@media only screen and (max-width:990px){.box13{margin-bottom:30px}
}

/*********************** Demo - 14 *******************/
.box14{position:relative}
.box15,.box17,.box18{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box14:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box14:hover:before{opacity:1}
.box14 img{width:100%;height:auto}
.box14 .box-content{width:90%;height:90%;position:absolute;top:5%;left:5%}
.box14 .box-content:after,.box14 .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#d79719;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box14 .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}
.box14:hover .icon{bottom:20px;opacity:1;transition-delay:.15s}
.box14 .icon li a{display:block;width:40px;height:40px;line-height:40px;border:1px solid #fff;border-radius:0 16px;font-size:14px;color:#fff;margin-right:5px;transition:all .4s ease 0s}
.box14 .icon li a:hover{background:#d79719;border-color:#d79719}
@media only screen and (max-width:990px){.box14{margin-bottom:30px}
}

/*********************** Demo - 15 *******************/
.box15{position:relative}
.box15 img{width:100%;height:auto}
.box15 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.box15:hover .box-content{background-color:rgba(255,242,242,.8)}
.box15 .box-content:after,.box15 .box-content:before{content:"";width:50px;height:50px;position:absolute;opacity:0;transform:scale(1.5);transition:all .6s ease .3s}
.box15 .box-content:before{border-left:1px solid #040404;border-top:1px solid #040404;top:19px;left:19px}
.box15 .box-content:after{border-bottom:1px solid #040404;border-right:1px solid #040404;bottom:19px;right:19px}
.box15:hover .box-content:after,.box15:hover .box-content:before{opacity:1;transform:scale(1)}
.box15 .title{font-size:22px;color:#000;margin:0;position:relative;top:0;opacity:0;transition:all 1s ease 10ms}
.box15:hover .title{top:39%;opacity:1;transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box15 .title:after{content:"";width:0;height:1px;background:#040404;position:absolute;bottom:-8px;left:0;right:0;margin:0 auto;transition:all 1s ease 0s}
.box15:hover .title:after{width:80%;transition:all 1s ease .8s}
.box15 .icon{width:100%;margin:0 auto;position:absolute;bottom:0;opacity:0;transition-duration:.6s;transition-timing-function:cubic-bezier(1,-.53,.405,1.425);transition-delay:.1s}
.box15:hover .icon{bottom:39%;opacity:1}
.box15 .icon li{display:inline-block}
.box15 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;margin-right:5px;transition:all .3s ease-in-out 0s}
.box15 .icon li a:hover{background:#000;color:#fff}
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
}

/*********************** Demo - 16 *******************/
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:auto}
.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .post{display:block;padding:8px 0;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}
.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.box16 .social li{display:inline-block}
.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.box16 .social li a:hover{background:#bea041}
.box16 .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}

/*********************** Demo - 17 *******************/
.box17{position:relative}
.box17:after{content:"";width:100%;height:100%;background:rgba(2,162,221,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height:auto;transition:all 1.5s ease 0s}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}
.box17:hover .icon li a{top:30%;opacity:1}
.box17 .icon li a:hover{background:#fff;color:#02a2dd}
.box17 .icon li:first-child a{left:-90%;right:0}
.box17:hover .icon li:first-child a{left:-55px}
.box17 .icon li:last-child a{right:-90%;left:0}
.box17:hover .icon li:last-child a{right:-55px}
.box17 .box-content{width:100%;padding:20px 10px;background:rgba(0,0,0,.1);bottom:-100px;left:0;z-index:1}
.box17:hover .box-content{bottom:0}
.box17 .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 .post{display:block;font-size:14px;color:#fff}
@media only screen and (max-width:990px){.box17{margin-bottom:30px}
}

/*********************** Demo - 18 *******************/
.box18{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:after,.box18:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#3c3c3c;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.9;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

/*********************** Demo - 19 *******************/
.box19{text-align:center;position:relative}
.box19 .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s}
.box19 .icon,.box19 .title{transition:all .2s ease 0s}
.box19:hover .box-content{background:rgba(0,0,0,.5)}
.box19 .title{font-size:24px;color:#fff;transform:scale(0)}
.box19:hover .title{transform:scale(1)}
.box19 .icon{list-style:none;padding:0;margin:0;opacity:0}
.box19:hover .icon{opacity:1}
.box19 .icon li{display:inline-block}
.box19 .icon li:first-child a,.box19 .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:24px;color:#fff;border:1px solid #fff;position:relative}
.box19 .icon li a{top:-150px}
.box19:hover .icon li a{top:0}
.box19:hover .icon li a:hover{background:#a46789;border-color:#a46789}
.box19 .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.box19 .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){.box19{margin-bottom:30px}
}
@media only screen and (max-width:360px){.box19 .box-content{padding-top:20%}
}

/*********************** Demo - 20 *******************/
.box20{position:relative}
.box20:after,.box20:before{position:absolute;content:""}
.box20:before{width:80%;height:220%;background:#ff402a;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box20:hover:before{left:10%}
.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}
.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
.box20:hover:after{bottom:-70%}
.box20 img{width:100%;height:auto}
.box20 .box-content{top:-100%;color:#fff}
.box20:hover .box-content{top:30px}
.box20 .title{font-size:24px;margin:0}
.box20 .icon li a,.box20 .post{display:inline-block;font-size:14px}
.box20 .post{margin-top:5px}
.box20 .icon{list-style:none;margin:0;bottom:-100%}
.box20:hover .icon{bottom:25px}
.box20 .icon li{display:inline-block}
.box20 .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s}
.box20 .icon li a:hover{background:#fff;color:#ff402a}
@media only screen and (max-width:990px){.box20{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box20 .title{font-size:20px}
}

/*********************** Demo - 21 *******************/
.box21{text-align:center;position:relative}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:21px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px;color: #fff;}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:14px;color:#fff;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}
.box1
{
    margin:15px 0px;
}
 .titleck{
    font-size: 16px;

text-align: center;
}