/*-------------------------------------------------------
[Table of contents]

1. Header
    + logo
    + top navigation
    + search

2. Content
    + sections
    + page title
    + parallax backgrounds

3. Sidebar
    + site search
    + tabs
    + portfolio widgets
    + advertisements

3. Typography
    + lists
    + buttons
    + styled boxes
    + dropcaps
    + highlight colors
    + tables
    + pricing tables
    + framed boxes
    + pagination

4. Footer
    + copyrights
    + google map

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

/*----------------------------------------------------
    SITE MAIN STRUCTURE
------------------------------------------------------*/

.site_wrapper {
    width: 100%;
	margin: 0 auto 0 auto;
}
.container_full {
    width: 100%;
    float: left;
    margin: auto auto auto auto;
}
.container_full.slidertop {
    margin-top: -80px;
}
.container {
    width: 1170px;
    margin: auto auto auto auto;
}
.content_fullwidth {
    float: left;
    width: 100%;
    padding: 50px 0px 0px 0px;
}
.content_left {
    float: left;
    width: 71%;
    padding: 18px 0px 0px 0px;
}
.right_sidebar {
    float: right;
    width: 25%;
    padding: 18px 0px 0px 0px;
}
.left_sidebar {
    float: left;
    width: 25%;
    padding: 18px 0px 0px 0px;
}
.content_right {
    float: right;
    width: 71%;
    padding: 18px 0px 0px 0px;
}
/* columns */
.one_half,
.one_third,
.one_fourth,
.two_third,
.three_fourth,
.one_fifth {
    position: relative;
    margin-right: 4%;
    float: left;
}
.one_full {
    width: 100%;
}
.one_half {
    width: 48%;
}
.one_third {
    width: 30.65%;
}
.one_fourth {
    width: 22%;
}
.one_fifth {
    width: 16.8%;
}
.two_third {
    width: 65.35%;
}
.three_fourth {
    width: 74%;
}
.last {
    margin-right: 0 !important;
    clear: right;
}
/*---------------------------------------------------
    HEADER
------------------------------------------------------*/

.logo_holder {
    float: left;
    width: 100%;
    height: 64px;
}
/* Logo */
#trueHeader #logo {
    float: left;
    display: block;
    width: 100%;
    min-height: 45px;
    margin-top: 13px;
    position: relative;
    text-indent: -999em;
    background: url(../images/logo.png) no-repeat left bottom;
}
/* header area adinationals */
.logo {
    float: left;
    width: 25%;
}
.menu_main {
    float: right;
    width: 75%;
    z-index: 9999;
    position: relative;
}
/* top navigation */
.top_nav.two {
    float: right;
    width: 100%;
    text-align: right;
    padding: 0px 0px 0px 0px;
    background-color: #c7c8c8;
}
.top_nav.two a {
    font-size: 13px;
    color: #6b6b6b;
    float: left;
    padding-top: 3px;
}
.top_nav.two a i {
    color: #6b6b6b;
}
.top_nav.two a:hover {
    color: #727272;
}
.top_nav.two span {
    font-size: 14px;
    color: #6b6b6b;
    float: right;
    padding-left: 15px;
    padding-top: 3px;
}
.top_nav.two span i {
    color: #6b6b6b;
}
.top_nav.two ul {
    float: right;
    padding: 0px;
    margin: 0px;
}
.top_nav.two li {
    float: left;
    font-size: 12px;
    margin: 0px;
}
.top_nav.two li a i {
    float: right;
    font-size: 14px;
    color: #6b6b6b;
    padding: 5px 10px 8px 10px;
    margin: 0px;
}
.top_nav.two li:hover i {
    color: #454545;
}
.top_nav.two li a {
    color: #fff;
}
.top_nav.two li a:hover {
    color: #727272;
}
.top_nav.two a.login_but {
    color: #6b6b6b;
    float: right;
    font-size: 13px;
    padding: 2px 15px 0px 15px;
}
.top_nav.two a.registerbut {
    color: #6b6b6b;
    float: right;
    padding: 2px 15px 0px 0px;
}
.top_nav.two .country_selector {
    float: right;
    color: #6b6b6b;
    padding: 0 20px 5px 5px;
}

#source {
    margin-top: 5px;
    margin-left: 5px;
    background-color: #c7c8c8;
    color: #6b6b6b;
    border: 1px solid #6b6b6b;
}

/* top navigation style 3 */
.top_nav.three {
    float: left;
    width: 100%;
    text-align: left;
    padding: 5px 0px 5px 0;
    background-color: #272727;
}

.top_nav.three ul {
    float: left;
    padding: 0px;
    margin: 0px;
}
.top_nav.three li {
    float: left;
    color: #8d8c8c;
    font-size: 14px;
    margin: 0px;
    padding: 0 20px 0 0;
}
.top_nav.three li a {
    color: #8d8c8c;
}
.top_nav.three li a:hover {
    color: #fff;
}
.top_nav.three li #source {
    margin-top: 5px;
    margin-left: 5px;
    background-color: #272727;
    color: #8d8c8c;
    border: 1px solid #8d8c8c;
}

/*domain search top*/
.domain_search_home {
    width: 100%;
    float: left;
    padding: 15px 0;
    margin: 0px;
    background-color: #272727;
}
.domain_search_home #domain-searchform #dsearch {
    background-color: #535353;
    border: 1px solid #535353;
    color: #afafaf;
    float: left;
    font-size: 14px;
    height: 50px;
    padding: 7px 10px;
    width: 61%;
    margin: 0 7px 0 0;
}
.domain_search_home .drlist {
    color: #afafaf;
    float: left;
    font-size: 16px;
    height: 50px;
    margin: 0px 0 0 -5px;
    padding: 10px;
    width: 102px;
    background-color: #535353;
    border: 1px solid #535353;
    border-left: 1px solid #535353;
}
.domain_search_home #searchsubmit {
    border: none;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    overflow: hidden;
    padding: 5px 24px;
    margin-left: 2px;
    text-align: center;
    background-color: #535353;
}
.domain_search_home #searchsubmit:hover {
    background-color: #afafaf;
    color: #fff;
}
.domain_search_home ul.tld_list {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0px;
    float: left;
}
.domain_search_home ul.tld_list li {
    padding: 0 20px 0 0;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    display: inline;
    color: #fff;
}
.domain_search_home ul.tld_list li.title {
    padding: 0 20px 0 0;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}
.domain_search_home ul.tld_list li.one {
    color: #308ae5;
}
.domain_search_home ul.tld_list li.two {
    color: #90c219;
}
.domain_search_home ul.tld_list li.three {
    color: #f8cf0e;
}
.domain_search_home ul.tld_list li span {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    color: #fff;
}
/*---------------------------------------------------
    sections
------------------------------------------------------*/

.readmore_but1 {
    float: left;
    color: #fff;
    text-transform: uppercase;
    padding: 13px 30px;
    background-color: #161616;
    border-radius: 2px;
}
.readmore_but1:hover {
    color: #161616;
    background-color: #fff;
}
.readmore_but2 {
    float: left;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 30px;
    border: 2px solid #fff;
    border-radius: 2px;
}
.readmore_but2:hover {
    color: #fff;
    border: 2px solid #161616;
    background-color: #161616;
}
.readmore_but3 {
    float: left;
    color: #fff;
    text-transform: none;
    padding: 6px 10px;
    background-color: #fe7e20;
}
.readmore_but3:hover {
    color: #fff;
    background-color: #161616;
}
.readmore_but4 {
    float: left;
    color: #161616;
    text-transform: none;
    padding: 8px 30px;
    border: 2px solid #fe7e20;
}
.readmore_but4:hover {
    color: #fff;
    border: 2px solid #fe7e20;
    background-color: #fe7e20;
}
.readmore_but5 {
    float: left;
    color: #fff;
    text-transform: none;
    padding: 10px 30px;
    background-color: #fe7e20;
}
.readmore_but5:hover {
    color: #fff;
    background-color: #161616;
}
.readmore_but6 {
    float: left;
    color: #161616;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 2px;
    border: 1px solid #fe7e20;
}
.readmore_but6:hover {
    color: #fff;
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
}
.readmore_but7 {
    color: #fff;
    text-transform: uppercase;
    padding: 11px 30px;
    border: 2px solid #fff;
    border-radius: 2px;
}
.readmore_but7:hover {
    color: #fff;
    border: 2px solid #161616;
    background-color: #161616;
}
.readmore_but8 {
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #979797;
    border-radius: 2px;
}
.readmore_but8:hover {
    color: #fff;
    background-color: #272727;
}
.readmore_but9 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 17px 100px;
    background-color: #fe7e20;
    border-radius: 2px;
}
.readmore_but9:hover {
    color: #fff;
    background-color: #272727;
}
.readmore_small {
    float: left;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 4px 7px;
    background-color: #fe7e20;
    border-radius: 2px;
    text-transform: none;
}
.readmore_small:hover,
.readmore_small.red:hover,
.readmore_small.green:hover,
.readmore_small.yellow:hover,
.readmore_small.violet:hover {
    color: #161616;
    background-color: #fff;
}
.readmore_small.red {
    background-color: #fc4242;
}
.readmore_small.green {
    background-color: #94c014;
}
.readmore_small.yellow {
    background-color: #fdce16;
}
.readmore_small.violet {
    background-color: #b67cec;
}
/*---------------------------------------------------
    layout1
------------------------------------------------------*/

/*section1*/
.section_holder1 {
    width: 100%;
    float: left;
    padding: 70px 0px 70px 0px;
    margin: 0px;
}
.section_title {
    width: 35%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.section_title.three {
    width: 50%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.section_title.two {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.section_title .small {
    font-size: 30px;
    float: left;
    font-weight: 300;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
}
.section_title .big {
    font-size: 80px;
    font-weight: bold;
    padding: 0px;
    display: inline;
    margin: 0px;
    text-transform: uppercase;
}
.section_title .big.two {
    font-size: 80px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    float: left;
    text-transform: uppercase;
}
.section_title .big span {
    color: #fe7e20;
    display: inline;
    padding: 0px;
    margin: 0px;
}
.section_subtext {
    width: 65%;
    float: right;
    padding: 0 0 0 50px;
    margin: 40px 0 0 0;
    border-left: 1px solid #d9d9d9;
}
.section_subtext.two {
    width: 45%;
    float: right;
    padding: 0 0 0 50px;
    margin: 40px 0 0 0;
    border-left: 1px solid #d9d9d9;
}
.section_title_line {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0;
    margin: 40px 0 60px 0;
    background: url(../images/title_line1.png) 0 0 no-repeat;
}
.section_title_line.four {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0;
    margin: 40px 0 20px 0;
    background: url(../images/title_line3.png) 0 0 no-repeat;
}
.cl_title_line_left {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0;
    margin: 20px 0 30px 0;
    background: url(../images/title_line11.png) 0 0 no-repeat;
}
.cl_title_line_left.two {
    background: url(../images/title_line12.png) 0 0 no-repeat;
}
.section_title_line.five {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0;
    margin: 20px 0 30px 0;
    background: url(../images/title_line8.png) 0 0 no-repeat;
}
.section_title_line.two {
    background: url(../images/title_line2.png) 0 0 no-repeat;
}
.section_title_line.three {
    margin: 40px 0 30px 0;
    background: url(../images/title_line3.png) 0 0 no-repeat;
}
.section_title_line.six {
    width: 60%;
    margin: 20px 0 10px 0;
    background: url(../images/title_line3.png) 0 0 no-repeat;
}
.section_title_line.four {
    margin: 25px 0 25px 0;
    background: url(../images/title_line4.png) 0 0 no-repeat;
}
.section_holder1 .box {
    width: 390px;
    float: left;
    padding: 40px;
    margin: 0px;
    color: #272727;
    text-align: center;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}
.section_holder1.two .box:hover {
    background-color: #fe7e20;
    border: 1px solid #fe7e20;
}
.section_holder1.two .box:hover .arrow_down {
    border-top: 20px solid #161616;
}
.section_holder1.two .box:hover .arrow_up {
    border-bottom: 20px solid #161616;
}
.section_holder1.two .box:hover a {
    color: #272727;
    background-color: #fff;
}
.section_holder1.two .box:hover p {
    color: #fff;
}
.section_holder1.two .box:hover h4,
.section_holder1.two .box:hover h1 {
    color: #fff;
}
.section_holder1.two .box.active {
    background-color: #fe7e20;
    border: 1px solid #fe7e20;
}
.section_holder1.two .box.active p {
    color: #fff;
}
.section_holder1.two .box.active .arrow_down {
    border-top: 20px solid #161616;
}
.section_holder1.two .box.active .arrow_up {
    border-bottom: 20px solid #161616;
}
.section_holder1.two .box.active a {
    color: #272727;
    background-color: #fff;
}
.section_holder1.two .box a {
    font-size: 14px;
    padding: 10px 40px;
    margin: 0px;
    color: #fff;
    text-align: center;
    background-color: #fe7e20;
}
.section_holder1 .box.two {
    background-color: #fff;
}
.section_holder1 .box.three {
    background-color: #fff;
}
.section_holder1 .box .arrow_down {
    position: absolute;
    margin: 40px 0px 0px 125px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid #a0e307;
    font-size: 0px;
    line-height: 0;
}
.section_holder1 .box .arrow_down.two {
    border-top: 20px solid #fe7e20;
}
.section_holder1 .box .arrow_up.two {
    border-bottom: 20px solid #fe7e20;
}
.section_holder1 .box .arrow_down.three {
    border-top: 20px solid #8ac700;
}
.section_holder1 .box .arrow_up.three {
    border-bottom: 20px solid #8ac700;
}
.section_holder1 .box .arrow_up {
    position: absolute;
    margin: -60px 0px 0px 125px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 20px solid #a0e307;
    font-size: 0px;
    line-height: 0;
}
/*section 2*/
.section_holder2 {
    width: 100%;
    float: left;
    padding: 0px 0 0px 0;
    margin: 0px;
    background: url('../images/parallax_bg1.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder2.two {
    width: 100%;
    float: left;
    padding: 70px 0 100px 0;
    margin: 0px;
    background: url('../images/parallax_bg9.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder2 .top_shape {
    width: 100%;
    height: 235px;
    padding: 0px;
    margin: 0px;
    float: left;
    background: url(../images/site-img1.png) center top no-repeat;
}
.section_holder2 .bottom_shape {
    width: 100%;
    height: 210px;
    padding: 0px;
    margin: 0px;
    float: left;
    background: url(../images/site-img2.png) center top no-repeat;
}
.section_top_shape {
    width: 100%;
    height: 235px;
    padding: 0px;
    margin: 0px;
    float: left;
    background: url(../images/site-img1.png) center top no-repeat;
}
.section_bottom_shape {
    width: 100%;
    height: 210px;
    padding: 0px;
    margin: 0px;
    float: left;
    background: url(../images/site-img2.png) center top no-repeat;
}
.section_holder2 .price_table {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    border-radius: 2px;
    background-color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder2 .arrow_down {
    position: absolute;
    margin: 0 0 0 65px;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-top: 30px solid #fff;
    font-size: 0px;
    line-height: 0;
    transition: all 0.3s ease-out 0s;
}
.section_holder2 .arrow_up {
    position: absolute;
    margin: -29px 0px 0px 65px;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    border-bottom: 30px solid #fff;
    font-size: 0px;
    line-height: 0;
    transition: all 0.3s ease-out 0s;
}
.section_holder2 .price_table .title {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0 20px 0;
    color: #161616;
    text-align: center;
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #e6e5e5;
}
.section_holder2 .price_table .price {
    color: #161616;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    padding: 8px 0px 8px;
    border-bottom: 1px solid #e6e5e5;
}
.section_holder2 .price_table .price sup {
    font-size: 22px;
    font-style: normal;
}
.section_holder2 .price_table .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.section_holder2 .price_table ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}
.section_holder2 ul.plan_features li {
    width: 70%;
    color: #727272;
    text-align: center;
    padding: 8px 0;
    margin: 0 auto;
    border-bottom: 1px solid #e6e5e5;
}
.section_holder2 ul.plan_features.two li {
    width: 80%;
}
.section_holder2 .plan_info .singup_but {
    color: #fff;
    text-align: center;
    padding: 8px 30px;
    margin: 25px 0px 25px 69px;
    float: left;
    border-radius: 2px;
    background-color: #fe7e20;
}
.section_holder2.two .plan_info .singup_but {
    color: #fff;
    background-color: #161616;
}
.section_holder2 .plan_info .singup_but:hover {
    color: #161616;
    background-color: #fdce16;
}
/*table drop list*/

/*drop list 3*/
.dropbox_holder3 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.dropbox_holder3.smalltext {
    font-size: 13px;
    padding: 0px 5px 0px 0px;
    margin: 0px;
    float: left;
}
.dropbox_holder3 select option {
    width: 100%;
    margin: 0px;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #e1e1e1;
}
.dropbox_holder3 select option span {
    color: #fe7e20;
    font-size: 12px;
}
.dropbox_holder3 select {
    border: 1px solid #e1e1e1;
}
label.custom-select3 {
    width: 100%;
    position: relative;
    display: inline-block;
}
.custom-select3 select {
    display: inline-block;
    padding: 4px 3px 2px 5px;
    margin: 0;
    font: inherit;
    outline: none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #000;
    color: #272727;
    border: 0;
    font-size: 13px;
    font-weight: normal;
    background-color: #fff;
    width: 100%;
    border: 1px solid #e1e1e1;
}
/* Select arrow styling */
.custom-select3:after {
    content: '▼';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 40px;
    padding: 0 7px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    color: #272727;
    pointer-events: none;
}
/*hover styles*/

.section_holder2 .one_fourth:hover .custom-select3 select {
    color: #fff;
    background-color: #161616;
    border: 1px solid #353535;
}
.section_holder2 .one_fourth:hover .custom-select3:after {
    color: #fff;
    background: #161616;
    border-top: 1px solid #353535;
    border-right: 1px solid #353535;
    border-bottom: 1px solid #353535;
}
.section_holder2 .one_fourth:hover .price_table {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder2 .one_fourth:hover .title {
    color: #fff;
    border-bottom: 1px solid #bcdb74;
}
.section_holder2 .one_fourth:hover .price {
    color: #fff;
    border-bottom: 1px solid #bcdb74;
}
.section_holder2 .one_fourth.active .price {
    color: #fff;
    border-bottom: 1px solid #bcdb74;
}
.section_holder2 .one_fourth:hover .plan_features li {
    color: #fff;
    border-bottom: 1px solid #bcdb74;
}
.section_holder2 .one_fourth:hover .singup_but {
    color: #272727;
    background-color: #fff;
}
.section_holder2 .one_fourth:hover .arrow_up {
    border-bottom: 30px solid #fe7e20;
}
.section_holder2 .one_fourth:hover .arrow_down {
    border-top: 30px solid #fe7e20;
}
/*active styles*/

.section_holder2 .one_fourth.active .custom-select3 select {
    color: #fff;
    background-color: #161616;
    border: 1px solid #353535;
}
.section_holder2 .one_fourth.active .custom-select3:after {
    color: #fff;
    background: #161616;
    border-top: 1px solid #353535;
    border-right: 1px solid #353535;
    border-bottom: 1px solid #353535;
}
.section_holder2 .one_fourth.active .price_table {
    background-color: #fe7e20;
}
.section_holder2 .one_fourth.active .title {
    color: #fff;
    border-bottom: 1px solid #bcdb74;
}
.section_holder2 .one_fourth.active .price {
    color: #fff;
    border-bottom: 1px solid #bcdb74;
}
.section_holder2 .one_fourth.active .plan_features li {
    color: #fff;
    border-bottom: 1px solid #bcdb74;
}
.section_holder2 .one_fourth.active .singup_but {
    color: #272727;
    background-color: #fff;
}
.section_holder2 .one_fourth.active .arrow_up {
    border-bottom: 30px solid #fe7e20;
}
.section_holder2 .one_fourth.active .arrow_down {
    border-top: 30px solid #fe7e20;
}
/*two hover styles*/

.section_holder2.two .one_fourth:hover .custom-select3 select {
    color: #fff;
    background-color: #fe7e20;
    border: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth:hover .custom-select3:after {
    color: #fff;
    background: #fe7e20;
    border-top: 1px solid #f79d5b;
    border-right: 1px solid #f79d5b;
    border-bottom: 1px solid #f79d5b;
}

.section_holder2.two .one_fourth:hover .price_table {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder2.two .one_fourth:hover .title {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth:hover .price {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth.active .price {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth:hover .plan_features li {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth:hover .singup_but {
    color: #272727;
    background-color: #fff;
}
.section_holder2.two .one_fourth:hover .arrow_up {
    border-bottom: 30px solid #fe7e20;
}
.section_holder2.two .one_fourth:hover .arrow_down {
    border-top: 30px solid #fe7e20;
}
/*active styles*/

.section_holder2.two .one_fourth.active .custom-select3 select {
    color: #fff;
    background-color: #fe7e20;
    border: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth.active .custom-select3:after {
    color: #fff;
    background: #fe7e20;
    border-top: 1px solid #f79d5b;
    border-right: 1px solid #f79d5b;
    border-bottom: 1px solid #f79d5b;
}

.section_holder2.two .one_fourth.active .price_table {
    background-color: #fe7e20;
}
.section_holder2.two .one_fourth.active .title {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth.active .price {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth.active .plan_features li {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder2.two .one_fourth.active .singup_but {
    color: #272727;
    background-color: #fff;
}
.section_holder2.two .one_fourth.active .arrow_up {
    border-bottom: 30px solid #fe7e20;
}
.section_holder2.two .one_fourth.active .arrow_down {
    border-top: 30px solid #fe7e20;
}
/*section 3*/
.section_holder3 {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.section_holder3.two {
    padding: 70px 0 70px 0;
}
.section_holder3 .left {
    width: 60%;
    float: left;
    padding: 0 20px 0 0;
    margin: 0px;
}
.section_holder3 .left .but_holder {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.section_holder3 .left .circle {
    width: 310px;
    height: 310px;
    border-radius: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 60px;
    padding: 30px;
    margin: 0 20px 0 0;
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder3 .left .circle:hover {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder3 .left .circle:hover p {
    color: #fff;
}
.section_holder3 .left .circle.active {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder3 .left .circle.active p {
    color: #fff;
}
.section_holder3 .right {
    width: 40%;
    float: right;
    padding: 0px;
    margin: 0px;
}
.section_holder3 .right {
    width: 40%;
    float: right;
    padding: 0px;
    margin: 0px;
}
.section_holder3 .right .img_holder {
    position: relative;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.section_holder3 .right .img_holder .shape {
    position: absolute;
    width: 450px;
    height: 90px;
    float: left;
    padding: 0px;
    margin: 107px 0 0 0;
    background: url(../images/site-img3.png) center top no-repeat;
}
.section_holder3 .right ul.list {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.section_holder3 .right ul.list li {
    float: left;
    padding: 0 0 7px 0;
    margin: 0px;
}
.section_holder3 .right ul.list li i {
    font-size: 16px;
    color: #fe7e20;
    margin-right: 5px;
}
/*web hosting left list*/

.section_holder3 .list_holder {
    width: 100%;
    padding: 0px;
    margin: 0 0 30px 0;
    float: left;
}
.section_holder3 .list_holder.last {
    margin: 0 0 0 0;
}
.section_holder3 .list_holder .icon_holder {
    width: 17%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder3 .list_holder .icon {
    width: 95px;
    height: 95px;
    text-align: center;
    color: #fff;
    padding: 0px;
    font-size: 32px;
    margin: 0px;
    line-height: 94px;
    float: left;
    border-radius: 100%;
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder3 .list_holder .text {
    width: 83%;
    padding: 10px 0 0 0;
    margin: 0px;
    float: right;
}
.section_holder3 .list_holder:hover .icon {
    color: #fff;
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder3 .list_holder:hover h5 {
    color: #fe7e20;
}
.section_holder3 .list_holder.active .icon {
    color: #fff;
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder3 .list_holder.active h5 {
    color: #fe7e20;
}
/*section 4*/
.section_holder4 {
    width: 100%;
    float: left;
    padding: 0px 0 0px 0;
    margin: 0px;
    background: url('../images/parallax_bg2.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder4.two {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    background: url('../images/parallax_bg7.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder4 ul.icon {
    width: 100%;
    float: left;
    padding: 40px 0 40px 0;
    margin: 0px;
}
.section_holder4 ul.icon li {
    width: 18%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0px 70px 0px 0px;
}
.section_holder4 ul.icon li.last {
    margin: 0 0px 6px 0;
}
.section_holder4 ul.icon li a {
    width: 100px;
    height: 100px;
    float: left;
    padding: 0;
    text-align: center;
    font-size: 30px;
    line-height: 97px;
    color: #fff;
    border-radius: 100%;
    margin: 0 0px 6px 0;
    border: 1px solid #fff;
}
.section_holder4 ul.icon li:hover a {
    border: 1px solid #161616;
    background-color: #161616;
}
.section_holder4 .icon li:hover h6 {
    color: #161616;
}
.section_holder4 ul.icon li.active a {
    border: 1px solid #161616;
    background-color: #161616;
}
.section_holder4 .icon li.active h6 {
    color: #161616;
}
.section_holder4 .readmore_but2 {
    margin-left: 20px;
}
/*section holder 4 two*/

.section_holder4.two .icon {
    width: 100px;
    height: 100px;
    padding: 0;
    text-align: center;
    font-size: 30px;
    line-height: 97px;
    color: #fff;
    border-radius: 100%;
    margin: 50px auto 15px auto;
    border: 1px solid #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder4.two .one_third {
    text-align: center;
}
.section_holder4.two .one_third:hover .icon {
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
}
.section_holder4.two .one_third:hover h5 {
    color: #161616;
}
.section_holder4.two .one_third.active .icon {
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
}
.section_holder4.two .one_third.active h5 {
    color: #161616;
}
.section_holder4.two .one_fourth {
    text-align: center;
}
.section_holder4.two .one_fourth:hover .icon {
    border: 1px solid #161616;
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder4.two .one_fourth:hover h5 {
    color: #161616;
}
.section_holder4.two .one_fourth.active .icon {
    border: 1px solid #161616;
    background-color: #161616;
}
.section_holder4.two .one_fourth.active h5 {
    color: #161616;
}
/*section 5*/
.section_holder5 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
}
.section_holder5.two {
    padding: 70px 0 70px 0;
}
.section_holder5 .cont_holder {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0 0 15px 0;
}
.section_holder5 .cont_holder.first {
    margin: 50px 0 15px 0;
}
.section_holder5 .icon_holder {
    width: 25%;
    float: right;
    padding: 0px;
    margin: 0px;
}
.section_holder5 .icon_holder.two {
    float: left;
}
.section_holder5 .icon_holder.two .icon {
    float: left;
}
.section_holder5 .text_holder {
    width: 75%;
    float: left;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
.section_holder5 .text_holder.two {
    float: right;
    text-align: left;
}
.section_holder5 .icon_holder .icon {
    width: 100px;
    height: 100px;
    float: right;
    padding: 0;
    text-align: center;
    font-size: 30px;
    line-height: 97px;
    color: #fff;
    border-radius: 100%;
    margin: 0 0px 6px 0;
    background-color: #161616;
}
/*hover styles*/
.section_holder5 .cont_holder:hover .icon {
    background-color: #fe7e20;
}
.section_holder5 .cont_holder:hover h4 {
    color: #fe7e20;
}
.section_holder5 .cont_holder:hover p {
    color: #fe7e20;
}
/*active styles*/
.section_holder5 .cont_holder.active .icon {
    background-color: #fe7e20;
}
.section_holder5 .cont_holder.active h4 {
    color: #fe7e20;
}
.section_holder5 .cont_holder.active p {
    color: #fe7e20;
}
/*section 6*/
.section_holder6 {
    width: 100%;
    float: left;
    padding: 0px 0 0px 0;
    margin: 0px;
    background: url('../images/parallax_bg2.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder6.two {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    background: url('../images/parallax_bg8.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder6 .list_holder {
    width: 100%;
    padding: 0px;
    margin: 0 0 50px 0;
    float: left;
}
.section_holder6 .list_holder.last {
    margin: 0 0 0 0;
}
.section_holder6 .list_holder .icon_holder {
    width: 22%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder6 .list_holder .icon {
    width: 95px;
    height: 95px;
    text-align: center;
    color: #fe7e20;
    padding: 0px;
    font-size: 32px;
    margin: 0px;
    line-height: 94px;
    float: left;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder6.two .list_holder .icon {
    color: #161616;
    border: 1px solid #fff;
    background-color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder6 .list_holder .text {
    width: 78%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.section_holder6 .list_holder p {
    color: #fff;
}
.section_holder6 .list_holder:hover .icon {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder6 .list_holder:hover h5 {
    color: #161616;
}
.section_holder6 .list_holder.active .icon {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder6 .list_holder.active h5 {
    color: #161616;
}
.section_holder6 .services_box {
    width: 270px;
    float: left;
    padding: 25px;
    margin: 0 20px 20px 0;
    background-color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder6 .services_box.last {
    margin: 0 0 20px 0;
}
.section_holder6 .services_box .icon {
    width: 20%;
    float: left;
    padding: 0;
    font-size: 30px;
    color: #8d8d8d;
    margin: 0px;
}
.section_holder6 .services_box .text {
    width: 80%;
    float: left;
    padding: 0;
    margin: 0px;
}
/*hover styles*/

.section_holder6 .services_box:hover {
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder6 .services_box:hover h6 {
    color: #fff;
}
.section_holder6 .services_box:hover p {
    color: #727272;
}
.section_holder6 .services_box:hover .icon {
    color: #fff;
}
/*active styles*/

.section_holder6 .services_box.active {
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder6 .services_box.active h6 {
    color: #fff;
}
.section_holder6 .services_box.active p {
    color: #727272;
}
.section_holder6 .services_box.active .icon {
    color: #fff;
}
/*why choose foxu*/
.section_holder6 .why_choose_img {
    width: 166px;
    height: 166px;
    float: left;
    padding: 8px;
    margin: 0 0 20px 0;
    border-radius: 100%;
    background-color: #fff;
}
.section_holder6 .why_choose_img .img {
    position: relative;
    width: 150px;
    height: 150px;
    float: left;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    background: url(../images/site-img6.jpg) 0 0 no-repeat;
    z-index: 2;
}
.section_holder6 .why_choose_img .overley {
    position: absolute;
    width: 150px;
    height: 150px;
    float: left;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s;
    background-color: #000;
    z-index: 10;
}
.section_holder6 .why_choose_img .img.two {
    background: url(../images/site-img7.jpg) 0 0 no-repeat;
}
.section_holder6 .why_choose_img .img.three {
    background: url(../images/site-img8.jpg) 0 0 no-repeat;
}
.section_holder6 .one_third {
    text-align: center;
}
.section_holder6 .one_third:hover h5 {
    color: #161616;
}
.section_holder6 .one_third:hover .img {
    opacity: 0.8;
}
.section_holder6 .one_third:hover .overley {
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out 0s;
}
/*section 7*/
.section_holder7 {
    width: 100%;
    float: left;
    padding: 0 0 80px 0;
    margin: 0;
}
.section_holder7.two {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0;
}
.section_holder7 .clint_holder {
    width: 49%;
    float: left;
    padding: 0;
    margin: 0;
}
.section_holder7 .clint_holder.two {
    margin: 75px 0 0 -10px;
}
.section_holder7 .clint_holder .clint {
    width: 32%;
    float: right;
    padding: 0;
    margin: 0;
}
.section_holder7 .clint_holder .clint.two {
    float: left;
}
.section_holder7 .clint_holder .img_holder {
    width: 150px;
    height: 150px;
    float: right;
    padding: 10px;
    margin: 0;
    border-radius: 100%;
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder7 .clint_holder .img_holder:hover {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder7 .clint_holder .img_holder.active {
    background-color: #fe7e20;
}
.section_holder7 .clint_holder .img_holder.two {
    float: left;
}
.section_holder7 .clint_holder .img {
    width: 130px;
    height: 130px;
    float: left;
    padding: 0px;
    margin: 0;
    border-radius: 100%;
    background: url(../images/site-img9.jpg) 0 0 no-repeat;
}
.section_holder7 .clint_holder .img.two {
    background: url(../images/site-img10.jpg) 0 0 no-repeat;
}
.section_holder7 .clint_holder .img.three {
    background: url(../images/site-img11.jpg) 0 0 no-repeat;
}
.section_holder7 .clint_holder .img.four {
    background: url(../images/site-img12.jpg) 0 0 no-repeat;
}
.section_holder7 .clint_holder .text {
    width: 68%;
    float: left;
    padding: 15px 0 0 0;
    margin: 0;
    text-align: right;
}
.section_holder7 .clint_holder .text.two {
    width: 68%;
    float: left;
    padding: 15px 0 0 0;
    margin: 0;
    text-align: left;
}
.punchtext {
    width: 100%;
    float: left;
    padding: 20px 0px;
    margin: 0px;
    background-color: #fe7e20;
}
.punchtext .text {
    width: 85%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.punchtext .but {
    width: 15%;
    float: right;
    padding: 0px;
    margin: 0px;
}
.punchtext .but .readmore_but2 {
    float: right;
}
/*section 8*/
.section_holder8 {
    width: 100%;
    float: left;
    padding: 70px 0 35px 0;
    margin: 0;
}
.section_holder8 ul.tablist {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
}
.section_holder8 ul.tablist li {
    float: left;
    padding: 0 0 5px 0;
    margin: 0px;
}
.section_holder8 .tablist li i {
    float: left;
    color: #fe7e20;
    font-size: 14px;
    padding: 4px 6px 0 0;
    margin: 0px;
}
.section_holder8 .affiliates {
    width: 100%;
    float: left;
    padding: 0px 0px 23px 0px;
    margin: 0px;
}
/*hover styles*/
.section_holder8 .affiliates:hover .icon {
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder8 .affiliates:hover h6 {
    color: #fe7e20;
}
/*active styles*/
.section_holder8 .affiliates.active .icon {
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder8 .affiliates.active h6 {
    color: #fe7e20;
}
.section_holder8 .affiliates .icon {
    width: 70px;
    height: 70px;
    float: left;
    padding: 0px;
    color: #fff;
    text-align: center;
    margin: 0px 15px 0px 0px;
    font-size: 24px;
    line-height: 73px;
    background-color: #fe7e20;
    border-radius: 100%;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder8 .affiliates .text {
    width: 75%;
    float: left;
    padding: 0px;
    text-align: left;
    margin: 0px;
}
/*section 9*/
.section_holder9 {
    width: 100%;
    float: left;
    padding: 0 0 130px 0;
    margin: 0;
    background-color: #fe7e20;
}
.section_holder9.two {
    text-align: center;
    padding: 0 0 150px 0;
}
.clints_section_topshape {
    width: 100%;
    height: 174px;
    float: left;
    padding: 0;
    margin: 0;
    background: url(../images/site-img19.png) center -8px no-repeat;
}
/*footer style1*/
.footer1 {
    width: 100%;
    float: left;
    padding: 0 0 50px 0;
    margin: 0;
    background-color: #161616;
}
.footer1.two {
    padding: 70px 0 50px 0;
}
.footer1 .social_links {
    width: 100%;
    height: 298px;
    float: left;
    padding: 0;
    margin: -167px 0 80px 0;
    background: url(../images/site-img20.png) center top no-repeat;
}
.footer1 .social_links.two {
    width: 100%;
    height: 298px;
    float: left;
    padding: 0;
    margin: 0px 0 0px 0;
    background: url(../images/site-img23.png) center top no-repeat;
}
.footer1 .social_links.two ul.social_icons {
    width: 20%;
    float: left;
    padding: 0px;
    margin: 57px 0px 0 400px;
}
.footer1 .social_links ul.social_icons {
    width: 20%;
    float: left;
    padding: 0;
    margin: 169px 0 0 524px;
}
.footer1 .social_links ul.social_icons li {
    float: left;
    padding: 0;
    margin: 0;
}
.footer1 .social_links ul.social_icons li a {
    width: 50px;
    height: 50px;
    float: left;
    padding: 0;
    margin: 0 8px 0 0;
    line-height: 48px;
    text-align: center;
    color: #161616;
    font-size: 22px;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
}
.footer1 .social_links ul.social_icons li a:hover {
    color: #fe7e20;
    border: 1px solid #fe7e20;
}
.footer1 .social_links ul.social_icons li.active a {
    color: #fe7e20;
    border: 1px solid #fe7e20;
}
.footer_title_line {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0px;
    margin: 0px 0px 30px;
    background: url(../images/title_line5.png) 0 0 no-repeat;
}
.footer1 ul.quick_links {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.footer1 .quick_links li {
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
}
.footer1 .quick_links li a {
    padding: 0 0 3px 0;
    margin: 0px;
    float: left;
    font-size: 14px;
    display: block;
    color: #727272;
}
.footer1 .quick_links li a:hover {
    color: #fff;
}
.newsletter {
    padding: 0px;
    margin: 0px;
    float: left;
}
.newsletter .email_input {
    background: none repeat scroll 0 0 #ffffff;
    border: 0 none;
    color: #727272;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding: 0 7px;
    width: 72%;
}
.email_submit {
    padding: 0 10px 0 10px;
    margin: 0px 0px 0px 0px;
    float: left;
    height: 39px;
    color: #fff;
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
}
.email_submit.two {
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
}
/*footer payment types*/
.footer_payment_types {
    width: 100%;
    float: left;
    padding: 30px;
    margin: 0;
    border-top: 1px solid #272727;
    background-color: #161616;
}
ul.payment_logos {
    width: 50%;
    padding: 0px;
    margin: 0px;
    float: left;
}
ul.payment_logos.two {
    width: 50%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.payment_logos li {
    padding: 0 15px 0 0;
    margin: 0px;
    line-height: 20px;
    float: left;
}
.payment_logos li a.chat_but {
    padding: 10px 20px;
    margin: 0 0 0 25px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    float: left;
    border-radius: 2px;
    background-color: #8ac700;
}
.payment_logos li a.chat_but:hover {
    background-color: #77ab02;
}
.payment_logos li a i {
    color: #fff;
    font-size: 16px;
}
.copyrights {
    width: 100%;
    font-size: 14px;
    color: #858585;
    margin: 0px;
    float: left;
    padding: 20px 0px;
    background-color: #2e2e2e;
}
.copyrights .text2 {
    float: right;
}

.footer1 .post_holder {
    width: 100%;
    padding: 15px 0 15px 0;
    margin: 0px;
    float: left;
    border-bottom: 1px solid #2e2e2e;
}
.footer1 .post_holder.first {
    padding: 0 0 15px 0;
}
.footer1 .post_holder.last {
    border-bottom: none;
}
.footer1 .post_holder .img_holder {
    width: 30%;
    padding: 6px 0 0 0;
    margin: 0px;
    float: left;
}
.footer1 .post_holder .img {
    width: 60px;
    height: 60px;
    padding: 0px;
    margin: 0px;
    float: left;
    border: 2px solid #161616;
}
.footer1 .post_holder .text {
    width: 70%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.footer1 .post_holder .text a span {
    color: #a2a2a2;
    font-weight: 600;
}
.footer1 .post_holder .text span.info {
    font-size: 11px;
}
/*latest posts hover*/
.footer1 .post_holder:hover .img {
    border: 2px solid #fe7e20;
}
.footer1 .post_holder .text a:hover span {
    color: #fe7e20;
}
/*latest posts active*/
.footer1 .post_holder.active .img {
    border: 2px solid #fe7e20;
}
.footer1 .post_holder.active .text a span {
    color: #fe7e20;
}
/*footer bottom social links*/
.copyrights ul.social_icons {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.copyrights ul.social_icons li {
    float: right;
    padding: 0;
    margin: 0;
}
.copyrights ul.social_icons li a {
    width: 35px;
    height: 35px;
    float: left;
    padding: 0;
    margin: 0 8px 0 0;
    line-height: 35px;
    text-align: center;
    color: #727272;
    font-size: 16px;
    border-radius: 100%;
    background-color: #161616;
}
.copyrights ul.social_icons li a:hover {
    color: #727272;
    background-color: #fff;
}
.copyrights span {
    padding: 0px;
    margin: 0px;
    float: left;
    padding-top: 5px;
}
/* scroll up */
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: #fe7e20 url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
    z-index: 999;
}
/*---------------------------------------------------
    inner pages
------------------------------------------------------*/

#domain-searchform #dsearch {
    background-color: #fff;
    border: 1px solid #fff;
    color: #393a3b;
    font-size: 18px;
    height: 80px;
    padding: 7px 10px;
    width: 650px;
}
#domain-searchform #dsearch2 {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #393a3b;
    font-size: 18px;
    height: 80px;
    padding: 7px 10px;
    width: 880px;
}
#domain-searchform #dsearch3 {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #393a3b;
    font-size: 18px;
    height: 80px;
    padding: 7px 10px;
    width: 85%;
}
.drlist {
    background-color: #eeeeee;
    color: #a5a5a5;
    font-size: 18px;
    height: 80px;
    margin: 0px 0 0 -5px;
    padding: 10px;
    width: 102px;
    font-weight: normal;
    background-color: #161616;
    border: 1px solid #161616;
}
#searchsubmit {
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    height: 75px;
    overflow: hidden;
    padding: 4px 25px;
    margin-left: 0px;
    text-align: center;
    background-color: #fe7e20;
}
#searchsubmit2 {
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    height: 80px;
    overflow: hidden;
    padding: 4px 55px;
    margin-left: 0px;
    text-align: center;
    background-color: #fe7e20;
}
#searchsubmit2:hover {
    background-color: #161616;
    color: #727272;
}
#searchsubmit:hover {
    background-color: #161616;
    color: #727272;
}
ul.tld_list {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0px;
    float: left;
}
ul.tld_list li {
    padding: 0 20px 0 0;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    display: inline;
    color: #161616;
}
ul.tld_list li.title {
    padding: 0 20px 0 0;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #fff;
}
ul.tld_list li span {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    color: #fff;
}
.domain_pricetable_holder {
    width: 100%;
    float: left;
    padding: 20px;
    margin: 0px;
    border: 1px solid #e4e4e4;
}
/*section 10*/
.section_holder10 {
    width: 100%;
    float: left;
    padding: 70px 0 45px 0;
    margin: 0;
    background-color: #fff;
}
.section_holder10 ul.list {
    width: 100%;
    float: left;
    padding: 20px 0 50px 0;
    margin: 0;
}
.section_holder10 ul.list li {
    float: left;
    padding: 0 0 15px 0;
    margin: 0;
}
.section_holder10 ul.list li i {
    color: #fe7e20;
    margin-right: 10px;
}
.section_holder10 .readmore_but4 {
    margin-right: 10px;
}

/*section 11*/
.section_holder11 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0;
}
.section_holder11.two {
    padding: 70px 0 70px 0;
}
/*why choose foxu*/
.section_holder11 .why_choose_img {
    width: 166px;
    height: 166px;
    float: left;
    padding: 8px;
    margin: 0 0 20px 0;
    border-radius: 100%;
    background-color: #fff;
}
.section_holder11 .why_choose_img .img {
    position: relative;
    width: 150px;
    height: 150px;
    float: left;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    background: url(../images/site-img6.jpg) 0 0 no-repeat;
    z-index: 2;
}
.section_holder11 .why_choose_img .overley {
    position: absolute;
    width: 150px;
    height: 150px;
    float: left;
    padding: 0px;
    margin: 0px;
    border-radius: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s;
    background-color: #000;
    z-index: 10;
}
.section_holder11 .why_choose_img .img.two {
    background: url(../images/site-img7.jpg) 0 0 no-repeat;
}
.section_holder11 .why_choose_img .img.three {
    background: url(../images/site-img8.jpg) 0 0 no-repeat;
}
.section_holder11 .one_third {
    text-align: center;
}
.section_holder11 .one_third:hover h5 {
    color: #fe7e20;
}
.section_holder11 .one_third:hover .img {
    opacity: 0.8;
}
.section_holder11 .one_third:hover .overley {
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out 0s;
}
/*active styles*/
.section_holder11 .one_third.active h5 {
    color: #fe7e20;
}
.section_holder11 .one_third.active .img {
    opacity: 0.8;
}
.section_holder11 .one_third.active .overley {
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out 0s;
}
/*left services*/

.section_holder11 .list_holder {
    width: 100%;
    padding: 0px;
    margin: 0 0 50px 0;
    float: left;
}
.section_holder11.three .list_holder {
    margin: 0 0 30px 0;
}
.section_holder11 .list_holder.last {
    margin: 0 0 0 0;
}
.section_holder11 .list_holder .icon_holder {
    width: 22%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder11 .list_holder .icon {
    width: 95px;
    height: 95px;
    text-align: center;
    color: #fe7e20;
    padding: 0px;
    font-size: 32px;
    margin: 0px;
    line-height: 94px;
    float: left;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder11.two .list_holder .icon {
    color: #272727;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder11 .list_holder .text {
    width: 78%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.section_holder11 .list_holder:hover .icon {
    color: #fff;
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder11 .list_holder:hover h5 {
    color: #fe7e20;
}
.section_holder11 .list_holder.active .icon {
    color: #fff;
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder11 .list_holder.active h5 {
    color: #fe7e20;
}
/*section 12*/
.section_holder12 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    text-align: center;
    border-top: 1px solid #e7e7e7;
}
.section_holder12.two {
    border-top: none;
    padding: 70px 0 70px 0;
}
.section_holder12 .icon {
    padding: 0;
    font-size: 64px;
    text-align: center;
    margin: 0 auto 20px auto;
    color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder12 .readmore_but9 {
    margin: 70px 10px 0 434px;
}
.section_holder12 .readmore_but10 {
    margin: 70px 0 0 0;
}
/*hover styles*/

.section_holder12 .one_fourth:hover .icon {
    color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder12 .one_fourth:hover h5 {
    color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder12 .one_fourth.active .icon {
    color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder12 .one_fourth.active h5 {
    color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
/*section 13*/
.section_holder13 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
}
.section_holder13 .linux {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    border-radius: 2px;
    border: 1px solid #d9d9d9;
}
.section_holder13 .linux .title_holder {
    width: 100%;
    float: left;
    padding: 10px 0 10px 50px;
    margin: 0px;
    border-bottom: 1px solid #dfdfdf;
}
.section_holder13 .linux .title {
    float: left;
    font-weight: 600;
    padding: 18px 0 0 0;
    margin: 0px;
}
.section_holder13 .linux .price_holder {
    width: 100%;
    float: left;
    padding: 0px 0 0 50px;
    margin: 0px;
    border-bottom: 1px solid #dfdfdf;
}
.section_holder13 .price {
    color: #fe7e20;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    text-align: left;
    padding: 15px 0 0px 0px;
    margin: 0px;
}
.section_holder13 .price sup {
    font-size: 16px;
    font-weight: normal;
    padding-right: 10px;
}
.section_holder13 .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.section_holder13 .linux .cont {
    width: 100%;
    float: left;
    padding: 15px 0 40px 50px;
    margin: 0px;
}
.section_holder13 .linux ul.list {
    width: 100%;
    float: left;
    padding: 15px 0 25px 0px;
    margin: 0px;
}
.section_holder13 .linux ul.list li {
    font-size: 16px;
    display: block;
    font-weight: normal;
    padding: 0 0 11px 0;
    margin: 0px;
}
.section_holder13 .linux ul.list li i {
    color: #fe7e20;
    font-size: 14px;
    padding: 0 5px 0 0;
}
.section_holder13 .linux .readmore_but5 {
    margin: 35px 15px 0 0;
}
/*drop list*/
.dropbox_holder2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.dropbox_holder2.smalltext {
    font-size: 13px;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    float: left;
}
.drlist2 {
    border: 1px solid #e1e1e1;
    width: 100%;
    font-size: 12px;
    padding: 8px 0px 0px 5px;
    margin: 0px;
}
.drlist2 .smalltext {
    font-size: 50px;
    padding: 0px 0px 0px 0px;
    margin: 0px 100px 0px 0px;
    float: left;
}
.dropbox_holder2 select option {
    width: 100%;
    margin: 0px;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #e1e1e1;
}
.dropbox_holder2 select option span {
    color: #fe7e20;
}
.dropbox_holder2 select {
    border: 1px solid #e1e1e1;
}
/*droplist */

label.custom-select {
    width: 90%;
    position: relative;
    display: inline-block;
}
.custom-select select {
    display: inline-block;
    padding: 10px 3px 5px 5px;
    margin: 0;
    font: inherit;
    outline: none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #000;
    color: #272727;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
    width: 100%;
    border: 1px solid #e1e1e1;
}
/* Select arrow styling */
.custom-select:after {
    content: '▼';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    line-height: 45px;
    padding: 0 7px;
    background: #fff;
    color: #272727;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    pointer-events: none;
}
/*section 14*/
.section_holder14 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
}
.section_holder14 .one_fourth {
    text-align: center;
}
.section_holder14 .icon {
    width: 85px;
    height: 85px;
    padding: 0;
    font-size: 40px;
    text-align: center;
    margin: 0 auto 20px auto;
    color: #161616;
    line-height: 80px;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder14 .one_fourth:hover .icon {
    color: #fe7e20;
    border: 1px solid #fe7e20;
}
.section_holder14 .one_fourth:hover h5 {
    color: #fe7e20;
}
.section_holder14 .one_fourth.active .icon {
    color: #fe7e20;
    border: 1px solid #fe7e20;
}
.section_holder14 .one_fourth.active h5 {
    color: #fe7e20;
}
/*section 15*/
.section_holder15 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
}
.section_holder15 .img {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    border: 1px solid #d9d9d9;
}
/*section 16*/
.section_holder16 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}
.section_holder16 .icon {
    width: 85px;
    height: 85px;
    padding: 0;
    font-size: 40px;
    text-align: center;
    margin: 0 auto 20px auto;
    color: #161616;
    line-height: 80px;
    border-radius: 100%;
    border: 1px solid #d9d9d9;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder16 .one_third:hover .icon {
    color: #fe7e20;
    border: 1px solid #fe7e20;
}
.section_holder16 .one_third:hover h5 {
    color: #fe7e20;
}
.section_holder16 .one_third.active .icon {
    color: #fe7e20;
    border: 1px solid #fe7e20;
}
.section_holder16 .one_third.active h5 {
    color: #fe7e20;
}
/*section 17*/
.section_holder17 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    text-align: center;
}
.header_medium {
    float: left;
    width: 100%;
    height: 300px;
    padding: 0;
    margin: 0px;
    text-align: center;
    background: url(../images/site-img34.jpg) 0px 0px no-repeat;
}
.header_medium .bigtext {
    font:
        14px 'Open Sans',
        sans-serif;
    float: right;
    font-size: 42px;
    color: #fff;
    width: 100%;
    padding: 110px 0 0 0;
    text-align: right;
    font-weight: bold;
    margin: 0px;
}
.header_medium.two .bigtext {
    font:
        14px 'Open Sans',
        sans-serif;
    float: right;
    font-size: 42px;
    color: #fff;
    padding: 95px 0 0 0;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    text-transform: uppercase;
}
.header_medium.two .smalltext {
    font:
        14px 'Open Sans',
        sans-serif;
    font-size: 42px;
    color: #fff;
    padding: 100px 0 0 0;
    text-align: center;
    font-weight: 200;
    margin: 0px;
    text-transform: uppercase;
}
.header_medium.two .smalltext span {
    color: #fe7e20;
}
.header_medium .bigtext span {
    color: #fe7e20;
}
/* section 18*/
.section_holder18 {
    float: left;
    width: 100%;
    padding: 25px 0 10px 0;
    margin: 0px;
    border-bottom: 1px solid #e9e9e9;
}
.pagetitle {
    float: left;
    width: 50%;
    font-size: 30px;
    text-align: left;
    font-weight: normal;
    color: #161616;
    margin: 0px;
    padding: 0px;
}
.pagenation {
    float: right;
    width: 50%;
    font-size: 14px;
    text-align: right;
    font-weight: normal;
    color: #999;
    margin: 5px 0px 0px;
    padding: 0px;
}
.pagenation a {
    color: #161616;
}
/* section 19*/
.section_holder19 {
    float: left;
    width: 100%;
    padding: 70px 0 70px 0;
    margin: 0px;
    border-bottom: 1px solid #e9e9e9;
}
/* section 20*/
.section_holder20 {
    float: left;
    width: 100%;
    padding: 70px 0 70px 0;
    margin: 0px;
}
/*section 21*/
.section_holder21 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    background: url('../images/parallax_bg10.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder21 .icon {
    padding: 0 0 20px 0;
    text-align: center;
    font-size: 56px;
    color: #fff;
    margin: 0;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder21 .one_fourth {
    text-align: center;
}
.section_holder21 .one_fourth:hover .icon {
    color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder21 .one_fourth:hover h5 {
    color: #fe7e20;
}
.section_holder21 .one_fourth.active .icon {
    color: #fe7e20;
}
.section_holder21 .one_fourth.active h5 {
    color: #fe7e20;
}
/* section 22*/
.section_holder22 {
    float: left;
    width: 100%;
    padding: 70px 0 70px 0;
    margin: 0px;
}
.section_holder22.three {
    float: left;
    width: 100%;
    padding: 70px 0 70px 0;
    margin: 0px;
}
.section_holder22.two {
    width: 100%;
    float: left;
    padding: 75px 0 75px 0;
    margin: 0px;
    border: 1px solid #e1e1e1;
}
.section_holder22 .img_holder {
    position: relative;
    width: 272px;
    height: 272px;
    float: left;
    padding: 13.2px;
    text-align: center;
    margin: 0px;
    border-radius: 50%;
    background-color: #161616;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder22 .img_holder .img {
    width: 100%;
    height: 245px;
    float: left;
    padding: 0px;
    text-align: center;
    margin: 0px;
    border-radius: 100%;
    background: url(../images/site-img36.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.two {
    background: url(../images/site-img37.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.three {
    background: url(../images/site-img38.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.four {
    background: url(../images/site-img39.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.five {
    background: url(../images/site-img40.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.six {
    background: url(../images/site-img41.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.seven {
    background: url(../images/site-img42.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.eight {
    background: url(../images/site-img43.jpg) center top no-repeat;
}
.section_holder22 .img_holder .img.nine {
    background: url(../https://placehold.it/575x315) center top no-repeat;
}
.section_holder22 .member_info {
    width: 80%;
    text-align: center;
    padding: 10px 0 10px 0;
    margin: 30px auto 0 auto;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}
.section_holder22 .img_holder .hover_circle {
    position: absolute;
    width: 245px;
    height: 245px;
    float: left;
    opacity: 0;
    padding: 0px;
    margin: 0px;
    border-radius: 50%;
    background: url(../images/site-img59.png) 0px 0px repeat;
    transition: opacity 0.3s ease-in-out 0s;
}
.section_holder22 .img_holder ul.social_icon {
    position: absolute;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 32px;
    z-index: 10;
}
.section_holder22 .img_holder ul.social_icon li {
    float: left;
    padding: 0px;
    margin: 0px;
    transition: opacity 0.1s ease-in-out 0s;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    transition: top 0.1s ease-in-out 0s;
}
.section_holder22 .img_holder ul.social_icon li.one {
    position: absolute;
    top: 200px;
    opacity: 0;
}
.section_holder22 .img_holder ul.social_icon li.two {
    position: absolute;
    top: 20px;
    opacity: 0;
    left: 45px;
}
.section_holder22 .img_holder ul.social_icon li.three {
    position: absolute;
    top: 200px;
    opacity: 0;
    left: 90px;
}
.section_holder22 .img_holder ul.social_icon li.four {
    position: absolute;
    top: 20px;
    opacity: 0;
    left: 135px;
}
.section_holder22 .img_holder .social_icon li a {
    width: 40px;
    height: 40px;
    float: left;
    font-size: 18px;
    padding: 0px;
    line-height: 40px;
    color: #161616;
    margin: 0 5px 0 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    z-index: 10;
}
/*hover styles*/

.section_holder22 .img_holder .social_icon li a:hover {
    background-color: #fe7e20;
}
.section_holder22 .one_fourth:hover .hover_circle {
    opacity: 1;
    transition: opacity 0.1s ease-in-out 0s;
}
.section_holder22 .one_fourth:hover .social_icon li.one {
    top: 108px;
    opacity: 1;
    transition: top 0.3s ease-in-out;
}
.section_holder22 .one_fourth:hover .social_icon li.two {
    top: 106px;
    opacity: 1;
    transition: top 0.5s ease-in-out;
}
.section_holder22 .one_fourth:hover .social_icon li.three {
    top: 108px;
    opacity: 1;
    transition: top 0.3s ease-in-out;
}
.section_holder22 .one_fourth:hover .social_icon li.four {
    top: 106px;
    opacity: 1;
    transition: top 0.5s ease-in-out;
}
.section_holder22 .one_fourth:hover .img_holder {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
/*active styles*/

.section_holder22 .img_holder .social_icon li a.active {
    background-color: #fe7e20;
}
.section_holder22 .one_fourth.active .hover_circle {
    opacity: 1;
    transition: opacity 0.1s ease-in-out 0s;
}
.section_holder22 .one_fourth.active .social_icon li.one {
    top: 106px;
    opacity: 1;
    transition: top 0.3s ease-in-out;
}
.section_holder22 .one_fourth.active .social_icon li.two {
    top: 106px;
    opacity: 1;
    transition: top 0.5s ease-in-out;
}
.section_holder22 .one_fourth.active .social_icon li.three {
    top: 106px;
    opacity: 1;
    transition: top 0.7s ease-in-out;
}
.section_holder22 .one_fourth.active .social_icon li.four {
    top: 106px;
    opacity: 1;
    transition: top 0.9s ease-in-out;
}
.section_holder22 .one_fourth.active .img_holder {
    background-color: #fe7e20;
}
/* section 23*/
.section_holder23 {
    float: left;
    width: 100%;
    padding: 70px 0 70px 0;
    margin: 0px;
}
/* section 24*/
.section_holder24 {
    float: left;
    width: 100%;
    padding: 70px 0 70px 0;
    margin: 0px;
}
.section_holder24 .award_holder {
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0px;
}
.section_holder24 .award_holder.last {
    padding: 0 0 0 0;
}
.section_holder24 .img {
    float: left;
    width: 14%;
    padding: 0;
    margin: 0px;
}
.section_holder24 .text {
    float: right;
    width: 86%;
    padding: 0;
    margin: 0px;
}
/*sidebar*/

/* section 25*/
.section_holder25 {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0px;
}
.section_holder25.two {
    padding: 50px 0 0 0;
}
/*sidebar social icons*/
.sidebar_social_icons {
    width: 100%;
    padding: 0px;
    margin: 25px 0 0 0;
    float: left;
}
/*product sidebar search*/
.pro_sidebar_search {
    width: 100%;
    padding: 50px 0 40px 0;
    float: left;
    margin: 0px;
}
.pro_sidebar_search .search {
    background: none repeat scroll 0px 0px #fff;
    border: 0px none;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0;
}
.pro_sidebar_search .search .serch_input {
    border: 0px none;
    color: #161616;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 40px;
    line-height: 39px;
    padding: 0px 7px;
    width: 70%;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.pro_sidebar_search .search .search_submit {
    padding: 5px 10px;
    margin: 0px;
    float: left;
    height: 40px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
/*categories*/
.categories_holder {
    width: 100%;
    padding: 0px 0 40px 0;
    float: left;
    margin: 0px;
}
.categories_holder ul.list {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0px;
}
.categories_holder .list li {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0px;
    border-bottom: 1px solid #d9d9d9;
}
.categories_holder .list li.last {
    border-bottom: none;
}
.categories_holder .list li a {
    color: #727272;
    padding: 12px 0;
    float: left;
    margin: 0px;
}
.categories_holder .list li.first a {
    padding: 0px 0 12px 0;
}
.categories_holder .list li a:hover {
    color: #fe7e20;
}
/*sidebar latest posts*/
.sidebar_latest_posts {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0px;
}
.sidebar_latest_posts .post_holder {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0 0 30px 0;
}
.sidebar_latest_posts .post_holder .left {
    width: 32%;
    padding: 0;
    float: left;
    margin: 0px;
}
.sidebar_latest_posts .post_holder .left .img {
    width: 80px;
    padding: 0;
    float: left;
    margin: 0px;
    border: 1px solid #d9d9d9;
}
.sidebar_latest_posts .post_holder .right {
    width: 68%;
    padding: 0;
    float: right;
    margin: 0px;
}
.sidebar_latest_posts .post_holder .right .info {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0px;
}
.sidebar_latest_posts .post_holder .right .info span {
    color: #727272;
    padding: 0 8px 0 0;
    font-size: 13px;
}
/*sidebar latest posts hover styles*/

.sidebar_latest_posts .post_holder:hover .img {
    border: 1px solid #fe7e20;
}
.sidebar_latest_posts .post_holder:hover h6 {
    color: #fe7e20;
}
/*active styles*/

.sidebar_latest_posts .post_holder.active .img {
    border: 1px solid #fe7e20;
}
.sidebar_latest_posts .post_holder.active h6 {
    color: #fe7e20;
}
/* product tags */
.products_tags {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0px;
}
.products_tags ul.tags {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0px;
}
.products_tags .tags li {
    padding: 0;
    float: left;
    margin: 0px;
}
.products_tags .tags li a {
    float: left;
    padding: 5px 12px;
    margin: 0 6px 6px 0;
    color: #fff;
    background-color: #fe7e20;
    border-radius: 2px;
}
.products_tags .tags li a:hover {
    color: #fff;
    background-color: #161616;
}
/*sidebar featured works*/
.sidebar_featured_works {
    width: 100%;
    padding: 25px 0 0 0;
    float: left;
    margin: 0px;
}
.sidebar_featured_works ul.works {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0;
}
.sidebar_featured_works ul.works li {
    padding: 0;
    float: left;
    margin: 0;
}
.sidebar_featured_works .works li a {
    width: 65px;
    padding: 0;
    float: left;
    margin: 0 6px 6px 0;
}
.sidebar_featured_works .works li a:hover {
    opacity: 0.8;
}
.punchline_text_box {
    width: 100%;
    float: left;
    padding: 25px 30px;
    margin: 15px 0 30px 0;
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: #eee #eee #eee #fe7e20;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    color: #999;
}
a.knowmore_but {
    float: right;
    padding: 13px 20px;
    margin: 0px 0px 0px 50px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: #fe7e20;
    border-radius: 3px;
}
a.knowmore_but:hover {
    color: #fff;
    background-color: #161616;
}
.punchline_text_box .left {
    float: left;
    width: 70%;
}
.punchline_text_box .right {
    float: left;
    width: 30%;
}
/*section 26*/
.section_holder26 {
    width: 100%;
    float: left;
    padding: 75px 0 75px 0;
    margin: 0px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
}
.section_holder26 .title1 {
    font-size: 80px;
    padding: 30px 0 0 0;
    font-weight: 400;
    margin: 0px;
    line-height: 65px;
}
.section_holder26 .title1 span {
    color: #fe7e20;
}
.section_holder26 .title {
    font-size: 36px;
    padding: 30px 0 10px 0;
    font-weight: 300;
    margin: 0px;
    line-height: 65px;
}
.error_search_holder {
    width: 100%;
    float: left;
    padding: 75px 0 90px 0;
    margin: 0px;
    text-align: center;
}
.error_search_holder .search_box {
    width: 60%;
    height: 55px;
    padding: 0;
    margin: 0 auto 50px auto;
    border: 1px solid #d9d9d9;
    text-align: center;
}
.error_search_holder .search_box .serch_input {
    border: 0px none;
    color: #161616;
    float: left;
    font-size: 16px;
    font-weight: normal;
    height: 53px;
    line-height: 39px;
    padding: 0px 15px;
    width: 94%;
}
.error_search_holder .search_box .search_submit {
    padding: 15px;
    margin: 11px 0px 0px 0px;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    background: url(../images/site-img166.png) 4px 4px no-repeat;
    border: none;
}
.error_search_holder a.but {
    font-size: 16px;
    color: #161616;
    font-weight: 600;
    padding: 20px 40px;
    margin: 0px;
    background-color: #fdce16;
}
.error_search_holder a.but:hover {
    color: #fff;
    background-color: #161616;
}
/*section 27*/
.section_holder27 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
}
/*blog full width*/
.section_holder28 {
    width: 100%;
    padding: 0px;
    margin: 60px 0 60px 0;
    float: left;
}
.section_holder28 .post_holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder28 .post_img {
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder28 .post_holder a h2:hover {
    color: #fe7e20;
}
.section_holder28 .post_holder .date {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    width: 100px;
    height: 100px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 0px;
    margin: 0 0 0 1070px;
    z-index: 100;
    background-color: #fe7e20;
}
.section_holder28 .post_holder .date span {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    font-weight: 600;
    display: block;
    color: #fff;
    text-align: center;
    padding: 25px 0px 10px 0px;
    margin: 0px;
}
.section_holder28 .post_holder .date.comments {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    width: 100px;
    height: 100px;
    font-size: 16px;
    color: #909090;
    text-align: center;
    padding: 0px;
    margin: 100px 0 0 1070px;
    z-index: 100;
    background-color: #161616;
}
.section_holder28 .post_holder .date.comments span {
    color: #909090;
}
.section_holder28 .divider_line {
    width: 95%;
    height: 1px;
    margin: 40px 0;
    padding: 0px;
    border: none;
    float: right;
    background-color: #e7e7e7;
}
/*post hover box*/
.section_holder28 .post_img .hover_box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 30px;
    margin: 0px;
    float: left;
    opacity: 0;
    transition: opacity 0.3s ease-in-out 0s;
    background: url(../images/site-img59.png) 0px 0px repeat;
}
.section_holder28 .post_img .hover_box .box_inner {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder28 .post_img .hover_box .box_inner .icon {
    width: 70px;
    height: 70px;
    padding: 0px;
    margin: 200px 10px 0 442px;
    float: left;
    font-size: 24px;
    color: #161616;
    text-align: center;
    line-height: 65px;
    border-radius: 100%;
    background-color: #fff;
}
.section_holder28 .post_img .hover_box .box_inner .icon.last {
    margin: 200px 10px 0 0;
}
.section_holder28 .post_img .hover_box .box_inner .icon:hover {
    background-color: #fe7e20;
    color: #fff;
}
/*hover styles*/
.section_holder28 .post_img:hover .hover_box {
    opacity: 1;
    transition: opacity 0.3s ease-in-out 0s;
}
.section_holder28 .video_frame iframe {
    float: right;
    width: 100%;
    height: 550px;
    margin: 0px;
}
.section_holder28 .double_line {
    float: left;
    width: 100%;
    height: 5px;
    margin: 50px 0 0 0;
    border-top: 1px solid #e7e7e7;
}
/*bottom pagenation*/
.pagenation_bottom {
    float: right;
    width: 95%;
    height: 5px;
    margin: 0;
}
.pagenation_bottom a.next_prv {
    float: left;
    margin: 0 30px 0 0;
    color: #161616;
    font-size: 14px;
    padding: 15px 0 0 0;
}
.pagenation_bottom a.next_prv i {
    color: #fe7e20;
}
.pagenation_bottom a.next_prv:hover {
    color: #fe7e20;
}
.pagenation_bottom ul.page_number {
    width: 40%;
    float: right;
    margin: 0;
    padding: 0;
}
.pagenation_bottom ul.page_number li {
    float: right;
    margin: 0;
    padding: 0;
}
.pagenation_bottom .page_number li a {
    width: 23px;
    height: 23px;
    float: right;
    text-align: center;
    color: #161616;
    margin: 15px 5px 0 0;
    padding: 0;
    background-color: #fff;
}
.pagenation_bottom .page_number li a:hover {
    background-color: #fe7e20;
    color: #fff;
}
.pagenation_bottom .page_number li a.active {
    background-color: #fe7e20;
    color: #fff;
}
/*blog 3columns*/

.section_holder28.two {
    padding: 30px 0 0px 0;
}
.section_holder28.two .post_holder .date {
    position: absolute;
    width: 72px;
    height: 72px;
    font-size: 13px;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 0px 285px;
}
.section_holder28.two .post_holder .date span {
    font-size: 24px;
    padding: 13px 0px 0 0;
}
.section_holder28.two .post_holder .date.comments {
    width: 72px;
    height: 72px;
    font-size: 24px;
    text-align: center;
    margin: 72px 0px 0px 285px;
    background-color: #161616;
}
.section_holder28.two .post_holder .comments span {
    font-size: 18px;
    padding: 12px 0px 0px 0px;
}
.section_holder28.two .post_holder {
    width: 100%;
    border: 1px solid #d9d9d9;
}
.section_holder28.two .post_img .hover_box {
    height: 100%;
    padding: 22px;
}
.section_holder28.two .post_holder .text_holder {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
    padding: 22px 30px 30px 30px;
}
.section_holder28.two .post_img .hover_box .box_inner .icon {
    width: 40px;
    height: 40px;
    margin: 133px 10px 0px 117px;
    font-size: 14px;
    line-height: 40px;
}
.section_holder28.two .post_img .hover_box .box_inner .icon.last {
    margin: 133px 10px 0px 0;
}
/*blog standard*/
.section_holder28.three {
    padding: 0px 0 0 0;
}
.section_holder28.three .post_holder .date {
    width: 72px;
    height: 72px;
    font-size: 13px;
    text-align: center;
    padding: 0px;
    margin: 0 0px 0 758px;
}
.section_holder28.three .post_holder .date span {
    font-size: 24px;
    padding: 13px 0px 0px;
}
.section_holder28.three .post_holder .date.comments {
    width: 72px;
    height: 72px;
    font-size: 24px;
    text-align: center;
    margin: 72px 0px 0px 758px;
}
.section_holder28.three .post_holder .date.comments span {
    font-size: 18px;
    padding: 12px 0px 0px 0px;
}
.section_holder28.three .post_holder {
    width: 100%;
    border: none;
}
.section_holder28.three .post_img .hover_box {
    height: 100%;
    padding: 22px;
}
.section_holder28.three .post_img .hover_box .box_inner .icon {
    width: 40px;
    height: 40px;
    margin: 147px 10px 0px 330px;
    font-size: 14px;
    line-height: 40px;
}
.section_holder28.three .post_img .hover_box .box_inner .icon.last {
    margin: 147px 10px 0 0;
}
.section_holder28.three .divider_line {
    width: 97%;
}
.section_holder28.three .video_frame iframe {
    float: right;
    width: 100%;
    height: 380px;
    margin: 0px;
}
/*blog single post*/
/* section 29 */
.section_holder29 {
    width: 100%;
    padding: 60px 0 0 0px;
    margin: 0px;
    float: left;
}
.section_holder29 .post_img {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0px;
    float: left;
}
.section_holder29 .img {
    width: 100%;
    padding: 0;
    margin: 0px;
    float: right;
}
.section_holder29 .bottom_strip {
    width: 100%;
    height: 14px;
    padding: 0;
    margin: 0px;
    float: right;
    background-color: #fdce16;
}
.section_holder29 .bottom_shape {
    width: 80px;
    height: 27px;
    padding: 0;
    margin: -10px 0px 0px 379px;
    float: left;
    background: url(../images/site-img57.png) 0px 0px no-repeat;
}
.section_holder29 .post_img .date {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    width: 75px;
    height: 75px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding: 0px;
    margin: 0px 0px 0px 755px;
    z-index: 100;
    background-color: #fe7e20;
}
.section_holder29 .post_img .date span {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
    display: block;
    color: #fff;
    text-align: center;
    padding: 12px 0 0 0;
    margin: 0px;
}
.section_holder29 .post_img .date.comments {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    width: 75px;
    height: 75px;
    font-size: 24px;
    color: #a3a3a3;
    text-align: center;
    padding: 0px;
    margin: 72px 0px 0px 755px;
    z-index: 100;
    background-color: #161616;
}
.section_holder29 .post_img .comments span {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    display: block;
    color: #a3a3a3;
    text-align: center;
    padding: 12px 0 0 0;
    margin: 0px;
}
.section_holder29 .post_text {
    width: 100%;
    padding: 0;
    margin: 0px;
    float: right;
}
.section_holder29 .post_text .toppadd {
    padding-top: 15px;
}
.section_holder52 .post_text .divider_line {
    width: 100%;
    height: 1px;
    border: none;
    padding: 0;
    margin: 50px 0 50px 0;
    float: left;
    background-color: #e7e7e7;
}
.section_holder29 .comment_info {
    width: 100%;
    padding: 20px;
    margin: 0 0 20px 0;
    float: left;
    border: 1px solid #e7e7e7;
}
.section_holder29 .comment_info .left {
    width: 20%;
    padding: 0px;
    margin: 0;
    float: left;
}
.section_holder29 .comment_info .right {
    width: 80%;
    padding: 0px;
    margin: 0;
    text-align: left;
    float: right;
}
.section_holder29 .comment_info .left .img {
    width: 130px;
    height: 135px;
    padding: 0px;
    margin: 0;
    float: left;
    border: 1px solid #fff;
}
.section_holder29 .comment_info .right .name {
    width: 80%;
    float: left;
}
.section_holder29 .comment_info .right .date {
    width: 20%;
    color: #fe7e20;
    text-align: right;
    float: right;
}
.section_holder29 .comment_info .right a.more {
    font-size: 14px;
    color: #fe7e20;
    font-weight: 500;
    padding: 5px 0 0 0;
    margin: 0;
    float: left;
    text-decoration: underline;
}
.section_holder29 .comment_title {
    font-size: 26px;
    color: #161616;
    font-weight: 600;
    padding: 40px 0 30px 0;
    margin: 0;
    float: left;
}
.section_holder29 .comment_info .right a.readmore {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    padding: 5px 15px;
    margin: 15px 0 0 0;
    float: left;
    border-radius: 2px;
    background-color: #fe7e20;
}
.section_holder29 .comment_info .right a.readmore:hover {
    color: #fff;
    background-color: #161616;
}
.section_holder29 .comment_info.two {
    width: 81%;
    margin: 0 0 20px 0;
    float: right;
}
.section_holder29 .comment_info.two .right {
    width: 76%;
}
.section_holder29 .form_title {
    padding: 40px 0 0px 0;
    font-size: 26px;
    font-weight: 600;
    color: #161616;
    margin: 0px;
    text-transform: none;
}
.section_holder29 a.loadmore_but {
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 20px 15px;
    margin: 40px 0 40px 0;
    text-align: center;
    float: left;
    border-radius: 2px;
    text-transform: uppercase;
    background-color: #fe7e20;
}
.section_holder29 a.loadmore_but:hover {
    color: #fff;
    background-color: #161616;
}
/*hover styles*/
.section_holder29 .comment_info:hover {
    border: 1px solid #fe7e20;
}
.section_holder29 .comment_info:hover .name {
    color: #fe7e20;
}
/*section 30*/
.section_holder30 {
    width: 100%;
    padding: 70px 0 70px 0px;
    margin: 0px;
    float: left;
}
.section_holder30.two {
    padding: 70px 0 0 0px;
}
.section_holder30 .topic_holder {
    width: 100%;
    padding: 25px;
    margin: 0px;
    float: left;
    border: 1px solid #d9d9d9;
}
.section_holder30 .topic_holder .icon {
    width: 15%;
    font-size: 30px;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder30 .topic_holder .text {
    width: 85%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.section_holder30 .topic_holder .text ul.list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder30 .topic_holder .text ul.list li {
    padding: 0px;
    margin: 0px;
    list-style-type: disc;
}
.section_holder30 .topic_holder .text ul.list li a:hover {
    color: #fe7e20;
}
.section_holder30 .one_third {
    margin-bottom: 30px;
}
/*hover styles*/
.section_holder30 .topic_holder:hover {
    border: 1px solid #fe7e20;
}
.section_holder30 .topic_holder:hover .icon {
    color: #fe7e20;
}
.section_holder30 .topic_holder:hover h4 {
    color: #fe7e20;
}
/*active styles*/
.section_holder30 .topic_holder.active {
    border: 1px solid #fe7e20;
}
.section_holder30 .topic_holder.active .icon {
    color: #fe7e20;
}
.section_holder30 .topic_holder.active h4 {
    color: #fe7e20;
}
/*contact styles*/

.address_info {
    float: left;
    background-color: #fff;
    padding: 0px;
    width: 100%;
    margin-bottom: 40px;
}
.address_info.two {
    float: left;
    background-color: #fff;
    border: none;
    padding: 20px 20px 10px;
    width: 100%;
    margin-bottom: 40px;
}
.address_info a {
    color: #fe7e20;
}
.address_info a:hover {
    color: #161616;
}
.google-map {
    width: 100%;
    padding: 20px;
    height: 300px;
    border: 1px solid #d9d9d9;
}
.google-map.two {
    width: 100%;
    padding: 0px;
    height: 350px;
    border: none;
}
.section_holder66 .bottom_shape.two {
    margin: -6px 0px 0px 320px;
}

/*------------------*/
/* layout2
/*------------------------------------------------------*/

/*section 31*/
.section_holder31 {
    width: 100%;
    padding: 70px 0 35px 0;
    margin: 0px;
    float: left;
    background-color: #e1e1e1;
}
.section_holder31 .domain_search_holder {
    width: 100%;
    padding: 15px;
    margin: 0px;
    float: left;
    background-color: #fff;
}
.lt_title_medium {
    font-size: 35px;
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
}
.lt_title_medium span {
    font-weight: 600;
}
.lt_title_big {
    font-size: 43px;
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}
.lt_title_big_left {
    font-size: 43px;
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
}
.lt_title_big_left span {
    font-weight: 600;
}
.lt_title_big span {
    font-weight: 600;
}
.section_holder31 #domain-searchform #dsearch {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    color: #393a3b;
    float: left;
    font-size: 14px;
    height: 50px;
    padding: 7px 10px;
    width: 68%;
}
.section_holder31 .drlist {
    background-color: #eeeeee;
    color: #272727;
    float: left;
    font-size: 16px;
    height: 50px;
    margin: 0px 0 0 -5px;
    padding: 10px;
    width: 102px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.section_holder31 #searchsubmit {
    border: none;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    overflow: hidden;
    padding: 5px 25px;
    margin-left: 0px;
    text-align: center;
    background-color: #fe7e20;
}
.section_holder31 #searchsubmit:hover {
    background-color: #272727;
    color: #fff;
}
.section_holder31 ul.tld_list {
    width: 100%;
    padding: 0;
    margin: 50px 0 0 0;
    float: left;
}
.section_holder31 ul.tld_list li {
    width: 105px;
    height: 105px;
    padding: 20px;
    margin: 0 8px 0 0;
    float: left;
    font-size: 13px;
    display: inline;
    border-radius: 2px;
    color: #727272;
    text-align: center;
    background-color: #fff;
}
.section_holder31 ul.tld_list li .price {
    padding: 15px 0 0 0;
    margin: 0;
    float: left;
    font-size: 25px;
    color: #fff;
}
.section_holder31 ul.tld_list li .tld {
    padding: 8px 0 3px 0;
    margin: 0;
    display: block;
    font-weight: 600;
    font-size: 22px;
    color: #fe7e20;
}
.section_holder31 ul.tld_list li .tld.two {
    color: #ff6804;
}
.section_holder31 ul.tld_list li .tld.three {
    color: #84c010;
}
.section_holder31 ul.tld_list li .tld.four {
    color: #c951f0;
}
.section_holder31 ul.tld_list li .price2 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #727272;
}
.section_holder31 ul.tld_list li.last {
    margin: 0 0 0 0;
}
.section_holder31 ul.tld_list li.first {
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    background-color: #fe7e20;
}
.section_holder31 .plan_list {
    width: 60%;
    padding: 0;
    margin: 0;
    float: left;
}
.section_holder31 .img {
    width: 40%;
    padding: 0;
    margin: 0;
    float: right;
}
.section_holder31 .plan_list ul.feature_list {
    width: 100%;
    padding: 0;
    margin: 0 0 35px 0;
    float: left;
}
.section_holder31 .plan_list ul.feature_list li {
    padding: 0 0 10px 0;
    margin: 0;
    color: #272727;
}
.section_holder31 .plan_list ul.feature_list li i {
    color: #272727;
}

/*section 32*/
.section_holder32 {
    width: 100%;
    padding: 0 0 50px 0;
    margin: 0px;
    float: left;
    background-color: #e1e1e1;
}
.section_holder32 .feature_box {
    width: 100%;
    padding: 35px;
    text-align: center;
    background: #fff;
    margin: 0 0 40px 0;
}
.shadow_st1 {
    position: relative;
}
.shadow_st1:before,
.shadow_st1:after {
    z-index: -1;
    position: absolute;
    content: '';
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #c0c0c0;
    -moz-box-shadow: 0 15px 10px #c0c0c0;
    box-shadow: 0 15px 10px #c0c0c0;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.shadow_st1:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

/*offer badge*/
.section_holder32 .feature_box .offer_badge {
    width: 40%;
    padding: 0;
    text-align: center;
    margin: 0px;
    float: left;
}
.section_holder32 .feature_box .badge {
    width: 170px;
    height: 170px;
    padding: 0;
    margin: 0px;
    float: left;
    background: url(../images/site-img50.png) 0 0 no-repeat;
}
.section_holder32 .feature_box .badge .text {
    padding: 50px 0px 0px 0px;
    font-size: 18px;
    margin: 0px;
    color: #272727;
}
.section_holder32 .feature_box .badge .text span {
    padding: 0;
    font-size: 35px;
    margin: 0;
    font-weight: 600;
    color: #272727;
}
.section_holder32 .feature_box .img {
    width: 60%;
    padding: 0;
    margin: 0px;
    float: right;
}
/*section 33*/
.section_holder33 {
    width: 100%;
    padding: 35px 0 40px 0;
    margin: 0px;
    float: left;
    background-color: #e1e1e1;
}
.section_holder33.two {
    background-color: #fff;
    padding: 70px 0 70px 0;
}
.lt_title_line {
    height: 3px;
    padding: 0px;
    margin: 15px auto 20px;
    text-align: center;
    background: url(../images/title_line7.png) center top no-repeat;
}
.cl_title_line {
    height: 3px;
    padding: 0px;
    margin: 15px auto 20px;
    text-align: center;
    background: url(../images/title_line10.png) center top no-repeat;
}
.lt_title_line.two {
    background: url(../images/title_line9.png) center top no-repeat;
}
.lt_title_bottomtext {
    width: 60%;
    padding: 0px;
    margin: 0px auto 60px;
    text-align: center;
}
.section_holder33 .shadow_box {
    width: 100%;
    height: 40px;
    padding: 25px;
    float: left;
    background: #fff;
    margin: 0;
    background: url(../images/site-img61.png) center top no-repeat;
}
.section_holder33 .price_table_holder {
    width: 292px;
    float: left;
    padding: 0;
    margin: 0;
}
.section_holder33 .price_table {
    width: 100%;
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    text-align: center;
    background-color: #272727;
    border-right: 1px solid #4b4b4b;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder33 .price_table .title {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0 20px 0;
    color: #fff;
    text-align: center;
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #4b4b4b;
}
.section_holder33 .price_table .price {
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    padding: 8px 0px 8px;
    border-bottom: 1px solid #4b4b4b;
}
.section_holder33 .price_table .price sup {
    font-size: 22px;
    font-style: normal;
}
.section_holder33 .price_table .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.section_holder33 .price_table ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}
.section_holder33 ul.plan_features li {
    width: 70%;
    color: #a9a9a9;
    text-align: center;
    padding: 8px 0;
    margin: 0 auto;
    border-bottom: 1px solid #4b4b4b;
}
.section_holder33 ul.plan_features.two li {
    width: 80%;
}
.section_holder33 .plan_info .singup_but {
    color: #fff;
    text-align: center;
    padding: 8px 30px;
    margin: 0 0px 25px 0px;
    background-color: #fe7e20;
}
.section_holder33.two .plan_info .singup_but {
    color: #fff;
    background-color: #fe7e20;
}
.section_holder33 .plan_info .singup_but:hover {
    color: #fff;
    background-color: #272727;
}

/*table active small arrows*/
.section_holder33 .price_table .arrow {
    position: absolute;
    width: 34px;
    height: 19px;
    padding: 0px;
    margin: -19px 0px 0px -34px;
    float: left;
    background: url(../images/site-img56.png) 0 0 no-repeat;
    z-index: 3;
}
.section_holder33 .price_table .arrow.two {
    margin: -19px 0px 0px 291px;
    background: url(../images/site-img57.png) 0 0 no-repeat;
}
.section_holder33 .price_table .arrow.three {
    margin: 458px 0px 0px -34px;
    background: url(../images/site-img58.png) 0 0 no-repeat;
}
.section_holder33 .price_table .arrow.four {
    margin: 458px 0px 0px 291px;
    background: url(../images/site-img60.png) 0 0 no-repeat;
}
/*table drop list*/

/*drop list 3*/
.section_holder33.smalltext {
    font-size: 13px;
    padding: 0px 5px 0px 0px;
    margin: 0px;
    float: left;
}
.section_holder33 select option {
    width: 100%;
    margin: 0px;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #e1e1e1;
}
.section_holder33 select option span {
    color: #fe7e20;
    font-size: 12px;
}
.section_holder33 .dropbox_holder3 select {
    border: 1px solid #e1e1e1;
}
.section_holder33 label.custom-select3 {
    width: 100%;
    position: relative;
    display: inline-block;
}
.section_holder33.two .price_table .custom-select3 select {
    background: none repeat scroll 0% 0% #272727;
    border: 1px solid #3a3a3a;
    color: #a9a9a9;
}
.section_holder33 .price_table.active .custom-select3 select {
    display: inline-block;
    padding: 4px 3px 2px 5px;
    margin: 0px;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    -moz-font-feature-settings: inherit;
    -moz-font-language-override: inherit;
    outline: medium none;
    line-height: 1.2;
    background: none repeat scroll 0% 0% #fe7e20;
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    width: 100%;
    border: 1px solid #4b4b4b;
}

/* Select arrow styling */
.section_holder33 .custom-select3:after {
    content: '▼';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 40px;
    padding: 0 7px;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    color: #272727;
    pointer-events: none;
}
.section_holder33.two .price_table .custom-select3:after {
    color: #fff;
    background: #272727;
    border-top: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
}
/*hover styles*/
.section_holder33 .price_table .custom-select3:after {
    color: #fff;
    background: #fe7e20;
    border-top: 1px solid #3a3a3a;
    border-right: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
}
.section_holder33.two .price_table:hover .custom-select3:after {
    color: #fff;
    background: #fe7e20;
    border-top: 1px solid #f79d5b;
    border-right: 1px solid #f79d5b;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table:hover {
    background-color: #fe7e20;
    padding: 0 0;
    margin: 20px 0 0 0;
}
.section_holder33 .price_table:hover .title {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table:hover .price {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table:hover .plan_features li {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table:hover .singup_but {
    color: #272727;
    background-color: #fff;
}
.section_holder33 .price_table:hover .custom-select3 select {
    background: none repeat scroll 0% 0% #fe7e20;
    border: 1px solid #f79d5b;
    color: #fff;
}
/*active styles*/
.section_holder33 .price_table.custom-select3 select {
    color: #fff;
    background-color: #fe7e20;
    border: 1px solid #f79d5b;
}
.section_holder33 .price_table.active .custom-select3:after {
    color: #fff;
    background: #fe7e20;
    border-top: 1px solid #f79d5b;
    border-right: 1px solid #f79d5b;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table.active {
    position: relative;
    background-color: #fe7e20;
    padding: 20px 0;
    margin: 0 0 0 0;
}
.section_holder33 .price_table.active .title {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table.active .price {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table.active .plan_features li {
    color: #fff;
    border-bottom: 1px solid #f79d5b;
}
.section_holder33 .price_table.active .singup_but {
    color: #272727;
    background-color: #fff;
}
.section_holder33 .price_table.active .custom-select3 select {
    background: none repeat scroll 0% 0% #fe7e20;
    border: 1px solid #f79d5b;
}

/*section 34*/
.section_holder34 {
    width: 100%;
    float: left;
    padding: 100px 0;
    margin: 0px;
    text-align: center;
    background: url('../images/parallax_bg6.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder34 .title1 {
    font-size: 50px;
    padding: 0 0 10px 0;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 200;
    color: #fff;
    text-align: center;
}

.section_holder34 .title2 {
    font-size: 60px;
    padding: 0;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
    text-align: center;
}
.section_holder34 .cont {
    width: 70%;
    padding: 0;
    margin: 0 auto;
    color: #fff;
}

/*section 35*/
.section_holder35 {
    width: 100%;
    float: left;
    padding: 70px 0 20px 0;
    margin: 0;
    background-color: #e1e1e1;
}
.section_holder35 .feature_box {
    width: 100%;
    padding: 25px;
    float: left;
    background: #fff;
    margin: 0;
}
.section_holder35 .shadow_box {
    width: 100%;
    height: 40px;
    padding: 25px;
    float: left;
    background: #fff;
    margin: 0;
    background: url(../images/site-img61.png) center top no-repeat;
}
.section_holder35 ul.tablist {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 11px 0;
}
.section_holder35 ul.tablist li {
    padding: 0 0 5px 0;
    margin: 0px;
}
.section_holder35 .tablist li i {
    float: left;
    color: #fe7e20;
    font-size: 14px;
    padding: 4px 6px 0 0;
    margin: 0px;
}
.section_holder35 .affiliates {
    width: 100%;
    float: left;
    padding: 0px 0px 18px 0px;
    margin: 0px;
}
.section_holder35 .readmore_but3 {
    background-color: #fe7e20;
}
/*hover styles*/
.section_holder35 .affiliates:hover .icon {
    color: #fe7e20;
}
.section_holder35 .affiliates:hover h6 {
    color: #fe7e20;
}
/*active styles*/
.section_holder35 .affiliates.active .icon {
    color: #fe7e20;
}
.section_holder35 .affiliates.active h6 {
    color: #fe7e20;
}
.section_holder35 .affiliates .icon {
    float: left;
    padding: 0px;
    color: #272727;
    text-align: center;
    margin: 0 20px 0 0;
    font-size: 30px;
}
.section_holder35 .affiliates .text {
    width: 70%;
    float: left;
    padding: 0px;
    text-align: left;
    margin: 0px;
}
/*section 36*/
.section_holder36 {
    width: 100%;
    float: left;
    padding: 60px 0 60px 0;
    margin: 0;
    background-color: #e1e1e1;
}
.section_holder36.two {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0;
    background-color: fff;
}
.section_title_line_full {
    width: 100%;
    height: 3px;
    float: left;
    padding: 0px;
    margin: 15px auto 20px;
    text-align: left;
    background: url(../images/title_line6.png) 0 0 no-repeat;
}
.section_holder36 .text_holder {
    width: 100%;
    float: left;
    padding: 30px;
    margin: 0 0 17px 0;
    background-color: #fff;
}
.section_holder36 .img_holder {
    width: 18%;
    float: left;
    padding: 0;
    margin: 0;
}
.section_holder36 .text {
    width: 82%;
    float: right;
    padding: 0;
    margin: 0;
}
.section_holder36 .flex-control-nav {
    width: 13%;
    position: absolute;
    bottom: -40px;
    text-align: center;
    top: -18%;
    left: 87%;
    height: 15px;
}

/*section 37*/
.section_holder37 {
    width: 100%;
    float: left;
    padding: 0 0 40px 0;
    margin: 0;
    background-color: #e1e1e1;
}

/*------------------*/
/* layout3 style
/*------------------------------------------------------*/

/*section 38*/
.section_holder38 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0;
}
.section_holder38 .text_holder {
    width: 100%;
    float: left;
    padding: 10px;
    margin: 0;
    background-color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder38 .text_holder .icon {
    width: 15%;
    float: left;
    font-size: 28px;
    padding: 10px;
    margin: 0;
}
.section_holder38 .text_holder .text {
    width: 85%;
    float: right;
    padding: 10px;
    margin: 0;
}
.section_holder38 .text_holder .icon .arrow {
    width: 32px;
    height: 37px;
    float: left;
    padding: 0;
    margin: 10px 0 0 -5px;
    background: url(../images/site-img73.png) 0 0 no-repeat;
}
/*hover styles*/
.section_holder38 .text_holder:hover {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder38 .text_holder:hover .icon {
    color: #fff;
}
.section_holder38 .text_holder:hover .text,
.section_holder38 .text_holder:hover h4 {
    color: #fff;
}
.section_holder38 .text_holder:hover .icon .arrow {
    display: none;
}
/*active styles*/
.section_holder38 .text_holder.active {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder38 .text_holder.active .icon {
    color: #fff;
}
.section_holder38 .text_holder.active .text,
.section_holder38 .text_holder.active h4 {
    color: #fff;
}
.section_holder38 .text_holder.active .icon .arrow {
    display: none;
}

/*section 39*/
.section_holder39 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    background: url('../images/parallax_bg11.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.section_holder39 .img {
    position: relative;
    width: 48%;
    float: left;
    padding: 0;
    margin: 0px;
}
.section_holder39 .offerbadge {
    position: absolute;
    width: 90px;
    height: 90px;
    float: left;
    padding: 26px 0 0 0;
    text-align: center;
    color: #fff;
    line-height: 16px;
    margin: 0px;
    background: url(../images/site-img77.png) 0 0 no-repeat;
    z-index: 2;
}
.section_holder39 .offerbadge2 {
    position: absolute;
    width: 90px;
    height: 90px;
    float: left;
    padding: 15px 0 0 0;
    text-align: center;
    color: #fff;
    margin: 0px;
    background: url(../images/site-img76.png) 0 0 no-repeat;
    z-index: 2;
}
.section_holder39 .offerbadge2 span {
    font-size: 18px;
    font-weight: 600;
}
.section_holder39 .offerbadge span {
    font-size: 18px;
    font-weight: 600;
}
.section_holder39 .text {
    position: relative;
    width: 52%;
    float: left;
    padding: 0;
    margin: 0px;
}
.section_holder39 .text .big {
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    float: left;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    line-height: 40px;
    margin: 0px;
}
.section_holder39 .text .big .hili {
    color: #fe7e20;
}

/*get a website section right*/
.section_holder39 .img_right {
    position: relative;
    width: 52%;
    float: right;
    text-align: right;
    padding: 0;
    margin: 0px;
}
.section_holder39 .text_left {
    position: relative;
    width: 48%;
    float: left;
    padding: 0;
    margin: 0px;
}
.section_holder39 .text_left ul.list {
    width: 100%;
    float: left;
    padding: 0 0 25px 0;
    margin: 0px;
}
.section_holder39 .text_left .list li {
    padding: 0 0 4px 0;
    margin: 0px;
    color: #fff;
}
.section_holder39 .text_left .list li i {
    padding-right: 6px;
}

/*section 40*/
.section_holder40 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0px;
    background: url('../images/parallax_bg12.jpg');
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}

.section_holder40 .services_box {
    width: 270px;
    float: left;
    padding: 15px;
    margin: 0 20px 20px 0;
    background-color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder40 .services_box.last {
    margin: 0 0 20px 0;
}
.section_holder40 .services_box.nomargin {
    margin: 0 20px 0 0;
}
.section_holder40 .services_box .icon {
    width: 20%;
    float: left;
    padding: 0;
    font-size: 30px;
    color: #8d8d8d;
    margin: 0px;
}
.section_holder40 .services_box .text {
    width: 80%;
    float: left;
    padding: 0;
    margin: 0px;
}
/*hover styles*/

.section_holder40 .services_box:hover {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder40 .services_box:hover h6 {
    color: #fff;
}
.section_holder40 .services_box:hover p {
    color: #fff;
}
.section_holder40 .services_box:hover .icon {
    color: #fff;
}
/*active styles*/

.section_holder40 .services_box.active {
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder40 .services_box.active h6 {
    color: #fff;
}
.section_holder40 .services_box.active p {
    color: #fff;
}
.section_holder40 .services_box.active .icon {
    color: #fff;
}

/*right section why foxu*/

.section_holder40 .list_holder {
    width: 100%;
    padding: 0px;
    margin: 0 0 25px 0;
    float: left;
}
.section_holder40 .list_holder.last {
    margin: 0 0 0 0;
}
.section_holder40 .list_holder .icon_holder {
    width: 22%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.section_holder40 .list_holder .img {
    width: 110px;
    height: 110px;
    padding: 0px;
    margin: 0px;
    float: left;
    border-radius: 100%;
    background: url(../images/site-img78.jpg) 0 0 no-repeat;
}
.section_holder40 .list_holder .img.two {
    background: url(../images/site-img79.jpg) 0 0 no-repeat;
}
.section_holder40 .list_holder .text {
    width: 78%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.section_holder40 .list_holder:hover .icon {
    color: #fff;
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder40 .list_holder:hover h5 {
    color: #fe7e20;
}
.section_holder40 .list_holder.active .icon {
    color: #fff;
    border: 1px solid #fe7e20;
    background-color: #fe7e20;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.section_holder40 .list_holder.active h5 {
    color: #fe7e20;
}

/*section 41*/
.section_holder41 {
    width: 100%;
    float: left;
    padding: 70px 0 70px 0;
    margin: 0;
}
.section_holder41 .text_holder {
    width: 99%;
    float: left;
    padding: 30px;
    margin: 0 0 17px 0;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}
.section_holder41 .img_holder {
    width: 18%;
    float: left;
    padding: 0;
    margin: 0;
}
.section_holder41 .text {
    width: 82%;
    float: right;
    padding: 0;
    margin: 0;
}

/*------------------*/
/* portfolio styles
/*------------------------------------------------------*/

/*portfolio single*/
.portfolio_single {
    width: 100%;
    padding: 70px 0 70px 0;
    float: left;
    margin: 0px;
}
.portfolio_single .title_medium {
    font-size: 20px;
    padding: 0 0 25px 0;
    font-weight: 600;
    margin: 0px;
    float: left;
}
.portfolio_single .title_medium.two {
    padding: 40px 0 25px 0;
}
.portfolio_single .cont {
    padding: 0;
    margin: 0px;
    float: left;
}
.portfolio_single a.add_but {
    font-size: 14px;
    padding: 10px 30px;
    font-weight: normal;
    color: #fff;
    margin: 30px 0 0 0;
    float: left;
    border-radius: 2px;
    background-color: #fe7e20;
}
.portfolio_single a.add_but i {
    font-size: 14px;
    color: #fff;
    padding-right: 8px;
}
.portfolio_single a.add_but:hover {
    color: #fff;
    background-color: #161616;
}
.portfolio_single .project_info {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.portfolio_single .project_info span {
    width: 100%;
    padding: 10px 0;
    margin: 0px;
    float: left;
    border-bottom: 1px solid #d9d9d9;
}
.portfolio_single .project_info span.last {
    border-bottom: none;
}
.portfolio_single .project_info span .left {
    width: 40%;
    padding: 0px;
    margin: 0px;
    float: left;
}
.portfolio_single .project_info span .left span {
    padding: 0px;
    margin: 0px;
    border-bottom: none;
    float: left;
}
.portfolio_single .project_info span .right {
    width: 60%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.portfolio_single .project_info span .right span {
    padding: 0px;
    margin: 0px;
    border-bottom: none;
    float: left;
}

/*sidebar social icons*/
.sidebar_social_icons {
    width: 100%;
    padding: 0px;
    margin: 25px 0 0 0;
    float: left;
}
.sidebar_social_icons ul.social_icons {
    padding: 0px;
    margin: 0px;
    float: left;
}
.sidebar_social_icons .social_icons li {
    padding: 0px;
    margin-right: 5px;
    float: left;
    display: inline;
}
.sidebar_social_icons .social_icons li a {
    width: 45px;
    height: 45px;
    padding: 0px;
    margin: 0px;
    float: left;
    color: #161616;
    display: inline;
    text-align: center;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.sidebar_social_icons .social_icons li a:hover {
    color: #fff;
    background-color: #fe7e20;
    border: 1px solid #fe7e20;
}
.sidebar_social_icons .social_icons li a:hover i {
    color: #fff;
}
.sidebar_social_icons .social_icons li a i {
    color: #161616;
    font-size: 18px;
    line-height: 45px;
}

/*tags*/
.portfolio_single .project_info span .right ul.tags {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
}
.portfolio_single .project_info span .right .tags li {
    padding: 0px;
    float: left;
    margin: 0px;
}
.portfolio_single .project_info span .right .tags li a {
    float: left;
    padding: 5px 12px;
    margin: 0px 6px 6px 0px;
    color: #fff;
    background-color: #fe7e20;
    border-radius: 2px;
}
.portfolio_single .project_info span .right .tags li a:hover {
    color: #fff;
    background-color: #161616;
}

/*------------------*/
/* element styles
/*------------------------------------------------------*/

/*------------------*/
/*image hovers */
/*------------------------------------------------------*/
/*style1*/
.img_ho_st_holder {
    position: relative;
    width: 100%;
    padding: 20px;
    margin: 0px;
    float: left;
    border: 1px solid #e1e1e1;
}
.img_ho_st_title {
    font:
        24px 'Open Sans',
        sans-serif;
    padding: 0 0 20px 0;
    display: block;
    width: 100%;
    margin: 0px;
    font-weight: 300;
    color: #161616;
    float: left;
}
.img_ho_st1 {
    position: relative;
    width: 100%;
    height: 220px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}
.img_ho_st1 .text {
    position: absolute;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
    left: 0px;
    top: 0px;
    z-index: 10;
    background-color: #fe7e20;
    transition: left 0.3s ease-in-out;
}
.img_ho_st1 .text.red {
    background-color: #fc4242;
}
.img_ho_st1 .text.green {
    background-color: #3fc35f;
}
.img_ho_st1 .text.violet {
    background-color: #b460e4;
}
.img_ho_st1 .imgbox {
    position: absolute;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
    left: 0px;
    top: 0px;
    z-index: 100;
    transition: top 0.3s ease-in-out;
}
.img_ho_st1 .text .title {
    color: #fff;
    margin: 15px 0 0 19px;
}
.img_ho_st1 .text p {
    color: #fff;
    font-weight: normal;
    margin: 5px 15px 0 19px;
}
.img_ho_st1 .text a {
    color: #fff;
    margin: 15px 15px 0 19px;
}
.img_ho_st1 .text a:hover {
    color: #161616;
}
.img_ho_st1:hover .imgbox {
    position: absolute;
    top: 220px;
    transition: top 0.3s ease-in-out;
}
/*style 2*/
.img_ho_st2 {
    opacity: 1;
    width: 100%;
    height: 220px;
    margin: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px;
    overflow: hidden;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
.img_ho_st2 .imgbox {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
}
.img_ho_st2 .text {
    position: absolute;
    background: #000;
    width: 100%;
    height: 220px;
    text-align: center;
    color: #fff;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.img_ho_st2 .text:hover {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    background: url(../images/site-img112.png) left top repeat;
}
.img_ho_st2 .text a.hov_circle {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 63px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    background-color: #fe7e20;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    transition-property: background-color, color;
    transition: top 0.3s ease-in-out;
    transition-timing-function: ease-out;
}
.img_ho_st2 .text a.hov_circle:hover,
.img_ho_st2 .text a.hov_circle.two:hover {
    background-color: #fff;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.img_ho_st2 .text a.hov_circle:hover i,
.img_ho_st2 .text a.hov_circle.two:hover i {
    color: #272727;
    transition-property: color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.img_ho_st2 .text a.hov_circle.two {
    left: 118px;
    top: 0px;
    transition: top 0.5s ease-in-out;
    background-color: #8dba13;
}
.img_ho_st2 .text a.hov_circle i {
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
}
.img_ho_st2 .text:hover .hov_circle {
    transition: top 0.3s ease-in-out;
    left: 63px;
    top: 95px;
}
.img_ho_st2 .text:hover .hov_circle.two {
    transition: top 0.5s ease-in-out;
    left: 118px;
    top: 95px;
}
/*style 3*/

.img_ho_st3 {
    opacity: 1;
    width: 100%;
    height: 220px;
    margin: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px;
    overflow: hidden;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
.img_ho_st3 .imgbox {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
}
.img_ho_st3 .text {
    width: 100%;
    height: 220px;
    position: absolute;
    background: #000;
    color: #fff;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.img_ho_st3 .text:hover {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    background: url(../images/site-img112.png) left top repeat;
}
.img_ho_st3 .text h3 {
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    left: 5px;
    top: 220px;
    margin: 15px 0 0 19px;
    transition: top 0.4s ease-in-out;
}
.img_ho_st3 .text p {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    left: 5px;
    line-height: 18px;
    top: 255px;
    text-align: left;
    margin: 15px 0 0 19px;
    transition: top 0.6s ease-in-out;
}
.img_ho_st3 .text a {
    position: absolute;
    font-weight: normal;
    left: 0px;
    top: 320px;
    text-align: left;
    margin: 0px 0 0 19px;
    transition: top 0.7s ease-in-out;
    overflow: hidden;
}
.img_ho_st3 .text:hover h3 {
    position: absolute;
    left: 5px;
    top: 20px;
    transition: top 0.4s ease-in-out;
}
.img_ho_st3 .text:hover p {
    position: absolute;
    left: 5px;
    top: 50px;
    transition: top 0.6s ease-in-out;
}
.img_ho_st3 .text:hover a {
    position: absolute;
    left: 0px;
    top: 136px;
    transition: top 0.7s ease-in-out;
}
/*style 4*/

.img_ho_st4 {
    position: relative;
    width: 100%;
    height: 220px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}
.img_ho_st4 .imgbox {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
}
.img_ho_st4 .text {
    position: absolute;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
    left: 0px;
    top: 165px;
    z-index: 100;
    background: url(../images/site-img175.png) left top repeat;
    transition: top 0.3s ease-in-out;
}
.img_ho_st4 .text h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 0 19px;
}
.img_ho_st4 .text p {
    color: #fff;
    font-weight: normal;
    margin: 5px 15px 0 19px;
}
.img_ho_st4 .text a {
    margin: 8px 15px 0 19px;
}
.img_ho_st4:hover .text {
    position: absolute;
    top: 20px;
    transition: top 0.3s ease-in-out;
}
.imghover_sec4 .container {
    border-top: 1px solid #e1e1e1;
    padding-top: 50px;
}
/*style 5*/
.img_ho_st5 {
    position: relative;
    width: 100%;
    height: 220px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}
.img_ho_st5 .imgbox {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
}
.img_ho_st5 .text {
    position: absolute;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
    left: -270px;
    top: 0px;
    z-index: 100;
    transition: left 0.5s ease-in-out;
    background: url(../images/site-img175.png) left top repeat;
}
.img_ho_st5 .text h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 0 19px;
}
.img_ho_st5 .text p {
    color: #fff;
    font-weight: normal;
    margin: 5px 15px 0 19px;
}
.img_ho_st5 .text a {
    margin: 8px 15px 0 19px;
}
.img_ho_st5:hover .text {
    position: absolute;
    left: 0px;
    transition: left 0.5s ease-in-out;
}
/*style 6*/

.img_ho_st6 {
    position: relative;
    width: 100%;
    height: 220px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}
.img_ho_st6 .imgbox {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
}
.img_ho_st6 .text {
    position: absolute;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 220px;
    left: 0px;
    top: 220px;
    z-index: 100;
    transition: top 0.3s ease-in-out;
    background: url(../images/site-img175.png) left top repeat;
}
.img_ho_st6 .text h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 0 19px;
}
.img_ho_st6 .text p {
    color: #fff;
    font-weight: normal;
    margin: 5px 15px 0 19px;
}
.img_ho_st6 .text a.readmore_small {
    margin: 10px 0px 0 18px;
    padding: 4px 15px;
}
.img_ho_st6 .text a.readmore_small.green {
    margin: 10px 0px 0 5px;
}
.img_ho_st6:hover .text {
    position: absolute;
    top: 170px;
    transition: top 0.3s ease-in-out;
}
/*------------------*/
/*button styles */
/*------------------------------------------------------*/

a.but_st1 {
    padding: 0px;
    margin: 0px 10px 10px 0px;
    float: left;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fdce16;
}
/*large styles*/
a.but_st1.large {
    font-size: 20px;
    padding: 20px 50px;
}
a.but_st1.large.yellow {
    background-color: #fdce16;
}
a.but_st1.large.yellow:hover {
    background-color: #161616;
}
a.but_st1.large.red {
    background-color: #fc4242;
}
a.but_st1.large.red:hover {
    background-color: #161616;
}
a.but_st1.large.blue {
    background-color: #13bfff;
}
a.but_st1.large.blue:hover {
    background-color: #161616;
}
a.but_st1.large.lightgreen {
    background-color: #a5d549;
}
a.but_st1.large.lightgreen:hover {
    background-color: #161616;
}
a.but_st1.large.violet {
    background-color: #c762cb;
}
a.but_st1.large.violet:hover {
    background-color: #161616;
}
a.but_st1.large.green {
    background-color: #3fc35f;
}
a.but_st1.large.green:hover {
    background-color: #161616;
}
a.but_st1.large.pink {
    background-color: #fc5eac;
}
a.but_st1.large.pink:hover {
    background-color: #161616;
}
a.but_st1.large.orange {
    background-color: #ff9d12;
}
a.but_st1.large.orange:hover {
    background-color: #161616;
}
/*large stroke styles*/
a.but_st1.large {
    font-size: 20px;
    padding: 20px 50px;
}
a.but_st1.large.two.yellow {
    border: 2px solid #fdce16;
    background-color: #fff;
    color: #fdce16;
}
a.but_st1.large.two.yellow:hover {
    color: #fff;
    border: 2px solid #fdce16;
    background-color: #fdce16;
}
a.but_st1.large.two.red {
    border: 2px solid #fc4242;
    background-color: #fff;
    color: #fc4242;
}
a.but_st1.large.two.red:hover {
    color: #fff;
    border: 2px solid #fc4242;
    background-color: #fc4242;
}
a.but_st1.large.two.blue {
    border: 2px solid #13bfff;
    background-color: #fff;
    color: #13bfff;
}
a.but_st1.large.two.blue:hover {
    color: #fff;
    border: 2px solid #13bfff;
    background-color: #13bfff;
}
a.but_st1.large.two.lightgreen {
    border: 2px solid #a5d549;
    background-color: #fff;
    color: #a5d549;
}
a.but_st1.large.two.lightgreen:hover {
    color: #fff;
    border: 2px solid #a5d549;
    background-color: #a5d549;
}
a.but_st1.large.two.violet {
    border: 2px solid #c762cb;
    background-color: #fff;
    color: #c762cb;
}
a.but_st1.large.two.violet:hover {
    color: #fff;
    border: 2px solid #c762cb;
    background-color: #c762cb;
}
a.but_st1.large.two.green {
    border: 2px solid #3fc35f;
    background-color: #fff;
    color: #3fc35f;
}
a.but_st1.large.two.green:hover {
    color: #fff;
    border: 2px solid #3fc35f;
    background-color: #3fc35f;
}
a.but_st1.large.two.pink {
    border: 2px solid #fc5eac;
    background-color: #fff;
    color: #fc5eac;
}
a.but_st1.large.two.pink:hover {
    color: #fff;
    border: 2px solid #fc5eac;
    background-color: #fc5eac;
}
a.but_st1.large.two.orange {
    border: 2px solid #ff9d12;
    background-color: #fff;
    color: #ff9d12;
}
a.but_st1.large.two.orange:hover {
    color: #fff;
    border: 2px solid #ff9d12;
    background-color: #ff9d12;
}
/*buttons medium styles*/

/*medium styles*/
a.but_st1.medium {
    font-size: 16px;
    padding: 15px 35px;
}
a.but_st1.medium.yellow {
    background-color: #fdce16;
}
a.but_st1.medium.yellow:hover {
    background-color: #161616;
}
a.but_st1.medium.red {
    background-color: #fc4242;
}
a.but_st1.medium.red:hover {
    background-color: #161616;
}
a.but_st1.medium.blue {
    background-color: #13bfff;
}
a.but_st1.medium.blue:hover {
    background-color: #161616;
}
a.but_st1.medium.lightgreen {
    background-color: #a5d549;
}
a.but_st1.medium.lightgreen:hover {
    background-color: #161616;
}
a.but_st1.medium.violet {
    background-color: #c762cb;
}
a.but_st1.medium.violet:hover {
    background-color: #161616;
}
a.but_st1.medium.green {
    background-color: #3fc35f;
}
a.but_st1.medium.green:hover {
    background-color: #161616;
}
a.but_st1.medium.pink {
    background-color: #fc5eac;
}
a.but_st1.medium.pink:hover {
    background-color: #161616;
}
a.but_st1.medium.orange {
    background-color: #ff9d12;
}
a.but_st1.medium.orange:hover {
    background-color: #161616;
}
/*medium stroke styles*/

a.but_st1.medium.two.yellow {
    border: 2px solid #fdce16;
    background-color: #fff;
    color: #fdce16;
}
a.but_st1.medium.two.yellow:hover {
    color: #fff;
    border: 2px solid #fdce16;
    background-color: #fdce16;
}
a.but_st1.medium.two.red {
    border: 2px solid #fc4242;
    background-color: #fff;
    color: #fc4242;
}
a.but_st1.medium.two.red:hover {
    color: #fff;
    border: 2px solid #fc4242;
    background-color: #fc4242;
}
a.but_st1.medium.two.blue {
    border: 2px solid #13bfff;
    background-color: #fff;
    color: #13bfff;
}
a.but_st1.medium.two.blue:hover {
    color: #fff;
    border: 2px solid #13bfff;
    background-color: #13bfff;
}
a.but_st1.medium.two.lightgreen {
    border: 2px solid #a5d549;
    background-color: #fff;
    color: #a5d549;
}
a.but_st1.medium.two.lightgreen:hover {
    color: #fff;
    border: 2px solid #a5d549;
    background-color: #a5d549;
}
a.but_st1.medium.two.violet {
    border: 2px solid #c762cb;
    background-color: #fff;
    color: #c762cb;
}
a.but_st1.medium.two.violet:hover {
    color: #fff;
    border: 2px solid #c762cb;
    background-color: #c762cb;
}
a.but_st1.medium.two.green {
    border: 2px solid #3fc35f;
    background-color: #fff;
    color: #3fc35f;
}
a.but_st1.medium.two.green:hover {
    color: #fff;
    border: 2px solid #3fc35f;
    background-color: #3fc35f;
}
a.but_st1.medium.two.pink {
    border: 2px solid #fc5eac;
    background-color: #fff;
    color: #fc5eac;
}
a.but_st1.medium.two.pink:hover {
    color: #fff;
    border: 2px solid #fc5eac;
    background-color: #fc5eac;
}
a.but_st1.medium.two.orange {
    border: 2px solid #ff9d12;
    background-color: #fff;
    color: #ff9d12;
}
a.but_st1.medium.two.orange:hover {
    color: #fff;
    border: 2px solid #ff9d12;
    background-color: #ff9d12;
}
/*buttons small styles*/

/*button small styles*/
a.but_st1.small {
    font-size: 14px;
    padding: 11px 20px;
}
a.but_st1.small.yellow {
    background-color: #fdce16;
}
a.but_st1.small.yellow:hover {
    background-color: #161616;
}
a.but_st1.small.red {
    background-color: #fc4242;
}
a.but_st1.small.red:hover {
    background-color: #161616;
}
a.but_st1.small.blue {
    background-color: #13bfff;
}
a.but_st1.small.blue:hover {
    background-color: #161616;
}
a.but_st1.small.lightgreen {
    background-color: #a5d549;
}
a.but_st1.small.lightgreen:hover {
    background-color: #161616;
}
a.but_st1.small.violet {
    background-color: #c762cb;
}
a.but_st1.small.violet:hover {
    background-color: #161616;
}
a.but_st1.small.green {
    background-color: #3fc35f;
}
a.but_st1.small.green:hover {
    background-color: #161616;
}
a.but_st1.small.pink {
    background-color: #fc5eac;
}
a.but_st1.small.pink:hover {
    background-color: #161616;
}
a.but_st1.small.orange {
    background-color: #ff9d12;
}
a.but_st1.small.orange:hover {
    background-color: #161616;
}
/*small button stroke styles*/

a.but_st1.small.two.yellow {
    border: 2px solid #fdce16;
    background-color: #fff;
    color: #fdce16;
}
a.but_st1.small.two.yellow:hover {
    color: #fff;
    border: 2px solid #fdce16;
    background-color: #fdce16;
}
a.but_st1.small.two.red {
    border: 2px solid #fc4242;
    background-color: #fff;
    color: #fc4242;
}
a.but_st1.small.two.red:hover {
    color: #fff;
    border: 2px solid #fc4242;
    background-color: #fc4242;
}
a.but_st1.small.two.blue {
    border: 2px solid #13bfff;
    background-color: #fff;
    color: #13bfff;
}
a.but_st1.small.two.blue:hover {
    color: #fff;
    border: 2px solid #13bfff;
    background-color: #13bfff;
}
a.but_st1.small.two.lightgreen {
    border: 2px solid #a5d549;
    background-color: #fff;
    color: #a5d549;
}
a.but_st1.small.two.lightgreen:hover {
    color: #fff;
    border: 2px solid #a5d549;
    background-color: #a5d549;
}
a.but_st1.small.two.violet {
    border: 2px solid #c762cb;
    background-color: #fff;
    color: #c762cb;
}
a.but_st1.small.two.violet:hover {
    color: #fff;
    border: 2px solid #c762cb;
    background-color: #c762cb;
}
a.but_st1.small.two.green {
    border: 2px solid #3fc35f;
    background-color: #fff;
    color: #3fc35f;
}
a.but_st1.small.two.green:hover {
    color: #fff;
    border: 2px solid #3fc35f;
    background-color: #3fc35f;
}
a.but_st1.small.two.pink {
    border: 2px solid #fc5eac;
    background-color: #fff;
    color: #fc5eac;
}
a.but_st1.small.two.pink:hover {
    color: #fff;
    border: 2px solid #fc5eac;
    background-color: #fc5eac;
}
a.but_st1.small.two.orange {
    border: 2px solid #ff9d12;
    background-color: #fff;
    color: #ff9d12;
}
a.but_st1.small.two.orange:hover {
    color: #fff;
    border: 2px solid #ff9d12;
    background-color: #ff9d12;
}
/*Full width button styles*/

a.but_fullwidth {
    padding: 0px;
    margin: 10px 0px 0px;
    float: left;
    width: 100%;
    height: 65px;
    text-align: center;
    line-height: 67px;
    font-size: 18px;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #a5d549;
}
a.but_fullwidth:hover {
    color: #fff;
    background-color: #161616;
}
a.but_fullwidth.two {
    background-color: #c762cb;
}
a.but_fullwidth.two:hover {
    color: #fff;
    background-color: #161616;
}
a.but_fullwidth.three {
    background-color: #13bfff;
}
a.but_fullwidth.three:hover {
    color: #fff;
    background-color: #161616;
}
/*------------------*/
/*Call to Action */
/*------------------------------------------------------*/

.call_to_action {
    width: 100%;
    float: left;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    padding: 25px 25px;
    margin: 0 0 15px 0;
}
.call_to_action .left {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 82%;
}
.call_to_action .right {
    width: 18%;
    padding: 0px;
    margin: 0px;
    float: right;
}
.call_to_action a.but_st1.small,
.call_to_action a.but_st1.medium,
.call_to_action a.but_st1.large {
    float: right;
}
.call_to_action a.but_st1.small {
    margin-top: 10px;
}
.call_to_action a.but_st1.medium {
    margin-top: 10px;
}
.call_to_action p {
    width: 100%;
    text-align: left;
}
.call_to_action span.title_big {
    width: 100%;
    text-align: left;
    padding: 0px;
    margin: 0px;
    line-height: 45px;
    font-size: 24px;
    color: #fe7e20;
}
.call_to_action span.title_big.two {
    font-size: 18px;
    line-height: 0px;
}
.call_to_action span.title_big.three {
    font-size: 18px;
    line-height: 0px;
    color: #272727;
}
.call_to_action span.title_big.four {
    font-size: 34px;
    line-height: 50px;
    color: #272727;
}
.call_to_action span.title_big.three strong {
    color: #fc4242;
}
/*------------------*/
/*list styles */
/*------------------------------------------------------*/

/*lists style 1*/

.list_st1 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}
.list_st1 .icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 100%;
    background-color: #fe7e20;
}
.list_st1 .text {
    padding: 5px 0 0 42px;
    margin: 0px;
    display: block;
}
/*list style 2 */
.list_st1.two {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}
.list_st1.two .icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    text-align: center;
    line-height: 32px;
    color: #fe7e20;
    border-radius: 100%;
    border: 1px solid #fe7e20;
    background-color: #fff;
}
.list_st1.two .text {
    padding: 0px 0 0 42px;
    margin: 0px;
    display: block;
}
/*list style3*/

.list_st3 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}
.list_st3 .icon {
    width: 18px;
    height: 18px;
    padding: 0px;
    margin: 3px 0px 0px 0px;
    float: left;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
    color: #fe7e20;
    border-radius: 100%;
    border: 1px solid #fe7e20;
}
.list_st3 .text {
    padding: 0px 0 0 28px;
    margin: 0px;
    display: block;
}
/*list style 4*/

ol.list_st4 {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 0;
    margin-left: 18px;
    padding: 0;
    counter-reset: li-counter;
}
ol.list_st4 li {
    position: relative;
    margin: 0px;
    padding-left: 20px;
    min-height: 3em;
    list-style-type: none;
}
ol.list_st4 li:before {
    position: absolute;
    top: 0;
    left: -15px;
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #f5f5f5;
    border-radius: 50%;
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}
/*list style 5*/

.list_st5 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    float: left;
}
.list_st5.two {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d1d1d1;
}
.list_st5.two.last {
    padding: 0px 0px 10px 0px;
    border-bottom: none;
}
.list_st5 .icon {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    float: left;
    text-align: center;
    line-height: 39px;
    color: #fff;
    border-radius: 100%;
}
.list_st5 .text {
    padding: 5px 0 0 42px;
    margin: 0px;
    display: block;
}
.list_st5 .icon.red {
    background-color: #fc4242;
}
.list_st5 .icon.blue {
    background-color: #2f92ee;
}
.list_st5 .icon.green {
    background-color: #3fc35f;
}
.list_st5 .icon.violet {
    background-color: #b659fe;
}
.list_st5 .icon.orange {
    background-color: #ff881e;
}
/*------------------*/
/*message boxes */
/*------------------------------------------------------*/

/*message boxes*/
.messagebox_title {
    padding-bottom: 30px;
}
.info-box {
    background-color: #34b0ff;
}
.success-box {
    background-color: #7ebd24;
}
.error-box {
    background-color: #fa482b;
}
.download-box {
    background-color: #f30;
}
.warning-box {
    background-color: #f7c929;
}
.mboxes_close {
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    float: right;
    text-align: right;
}
.mboxes_close i {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.success-box,
.error-box,
.warning-box,
.info-box span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.success-box,
.error-box,
.warning-box,
.info-box {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
}
/*------------------*/
/*pricing tables */
/*------------------------------------------------------*/

/*pricing style 1*/

.price_table_st1 {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.price_table_st1_arrow_down {
    position: absolute;
    margin: 0 0 0 29px;
    border-left: 95px solid transparent;
    border-right: 95px solid transparent;
    border-top: 35px solid #fff;
    font-size: 0px;
    line-height: 0;
}
.price_table_st1_arrow_up {
    position: absolute;
    margin: -35px 0 0 29px;
    border-left: 95px solid transparent;
    border-right: 95px solid transparent;
    border-bottom: 35px solid #fff;
    font-size: 0px;
    line-height: 0;
}
.price_table_st1 .title {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0 20px 0;
    color: #161616;
    text-align: center;
    margin: 0px 0 10px 0;
    border-bottom: 1px solid #e6e5e5;
}
.price_table_st1 .price {
    color: #161616;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    padding: 8px 0px 8px;
    border-bottom: 1px solid #e6e5e5;
}
.price_table_st1 .price sup {
    font-size: 22px;
    font-style: normal;
}
.price_table_st1 .price i {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.price_table_st1 ul.plan_features {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}
.price_table_st1 ul.plan_features li {
    width: 70%;
    color: #727272;
    text-align: center;
    padding: 15px 0;
    margin: 0 auto;
    border-bottom: 1px solid #e6e5e5;
}
.price_table_st1 .plan_info .singup_but {
    color: #fff;
    text-align: center;
    padding: 8px 30px;
    margin: 25px 0px 25px 69px;
    float: left;
    border-radius: 2px;
    background-color: #161616;
}
.price_table_st1 .plan_info .singup_but:hover {
    color: #161616;
    background-color: #fdce16;
}
/*hover styles*/

.price_table_st1:hover {
    background-color: #161616;
    border: none;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.price_table_st1:hover .title {
    color: #fff;
    border-bottom: 1px solid #403f3f;
}
.price_table_st1:hover .price {
    color: #fff;
    border-bottom: 1px solid #403f3f;
}
.price_table_st1:hover .plan_features li {
    color: #727272;
    border-bottom: 1px solid #403f3f;
}
.price_table_st1:hover .singup_but {
    color: #161616;
    background-color: #fdce16;
}
.price_table_st1:hover .price_table_st1_arrow_up {
    border-bottom: 35px solid #161616;
}
.price_table_st1:hover .price_table_st1_arrow_down {
    border-top: 35px solid #161616;
}
/*active styles*/

.price_table_st1.active {
    background-color: #161616;
    border: none;
}
.price_table_st1.active .title {
    color: #fff;
    border-bottom: 1px solid #403f3f;
}
.price_table_st1.active .price {
    color: #fff;
    border-bottom: 1px solid #403f3f;
}
.price_table_st1.active .plan_features li {
    color: #727272;
    border-bottom: 1px solid #403f3f;
}
.price_table_st1.active .singup_but {
    color: #161616;
    background-color: #fdce16;
}
.price_table_st1.active .price_table_st1_arrow_up {
    border-bottom: 35px solid #161616;
}
.price_table_st1.active .price_table_st1_arrow_down {
    border-top: 35px solid #161616;
}
/*pricing style 2*/
.price_table_st2 {
    position: relative;
    width: 390px;
    float: left;
    padding: 15px;
    margin: 0px;
    background-color: #161616;
    transition: all 0.3s ease-out 0s;
}
.price_table_st2 .text_holder {
    width: 100%;
    float: left;
    padding: 60px 0 60px 0;
    text-align: center;
    border: 1px solid #161616;
    transition: all 0.3s ease-out 0s;
}
.price_table_st2 .text_holder .line {
    width: 40%;
    height: 4px;
    padding: 0;
    border-top: 1px solid #4f4f4f;
    border-bottom: 1px solid #4f4f4f;
    margin: 20px auto 20px auto;
}
.price_table_st2 .text_holder ul.list {
    width: 100%;
    padding: 0;
    float: left;
    margin: 0 0 30px 0;
}
.price_table_st2 .text_holder .list li {
    padding: 10px 0 10px 0;
    margin: 0;
    border-bottom: 1px solid #2d2d2d;
}
.price_table_st2 .text_holder .list li.last {
    border-bottom: none;
}
.price_table_st2 .text_holder a.but {
    padding: 15px 50px;
    margin: 0;
    color: #727272;
    border: 1px solid #2d2d2d;
}
.price_table_st2 .text_holder a.but:hover {
    color: #727272;
    border: 1px solid #fff;
    background-color: #fff;
}
.price_table_st2 .arrow_up {
    position: absolute;
    margin: -65px 0px 0px 46px;
    border-left: 132px solid transparent;
    border-right: 132px solid transparent;
    border-bottom: 50px solid #161616;
    font-size: 0px;
    line-height: 0;
    transition: all 0.3s ease-out 0s;
}
.price_table_st2 .arrow_down {
    position: absolute;
    margin: 521px 0px 0px 46px;
    border-left: 132px solid transparent;
    border-right: 132px solid transparent;
    border-top: 50px solid #161616;
    font-size: 0px;
    line-height: 0;
    transition: all 0.3s ease-out 0s;
}
.price_table_st2 .text_holder .price {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    background-color: #4f4f4f;
    padding: 0px;
    margin: -178px 0px 0px 109px;
    z-index: 5;
    transition: all 0.3s ease-out 0s;
}
/*hover and active styles*/
.price_table_st2:hover,
.price_table_st2.active {
    background-color: #fdce16;
}
.price_table_st2:hover .text_holder .list li,
.price_table_st2.active .text_holder .list li {
    color: #161616;
    border-bottom: 1px solid #fee273;
}
.price_table_st2:hover .text_holder .list li.last,
.price_table_st2.active .text_holder .list li.last {
    border-bottom: none;
}
.price_table_st2:hover .text_holder,
.price_table_st2.active .text_holder {
    border: 1px solid #fff;
}
.price_table_st2:hover .text_holder a.but,
.price_table_st2.active .text_holder a.but {
    color: #fff;
    border: 1px solid #161616;
    background-color: #161616;
}
.price_table_st2:hover .arrow_up,
.price_table_st2.active .arrow_up {
    border-bottom: 50px solid #fdce16;
}
.price_table_st2:hover .arrow_down,
.price_table_st2.active .arrow_down {
    border-top: 50px solid #fdce16;
}
.price_table_st2:hover .price,
.price_table_st2.active .price {
    background-color: #161616;
}
.price_table_st2:hover .text_holder h2,
.price_table_st2:hover .text_holder p,
.price_table_st2.active .text_holder h2,
.price_table_st2.active .text_holder p {
    color: #161616;
}
/*Typography    */

/*dropcaps*/
.highlit {
    font-size: 14px;
    font-weight: 400;
    line-height: 10px;
    padding: 0px;
    color: #fff;
    background-color: #fe7e20;
}
.highlit2 {
    color: #fff;
    background-color: #a7d02b;
}
.highlit3 {
    color: #fff;
    background-color: #fc4242;
}
/*------------------*/
/*content boxes */
/*------------------------------------------------------*/

.contbox_st1 {
    width: 100%;
    float: left;
    padding: 25px;
    margin: 0px;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
}
.marbottom {
    margin-bottom: 30px;
}
.contbox_st1:hover img {
    opacity: 0.8;
}
/*------------------*/
/*data tables */
/*------------------------------------------------------*/

/* tables */
.table-style {
    float: left;
    width: 100%;
}
.table-list {
    padding: 0;
    border-spacing: 0;
    float: left;
    background-color: #fff;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    width: 100%;
}
.table-list th {
    padding: 18px 10px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    background-color: #fe7e20;
}
.table-list td {
    padding: 13px 10px;
    text-align: center;
    background-color: #f5f5f5;
}
/*
.table-list tr {
    border-bottom: 1px solid #e1e1e1;
}*/

.table-list td.hilit {
    padding: 13px 10px;
    text-align: center;
    background-color: #fff;
}
/*table style 2*/

.table-style {
    float: left;
    width: 100%;
}
.table-list2 {
    float: left;
    background-color: #fff;
    margin-bottom: 20px;
    width: 100%;
}
.table-list2 th {
    padding: 18px 10px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    background-color: #272727;
}
.table-list2 td {
    padding: 13px 10px;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #e1e1e1;
}
.table-list2 tr {
    border-bottom: 1px solid #e1e1e1;
}
.table-list2 td.hilit {
    padding: 13px 10px;
    text-align: center;
    background-color: #fff;
}
.table-list2 tr:hover td {
    background-color: #fe7e20;
    color: #fff;
}
/* tables */
.table-style {
    float: left;
    width: 100%;
}
.table-list3 {
    padding: 0;
    border-spacing: 0;
    float: left;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    width: 100%;
}
.table-list3 th {
    padding: 18px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    background-color: #fe7e20;
}
.table-list3 td {
    padding: 13px 10px;
    text-align: center;
    height: 80px;
    font-size: 15px;
    line-height: 60px;
    background-color: #f2f2f2;
}
.table-list3 td a {
    padding: 8px 30px;
    text-align: center;
    font-size: 15px;
    margin: 0px;
    color: #fff;
    line-height: 60px;
    background-color: #c9c9c9;
}
.table-list3 td a:hover {
    background-color: #b0b0b0;
}
.table-list3 td.hilit {
    padding: 13px 10px;
    text-align: center;
    background-color: #fff;
}
/* tables style4 */
.table-style {
    float: left;
    width: 100%;
}
.table-list4 {
    padding: 0;
    border-spacing: 0;
    float: left;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    width: 100%;
}
.table-list4 th {
    padding: 25px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    background-color: #161616;
}
.table-list4 td {
    padding: 13px 10px;
    text-align: center;
    height: 80px;
    font-size: 15px;
    line-height: 60px;
    background-color: #f2f2f2;
}
.table-list4 td a {
    padding: 8px 30px;
    text-align: center;
    font-size: 15px;
    margin: 0px;
    color: #fff;
    line-height: 20px;
    background-color: #fe7e20;
}
.table-list4 td a:hover {
    background-color: #b0b0b0;
}
.table-list4 td.hilit {
    padding: 13px 10px;
    text-align: center;
    background-color: #fff;
}
.table-list4 td.hilit span {
    display: block;
    padding: 0px;
    margin: 0px;
    height: 32px;
}
.table-list4 td.hilit2 {
    padding: 13px 10px;
    text-align: center;
    background-color: #f2f2f2;
}
.table-list4 td.hilit2 span {
    display: block;
    padding: 0px;
    margin: 0px;
    height: 32px;
}
/*------------------*/
/*social icon styles */
/*------------------------------------------------------*/

ul.social_icon_st1 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
ul.social_icon_st1 li {
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
}
ul.social_icon_st1 li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 39px;
    float: left;
    background-color: #fe7e20;
}
ul.social_icon_st1 li a:hover {
    color: #fff;
    background-color: #161616;
}
/*style 2*/

ul.social_icon_st2 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
ul.social_icon_st2 li {
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
}
ul.social_icon_st2 li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #161616;
    line-height: 39px;
    float: left;
    border: 1px solid #d9d9d9;
    background-color: #fff;
}
ul.social_icon_st2 li a:hover {
    color: #fff;
    background-color: #161616;
}
/*style 3*/

ul.social_icon_st3 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}
ul.social_icon_st3 li {
    padding: 0px;
    margin: 0px;
    float: left;
    text-align: center;
}
ul.social_icon_st3 li a {
    width: 40px;
    height: 40px;
    padding: 0px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 39px;
    float: left;
    border-radius: 100%;
    background-color: #fc4242;
}
ul.social_icon_st3 li a:hover {
    color: #fff;
    background-color: #161616;
}
/*style 4*/

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

ul.social_icon_st5 {
    padding: 0px;
    margin: 0px;
    float: left;
}
.social_icon_st5 li {
    padding: 0px;
    margin-right: 5px;
    float: left;
    display: inline;
}
.social_icon_st5 li a {
    width: 45px;
    height: 45px;
    padding: 0px;
    float: left;
    color: #fff;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 43px;
    display: inline;
    text-align: center;
    background-color: #fe7e20;
}
.social_icon_st5 li a i {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
.social_icon_st5 li a.twitter {
    background-color: #46c0ff;
}
.social_icon_st5 li a.twitter:hover {
    background-color: #272727;
}
.social_icon_st5 li a.facebook {
    background-color: #2e68be;
}
.social_icon_st5 li a.facebook:hover {
    background-color: #272727;
}
.social_icon_st5 li a.googleplus {
    background-color: #e74a35;
}
.social_icon_st5 li a.googleplus:hover {
    background-color: #272727;
}
.social_icon_st5 li a.in {
    background-color: #097fc3;
}
.social_icon_st5 li a.in:hover {
    background-color: #272727;
}
.social_icon_st5 li a.dribble {
    background-color: #f44193;
}
.social_icon_st5 li a.dribble:hover {
    background-color: #272727;
}
/*style6*/

ul.social_icon_st6 {
    padding: 0px;
    margin: 0px;
    float: left;
}
.social_icon_st6 li {
    padding: 0px;
    margin-right: 5px;
    float: left;
    display: inline;
}
.social_icon_st6 li a {
    width: 45px;
    height: 45px;
    padding: 0px;
    margin: 0 0 5px 0;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 43px;
    display: inline;
    text-align: center;
    border-radius: 100%;
    background-color: #fe7e20;
}
.social_icon_st6 li a i {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
}
.social_icon_st6 li a.twitter {
    background-color: #46c0ff;
}
.social_icon_st6 li a.twitter:hover {
    background-color: #272727;
}
.social_icon_st6 li a.facebook {
    background-color: #2e68be;
}
.social_icon_st6 li a.facebook:hover {
    background-color: #272727;
}
.social_icon_st6 li a.googleplus {
    background-color: #e74a35;
}
.social_icon_st6 li a.googleplus:hover {
    background-color: #272727;
}
.social_icon_st6 li a.in {
    background-color: #097fc3;
}
.social_icon_st6 li a.in:hover {
    background-color: #272727;
}
.social_icon_st6 li a.dribble {
    background-color: #f44193;
}
.social_icon_st6 li a.dribble:hover {
    background-color: #272727;
}
/*------------------*/
/*icon boxes */
/*------------------------------------------------------*/

/*icon boxes*/

.icon_boxes_st1 {
    width: 100%;
    padding: 15px;
    margin: 0px;
    float: left;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
}
.icon_boxes_st1 i {
    background-color: #fe7e20;
    border: 1px solid #fe7e20;
    border-radius: 100%;
    color: #fff;
    font-size: 40px;
    height: 100px;
    line-height: 105px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
.icon_boxes_st1 .icon_box_title1 {
    padding: 0px;
    margin: 0px;
    color: #272727;
    font-size: 20px;
    margin-bottom: 10px;
}
/*icon boxes style2 */

.icon_boxes_st2 {
    width: 100%;
    padding: 15px;
    margin: 0px;
    float: left;
    text-align: center;
}
.icon_boxes_st2.two {
    background: none;
}
.icon_boxes_st2 i {
    color: #161616;
    font-size: 35px;
    line-height: 105px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
}
.icon_boxes_st2 .icon_box_title1 {
    padding: 0px;
    margin: 0px;
    color: #272727;
    font-weight: 400;
    font-size: 24px;
    text-transform: none;
    margin-bottom: 10px;
}
/*icon boxes style 3*/

ul.icon_boxes_st3 {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.icon_boxes_st3 li {
    padding: 0px;
    margin: 0px;
}
.icon_boxes_st3 li p {
    margin-bottom: 20px;
}
.icon_boxes_st3 li.icon {
    float: left;
    width: 16%;
    color: #ff9f07;
    font-size: 35px;
    padding: 0px;
    margin: 0px;
    line-height: 80px;
}
.icon_boxes_st3 li.cont {
    float: left;
    width: 84%;
    padding: 0px;
    margin: 0px;
}
/*icon boxes style 5*/

.icon_boxes_st5 {
    margin: 0px;
    float: left;
    width: 100%;
    text-align: center;
}
.icon_boxes_st5 i {
    background-color: #fe7e20;
    border: 1px solid #fe7e20;
    border-radius: 100%;
    color: #ffffff;
    font-size: 30px;
    height: 80px;
    line-height: 81px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
    width: 80px;
}
.icon_boxes_st5:hover i {
    background-color: #fff;
    color: #fe7e20;
    border: 1px solid #fe7e20;
}
/*------------------*/
/*team member styles */
/*------------------------------------------------------*/

/*team member style 2   */
.team_st2 {
    position: relative;
    width: 100%;
    height: 400px;
    padding: 20px;
    margin: 0px;
    float: left;
    overflow: hidden;
    transition: top 0.3s ease-in-out;
}
.teamst2_holder {
    width: 100%;
    height: 400px;
    padding: 0px;
    margin: 0px;
    float: left;
    border: 1px solid #e1e1e1;
    transition: top 0.3s ease-in-out;
}
.team_st2 .imgbox {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    top: 0px;
    height: 220px;
    overflow: hidden;
    transition: top 0.3s ease-in-out 0s;
}
.team_st2 .text {
    position: absolute;
    padding: 20px;
    margin: 0px;
    float: left;
    width: 100%;
    height: 150px;
    left: 0px;
    top: 220px;
    z-index: 100;
    transition: top 0.3s ease-in-out;
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
}
.team_st2:hover .text {
    position: absolute;
    top: 150px;
    transition: top 0.3s ease-in-out;
}
.team_st2 strong {
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
    margin: 15px 0 15px 0;
    color: #272727;
    text-align: center;
}
.team_st2 .desig {
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    float: left;
    color: #fdce16;
    text-align: left;
}
/*team style 1*/

.team_st1 {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    text-align: center;
}
.team_st1 .imgholder {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
    float: left;
    overflow: hidden;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
}
.team_st1 .teamst1_imgholder {
    width: 250px;
    height: 250px;
    float: left;
    padding: 15px;
    margin: 0px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
}
.team_st1 .imgholder .hoverbox {
    position: absolute;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 210px;
    height: 210px;
    left: 19px;
    top: 22px;
    opacity: 0;
    background-color: #000;
    border-radius: 50%;
    transition: top 0.3s ease-in-out;
    z-index: 2;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.team_st1 .imgholder:hover .hoverbox {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    background: url(../images/site-img175.png) left top repeat;
}
.team_st1 .imgholder .hoverbox a {
    position: absolute;
    left: 47px;
    top: 112px;
    background-color: #f30;
    padding: 10px;
    margin-right: 5px;
    transition: top 0.5s ease-in-out;
}
.team_st1 .imgholder a.hov_circle {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 87px;
    top: 87px;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    transition-property: background-color, color;
    transition: top 0.3s ease-in-out;
    transition-timing-function: ease-out;
    vertical-align: middle;
}
.team_st1 .imgholder a.hov_circle i {
    color: #272727;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
}
.team_st1 .imgholder a.hov_circle:hover {
    background-color: #1197ee;
}
.team_st1 .imgholder a.hov_circle:hover i {
    color: #fff;
}
.team_st1 strong {
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    color: #272727;
    text-align: center;
}
.team_st1 .desig {
    font-size: 14px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
    color: #727272;
    text-align: center;
}
.team_st1 p {
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    margin: 0px;
    color: #727272;
    text-align: center;
}
.team_st1 ul.social_icon_st4 {
    margin-left: 39px;
}
/*------------------*/
/*latest posts elements styles */
/*------------------------------------------------------*/

/*posts styles 5*/

.latest_post_st5 {
    margin: 0px;
    padding: 0px;
    float: left;
}
.latest_post_st5 .imgholder {
    margin: 0px 0px 25px 0px;
    padding: 0px;
    float: left;
}
.latest_post_st5 .imgholder:hover {
    opacity: 0.8;
}
.latest_post_st5 .imgholder.port {
    margin: 0px 0px 25px 0px;
    padding: 0px;
    float: left;
}
.latest_post_st5 .infoholder {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    float: left;
}
.latest_post_st5 .info {
    font-size: 14px;
    color: #727272;
    margin: 0px 15px 0px 0px;
    display: block;
    font-weight: normal;
    padding: 0px;
    float: left;
}
/*latest posts style 3*/

.latest_post_st3 {
    padding: 15px;
    margin: 0px;
    float: left;
    border: 1px solid #e1e1e1;
}
.latest_post_st3:hover img {
    opacity: 0.8;
}
.latest_post_st3_imgholder {
    padding: 0px;
    margin: 0px;
    float: left;
}
.latest_post_st3_txtholder {
    padding: 0px;
    margin: 0px;
    float: left;
}
.latest_post_st3_txt {
    padding: 0px;
    margin: 0px;
    float: left;
}
.latest_post_st3_info {
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    font-size: 13px;
}
.latest_post_st3_info .paddright {
    padding-right: 10px;
}
.latest_post_st3_info span i {
    padding: 0px;
    margin: 0px;
    color: #727272;
    font-size: 13px;
}
/*------------------*/
/*dividers styles */
/*------------------------------------------------------*/

/*divider lines*/
.divider_line_small {
    width: 12%;
    margin: 0 auto 65px auto;
    height: 25px;
    border-top: 1px solid #000;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.divider_line_small.two {
    width: 12%;
    margin: 0 auto 0 0;
    height: 25px;
    float: left;
    border-top: 1px solid #000;
}
.divider_line_small.three {
    width: 49%;
    margin: 0 auto 0 0;
    height: 25px;
    float: left;
    border-top: 1px solid #000;
}
.divider_line_small.four {
    margin: 0 auto 25px auto;
}
.divider_line_small_white {
    width: 12%;
    margin: 0 auto 80px auto;
    height: 25px;
    border-top: 1px solid #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
.divider_line_small_white.two {
    position: absolute;
    width: 12%;
    margin: 0 auto 80px 482px;
    height: 25px;
    padding: 0px;
    border-top: 1px solid #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.8;
}
.divider_line_small_white.three {
    margin: 0 auto 50px 482px;
}
.divider_line1 {
    float: left;
    width: 100%;
    padding-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e5e5e5;
}
.divider_dashed2 {
    float: left;
    width: 100%;
    margin: 59px 0px;
    border-top: 1px dotted #d7d7d7;
}
.divider_dashed3 {
    float: left;
    width: 100%;
    height: 5px;
    margin: 10px 0px 59px 0px;
    border-top: 1px dashed #d7d7d7;
    border-bottom: 1px dashed #d7d7d7;
}
.divider_dashed4 {
    float: left;
    width: 100%;
    margin: 15px 0px 59px 0px;
    border-top: 1px dashed #d7d7d7;
}
.divider_dashed5 {
    float: left;
    width: 100%;
    height: 5px;
    margin: 20px 0px 59px 0px;
    border-top: 2px solid #d7d7d7;
}
.divider_dashed6 {
    float: left;
    width: 100%;
    height: 5px;
    margin: 20px 0px 59px 0px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
.divider_dashed7 {
    float: left;
    width: 100%;
    margin: 50px 0px 0px 0px;
    border-top: 1px dotted #d7d7d7;
}
.divider_dashed8 {
    float: left;
    width: 100%;
    margin: 53px 0px 45px 0px;
    border-top: 1px dotted #d7d7d7;
}
.divider_dashed9 {
    float: left;
    width: 100%;
    margin: 40px 0px 48px 0px;
    border-top: 1px dotted #d7d7d7;
}
/*------------------*/
/*widget styles */
/*------------------------------------------------------*/

/*text widget   */

.text_widget {
    width: 100%;
    padding: 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #d9d9d9;
}
/*posts widget  */
.posts_widget {
    width: 100%;
    padding: 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #d9d9d9;
}
.posts_widget .left {
    width: 32%;
    padding: 0px;
    margin: 0;
    float: left;
}
.posts_widget .right {
    width: 68%;
    padding: 0px;
    margin: 0;
    float: right;
}
.posts_widget .right .title {
    padding: 0px;
    margin: 0;
}
.posts_widget .right .title:hover {
    color: #fdce16;
}
.posts_widget .right .info {
    font-size: 13px;
    padding: 0px;
    margin: 0;
}
.posts_widget .right a.more_but {
    font-size: 14px;
    padding: 5px 5px;
    margin: 18px 0 18px 0;
    float: left;
    color: #fdce16;
    border: 1px solid #fdce16;
}
.posts_widget .right a.more_but:hover {
    color: #161616;
    background-color: #fdce16;
}
/*portfolio widget  */

.portfolio_widget {
    width: 100%;
    padding: 30px 30px 50px 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #d9d9d9;
}
/*twitter widget    */

.twitter_widget {
    width: 100%;
    padding: 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #d9d9d9;
}
.twitter_widget .icon {
    width: 32px;
    height: 32px;
    padding: 0px;
    font-size: 14px;
    color: #161616;
    text-align: center;
    line-height: 33px;
    margin: 0 10px 0 0;
    float: left;
    border-radius: 100%;
    background-color: #fdce16;
}
.twitter_widget .title {
    width: 85%;
    padding: 5px 0 0 0;
    margin: 0;
    float: right;
}
.twitter_widget .hilite {
    color: #fdce16;
}
/*social widget */
.social_widget {
    width: 100%;
    padding: 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #d9d9d9;
}
/*testimonials widget   */
.testimonials_widget {
    width: 100%;
    padding: 0px;
    margin: 0 0 40px 0;
    float: left;
}
.testimonials_widget .box {
    width: 100%;
    padding: 30px;
    margin: 0 0 25px 0;
    float: left;
    border: 1px solid #d9d9d9;
}
.testimonials_widget .left {
    width: 30%;
    padding: 0px;
    margin: 0;
    float: left;
}
.testimonials_widget .right {
    width: 70%;
    padding: 0px;
    margin: 0;
    float: left;
}
.testimonials_widget .right .name {
    font-size: 16px;
    display: block;
    color: #161616;
    padding: 0px;
    margin: 0;
}
.testimonials_widget .right .comp {
    padding: 0px;
    margin: 0;
}
.testimonials_widget .right .comp span {
    color: #fdce16;
}
.testimonials_widget .arrow_down {
    position: absolute;
    margin: 0px 0px 0px 37px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 10px solid #d9d9d9;
    font-size: 0px;
    line-height: 0;
}
/*flickr widget */
.flickr_widget {
    width: 100%;
    padding: 30px 30px 17px 30px;
    margin: 0 0 40px 0;
    float: left;
    border: 1px solid #d9d9d9;
}
.flickr_widget img {
    width: 65px;
    height: 65px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: 0px solid #999 !important;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.flickr_widget img:hover {
    border: 2px solid #fdce16 !important;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
