/*
======================================
[ 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: 15px 'PT Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 24px;
    color: #727272;
    margin: 0;
    background: #fff !important;
}

body.dark {
    background: #111111 !important;

}

/* 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: 'PT Sans', sans-serif;
    font-weight: 400;
    color: #414141;
}

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

h1 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 700;
}

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

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

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

h2.nomargin {
    margin-bottom: 0;
}

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: 24px;
    line-height: 28px;
    margin-bottom: 18px;
    font-style: normal;
}

h3.nomargin {
    margin-bottom: 0;
}

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

h4.nomargin {
    margin-bottom: 0;
}

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

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

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;
    list-style: none;
}

/*=============== Margins ============= */

.top-less-margin {
    margin-top: -115px;
}

.top-less-margin2 {
    margin-top: -80px !important;
}

.b-margin {
    margin-bottom: 0;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

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

.mt-25 {
    margin-top: 25px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-less5 {
    margin-top: -5px;
}

.mt-less10 {
    margin-top: -10px;
}

.mt-less15 {
    margin-top: -15px;
}

.mt-less20 {
    margin-top: -20px;
}

.mt-less25 {
    margin-top: -25px;
}

.mt-less30 {
    margin-top: -30px;
}

.mt-less60 {
    margin-top: -60px !important;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

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

.mb-35 {
    margin-bottom: 35px;
}

.mb-less5 {
    margin-bottom: -5px;
}

.mb-less10 {
    margin-bottom: -10px;
}

.mb-less15 {
    margin-bottom: -15px;
}

.mb-less20 {
    margin-bottom: -20px !important;
}

.mb-less25 {
    margin-bottom: -25px;
}

.mb-less30 {
    margin-bottom: -30px;
}

.t-margin {
    margin-top: 0;
}

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

.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-top8 {
    float: left;
    margin-top: 80px;
    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: 0;
}

/*=============== 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: #101217;
}

.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;
}

.nopaddingleft {
    padding-left: 0;
}

/* 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: 0;
}

/* bottom padding
 ------------------------------ */

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

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

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

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

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

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

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

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

.nopaddbottom {
    padding-bottom: 0;
}

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

.opacity-2 {
    opacity: 0.1;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

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

.font-style2 h1, .font-style2 h2,
.font-style2 h3, .font-style2 h4, .font-style2 h5,
.font-style2 h6 {
    font-family: 'Lato', sans-serif;
}

.font-style2 p {
    font: 400 14px 'Open Sans', sans-serif;
    line-height: 22px;
}

.font-style2 li {
    font: 400 14px 'Open Sans', sans-serif;
}

.font-style3 h1, .font-style3 h2,
.font-style3 h3, .font-style3 h4, .font-style3 h5,
.font-style3 h6 {
    font-family: "Raleway", sans-serif;
    color: #303c39;
}

.font-style3 {
    font: 300 15px 'Open Sans', sans-serif;
    line-height: 22px;
    color: #666;
}

.font-style3 li {
    font: 400 14px 'Open Sans', sans-serif;
}

.font-style4 h1, .font-style4 h2,
.font-style4 h3, .font-style4 h4, .font-style4 h5,
.font-style4 h6 {
    font-family: "Droid Serif", sans-serif;
    color: #414b54;
}

.font-style5 {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.font-style5 h1, .font-style5 h2,
.font-style5 h3, .font-style5 h4, .font-style5 h5,
.font-style5 h6 {
    font-family: "Roboto", sans-serif;
    color: #323232;
}

.font-style6 {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 22px;
}

.font-style6 h1 {
    font-family: 'BenchNine', sans-serif;
    color: #fff;
    font-weight: 400;
}

.font-style6 h1 span {
    color: #b9393f;
}

.font-style6 h2,
.font-style6 h3, .font-style6 h4,
.font-style6 h5, .font-style6 h6 {
    font-family: 'Lato', serif;
    color: #fff;
}

.lato {
    font-family: 'Lato', 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 {
    font-family: 'Roboto', 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;
}

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

.text-white {
    color: #fff !important;
}

.text-dark {
    color: #242424;
}

.text-dark2 {
    color: #12171f !important;
}

.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-3 {
    color: #dc6226 !important;
}

.text-orange-3.red {
    color: #e94e4c !important;
}

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

.text-orange-5 {
    color: #eb4c3a !important;
}

.text-orange-6 {
    color: #b9393f !important;
}

.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-red-6 {
    color: #e94e4c !important;
}

.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;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

/* 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: 0;
    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-xxlarge {
    width: 150px;
    height: 150px;
    font-size: 60px;
    color: #FFF;
    line-height: 150px;
}

.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: 50px;
    color: #FFF;
    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;
    float: left;
    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-xxlarge.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: 0 12px 0 0;
}

.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: 0 0 0 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: #414141;
    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-xxlarge.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: #ab263b;
    background-color: none;
    border: 1px solid #12171f;
}

/* 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: 0 20px 50px 0;
    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: 0 20px 0 0;
}

.icon-plain-large.right, .icon-plain-medium.right, .icon-plain-small.right, .icon-plain-msmall.right, .icon-plain-tiny.right {
    float: right;
    margin: 0 0 0 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: 0 0 0 52px;
    margin: 0;
    text-align: left;
}

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

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

.text-box-inner {
    width: 100%;
    float: left;
    padding: 40px;
}

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

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

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

.text-box.light {
    background-color: #eae8e9;
    font-size: 14px;
}

/* 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: 0 0 0 120px;
}

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

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

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

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

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

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

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

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

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

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

a.read-more {
    color: #FFF;
    padding: 5px 15px;
    background: #27b399;
}

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

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

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

a.read-more.dark {
    color: #FFF;
    font-size: 16px;
    border: 2px solid #1d937d;
    background: #27b399;
    padding: 13px 36px;
    margin-bottom: 20px;
}

a.read-more.dark:hover {
    background: #1d937d;
}

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

.btn.btn-white2 {
    color: #FFF;
    border-color: #fff;
}

.btn.btn-white2:hover {
    color: #1d1d1d;
    background-color: #FFF;
}

/* 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 dark-3
 ------------------------------ */
.btn.btn-dark-3 {
    color: #fff;
    font-size: 16px;
    background-color: #414b54;
    border: 1px solid #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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: #414b54;
    border: 1px solid;
}

.btn.btn-border2 {
    color: #323232;
    padding: 12px 25px;
    border: 2px solid #323232;
    font-size: 16px;
}

.btn.btn-border2:hover {
    color: #FFF;
    background: #323232;
}

/* button red-6
 ------------------------------ */
.btn.btn-red-6 {
    color: #fff;
    background-color: #ab263b;
    border: 2px solid #ab263b;
}

.btn.btn-red-6:hover {
    color: #ab263b;
    background-color: #FFF;
}

/* button red-7
 ------------------------------ */
.btn.btn-red-7 {
    color: #fff;
    background-color: #b9393f;
    border: 2px solid #000;
    padding: 12px 36px;

}

.btn.btn-red-7:hover {
    color: #b9393f;
    background-color: #000;
}

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

.btn.btn-border.white-3 {
    color: #fff;
    font-size: 20px;
    border: 2px solid #fff;
}

.btn.btn-border:hover.white-3 {
    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: #FFF;
    border: 2px solid #fd602c !important;
    background-color: #fd602c;
}

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

/* button border orange-3
 ------------------------------ */
.btn.btn-border.orange-3 {
    color: #FFF;
    font-size: 16px;
    border-color: #e94e4c;
}

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

/* 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 orange-4
 ------------------------------ */
.btn.btn-border.orange-5 {
    color: #FFF;
    border-color: #eb4c3a !important;
    background-color: #eb4c3a;
}

.btn.btn-border:hover.orange-5 {
    color: #eb4c3a;
    background-color: #FFF;
    border-color: #eb4c3a;
}

/* button border gray
 ------------------------------ */
.btn.btn-border.gray {
    color: #727272;
    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: #FFF;
    background-color: #498af3;
    border-color: #498af3;
}

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

/* 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: 0;
    text-align: left;
}

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

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

.btn.appstore span {
    margin: 0;
    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: 0;
    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: 0;
    margin: 0;
}

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

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

.section-side-image .text-inner {
    padding: 30px 80px 80px 0;
    z-index: 9;

}

.section-side-image .text-inner .btn {
    border: 1px solid #12171f;
    color: #12171f;
    padding: 12px 36px;
    font-size: 16px;
    float: right;

}

.section-side-image .text-inner .btn:hover {
    background: #12171f;
    color: #FFF;
}

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

.background-imgholder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat !important;
    background-position: 22% 77% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.section-side-image-2 .background-imgholder-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    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;
}

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

.nodisplay-image {
    display: none;
}

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

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

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

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

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

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

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

.iconlist li i {
    color: #666;
    padding: 0 10px 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: 0 0;
    margin: -60px 0 0;
    float: left;
    position: relative;
    background: #e94e4c;
}

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

.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;
}

.clientlogo-list.white {
    width: 100%;
    /*padding: 20px 0px;*/
    margin: 0 0 0;
    float: left;
    position: relative;
    background: #FFF;
}

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

.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: 0;
    margin: 0;
    float: left;
}

.side-nav-list li {
    width: 100%;
    padding: 0;
    margin: 0 0 0 0;
    float: left;
    border-bottom: 1px dashed #eeeeee;
}

.side-nav-list li a {
    width: 100%;
    padding: 6px 10px;
    margin: 0;
    font-weight: normal;
    float: left;
}

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

/* side navigation list
 ------------------------------ */
.category-links {
    width: 100%;
    padding: 0;
    margin: 0;
    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: #eb4c3a;
}

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

.tags li {
    padding: 0;
    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: 0;
    margin: 0;
}

.tags-2 li {
    padding: 0;
    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: 0;
    margin: 0;
}

.sidebar-works li {
    padding: 0;
    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;
}

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

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

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

}

#header3 {
    position: relative;
    background: #1d937d !important;
    padding: 0;
    width: 100%;
    z-index: 999;
}

#header4 {
    position: relative;
    background: #ab263b !important;
    padding: 0;
    width: 100%;
    z-index: 999;
}

#header5 {
    position: relative;
    background: #414b54 !important;
    padding: 0;
    width: 100%;
    left: 0;
    margin: 0;
    top: 0;
    z-index: 999;
    transition: background-color 0.4s ease-out;
}

#header6 {
    position: relative;
    background: rgba(0, 0, 0, 0.6) !important;
    padding: 0;
    width: 100%;
    z-index: 999;
}

#header7 {
    position: relative;
    background: #f3f3f3;
    padding: 0;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    margin: 0;
    z-index: 999;
    transition: background-color 0.4s ease-out;
}

#header8 {
    position: relative;
    padding: 0;
    width: 100%;
    left: 0;
    margin: 0;
    top: 0;
    z-index: 999;
    transition: background-color 0.4s ease-out;
    background: rgb(252, 252, 252);
    background: -moz-linear-gradient(90deg, rgb(252, 252, 252) 0%, rgb(232, 235, 233) 100%);
    background: -webkit-linear-gradient(90deg, rgb(252, 252, 252) 0%, rgb(232, 235, 233) 100%);
    background: -o-linear-gradient(90deg, rgb(252, 252, 252) 0%, rgb(232, 235, 233) 100%);
    background: -ms-linear-gradient(90deg, rgb(252, 252, 252) 0%, rgb(232, 235, 233) 100%);
    background: linear-gradient(180deg, rgb(252, 252, 252) 0%, rgb(232, 235, 233) 100%);
    border-bottom: 2px solid #cbcbcb;

}

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

#header9 {
    position: relative;
    background: #1f1f1f url(../images/bg-dark.png) repeat !important;
    padding: 0;
    border-bottom: 1px solid #363636;
    width: 100%;
    z-index: 999;
}

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

#header10 {
    position: absolute;
    padding: 0;
    width: 100%;
    margin: 0;
    z-index: 999;
    transition: background-color 0.4s ease-out;
}

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

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

.logo-holder {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 100px;
    float: left;
    text-align: center;
    z-index: 5;
}

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

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

.topbar.white .toplist.toppadding {
    padding-top: 20px;
}

.topbar.white .toplist li {
    color: #666666;
}

.topbar.light {
    background-color: #f6f7f7;
    border-bottom: 1px solid #d9dde0;
    font-family: 'Open Sans', sans-serif;
}

.topbar.light .container {
    padding: 0;
}

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

.topbar.fulldark {
    background-color: #12171f;
    color: #ab263b;
    padding: 18px 0 23px;
}

.topbar.dark2 {
    background-color: #000000;
    border-bottom: 1px solid #1e1e1e;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
}

.topbar.dark2 .topbar-left-items {
    float: left;
    margin: 0;
    padding: 0 0;

}

.topbar.dark2 .topbar-left-items .toplist li {
    padding: 13px 15px;
}

.topbar.dark2 .topbar-left-items .toplist li.lineright {
    border-right: 1px solid #1e1e1e;
}

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

.topbar.green {
    background-color: #27b399;
    border-bottom: 1px solid #2bc9ac;
    padding: 0 0;
}

.topbar.green .topbar-left-items {
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 26%;
    border-right: 1px solid #2bc9ac;
}

.topbar.green .topbar-right-items {
    width: 45%;
    border-right: 1px solid #2bc9ac;
}

.topbar.green .topbar-right-search {
    width: 25%;
    float: right;
    padding: 10px 0;
}

.topbar.green .topbar-right-search input {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    float: right;
    padding: 0 55px 0 10px;
    width: 237px;
    height: 25px;
    background: #37f3d0;
    border: 1px solid #1d937d;
}

.topbar.green .topbar-right-search .btn {
    padding: 0;
    line-height: 23px;
    max-height: 25px;
    width: 25px;
    float: right;

}

.topbar.green .topbar-right-search button {
    background: #1d937d;
    border: 1px solid #1d937d;
    border-radius: 0;
    color: #37f3d0;
    font-size: 15px;
    position: relative;
    max-height: 25px;
    right: 1px;
    top: 0;
    width: 25px;
    text-align: center;
}

.topbar.green .topbar-right-search button i {
    line-height: 23px;
}

.topbar.green .topbar-right-search button:hover {
    background: #37f3d0;
    color: #1d937d;
}

.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.dark3 {
    background-color: #2c2c2c;
    border-bottom: 1px solid #363636;
    color: #777777;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
}

.topbar.dark3 .topbar-left-items {
    float: left;
    margin: 0;
    padding: 0 0;

}

.topbar.dark3 .topbar-left-items .toplist li {
    padding: 13px 15px;
}

.topbar.dark3 .topbar-left-items .toplist li.lineright {
    border-right: 1px solid #363636;
}

.topbar.dark3 .social-icons-1 {
    margin: 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    border-left: 1px solid #363636;
}

.topbar.dark3 .toplist li {
    padding: 0;
}

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

.topbar.dark3 .social-icons-1 li a {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 0 0 0;
    text-align: center;
    font-size: 14px;
    color: #777;
    line-height: 40px;
    display: inline-block;
    border-right: 1px solid #363636;
}

.topbar.dark3 .social-icons-1 li a:hover {
    background: #111111;
}

.topbar.dark3 .topbar-right-items .toplist2 {
    float: right;
    margin-bottom: 0;
}

.topbar.dark3 .topbar-right-items .toplist2 li {
    padding: 9px 15px;
    float: left;
    border-left: 1px solid #363636;
    font-size: 13px;
}

.topbar.dark3 .topbar-right-items .toplist2 li a:hover {
    color: #fff;
}

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

.toplist li {
    float: left;
    color: #989898;
    text-align: right;
    font-size: 13px;
    margin: 0;
    line-height: 14px;
    padding: 0 8px 0 8px;
}

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

.toplist li a {
    color: #989898;
}

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

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

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

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

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

.topbar-middle-logo {
    margin: 0 auto;
    padding: 37px 0;
    width: 26%;
    text-align: center;
    background-color: #1d937d;
}

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

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

.topbar.white .topbar-left-items {
    width: 33%;
}

.topbar.white .topbar-middle-logo {
    margin: 0 auto;
    padding: 12px 0 12px;
    width: 33%;
    text-align: center;
    background-color: transparent;
}

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

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

.topbar.fulldark .toplist li {
    color: #ab263b;
    font-size: 16px;
    font-weight: 300;
}

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

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

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

.topbar.fulldark .toplist li.lineright {
    border-right: 1px solid #ab263b;
    margin-left: 110px;
}

/* 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 green toplist color
 ------------------------------ */
.topbar.green .topbar-right-items .toplist {
    float: none;
}

.topbar.green .topbar-right-items .toplist li {
    color: #37f3d0;
    line-height: 50px;
    padding: 0 15px;
}

.topbar.green .topbar-right-items .toplist li:first-child {
    margin-left: 20px;
}

.topbar.green .topbar-right-items .toplist li a {
    color: #37f3d0;
}

.topbar.green .toplist li a:hover {
    color: #303c39;
}

/* 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: 0;
    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: 0;
    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: 0;
    font-weight: bold;
    font-size: 60px;
    line-height: 60px;
}

.section-small-title-6 {
    padding: 0;
    margin: 0;
    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: 0;
    font-weight: 400;
    font-size: 20px;
}

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

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

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

/* title bottom line 4
 ------------------------------ */
.title-line-4 {
    width: 34px;
    height: 2px;
    float: left;
    padding: 0;
    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: 0;
    margin: 0 auto 60px auto;
}

/* title bottom line 5
 ------------------------------ */
.title-line-5 {
    width: 100%;
    padding: 0;
    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: 0;
    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: 0;
    margin: 0 auto 20px auto;
    background-color: #ff971c;
}

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

/* title bottom line 8
 ------------------------------ */
.title-line-8 {
    width: 45px;
    height: 3px;
    padding: 0;
    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: 0;
    margin-right: 80%;
    margin-bottom: 5%;
    background-color: #ce0a6c;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

footer {
    background: #303030;
    margin: -54px 0 0;
    padding: 90px 0 10px;
    /*position:relative;*/
    z-index: 99;
    color: #999999;
}

footer p {
    color: #999999;
}

.footer-title {
    color: #fff;
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #404040;
}

.footer-title-bottomstrip {
    width: 30%;
    height: 2px;
    margin-left: 35%;
    margin-top: -21px;
    color: #e94e4c;
    float: left;
    display: block;
    margin-bottom: 30px;
    background-color: #e94e4c;

}

.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;
}

.footer-title2 {
    color: #fff;
    width: 100%;
    float: left;
    text-align: left;
    padding-bottom: 10px;
    font: 400 24px 'Lato';
    border-bottom: 1px solid #404040;
}

.footer-title2-bottomstrip {
    width: 35%;
    height: 2px;
    margin-left: 0;
    margin-top: -21px;
    color: #FFF;
    float: left;
    display: block;
    margin-bottom: 28px;
    background-color: #FFF;

}

/*============ 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-full-dark {
    background-color: #000;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #454545;
}

.section-dark {
    background-color: #323232;
    font-family: 'Open Sans';
    font-size: 14px;
}

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

.section-dark.three {
    background-color: #202631;
    font-family: 'Open Sans';
    font-size: 16px;
    color: #65738c;
}

.section-dark.three h1 span {
    color: #ab263b;
}

.section-dark.three .iconbox-small {
    font-size: 40px;
    color: #FFF;
    border: 2px solid #fff;
}

.section-dark.three.light {
    background: #8d8d8d url(../images/map.png) center center no-repeat;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #212020;
}

.section-dark.three.light .iconbox-medium {
    font-size: 40px;
    color: #FFF;
    border: 2px solid #fff;
    float: left;
    margin-right: 20px;
}

.section-dark.three.light .sec_title3 h1 {
    margin-bottom: 20px;
}

.section-dark.three.light h1.text-white {
    color: #FFF;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 5px;
}

.section-dark.three.light a {
    color: #212020;
}

.section-dark.three.light a:hover {
    color: #FFF;
}

.section-dark.three.light .col-md-4:hover .iconbox-medium {
    background: #fff;
    color: #eb4c3a;
}

.section-dark.three.light .col-md-4:hover .iconbox-medium.orange {
    background: #fff;
    color: #fd602c;
}

.section-dark.four {
    background-color: #414b54;
    color: #a5b7c8;
    font-family: 'PT Sans';
}

.section-dark.four h2 span {
    color: #dc6226;
}

.section-dark.four .iconbox-small {
    font-size: 40px;
    color: #FFF;
    border: 2px solid #fff;
}

.section-dark.four .iconbox-small i {
    color: #dc6226;
}

.section-dark.four .address-info-3 li {
    color: #a5b7c8;
}

.section-dark.four .social-icons-3 li a {
    background-color: #414b54;
    border: 1px solid #8a9fb1;
}

.section-dark.four .social-icons-3 li a:hover {
    background-color: #dc6226;
    border: 1px solid #dc6226;
}

.section-dark.four .gui-input, .section-dark.four .gui-textarea {
    background-color: #23292e;
    border: 1px solid #525e69;
    color: #545f6a;
}

.section-dark.four .gui-input:hover, .section-dark.four .gui-textarea:hover {
    background-color: #23292e;
    border: 1px solid #FFF;
}

.section-dark.four .gui-input:focus, .section-dark.four .gui-textarea:focus {
    background-color: #23292e;
    border: 1px solid #93a4b4;
    -webkit-box-shadow: 0 0 3px #fff inset;
    -moz-box-shadow: 0 0 3px #fff inset;
    -o-box-shadow: 0 0 3px #fff inset;
    box-shadow: 0 0 3px #fff inset;
}

.section-dark.four input placeholder {
    color: #545f6a;
}

.section-dark.four .btn-border {
    background-color: #414b54;
    border: 2px solid #FFF;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    padding: 8px 25px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.section-dark.four .btn-border:hover {
    background-color: #dc6226;
    border: 2px solid #dc6226;
}

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

.section-fulldark2 {
    background-color: #12171f;
}

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

/* section background light
 ------------------------------ */
.section-light {
    background-color: #e7e9e9;
    padding: 30px;
}

.section-light h2 {
    color: #303c39;
}

.section-light .btn {
    padding: 13px 36px;
    border: 2px solid #303c39;
    font-size: 16px;
    color: #303c39;
    margin: 10px 30px 0 0;
}

.section-light .btn:hover {
    background: #303c39;
    color: #FFF;
}

.section-light .address-info-3 .address {
    padding-top: 20px;
}

.section-light .address-info-3 .address h4 {
    margin-bottom: 0;
}

.section-light2 {
    background-color: #8d8d8d;
    padding: 0;
    color: #fff;
    float: left;
    width: 100%;
}

.section-light2.dark {
    background-color: #0c0c0c;
    padding: 0;
    color: #fff;
    float: left;
    width: 100%;
    border-top: 3px solid #111111;
    border-bottom: 3px solid #111111;
}

.section-light2 .social {
    font-size: 100px;
    width: 100%;
    float: left;
    padding: 65px 0;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.social.facebook {
    background: #454545;
}

.social.facebook:hover {
    background: #3b5999;
}

.social.facebook.dark {
    background: #222222;
}

.social.facebook.dark:hover {
    background: #3b5999;
}

.social.google {
    background: #999999;
}

.social.google:hover {
    background: #d14836;
}

.social.google.dark {
    background: #000000;
}

.social.google.dark:hover {
    background: #d14836;
}

.social.twitter {
    background: #454545;
}

.social.twitter:hover {
    background: #00acee;
}

.social.twitter.dark {
    background: #222222;
}

.social.twitter.dark:hover {
    background: #00acee;
}

.social.youtube {
    background: #999999;
}

.social.youtube:hover {
    background: #cc332d;
}

.social.youtube.dark {
    background: #000000;
}

.social.youtube.dark:hover {
    background: #cc332d;
}

.social.linked-in {
    background: #454545;
}

.social.linked-in:hover {
    background: #0180b3;
}

.social.linked-in.dark {
    background: #222222;
}

.social.linked-in.dark:hover {
    background: #0180b3;
}

.social.rss {
    background: #999999;
}

.social.rss:hover {
    background: #ff8201;
}

.social.rss.dark {
    background: #000;
}

.social.rss.dark:hover {
    background: #ff8201;
}

.section-light2 .address {
    text-align: center;
    color: #fff;
    width: 100%;
    float: left;
    font-size: 18px;
    margin-bottom: 80px;
}

.section-light2 .address h1 {
    font: 400 60px 'Satisfy', cursive;
    color: #fff;
    margin-bottom: 10px;
}

.section-light2 .address h4 {
    color: #fff;
    margin-bottom: 10px;
}

.section-light2 .address .phone {
    font-size: 36px;
    font-weight: 600;
}

.section-light2 .address a {
    color: #fff;
}

.section-light2 .address a:hover {
    color: #454545;
}

.section-light2.dark .address h1 {
    font: 400 60px 'BenchNine', cursive;
    color: #fff;
    margin-bottom: 10px;
}

.section-light2.dark .address h4 {
    color: #b9393f;
    margin-bottom: 10px;
}

.section-light3 {
    background-color: #999;
    padding: 80px 0 70px;
    color: #fff;
    float: left;
    width: 100%;
}

.section-dark.five {
    background-color: #1e222b;
    font-family: 'Open Sans';
    font-size: 13px;
    color: #5f677a;
}

.section-dark.five .footer-title {
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 0 solid #404040;
}

.section-dark.five .footer-title-bottomstrip {
    margin-left: 0;
    color: #c9012f;
    background-color: #c9012f;
}

.section-dark.five .usefull-links li {
    border-bottom: 1px dashed #101217;
    margin: 0 0 6px 0;
}

.section-dark.five .usefull-links li a {
    color: #5f677a;
}

.section-dark.five .usefull-links li a:hover {
    color: #FFF;
}

.section-dark.five .newsletter .email_input {
    background-color: #101217;
    border: 1px solid #000;
    color: #3c4253;
}

.section-dark.five .newsletter .email_input:focus {
    border: 1px solid #c9012f;
}

.section-dark.five .newsletter .input_submit {
    background-color: #c9012f;
}

.section-dark.five .newsletter .input_submit:hover {
    background-color: #101217;
}

.section-dark.five .text-box-right {
    margin-top: -10px;
}

.section-dark.five .footer-post-info span {
    color: #464c5c;
}

.section-dark.five .address-info li {
    padding: 0 0 6px 0;
    color: #5f677a;
    line-height: 22px;
    border-bottom: 0 solid #2e2e2e;
}

.section-dark.five .address-info li i {
    color: #5f677a;
}

#diamond {
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-bottom-color: #fff;
    position: relative;
    top: -50px;
    float: left;
    margin-right: 20px;
    z-index: 9;
}

#diamond:after {
    content: '';
    position: absolute;
    left: -50px;
    top: 50px;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-top-color: #fff;
}

.diamond2 {
    width: 0;
    height: 0;
    border: 45px solid transparent;
    border-bottom-color: #ddd;
    position: relative;
    top: -40px;
    float: left;
    left: -45px;
    z-index: 99;
}

.diamond2:after {
    content: '';
    position: absolute;
    left: -45px;
    top: 45px;
    width: 0;
    height: 0;
    border: 45px solid transparent;
    border-top-color: #ddd;
}

#diamond i {
    font-size: 30px;
    color: #303c39;
    line-height: 90px;
    position: relative;
    z-index: 99;
    left: -8px;
}

#diamond .fa-envelope {
    left: -12px;
}

.diamond3 {
    width: 0;
    height: 0;
    border: 135px solid transparent;
    border-bottom-color: #414b54;
    position: relative;
    top: -135px;
    float: left;
    margin-right: 20px;
    z-index: 9;
    transition: all 500ms ease-out;
}

.diamond3:after {
    content: '';
    position: absolute;
    left: -135px;
    top: 135px;
    width: 0;
    height: 0;
    border: 135px solid transparent;
    border-top-color: #414b54;
}

.diamond3 div.icon {
    position: absolute;
    bottom: -170px;
    color: #ffffff;
    margin-left: -135px;
    width: 270px;
    text-align: center;
    font-size: 20px;
    font-family: 'Droid Serif';
    z-index: 99;
}

.diamond3 i {
    font-size: 50px;
    line-height: 80px;
    margin-bottm: 15px;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

#diamond3:hover .diamond3 {
    border-bottom-color: #dc6226;
    transition: all 500ms ease-out;
}

#diamond3:hover .diamond3:after {
    border-top-color: #dc6226;
}

.diamond3.last-child {
    margin-right: 0;
}

.diamond3.color1 {
    border-bottom-color: #dc6226;

}

.diamond3.color1:after {
    border-top-color: #dc6226;
}

#diamond3:hover .diamond3.color1 {
    border-bottom-color: #414b54;
    transition: all 500ms ease-out;
}

#diamond3:hover .diamond3.color1:after {
    border-top-color: #414b54;
}

.diamond3.color2 {
    border-bottom-color: #1d2226;
}

.diamond3.color2:after {
    border-top-color: #1d2226;
}

.address-info-3:hover .diamond2 {
    border-bottom-color: #27b399;
}

.address-info-3:hover .diamond2:after {
    border-top-color: #27b399;
}

.address-info-3:hover #diamond i {
    color: #FFF;
}

/*#diamond4 {
width:100%; margin:0 auto 20px; float:none; padding:0px 0px 0px 0px; text-align:center;
}*/

#diamond4 {
    width: 0;
    height: 0;
    border: 105px solid transparent;
    border-bottom-color: #e7e7e7;
    position: relative;
    top: -105px;
    float: none;
    margin: 0 auto 15px;
    z-index: 9;
    transition: all 500ms ease-out;
}

#diamond4:after {
    content: '';
    position: absolute;
    left: -105px;
    top: 105px;
    width: 0;
    height: 0;
    border: 105px solid transparent;
    border-top-color: #e7e7e7;
    transition: all 500ms ease-out;
}

.diamond3.color4 {
    border: 100px solid transparent;
    border-bottom-color: #FFF;
    top: -95px;
    margin: 0 auto;
    float: none;
    left: -100px;
    transition: all 500ms ease-out;
}

.diamond3.color4:after {
    left: -100px;
    top: 100px;
    border: 100px solid transparent;
    border-top-color: #FFF;
    transition: all 500ms ease-out;
}

.diamond3.color4 i {
    font-size: 50px;
    line-height: 140px;
    bottm: 0px;
    color: #454545;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

/*.diamond3.color4 div.icon {
    position: absolute;
    bottom: -135px;
    color: #ffffff;
    margin-left: -100px;
    width: 200px;
    text-align: center;
    font-size: 20px;
    font-family: 'Droid Serif';
    z-index: 99;
}*/

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

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

.section-orange-3 {
    background-color: #dc6226;
    float: left;
}

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

.section-orange-5 {
    background-color: #eb4c3a;
    color: #fff;
    padding: 70px 0 40px;
}

/* 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;
    padding: 30px 0;
    background-color: #202020;
}

.section-copyrights.light {
    margin: 0;
    padding: 20px 0;
    background-color: #454545;
    color: #999999;
    font-weight: 300;
}

.section-copyrights.light .menu {
    text-align: right;
}

.section-copyrights.light .menu a {
    color: #999;
}

.section-copyrights.light .menu a:hover {
    color: #fff;
}

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

.section-copyrights.section-white-2 {
    color: #727272;
    border-bottom: 5px solid #27b399;
    background-color: #fff;
}

.section-copyrights.fulldark {
    color: #727272;
    background-color: #1a1a1a;
    border-top: 3px solid #498af3;
    text-align: center;
    font: 14px 'Open Sans', sans-serif;
}

.section-copyrights.fulldark a {
    color: #FFF;
}

.section-copyrights.fulldark a:hover {
    color: #498af3;
}

.section-copyrights.fulldark2 {
    color: #606d84;
    background-color: #12171f;
    text-align: left;
    padding: 20px 0;
    font: 16px 'Open Sans', sans-serif;
}

.section-copyrights.fulldark3 {
    color: #8192a2;
    background-color: #333c43;
    text-align: center;
    padding: 22px 0;

}

.section-copyrights.fulldark3 a {
    color: #8192a2;
}

.section-copyrights.fulldark3 a:hover {
    color: #FFF;
}

.section-copyrights.fulldark4 {
    color: #777777;
    background-color: #1c1c1c;
    text-align: left;
    padding: 20px 0;
    font: 15px 'Open Sans', sans-serif;
}

.section-copyrights.fulldark5 {
    color: #4e576b;
    background-color: #0d0f14;
    text-align: left;
    padding: 20px 0;
    font: 14px 'Open Sans', sans-serif;
}

.section-copyrights.fulldark6 {
    color: #777777;
    background-color: #0c0c0c;
    text-align: left;
    padding: 20px 0;
    font: 15px 'Open Sans', sans-serif;
}

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

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

/* Section Paddings
 ------------------------------ */
.sec-padding {
    padding: 60px 0 60px 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-tpadding-5 {
    padding-top: 200px;
}

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

.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-logo2 {
    margin-bottom: 33px;
}

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

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

.usefull-links li {
    padding: 0;
    margin: 0 0 8px 0;
    display: block;
    border-bottom: 1px dashed #404040;
}

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

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

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

.usefull-links li i {
    color: #999;
    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: 0;
    margin: 0;
}

.usefull-links-2 li {
    padding: 0;
    margin: 0 0 10px 0;
    display: block;

}

.usefull-links-2 li a {
    padding: 0;
    font-size: 14px;
    margin: 0 0 0 0;
    display: block;
    color: #727272;
    line-height: 22px;
}

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

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

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

.usefull-links-3 li a {
    padding: 0;
    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: 0;
    margin: 0;
}

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

.address-info li i {
    color: #999;
    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: 0;
    margin: 0;
}

.address-info-2 li {
    padding: 0 0 0 0;
    margin: 0 0 6px 0;
    display: block;
    color: #727272;
    font-size: 14px;
    line-height: 22px;
    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: 0;
    margin: 0 0 0 0;
}

.address-info-3 li {
    padding: 0 0 7px 0;
    margin: 0 0 7px 0;
    display: block;
    color: #fff;
    line-height: 23px;

}

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

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

.footer-tags li a {
    padding: 5px 15px 5px 15px;
    margin: 0 10px 10px 0;
    float: left;
    background: #222222;
    color: #fff;
    font-weight: 300;
    border: 1px solid #3b3b3b;
}

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

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

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

.fo-postimg-inner {
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    float: left;
    border: 1px solid #202020;
}

.fo-postimg-inner2 {
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    float: left;
    border: 3px solid #616161;
}

.fo-postimg-inner2.dark {
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    float: left;
    border: 1px solid #202020;
}

.fo-postimg-inner2.dark img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(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: 0;
}

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

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

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

.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: 0;
    top: 0;
    right: 0;
    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: 0;
    text-align: center;
    background: url("../images/parallax-bg4.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-overlay {
    background: rgba(0, 0, 0, .8);
    height: 100%;
    padding: 15px;
}

.parallax-section1 h1 {
    font-size: 52px;
    font-weight: 600;
    line-height: 60px;
}

.parallax-section1 h2 {
    font-size: 24px;
    line-height: 36px;
}

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

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

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

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

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

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

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

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

.parallax-section8 .parallax-overlay {
    background: rgba(48, 60, 57, .7);
    height: 100%;
    padding: 20px;
}

.parallax-section8 h1 {
    font-size: 30px;
    font-weight: 600;
    line-height: 60px;
    color: #FFF
}

.parallax-section8 h3 {
    font-size: 24px;
    line-height: 36px;
    color: #FFF;
}

.parallax-section8 p {
    font-size: 15px;
    line-height: 26px;
    color: #FFF;
}

.parallax-section8 .btn {
    padding: 12px 36px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
}

.parallax-section8 .btn:hover {
    background: #303c39;
}

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

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

.parallax-section10 h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    color: #FFF;
    text-transform: uppercase;

}

.parallax-section10 p {
    font-size: 16px;
    line-height: 26px;
    color: #FFF;
}

.parallax-section10 .btn {
    padding: 12px 36px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    background: rgba(18, 23, 31, 0.2);
}

.parallax-section10 .btn:hover {
    background: #FFF;
    color: #12171f;
}

.parallax-section10 #why-choose {
    position: relative;
    padding: 0;
    width: 100%;
    z-index: 9;

}

/*.parallax-section10 #why-choose::after {
    position:absolute;
      right: 0; top:0px;
    left: 49%;
    margin-left: 580px;
    min-height: auto;
    height: 462px;
    content: "";
    background: #151921;
    z-index: -1;
}*/

.parallax-section10 .choose {
    background: #151921;
    margin-bottom: 80px;
    text-align: left;
}

.parallax-section10 .choose p {
    color: #788197;
    font-size: 14px;
    line-height: 22px;
}

.parallax-section10 .choose .text {
    font-size: 18px;
    color: #7c8596;
}

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

.parallax-section11 h1 {
    font-family: 'Raleway';
}

.parallax-section11 h4 {
    font-family: 'Raleway';
}

.parallax-section11 {
    font-family: 'Open Sans';
    font-weight: 300;
}

.parallax-section11 .news-box i {
    background: #ab263b !important;
}

.parallax-section11 .read-more {
    background: #ab263b;
    padding: 2px 15px;
    font-size: 14px;
}

.parallax-section11 .read-more:hover {
    background: #12171f;
    color: #fff;

}

.parallax-section11 .news-box:hover h4 {
    color: #ab263b !important;
}

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

.parallax-section12 .parallax-overlay {
    background: rgba(18, 23, 31, .6);
    height: 100%;
    padding: 0;
}

.parallax-section13 {
    width: 100%;
    float: left;
    padding: 66px 0 30px;
    margin: 0;
    text-align: center;
    background: #414b54 url("../images/parallax-bg13.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;

    background-repeat: repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-section13 h2 {
    color: #fff;
}

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

.parallax-section14 h2 {
    color: #fff;
    font-family: "Droid Serif";
}

.parallax-section14 p {
    font-size: 20px;
}

.parallax-section14 .btn-border {
    border-color: #fff;
    color: #fff;
    padding: 12px 36px;
    font-size: 16px;
}

.parallax-section14 .btn-border:hover {
    border-color: #dc6226;
    color: #fff;
    background: #dc6226;
}

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

.parallax-section15 .parallax-overlay {
    background: rgba(28, 28, 28, .8);
    height: 100%;
    padding: 100px 0;
}

.parallax-section15 .sec_title3 h1 {
    color: #fff;
}

.parallax-section15 p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.parallax-section15 .btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 36px;
    font-size: 16px;
}

.parallax-section15 .btn:hover {
    border-color: #eb4c3a;
    color: #fff;
    background: #eb4c3a;
}

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

.parallax-section16 .parallax-overlay {
    background: rgba(69, 69, 69, .5);
    height: 100%;
    padding: 75px 0 70px;
}

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

.parallax-section17 .parallax-overlay {
    background: rgba(128, 128, 128, .8);
    height: 100%;
    padding: 0 0 150px;
}

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

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

.parallax-section19 .parallax-overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    padding: 80px 0;
}

.parallax-section19 h1 {
    color: #fff;
    font-family: 'Satisfy', cursive;
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 40px;
}

.parallax-section19 h4 {
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    line-height: 36px;
}

.parallax-section19 .btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 6px 36px;
    font-size: 16px;
    text-transform: uppercase;
}

.parallax-section19 .btn:hover {
    border-color: #fff;
    color: #454545;
    background: #fff;
}

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

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

.parallax-section22 {
    width: 100%;
    float: left;
    padding: 0 0;
    margin: 0;
    text-align: center;
    background: url("../images/parallax-bg22.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center center;
    z-index: 1;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
}

.parallax-section22 .parallax-overlay {
    background: rgba(30, 34, 43, .9);
    height: 100%;
    padding: 100px 0;
}

.parallax-section22 h1 {
    color: #fff;
}

.parallax-section22 p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.parallax-section22 .btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 36px;
    font-size: 16px;
}

.parallax-section22 .btn:hover {
    border-color: #c9012f;
    color: #fff;
    background: #c9012f;
}

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

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

.parallax-section24 .parallax-overlay {
    background: rgba(201, 1, 47, .8);
    height: 100%;
    padding: 80px 0;
}

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

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

.parallax-section26.orange {
    padding: 74px 0 70px;
}

.parallax-section26.orange h1 {
    color: #fff;
}

.parallax-section26.orange .leoteam-item-image-container {
    border: 10px #fd602c solid;
}

.crossed_shape {
    width: 100%;
    height: 269px;
    padding: 0;
    margin: -2px 0 0;
    float: left;
    background: url(../images/top_shape2.png) center top no-repeat;
}

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

.parallax-section27 .parallax-overlay {
    background: rgba(201, 1, 47, .8);
    height: 100%;
    padding: 80px 0 60px;
}

.parallax-section27 .parallax-overlay.orange {
    background: rgba(253, 96, 44, .8);

}

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

.parallax-section28 .parallax-overlay {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    padding: 80px 0;
}

.parallax-section28 h1 {
    color: #b9393f;
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 30px;
}

.parallax-section28 h2 {
    color: #FFF;
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.parallax-section28 p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.parallax-section28 .btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 36px;
    font-size: 16px;
}

.parallax-section28 .btn:hover {
    border-color: #b9393f;
    color: #fff;
    background: #b9393f;
}

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

.parallax-section29 .parallax-overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    padding: 0 0 80px;
}

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

.parallax-section31 {
    width: 100%;
    float: left;
    padding: 74px 0 70px;
    margin: 0;
    text-align: left;
    background: url("../images/parallax-bg26.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-section31 .sec_title3 h1 {
    color: #fff;
}

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

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

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    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);
}

.bg-opacity-10 {
    background-color: rgba(32, 38, 49, 0.8);
}

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

.video-overlay.orange-2 {
    background-color: rgba(253, 96, 44, 0.5);
}

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

.social-icons-1 {
    /*width: 100%;*/
    margin: 0 0 0 0;
    list-style-type: none;

}

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

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

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

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

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

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

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

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

.social-icons-2.pink li a {
    background-color: #c9012f;
}

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

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

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

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

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

.social-icons-3 li a:hover, .social-icons-3 li a.active {
    color: #FFF;
    background-color: #498af3;
}

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

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

.social-icons-3.green li a {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 5px 0 0;
    text-align: center;
    font-size: 14px;
    color: #0d4f43 !important;
    line-height: 30px;
    border-radius: 0;
    display: inline-block;
    background-color: #37f3d0;
}

.social-icons-3.green li a:hover, .social-icons-3.green li a.active {
    color: #37f3d0 !important;
    background-color: #0d4f43;
}

/* 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 {
    margin: 0 0 0;
}

.social-icons-3.brown li a {
    color: #FFF;
    background-color: #ab263b;
}

.social-icons-3.brown li a:hover, .social-icons-3.brown li a.active {
    background-color: #FFF;
    color: #ab263b;
}

/* white
 -------------------------------*/
.social-icons-3.white {
    float: right;
    margin: -45px 0 0;

}

.social-icons-3.white li a {
    color: #636366;
    margin: 0 5px 0 0;
    background-color: #FFF;
    border: 1px solid #636366;
}

.social-icons-3.white li a:hover {
    color: #242424;
    background-color: #fff;
}

/* dark
 -------------------------------*/

.social-icons-3.dark {
    margin: 0 0 0;
}

.social-icons-3.dark li a {
    color: #fff;
    background-color: #1c1c1c;
    border: 1px solid #444;
    border-radius: 0;
}

.social-icons-3.dark li a:hover, .social-icons-3.dark li a.active {
    color: #fff;
    border: 1px solid #eb4c3a;
    background-color: #eb4c3a;
}

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

/* social icons 4
 ------------------------------ */

.topbar.dark2 .social-icons-1 {
    margin: 0 0 0;
    padding: 5px 0 2px 15px;
    text-align: center;
    border-left: 1px solid #1a1a1a;
}

.topbar.dark2 .social-icons-1 li {
    display: inline;
    padding: 0;
}

.topbar.dark2 .social-icons-1 li a {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 3px 3px 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    line-height: 29px;
    display: inline-block;
    background-color: #000;
    border: 1px solid #4d4d4d;
}

.topbar.dark2 .social-icons-1 li a:hover, .social-icons-1 li a.active {
    color: #FFF;
    background-color: #eb4c3a;
    border: 1px solid #eb4c3a;
}

/*============ Feature boxs ============ */

/* Feature Box1
 ------------------------------ */
.feature-box1 {
    padding: 0;
}

.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 {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 30px;
}

.feature-box3 h3 {
    color: #12171f;
    font-size: 24px;
}

.feature-box3 .btn-default {
    background: #12171f;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    padding: 0 40px;
    margin-top: 10px;

}

.feature-box3:hover .dark-outline, .feature-box3.active .dark-outline {
    color: #fff;
    border-color: #ab263b;
    background-color: #ab263b;
}

.feature-box3:hover h3 {
    color: #ab263b;
}

.feature-box3:hover .btn-default {
    background: #ab263b;

}

.feature-box3.blue h3 {
    color: #12171f;
}

.feature-box3.blue .dark-outline, .feature-box3.blue .dark-outline {
    color: #12171f;

}

.feature-box3.blue:hover .dark-outline, .feature-box3.blue.active .dark-outline {
    color: #fff;
    border-color: #12171f;
    background-color: #12171f;
}

.feature-box3.blue:hover h3 {
    color: #498af3;
}

.feature-box3.blue:hover .btn-default {
    background: #498af3;
}

/* Feature Box4
 ------------------------------ */
.feature-box4 {
    width: 100%;
    margin: -335px auto 0;
    position: relative;
    float: none;
    text-align: center;
}

.feature-box4 .iconbox-xtiny {
    position: absolute;
    right: 0;
    top: 203px;
    background-color: #fd602c;
}

.feature-box4 h3 {
    color: #454545;
    font-weight: 300;
}

.feature-box4 h3::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #e7e7e7;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-image: none;
    border-style: solid;
    border-width: 24px;
    content: "";
    height: 0;
    position: absolute;
    top: 49%;
    left: 40%;
    width: 0;
    margin: 0 auto 0;
    text-align: center;
}

.feature-box4:hover h5 {
    color: #fd602c;
}

.feature-box4 .btn-default {
    border-radius: 20px;
    font-size: 16px;
    color: #636366;
    padding: 8px 36px;
}

.feature-box4 .btn-default:hover {
    color: #454545;
}

/* 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: 0;
    margin-bottom: 30px;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

.feature-box8 .iconbox-small {
    height: 100px;
    width: 100px;
    color: #fd602c;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #dbdfe0;
}

.feature-box8 .text-left {
    text-align: right;
}

.feature-box8:hover .iconbox-small, .feature-box8.active .iconbox-small {
    color: #fff;
    background-color: #dc6226;
    border: 1px solid #dc6226;
}

.feature-box8:hover h4, .feature-box8.active h4 {
    color: #dc6226;
}

/* Feature Box9
 ------------------------------ */
.feature-box9 {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    transition: all 0.3s ease-out 0s;

}

.feature-box9 .text-left {
    text-align: right;
}

.feature-box9 .text-box-right {
    padding: 0 0 0 90px;

}

.feature-box9 h3 {
    color: #1d1d1d;
    margin-bottom: 5px;
}

.feature-box9:hover .iconbox-small, .feature-box9.active .iconbox-small {
    color: #fff;
    background-color: #dc6226;
    border: 1px solid #dc6226;
}

.feature-box9:hover h3, .feature-box9.active h3 {
    color: #c9012f;
}

.feature-box9:hover #hexagon2 {
    background-color: #c9012f;
}

.feature-box9:hover #hexagon2:before {
    border-bottom: 20px solid #c9012f;
}

.feature-box9:hover #hexagon2:after {
    border-top: 20px solid #c9012f;
}

.feature-box9:hover #hexagon2 .icon {
    color: #fff;
}

/* Feature Box10
 ------------------------------ */
.feature-box10 {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    transition: all 0.3s ease-out 0s;
}

.feature-box10 .text-left {
    text-align: right;
}

.feature-box10 .text-box-right {
    padding: 0 0 0 100px;
}

.feature-box10 .iconbox-medium {
    background: #ffffff;
    border: 3px solid #c3c3c3;
    line-height: 90px;
}

.feature-box10 .iconbox-medium.left {
    margin: 0 20px 0 0;
}

.feature-box10 .iconbox-medium i {
    color: #202020;
}

.feature-box10 h4 {
    font-weight: 300;
    margin-bottom: 10px;
    color: #fff;
}

.feature-box10:hover .iconbox-medium {
    background: #b9393f;
    border: 3px solid #c3c3c3;
}

.feature-box10:hover .iconbox-medium i {
    color: #fff;
}

.feature-box10:hover h4 {
    color: #b9393f;
}

.feature-box10:hover p {
    color: #fff;
}

/* Feature Box11
 ------------------------------ */
.feature-box11 {
    width: 100%;
}

.feature-box11 .img-holder {
    width: 146px;
    height: 146px;
    float: left;
    padding: 0;
    margin: 0;
}

.feature-box11 .iconbox-xtiny {
    color: #fff;
    background-color: #fd602c;
}

/* Feature Box12
 ------------------------------ */
.feature-box12 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0;
    float: left;
    border: 1px solid #383838;
}

.feature-box12 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0;
    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: 0;
    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: 0;
    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: 0;
    margin: 0;
}

/* Feature Box20
 ------------------------------ */
.feature-box20 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0;
    float: left;
    border: 1px solid #383838;
}

.feature-box20 {
    position: relative;
    width: 100%;
    padding: 40px;
    margin: 0;
    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: 0;
    margin: 0;
    min-height: 450px;
    overflow: hidden;
}

.feature-box21 .background-imgholder.img1 {
    background: url(../images/site-img104.jpg) 0 0 no-repeat;
}

.feature-box21 .background-imgholder.img2 {
    background: url(../images/site-img105.jpg) 0 0 no-repeat;
}

.feature-box21 .background-imgholder .overlay {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

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

.feature-box21 .text-box {
    position: relative;
    width: 100%;
    z-index: 3;
    padding: 80px;
}

/* Feature Box22
 ------------------------------ */
.feature-box22 {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    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: 0;
    margin: 0;
    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: 0;
}

.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: 0;
    top: 320px;
    left: 0;
    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: 0;
    float: left;
    background-color: #000000;
    transition: all 0.3s ease-out 0s;
}

.team-holder2 .img-holder {
    position: relative;
    overflow: hidden;
}

.team-holder2 .img-holder img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.team-holder2 .img-holder .icon-box {
    position: absolute;
    width: 100%;
    left: 0;
    top: 300px;
    padding: 15px 0;
    z-index: 1;
    background-color: rgba(185, 57, 63, 0.8);
    transition: all 0.3s ease-out 0s;
}

.team-holder2 .img-holder .icon-box .social-icons-1 {
    margin: 0 0 0;
    padding: 0;
}

.team-holder2 .img-holder .icon-box .social-icons-1 li a {
    color: #fff;
    padding: 0 10px 0 10px;
}

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

.team-holder2 .img-holder .icon-box .social-icons-1 {
    text-align: center;
}

.team-holder2 .content-box.less-pading {
    padding: 10px;
}

.team-holder2 .content-box h4 {
    font-weight: 300;
    line-height: 22px;
    font-size: 22px;
}

.team-holder2 .content-box h4 span {
    font-weight: 300;
    font-size: 14px;
    color: #727272;
}

/* Team Hover Styles
 ------------------------------ */

.team-holder2:hover .img-holder img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.6s linear 0s;
}

.team-holder2:hover .icon-box, .team-holder2.active .icon-box {
    top: 202px;
}

.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: 0;
    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: 0;
    float: left;
    margin: 0;
    background-color: #fff;
    transition: all 0.3s ease-out 0s;
}

.team-holder4 .icon-holder {
    width: 25%;
    padding: 0;
    float: left;
    margin: 0;
    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 {
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
    margin: 20px 0 0;
    text-align: center;
    background-color: #eeeeee;
    transition: all 0.3s ease-out 0s;
}

.pricetable.nomargin {
    margin: 0 0 0;
}

.pricetable.first {
    border-left: 1px solid #e9e9e9;
}

.pricetable .title {
    width: 100%;
    padding: 20px 0 55px;
    margin: 0;
    color: #323232;
    float: left;
    font-size: 24px;
    text-align: center;
    background-color: #ccc;
}

.pricetable h2 {
    padding: 0;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.pricetable .price-box {
    width: 0;
    height: 0;
    margin-top: -65px;
    border-top: 65px solid transparent;
    border-left: 262px solid #323232;
    border-bottom: 65px solid transparent;
    position: relative;
}

.pricetable .price {
    float: left;
    display: block;
    color: #FFF;
    margin-top: -15px;
    margin-left: -234px;
    width: 262px;
    font-weight: 600;
    text-align: left;
    font-size: 26px;
    font-family: 'Lato';
}

.pricetable .price span {
    font-size: 20px;
}

.pricetable ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0 0 30px 0;
}

.pricetable ul.plan_features li {
    padding: 15px 0;
    font-size: 15px;
    border-bottom: 1px solid #FFF;
}

.pricetable .btn {
    border: 1px solid #323232;
    font: 600 16px 'Open Sans';
    text-transform: uppercase;
    background: #fff;
    padding: 12px 50px;
    transition: all 0.3s ease-out
}

.pricetable .btn:hover {
    border: 1px solid #323232;
    background: #323232;
    color: #fff;
}

.pricetable:hover .btn {
    border: 1px solid #323232;
    background: #323232;
    color: #fff;
}

/* Price Table Hover and Active Styles
 -----------------------------------------------*/

.pricetable.active {
    background-color: #323232;
}

.pricetable.active ul.plan_features li {
    color: #727272;
    border-bottom: 1px solid #4f4e4e;
}

.pricetable.active .title {
    background-color: #323232;
    color: #FFF;
}

.pricetable.active .price-box {
    border-left: 262px solid #498af3;
}

.pricetable.active .btn {
    border: 1px solid #498af3;
    background: #498af3;
    color: #FFF;
    transition: all 0.3s ease-out
}

.pricetable.active .btn:hover {
    border: 1px solid #FFF;
    background: #323232;
    color: #FFF;
    transition: all 0.3s ease-out
}

.pricetable:hover.active .btn {
    border: 1px solid #FFF;
    background: #323232;
    color: #FFF;
}

/* Price Table 2
 -----------------------------------------------*/

.pricetable-holder2 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.pricetable-holder2 th {
    width: 25%;
    padding: 0;
    margin: 0;
}

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

.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: 0;
    margin: 0;
    float: left;
    transition: all 0.3s ease-out 0s;
    border: 1px solid #cccccc;
}

.pricetable-holder3.l-mar {
    margin-left: -1px;
}

.pricetable-holder3.l-mar2 {
    margin-left: -2px;
}

.pricetable-holder3 .inner-holder {
    width: 100%;
    padding: 20px 20px 0;
    margin: 0;
    float: left;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

.pricetable-holder3 .title {
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 20px;
    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: #454545;
    font: 600 38px/45px "Roboto", 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: 0;
    margin: 0 0 30px 0;
}

.pricetable-holder3 ul.plan_features li {
    padding: 13px 0;
    color: #454545;
    border-bottom: 0 solid #e9e9e9;
}

.pricetable-holder3 ul.plan_features li:last-child {
    border-bottom: none;
}

.pricetable-holder3 .price-btn {
    margin-bottom: -20px;
}

.pricetable-holder3 .price-btn .btn.btn-border.light {
    border-color: #ccc;
    font-size: 15px;
    background: #fff;
}

/* hover styles
 -----------------------------------------------*/
.pricetable-holder3:hover, .pricetable-holder3.active {
    border: 1px solid #454545;
}

.pricetable-holder3:hover .inner-holder, .pricetable-holder3.active .inner-holder {
    background-color: #454545;
}

.pricetable-holder3:hover ul.plan_features li, .pricetable-holder3.active ul.plan_features li {
    color: #ccc;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
}

.pricetable-holder3:hover .title, .pricetable-holder3.active .title {
    color: #fff;
}

.pricetable-holder3:hover .price-circle .price {
    color: #fff;
}

.pricetable-holder3:hover p {
    color: #ccc;
}

.pricetable-holder3:hover .btn.btn-border.light, .pricetable-holder3.active .btn.btn-border.light {
    color: #FFF;
    background-color: #666;
    border: 1px solid #fff;
}

/*============ Blog Posts ============ */

/* post image holder
 -----------------------------------------------*/

.blog-img-holder {
    width: 100%;
    padding: 0;
    margin: 0;
}

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

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

/* Date box colors
 -----------------------------------------------*/
.post-date-box.violet {
    background-color: #ab263b;
}

/* 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: 0;
    margin: 0;
    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: 0;
    top: 0;
    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: 0;
    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: 0;
    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: 0;
    margin: 0;
    float: left;
    border-radius: 100%;
}

/* Testimonials Style 1
 -----------------------------------------------*/

.testimonials1 {
    width: 100%;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease-out 0s;
}

.testimonials1 .textbox {
    position: relative;
    width: 70%;
    float: left;
    padding: 0;
    margin: 0;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials1 .image-left {
    padding: 0 0 0 15px;
}

.testimonials1 .imgholder {
    position: relative;
    width: 106px;
    height: 106px;
    padding: 3px;
    margin: 0;
    text-align: center;
    background-color: #e94e4c;
    transition: all 0.3s ease-out 0s;
}

.testimonials1 .imgholder .arrow-down {
    position: absolute;
    right: 41px;
    top: 104px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #e94e4c;
}

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

.testimonials1 .text-box-right h5 {
    font-weight: 600;
}

/* Testimonials Style 2
 -----------------------------------------------*/

.testimonials-2 {
    width: 100%;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease-out 0s;
}

.testimonials-2 .textbox {
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 0 auto 20px;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials-2 .image-center {
    padding: 0 0 0 15px;
}

.testimonials-2 .imgholder {
    position: relative;
    width: 184px;
    height: 120px;
    padding: 0;
    margin: 0 auto;
    text-align: center;

    transition: all 0.3s ease-out 0s;
}

.testimonials-2 .imgholder img {
    width: 150px;
    height: 130px;
    /*-webkit-transform: skew(-18deg);
-moz-transform: skew(-18deg);
-o-transform: skew(-18deg);
transform: skew(-18deg); */
    border: 2px solid #303c39;

}

.testimonials-2 .imgholder .arrow-down {
    position: absolute;
    right: 41px;
    top: 104px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #e94e4c;
}

.testimonials-2 .text-box-right {
    display: block;
    padding: 10px 0 0 0;
    margin: 0;
    text-align: center;
}

.testimonials-2 .text-box-right h5 {
    font-weight: 600;
    color: #fff;
}

/* Testimonials Style 3
 -----------------------------------------------*/

.testimonials3 {
    width: 100%;
    padding: 0;
    margin: 0;
    transition: all 0.3s ease-out 0s;
}

.testimonials3 .textbox {
    position: relative;
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0 auto 20px;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials3 .image-left {
    padding: 10px;
    background: #fff;
    border: 5px solid #1c1c1c;
    margin-right: 30px;
}

.testimonials3 .img-holder {
    position: relative;
    width: 130px;
    height: 130px;
    margin: 0;
    padding: 5px 0 0 5px;
    float: left;
    text-align: center;
    z-index: 5;
    border-radius: 100%;
    background-color: #ebebeb;
    transition: all 0.3s ease-out 0s;
}

.testimonials3 h5 {
    font-size: 16px;
    font-weight: 600;
    color: #eb4c3a;
    text-align: center;
    margin-bottom: 5px;
}

.testimonials3 .img-holder .img-inner {
    width: 130px;
    height: 130px;
    margin: 0;
    text-align: center;
    padding: 0;
    border-radius: 100%;
}

.testimonials3 img {
    width: 130px;
}

.testimonials3 .image-left .arrow-down {
    position: absolute;
    left: 144px;
    top: 20px;
    z-index: 0;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    border-top: 18px solid #1c1c1c;
    transition: all 0.3s ease-out 0s;
}

.testimonials3:hover .img-holder, .testimonials3.active .img-holder {
    background-color: #FFF;
}

.testimonials3:hover .arrow-down, .testimonials3.active .arrow-down {
    border-top: 18px solid #FFF;
}

.testimonials3 .text-box-right {
    color: #1c1c1c;
    font-weight: 700;
    margin-top: 20px;
}

/* Testimonials Style 4
 -----------------------------------------------*/
.testimonials4 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 30px 0;
    position: relative;
    z-index: 1;
    font: 400 14px/22px 'Open Sans';
    color: #fff;
}

.testimonials4 .client-img {
    width: 120px;
    float: left;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 99;

}

.testimonials4 .client-img img {
    border-radius: 100%;
    width: 100%;
    height: auto;
    border: 6px solid #1e222b;
}

.testimonials4 .description {
    width: 83%;
    float: right;
    padding: 0;
}

.testimonials4 h5 {
    margin: 20px 0 0 0;
    font: 600 18px 'Lato';
    text-align: center;
    color: #FFF;
}

.testimonials4 h5 span {
    font: 400 14px 'Open Sans';
    color: #fff;
}

/* Testimonials Style 5
 -----------------------------------------------*/

.testimonials5 {
    width: 100%;
    padding: 0;
    margin: 0;
    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;
}

/* Testimonials Style 6
 -----------------------------------------------*/
.testimonials6 {
    float: left;
    width: 88%;
    padding: 35px 25px;
    background: #eae8e9;
    margin: 0 0 30px 0;
    position: relative;
    z-index: 1;
    font: 400 14px/22px 'Open Sans';
    color: #fff;
}

.testimonials6 .client-img {
    width: 160px;
    float: left;
    background: #ffffff;
    text-align: center;
    position: absolute;
    right: -70px;
    padding: 20px;
    z-index: 99;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);

}

.testimonials6 .client-img img {
    border-radius: 100%;
    width: 120px;
    height: 120px;
}

.testimonials6 .description {
    width: 81%;
    color: #666666;
    float: left;
    font-weight: 300;
    padding: 0;
}

.testimonials6 h5 {
    margin: 5px 0 0 0;
    font: 400 18px 'Raleway';
    text-align: right;
    color: #12171f;
}

.testimonials6 h5 span {
    font: 400 14px 'Open Sans';
    color: #727272;
}

/* Testimonials Style 7
 -----------------------------------------------*/
.testimonials7 {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    position: relative;
    z-index: 1;
}

.testimonials7_box {
    float: left;
    width: 100%;
    padding: 25px;
    background: rgba(0, 0, 0, 0.5);
    margin: 0 0 20px;
    font: 300 15px/22px 'Open Sans';
    color: #727272;
    clear: both;
}

.testimonials7_box .client-img {
    width: 120px;
    float: left;
    border: 3px solid #ffffff;
    text-align: center;
    position: absolute;
    z-index: 99;
}

.testimonials7_box .client-img img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
    height: 130px;
}

.testimonials7_box .description {
    width: 72%;
    color: #666666;
    float: right;
    font-weight: 300;
    padding: 0;
}

.testimonials7_box:before {
    width: 0;
    content: '';
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.5);
    top: 192px;
    margin-left: 15px;
    position: absolute;
}

.testimonials7 .text-box-right {
    padding: 0 0 0 50px
}

.testimonials7 .text-box-right h5 {
    margin: 5px 0 0 0;
    font: 400 20px 'Lato';
    text-align: left;
    color: #fff;
}

.testimonials7 .text-box-right h5 span {
    font: 400 15px 'Open Sans';
    color: #b9393f;
}

.testimonials7:hover .testimonials7_box {
    background: #b9393f;
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials7:hover .testimonials7_box .client-img img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
    transition: all 0.3s ease-out 0s;
}

.testimonials7:hover .testimonials7_box .description {
    color: #fff;
    transition: all 0.3s ease-out 0s;
}

.testimonials7:hover .testimonials7_box:before {
    border-top: 20px solid #b9393f;
    transition: all 0.3s ease-out 0s;
}

.testimonials7.onepage {
    margin-bottom: 10px;
}

.testimonials7.onepage .description {
    width: 87%;
    color: #FFF;
    float: right;
    margin-left: 150px;
    padding: 0;
}

.testimonials7.onepage .text-box-right h5 {
    text-align: left;
    color: #242424;
}

.testimonials7.onepage .testimonials7_box:before {

    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.5);
    top: 192px;
    margin-left: 15px;

}

/*============ Footer Newsletter ============ */

.newsletter .email_input {
    background-color: #202020;
    border: 1px solid #000;
    color: #999;
    margin-bottom: 14px;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding: 0 7px;
    width: 100%;
}

.newsletter .email_input:focus {

    border: 1px solid #e94e4c;
}

.newsletter .email_input.dark {
    background-color: #2d2d2d;
    color: #727272;
}

.newsletter .input_submit {
    background-color: #e94e4c;
    border: 1px solid #000;
    color: #FFF;
    cursor: pointer;
    float: right;
    height: 39px;
    padding: 0 20px;
}

.newsletter .input_submit:hover {
    background-color: #404040;
    border: 1px solid #000;
    color: #FFF;

}

.newsletter .email_input2 {
    background-color: #1a1a1a;
    border: 1px solid #434343;
    color: #999;
    margin-bottom: 14px;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding: 0 7px;
    width: 100%;
}

.newsletter .input_submit2 {
    background-color: #1a1a1a;
    border: 1px solid #000;
    color: #FFF;
    cursor: pointer;
    float: right;
    height: 39px;
    padding: 0 20px;
    transition: all 0.3s ease-out 0s;
}

.newsletter .input_submit2:hover {
    background-color: #498af3;
    border: 1px solid #000;
    color: #FFF;

}

.newsletter .email_input2.dark {
    background-color: #0c0c0c;
    border: 1px solid #1b1b1b;
    color: #292929;
}

.newsletter .input_submit2.red {
    background-color: #b9393f;
    border: 1px solid #b9393f;
    color: #FFF;
    transition: all 0.3s ease-out 0s;
}

.newsletter .input_submit2.red:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #b9393f;
}

/*============ 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: 0;
    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: 0;
    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: 0;
    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: 0;
    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 ============ */

.newsletter2 {
    width: 68%;
    margin: 0 auto 40px;
}

.email_input {
    background: #fff;
    border: 2px solid #4f5560;
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    line-height: 39px;
    padding: 0 15px;
    width: 71%;
    margin-bottom: 20px;
}

.email_submit {
    background-color: #12171f;
    border: 1px solid #12171f;
    color: #FFF;
    font-size: 18px;
    float: left;
    margin: 0 0 30px 10px;
    padding: 12px 30px 13px;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
}

.email_submit:hover {
    background-color: #ab263b;
    border: 1px solid #ab263b;
    color: #fff;
}

.email_submit.orange {
    background-color: #12171f;
    border: 1px solid #12171f;
}

.email_submit.orange:hover {
    background-color: #fd602c;
    border: 1px solid #fd602c;
    color: #fff;
}

.device {
    margin-top: -40px;
}

.newsletter3 {
    width: 100%;
    margin: 20px auto 40px;
}

.newsletter3 .email_input {
    background: #fff;
    border: 1px solid #999;
    color: #999;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 36px;
    line-height: 30px;
    padding: 0 15px;
    width: 71%;
    margin-bottom: 20px;
}

.newsletter3 .email_submit {
    background-color: #454545;
    border: 1px solid #454545;
    color: #FFF;
    font-size: 16px;
    float: left;
    margin: 0 0 30px 10px;
    padding: 6px 30px 6px;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
}

.newsletter3 .email_submit:hover {
    background-color: #999;
    border: 1px solid #999;
    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.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.green {
    background: #27b399 url(../images/scroll-top-arrow2.png) no-repeat 25px 12px;
    width: 70px;
    height: 40px;
    bottom: 0;
    right: 10%;
}

.scrollup.green:hover {
    background: #303c39 url(../images/scroll-top-arrow2.png) no-repeat 25px 12px;
}

.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: 360px;
    border: 1px solid #e4e4e4;
}

.map p {
    margin: 10px;
    color: #333;
}

.map2 {
    width: 100%;
    height: 240px;
    border: 1px solid #2b3341;
    padding: 5px;
    background: #12161d !important;
}