/*
Template: Rise
Author: codedesigner
Version: 1.0
Design and Developed by: codedesigner
*/


/*============ Social Icon Styles ============ */

.social-icons-2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

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

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

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

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


/* Social Icon Style 2
 ------------------------------ */

.socialicon-style2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.socialicon-style2 li {
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
}

.socialicon-style2 li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #161616;
    line-height: 39px;
    float: left;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}

.socialicon-style2 li a:hover {
    color: #fff;
    background-color: #161616;
}


/* Social Icon Style 3
 ------------------------------ */

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

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

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

.social-icons-3 li a:hover,
.social-icons-3 li a.active {
    color: #fff;
    background-color: #2fbf7f;
}


/* Social Icon Style 4
 ------------------------------ */

.socialicon-style4 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.socialicon-style4 li {
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
}

.socialicon-style4 li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #161616;
    line-height: 39px;
    float: left;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}

.socialicon-style4 li a:hover {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}


/* Social Icon Style 5
 ------------------------------ */

.socialicon-style5 {
    padding: 0px;
    margin: 0px;
    float: left;
}

.socialicon-style5 li {
    padding: 0px;
    margin-right: 5px;
    float: left;
    display: inline;
}

.socialicon-style5 li a {
    width: 45px;
    height: 45px;
    padding: 0px;
    float: left;
    color: #fff;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 43px;
    display: inline;
    text-align: center;
    background-color: #06d0d8;
}

.socialicon-style5 li a i {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.socialicon-style5 li a.twitter {
    background-color: #46c0ff;
}

.socialicon-style5 li a.twitter:hover {
    background-color: #272727;
}

.socialicon-style5 li a.facebook {
    background-color: #2e68be;
}

.socialicon-style5 li a.facebook:hover {
    background-color: #272727;
}

.socialicon-style5 li a.googleplus {
    background-color: #e74a35;
}

.socialicon-style5 li a.googleplus:hover {
    background-color: #272727;
}

.socialicon-style5 li a.in {
    background-color: #097fc3;
}

.socialicon-style5 li a.in:hover {
    background-color: #272727;
}

.socialicon-style5 li a.dribble {
    background-color: #f44193;
}

.socialicon-style5 li a.dribble:hover {
    background-color: #272727;
}


/* Social Icon Style 6
 ------------------------------ */

.socialicon-style6 {
    padding: 0px;
    margin: 0px;
    float: left;
}

.socialicon-style6 li {
    padding: 0px;
    margin-right: 5px;
    float: left;
    display: inline;
}

.socialicon-style6 li a {
    width: 45px;
    height: 45px;
    padding: 0px;
    margin: 0 0 5px 0;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 43px;
    display: inline;
    text-align: center;
    border-radius: 100%;
    background-color: #06d0d8;
}

.socialicon-style6 li a i {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}

.socialicon-style6 li a.twitter {
    background-color: #46c0ff;
}

.socialicon-style6 li a.twitter:hover {
    background-color: #272727;
}

.socialicon-style6 li a.facebook {
    background-color: #2e68be;
}

.socialicon-style6 li a.facebook:hover {
    background-color: #272727;
}

.socialicon-style6 li a.googleplus {
    background-color: #e74a35;
}

.socialicon-style6 li a.googleplus:hover {
    background-color: #272727;
}

.socialicon-style6 li a.in {
    background-color: #097fc3;
}

.socialicon-style6 li a.in:hover {
    background-color: #272727;
}

.socialicon-style6 li a.dribble {
    background-color: #f44193;
}

.socialicon-style6 li a.dribble:hover {
    background-color: #272727;
}


/* Social Icon Style 6
 ------------------------------ */

.social-icons-7 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

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

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

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

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


/*===============================================
-------------------------------------------------
	social icons
-------------------------------------------------
================================================*/


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

.social-icons-list {
    width: 100%;
    margin: 0;
    padding: 0;
}

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

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


/* social icon sizes
 ------------------------------ */

.social-icons-list.icon-round li a {
    border-radius: 100%;
}


/* social icon sizes
 ------------------------------ */

.social-icons-list.icon-large li a {
    font-size: 40px;
    width: 100px;
    height: 100px;
    line-height: 94px;
}

.social-icons-list.icon-medium li a {
    font-size: 25px;
    width: 80px;
    height: 80px;
    line-height: 84px;
}

.social-icons-list.icon-small li a {
    font-size: 18px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.social-icons-list.icon-tiny li a {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.social-icons-list.icon-xtiny li a {
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 27px;
}


/* social icon colors
 ------------------------------ */

.social-icons-list.dark li a {
    color: #fff;
    background-color: #242424;
}

.social-icons-list.dark li a:hover {
    color: #fff;
    background-color: #3e3e3e;
}


/* social icons light
 ------------------------------ */

.social-icons-list.light li a {
    color: #242424;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.social-icons-list.light li a:hover {
    color: #fff;
    background-color: #242424;
    border: 1px solid #242424;
}


/* social icon red
 ------------------------------ */

.social-icons-list.red li a {
    color: #fff;
    background-color: #f83712;
}

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


/* social icon blue
 ------------------------------ */

.social-icons-list.blue li a {
    color: #fff;
    background-color: #15cbff;
}

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


/* social icon green
 ------------------------------ */

.social-icons-list.green li a {
    color: #fff;
    background-color: #34c23e;
}

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


/* social icon yellow
 ------------------------------ */

.social-icons-list.yellow li a {
    color: #fff;
    background-color: #fedf0e;
}

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


/* social icon pink
 ------------------------------ */

.social-icons-list.pink li a {
    color: #fff;
    background-color: #f83dab;
}

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


/* social icon violet
 ------------------------------ */

.social-icons-list.violet li a {
    color: #fff;
    background-color: #ce3df8;
}

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


/* =========== image hovers============= */


/*team
 ------------------------------ */

.img-hover-holder-2 {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.img-hover-2 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    top: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.img-hover-2 .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.5);
}

.img-hover-2 .text-box .icon-1 {
    position: absolute;
    width: 50px;
    height: 50px;
    float: left;
    top: -53px;
    left: 60px;
    padding: 0px;
    margin: 0px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin-right: 20px;
    background-color: #2fbf7f;
    border-radius: 100%;
}

.img-hover-2 .text-box .icon-1.two {
    left: 119px;
    top: -53px;
}

.img-hover-2 .text-box .icon-1:hover,
.img-hover-2 .text-box .icon-2:hover {
    color: #242424;
    background-color: #fff;
}

.img-hover-holder-2:hover .text-box {
    opacity: 1;
}

.img-hover-holder-2:hover .text-box .icon-1 {
    top: 80px;
}

.img-hover-holder-2:hover .text-box .icon-1.two {
    top: 80px;
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}


/*image hover style 3
 ------------------------------ */

.img-hover-holder-3 {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.img-hover-3 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.img-hover-3 .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    z-index: 1;
    left: -251px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.7);
}

.img-hover-3:hover .text-box {
    left: 0;
}


/*image hover style 4
 ------------------------------ */

.img-hover-holder-4 {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e4e4e4;
}

.img-hover-4 {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    z-index: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    overflow: hidden;
}

.img-hover-4 .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px 20px 20px 20px;
    margin: 0px;
    float: left;
    z-index: 1;
    top: 154px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: rgba(0, 0, 0, 0.7);
}

.img-hover-4:hover .text-box {
    top: 0;
}


/*===============================================
-------------------------------------------------
	Button styles
-------------------------------------------------
================================================*/


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


/*Button style
 ------------------------------ */

.sh-btn {
    padding: 15px 35px;
    margin: 0px;
    display: inline-block;
    box-shadow: none;
    border-radius: 0;
}


/*Button border radius
 ------------------------------ */

.sh-btn.sh-btn-round {
    border-radius: 4px;
}

.sh-btn.sh-btn-xround-1 {
    border-radius: 10px;
}

.sh-btn.sh-btn-xround-2 {
    border-radius: 20px;
}

.sh-btn.sh-btn-xround-3 {
    border-radius: 30px;
}

.sh-btn.sh-btn-xround-4 {
    border-radius: 40px;
}

.sh-btn.sh-btn-xround-5 {
    border-radius: 50px;
}

.sh-btn.sh-btn-xround-6 {
    border-radius: 60px;
}

.sh-btn.sh-btn-xround-7 {
    border-radius: 70px;
}


/*Button sizes
 ------------------------------ */

.sh-btn.sh-btn-tiny {
    font-size: 12px;
    padding: 5px 10px;
}

.sh-btn.sh-btn-small {
    font-size: 14px;
    padding: 10px 20px;
}

.sh-btn.sh-btn-medium {
    font-size: 16px;
    padding: 15px 35px;
}

.sh-btn.sh-btn-large {
    font-size: 20px;
    padding: 18px 50px;
}

.sh-btn.margin {
    margin: 0 15px 15px 0;
}


/*Button Colors
 ------------------------------ */


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

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

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


/*Button white
 ------------------------------ */

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

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


/*Button orange
 ------------------------------ */

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

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


/*Button blue
 ------------------------------ */

.sh-btn.sh-btn-blue {
    color: #fff;
    background-color: #24bfff;
}

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


/*Button green
 ------------------------------ */

.sh-btn.sh-btn-green {
    color: #fff;
    background-color: #96cc37;
}

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


/*Button green2
 ------------------------------ */

.sh-btn.sh-btn-green2 {
    color: #fff;
    background-color: #2ecc71;
}

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


/*Button yellow
 ------------------------------ */

.sh-btn.sh-btn-yellow {
    color: #fff;
    background-color: #ffd904;
}

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


/*Button red
 ------------------------------ */

.sh-btn.sh-btn-red {
    color: #fff;
    background-color: #ff3f04;
}

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


/*Button pink
 ------------------------------ */

.sh-btn.sh-btn-pink {
    color: #fff;
    background-color: #ff3e94;
}

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


/*Button Borders
 ------------------------------ */


/* button borders
 ------------------------------ */

.sh-btn.sh-btn-border {
    color: #242424;
    border: 2px solid;
}


/* button border white
 ------------------------------ */

.sh-btn.sh-btn-border.white {
    color: #fff;
    border-color: #fff;
}

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


/* button border dark
 ------------------------------ */

.sh-btn.sh-btn-border.dark {
    color: #242424;
    border-color: #242424;
}

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


/* button border red
 ------------------------------ */

.sh-btn.sh-btn-border.red {
    color: #fd4912;
    border-color: #fd4912;
}

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


/* button border orange
 ------------------------------ */

.sh-btn.sh-btn-border.orange {
    color: #ff9804;
    border-color: #ff9804;
}

.sh-btn.sh-btn-border:hover.orange {
    color: #fff;
    background-color: #ff9804;
    border-color: #ff9804;
}


/* button border yellow
 ------------------------------ */

.sh-btn.sh-btn-border.yellow {
    color: #ffcd04;
    border-color: #ffcd04;
}

.sh-btn.sh-btn-border:hover.yellow {
    color: #fff;
    background-color: #ffcd04;
    border-color: #ffcd04;
}


/* button border green
 ------------------------------ */

.sh-btn.sh-btn-border.green {
    color: #92ca19;
    border-color: #92ca19;
}

.sh-btn.sh-btn-border:hover.green {
    color: #fff;
    background-color: #92ca19;
    border-color: #92ca19;
}


/* button border blue
 ------------------------------ */

.sh-btn.sh-btn-border.blue {
    color: #09aeec;
    border-color: #09aeec;
}

.sh-btn.sh-btn-border:hover.blue {
    color: #fff;
    background-color: #09aeec;
    border-color: #09aeec;
}

.button.nine {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    background: #2ecc71;
    padding: 10px 25px;
    border-radius: 20px;
    white-space: nowrap;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button.nine:hover {
    color: #fff;
    background: #181818;
}


/*===============================================
-------------------------------------------------
	Call to action
-------------------------------------------------
================================================*/


/* =========== call to action ============= */


/*call to action
 ------------------------------ */

.call-to-action {
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    float: left;
    margin: 0 0 15px;
    padding: 25px;
    width: 100%;
}


/* 5 Components
----------------------------------------------------------------------------- */


/* Buttons
---------------------------------- */


/*Buttons Color Variations*/

.btn:focus {
    color: inherit;
}

.btn {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/*Default Button*/

.btn-default {
    color: #ffffff;
    background-color: #2ecc71;
    border-color: #2ecc71;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #2ecc71;
    border-color: #2ecc71;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
    background-color: #2ecc71;
    border-color: #2ecc71;
}

.btn-default-transparent {
    color: #777777;
    background-color: transparent;
    border-color: #2ecc71;
}

.btn-default-transparent:hover,
.btn-default-transparent:focus,
.btn-default-transparent.focus,
.btn-default-transparent:active,
.btn-default-transparent.active,
.open > .dropdown-toggle.btn-default-transparent {
    color: #ffffff;
    background-color: #2ecc71;
    border-color: #2ecc71;
}

.dark-bg .btn-default-transparent {
    color: #ffffff;
}

.default-bg .btn-default,
.default-translucent-bg .btn-default,
.default-bg .btn-default-transparent,
.default-translucent-bg .btn-default-transparent {
    color: #2ecc71;
    background-color: #ffffff;
    border-color: #ffffff;
}

.default-bg .btn-default:hover,
.default-translucent-bg .btn-default:hover,
.default-bg .btn-default:focus,
.default-translucent-bg .btn-default:focus,
.default-bg .btn-default.focus,
.default-translucent-bg .btn-default.focus,
.default-bg .btn-default:active,
.default-translucent-bg .btn-default:active,
.default-bg .btn-default.active,
.default-translucent-bg .btn-default.active,
.default-bg .open > .dropdown-toggle.btn-default,
.default-translucent-bg .open > .dropdown-toggle.btn-default,
.default-bg .btn-default-transparent:hover,
.default-translucent-bg .btn-default-transparent:hover,
.default-bg .btn-default-transparent:focus,
.default-translucent-bg .btn-default-transparent:focus,
.default-bg .btn-default-transparent.focus,
.default-translucent-bg .btn-default-transparent.focus,
.default-bg .btn-default-transparent:active,
.default-translucent-bg .btn-default-transparent:active,
.default-bg .btn-default-transparent.active,
.default-translucent-bg .btn-default-transparent.active,
.default-bg .open > .dropdown-toggle.btn-default-transparent,
.default-translucent-bg .open > .dropdown-toggle.btn-default-transparent {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}

.dark .btn-default {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.1);
}

.dark .btn-default .badge {
    color: rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

.dark .btn-default:hover,
.dark .btn-default:focus,
.dark .btn-default.focus,
.dark .btn-default:active,
.dark .btn-default.active,
.dark .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.35);
    border-color: rgba(0, 0, 0, 0.2);
}

.colored .btn-default {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.01);
}

.colored .btn-default .badge {
    color: rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

.colored .btn-default:hover,
.colored .btn-default:focus,
.colored .btn-default.focus,
.colored .btn-default:active,
.colored .btn-default.active,
.colored .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.02);
}

.default-hovered:hover .btn-default-transparent {
    border-color: #ffffff;
}


/*White Button*/

.btn-white {
    color: #777777;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
    color: #2ecc71;
    background-color: #ffffff;
    border-color: #ffffff;
}


/*Gray Button*/

.btn-gray {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #d3d3d3;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    color: #333333;
    background-color: #cdcdcd;
    border-color: #cdcdcd;
}

.btn-gray-transparent {
    color: #333333;
    background-color: transparent;
    border-color: #777777;
}

.btn-gray-transparent:hover,
.btn-gray-transparent:focus,
.btn-gray-transparent.focus,
.btn-gray-transparent:active,
.btn-gray-transparent.active,
.open > .dropdown-toggle.btn-gray-transparent {
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
}

.dark-bg .btn-gray-transparent {
    color: #ffffff;
}

.dark-bg .btn-gray-transparent:hover {
    border-color: #ffffff;
    color: #777777;
    background-color: #ffffff;
}

.dark-translucent-bg .btn-gray-transparent,
.default-translucent-bg .btn-gray-transparent,
.default-bg .btn-gray-transparent {
    border-color: #ffffff;
    color: #ffffff;
}

.dark-translucent-bg .btn-gray-transparent:hover,
.default-translucent-bg .btn-gray-transparent:hover,
.default-bg .btn-gray-transparent:hover,
.dark-translucent-bg .btn-gray-transparent:focus,
.default-translucent-bg .btn-gray-transparent:focus,
.default-bg .btn-gray-transparent:focus {
    border-color: #ffffff;
    color: #777777;
    background-color: #ffffff;
}

.default-hovered:hover .btn-gray-transparent {
    border-color: #ffffff;
}

.light-gray-bg.default-hovered:hover .btn-gray-transparent:hover {
    border-color: #333333;
}


/* Alerts
---------------------------------- */

.alert {
    margin: 25px 0;
    border-radius: 5px;
    border: none;
}

.alert-success {
    color: #2a5f2b;
    background-color: #bcdab0;
}

.alert-info {
    color: #1a4e68;
    background-color: #c6e8fa;
}

.alert-warning {
    color: #72582b;
    background-color: #f7f0ce;
}

.alert-icon {
    padding-left: 70px;
    position: relative;
}

.alert-icon i {
    position: absolute;
    font-size: 28px;
    left: 21px;
    top: 13px;
    width: 30px;
    text-align: center;
}

.close {
    font-size: 28px;
    font-weight: normal;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

[data-notify="container"] {
    max-width: 400px;
}

[data-notify="progressbar"] {
    display: none;
}


/*Image box
---------------------------------- */

.owl-item .image-box {
    margin-bottom: 20px;
}

.image-box .body {
    padding: 15px;
}

.image-box .body h3 {
    margin-top: 0;
}

.image-box .body p:last-child {
    margin-bottom: 0;
}

.image-box.style-4 {
    border: none;
}

.image-box.style-3-b {
    display: block;
    margin-bottom: 40px;
}

.image-box.style-3-b .body {
    padding: 10px 0;
}


/* Medium devices (tablets, laptops, smartphones 768px and up) */

@media (min-width: 768px) {
    .image-box.style-3-b .body {
        padding: 0;
    }
}


/* Medium devices (desktops, tablets less than 991px) */

@media (max-width: 991px) {
    .image-box.style-4 {
        margin-bottom: 30px;
    }
}


/*Images and Overlays
---------------------------------- */

.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

.overlay-bottom,
.overlay-top {
    position: absolute;
    top: auto;
    padding: 15px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    height: 0;
    color: #ffffff;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.overlay-bottom.links,
.overlay-to-top.links {
    z-index: 11;
}

.overlay-to-top {
    position: absolute;
    top: auto;
    padding: 10px;
    bottom: -30px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    color: #ffffff;
}

.overlay-top {
    top: 0;
}

.overlay-visible .overlay-bottom,
.overlay-visible .overlay-top {
    opacity: 1;
    filter: alpha(opacity=100);
    height: auto !important;
    padding-bottom: 20px;
}

.overlay-visible.overlay-container:hover .overlay-bottom:not(.links),
.overlay-visible.overlay-container:hover .overlay-top {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.overlay-top a,
.overlay-bottom a,
.overlay-to-top a {
    color: #ffffff;
}

.overlay-container .text {
    padding: 0 20px;
    position: relative;
}

.overlay-container .text h3,
.overlay-container .text h3 .small {
    margin-top: 0;
    color: #ffffff;
}

.overlay-container .text a:hover {
    color: #ffffff;
}

.overlay-bottom .btn,
.overlay-top .btn {
    color: #ffffff;
    border-color: #ffffff;
    margin: 0;
}

.overlay-bottom .btn:hover,
.overlay-top .btn:hover {
    color: #777777;
    background-color: #ffffff;
}

.overlay-container:hover .overlay-top,
.overlay-container:hover .overlay-bottom,
.image-box.style-2:hover .overlay-top,
.image-box.style-2:hover .overlay-bottom {
    height: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.overlay-container:hover .overlay-to-top,
.image-box:hover .overlay-to-top {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.overlay-link {
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 15px;
    bottom: 0px;
    left: 0;
    right: 0px;
    background-color: rgba(30, 30, 30, 0.5);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    color: #ffffff;
}

.overlay-link i {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 80px;
    height: 80px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 32px;
    line-height: 80px;
}

.overlay-link i:hover {
    background-color: #ffffff;
    color: #777777;
}

.overlay-link.small i {
    width: 25px;
    height: 25px;
    margin: -12.5px 0 0 -12.5px;
    font-size: 14px;
    line-height: 25px;
}

.overlay-container:hover .overlay-link {
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}


/* Large devices (Large desktops 1200px and up) */

@media (min-width: 1200px) {
    .overlay-container .text {
        top: 30%;
    }
}


/* Extra small devices (phones, less than 480px) */

@media (max-width: 480px) {
    .overlay-container .text {
        top: 30%;
    }
    .overlay-container .text p:not(.mobile-visible) {
        display: none;
    }
}


/* Large and Medium devices (desktops, tablets less than 1199px) */

@media (min-width: 480px) and (max-width: 1199px) {
    .overlay-container:not(.overlay-visible) .overlay-top ~ .overlay-bottom {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .owl-item .overlay-container:hover .overlay-top {
        height: 71%;
    }
    .owl-item .overlay-container:hover .overlay-bottom {
        height: 29%;
    }
}


/*--------------------------------------------------
  Registration and Login Page 
----------------------------------------------------*/


/* Form block */

.form-block {
    padding: 70px 100px;
    background: #fff;
}


/* Form Header */

.form-block h2 {
    text-transform: uppercase;
}


/* Input fields */

.form-block .input-group input.form-control {
    background: transparent;
    border-left: none;
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
    border-color: rgba(214, 214, 214, .5);
    border-left: none;
    color: #969595;
}

.form-block .list-unstyled {
    margin: 0 -5px;
    padding: 10px 0 13px;
}


/* Input fields icons */

.form-block .input-group-addon {
    min-width: 40px;
    background: transparent;
    border-color: rgba(214, 214, 214, .5);
    padding-right: 0;
}

.form-block .input-group-addon i {
    font-size: 16px;
    position: relative;
    top: 1px;
}

.form-block .form-control:focus {
    box-shadow: none;
    border-color: #999;
}


/* Buttons */

.form-block .btn-u,
.form-block .btn {
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
}


/* Social buttons */

.login-block .social-login {
    color: rgba(0, 0, 0, .5);
    padding-top: 60px;
    border-top: 1px solid #eee;
    position: relative;
}

.login-block .or {
    position: absolute;
    border: 1px solid #eee;
    width: 70px;
    height: 70px;
    top: -35px;
    left: 50%;
    margin-left: -35px;
    text-transform: uppercase;
    background: #fff;
    line-height: 70px;
    padding: 0 24px;
}

.login-block .btn {
    padding: 12px 20px;
    font-size: 13px;
}

.login-block .btn .fa {
    position: relative;
    top: 2px;
    font-size: 18px;
    margin-right: 10px;
}

.login-block .btn-facebook:focus {
    color: #4863ae;
}

.login-block .btn-twitter:focus {
    color: #46c0fb;
}


/* Registration form */

.reg-block .checkbox label {
    display: list-item;
    list-style: none;
}

@media (min-width: 992px) {
    .login-block,
    .reg-block {
        min-width: 400px;
    }
    .login-block .social-login:before,
    .login-block .social-login:after {
        position: absolute;
        top: -2px;
        height: 2px;
        background: #fff;
        width: 110px;
        content: "";
    }
    .login-block .social-login:before {
        left: 0;
    }
    .login-block .social-login:after {
        right: 0;
    }
}

@media (max-width: 1138px) {
    .form-block {
        padding-right: 85px;
        padding-left: 85px;
    }
    .login-block .social-login,
    .login-block .bottom {
        text-align: center;
    }
    .social-login ul li:first-child,
    .bottom ul li:first-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .form-block {
        padding: 70px 40px;
    }
}

@media (max-width: 767px) {
    body {
        margin-bottom: 0;
    }
    .sticky-footer {
        position: static;
    }
}

@media (max-width: 418px) {
    .login-block .checkbox {
        margin-bottom: 30px;
    }
    .login-block .checkbox ul li:first-child {
        margin-bottom: 10px;
    }
    .login-block .checkbox ul li:last-child {
        float: none !important;
    }
}

#topcontrol:hover {
    background: #e74c3c;
}


/*page 404 
------------------------------------*/

.error {
    text-align: center;
    padding: 60px 0;
}

.error h1 {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 300;
    color: #fff;
    margin: 50px 0 30px;
}

.error img.error-img {
    width: 410px;
    height: auto;
    margin: 0 auto 50px;
}


/*For Mobile Devices*/

@media (max-width: 500px) {
    .error img.error-img {
        width: 290px;
    }
}

.error form {
    max-width: 420px;
    margin: 0 auto;
}

.error input.form-control {
    max-width: 280px;
    height: 45px;
    padding-left: 40px;
    margin-right: 15px;
}

.error span.input-group-btn .btn-u {
    width: 126px;
    height: 45px;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #2ecc71;
    border-color: #2ecc71;
    color: #fff;
}

.error .input-group {
    position: relative;
}

.error .input-group:before {
    content: "\f002";
    position: absolute;
    font-family: FontAwesome;
    top: 10px;
    left: 15px;
    z-index: 10;
    color: #74c52c;
    font-size: 16px;
}

.comingsoon-section {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url("http://www.codedesigner.in/rise/images/parallax-bg11.jpg");
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}

.parallax-sectiondemo1 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px 0px 100px 0px;
    text-align: center;
    background: url("../images/parallax/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;
}

.parallax2-sectiondemo1 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px 0px 100px 0px;
    text-align: center;
    background: url("../images/parallax/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-sectiondemo8 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px 0px 100px 0px;
    text-align: center;
    background: url("../images/parallax3.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    z-index: 1;
}


/*Count down
 ------------------------------ */

.countdown_holder {
    width: 60%;
    padding: 0px;
    text-align: center;
    margin: 0 auto;
}

.countdown_holder.two {
    width: 60%;
    padding: 0 0 45px 0;
    text-align: center;
    margin: 0 auto;
}

.countdown_holder.two a {
    margin-right: 15px;
}

.countdown_holder2 {
    width: 100%;
    padding: 0px;
    text-align: left;
    margin: 0 auto;
}

div#clock {
    color: white;
    margin: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 0 0 90px;
    text-align: center;
}

div#clock p {
    border: 1px solid #fff;
    float: left;
    padding: 20px 20px;
    margin-right: 10px;
}

div#clock p b {
    font-weight: normal;
    text-transform: uppercase;
}

div#clock p span {
    display: block;
    font-size: 50px;
    font-weight: bold;
    padding: 5px 0 20px 0;
}

div#clock div.space {
    color: #ccc;
    display: block;
    line-height: 1.7em;
    font-size: 50px;
    float: left;
    height: 88px;
    width: 30px;
}


/*styles two*/

.larg-socials {
    display: table;
    margin: 30px auto 0;
}

.larg-socials li {
    float: left;
    margin: 0 15px
}

.larg-socials li a {
    width: 66px;
    height: 66px;
    display: block;
    line-height: 66px;
    border: 2px #0eb477 solid;
    border-radius: 50%;
    position: relative;
    padding: 2px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.larg-socials li a i {
    width: 58px;
    height: 58px;
    display: block;
    line-height: 58px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.larg-socials li a:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #0eb477 solid 1px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 50%;
}

.larg-socials li a:after {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #0eb477 solid 1px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 50%;
}


/*styles three*/

.larg-socials3 {
    display: table;
    margin: 30px auto 0;
}

.larg-socials3 li {
    float: left;
    margin: 0 15px
}

.larg-socials3 li a {
    width: 66px;
    height: 66px;
    display: block;
    line-height: 66px;
    border: 2px #ee2323 solid;
    border-radius: 50%;
    position: relative;
    padding: 2px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.larg-socials3 li a i {
    width: 58px;
    height: 58px;
    display: block;
    line-height: 58px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.larg-socials3 li a:before {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #ee2323 solid 1px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 50%;
}

.larg-socials3 li a:after {
    pointer-events: none;
    content: '';
    position: absolute;
    border: #ee2323 solid 1px;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
    opacity: 0;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
    border-radius: 50%;
}


/******************pricing tables***********************/


/**pricing simple **/

.pricing-simple {
    border: 1px solid #D0D6DF;
    margin-bottom: 30px;
}

.pricing-simple h4 {
    border-bottom: 1px solid #D0D6DF;
    margin: 0px;
    color: #666;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
}

.pricing-simple h3 {
    margin: 0px;
    padding: 30px 20px;
    border-bottom: 1px solid #D0D6DF;
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    background-color: #f4f4f4;
}

.pricing-simple h3 sup,
.pricing-simple h3 sub {
    font-size: 14px;
    color: #2ecc71;
    font-weight: 400;
}

.pricing-simple h3 sup {
    vertical-align: top;
    left: 10px;
}

.pricing-simple h3 sub {
    vertical-align: bottom;
}

.pricing-simple ul {
    padding-top: 30px;
}

.pricing-simple ul li {
    padding: 6px 20px;
    border-bottom: 1px solid #f5f5f5;
    color: #727272;
    font-weight: 500;
}

.pricing-simple ul li:last-child {
    border-bottom: 0px;
}

.pricing-simple ul li i {
    color: #2ecc71;
    margin-right: 10px;
}

.pricing-simple .bottom {
    padding: 20px 10px;
    text-align: center;
}

.pricing-simple p {
    color: #727272;
    padding: 15px 20px;
    text-align: center;
    padding-bottom: 0px;
    font-weight: 500;
}

.pricing-simple .circle {
    width: 150px;
    height: 150px;
    padding: 0px 0 0;
    margin: 30px auto;
    margin-bottom: 0px;
    display: table;
    -ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    border: 5px solid #fff;
    border-radius: 50%;
    background-color: #f4f4f4;
}

.pricing-simple .circle .price {
    text-align: center;
    font-size: 32px;
    display: table-cell;
    vertical-align: middle;
    color: #272727;
}

.pricing-simple .circle .price sub,
.pricing-simple .circle .price sup {
    font-size: 14px;
    color: #fb6521;
}

.pricing-simple .circle .price sup {
    vertical-align: top;
}

.pricing-simple .circle .price sub {
    vertical-align: bottom;
}

.popular {
    position: relative;
    overflow: hidden;
}

.popular .ribbon {
    position: absolute;
    left: -55px;
    bottom: 5px;
    font-size: 11px;
    text-align: center;
    width: 150px;
    color: #fff;
    text-transform: capitalize;
    padding: 1px 12px;
    display: block;
    -ms-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    background-color: #fb6521;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.no-space-pricing {
    margin: 0px;
}

.grid {
    padding: 20px 20px;
    border: dashed 2px transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.grid:hover,
.grid.active {
    border: dashed 2px #e2e2e2;
    padding: 20px 20px;
}

.grid-boxed {
    border: 2px solid transparent;
    padding: 20px;
}

.grid-boxed:hover,
.grid-boxed.active {
    border: 2px dashed #e2e2e2;
}

.border {
    border-color: #fff;
}


/*============ icon-box-1 ============ */

.service-box-1 {
    position: relative;
    border: solid 1px #f3f3f3;
}

.box-top {
    z-index: 2;
    overflow: hidden;
    padding: 50px 0;
    text-align: center
}

.box-top i.fa {
    display: table;
    margin: 0 auto 30px;
    font-size: 38px;
    width: 103px;
    height: 103px;
    line-height: 95px;
    text-align: center;
    border-radius: 50%;
    border: 3px #fff solid;
    box-shadow: inset 0 0 13px rgba(0, 0, 0, .4);
}

.box-top h3 {
    margin: 0 0 10px;
    padding: 0 15px 10px;
    text-align: center;
    font-size: 23px;
    color: #777;
    font-weight: 800;
    text-transform: uppercase
}

.box-top h3 span {
    text-transform: none;
    font-size: 19px;
    font-weight: 100;
    display: block;
    margin-bottom: -15px
}

.box-top .more-btn {
    display: table;
    margin: 30px auto 0;
    background: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 11px
}

.box-top p {
    padding: 0 15px;
}

.box-top p a {
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
}

.service-box-1:hover i.fa {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-color: #2ecc71;
    color: #fff;
}

.service-box-1:hover h3 {
    color: #272727;
}

.portfolio-item:hover:after {
    height: 3px;
    border-top: 0px;
}


/*============ icon-box-2 ============ */

.icon-box-2 {
    width: 100%;
    padding: 30px;
    float: left;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border: solid 1px #f3f3f3;
}

.icon-box-2 span {
    font-size: 32px;
    color: #242424;
}

.icon-box-2:hover .btn,
.icon-box-2.active .btn {
    color: #fff;
}

.icon-box-2:hover,
.icon-box-2.active {
    color: #fff;
    background-color: #2ecc71;
}

.icon-box-2:hover span,
.icon-box-2:hover h4,
.icon-box-2.active span,
.icon-box-2.active h4 {
    color: #fff;
}

.icon-box-2:hover h4,
.icon-box-2.active h4 {
    color: #fff;
}


/*------------------------------------*/


/*         contact form             */


/*------------------------------------*/

.cforms label {
    float: left;
    width: 100%;
    color: #454545;
    font-weight: normal;
    text-align: left;
}

.cforms label em {
    color: #2ecc71;
    font-size: 12px;
    font-style: normal;
}

.cforms input {
    color: #454545;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #f9f9f9;
    box-shadow: inset 0px 1px 2px 0px rgba(238, 238, 238, 1);
}

.cforms textarea {
    color: #454545;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #f9f9f9;
    box-shadow: inset 0px 1px 2px 0px rgba(238, 238, 238, 1);
}

.cforms .button {
    float: left;
    margin-top: 10px;
    color: #fff;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    background: #fb6521;
    border: 1px solid #fb6521;
    border-radius: 3px;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cforms .button:hover {
    background: #454545;
    border: 1px solid #393939;
}

.address_info {
    float: left;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 20px 0px;
    width: 99%;
    margin-bottom: 40px;
}

.service-box-1 {
    position: relative;
    border: solid 1px #f3f3f3;
}

.box-top {
    z-index: 2;
    overflow: hidden;
    padding: 50px 0;
    text-align: center
}

.box-top i.fa {
    display: table;
    margin: 0 auto 30px;
    font-size: 38px;
    width: 103px;
    height: 103px;
    line-height: 95px;
    text-align: center;
    border-radius: 50%;
    border: 3px #fff solid;
    box-shadow: inset 0 0 13px rgba(0, 0, 0, .4);
}

.box-top h3 {
    margin: 0 0 10px;
    padding: 0 15px 10px;
    text-align: center;
    font-size: 23px;
    color: #777;
    font-weight: 800;
    text-transform: uppercase
}

.box-top h3 span {
    text-transform: none;
    font-size: 19px;
    font-weight: 100;
    display: block;
    margin-bottom: -15px
}

.box-top .more-btn {
    display: table;
    margin: 30px auto 0;
    background: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 11px
}

.box-top p {
    padding: 0 15px;
}

.box-top p a {
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
}

.service-box-1:hover i.fa {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-color: #2ecc71;
    color: #fff;
}

.service-box-1:hover h3 {
    color: #272727;
}

.portfolio-item:hover:after {
    height: 3px;
    border-top: 0px;
}


/*============ google maps ============ */

.google-map {
    width: 99%;
    height: 350px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.google-map2 {
    width: 100%;
    height: 450px;
}

.google-map3 {
    width: 100%;
    height: 300px;
    border: 10px solid #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}


/*============ login form  ============ */

.logregform {
    float: left;
    width: 35%;
    margin-left: 32.5%;
    background: #fff;
    border: 1px solid #f9f9f9;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}

.logregform.two {
    float: left;
    width: 50%;
    margin-left: 25%;
}

.logregform .title {
    float: left;
    width: 100%;
    background: #f3f3f3;
    text-align: center;
    padding: 23px 0px 21px 0px;
}

.logregform .title h3 {
    margin-bottom: 3px;
    font-weight: 700;
    text-transform: uppercase;
}

.logregform .title p {
    font-size: 12px;
}

.logregform .feildcont {
    float: left;
    width: 100%;
    padding: 30px 30px 40px 30px;
    text-align: left;
}

.logregform .feildcont label {
    float: left;
    width: 100%;
    font-weight: normal;
    color: #727272;
}

.logregform .feildcont label em {
    color: #2ecc71;
    font-style: normal;
}

.logregform .feildcont input {
    float: left;
    width: 100%;
    padding: 7px 12px;
    border: 1px solid #e3e3e3;
    margin-bottom: 12px;
}

.logregform.two .feildcont input {
    margin-bottom: 18px;
}

.logregform .feildcont .checkbox {
    float: left;
    width: 100%;
}

.logregform .feildcont .checkbox label {
    float: left;
    width: auto;
    font-size: 13px;
}

.logregform .feildcont .checkbox label strong {
    font-weight: 600;
}

.logregform .feildcont .checkbox label a {
    margin-left: 10px;
}

.logregform .feildcont .fbut {
    float: left;
    background: #2ecc71;
    padding: 13px 23px;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 18px;
}

.logregform .feildcont .fbut:hover {
    background: #393939;
}

.logregform .feildcont .radiobut input {
    float: left;
    width: auto;
}

.logregform .feildcont .radiobut .onelb {
    float: left;
    color: #aaa;
    margin: 0px 12px 0px 5px;
}

.logregform .feildcont select {
    float: left;
    width: 100%;
    border: 1px solid #e3e3e3;
    padding: 9px 5px 10px 5px;
    color: #999;
    text-align: left;
}


/* side navigation category links
 ------------------------------ */

.category-links {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

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

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

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


/* sidebar works list
 ------------------------------ */

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

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

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


/* =========== Sidebar elements ============= */

.sidebar-posts {
    width: 100%;
    padding: 0px;
    margin: 0 0 25px 0;
    float: left;
}

.sidebar-posts .post-info {
    font-size: 12px;
    color: #cecece;
}

.blog1-post-info {
    font-size: 12px;
    color: #cecece;
}

.sidebar-posts:hover h6,
.sidebar-posts.active h6 {
    color: #ccc;
}


/*tags-sidebar
 ------------------------------ */

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

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

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

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


/* sidebar input search
 ------------------------------ */

.sidebar-serch_input {
    border: 1px solid #d9d9d9;
    border-width: 1px 0 1px 1px;
    color: #161616;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 40px;
    line-height: 39px;
    padding: 0 7px;
    width: 70%;
}

.sidebar-serch_input.dark {
    color: #ccc;
    border: 1px solid #444444;
    background-color: #444444;
}

.sidebar-serch-submit {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    float: left;
    height: 40px;
    margin: 0;
    padding: 5px 10px;
}

.sidebar-serch-submit.dark {
    color: #ccc;
    border: 1px solid #161616;
    background-color: #161616;
}


/*============ counters ============ */

.counters1 {
    float: left;
    width: 100%;
    padding: 0px;
    text-align: center;
    font-size: 42px;
    color: #fff;
    font-weight: 600;
}

.counters1 i {
    color: #59abe3;
    font-size: 30px;
    display: block;
    margin-bottom: 35px;
}

.counters1 h4 {
    display: block;
    font-size: 16px;
    color: #727272;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 20px auto;
}

.counters1 h5 {
    display: block;
    font-size: 14px;
    color: #fff;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0 auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
}

.counters1.two i {
    color: #46d8bd;
}

.counters2 {
    float: left;
    width: 100%;
    padding: 0px;
    text-align: center;
    font-size: 42px;
    color: #242424;
    font-weight: 600;
}

.counters2 i {
    color: #242424;
    font-size: 30px;
    display: block;
    margin-bottom: 35px;
}

.counters2 h4 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0 auto;
}

.counters2 h5 {
    display: block;
    font-size: 14px;
    color: #727272;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0 auto;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

.counters2.two i {
    color: #46d8bd;
}

.counters3 {
    float: left;
    width: 100%;
    padding: 0px;
    text-align: center;
    font-size: 42px;
    color: #242424;
    font-weight: 600;
}

.counters3 i {
    color: #242424;
    font-size: 40px;
    display: block;
    margin-bottom: 35px;
}

.counters3 h4 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0 auto;
}

.counters3 h5 {
    display: block;
    font-size: 14px;
    color: #727272;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0 auto;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

.counters3.two i {
    color: #46d8bd;
}

.counters4 {
    float: left;
    width: 100%;
    padding: 0px;
    text-align: center;
    font-size: 42px;
    color: #242424;
    font-weight: 600;
}

.counters4 i {
    color: #242424;
    font-size: 40px;
    display: block;
    margin-bottom: 35px;
}

.counters4 h4 {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0 auto;
}

.counters4 h5 {
    display: block;
    font-size: 14px;
    color: #2ecc71;
    width: 50%;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin: 21px auto 0 auto;
    border-top: 4px solid #2ecc71;
    border-bottom: 4px solid #2ecc71;
    padding-bottom: 2px;
}

.counters4.two i {
    color: #46d8bd;
}


/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width: 992px) {
    .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent {
        border-color: #ffffff;
        color: #ffffff;
    }
    .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:hover,
    .two-col-translucent-bg .container > .row > div + div .btn-gray-transparent:focus {
        border-color: #ffffff;
        color: #777777;
        background-color: #ffffff;
    }
}


/*Dark Button*/

.btn-dark {
    color: #ffffff;
    background-color: #373737;
    border-color: #333333;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
    color: #ffffff;
    background-color: #111111;
    border-color: #111111;
}

.dark-bg .btn-dark {
    color: #ffffff;
    background-color: #222222;
    border-color: #171717;
}

.dark-bg .btn-dark:hover,
.dark-bg .btn-dark:focus,
.dark-bg .btn-dark.focus,
.dark-bg .btn-dark:active,
.dark-bg .btn-dark.active,
.dark-bg .open > .dropdown-toggle.btn-dark {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}


/*Buttons Sizes*/

.btn {
    padding: 7px 20px;
    font-size: 14px;
    line-height: 1.4666666667;
    border-radius: 3px;
    margin: 10px 0;
}

.btn-sm {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.4666666667;
    border-radius: 3px;
    margin: 5px 0;
}

.btn-lg {
    padding: 10px 25px;
    font-size: 18px;
    line-height: 1.4666666667;
    border-radius: 4px;
    margin: 10px 0;
}

.btn-xl {
    padding: 15px 50px;
    font-size: 22px;
    line-height: 1.4666666667;
    border-radius: 6px;
    margin: 10px 0;
}

.btn-md-link {
    padding: 7px 15px;
    font-size: 14px;
    line-height: 1.4666666667;
    border-radius: 0px;
    margin: 10px 0;
}

.btn-sm-link {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.4666666667;
    border-radius: 0px;
    margin: 5px 0;
}

.btn-lg-link {
    padding: 10px 15px;
    font-size: 18px;
    line-height: 1.4666666667;
    border-radius: 0px;
    margin: 10px 0;
}

.btn-remove {
    font-size: 10px;
    padding: 3px 15px;
    min-width: 0;
    margin: -5px 0 0 0;
}


/*Buttons with radius*/

.radius-50 {
    border-radius: 50px;
}


/*Animated Buttons*/

.btn-animated {
    position: relative;
    min-width: 0 !important;
    padding-right: 45px !important;
}

.btn-animated i {
    -webkit-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
    z-index: 3;
    right: 17px;
    position: absolute;
    line-height: 34px;
    top: 0;
    min-width: 12px;
}

.btn-animated:after {
    width: 35px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    content: "";
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    right: 0px;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-animated.radius-50:after {
    border-radius: 0 50px 50px 0;
}

.btn-animated.btn-gray-transparent:after {
    background-color: rgba(0, 0, 0, 0.05);
}

.btn-animated:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-animated:hover i {
    right: 11px;
}

.btn-animated.btn-sm {
    padding-right: 35px !important;
}

.btn-animated.btn-sm:after {
    width: 25px;
}

.btn-animated.btn-sm i {
    right: 14px;
    line-height: 28px;
    min-width: 11px;
}

.btn-animated.btn-sm:hover i {
    right: 7px;
}

.btn-animated.btn-lg {
    padding-right: 60px !important;
}

.btn-animated.btn-lg:after {
    width: 45px;
}

.btn-animated.btn-lg i {
    right: 25px;
    line-height: 48px;
    min-width: 15px;
}

.btn-animated.btn-lg:hover i {
    right: 15px;
}

.btn-animated.btn-xl {
    padding-right: 60px !important;
}

.btn-animated.btn-xl:after {
    width: 45px;
}

.btn-animated.btn-xl i {
    right: 25px;
    line-height: 64px;
    min-width: 15px;
    text-align: center;
}

.btn-animated.btn-xl:hover i {
    right: 13px;
}


/*Background Transition*/

.btn-hvr {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-hvr.radius-50 {
    overflow: hidden;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-left:hover,
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-top:hover,
.hvr-bounce-to-right:hover,
.hvr-bounce-to-left:hover,
.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-top:hover,
.hvr-radial-out:hover,
.hvr-rectangle-out:hover,
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-vertical:hover {
    background: transparent;
}

.hvr-radial-in,
.hvr-rectangle-in,
.hvr-shutter-in-horizontal,
.hvr-shutter-in-vertical {
    background: #2ecc71;
}

.hvr-radial-in:hover,
.hvr-rectangle-in:hover,
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-vertical:hover {
    background: #2ecc71;
}

.hvr-radial-in:before,
.hvr-rectangle-in:before,
.hvr-shutter-in-horizontal:before,
.hvr-shutter-in-vertical:before {
    background: #ffffff;
    border-radius: 3px;
}

.hvr-sweep-to-right:before,
.hvr-sweep-to-left:before,
.hvr-sweep-to-bottom:before,
.hvr-sweep-to-top:before,
.hvr-bounce-to-right:before,
.hvr-bounce-to-left:before,
.hvr-bounce-to-bottom:before,
.hvr-bounce-to-top:before,
.hvr-radial-out:before,
.hvr-rectangle-out:before,
.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-vertical:before {
    background: #2ecc71;
}


/*ie9*/

.no-csstransitions .hvr-radial-in,
.no-csstransitions .hvr-rectangle-in,
.no-csstransitions .hvr-shutter-in-horizontal,
.no-csstransitions .hvr-shutter-in-vertical {
    background: transparent;
}

.no-csstransitions .hvr-sweep-to-right:hover,
.no-csstransitions .hvr-sweep-to-left:hover,
.no-csstransitions .hvr-sweep-to-bottom:hover,
.no-csstransitions .hvr-sweep-to-top:hover,
.no-csstransitions .hvr-bounce-to-right:hover,
.no-csstransitions .hvr-bounce-to-left:hover,
.no-csstransitions .hvr-bounce-to-bottom:hover,
.no-csstransitions .hvr-bounce-to-top:hover,
.no-csstransitions .hvr-radial-out:hover,
.no-csstransitions .hvr-rectangle-out:hover,
.no-csstransitions .hvr-shutter-out-horizontal:hover,
.no-csstransitions .hvr-shutter-out-vertical:hover,
.no-csstransitions .hvr-radial-in:hover,
.no-csstransitions .hvr-rectangle-in:hover,
.no-csstransitions .hvr-shutter-in-horizontal:hover,
.no-csstransitions .hvr-shutter-in-vertical:hover {
    background: #2ecc71;
}


/*===============================================
-------------------------------------------------
	lists
-------------------------------------------------
================================================*/


/* list style 1
 ------------------------------ */

.list-style-1 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

.list-style-1 .icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 100%;
    background-color: #06d0d8;
}

.list-style-1 .text {
    padding: 5px 0 0 42px;
    margin: 0px;
    display: block;
}


/* list style 1 with border
 ------------------------------ */

.list-style-1.icon-border .icon {
    color: #06d0d8;
    background-color: #fff;
    border: 1px solid #06d0d8;
}


/* list style 2
 ------------------------------ */

.list-style-2 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

.list-style-2 .icon {
    width: 18px;
    height: 18px;
    padding: 0px;
    margin: 3px 0px 0px 0px;
    float: left;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    color: #06d0d8;
    border-radius: 100%;
    border: 1px solid #06d0d8;
}

.list-style-2 .text {
    padding: 0px 0 0 28px;
    margin: 0px;
    display: block;
}


/* list style 3
 ------------------------------ */

ol.list-style-3 {
    list-style-type: none;
    list-style-type: decimal !ie;
    /*IE 7- hack*/
    margin: 0;
    margin-left: 18px;
    padding: 0;
    counter-reset: li-counter;
}

ol.list-style-3 li {
    position: relative;
    margin: 0px;
    padding-left: 20px;
    min-height: 3em;
    list-style-type: none;
}

ol.list-style-3 li:before {
    position: absolute;
    top: 0;
    left: -15px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #f5f5f5;
    border-radius: 50%;
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}


/* list style 4
 ------------------------------ */

.list-style-4 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}

.list-style-4 .icon {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    text-align: center;
    line-height: 39px;
    color: #fff;
    border-radius: 100%;
}

.list-style-4 .text {
    padding: 5px 0 0 42px;
    margin: 0px;
    display: block;
}

.list-style-4 .icon.red {
    background-color: #fc4242;
}

.list-style-4 .icon.blue {
    background-color: #2f92ee;
}

.list-style-4 .icon.green {
    background-color: #3fc35f;
}

.list-style-4 .icon.violet {
    background-color: #b659fe;
}

.list-style-4 .icon.orange {
    background-color: #ff881e;
}


/* list style 4 with border
 ------------------------------ */

.list-style-4.item-border {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #ececec;
}

.list-style-4.item-border.last {
    padding: 0px 0px 10px 0px;
    border-bottom: none;
}


/*===============================================
-------------------------------------------------
	Message boxes
-------------------------------------------------
================================================*/


/* message boxes
 ------------------------------ */


/*message boxes*/

.messagebox_title {
    padding-bottom: 30px;
}

.info-box {
    background-color: #34b0ff;
}

.success-box {
    background-color: #7ebd24;
}

.error-box {
    background-color: #fa482b;
}

.download-box {
    background-color: #F30;
}

.warning-box {
    background-color: #f7c929;
}

.mboxes_close {
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    float: right;
    text-align: right;
}

.mboxes_close i {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.success-box,
.error-box,
.warning-box,
.info-box span.text-white {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.success-box,
.error-box,
.warning-box,
.info-box {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.line-height35 {
    line-height: 35px;
}

.line-height45 {
    line-height: 45px;
}

.line-height55 {
    line-height: 55px;
}


/*===============================================
-------------------------------------------------
	divider lines
-------------------------------------------------
================================================*/


/* Divider Lines
 ------------------------------ */

.sh-divider-line {
    width: 100%;
}

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

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

.sh-divider-line.doubble {
    border-bottom: double;
    line-height: 40px;
}

.sh-divider-line.margin {
    padding: 5px 0;
}


/* Divider Line less width
 ------------------------------ */

.sh-divider-line.less-width-1 {
    width: 10%;
    margin: 0 auto;
}

.sh-divider-line.less-width-2 {
    width: 20%;
    margin: 0 auto;
}

.sh-divider-line.less-width-3 {
    width: 30%;
    margin: 0 auto;
}

.sh-divider-line.less-width-4 {
    width: 40%;
    margin: 0 auto;
}

.sh-divider-line.less-width-5 {
    width: 50%;
    margin: 0 auto;
}

.sh-divider-line.less-width-6 {
    width: 60%;
    margin: 0 auto;
}

.sh-divider-line.less-width-7 {
    width: 70%;
    margin: 0 auto;
}

.sh-divider-line.less-width-8 {
    width: 80%;
    margin: 0 auto;
}

.sh-divider-line.less-width-9 {
    width: 90%;
    margin: 0 auto;
}


/* Divider Line colors
 ------------------------------ */


/* Divider Line dark
 ------------------------------ */

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


/* Divider Line light
 ------------------------------ */

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


/* Divider Line red
 ------------------------------ */

.sh-divider-line.red {
    border-bottom-color: #f83712;
}


/* Divider Line green
 ------------------------------ */

.sh-divider-line.green {
    border-bottom-color: #2bc220;
}


/* Divider Line blue
 ------------------------------ */

.sh-divider-line.blue {
    border-bottom-color: #30d1f4;
}


/*===============================================
-------------------------------------------------
	Widget Styles lines
-------------------------------------------------
================================================*/


/* widget holder
 ------------------------------ */

.widget-holder {
    width: 100%;
    padding: 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #e4e4e4;
}


/* Post widget
 ------------------------------ */

.posts-widget-image {
    padding: 0px;
    margin: 0px;
    float: left;
}

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

.posts-widget-text .blog-post-info {
    width: 100%;
}

.posts-widget-text .blog-post-info span {
    font-size: 13px;
    color: #b9b9b9;
    margin-right: 15px;
}


/* Twitter widget
 ------------------------------ */

.twitter-widget-icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    font-size: 14px;
    color: #161616;
    text-align: center;
    line-height: 33px;
    margin: 0 10px 0 0;
    float: left;
    border-radius: 100%;
    background-color: #fdce16;
}

.twitter-widget-icon .title {
    width: 85%;
    padding: 5px 0 0 0;
    margin: 0;
    float: right;
}

ul.list_1 {
    float: left;
    padding: 0px;
    margin: 0px;
}

.list_1 li {
    float: left;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

.list_1 li.last {
    margin: 0px 0px 0px 0px;
}

.list_1 li img {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.list_1 li em {
    float: left;
    font-style: normal;
    margin: 9px 0px 0px 0px;
}

.list_1 li a {
    color: #fff;
}

.rnews_wra img {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}

.rnews_wra a {
    float: left;
    color: #fff;
}

.rnews_wra a:hover {
    color: #999;
}

.rnews_wra a.dsm {
    float: right;
    color: #999;
    font-size: 12px;
}

.rnews_wra a.dsm:hover {
    color: #fff;
}

.rnews_wra p {
    float: left;
    margin-top: 5px;
}


/* Testimonials widget
 ------------------------------ */

.testimonials-widget {
    width: 100%;
    padding: 0px;
    margin: 0 0 40px 0;
    float: left;
}

.testimonials-widget .text-box {
    width: 100%;
    padding: 30px;
    margin: 0 0 25px 0;
    float: left;
    border: 1px solid #e4e4e4;
}

.testimonials-widget .image {
    width: 100px;
    height: 100px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 100%;
}

.testimonials-widget .info {
    display: block;
    margin: 0;
    padding: 0 0 0 120px;
    text-align: left;
}

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

@media only screen and (min-width: 768px) and (max-width: 999px) {
    .img-hover-holder-1 {
        width: 80%;
    }
    .img-hover-holder-2 {
        width: 80%;
    }
    .img-hover-holder-3 {
        width: 80%;
    }
    .img-hover-holder-4 {
        width: 80%;
    }
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
    .img-hover-holder-1 {
        width: 46%;
    }
    .img-hover-holder-2 {
        width: 46%;
    }
    .img-hover-holder-3 {
        width: 46%;
    }
    .img-hover-holder-4 {
        width: 46%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
    .img-hover-holder-1 {
        width: 63%;
    }
    .img-hover-holder-2 {
        width: 63%;
    }
    .img-hover-holder-3 {
        width: 63%;
    }
    .img-hover-holder-4 {
        width: 63%;
    }
}

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