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

		1.   demo-1
		2.   demo-2
		3.   demo-3
		4.   demo-4
		5.   demo-5
		6.   demo-6
		7.   demo-7
		8.   demo-8
		9.   demo-9
		10.  demo-10
		11.  index-charity
		12.  index-interne
		13.  index-shopping1
		14.  index-shopping2
		15.  index-logistic
		16.  index-education
		17.  index-restaurant
		18.  index-realestate
		19.  index-construction
		20.  index-cleaning
		21.  index-hosting
		22.  index-music
		23.  index-hospital
		24.  index-finance
		25.  index-barber
		26.  index-bakery
		27.  index-gym
		28.  index-Yoga
		29.  index-blog
		30.  index-wedding
		31.  index-winery
		32.  index-photography
		33.   team-holders
		34.   404 error
		35.  contact form
		36.  google maps
		37.  login form
		38   testimonial
		39.  Page Scroll to Top
		
======================================
[ END CSS TABLE CONTENT ]
======================================
*/


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


/* 	    demo-1_       */


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


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


/* 	  demo-1_section1         */


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

.demo-1_section1 {
    width: 100%;
    text-align: center;
}

.demo-1_section1 .box {
    background-color: #fff;
    text-align: center;
    padding: 40px 10px;
}

.demo-1_section1 .box i {
    background-color: #f1f1f1;
    border: solid 4px #2ecc71;
    border-style: outset;
    height: 72px;
    width: 72px;
    color: #2ecc71;
    line-height: 68px;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 26px;
}


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


/* 	  demo1_sectionbox_2      */


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

.demo1_section2_box {
    float: left;
    width: 100%;
    padding: 63.5px 0px;
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-right: solid 1px #d8d8d8;
    border-top: solid 1px #d8d8d8;
}

.demo1_section2_box1 {
    float: left;
    width: 100%;
    padding: 119px 20px;
    text-align: left;
}

.demo1_section2_box2 {
    float: left;
    width: 100%;
    padding: 40px 100px;
    text-align: left;
    text-transform: uppercase;
}

.demo1_section2_box i {
    color: #2ecc71;
}

.demo1_section2_box:hover i {
    color: #fff;
}

.demo1_section2_box h4 {
    color: #272727;
}

.demo1_section2_box:hover h4 {
    color: #fff;
}

.demo1_section2_box:hover {
    background: #2ecc71;
    color: #fff;
}

.demo1_section2_box .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #2ecc71;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2ecc71;
    padding: 8px 30px;
    text-transform: uppercase;
}

.demo1_section2_box:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	    demo1_section3         */


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

.demo1_section3 {
    width: 100%;
    float: left;
    text-align: left;
    padding: 50px 45px;
    background-color: #f7f7f7;
}

.demo1_section3-right {
    width: 100%;
    float: left;
    text-align: right;
    padding: 50px 45px;
    background-color: #f7f7f7;
}


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


/* 	    demo1_section4         */


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

.demo1_section4 {
    float: left;
    width: 100%;
    text-align: center;
}

.demo1_section4 p {
    padding-top: 5px;
}

.demo1_section4 h2 {
    margin-bottom: 15px;
}

.demo1_section4,
.section-team-st-17,
.section-blog-st-17 {
    padding: 100px 0 90px;
}

.demo1_section4 .project-tabs li {
    color: #999;
    border-radius: 5px;
    margin: 0 2px;
    padding: 0 18px;
}

.demo1_section4 .project-tabs li.active,
.demo1_section4 .project-tabs li:hover {
    color: #fff;
    background-color: #2ecc71;
}

.demo1_section4 .portfolio-box {
    margin-bottom: 30px;
}

.demo1_section4 .portfolio-thumb {
    position: relative;
}

.demo1_section4 .portfolio-thumb img {
    width: 100%;
}

.demo1_section4 .overlay,
.section-team-st-17 .overlay,
.section-blog-st-17 .overlay {
    background-color: rgba(17, 17, 17, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.demo1_section4 .portfolio-inner-box:hover .overlay,
.section-team-st-17 .team-box-inner:hover .overlay,
.section-blog-st-17 .blog-inner-box:hover .overlay {
    opacity: 1;
}

.demo1_section4 .portfolio-inner-box:hover .portfolio-content {
    background-color: #2ecc71;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-color: #2ecc71;
}

.demo1_section4 .portfolio-inner-box:hover h4,
.demo1_section4 .portfolio-inner-box:hover p {
    color: #fff;
}

.demo1_section4 .portfolio-icons,
.section-portolio-st-18 .portfolio-icons {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.demo1_section4 .portfolio-icons:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 50px;
    background-color: #2ecc71;
}

.demo1_section4 .portfolio-icons a,
.section-blog-st-17 .blog-icons a {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 10px;
    color: #2ecc71;
    line-height: 50px;
    font-size: 16px;
    border-radius: 6px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: #fff;
}

.demo1_section4 .portfolio-icons a:hover,
.section-blog-st-17 .blog-icons a:hover {
    background-color: #2ecc71;
    color: #fff;
}

.demo1_section4 .portfolio-content {
    padding: 20px 15px 10px 15px;
    border: 1px solid #eee;
}

.demo1_section4 .portfolio-content h4 {
    font-weight: bold;
    color: #444;
    margin: 0 0 5px;
}

.demo1_section4 .portfolio-content p {
    margin-bottom: 0;
    color: #727272;
}


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


/* 	    demo1_section5         */


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

.demo1_section5 {
    width: 100%;
    float: left;
    padding: 0px 0 75px 0;
}

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

.demo1_section5 .text_box {
    width: 100%;
    padding: 15px;
    margin: 0 0 15px 0;
    float: left;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.demo1_section5 .box_inner {
    width: 100%;
    padding: 15px;
    margin: 0px;
    float: left;
    color: #727272;
    border: 1px solid #f1f1f1;
}

.demo1_section5 .icon_holder {
    width: 23%;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    float: left;
}

.demo1_section5 .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 35px;
    padding: 15px;
    margin: 0px;
    color: #161616;
    line-height: 70px;
    text-align: center;
    float: left;
    border: 1px solid #161616;
}

.demo1_section5 .text {
    width: 77%;
    padding: 0px;
    margin: 0px;
    float: right;
    color: #727272;
}

.demo1_section5 p {
    text-transform: none;
}


/*hover styles*/

.demo1_section5 .text_box:hover {
    background-color: #2ecc71;
}

.demo1_section5 .text_box:hover .box_inner {
    border: 1px solid #fff;
}

.demo1_section5 .text_box:hover .box_inner {
    border: 1px solid #fff;
}

.demo1_section5 .text_box:hover p {
    color: #fff;
}


/*active styles*/

.demo1_section5 .text_box.active {
    background-color: #2ecc71;
}

.demo1_section5 .text_box.active .box_inner {
    border: 1px solid #fff;
}

.demo1_section5 .text_box.active .box_inner {
    border: 1px solid #fff;
}

.demo1_section5 .text_box.active p {
    color: #fff;
}


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


/* 	    demo1_blog        */


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

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

.demo1_blog .date {
    width: 100%;
    text-align: center;
}


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


/* 	    color-boxes       */


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

.two-color-boxes {
    background: #242424 none repeat scroll 0 0;
    float: left;
    padding: 70px 0 20px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

.two-color-boxes::before {
    background: url("https://www.codedesigner.in/rise/images/site-img-130.jpg") no-repeat right top fixed;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: -1;
}

.two-color-boxes-two {
    background: #e6e6e6 none repeat scroll 0 0;
    float: left;
    padding: 70px 0px 0px 0px;
    position: relative;
    width: 100%;
    z-index: 9;
}

.two-color-boxes-two::before {
    background: #000000 none repeat scroll 0 0;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: -1;
}

.two-color-boxes-bgimg {
    float: left;
    padding: 80px 0 50px 0;
    position: relative;
    width: 100%;
    z-index: 9;
}

.two-color-boxes-bgimg.one {
    background: url("../images/bg-image3.jpg") no-repeat right top fixed;
    background-size: cover;
}

.two-color-boxes-bgimg.two {
    background: url("../images/bg-image6.jpg") no-repeat right top fixed;
    background-size: cover;
}

.two-color-boxes-bgimg::before {
    background: #040705;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 62%;
    top: 0;
    z-index: -1;
}


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


/* 	        Demo-02           */


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


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


/* 	  demo-2_section1         */


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

.demo-2_section1 {
    float: left;
    width: 100%;
    padding: 100px 30px;
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.demo-2_section1 i {
    color: #2ecc71;
}

.demo-2_section1:hover i {
    color: #fff;
}

.demo-2_section1 h2 {
    color: #272727;
}

.demo-2_section1:hover h2 {
    color: #fff;
}

.demo-2_section1:hover {
    background: #2ecc71;
    color: #fff;
}

.demo-2_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #2ecc71;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2ecc71;
    padding: 8px 30px;
    text-transform: uppercase;
}

.demo-2_section1:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	  demo-2_section2         */


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

.demo-2_section2 {
    width: 100%;
    text-align: center;
}

.demo-2_section2 .box {
    background-color: #fff;
    text-align: center;
    padding: 40px 20px;
}


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


/* 	  demo-2_team         */


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

.team2-posts {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}

.team2 {
    float: left;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team2 img {
    width: 100%;
}

.team2-detail {
    text-align: center;
    height: auto;
    max-height: 100%;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
}

.team2:hover .team2-detail {
    min-height: 100%;
}

.team2-detail ul {
    float: left;
    padding: 25px 20px 0;
    text-align: center;
    width: 100%;
}

.team2-detail ul li {
    display: inline;
    line-height: 20px;
    padding: 0 5px;
    position: relative;
}

.team2-detail ul li:before {
    bottom: 0;
    position: absolute;
}

.team2-detail ul li:last-child:before {
    display: none;
}

.team2-detail ul li a {
    color: #888888;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team2-detail h3 {
    float: left;
    font-size: 15px;
    line-height: 25px;
    margin-top: 25px;
    padding: 0 35px;
    width: 100%;
}

.team2 p {
    display: none;
    float: left;
    letter-spacing: 0;
    line-height: 25px;
    opacity: 0;
    padding: 0px 20px 10px 20px;
    width: 100%;
}

.team2:hover p {
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block
}

.team2 li {
    display: inline-block;
    padding-top: 0px;
    text-align: center;
}

.team2 li a {
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #eeeeee;
    color: #272727;
    font-size: 16px;
    text-align: center;
}

.team2 li:hover a {
    border: 1px solid #2ecc71;
    color: #0eb477;
    background-color: #fff;
}


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


/* 	  demo-2_counters         */


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

.feature-box {
    border-top: solid 1px #000;
    padding: 25px 25px;
    background-color: #fff;
}

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

.counters1 span {
    color: #2ecc71;
    font-size: 32px;
    display: block;
}

.counters1 h4 {
    display: block;
    font-size: 18px;
    color: #040705;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto 0 auto;
}

.counters2 span {
    color: #fff;
    font-size: 32px;
    display: block;
}

.counters2 h3 {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto 0 auto;
}

.counters2 span2 {
    color: #269bf5;
    font-size: 32px;
    display: block;
}


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


/* 	  demo-2_section3         */


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

.demo-2_section3 {
    float: left;
    width: 100%;
    padding: 40px 10px;
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-right: solid 1px #d8d8d8;
}

.demo-2_section3 i {
    color: #2ecc71;
}

.demo-2_section3:hover i {
    color: #fff;
}

.demo-2_section3 h4 {
    color: #272727;
}

.demo-2_section3:hover h4 {
    color: #fff;
}

.demo-2_section3:hover {
    background: #2ecc71;
    color: #fff;
}

.demo-2_section3 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #2ecc71;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2ecc71;
    padding: 8px 30px;
    text-transform: uppercase;
}

.demo-2_section3:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	  demo-2_Clients Section         */


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

#partner {
    width: 100%;
}


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


/* 	        Demo-03           */


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


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


/* 	  demo-3_Services         */


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

.demo-3_service-box {
    padding: 10px 0;
}

.demo-3_service-box.icon-left .demo-3_service-box-icon {
    float: left;
}

.demo-3_service-box.icon-left .demo-3_service-box-icon i {
    background: #012e5b;
    color: #fff;
}

.demo-3_service-box.icon-left .demo-3_service-box-info {
    margin-left: 90px;
}

.demo-3_service-box.icon-left .demo-3_service-box-info h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

.service-no {
    font-size: 42px;
    color: #12bbec;
    float: left;
    margin-top: 10px;
}

.demo-3_service-box-content {
    margin-top: 40px;
}

.demo-3_service-box-content .demo-3_service-box-info {
    margin-left: 90px;
}


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


/* 	  demo-3_section1         */


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

.demo-3_section1 {
    background-color: #12bbec;
    color: #fff;
    padding: 109px 30px;
    text-align: center;
}


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


/* 	  page-3_section2         */


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

.demo-3_section2 .nomber {
    font-size: 42px;
    color: #12bbec;
    float: left;
    margin-top: 0px;
}


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


/* 	  demo-3_blog        */


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

.demo-3_news {
    width: 90%;
    background-color: #fff;
    margin-top: -25px;
    margin-left: 20px;
    position: relative;
    padding: 40px 20px 40px 30px;
    border-right: solid 2px #12bbec;
}

.demo-3_news .button {
    color: #727272;
    border: solid 1px #c0c0c0;
    padding: 8px 20px;
}

.demo-3_news .button:hover {
    color: #12bbec;
    border: solid 1px #12bbec;
}


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


/* 	        Demo-04           */


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

.index4-feature-box-1 {
    position: relative;
    width: 100%;
    float: left;
    padding: 15px;
    min-height: 455px;
    left: 0px;
    top: -100px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.index4-feature-box-1 .img-box {
    position: absolute;
    width: 92%;
    float: left;
}

.index4-feature-box-1 .img-box .text-box {
    position: absolute;
    width: 90%;
    float: left;
    left: 16px;
    bottom: -218px;
    padding: 45px;
    background-color: #fff;
}

.index4-feature-box-1 .img-box .text-box .title-line {
    width: 20%;
    height: 2px;
    float: left;
    margin-right: auto;
    background-color: #2ecc71;
}

.index4-feature-box-1:hover .img-box .text-box .btn-border.light,
.index4-feature-box-1.active .img-box .text-box .btn-border.light {
    color: #2ecc71;
    border: 2px solid #2ecc71;
    background-color: #fff;
}

.index4-feature-box-1:hover .img-box .text-box .title,
.index4-feature-box-1.active .img-box .text-box .title {
    color: #2ecc71;
}


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


/* 	  Demo-05_section1          */


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

.demo-5_section1 {
    float: left;
    width: 100%;
    padding: 100px 0 0 0;
    text-align: center;
    background: #000;
}

.demo-5_section1 h2 {
    color: #fff;
    line-height: 50px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.demo-5_section1 h2 strong {
    font-size: 50px;
    font-weight: 800;
    display: block;
}

.demo-5_section1 h4 {
    color: #fff;
}

.demo-5_section1 img {
    display: block;
    margin: 70px auto 0 auto;
}


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


/* 	      demo-5_blog-1         */


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

.demo-5_blog-1 {
    border: solid 2px #ddd;
    padding: 0px 0px;
    text-align: center;
}

.demo-5_blog-1 .img {
    position: relative;
    margin-top: -20px;
    margin-left: 20px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.demo-5_blog-1 .img:hover {
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
}

.demo-5_blog-1 .date {
    width: 80%;
    border: solid 1px #ddd;
    padding: 10px 20px;
    text-align: center;
}


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


/* 	        Demo-06           */


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

.service-boxed {
    border: 1px solid #eeeeee;
    padding: 30px 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.service-boxed:hover {
    border: solid 1px #fb6521;
    border-right: 10px solid #fb6521;
    padding: 30px 25px;
}

.service-boxed.sb-pd:hover {
    padding: 30px 30px;
}
.service-boxed img{
    height: 32px;
    width: auto;
}
.sectionbox3 {
    float: left;
    width: 100%;
    padding: 40px 100px;
    text-align: center;
    text-transform: uppercase;
}


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


/* 	  demo6_sectionbox_2      */


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

.demo6_section1_box {
    float: left;
    width: 100%;
    padding: 63.5px 25px;
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-right: solid 1px #d8d8d8;
    border-top: solid 1px #d8d8d8;
}

.demo6_section1_box1 {
    float: left;
    width: 100%;
    padding: 119px 20px;
    text-align: left;
}

.demo6_section1_box2 {
    float: left;
    width: 100%;
    padding: 40px 100px;
    text-align: left;
    text-transform: uppercase;
}

.demo6_section1_box i {
    color: #fb6521;
}

.demo6_section1_box:hover i {
    color: #fff;
}

.demo6_section1_box h4 {
    color: #272727;
}

.demo6_section1_box:hover h4 {
    color: #fff;
}

.demo6_section1_box:hover {
    background: #fb6521;
    color: #fff;
}

.demo6_section1_box .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #2ecc71;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2ecc71;
    padding: 8px 30px;
    text-transform: uppercase;
}

.demo6_section1_box:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	  index-7-servicesbox     */


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

.demo7-servicesbox {
    margin: 15px auto;
    color: #555;
    overflow: hidden;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1), inset 0 0 30px rgba(0, 0, 0, .01);
    padding: 30px 30px 30px 80px;
    text-align: right;
    border-radius: 8px
}

.demo7-servicesbox>div:first-of-type {
    top: -75px;
    left: -125px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.demo7-servicesbox>div:last-of-type {
    bottom: -75px;
    left: -125px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.demo7-servicesbox h3 {
    font-size: 16px;
    line-height: 26px;
    color: #555;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px
}

.demo7-servicesbox h3 a,
.demo7-servicesbox h3 a:focus,
.demo7-servicesbox h3 a:hover {
    color: #555;
    text-decoration: none
}

.demo7-servicesbox p {
    color: #777
}

.demo7-servicesbox {
    background: #fff;
    position: relative
}

.a-bg-green {
    background-color: #2ecc71;
}

.a-bg-red {
    background-color: #e9721b;
}

@media (max-width:550px) {
    .demo7-servicesbox {
        padding: 30px 30px 30px 60px
    }
}

.demo7-servicesbox>div {
    position: absolute;
    width: 250px;
    height: 150px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1), inset 0 0 30px rgba(0, 0, 0, .1);
    z-index: 5
}

.demo7-servicesbox h3,
.demo7-servicesbox p,
.a-124 {
    position: relative;
    z-index: 10
}

.demo7-servicesbox>div:first-of-type {
    top: -75px;
    left: -125px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.demo7-servicesbox>div:last-of-type {
    bottom: -75px;
    left: -125px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.demo7-servicesbox h3 {
    font-size: 16px;
    line-height: 26px;
    color: #555;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px
}

.demo7-servicesbox h3 a,
.demo7-servicesbox h3 a:focus,
.demo7-servicesbox h3 a:hover {
    color: #555;
    text-decoration: none
}

.demo7-servicesbox p {
    color: #777
}


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


/* 	  index-7 teambox     */


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

.demo7-teambox {
    width: 100%;
    background-color: #000;
    padding: 40px 40px;
    color: #fff;
}

.demo7-teambox1 {
    width: 100%;
    background-color: #000;
    padding: 40px 40px;
    color: #fff;
}

.demo7-teambox1 .overlay-content {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
}

.boxed1,
.boxed1 img {
    position: relative
}

.boxed1 {
    max-width: 350px;
    -webkit-transition: .25s;
    transition: .25s;
    z-index: 2
}

.boxed1 img {
    z-index: 3
}

.boxed1>div {
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    background: #000;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 1;
    padding: 15px 15px;
}

.boxed1:active,
.boxed1:focus,
.boxed1:hover {
    box-shadow: 0 0 0 10px #2ecc71;
    z-index: 4
}

.boxed1:active>div,
.boxed1:focus>div,
.boxed1:hover>div {
    box-shadow: 0 0 0 10px #222;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}


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


/* 	        Demo-08           */


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


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


/* 	  index-8 pricecircle     */


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

.pricecircle {
    max-width: 900px;
    margin: 15px auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pricecircle .pricecircle-d {
    width: 250px;
    height: 250px;
    margin: 10px;
    padding: 20px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    box-shadow: 0 0 25px rgba(0, 0, 0, .03), inset 0 0 70px rgba(0, 0, 0, .02);
    position: relative;
    z-index: 2
}

.pricecircle .pricecircle-d h4 {
    margin: 20px 0 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #666;
    line-height: 2
}

.pricecircle .pricecircle-d h3 {
    font-size: 50px;
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight: 400
}

.pricecircle .pricecircle-d h3>span {
    display: block;
    font-size: 15px;
    color: #888;
    font-weight: 400
}


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


/* 	    index-8-feature-box1       */


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

.index-8-feature-box1 {
    width: 100%;
    padding: 30px 30px;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #fff;
    background-color: #2ecc71;
}

.iconbox-small {
    width: 62px;
    height: 62px;
    line-height: 72px;
    color: #2ecc71;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
}

.index-8-feature-box2 {
    width: 100%;
    padding: 30px 30px;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #fff;
    background-color: #e9721b;
}

.index-8-feature-box3 {
    width: 100%;
    padding: 30px 30px;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #fff;
    background-color: #5c6bc1;
}

.index-8-feature-box4 {
    width: 100%;
    padding: 30px 30px;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #fff;
    background-color: #227abe;
}


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


/* 		        demo-9          */


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


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


/* 		  demo-9_feature_section 1          */


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

.demo-9_feature_section1 {
    float: left;
    width: 100%;
    text-align: center;
}

.demo-9_feature_section1 h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    color: #272727;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
    display: block;
}

.demo-9_feature_section1 .box {
    width: 100%;
    border: solid 1px #f5f2f0;
    border-radius: 4px;
    padding: 20px 20px 30px 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.demo-9_feature_section1 .box:hover,
.feature_section1 .box.active {
    border: solid 1px #fd722b;
}

.demo-9_feature_section1 .box:hover h2,
.feature_section1 .box.active h2 {
    color: #fd722b;
}

.demo-9_feature_section1 .box i {
    background-color: #fff;
    border: 1px solid #f3f3f3;
    height: 50px;
    width: 100%;
    line-height: 50px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #868686;
    font-size: 30px;
    display: block;
    margin: 0px 0px 0px 0px;
}

.demo-9_feature_section1 .box:hover i,
.feature_section1 .box.active i {
    color: #fff;
    background-color: #fd722b;
    border: 1px solid #fd722b;
}

.demo-9_feature_section1 .box p {
    text-align: center;
    padding-top: 10px;
}

.demo-9_feature_section1 .box h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #272727;
    line-height: 23px;
    margin: 27px 0px 15px 0px;
}

.demo-9_feature_section1 .box h2 b {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-transform: none;
    color: #999;
    display: block;
}

.demo-9_feature_section1 .bgline {
    width: 40px;
    height: 2px;
    background-color: #242424;
    margin: 0 auto;
}

.demo-9_feature_section1 .linebtn.one {
    background-color: #fff;
    color: #727272;
    border-radius: 0;
    padding: 8px 34px;
    border: solid 1px #f3f3f3;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    margin-bottom: -77px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.demo-9_feature_section1 .linebtn.one:after {
    background-color: #fff;
}

.demo-9_feature_section1 .linebtn.one:hover,
.demo-9_feature_section1 .box:hover .linebtn.one,
.demo-9_feature_section1 .box.active .linebtn.one {
    border-color: #fd722b;
    background-color: #fd722b;
    color: #fff;
}


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


/* 		  demo-9_feature_section 2          */


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

.demo-9_feature_section2 {
    float: left;
    width: 100%;
    background: #fd722b;
}

.demo-9_feature_section2 .right {
    padding-left: 20px;
}

.demo-9_feature_section2 h1 {
    font-size: 45px;
    font-weight: 900;
    color: #fff;
    margin: 0 auto;
    line-height: 42px;
    text-transform: uppercase;
    letter-spacing: normal;
}

.demo-9_feature_section2 h1 b {
    font-size: 27px;
    font-weight: normal;
    color: #fff;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
}

.demo-9_feature_section2 p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin: 0 auto;
    letter-spacing: normal;
    display: block;
    padding-top: 21px;
    line-height: 27px;
    width: 75%;
    float: left;
}


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


/* 	 index-charity          */


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


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


/* 	     charity-section1         */


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

.charity-section1 {
    float: left;
    width: 100%;
    padding: 40px 40px;
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-right: solid 1px #d8d8d8;
}

.charity-section1 last {
    border-right: none;
}

.charity-section1:hover {
    background: #ec182c;
    color: #fff;
    border: none;
}

.charity-section1.active {
    background: #ec182c;
    color: #fff;
    border: none;
}

.charity-section1:hover h4 {
    color: #fff;
}

.charity-section1.active h4 {
    color: #fff;
}

.charity-section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #ec182c;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #ec182c;
    padding: 8px 30px;
    text-transform: uppercase;
}

.charity-section1:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}

.charity-section1.active .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	     charity-section2         */


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

.charity-section2 {
    float: left;
    width: 100%;
    padding: 40px 100px;
    text-align: center;
    text-transform: uppercase;
}


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


/* 	 charity -section3         */


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

.charity-section3 {
    width: 100%;
    float: left;
    text-align: center;
    padding: 58.5px 50px;
    background-color: #f3f3f3;
}

.charity-section3 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #ec182c;
    padding: 8px 30px;
    text-transform: uppercase;
}

.charity-section3:hover .button.one {
    color: #fff;
    background-color: #000;
}


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


/* 	 index-internet      */


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


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


/* 	 index-internet_section 1          */


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

.section1 {
    float: left;
    width: 100%;
    text-align: center;
}

.section1 h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    color: #272727;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
    display: block;
}

.section1 .box {
    width: 100%;
    border-right: solid 1px #e4e4e4;
    border-radius: 4px;
    text-align: center;
    padding: 20px 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section1 .box i {
    background-color: #f3f3f3;
    border: 4px solid #ececec;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    line-height: 96px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #272727;
    font-size: 42px;
}

.section1 .box:hover i,
.section1 .box.active i {
    color: #fff;
    background-color: #fb6420;
}

.section1 .box p {
    text-align: center;
    padding-top: 10px;
}

.section1 .bgline {
    width: 100%;
    height: 1px;
    background-color: #e4e4e4;
    margin: 0 auto;
}

.section1 .linebtn.one {
    background-color: #e8e8e8;
    color: #727272;
    border-radius: 0;
    padding: 8px 34px;
    border: solid 1px #f3f3f3;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section1 .linebtn.one:hover,
.section1 .box:hover .linebtn.one,
.section1 .box.active .linebtn.one {
    background-color: #fb6420;
    color: #fff;
}


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


/* 	 index-internet_section 2          */


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

.section2 {
    float: left;
    width: 100%;
    text-align: center;
}

.section2 .box {
    background-color: #081c22;
    text-align: center;
    color: #fff;
    padding: 40px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section2 .box:hover,
.box.active {
    background-color: #fb6420;
}

.section2 .linebtn.two {
    background-color: #e8e8e8;
    color: #727272;
    border-radius: 0;
    padding: 8px 34px;
    border: solid 1px #f3f3f3;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section2 .linebtn.two:hover,
.section2 .box:hover .linebtn.two,
.section2 .active .linebtn.two {
    background-color: #fb6420;
    color: #fff;
}


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


/* 	 index-internet_section 3          */


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

.section3 .linebtn.three {
    background-color: #081c22;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    padding: 14px 34px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section3 .linebtn.three:hover {
    background-color: #e7e7e7;
    color: #fb6420;
}


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


/* 	 index-internet_section 4          */


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

.section4 {
    width: 100%;
    text-align: center;
}

.section4 .boxed {
    color: #fff;
    padding: 40px 40px;
}


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


/* 	 index-shopping1          */


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


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


/* 	 index-shopping1_section 1          */


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

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

.shopping1_section1 .box1 {
    background-color: #2ecc71;
    text-align: center;
    padding: 55px 0px 40px 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shopping1_section1 .box2 {
    background-color: #fff;
    text-align: center;
    padding: 55px 0px 40px 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shopping1_section1 .content {
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 10px 0px 10px 0px;
    vertical-align: middle;
}

.shopping1_section1 .content2 {
    width: 100%;
    background-color: #2ecc71;
    text-align: center;
    padding: 10px 0px 10px 0px;
    vertical-align: middle;
}

.shopping1_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #2ecc71;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2ecc71;
    padding: 8px 30px;
    text-transform: uppercase;
}

.shopping1_section1:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	 index-shopping1_section 2          */


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

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

.shopping1_section2 .contentbox {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #000;
    color: #fff;
    margin-top: -100px;
    position: relative;
}


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


/* 	 index-shopping1_section 3          */


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

.shopping1_section3 {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #2ecc71;
}

.shopping1_section3 .img {
    width: 100%;
}

.shopping1_section3 .content {
    background-color: #fff;
    width: 80%;
    padding: 15px 0px 15px 0px;
}

.shopping1_section3 h5 em {
    color: #2ecc71;
    text-decoration: line-through;
    font-style: normal;
}


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


/* 	 index-shopping2          */


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


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


/* 	 index-shopping2_section 1          */


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

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

.shopping2_section1 .bg {
    border-left: solid 1px #fff;
    float: left;
    width: 100%;
}

.shopping2_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #2ecc71;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #2ecc71;
    padding: 8px 30px;
    text-transform: uppercase;
}

.shopping2_section1:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	 index-shopping2_section 2          */


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

.shopping2_section2 {
    float: left;
    width: 100%;
    text-align: center;
}

.shopping2_section2 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 14px 30px;
    border-radius: 4px;
    background-color: #2ecc71;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.shopping2_section2:hover .button.one {
    color: #2ecc71;
    background-color: #fff;
}


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


/* 	 index-shopping2_section 3          */


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

.shopping2_section3 {
    float: left;
    width: 100%;
    text-align: center;
}

.shopping2_section3 .content {
    background-color: #f6f6f6;
    text-align: center;
    width: 100%;
    padding: 15px 0px 35px 0px;
}

.shopping2_section3 h4 {
    font: 16px 'Open Sans', sans-serif;
    font-weight: bold;
    padding: 6px 0px 12px 0px;
}

.shopping2_section3 h4 em {
    font-weight: normal;
    padding-top: 6px;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-decoration: line-through;
    font-style: normal;
}

.shopping2_section3 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 10px 30px;
    border-radius: 4px;
    background-color: #2ecc71;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.shopping2_section3:hover .button.one {
    color: #fff;
    background-color: #000;
}


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


/* 	 index-logistic           */


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


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


/* 	 index-logistic_section 1          */


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

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

.logistic_section1 .boxlog {
    text-align: center;
    background-color: #081c22;
    color: #fff;
    padding: 50px 15px;
}

.logistic_section1 .boxlog2 {
    text-align: center;
    background-color: #ee6603;
    color: #fff;
    padding: 50px 15px;
}

.logistic_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #081c22;
    padding: 10px 30px;
    border: none;
    text-transform: uppercase;
}

.logistic_section1:hover .button.one {
    color: #ee6603;
    background-color: #081c22;
}


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


/* 	 index-logistic_section 2          */


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

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

.logistic_section2 .contentboxed {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #000;
    color: #fff;
    margin-top: -49px;
    position: relative;
}


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


/* 	  index-logistic_section 3        */


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

.logistic_section3 {
    width: 100%;
    text-align: left;
}

.logistic_section3 .servicesbox {
    background-color: #fff;
    text-align: left;
    padding: 50px 40px;
}

.logistic_section3 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #081c22;
    padding: 10px 30px;
    border: none;
    text-transform: uppercase;
}

.logistic_section3:hover .button.one {
    color: #ee6603;
    background-color: #081c22;
}


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


/* 	  index-education         */


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


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


/* 	  index-education_section 1        */


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

.education_section1 {
    width: 100%;
    text-align: left;
}

.education_section1 .boxed {
    text-align: left;
    padding: 40px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.education_section1:hover .boxed {
    text-align: left;
    color: #fff;
    padding: 40px 40px;
    background-color: #fe4dc6;
}

.education_section1:hover h3 {
    color: #fff;
}

.education_section1:hover .linebg_9 {
    background-color: #fff;
}

.education_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #727272;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 10px 30px;
    border: solid 1px #fe4dc6;
    text-transform: uppercase;
}

.education_section1:hover .button.one {
    color: #fff;
    border: solid 1px #fff;
}


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


/* 	  index_education        */


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


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


/* 	  education_counters         */


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

.education_section2 {
    padding: 25px 25px;
}

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

.counter1 span {
    color: #fe4dc6;
    font-size: 32px;
    display: block;
}

.counter1 h4 {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin: 0px auto 0 auto;
}

.education_section2 .button.two {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 16px 40px;
    background-color: #fe4dc6;
    border-radius: 4px;
    text-transform: uppercase;
}

.education_section2:hover .button.two {
    color: #fe4dc6;
    background-color: #fff;
}


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


/* 	  index-education_section 3        */


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

.education_section3 {
    width: 100%;
    text-align: left;
}

.education_section3 .boxedtext {
    text-align: left;
    padding: 60.5px 20px;
    color: #fff;
    background-color: #fe4dc6;
}

.education_section3 .boxedtext2 {
    text-align: left;
    padding: 60.5px 20px;
    color: #fff;
    background-color: #081c22;
}


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


/* 	  index-education_section 4        */


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

.education_section4 {
    width: 100%;
    text-align: center;
}

.education_section4 .servicesbox2 {
    background-color: #fff;
    text-align: center;
    padding: 100px 40px;
}

.education_section4 .button.three {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 16px 40px;
    background-color: #fe4dc6;
    border-radius: 4px;
    text-transform: uppercase;
}

.education_section4:hover .button.three {
    color: #fff;
    background-color: #081c22;
}

.education_section4 .button.four {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 16px 40px;
    background-color: #081c22;
    border-radius: 4px;
    text-transform: uppercase;
}

.education_section4:hover .button.four {
    color: #fff;
    background-color: #fe4dc6;
}


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


/* 	  index-restaurant        */


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


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


/* 	  index-restaurant_section 1        */


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

.restaurant_section1 {
    width: 100%;
    text-align: center;
    float: left;
}

.restaurant_section1 .img {
    width: 100%;
    text-align: center;
}


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


/* 	  index-restaurant_section 2        */


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

.restaurant_section2 {
    float: left;
    width: 100%;
    padding: 20px 10px 40px 10px;
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-right: solid 1px #d8d8d8;
}

.restaurant_section2 i {
    color: #2ecc71;
}

.restaurant_section2:hover i {
    color: #fff;
}

.restaurant_section2 h4 {
    color: #272727;
}

.restaurant_section2:hover h4 {
    color: #fff;
}

.restaurant_section2:hover h6 {
    color: #fff;
}

.restaurant_section2:hover {
    background: #fa5019;
    color: #fff;
}


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


/* 	  index-restaurant_section 3        */


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

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

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

.restaurant_section3 .list li {
    width: 100%;
    float: left;
    color: #fff;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

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


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


/* 	     index-realestate         */


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


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


/* 	  index-realestate_section 1        */


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

.realestate_section1 {
    width: 100%;
    text-align: center;
    float: left;
}

.slider .prosearch {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 0px;
    text-align: center;
    background-color: #000;
    padding: 100px 0px;
}

.slider .prosearch h1 {
    color: #fff;
    font-size: 62px;
    font-weight: 900;
    text-transform: uppercase;
}

.slider .prosearch h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
}

.slider .enter_email_input {
    float: left;
    padding: 3px 0px 4px 20px;
    height: 52px;
    width: 39%;
    background: #f7f7f7;
    border: none;
    color: #727272;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px 0px rgba(221, 221, 221, 1);
}

.slider select {
    float: left;
    padding: 3px 0px 4px 16px;
    height: 52px;
    width: 16%;
    margin-left: 20px;
    background: #f7f7f7;
    border: none;
    color: #727272;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 2px 0px rgba(221, 221, 221, 1);
}

.slider .but1 {
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background: #2f94d3;
    padding: 15px 20px 14px 20px;
    border-radius: 3px;
    margin-left: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider .but2 {
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    background: #46e35f;
    padding: 15px 25px 14px 25px;
    border-radius: 3px;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider .but1 i,
.slider .but2 i {
    font-size: 20px;
    margin-right: 5px;
}

.slider .but1:hover,
.slider .but2:hover {
    background: #272727;
}

.slider .but3 {
    float: left;
    color: #999;
    font-size: 12px;
    font-weight: 500;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider .but3:hover {
    color: #454545;
}


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


/* 	  index-realestate_section 2        */


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

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

.realestate_section2 .date {
    width: 100%;
    text-align: center;
}


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


/* 	  index-construction         */


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


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


/* 	  index-construction_section 1        */


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

.construction_section1 {
    width: 100%;
    text-align: center;
    padding: 40px 40px;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.construction_section1:hover,
.active.construction_section1 {
    background-color: #eeb500;
}

.construction_section1 h3 {
    color: #fff;
}

.construction_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #fff;
    padding: 8px 30px;
    text-transform: uppercase;
}

.construction_section1:hover .button.one {
    color: #fff;
    border: 1px solid #fff;
}


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


/* 	 index-construction_section 2          */


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

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

.construction_section2 .bg {
    border-left: solid 1px #000;
    float: left;
    width: 100%;
}

.construction_section2 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #eeb500;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #081c22;
    padding: 8px 30px;
    text-transform: uppercase;
}

.construction_section2:hover .button.one {
    color: #eeb500;
    border: 1px solid #eeb500;
}


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


/* 	 index-construction_section 3          */


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

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

.construction_section3 i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    background-color: #eeb500;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.construction_section3 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #081c22;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #eeb500;
    border-radius: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
}

.construction_section3:hover .button.one {
    color: #fff;
    background-color: #081c22;
    border: 1px solid #081c22;
}


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


/* 	 index-construction_Team          */


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

.team3-posts {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}

.team3 {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team3 img {
    width: 100%;
}

.team3-detail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    text-align: center;
    height: auto;
    max-height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.4s linear 0s, padding 0.4s linear 0s;
    -webkit-transition: all 0.3s linear 0s, padding 0.4s linear 0s;
    transition: all 0.3s linear 0s, padding 0.4s linear 0s;
}

.team3:hover .team3-detail {
    min-height: 100%;
    padding-top: 50px;
}

.team3-detail ul {
    float: left;
    padding: 25px 20px 0;
    text-align: center;
    width: 100%;
}

.team3-detail ul li {
    display: inline;
    line-height: 20px;
    padding: 0 5px;
    position: relative;
}

.team3-detail ul li:before {
    bottom: 0;
    position: absolute;
}

.team3-detail ul li:last-child:before {
    display: none;
}

.team3-detail ul li a {
    color: #888888;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team3-detail h3 {
    float: left;
    font-size: 15px;
    line-height: 25px;
    margin-top: 25px;
    padding: 0 35px;
    width: 100%;
}

.team3 p {
    display: none;
    float: left;
    letter-spacing: 0;
    line-height: 25px;
    opacity: 0;
    padding: 0px 20px 10px 20px;
    width: 100%;
    -webkit-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team3:hover p {
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block
}

.team3 li {
    display: inline-block;
    padding-top: 0px;
    text-align: center;
}

.team3 li a {
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #eeeeee;
    color: #272727;
    font-size: 16px;
    text-align: center;
}

.team3 li:hover a {
    border: 1px solid #eeb500;
    color: #eeb500;
    background-color: #fff;
}

.section-1 {
    padding: 44.5px 0px;
}

.features-sec li {
    text-align: left;
    color: #fff;
    padding: 0px 0px;
}

.features-sec li i {
    padding: 8px 10px 8px 0px;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.btn.btn-borderradius.white {
    color: #fff;
    border-color: #fff;
    border-radius: 25px;
    margin: 20px 0px 0px 40px;
}

.btn.btn-borderradius.white:hover {
    color: #272727;
    border-color: #fff;
}


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


/* 	 index-cleaning         */


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


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


/* 	 index-cleaning_section 1          */


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

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

.cleaning_section1 .box {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #2ecc71;
    padding: 50px 30px;
}

.cleaning_section1 .box2 {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #52d3d5;
    padding: 50px 30px;
}

.cleaning_section1 .box3 {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #081c22;
    padding: 50px 30px;
}

.cleaning_section1 .box4 {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #fe4dc6;
    padding: 50px 30px;
}


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


/* 	 index-cleaning_section 2          */


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

.cleaning_section2 {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #2ecc71;
}

.cleaning_section2 .img {
    width: 100%;
}

.cleaning_section2 .content {
    background-color: #fff;
    width: 100%;
    padding: 15px 0px 15px 0px;
    margin-bottom: 10px;
}

.cleaning_section2 h5 em {
    color: #2ecc71;
    text-decoration: line-through;
    font-style: normal;
}


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


/* 	    index-hosting      */


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


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


/* 	 index-hosting-section 1          */


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

.hosting-section-1 {
    width: 100%;
    padding: 40px 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-right: 2px solid #000;
}

.hosting-section-1 em {
    color: #727272;
    font-style: normal;
    display: block;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 12px;
}

.hosting-section-1 b {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    display: block;
    text-align: center;
    margin-bottom: 45px;
}

.hosting-section-1 .btn1 {
    color: #fff;
    padding: 10px 5px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #269bf5;
    margin-bottom: 45px;
}

.hosting-section-1:hover.btn1 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    display: block;
    text-align: center;
    background-color: #269bf5;
    margin-bottom: 45px;
}


/* hosting-section-2
 ------------------------------ */

.hosting-section-2 {
    width: 100%;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #fff;
}


/* hosting-section-3
 ------------------------------ */

.hosting-section-3 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
    color: #fff;
}


/*============hosting_ Price Tables  ============ */


/* Price Table 1
 -----------------------------------------------*/

.pricetable-holder-1 {
    position: relative;
    width: 100%;
    padding: 40px 20px 40px 20px;
    float: left;
    text-align: center;
    border-right: 1px solid #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #fff;
}

.pricetable-holder-1.border-right {
    border-right: 1px solid #e4e4e4;
}

.pricetable-holder-1 .price-circle {
    width: 125px;
    height: 125px;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #269bf5;
    border: 10px solid #f3f3f3;
}

.pricetable-holder-1 .price-circle .price {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 45px 0;
    text-align: center;
}

.pricetable-holder-1 .price-circle .price sup {
    font-size: 22px;
    font-style: normal;
}

.pricetable-holder-1 .price-circle .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.pricetable-holder-1 .title {
    width: 100%;
    color: #242424;
    padding: 0;
}

.pricetable-holder-1 .features-list {
    width: 100%;
    padding: 0;
    margin: 0px;
    float: left;
}

.pricetable-holder-1 .features-list li {
    width: 100%;
    padding: 10px 0;
    margin: 0px;
    float: left;
    color: #727272;
    border-bottom: 1px solid #e4e4e4;
}

.pricetable-holder-1 .features-list li:last-child {
    border-bottom: none;
}

.pricetable-holder-1.active .price-circle {
    background-color: #fff;
    border: 1px solid #fff;
}

.pricetable-holder-1.active .price-circle .price {
    color: #242424;
}

.pricetable-holder-1.active .title {
    color: #fff;
}

.pricetable-holder-1.active {
    background-color: #269bf5;
}

.pricetable-holder-1.active .features-list li {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pricetable-holder-1.active .features-list li:last-child {
    border-bottom: none;
}

.pricetable-holder-1 .btn1 {
    color: #fff;
    padding: 10px 5px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    background-color: #269bf5;
    margin-bottom: 45px;
}

.pricetable-holder-1:hover.btn1 .active.btn1 {
    background-color: #269bf5;
}


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


/* 	 index-music        */


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


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


/* 	 index-music-section 1          */


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

.music-section1 {
    float: left;
    width: 100%;
    text-align: center;
    background-color: rgba(12, 12, 12, 1);
    background: url("https://www.codedesigner.in/rise/images/bg-image27.jpg") repeat-y center top;
    padding: 100px 0px 100px 0px;
}


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


/* 	 index-hospita        */


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


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


/* 	 index-hospital_section 1          */


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

.hospital_section1 {
    float: left;
    width: 100%;
    text-align: center;
}

.hospital_section1 .box {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #009bdb;
    padding: 50px 30px;
}

.hospital_section1 .box2 {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #52d3d5;
    padding: 50px 30px 31px 30px;
}

.hospital_section1 .box3 {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: #081c22;
    padding: 50px 30px;
}

.list-unstyled ul {
    float: left;
    width: 100%;
}

.list-unstyled li {
    border-bottom: solid 1px #fff;
    font-weight: 600;
}


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


/* 	  index-hospital_section 2         */


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

.hospital_section2 .nomber2 {
    font-size: 32px;
    color: #009bdb;
    margin-top: 0px;
}


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


/* 	  index-hospital_section 3         */


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

.hospital_section3 {
    float: left;
    width: 100%;
    text-align: center;
}

.hospital_section3 .box {
    width: 100%;
    position: relative;
}

.hospital_section3 .box-cnt {
    width: 100%;
    height: auto;
}

.hospital_section3 .box-cnt img {
    width: 100%;
    height: auto;
}

.hospital_section3 .box-details {
    position: absolute;
    z-index: 2;
    bottom: 0;
    background-color: rgba(89, 171, 227, 1);
    width: 100%;
    height: 100px;
    overflow: hidden;
    transition: height 450ms;
    -moz-transition: height 450ms;
    -webkit-transition: height 450ms;
}

.hospital_section3 .box:hover .box-details,
.hospital_section3 .box.active .box-details {
    height: 220px;
    background-color: rgba(89, 171, 227, 0.9);
}

.hospital_section3 .box.active .box-details h5 {
    padding-top: 35px;
}

.hospital_section3 .box.active .box-details .hline {
    visibility: visible;
}

.hospital_section3 .box:hover .box-details h5 {
    padding-top: 35px;
}

.hospital_section3 .box:hover .hline {
    visibility: visible;
}

.hospital_section3 .box-details h5 {
    color: #fff;
    font-weight: 600;
    padding-top: 27px;
    line-height: 21px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hospital_section3 .box-details h5 em {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    display: block;
}

.hospital_section3 .box-details .hline {
    width: 80px;
    height: 1px;
    background: #fff;
    margin: 0 auto;
    visibility: hidden;
}

.hospital_section3 .box-details p {
    color: #fff;
    width: 77%;
    margin: 0 auto;
    padding-top: 21px;
    padding-bottom: 30px;
    line-height: 18px;
}

.hospital_section3 .box-details a {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 9px 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hospital_section3 .box-details a:hover {
    color: #393939;
    background: #fff;
}


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


/* 	  index-finance         */


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


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


/* 	  index-finance_section 1         */


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

.finance_section1 {
    float: left;
    width: 100%;
    text-align: left;
    border: solid 1px #f3f3f3;
    padding: 25px 25px;
}

.finance_section1 .nomber2 {
    font-size: 42px;
    color: #ff7a7a;
    margin-top: 0px;
}


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


/* 	  index-finance_blog 3         */


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

.blog-3 {
    padding: 20px 20px;
    text-align: left;
    border: solid 2px #f3f3f3;
}

.date3 {
    width: 100%;
    text-align: left;
}


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


/* 	  index-finance_section2       */


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

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

.finance_section2 .img {
    background-image: url("../images/client-img01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    height: 120px;
    width: 120px;
}


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


/* 	    index-barber         */


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


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


/* 	    index-barber_section1         */


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

.barber_section1 {
    width: 100%;
    float: left;
    text-align: center;
}

.barber_section1 .content-box {
    background-color: #f3f3f3;
    padding: 35px 35px;
    float: right;
    width: 95%;
    margin-top: -110px;
}

.barber_section1 .box {
    background-color: #ee9700;
    color: #fff;
    font-size: 18px;
    border: solid 1px #fff;
    padding: 10px 10px;
    float: left;
    margin-top: -60px;
    margin-left: -54px;
    position: relative;
    z-index: 1;
}


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


/* 	    index-bakery         */


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


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


/* 	    index-bakery_section1         */


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

.bakery_section1 {
    width: 100%;
    float: left;
    text-align: center;
}

.bakery_section1 .content-box {
    background-color: #f0f0f0;
    padding: 35px 35px;
    width: 100%;
}

.bakery_section1 .box {
    background-color: #ee9700;
    color: #fff;
    font-size: 18px;
    width: 100%;
    padding: 10px 10px;
    position: relative;
    margin-top: -80px;
    margin-left: 0px;
    z-index: 1;
    padding: 11px 0px;
}


/*---------------------------------------------------
	Food Menu Items
------------------------------------------------------*/

.menu-card {
    margin-bottom: 40px;
}

.menu-items {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.menu-card .menu-img {
    width: 100px;
    float: left;
    margin-right: 20px;
}

.menu-items h3 {
    background: #fff none repeat scroll 0 0;
    display: inline;
    float: left;
    margin: 5px 0;
    padding-right: 10px;
    text-align: left;
    color: #010101;
    font-size: 20px;
}

.menu-items .price {
    background: #fff none repeat scroll 0 0;
    color: #ee9700;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin: 3px 0;
    padding-left: 10px;
}

.menu-items .dotted-lines {
    border-top: 2px dotted #ccc;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%;
    z-index: -1;
}

.menu-items.sidebar h3 {
    font-size: 15px;
}

.menu-items.sidebar .price {
    font-size: 14px;
    font-weight: normal;
}


/* table-form */

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

.bookatable-form {
    float: left;
    width: 100%;
}

.bookatable-form label {
    float: left;
    width: 100%;
}

.bookatable-form .input {
    float: left;
    width: 100%;
    text-align: left;
    background: #f9f9f9;
    border: 2px solid #eee;
    padding: 12px 16px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.bookatable-form textarea {
    float: left;
    width: 100%;
    height: 230px;
    text-align: left;
    background: #f9f9f9;
    border: 2px solid #eee;
    padding: 12px 16px;
    border-radius: 3px;
}

.button.four {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 18px 45px;
    border-radius: 4px;
    background-color: #ee9700;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button.four:hover {
    color: #fff;
    background-color: #272727;
}


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


/* 	         index-gym          */


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


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


/* 	 index-gym_section 1          */


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

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

.gym_section1 .box1 {
    background-color: #25b150;
    text-align: left;
    padding: 55px 40px 40px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gym_section1 .box2 {
    background-color: #000;
    text-align: left;
    padding: 55px 40px 40px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gym_section1 .box3 {
    background-color: #5764b6;
    text-align: left;
    padding: 55px 40px 40px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.gym_section1-sec li {
    text-align: left;
    color: #fff;
    padding: 0px 0px;
}

.gym_section1-sec li i {
    padding: 8px 10px 8px 0px;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.gym_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 12px 44px;
    background-color: #25b150;
    border-radius: 2px;
    text-transform: uppercase;
}

.gym_section1:hover .button.one {
    color: #25b150;
    background-color: #fff;
}


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


/* 	 index-gym_section 2          */


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

.gym_section2 {
    float: left;
    width: 100%;
    padding: 30px 30px;
    border: solid 4px #f3f3f3;
}

.gym_section2 .button.two {
    font-family: 'Open Sans', sans-serif;
    color: #25b150;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0px;
    text-transform: uppercase;
}

.gym_section2:hover .button.two {
    color: #272727;
}


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


/* 	  index-gym_section 3        */


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

.gym_section3 {
    padding: 25px 25px;
    background-color: #fff;
    color: #25b150;
    border: solid 6px #25b150;
}


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


/* 	    index-gym_team-holder1        */


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

.team-holder1 {
    width: 100%;
    padding: 0px;
    float: left;
    z-index: 0;
    background-color: #fff;
    border: 1px solid #dedede;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

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

.team-holder1 .image-holder {
    position: relative;
    width: 100%;
    float: left;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    z-index: 1;
}

.team-holder1 .image-holder img {
    position: relative;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.team-holder1 .image-holder .hover-box {
    position: absolute;
    width: 66px;
    height: 100%;
    float: left;
    top: 0px;
    left: -70px;
    padding: 30px;
    margin: 0px;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #25b150;
}

.team-holder1 .image-holder .hover-box .icons {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.team-holder1 .image-holder .hover-box .icons li {
    padding: 0px;
    margin: 0px;
    float: left;
}

.team-holder1 .image-holder .hover-box .icons li a {
    padding: 0px;
    margin: 20px 0 0 0px;
    font-size: 17px;
    color: #fff;
    float: left;
}


/*hover styles*/

.team-holder1:hover,
.team-holder1.active {
    background-color: #25b150;
}

.team-holder1:hover h4,
.team-holder1:hover p,
.team-holder1:hover h6,
.team-holder1.active h4,
.team-holder1.active p,
.team-holder1.active h6 {
    color: #fff;
}

.team-holder1 .image-holder .hover-box .icons li a:hover {
    color: #fff;
}

.team-holder1:hover .image-holder img,
.team-holder1.active .image-holder img {
    top: 0px;
}

.team-holder1:hover .image-holder .hover-box,
.team-holder1.active .image-holder .hover-box {
    left: 0px;
}


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


/* 	    index-Yoga        */


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


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


/* 	    index-Yoga_section1        */


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

.yoga-section1 h4 {
    font-size: 24px;
    margin: 10px 0 0;
    font-weight: bold;
    line-height: normal;
}

.yoga-section1 p {
    font-size: 16px;
    line-height: 28px;
    margin: 12px 0;
}

.yoga-section1 {
    padding: 30px 0;
}

.yoga-section1 .adventure {
    padding-top: 80px;
}

.yoga-section1 .adventure ul {
    margin-top: 56px;
    padding: 0;
}

.yoga-section1 .adventure ul li {
    list-style-type: none;
    text-align: right;
    line-height: 100px;
    position: relative;
    padding: 10px 120px 20px 0;
    margin-bottom: 32px;
    background: url("https://www.codedesigner.in/rise/css/images/adventure-icon1.png") right center no-repeat;
}

.yoga-section1 .adventure ul li:first-child,
.yoga-section1 .adventure ul li:last-child {
    margin-right: -40px;
}

.yoga-section1 .adventure ul li:after {
    content: "";
    width: 220px;
    height: 1px;
    z-index: 600;
    background-color: #2ecc71;
    position: absolute;
    right: 0;
    top: 50px;
}

.yoga-section1 .adventure ul li:nth-of-type(1):after {
    width: 220px;
    right: -120px;
}

.yoga-section1 .adventure ul li:nth-of-type(2):after {
    width: 300px;
    right: -200px;
}

.yoga-section1 .adventure ul li:nth-of-type(3):after {
    width: 400px;
    right: -300px;
}

.yoga-section1 .adventure ul li:nth-of-type(4):after {
    width: 500px;
    right: -400px;
}

.yoga-section1 .adventure ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    z-index: 600;
    background-color: #2ecc71;
    border-radius: 2px;
    position: absolute;
    right: 100px;
    top: 47px;
}

.yoga-section1 .adventure ul li span {
    width: 80px;
    height: 80px;
    float: right;
    border-radius: 50%;
    cursor: pointer;
    line-height: 90px;
    margin-left: 40px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.yoga-section1 .adventure ul li span i {
    font-size: 30px;
    color: #2ecc71;
}

.yoga-section1 .adventure ul li span:hover {
    background-color: #2ecc71;
    box-shadow: none;
}

.yoga-section1 .adventure ul li span:hover i {
    color: #fff;
}

.yoga-section1 .adventure ul li h6 {
    text-transform: uppercase;
    margin: 10px 0 0;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
}

.yoga-section1 .adventure ul li p {
    margin: 0;
    font-size: 14px;
    line-height: 28px;
}

.yoga-section1 .adventure img {
    width: 100%;
}


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


/* 	      index-blog        */


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


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


/* 	    index-blog-sec 1        */


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

.blog_section1 {
    float: left;
    width: 100%;
    background: #e3e3e3;
    text-align: center;
    padding: 115px 0px 120px 0px;
}

.blog_section1 .box {
    float: left;
    width: 100%;
    padding: 14px 14px 45px 14px;
    border-radius: 5px;
    background: #f9f9f9;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog_section1 .box:hover {
    background: #fff;
}

.blog_section1 .box img {
    border-radius: 3px;
    margin-bottom: 20px;
}

.blog_section1 .box span a {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
}

.blog_section1 .box span a:hover {
    color: #181818;
}


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


/* 	    index-blog-sec 2        */


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

.blog_section2 {
    float: left;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 115px 40px;
}


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


/* 	    index-blog-sec 3        */


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

.blog_section3 {
    width: 100%;
    text-align: center;
}

.blog_section3 .box {
    background-color: #fff;
    text-align: center;
    padding: 40px 10px;
}

.blog_section3 .box i {
    background-color: #f1f1f1;
    border: solid 4px #2ecc71;
    border-style: outset;
    height: 72px;
    width: 72px;
    color: #2ecc71;
    line-height: 68px;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 26px;
}


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


/* 	    index-wedding        */


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


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


/* 	    index-wedding-sec 1        */


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

.wed_btn {
    width: 140px;
    height: 35px;
    border-radius: 4px;
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #ee2323;
    margin-top: -45px;
    margin-left: 65px;
    text-align: center;
    position: relative;
}


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


/* 	  index-wedding-sec 2         */


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

.wedding_section2 {
    padding: 25px 25px;
}

.wedding_section2 .imgc {
    width: 200px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    background-image: url("../images/wedding-site-image03.png");
    background-position: center center;
    background-repeat: no-repeat;
}


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


/* 	  index-wedding-sec 3         */


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

.wedding_section3 {
    width: 100%;
    padding: 40px;
}

.wedding_section3 .imgc {
    width: 100%;
}

.wed_btn2 {
    width: 80%;
    alignment-adjust: central;
    text-align: center;
    border-radius: 4px;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background-color: #ee2323;
    margin-top: -100px;
    position: relative;
}

.circle1 {
    border-radius: 100%;
    border: 8px solid #ee2323;
}


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


/* 	  index-wedding-sec 4         */


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

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

.wedding_section4 .framebox {
    width: 75%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.95);
    padding: 20px 20px 60px 20px;
}

.wedding_section4 .framebox02 {
    padding: 50px 100px 40px 100px;
    width: 100%;
    float: left;
}

.bookatable-form {
    width: 100%;
}

.wedding_section4 .box1 {
    width: 100%;
    float: left;
}

.bookatable-form label {
    float: left;
    width: 100%;
}

.bookatable-form label.half {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.bookatable-form label.half.last {
    margin-right: 0%;
}

.bookatable-form .input {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #727272;
    font-weight: normal;
    float: left;
    width: 100%;
    text-align: left;
    background: #fff;
    border: 2px solid #eee;
    padding: 12px 16px;
    margin-bottom: 15px;
}

.bookatable-form textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #727272;
    font-weight: normal;
    float: left;
    width: 100%;
    height: 230px;
    text-align: left;
    background: #fff;
    border: 2px solid #eee;
    padding: 12px 16px;
}

.button.send {
    font-family: 'Droid Serif', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding: 14px 37px;
    background-color: #ee2323;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 30px;
}

.button.send:hover {
    color: #727272;
}

.wedding_section4 h1 {
    font-family: 'Josefin Sans', sans-serif;
    color: #272727;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}


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


/* 	    index-new-sec 1        */


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

.feature-box {
    margin-bottom: 0px;
    border: none;
    padding: 60px 0px 20px 0px;
    border: solid 1px #2ecc71;
}

.feature-box .feature-box-icon {
    background: #009c77;
    color: #FFF;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 35px;
    border: none;
}

.feature-box.big .feature-box-icon {
    background: #009c77;
    color: #FFF;
    display: inline-block;
    float: left;
    margin-right: 20px;
    position: relative;
    text-align: center;
    top: 2px;
    width: 75px;
    border: none;
}

.feature-box.right .feature-box-icon,
.feature-box.big.right .feature-box-icon {
    float: right;
    margin-right: 0;
    border: none;
}

.feature-box.big.right .feature-box-info {
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}

.feature-box.right .feature-box-info {
    padding-left: 0;
    padding-right: 60px;
    border: none;
}


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


/* 	    index-winery        */


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


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


/* 	    index-winery_section1         */


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

.winery_section1 {
    width: 100%;
    float: left;
    text-align: center;
}


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


/* 	    index-winery_section 2         */


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

.winery_section2 {
    width: 100%;
    float: left;
    text-align: left;
    padding: 47px 50px;
    background-color: #f3f3f3;
}

.winery_section2-right {
    width: 100%;
    float: left;
    text-align: right;
    padding: 47px 50px;
    background-color: #f3f3f3;
}


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


/* 	    index-winery_section 3         */


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

.winery_section3 {
    float: left;
    width: 100%;
    text-align: center;
}

.winery_section3 .content {
    background-color: #f6f6f6;
    text-align: center;
    width: 100%;
    padding: 15px 0px 35px 0px;
}

.winery_section3 h4 {
    font: 16px 'Open Sans', sans-serif;
    font-weight: bold;
    padding: 6px 0px 12px 0px;
}

.winery_section3 h4 em {
    font-weight: normal;
    padding-top: 6px;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-decoration: line-through;
    font-style: normal;
}

.winery_section3 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 10px 30px;
    border-radius: 4px;
    background-color: #2e0f0c;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.winery_section3:hover .button.one {
    color: #fff;
    background-color: #000;
}


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


/* 	 index-photography           */


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


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


/* 	 index-photography_section 1          */


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

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

.photography_section1 .box1 {
    background-color: #25b150;
    text-align: right;
    padding: 57px 40px 40px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.photography_section1 .box2 {
    background-color: #000;
    text-align: left;
    padding: 55px 40px 40px 40px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.photography_section1-sec li {
    text-align: left;
    color: #fff;
    padding: 0px 0px;
}

.photography_section1-sec li i {
    padding: 8px 10px 8px 0px;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.photography_section1 .button.one {
    font-family: 'Open Sans', sans-serif;
    color: #25b150;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 12px 44px;
    background-color: #fff;
    border-radius: 2px;
    text-transform: uppercase;
}

.photography_section1:hover .button.one {
    color: #fff;
    background-color: #242424;
}

.photography_section1 .button.two {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 12px 44px;
    background-color: #25b150;
    border-radius: 2px;
    text-transform: uppercase;
}

.photography_section1:hover .button.two {
    color: #25b150;
    background-color: #fff;
}


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


/* 	 index-photography_section 2          */


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

.photography_section2 {
    float: left;
    width: 100%;
    text-align: center;
}

.photography_section2 .box1 {
    border-left: solid 2px #f3f3f3;
    border-top: solid 2px #f3f3f3;
    border-bottom: solid 2px #f3f3f3;
    padding: 30px 15px;
}

.photography_section2 .box2 {
    border: solid 2px #f3f3f3;
    padding: 30px 15px;
}

.photography_section2 .button.two {
    font-family: 'Open Sans', sans-serif;
    color: #25b150;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0px;
    text-transform: uppercase;
}

.photography_section2:hover .button.two {
    color: #272727;
}


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


/* 	 index-photography_section 3     */


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

.photography_section3 {
    padding: 20px 25px;
    background-color: #fff;
    border-radius: 100%;
    width: 210px;
    height: 210px;
    color: #25b150;
    border: solid 6px #25b150;
}


/*=============== Our Team ===================*/

.team-posts {
    float: left;
    margin-bottom: -30px;
    width: 100%;
    padding-left: 60px;
}

.team {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team img {
    width: 100%;
}

.team-detail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    text-align: center;
    height: auto;
    max-height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0px;
    -webkit-transition: all 0.4s linear 0s, padding 0.4s linear 0s;
    -webkit-transition: all 0.3s linear 0s, padding 0.4s linear 0s;
    transition: all 0.3s linear 0s, padding 0.4s linear 0s;
}

.team:hover .team-detail {
    min-height: 100%;
    padding-top: 100px;
}

.team-detail ul {
    float: left;
    padding: 25px 10px;
    text-align: center;
    width: 100%;
}

.team-detail ul li {
    display: inline;
    line-height: 20px;
    padding: 0 5px;
    position: relative;
}

.team-detail ul li:before {
    bottom: 0;
    position: absolute;
}

.team-detail ul li:last-child:before {
    display: none;
}

.team-detail ul li a {
    color: #888888;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-detail h3 {
    float: left;
    font-size: 15px;
    line-height: 25px;
    margin-top: 25px;
    padding: 0 65px;
    width: 100%;
}

.team p {
    display: none;
    float: left;
    letter-spacing: 0;
    line-height: 25px;
    opacity: 0;
    padding: 0px 20px 10px 20px;
    width: 100%;
    -webkit-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team:hover p {
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block
}

.team li {
    display: inline-block;
    padding-top: 0px;
    text-align: center;
}

.team li a {
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #eeeeee;
    color: #272727;
    font-size: 16px;
    text-align: center;
}

.team li:hover a {
    border: 1px solid #0eb477;
    color: #0eb477;
    background-color: #fff;
}

.section-1 {
    padding: 47px 0px;
}

.features-sec li {
    text-align: left;
    color: #fff;
    padding: 0px 0px;
}

.features-sec li i {
    padding: 8px 10px 8px 0px;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.btn.btn-borderradius.white {
    color: #fff;
    border-color: #fff;
    border-radius: 25px;
    margin: 20px 0px 0px 40px;
}

.btn.btn-borderradius.white:hover {
    color: #272727;
    border-color: #fff;
}


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


/* 		 Customer         */


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

.Customer {
    text-align: center;
}

.Customer .imges {
    text-align: center;
    background-image: url("../images/clint-img07.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 100px;
}


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


/* 		 price-plan         */


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

.price-plan {
    border: 6px solid #dddddd;
    text-align: center;
    padding: 25px 0px;
}

.price-plan span {
    font-size: 24px;
}

.price-plan li {
    width: 100%;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 40px;
}

.price-plan li i {
    padding: 8px 10px 8px 0px;
    border-radius: 100%;
    color: #0eb477;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.price-plan .green {
    color: #727272;
    border: solid 2px #0eb477;
    padding: 4px 42px;
    border-radius: 30px;
}

.price-plan .green:hover {
    color: #fff;
    border-color: #0eb477;
    background-color: #0eb477;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.price-plan:hover {
    border: 6px solid #0eb477;
    color: inherit;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.price-plan.active {
    border: 6px solid #0eb477;
    color: inherit;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


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


/* 		 price-plan 1         */


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

.price-plan-1 {
    border: 6px solid #dddddd;
    text-align: center;
    padding: 25px 0px
}

.price-plan-1 span {
    font-size: 24px;
}

.price-plan-1 li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-left: 40px;
}

.price-plan-1 li i {
    padding: 8px 10px 8px 0px;
    border-radius: 100%;
    color: #0eb477;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.price-plan-1 .green {
    color: #727272;
    border: solid 2px #0eb477;
    padding: 4px 42px;
    border-radius: 30px;
}

.price-plan-1 .green2:hover {
    color: #fff;
    border-color: #0eb477;
    background-color: #0eb477;
}

.price-plan-1 .green2 {
    color: #727272;
    border: solid 2px #0eb477;
    padding: 4px 42px;
    border-radius: 30px;
}

.price-plan-1 .green:hover {
    color: #fff;
    border-color: #0eb477;
    background-color: #0eb477;
}

.price-plan-1:hover {
    border: 6px solid #0eb477;
    color: inherit;
}

.price-plan-1.active {
    border: 6px solid #0eb477;
    color: inherit;
}


/* blog holder1
 -----------------------------------------------*/

.blog-holder1 {
    width: 100%;
    float: left;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #f6f6f6;
}

.postinfo-icon-holder {
    float: left;
    margin: 0;
    padding: 0px;
    width: 100%;
}

.blog-holder1 .post-infoicon {
    margin-right: 8px;
    float: left;
}

.blog-post-info {
    font-size: 13px;
    color: #727272;
    display: block;
}

.blog-post-info2 {
    font-size: 13px;
    color: #fff;
    display: block;
}

.blog-holder1:hover,
.blog-holder1.active {
    background-color: #00091d;
}

.blog-holder1:hover h4,
.blog-holder1.active h4 {
    color: #fff;
}

.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;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

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

.nodisplay-image {
    display: none;
}

.blog-holder-1 .post-date-box {
    position: absolute;
    width: 120px;
    height: 120px;
    float: left;
    font-size: 21px;
    color: #fff;
    padding: 36px 0 0 0;
    margin: 0;
    z-index: 2;
    text-align: center;
    background-color: #2ecc71;
}

.blog-holder-1 .post-date-box span {
    font-size: 13px;
    color: #fff;
    display: block;
}

.blog-holder-1 .post-date-box.two {
    top: 120px;
    color: #242424;
    background-color: #fff;
}

.blog-holder-1 .post-date-box.two span {
    color: #242424;
}


/* 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: 25px 0px 25px 0px;
    padding-left: 0px;
}

.blog-holder2 .text-box.noborder {
    border-right: none;
}

.blog-holder2 .post-date-box {
    position: static;
    background-color: #09aeec;
    padding-top: 10px;
}

.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 pagenation 
 ------------------------------ */

.blog-pagenation {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.blog-pagenation li {
    margin: 0;
    padding: 0;
    display: inline;
}

.blog-pagenation li a {
    color: #242424;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    width: 40px;
    border: 1px solid #e4e4e4;
}

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


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


/* 	           inner pages            */


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


/* titel Section bgimg
 ------------------------------ */

.page_title .title {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0px;
}

.page_title h3 {
    margin: 0px 0px 8px 0px;
    color: #fff;
    font-weight: bold;
}

.page_title h5 {
    margin: 0px;
    color: #fff;
    font-weight: 300;
}

.page_title {
    float: left;
    width: 100%;
    padding: 100px 0px;
    background: #081c22;
    background-image: url("../images/page_titlebg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.page_title.about_us {
    background-image: url("../images/about-title2.jpg");
}

.page_title.vpn {
    /* background-image: url("../images/vpn-title2.jpg"); */
    background-image: url("../images/vpn-title3.jpg");
}

.page_title.vps {
    /* background-image: url("../images/vps-title2.jpg"); */
    background-image: url("../images/vps-title3.jpg");
}

.page_title.ssd {
    background-image: url("../images/ssd-title2.jpg");
    
}

.page_title.standard {
    /* background-image: url("../images/standard-title2.jpg"); */
    background-image: url("../images/standard-title3.jpg");
}

.page_title h1 {
    /*    float: left;*/
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
}

.page_title .pagenation {
    float: right;
    font-size: 13px;
    text-align: left;
    font-weight: normal;
    color: #e3e3e3;
    margin: 7px 0px 0px 0px;
}

.page_title .pagenation i {
    color: #999;
    margin: 0px 2px 0px 2px;
}

.page_title.pagenation a {
    padding: 0px;
    color: #999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.page_title .pagenation a:hover {
    color: #e3e3e3;
}


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


/* 	           services box -1        */


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

.serviceBox1 .service-icon {
    color: #fff;
    width: 90px;
    margin-top: 10px;
    height: 90px;
    line-height: 90px;
    font-size: 33px;
    margin-right: 20px;
    text-align: center;
    float: left;
}

.serviceBox1 .service-icon img {
    width: 100%;
    padding: 10px;
}

.withborder {
    border-radius: 200px !important;
}

.serviceBox1 .service-content {
    margin-left: 85px;
}

.service-box-inner .content-box > h3,
.serviceBox1 .service-content h3 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.serviceBox1 .service-content p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.hovicon {
    position: relative;
}

.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
}

.noradius:after {
    border-radius: 0 !important;
}

.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}


/* Effect 1 */

.hovicon.effect-1 {
    -webkit-transition: background 1s, color 0.2s;
    transition: background 1s, color 0.2s;
}

.hovicon.effect-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #979797;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    transform: scale(.8);
    opacity: 0;
}


/* Effect 1a */

.hovicon.effect-1.sub-a:hover {
    background: #979797;
}

.hovicon.effect-1.sub-a:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* Effect 1b */

.hovicon.effect-1.sub-b:hover {
    background: #979797;
}

.hovicon.effect-1.sub-b:hover i {}

.hovicon.effect-1.sub-b:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.hovicon.effect-1.sub-b:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.colorized-magnifier.magnifier {
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    top: 0 !important;
}

.colorized-magnifier .hovericons a {
    color: #ffffff !important;
    display: inline-block !important;
    height: 35px;
    line-height: 35px;
    width: 35px;
}

.colorized-magnifier .hovericons {
    display: block !important;
    width: 100%;
}

.colorized-magnifier .hovericons a {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.colorized-magnifier .hovericons {
    background-color: transparent !important;
}

.color1 .magnifier,
.color1 {
    background-color: #46e35f !important;
    border-color: #46e35f !important;
}

.color1.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #46e35f;
}

.serviceBox:hover .color1 {
    background-color: #F1773D !important;
}

.color2 .magnifier,
.color2 {
    background-color: #FEC606 !important;
    border-color: #FEC606 !important;
}

.color21 {
    background-color: #eb0039 !important;
}

.color2.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #FEC606;
}

.serviceBox:hover .color2 {
    background-color: #FEC606 !important;
}

.serviceBox:hover .color10 {
    background-color: #1CAADE !important;
}

.color10.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #1CAADE;
}

.color3 .magnifier,
.color3 {
    background-color: #71BA51 !important;
    border-color: #71BA51 !important;
}

.color3.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #71BA51;
}

.serviceBox:hover .color3 {
    background-color: #71BA51 !important;
}

.color4 .magnifier,
.color4 {
    background-color: #6C8784 !important;
    border-color: #6C8784 !important;
}

.color4.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #6C8784;
}

.serviceBox:hover .color4 {
    background-color: #6C8784 !important;
}

.color5 .magnifier,
.color5 {
    background-color: #3D8EB9 !important;
    border-color: #3D8EB9 !important;
}

.color5.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #3D8EB9;
}

.serviceBox:hover .color5 {
    background-color: #3D8EB9 !important;
}

.color6 .magnifier,
.color6 {
    background-color: #D33257 !important;
    border-color: #D33257 !important;
}

.color6.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #D33257;
}

.color7 .magnifier,
.color7 {
    background-color: #0097A7 !important;
    border-color: #0097A7 !important;
}

.color13 {
    background-color: #1FB0C7 !important;
}

.color14 {
    background-color: #F3AC1D !important;
}

.color7.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #0097A7;
}

.color8 .magnifier,
.color8 {
    background-color: #F1773D !important;
    border-color: #F1773D !important;
}

.color8.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #F1773D;
}

.color9 .magnifier,
.color9 {
    background-color: #455A64 !important;
    border-color: #455A64 !important;
}

.color9.hovicon.effect-1:after {
    box-shadow: 0 0 0 2px #455A64;
}

.color10 {
    background-color: #1CAADE !important;
}


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


/* 	           services box -2        */


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

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

.serviceBox2 .box {
    float: left;
    width: 100%;
    padding: 60px 60px 80px 60px;
    text-align: left;
    background-color: #fff;
    border-right: solid 1px #eee;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.serviceBox2 .box.last {
    border-right: none;
}

.serviceBox2 i {
    font-size: 30px;
    color: #272727;
    padding-bottom: 32px;
}

.serviceBox2 h3 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.serviceBox2 .box:hover,
.serviceBox2 .box.active {
    background-color: #46e35f;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.serviceBox2 .box:hover i,
.serviceBox2 .box.active i,
.serviceBox2 .box:hover h3,
.serviceBox2 .box.active h3,
.serviceBox2 .box:hover p,
.serviceBox2 .box.active p {
    color: #fff;
}


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


/* 	           services box -3        */


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

.feature-icon a {
    border: 3px solid #2395ec;
    border-radius: 100%;
    display: block;
    font-size: 45px;
    height: 150px;
    margin: auto;
    text-align: center;
    width: 150px;
    color: #2395ec;
}

.serviceBox3 h3 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.purple .feature-icon a {
    border: 3px solid #8F8BD5
}

.green .feature-icon a {
    border: 3px solid #46e35f
}

.orange .feature-icon a {
    border: 3px solid #E69020
}

.purple .feature-icon a i {
    color: #8F8BD5
}

.green .feature-icon a i {
    color: #46e35f
}

.orange .feature-icon a i {
    color: #E69020
}

.serviceBox3:hover .feature-icon a i {
    color: #fff
}

.feature-icon a i {
    display: block;
    line-height: 150px;
}

.serviceBox3:hover .feature-icon a {
    background: #2395ec;
    border-color: #2395ec;
    color: #fff;
}

.serviceBox3.purple:hover .feature-icon a {
    background: #8F8BD5;
    border-color: #8F8BD5;
}

.serviceBox3.green:hover .feature-icon a {
    background: #46e35f;
    border-color: #46e35f;
}

.serviceBox3.orange:hover .feature-icon a {
    background: #E69020;
    border-color: #E69020;
}

.serviceBox3:hover .feature-icon a i {
    -webkit-animation: 2s ease 0s normal none infinite running rotate;
    animation: 2s ease 0s normal none infinite running rotate;
}

.serviceBox3:hover .feature-heading > a {
    color: #2395ec
}

.serviceBox3.purple:hover .feature-heading > a {
    color: #8F8BD5
}

.serviceBox3.green:hover .feature-heading > a {
    color: #46e35f
}

.serviceBox3.orange:hover .feature-heading > a {
    color: #E69020
}

.feature-content > span {
    color: #4a4d4f;
    letter-spacing: 0.8px;
}

.feature-mini-icon {
    color: #2395ec
}

.purple .feature-mini-icon {
    color: #8F8BD5
}

.green .feature-mini-icon {
    color: #46e35f
}

.orange .feature-mini-icon {
    color: #E69020
}


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


/* 	    innerpage-login_section        */


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

.login-btn {
    font-size: 16px;
    padding: 15px 85px;
    text-align: center;
    color: #fff;
    background-color: #2ecc71;
    border-style: none;
    border-radius: 4px;
    margin-bottom: 70px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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


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


/* 	    innerpage-login_section        */


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

.login-btn2 {
    font-size: 16px;
    padding: 15px 85px;
    text-align: center;
    color: #fff;
    background-color: #ec182c;
    border-style: none;
    border-radius: 4px;
    margin-bottom: 70px;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.login-btn2:hover {
    background-color: #242424;
}


/* 
============================
	services styles
============================
*/


/* service section 14 */

.section-services-st-14 {}

.section-services-st-14 .service-box {}

.section-services-st-14 .service-box .service-box-inner {
    background-color: #f9f9f9;
    overflow: hidden;
    padding: 30px 50px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.section-services-st-14 .service-box .service-box-inner:hover {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.section-services-st-14 .service-box .service-box-inner .icon-style {
    font-size: 30px;
    text-align: center;
}

.section-services-st-14 .service-box .service-box-inner .icon-style:before {
    width: 142px;
    height: 142px;
    content: "";
    display: block;
    margin: 0 auto;
    -webkit-transform: translateY(-201px) rotate(45deg);
    transform: translateY(-201px) rotate(45deg);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.section-services-st-14 .service-box .service-box-inner:hover .icon-style:before {
    -webkit-transform: translateY(-101px) rotate(45deg);
    transform: translateY(-101px) rotate(45deg);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.section-services-st-14 .service-box .service-box-inner .icon-style i {
    font-size: 30px;
    position: relative;
    z-index: 10;
    -webkit-transform: translateY(22px);
    transform: translateY(22px);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.section-services-st-14 .service-box .service-box-inner .icon-style i:after {
    width: 30px;
    height: 1px;
    content: "";
    display: block;
    margin-top: 11px;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.section-services-st-14 .service-box .service-box-inner:hover .icon-style i:after {
    background: none;
}

.section-services-st-14 .service-box .service-box-inner:hover .icon-style i {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: .5s;
    /* Safari */
    transition-delay: .5s;
}

.section-services-st-14 .service-box .services-title {
    margin-top: 30px;
}

.section-services-st-14 .service-box .services-title h4 {
    color: #444;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: bold;
}

.section-services-st-14 .service-box .services-descrip p {
    font-family: 'Droid Serif', serif;
    color: #999;
    text-align: center;
    line-height: 26px;
}


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


/* 	     our-services         */


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

.our_service {
    background: #f7f7f7
}

.single_service {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: relative;
}

.single_service:hover {}

.single_service i {
    color: #fb6521;
    display: block;
    /*    float: left;*/
    font-size: 40px;
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    padding-right: 20px;
    text-align: center
}

.single_service:hover i {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.single_service .box-img{
    height: 40px;
    width: auto;
    margin-bottom: 20px;
}

.single_service h4 {
    color: #333;
    font-size: 16px;
    margin: 0;
    padding-top: 11px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    text-align: left;
}

.single_service p {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    text-align: left;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 100%;
    text-align: center
}


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


/* 	  indexResume-timeline        */


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

.section-timeline {
    padding: 120px 0;
}

.section-timeline .timeline-box {
    padding: 142px 60px 120px;
}

.section-timeline .section-title-st-11 small {
    margin-top: -38px;
}

.timeline-box .section-content {
    margin-top: 75px;
}

.timeline {
    position: relative;
}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 auto;
    height: 100%;
    width: 2px;
    background-color: #e9e9e9;
}

.timeline .row {
    margin: 0 -60px;
}

.timeline .col-md-6 {
    padding: 0 60px;
}

.timeline-items {
    text-align: right;
    padding-top: 64px;
    position: relative;
}

.timeline-items::before {
    content: '';
    position: absolute;
    top: -30px;
    right: -76px;
    width: 30px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 50%;
}

.timeline-items::after {
    content: '';
    position: absolute;
    top: -23px;
    right: -69px;
    width: 16px;
    height: 16px;
    background-color: #333;
    border-radius: 50%;
}

.timeline-items.inverted {
    text-align: left;
    padding-top: 236px;
}

.timeline-items.inverted:before,
.timeline-items.inverted:after {
    display: none;
}

.timeline-items h4 {
    font-weight: bold;
}

.timeline-item {
    background-color: #f9f9f9;
    border: 10px solid #fff;
    position: relative;
    padding: 42px 34px 42px 20px;
    margin-bottom: 80px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-item:before {
    content: '';
    position: absolute;
    top: 52px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.20);
    right: -79px;
    width: 16px;
    height: 16px;
    background-color: #c72b26;
    border: 3px solid #fff;
    border-radius: 50%;
}

.inverted .timeline-item:before {
    left: -77px;
    right: auto;
    background-color: #cbd215;
}

.hidden-md-up {
    display: none;
}

.timeline-title h4 {
    color: #2a2d2e;
    margin-bottom: 2px;
}

.timeline-title p {
    font-size: 13px;
}

.timeline-title time {
    color: #2ecc71;
    margin-right: 20px;
}

.professional-info-box,
.section-product-st-11 .portfolio-box,
.timeline-item,
.timeline-box {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.19);
    background-color: #fff;
}

.section-professional-skill {
    padding: 102px 0 90px;
}

.section-professional-skill .section-title-st-11 h4 {
    font-size: 24px;
}

.skillbox-wrap .col-md-6 {
    padding-right: 85px;
}

.professional-skill-title h5 {
    font-weight: 400;
    text-transform: capitalize;
    color: #2f2933;
    margin: 5px 0 10px;
}

.professional-skill-box .progress {
    background-color: #f9f9f9;
    padding: 1px;
    border-radius: 2px;
    box-shadow: none;
    border: 1px solid #eee;
    margin-bottom: 31px;
}

.professional-skill-box .progress-bar {
    border-radius: 2px 0 0 2px;
    box-shadow: none;
    background: rgba(195, 32, 38, 1);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(195, 32, 38, 1)), color-stop(56%, rgba(195, 32, 38, 1)), color-stop(100%, rgba(255, 178, 36, 1)));
    background: -webkit-linear-gradient(left, rgba(195, 32, 38, 1) 0%, rgba(195, 32, 38, 1) 56%, rgba(255, 178, 36, 1) 100%);
    background: linear-gradient(to right, rgba(195, 32, 38, 1) 0%, rgba(195, 32, 38, 1) 56%, rgba(255, 178, 36, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c32026', endColorstr='#ffb224', GradientType=1);
}


/*----------------------------
		services
----------------------------------*/

.package-box {
    width: 100%;
    padding: 25px 25px 40px 25px;
    background-color: #fff;
    border-radius: 6px;
    border: #CCC 6px solid;
    text-align: center;
}

.package-box h1 {
    font-size: 72px;
    font-weight: 500;
}

.package-box em {
    font-size: 35px;
    vertical-align: top;
    padding-right: 10px;
    color: #272727;
}

.package-box .btnpackage {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 8px 22px;
    border-radius: 4px;
    border: solid 2px #e2e2e2;
    background-color: #ee2323;
}

.package-box .btnpackage:hover {
    color: #000;
}

.services {
    padding: 0px 0
}

.services .services-content .service-box {
    background: #F7F7F7;
    padding: 50px 20px;
    text-align: center;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.services .services-content .service-box p.icon {
    font-size: 50px;
    color: #cccccc;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.services .services-content .service-box h3 {
    font-size: 25px;
    color: #313131;
    font-family: "Roboto", sans-serif;
    margin: 20px 0;
}

.services .services-content .service-box p {
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    color: #969595;
    margin-bottom: 20px;
}


/* .service-box a.btn.btn-primary {
    background: #F1F1F1 !important;
    color: #969595 !important;
    border-bottom-color: #b5b5b5 !important;
}
.services .services-content .service-box:hover a.btn.btn-primary {
    background: #ff8724;
    border-color:#d9731e;
    border-style: none none solid;
    border-width: 0 0 3px;
    color: #fff;
}
   ================================================== */

.services .services-content .service-box a.btn.btn-primary,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default {
    padding: 10px 30px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.services .services-content .service-box a.btn.btn-primary:hover,
.services .services-content .service-box .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .services .services-content .service-box a.btn.btn-default:hover {
    text-decoration: none;
    border-bottom-color: #FF8724;
    margin-top: 4px;
    margin-bottom: 0;
}

.services .services-content .service-box:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
}

.services .services-content .service-box:hover p.icon {
    color: #FF8724
}


/* =========================
    Pricing Table
   =========================
   ================================================== */

.pricing-table {
    padding: 80px 0;
    background: #FAFCFC;
}

.pricing-table .pricing-content .pricing-cell {
    background: #fff;
    border: 1px solid #F1F1F1;
    text-align: center;
    padding: 30px 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.pricing-table .pricing-content .pricing-cell .pricing-head h2 {
    font-size: 40px;
    color: #313131;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    position: relative;
    margin: 0 0 5px 0;
}

.pricing-table .pricing-content .pricing-cell .pricing-head h2 i {
    font-size: 20px;
    position: absolute;
    top: 30%;
    left: 30%;
}

.pricing-table .pricing-content .pricing-cell .pricing-head p {
    color: #969595;
    font-size: 12px;
    text-transform: uppercase;
}

.pricing-table .pricing-content .pricing-cell .pricing-head h3.pricing-title {
    background: #F1F1F1;
    padding: 15px 0;
    color: #969595;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.pricing-table .pricing-content .pricing-cell ul.pricing-details li {
    padding: 15px 0;
    color: #969595;
}

.pricing-table .pricing-content .pricing-cell a.btn.btn-primary,
.pricing-table .pricing-content .pricing-cell .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell a.btn.btn-default {
    background: #F1F1F1;
    color: #969595 !important;
    border-bottom-color: #B5B5B5;
    margin-bottom: 2px;
}

.pricing-table .pricing-content .pricing-cell a.btn.btn-primary:hover,
.pricing-table .pricing-content .pricing-cell .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell a.btn.btn-default:hover {
    margin-bottom: 0;
    margin-top: 2px;
    border-bottom-color: #f1f1f1;
}

.pricing-table .pricing-content .featured,
.pricing-table .pricing-content .pricing-cell:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
}

.pricing-table .pricing-content:hover .featured {
    box-shadow: none
}

.pricing-table .pricing-content:hover .featured:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2)
}

.pricing-table .pricing-content:hover .featured .pricing-head h3.pricing-title {
    background: #f1f1f1;
    color: #969595;
}

.pricing-table .pricing-content:hover .featured a.btn.btn-primary {
    background: #f1f1f1 none repeat scroll 0 0;
    border-bottom-color: #b5b5b5;
    color: #969595 !important;
    margin-bottom: 2px;
}

.pricing-table .pricing-content .featured .pricing-head h3.pricing-title,
.pricing-table .pricing-content .pricing-cell:hover .pricing-head h3.pricing-title {
    background: #fd722b;
    color: #ffffff;
}

.pricing-table .pricing-content .featured a.btn.btn-primary,
.pricing-table .pricing-content .pricing-cell:hover a.btn.btn-primary,
.pricing-table .pricing-content .featured .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .featured a.btn.btn-default,
.pricing-table .pricing-content .pricing-cell:hover .call-to-action ul li a.btn.btn-default,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell:hover a.btn.btn-default {
    background: #fd722b;
    border-bottom-color: #fd722b;
    color: #fff !important;
    margin-bottom: 2px;
}

.pricing-table .pricing-content .featured a.btn.btn-primary:hover,
.pricing-table .pricing-content .pricing-cell:hover a.btn.btn-primary:hover,
.pricing-table .pricing-content .featured .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .pricing-table .pricing-content .featured a.btn.btn-default:hover,
.pricing-table .pricing-content .pricing-cell:hover .call-to-action ul li a.btn.btn-default:hover,
.call-to-action ul li .pricing-table .pricing-content .pricing-cell:hover a.btn.btn-default:hover {
    margin-bottom: 0;
    margin-top: 2px;
    border-bottom-color: #fd722b;
}


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


/* 		       footer                 */


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

.footer {
    width: 100%;
    float: left;
    padding: 75px 0 75px 0;
    margin: 0px;
    background-color: #161616;
}

.footer_logo {
    width: 140px;
    height: 40px;
    float: left;
    padding: 0;
    margin: 0 0 30px 0;
}

.footer .address {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #666666;
    float: left;
    padding: 0 0 15px 0;
    margin: 0px;
}

.footer .title {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    float: left;
    padding: 0 0 15px 0;
    margin: 0px;
}

.footer .title_line {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0;
    margin: 0 0 30px 0;
    background: url("../images/section_title_line7.png") 0px 0px no-repeat;
}

.footer .recent_posts {
    float: left;
    width: 100%;
    padding: 15px 0px 15px 0px;
    margin: 0px;
    border-bottom: 1px solid #2e2e2e;
}

.footer .recent_posts.first {
    padding: 0px 0px 15px 0px;
}

.footer .recent_posts.last {
    border-bottom: none;
}

.footer .recent_posts:hover .post .title a {
    color: #fd722b;
}

.footer .recent_posts:hover .imgholder {
    width: 64px;
    height: 64px;
    border: 2px solid #fd722b;
}

.footer .recent_posts.active .post .title a {
    color: #fd722b;
}

.footer .recent_posts.active .imgholder {
    width: 64px;
    height: 64px;
    border: 2px solid #fd722b;
}

.footer .recent_posts .img {
    width: 30%;
    padding: 0px;
    margin: 0;
    float: left;
}

.footer .recent_posts .imgholder {
    width: 64px;
    height: 64px;
    padding: 0px;
    margin: 0;
    float: left;
    border: 2px solid #161616;
}

.footer .recent_posts .post {
    width: 70%;
    padding: 0px;
    margin: 0px;
    float: right;
}

.footer .recent_posts .post .title {
    font-size: 14px;
    color: #fff;
    padding: 0px;
    margin: 0px;
    float: left;
}

.footer .recent_posts .post .title a {
    color: #fff;
}

.footer .recent_posts .post .smalltext {
    padding: 0;
    margin: 0px;
    float: left;
}

.footer .recent_posts .post .info {
    color: #666666;
    font-size: 13px;
    margin: 0 5px 0 0;
    padding: 0px;
    float: left;
}


/*hover styles*/

.footer ul.recent_posts li:hover .imgholder .line {
    opacity: 1;
}

.footer ul.recent_posts li:hover a.title {
    color: #fd722b;
}


/*active styles*/

.footer ul.recent_posts li.active .imgholder .line {
    opacity: 1;
}

.footer ul.recent_posts li.active a.title {
    color: #fd722b;
}


/* Tags */

.footer ul.tags {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

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

.footer ul.tags li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags li a:hover {
    color: #fd722b;
    border: 1px solid #fd722b;
}

.footer ul.tags li a.active {
    color: #fd722b;
    border: 1px solid #fd722b;
}


/* Tags2 */

.footer ul.tags2 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags2 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags2 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags2 li a:hover {
    color: #fd722b;
    border: 1px solid #fd722b;
}

.footer ul.tags2 li a.active {
    color: #fd722b;
    border: 1px solid #fd722b;
}


/* Tags3 */

.footer ul.tags3 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags3 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags3 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags3 li a:hover {
    color: #0eb477;
    border: 1px solid #0eb477;
}

.footer ul.tags3 li a.active {
    color: #0eb477;
    border: 1px solid #0eb477;
}


/* Tags4 */

.footer ul.tags4 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags4 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags4 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags4 li a:hover {
    color: #2ecc71;
    border: 1px solid #2ecc71;
}

.footer ul.tags4 li a.active {
    color: #2ecc71;
    border: 1px solid #2ecc71;
}


/* Tags5 */

.footer ul.tags5 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags5 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags5 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags5 li a:hover {
    color: #12bbec;
    border: 1px solid #12bbec;
}

.footer ul.tags5 li a.active {
    color: #12bbec;
    border: 1px solid #12bbec;
}


/* Tags6 */

.footer ul.tags6 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags6 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags6 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags6 li a:hover {
    color: #fd722b;
    border: 1px solid #fd722b;
}

.footer ul.tags6 li a.active {
    color: #fd722b;
    border: 1px solid #fd722b;
}


/* Tags7 */

.footer ul.tags7 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags7 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags7 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags7 li a:hover {
    color: #fb6420;
    border: 1px solid #fb6420;
}

.footer ul.tags7 li a.active {
    color: #fb6420;
    border: 1px solid #fb6420;
}


/* Tags8 */

.footer ul.tags8 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags8 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags8 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags8 li a:hover {
    color: #fe4dc6;
    border: 1px solid #fe4dc6;
}

.footer ul.tags8 li a.active {
    color: #fe4dc6;
    border: 1px solid #fe4dc6;
}


/* Tags9 */

.footer ul.tags9 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags9 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags9 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags9 li a:hover {
    color: #eeb500;
    border: 1px solid #eeb500;
}

.footer ul.tags9 li a.active {
    color: #eeb500;
    border: 1px solid #eeb500;
}


/* Tags10 */

.footer ul.tags10 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags10 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags10 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags10 li a:hover {
    color: #009bdb;
    border: 1px solid #009bdb;
}

.footer ul.tags10 li a.active {
    color: #009bdb;
    border: 1px solid #009bdb;
}


/* Tags11 */

.footer ul.tags11 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags11 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags11 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags11 li a:hover {
    color: #ee9700;
    border: 1px solid #ee9700;
}

.footer ul.tags11 li a.active {
    color: #ee9700;
    border: 1px solid #ee9700;
}


/* Tags12 */

.footer ul.tags12 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags12 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags12 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags12 li a:hover {
    color: #25b150;
    border: 1px solid #25b150;
}

.footer ul.tags12 li a.active {
    color: #25b150;
    border: 1px solid #25b150;
}


/* Tags13 */

.footer ul.tags13 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags13 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags13 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags13 li a:hover {
    color: #ee2323;
    border: 1px solid #ee2323;
}

.footer ul.tags13 li a.active {
    color: #ee2323;
    border: 1px solid #ee2323;
}


/* Tags14 */

.footer ul.tags14 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags14 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags14 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags14 li a:hover {
    color: #ec182c;
    border: 1px solid #ec182c;
}

.footer ul.tags14 li a.active {
    color: #ec182c;
    border: 1px solid #ec182c;
}


/* Tags15 */

.footer ul.tags15 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags15 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags15 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags15 li a:hover {
    color: #269bf5;
    border: 1px solid #269bf5;
}

.footer ul.tags15 li a.active {
    color: #269bf5;
    border: 1px solid #269bf5;
}


/* Tags16 */

.footer ul.tags16 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags16 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags16 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags16 li a:hover {
    color: #e42c9c;
    border: 1px solid #e42c9c;
}

.footer ul.tags16 li a.active {
    color: #e42c9c;
    border: 1px solid #e42c9c;
}


/* Tags17 */

.footer ul.tags17 {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags17 li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer ul.tags17 li a {
    font-size: 14px;
    font-weight: normal;
    margin: 6px 6px 0 0;
    float: left;
    padding: 4px 12px;
    color: #666666;
    border: 1px solid #383838;
}

.footer ul.tags17 li a:hover {
    color: #ff7a7a;
    border: 1px solid #ff7a7a;
}

.footer ul.tags17 li a.active {
    color: #ff7a7a;
    border: 1px solid #ff7a7a;
}


/* flickr */

#flickr_badge_wrapper {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

#flickr_badge_wrapper img {
    width: 70px;
    height: 70px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: 0px solid #999 !important;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#flickr_badge_wrapper img:hover {
    border: 2px solid #fff !important;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#flickr_www {
    display: block;
    padding: 0 10px 0 10px !important;
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
    text-decoration: none !important;
    background: inherit !important;
    color: #3993ff;
}

#flickr_badge_wrapper {
    margin-top: 0px;
}

#flickr_badge_source {
    padding: 0 !important;
}


/* quick links */

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

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

.qlinks li {
    padding: 4px 0px;
    margin: 0px;
}

.qlinks li a {
    color: #666666;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.qlinks li a:hover {
    color: #fff;
}

.qlinks li a i {
    margin-right: 3px;
}


/* divider line */

.footer .divider_line {
    width: 100%;
    height: 1px;
    margin: 30px 0 30px 0;
    float: left;
    padding: 0px;
    background-color: #2e2e2e;
}


/* social icons */

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

.footer .social_icons_holder ul.social_icons {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer .social_icons_holder ul.social_icons li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer .social_icons_holder ul.social_icons li a {
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    margin: 0 15px 0 0;
    line-height: 50px;
    color: #fff;
    float: left;
    padding: 0px;
    background-color: #161616;
    border: 1px solid #454545;
}

.footer .social_icons_holder ul.social_icons li a.last {
    margin: 0 0px 0 0;
}

.footer .social_icons_holder ul.social_icons li a:hover {
    color: #161616;
    background-color: #fd722b;
    border: 1px solid #fd722b;
}

.footer .social_icons_holder ul.social_icons li a.active {
    color: #161616;
    background-color: #fd722b;
    border: 1px solid #fd722b;
}


/* social icons2 */

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

.footer .social_icons_holder2 ul.social_icons {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0px;
}

.footer .social_icons_holder2 ul.social_icons li {
    margin: 0;
    float: left;
    padding: 0px;
}

.footer .social_icons_holder2 ul.social_icons li a {
    width: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    margin: 0 15px 0 0;
    line-height: 50px;
    color: #fff;
    float: left;
    padding: 0px;
    background-color: #161616;
    border: 1px solid #454545;
}

.footer .social_icons_holder2 ul.social_icons li a.last {
    margin: 0 0px 0 0;
}

.footer .social_icons_holder2 ul.social_icons li a:hover {
    color: #242424;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}

.footer .social_icons_holder2 ul.social_icons li a.active {
    color: #242424;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}

.footer .quick_links_holder2 {
    width: 100%;
    height: 50px;
    margin: 0 auto;
    float: left;
    padding: 15px 30px 0 30px;
    border-right: 1px solid #2e2e2e;
    border-left: 1px solid #2e2e2e;
}

.footer ul.quick_links {
    width: 100%;
    margin: 0;
    float: left;
    padding: 0;
}

.footer ul.quick_links li {
    margin: 0;
    float: left;
    padding: 0;
}

.footer ul.quick_links li a {
    color: #666;
    margin: 0;
    float: left;
    padding: 0 15px 0 0;
}

.footer ul.quick_links li a.last {
    padding: 0 0 0 0;
}

.footer ul.quick_links li a:hover {
    color: #f5f5f5;
}


/*newletter*/

.footer .email_input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #999999;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding: 0 7px;
    width: 70%;
}

.footer .email_submit {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #161616;
    border: 1px solid #fd722b;
    background-color: #fd722b;
}

.footer .email_submit2 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #0eb477;
    background-color: #0eb477;
}

.footer .email_submit3 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #2ecc71;
    background-color: #2ecc71;
}

.footer .email_submit4 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #12bbec;
    background-color: #12bbec;
}

.footer .email_submit5 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #fd722b;
    background-color: #fd722b;
}

.footer .email_submit6 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #fb6420;
    background-color: #fb6420;
}

.footer .email_submit7 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #fe4dc6;
    background-color: #fe4dc6;
}

.footer .email_submit8 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #eeb500;
    background-color: #eeb500;
}

.footer .email_submit9 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #009bdb;
    background-color: #009bdb;
}

.footer .email_submit10 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #ee9700;
    background-color: #ee9700;
}

.footer .email_submit11 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #25b150;
    background-color: #25b150;
}

.footer .email_submit12 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #ee2323;
    background-color: #ee2323;
}

.footer .email_submit13 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #ec182c;
    background-color: #ec182c;
}

.footer .email_submit14 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #269bf5;
    background-color: #269bf5;
}

.footer .email_submit15 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #e42c9c;
    background-color: #e42c9c;
}

.footer .email_submit16 {
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #ff7a7a;
    background-color: #ff7a7a;
}

.email_submit.eight {
    border: 1px solid #fd722b;
    background-color: #fd722b;
    color: #161616;
}

.newsletter .email_input {
    background: none repeat scroll 0px 0px #FFF;
    border: 0px none;
    color: #999;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 39px;
    line-height: 39px;
    padding: 0px 7px;
    width: 60%;
}


/*copyright*/

.copyrights {
    width: 100%;
    height: 70px;
    font-size: 14px;
    color: #858585;
    margin: 0;
    float: left;
    padding: 26px 0 0 0;
    background-color: #000;
}


/* scroll up */

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: #cacaca url("../images/scroll-top-arrow.png") no-repeat 15px 16px;
    z-index: 999;
}