/*

Theme Name: Creative

Theme URI: http://www.smartdatasoft.

Author: the Smartdatasoft team

Author URI: http://www.smartdatasoft.com/

Description: Creative is a ultra responsive & highly customizable One-page portfolio theme for creative folks and companies. Easy to customize according to your needs.

Version: 1.2

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready

Text Domain: creative 

*/



a:focus, * {

    outline: none;

}

a:focus {

    text-decoration: none;

}

body {

    font-family: 'Open Sans', Arial;

    font-style: normal;

    font-size: 13px;

    line-height: 18px;

}

h1, h2, h3, h4, h5, h6 {

    font-weight: bold;

    font-family: 'Raleway', Arial;

}

p {

    font-weight: normal;

    font-family: 'Open Sans', Arial;

}

a {

    text-decoration: none;

    outline: none;

}

a:hover {

    text-decoration: none;

    color: #ffde00;

}

input[type=text], input[type=email], input[type=password], textarea {

    border: 0px solid #CFCECD;

    outline: none;

}

img {

    border: none;

}

ul, ol {

    margin: 0;

    padding: 0;

    font-weight: normal;

}

i {

    vertical-align: middle;

}

.header_area {} .header {} .header_area_top {

    background-color: #F4F6F7;

    min-height: 45px;

}

.header_top_text {

    padding: 13px 0px 0px 25px;

}

.header_top_text p {

    font-size: 14px;

    color: #868686;

}

.header_contact {

    float: right;

}

.header_phone_no {

    min-width: 127px;

    float: left;

    border-right: 1px solid #EAEAEA;

    margin-right: 15px;

    padding-right: 15px;

    height: 45px;

    padding-top: 10px;

}

.header_phone_no p {

    font-size: 13px;

    color: #868686;

}

.header_phone_no p i {

    margin-right: 7px;

}

.header_email {

    min-width: 165px;

    float: left;

    border-right: 1px solid #EAEAEA;

    height: 45px;

    padding-top: 10px;

    padding-right: 15px;

}

.header_email p {

    font-size: 13px;

    color: #868686;

}

.header_email p i {

    margin-right: 9px;

}

.header_search {

    float: left;

    min-width: 54px;

    position: relative;

}

.header_search .button_search {

    width: 0;

    height: 0;

    border: none;

    background: none;

}

.header_search form:before {

    content: "\f002";

    font-family: 'FontAwesome';

    padding: 13px 18px;

    font-size: 18px;

}

.header_search #topsearch {

    width: 24px;

    padding: 5px;

    margin: 9px 9px 9px -50px;

    background: none;

    transition: all 400ms ease;

    left: 0;

    text-indent: -9999px;

    cursor: pointer;

}

.header_search a {

    border: none;

    background: none;

    cursor: pointer;

    padding: 13px 18px;

    float: left;

    outline: none;

}

.header_search input#topsearch:focus {

    width: 125px;

    background: #fff;

    margin-left: 0px;

    text-indent: initial;

    cursor: text;

}

.header_search i {

    color: #868686;

}

.header_area_bottom {

    min-height: 87px;

    background-color: #FFF;

}

.logo_area {} .logo_area img {

    margin: 20px 0px 0px 30px;

}

.main_menu_area {

    float: right;

    margin-top: 35px;

}

.main_menu {} .main_menu ul {

    list-style: none;

}

.main_menu ul li {

    float: left;

    position: relative;

    padding-bottom: 8px;

}

.main_menu ul li a {

    font-size: 14px;

    font-family: 'Raleway';

    color: #4b575c;

    text-align: center;

    margin: 0px 20px;

    padding-bottom: 5px;

}

.main_menu ul li a:hover {

    color: #000;

    border-bottom: 2px solid #999;

}

.main_menu ul li a:focus {

    text-decoration: none;

    outline: none;

}

.main_menu ul li.current a, .main_menu ul li.current-menu-item a {

    color: #000;

    border-bottom: 2px solid #999;

    text-decoration: none;

}

.main_menu ul li ul {

    left: -99999px;

    position: absolute;

    margin: 0;

    padding: 0;

    background-color: #F0F0F0;

    ;

    margin-top: 8px;

    z-index: 2;

    border: 1px solid #DDD;

    border-top: 0px;

}

.main_menu ul li:hover > ul {

    left: 0px;

}

.main_menu ul li ul li {

    width: 113px;

    /*margin: 0px 10px;*/



padding-bottom: 0px;

}

.main_menu ul li ul li + li {

    border-top: 1px solid #cacaca;

}

.main_menu ul li ul li a {

    padding: 8px 9px;

    display: block;

    margin: 0;

    text-align: left;

}

.main_menu ul li ul li a:hover {

    border-bottom: 0px solid #DDD;

    background-color: #F9F9F9;

}

.main_menu ul li ul li ul {} .main_menu ul li ul li:hover > ul {

    left: 100%;

    margin: 0;

    top: -4px;

}

.main_menu ul li ul li ul li {} .main_menu ul li ul li ul li a {} .slider_area {} .slider {}



.main_menu ul li ul.sub-menu li a{

	border: none;

}



/* main slider custom */



.item img {

    width: 100%;

}

.carousel-indicators .active {

    background-color: #FFDE00 !important;

}

#carousel-example-generic ol li {

    display: inline-block;

    width: 45px;

    height: 5px;

    margin: 1px;

    text-indent: -999px;

    border: 1px solid #fff;

    border-radius: 0px;

    cursor: pointer;

    background-color: #000 \9;

    background-color: rgba(0, 0, 0, 0);

}

.social_area {

    background-color: #4B575C;

    min-height: 114px;

    overflow: hidden;

}

.social {

    padding-top: 21px;

}

.social_left {} .social_left p {

    font-size: 16px;

    color: #BAC5CA;

    /*    font-family:'Raleway';*/



line-height: 27px;

    padding-top: 3px;

}

.social_right {} .all_social_icon {

    min-height: 65px;

    margin-top: 22px;

}

.all_social_icon ul {

    list-style: none;

}

.all_social_icon ul li {

    float: left;

    margin-right: 12px;

    padding: 18px 0px;

}

.hexagon {

    margin: 18px 12px 18px 0;

    color: #4B575C;

    text-align: center;

    display: inline-block;

}

.hexagon i {

    padding-top: 2px;

    display: block;

    height: 30px;

    transition: all 0.9s ease 0s;

    -moz-transition: all 0.9s ease 0s;

    -webkit-transition: all 0.9s ease 0s;

    -o-transition: all 0.9s ease 0s;

}

.hexagon:hover i {

	color: #333333;

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

}

/* hexagonal icon Strat */



.hexagon {

    width: 52px;

    height: 30px;

    background: #6F7C81;

    position: relative;

}

.hexagon:hover {

    background: #FFF;

}

.hexagon:before {

    content: "";

    position: absolute;

    top: -15px;

    left: 0;

    width: 0;

    height: 0;

    font-size: 0;

    line-height: 0;

    border-left: 26px solid transparent;

    border-right: 26px solid transparent;

    border-bottom: 15px solid #6F7C81;

}

.hexagon:hover:before {

    border-bottom: 15px solid #FFF;

}

.hexagon:after {

    content: "";

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 0;

    height: 0;

    font-size: 0;

    line-height: 0;

    border-left: 26px solid transparent;

    border-right: 26px solid transparent;

    border-top: 15px solid #6F7C81;

}

.hexagon:hover:after {

    border-top: 15px solid #FFF;

}

/* hexagonal icon End */



.promo_top_area {

    background-color: #EFF3F5;

    overflow: hidden;

}

.promo_top {

    margin-top: 108px;

    min-height: 372px;

}

.single_promo_top {} .single_promo_top_pic {

    width: 96px;

    height: 110px;

    margin: 0 auto;

    background: url(images/box_bg.png) no-repeat scroll 0 0;

}

.single_promo_top_pic i {

    text-align: center;

    display: inherit;

    padding-top: 30px;

    color: #4B575C;

    transition: all 0.9s ease 0s;

    -moz-transition: all 0.9s ease 0s;

    -webkit-transition: all 0.9s ease 0s;

    -o-transition: all 0.9s ease 0s;

}

.single_promo_top_pic:hover i {

    transform: rotatey(180deg);

    -webkit-transform: rotatey(180deg);

    -moz-transform: rotatey(180deg);

}

.single_promo_top_content {} .single_promo_top_content h2 {

    /*    font-family:'Raleway';*/



font-size: 18px;

    font-weight: 700;

    color: #292d2f;

    text-align: center;

}

.single_promo_top_content p {

    color: #4b575c;

    font-size: 13px;

    /*font-family:'Open Sans';*/



text-align: center;

    line-height: 24px;

}

.know_more_area {

    min-height: 587px;

    background-color: #FFF;

    overflow: hidden;

}

.know_more {

    margin-top: 100px;

}

.know_more_one {

    margin-bottom: 30px;

}

.know_more_one h2 {

    color: #292D2F;

    font-size: 30px;

    margin-top: 0;

    font-weight: bold;

    line-height: 36px;

}

.know_more_one p {

    font-size: 13px;

    color: #4B575C;

    line-height: 24px;

    margin: 15px 0px 30px 0px;

}

.button {

    border: none;

    text-decoration: none;

    background-color: #FFDE00;

    font-size: 16px;

	font-weight: bold;

    color: #292D2F;

    padding: 10px 25px;

    text-align: center;

    line-height: normal;

    transition: all 0.2s ease-in;

}

.button.button_big {

    font-size: 20px;

    padding: 12px 27px;

}

.button.button_big.solid {

    border: 2px solid #292D2F;

}

.button:hover {

    background-color: #F2D300;

    color: #fff;

}

.know_more_two {} .single_know_more_two {

    margin-bottom: 45px;

}

.single_know_more_two_left {

    width: 60px;

    float: left;

}

.single_know_more_two_left i {

    color: #4B575C;

    -webkit-transition: all 0.7s ease 0s;

    -moz-transition: all 0.7s ease 0s;

    -o-transition: all 0.7s ease 0s;

    transition: all 0.7s ease 0s;

}

.single_know_more_two_left i:hover {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.single_know_more_two_right {

    overflow: hidden;

}

.single_know_more_two_right h2 {

    color: #292D2F;

    font-size: 18px;

    margin: 5px 0px 10px 0px;

}

.single_know_more_two_right p {

    color: #4B575C;

    font-size: 13px;

    line-height: 24px;

}

.know_more_three {} .single_know_more_three {

    margin-bottom: 45px;

}

.single_know_more_three_left {

    width: 60px;

    float: left;

}

.single_know_more_three_left i {

    color: #4B575C;

    -webkit-transition: all 0.7s ease 0s;

    -moz-transition: all 0.7s ease 0s;

    -o-transition: all 0.7s ease 0s;

    transition: all 0.7s ease 0s;

}

.single_know_more_three_left i:hover {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.single_know_more_three_right {

    overflow: hidden;

}

.single_know_more_three_right h2 {

    color: #292D2F;

    font-size: 18px;

    margin: 5px 0px 10px 0px;

}

.single_know_more_three_right p {

    color: #4B575C;

    font-size: 13px;

    line-height: 24px;

}

.our_team_top_area {

    min-height: 629px;

    overflow: hidden;

}

.our_team_top {} .our_team_top_heading {

    max-width: 1170px;

    margin: 0 auto;

    padding-top: 70px;

}

.our_team_top .our_team_top_heading h2 {

    color: #fff;

    font-size: 46px;

    text-align: center;

    font-weight: 800;

}

.our_team_top .our_team_top_heading p {

    color: #fff;

    font-size: 16px;

    font-style: italic;

    text-align: center;

    line-height: 26px;

}

.our_team_top_carousel {

    margin-top: 45px;

}

/*

.team_top_carousel_sider {

     

}

.team_top_carousel_sider ul {

    list-style:none;

}

.team_top_carousel_sider ul li {

    float: left;

    width: 228px;

    margin-right: 30px;

}

.team_top_carousel_sider ul li a {

}

*/



.single_team_member {

    position: relative;

}

.our_team_top_carousel_inner {

    background-color: rgba(32, 32, 32, 0.56);

    padding: 30px 0px;

}

.team_members_pic {

    width: 228px;

    height: 228px;

    background-color: #FBDF2B;

    overflow: hidden;

}

.team_members_pic img {

    width: 100%;

    height: auto;

}

.team_members_details {

    width: 258px;

    height: 229px;

    background-color: #FFF;

    overflow: hidden;

    position: absolute;

    z-index: 3;

    top: 0;

    display: none;

}

.team_members_details_top {

    height: 185px;

}

.team_members_details_top h2 {

    color: #4B575C;

    font-size: 18px;

    margin: 0;

    padding: 20px 20px 15px 20px;

}

.team_members_details_top p {

    font-size: 13px;

    line-height: 24px;

    margin: 0;

    padding: 0px 20px 0px 20px;

    overflow: hidden;

}

.team_members_details_bottom_social {

    border-top: 1px solid #E9E9E9;

    min-height: 43px;

}

.team_members_details_bottom_social ul {

    list-style: none;

    float: right;

}

.team_members_details_bottom_social ul li {

    border-left: 1px solid #E9E9E9;

    float: left;

    width: 42px;

    margin: 0;

    height: 42px;

    display: block;

    text-align: center;

}

.team_members_details_bottom_social ul li a {

    color: #4B575C

}

.team_members_details_bottom_social ul li a:hover {

    color: #fff;

    -webkit-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

}

.team_members_details_bottom_social ul li a:hover i.fa-facebook{

	background-color: #395B89;

}

.team_members_details_bottom_social ul li a:hover i.fa-twitter{

	background-color: #2BBFEC;

}

.team_members_details_bottom_social ul li a:hover i.fa-linkedin{

	background-color: #1184CD;

}

.team_members_details_bottom_social ul li a:hover i.fa-google-plus{

	background-color: #DC4B38;

}

.team_members_details_bottom_social ul li a:hover i.fa-dribbble{

	background-color: #F46899;

}

.team_members_details_bottom_social ul li a i {

    padding: 15px 0px;

    width: 100%;

}

.our_team_bottom_area {

    min-height: 400px;

    overflow: hidden;

}

.our_team_bottom {

    padding-top: 83px;

}

.our_team_bottom_carousel {} .our_team_bottom .bx-wrapper .bx-controls-direction a {

    top: 59%;

}

.our_team_bottom .bx-wrapper .bx-prev {

    width: 29px;

    height: 29px;

    -webkit-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}

.our_team_bottom .bx-wrapper .bx-prev:hover {

    background-color: #000;

}

.our_team_bottom .bx-wrapper .bx-next {

    width: 29px;

    height: 29px;

    background-position: -34px 0;

    -webkit-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}

.our_team_bottom .bx-wrapper .bx-next:hover {

    background-color: #000;

}

.quote_icon {

    width: 50px;

    margin: 0 auto;

    padding-bottom: 22px;

}

.quote_icon i{

	font-size: 41px;

	color: #FFFF00;

}

.quote_bottom_content {

    padding: 0px 70px 22px 70px;

}

.our_team_bottom .quote_bottom_content h2 {

    font-size: 22px;

    color: #FFF;

    text-align: center;

    margin-bottom: 40px;

    margin-top: 10px;

}

.our_team_bottom .quote_bottom_content p {

    color: #9DACB3;

    font-size: 16px;

    line-height: 28px;

    font-style: italic;

    text-align: center;

}

.our_team_bottom p.quote_author {

    color: #FFDE00;

    font-style: normal;

    font-weight: bold;

}

.services_area {

    min-height: 1013px;

    background-color: #EFF3F5;

    overflow: hidden;

}

.services {} .services_header {

    padding-top: 82px;

}

.services_header h2 {

    font-size: 46px;

    color: #292D2F;

    font-weight: 800;

    text-align: center;

    margin-bottom: 23px;

}

.services_header p {

    font-size: inherit;

    font-size: 14px;

    color: #707D7A;

    text-align: center;

    line-height: 24px;

    font-style: italic;

}

.services_content {} .single_service_content {

    margin-top: 55px;

}

.single_service_content_top {

    width: 96px;

    height: 110px;

    margin: 0 auto;

    background: url(images/box_bg.png) no-repeat scroll 0 0;

}

.single_service_content_top i {

    text-align: center;

    display: inherit;

    padding-top: 35px;

    color: #4B575C;

    transition: all 0.9s ease 0s;

    -moz-transition: all 0.9s ease 0s;

    -webkit-transition: all 0.9s ease 0s;

    -o-transition: all 0.9s ease 0s;

}

.single_service_content_top:hover i {

    transform: rotatey(180deg);

    -webkit-transform: rotatey(180deg);

    -moz-transform: rotatey(180deg);

}

.single_service_content_bottom {} .single_service_content_bottom h2 {

    font-size: 18px;

    font-weight: 700;

    color: #292d2f;

    text-align: center;

}

.single_service_content_bottom p {

    color: #4b575c;

    text-align: center;

    line-height: 24px;

}

.our_project_area {

    min-height: 800px;

    background-color: #FFF;

    overflow: hidden;

}

.our_project {} .our_project_top_header {

    padding-top: 90px;

    padding-bottom: 31px;

}

.our_project_top_header h2 {

    font-size: 46px;

    color: #292D2F;

    font-weight: 800;

    text-align: center;

    margin-bottom: 23px;

}

.our_project_top_header p {

    font-size: inherit;

    font-size: 14px;

    color: #707D7A;

    text-align: center;

    line-height: 24px;

    font-style: italic;

}

.our_project_bottom_content {} .our_project_content_carousel {

    height: 552px;

    overflow: hidden;

}

.our_project_content_carousel ul {

    list-style: none;

}

.our_project_content_carousel ul li {

    float: left;

}

.our_project_carousel_inner {

    width: 100%;

    height: 276px;

    float: left;

    overflow: hidden;

    position: relative;

}

.our_project_carousel_inner:hover .our_project_carousel_content {

    opacity: 0.9;

}

.our_project_carousel_inner:hover > img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.our_project_carousel_inner img {

    width: 100%;

    height: 100%;

    transition: all 0.7s ease 0s;

    -moz-transition: all 0.7s ease 0s;

    -webkit-transition: all 0.7s ease 0s;

    -o-transition: all 0.7s ease 0s;

}

.our_project_carousel_content {

    background-color: #4B575C;

    width: 100%;

    height: 276px;

    overflow: hidden;

    position: absolute;

    opacity: 0;

    top: 0;

    transition: all 0.7s ease 0s;

    -moz-transition: all 0.7s ease 0s;

    -webkit-transition: all 0.7s ease 0s;

    -o-transition: all 0.7s ease 0s;

}

.our_project_carousel_content h2 {

    font-size: 18px;

    color: #FFF;

    margin: 47px 0px 20px 34px;

}

.our_project_carousel_content p {

    color: #A1AAAE;

    font-size: 14px;

    line-height: 24px;

    margin: 0px 20px 30px 34px

}

.our_project_carousel_content a {

    margin-left: 34px;

}

.our_clients_area {

    min-height: 430px;

    background-color: #FFF;

    overflow: hidden;

}

.our_clients {} .our_clients_header {

    padding: 80px 0px 55px 0px;

}

.our_clients_header h2 {

    font-size: 46px;

    color: #292D2F;

    font-weight: 800;

    text-align: center;

    margin-bottom: 23px;

}

.our_clients_header p {

    color: #4b575c;

    text-align: center;

    line-height: 24px;

    font-style: italic;

    font-size: 14px;

}

.our_clients_content {} .client_logo_area {} .client_logo_area ul {

    list-style: none;

}

.client_logo_area ul li {

    float: left;

    min-height: 80px;

    display: block;

    text-align: center;

    padding-top: 20px;

    /* margin: 10px 25px 10px 25px; */

}

.client_logo_area ul li a {

    display: inline-block;

}

.client_logo_area ul li img {

    max-width: 100%;

    height: auto;

    width: inherit;

    margin: 0 auto;

}

.watch_video_area {

    background: url(images/pattern_video.png) repeat scroll 0 0;

    color: #fff;

    font-size: 30px;

    text-transform: uppercase;

    text-align: center;

    overflow: hidden;

    line-height: 1.4;

}

.watch_video_area h3 {

    color: #fff;

    font-size: 48px;

    text-align: center;

    text-transform: uppercase;

    /*padding-top:50%;*/

}

.watch_video_area p {

    color: #fff;

}

.watch_video {} .watch_video img {

    width: 100%;

    height: auto;

}

.pricing_table_area {

    background-color: #FFF;

    overflow: hidden;

}

.pricing_table {} .pricing_table_top_header {

    padding-top: 80px;

    padding-bottom: 50px;

}

.pricing_table_top_header h2 {

    font-size: 46px;

    color: #292D2F;

    font-weight: 800;

    text-align: center;

    margin-bottom: 23px;

}

.pricing_table_top_header p {

    color: #4b575c;

    text-align: center;

    line-height: 24px;

    font-style: italic;

    font-size: 14px;

}

.pricing_table_content {} .custom_table tr td {

    color: #4B575C;

    font-size: 14px;

}

.custom_table>tbody>tr>th {

    padding: 0;

}

.custom_table h2 {

    font-size: 22px;

    color: #3F3D3C;

    margin: 0;

    padding: 16px 0px 0px 15px;

}

.custom_table h3 {

    font-size: 60px;

    color: #3F3D3C;

    text-align: center;

}

.custom_table h4 {

    font-size: 18px;

    color: #3F3D3C;

    margin: 1px 0px;

}

.custom_table p {

    text-align: center;

}

.custom_table i {

    display: block;

    text-align: center;

}

h2.th_standerd, h2.th_business {

    text-align: center;

    color: #FFF;

    background-color: #4B575C;

    height: 58px;

    padding: 16px 0px 0px 0px;

}

h2.th_advanced {

    background-color: #FFDE00;

    color: #292D2F;

    text-align: center;

    height: 70px;

    width: 100%;

    margin-top: -12px;

}

.header_background {

    background-color: #F3F6F7;

}

.order_button, a.order_button:focus {

    font-size: 18px;

    border: none;

    background-color: #4B575C;

    color: #FFF;

    font-weight: bold;

    padding: 8px 35px;

    margin: 30px auto;

    display: inline-block;

    transition: all 0.2s ease-in;

    font-family: 'Raleway' Arial;

    /*    margin-top: 30px;

    margin-bottom: 30px;*/

}

.order_button:hover {

    background-color: #FFDE00;

    color: #000;

}

.contact_us_area {

    min-height: 684px;

    background-color: #FFF;

    overflow: hidden;

}

.contact_us {} .contact_us_header_top {

    padding-bottom: 50px;

    padding-top: 80px;

}

.contact_us_header_top h2 {

    font-size: 46px;

    color: #292D2F;

    font-weight: 800;

    text-align: center;

    margin-bottom: 23px;

}

.contact_us_header_top p {

    color: #4b575c;

    text-align: center;

    line-height: 24px;

    font-style: italic;

}

.contact_us_content {

    position: relative;

}

.contact_us_content_map {

    position: relative;

    z-index: 1;

}

.contact_us_content .wpcf7-form {

    position: absolute;

    top: 20%;

    right: 7%;

    z-index: 2;

    width: 370px;

}

.contact_us_content .wpcf7-form.invalid {

    background: #fff;

}

div.wpcf7-validation-errors {

    background-color: #F00;

    text-align: center;

    ;

    border: 2px solid #F00;

    border-radius: 3px;

    color: #FFF;

}

span.wpcf7-not-valid-tip {

    right: 20px;

    position: absolute;

    ;

    top: 12px;

    z-index: 1;

}

.contact_us_form {

    width: 370px;

    height: 380px;

    background-color: #fff;

    padding: 27px 27px 0px 27px;

}

.contact_us_content .wpcf7-form.invalid .contact_us_form {

    background: none;

}

.contact_us_form input {

    padding-left: 10px;

    border: 1px solid #D5D9DC;

    width: 303px;

    height: 39px;

    margin-bottom: 25px;

}

.contact_us_form textarea {

    padding-left: 10px;

    border: 1px solid #D5D9DC;

    width: 303px;

}

.contact_us_form button, .contact_us_form input.wpcf7-submit {

    font-size: 16px;

    border: none;

    background-color: #4B575C;

    color: #FFF;

    font-weight: bold;

    margin: 0 auto;

    display: block;

    margin-top: 37px;

    width: 110px;

    height: 42px;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

}

.contact_us_form input.wpcf7-submit:hover {

    background-color: #FFDE00;

    color: #000;

}

.contact_us_content_map > .gmap {

    width: 100%;

}

.footer_area {

    min-height: 77px;

    background-color: #4B575C;

    overflow: hidden;

}

.footer {} .footer_text {} .footer_text p {

    color: #86969C;

    font-size: 14px;

    text-align: center;

    padding-top: 28px;

}

/* bx caroudel custom  */



.bx-wrapper .bx-pager {

    opacity: 0;

}

div.our_team_top_carousel_inner a.bx-prev {

    width: 31px;

    height: 77px;

    left: 0;

    background: url(images/arrows_1.png) no-repeat 0 0px;

    background-color: #FFDE00;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

}

div.our_team_top_carousel_inner a.bx-prev:hover {

    background-color: #bca403;

    background-image: url(images/arrows_2.png);

}

div.our_team_top_carousel_inner a.bx-next {

    width: 31px;

    height: 77px;

    right: 0;

    background: url(images/arrows_1.png) no-repeat -32px 0px;

    background-color: #FFDE00;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

}

div.our_team_top_carousel_inner a.bx-next:hover {

    background-color: #bca403;

    background-image: url(images/arrows_2.png);

}

div.client_logo_area a.bx-prev {

    width: 23px;

    height: 45px;

    left: 0%;

    background: url(images/nav_arrows_big.png) no-repeat -4px 6px;

    background-color: #4B575C;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

}

div.client_logo_area a.bx-next {

    width: 23px;

    height: 45px;

    right: 0%;

    background: url(images/nav_arrows_big.png) no-repeat -40px 6px;

    background-color: #4B575C;

    transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

}

div.client_logo_area a.bx-prev:hover {

    background-color: #FFDE00;

}

div.client_logo_area a.bx-next:hover {

    background-color: #FFDE00;

}

.our_project .flex-direction-nav .flex-prev {

    background: url(images/arrows_1.png) no-repeat scroll;

    background-color: #51DCBD;

    cursor: pointer;

}

.our_project .flex-direction-nav .flex-prev:hover {

    background-color: #45bca2;

    background-image: url(images/arrows_2.png);

}

.our_project .flex-direction-nav .flex-next {

    background: url(images/arrows_1.png) no-repeat scroll -31px 0px;

    background-color: #51DCBD;

    cursor: pointer;

}

.our_project .flex-direction-nav .flex-next:hover {

    background-color: #45bca2;

    background-image: url(images/arrows_2.png);

}

/*..... Blog Page .....*/



.blog_header_area {

    background-color: #F7F8F9;

}

.blog_header {} .bolg_header_title {

    padding-bottom: 44px;

    padding-top: 40px;

}

.bolg_header_title h2 {

    font-size: 36px;

    color: #292D2F;

    text-align: center;

}

.bolg_header_title p {

    font-size: 15px;

    color: #4B575C;

    text-align: center;

}

.blog_content_area {

    background-color: #F7F8F9;

}

.blog_content {} .blog_post {} .post_date_and_comments {} .post_date {

    border-bottom: 1px solid #DBDBDB;

    border-right: 1px solid #DBDBDB;

}

.post_date p {

    color: #292d2f;

    font-size: 18px;

    text-align: center;

    padding-top: 10px;

}

.post_date h4 {

    font-size: 24px;

    color: #292d2f;

    text-align: center;

}

.comment-count {

    border-right: 1px solid #DBDBDB;

}

.comment-count p {

    font-size: 14px;

    font-weight: bold;

    color: #4b575c;

    text-align: center;

    padding: 15px 0px;

}

.comment-count p img {

    padding: 5px;

}

.comment-count p a {

    color: #4b575c;

}

.comment-count p a:hover {

    color: #428BCA;

}

.post {

    overflow: hidden;

    margin-bottom: 25px;

}

.post-thumb {} .post-thumb iframe {

    max-width: 100%;

}

/*.post-thumb img {

    width: 100%;

    height: auto;

}*/



.post-title {}



.post-title h2 {

    color: #292D2F;

    font-weight: 800;

    text-transform: uppercase;

}

.post-title h2 a {

    color: #292D2F;

    font-size: 24px;

}

.post-title h2 a:hover {

    color: #428BCA;

}

.post-meta {

    margin-bottom: 20px;

}

.post-meta span {

    color: #4b575c;

    font-size: 14px;

    line-height: 20px;

}

.author {} .author a {

    color: #000;

}

.category {} .tag {} .post-details {} .post-details p {

    color: #4b575c;

    font-size: 14px;

    line-height: 24px;

}

.post-readmore {

    margin: 15px 0px;

    float: right;

}

.post a.more-link {

    float: right;

    margin: 15px 0px;

    border: 1px solid #DBDBDB;

    border-radius: 4px;

    color: #3d4553;

    font-size: 13px;

    line-height: 18px;

    text-align: center;

    padding: 10px 15px;

    font-weight: bold;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

}

.post a.more-link:hover {

    color: #000;

    background-color: #FFDE00;

}

.post-quote {

    background-color: #FFDE00;

    position: relative;

    margin-bottom: 25px;

}

.post-quote-title {} .post-quote-title h2 {

    color: #FFF;

    font-size: 28px;

    font-weight: 800;

    margin: 0;

    padding: 10px 15px;

}

.post-quote-title p {

    font-size: 14px;

    color: #fff;

    padding-left: 15px;

}

.quote-author {

    padding: 10px 15px 20px 15px;

}

.quote-author a {

    color: #fff;

}

.quote-author a:hover {

    color: #999

}

.quote-author a span {

    font-size: 14px;

}

.quote-icon {

    width: 55px;

    height: 55px;

    background-color: #FFCC00;

    position: absolute;

    bottom: 0;

    right: 0;

}

.quote-icon a {

    text-align: center;

    display: inherit;

    padding-top: 20px;

}

.quote-icon a i {

    color: #FFEE78;

}

.post-gallery {

    position: relative;

}

.post-gallery .flex-direction-nav a {

    background: rgba(0, 0, 0, 0.4);

    width: 68px;

    height: 68px;

    font-size: 22px;

    padding: 23px;

    text-shadow: none;

    color: #fff;

    outline: none;

    font-weight: bold;

}

.post-gallery .flex-direction-nav a:hover {

    color: #FFDE00;

}

.post-gallery .flex-direction-nav .flex-prev:before {

    font-family: "FontAwesome";

    content: "\f104";

}

.post-gallery .flex-direction-nav .flex-next:before {

    content: "\f105";

    font-family: "FontAwesome";

}

.post-gallery .flex-direction-nav .flex-prev {

    border-radius: 0 5px 5px 0px;

}

.post-gallery .flex-direction-nav .flex-next {

    border-radius: 5px 0 0 5px;

}

.post-gallery .flex-control-nav {

    bottom: 30px;

}

.post-gallery .flex-control-paging li {

    margin: 0 8px 0 0;

}

.post-gallery .flex-control-paging li a {

    background: none;

    border: 1px solid #fff;

    border-radius: 30px;

    width: 10px;

    height: 10px;

}

.post-gallery .flex-control-paging li a.flex-active {

    background: #fff;

}

.blog_sidebar {} .sidebar_search {

    margin-bottom: 50px;

}

.sidebar_search span {

    max-width: 260px;

    height: 39px;

    border: 1px solid #DBDBDB;

    border-radius: 4px;

    display: block;

    background-color: #FFF;

    overflow: hidden;

    -webkit-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}

.sidebar_search span button#searchsubmit {

    color: #DBDBDB;

    padding: 2px 10px;

    background: none;

    border: none;

}

.sidebar_search span input {

    height: 37px;

    width: 81%;

}

.sidebar_search span:hover{

	border-color: #FFDE00;

}

.widget_newsletterwidget {

    background: url(images/newsletter_bg.png) no-repeat scroll 0 0;

    background-size: 100% 100%;

    max-width: 263px;

    margin-bottom: 40px;

}

.widget_newsletterwidget h2 {

    padding-top: 5px;

    padding-bottom: 30px;

    color: #4B575C;

    font-size: 16px;

    text-align: center;

}

.newsletter-widget {

    padding-bottom: 20px;

}

.newsletter-widget p {

    margin: 0 auto;

    max-width: 227px;

    height: 39px;

    border: 1px solid #DBDBDB;

    border-radius: 4px;

    display: block;

    background-color: #FFF;

    margin-bottom: 20px;

    overflow: hidden;

    -webkit-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}

.newsletter-widget p:hover {

    border: 1px solid #FFCC00;

}

.newsletter-widget p i {

    color: #BCC3D1;

    padding: 0px 10px;

    background-color: #fff;

}

.newsletter-widget p input {

    height: 37px;

    width: 83%;

}

.newsletter-widget p input.newsletter-submit {

    height: 37px;

    width: 100%;

    border: none;

    background-color: #ccc;

    -webkit-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}

.newsletter-widget p input.newsletter-submit:hover {

    background-color: #FFDE00;

}

.blog-sidebar {

    width: 100%;

    display: inline-block;

}

.blog-sidebar h2 {

    font-size: 18px;

    color: #4B575C;

    margin-bottom: 16px;

}

.blog-sidebar ul {

    list-style: none;

}

.blog-sidebar ul li {

    float: none;

    margin: 15px 0px;

}

.blog-sidebar ul li a {

    color: #4B575C;

    font-size: 14px;

}

.blog-sidebar ul li a:hover {

    border-bottom: 1px solid #FFDE00;

    color: #FFDE00;

}

.blog-sidebar img {

    max-width: 100%;

    height: auto;

}

.blog-sidebar select, .blog-sidebar input[type='text'] {

    max-width: 100%;

}

.blog-sidebar #wp-calendar {

    width: 100%;

}

.blog-sidebar #wp-calendar caption {

    margin-bottom: 5px;

}

.blog-sidebar #wp-calendar th, .blog-sidebar #wp-calendar td {

    border: 1px solid #000;

    text-align: center;

    padding: 5px;

}

.blog-sidebar #wp-calendar tfoot td {

    border: none;

}

.sidebar-archives {

    margin-bottom: 40px;

}

.sidebar-archives h2 {

    font-size: 18px;

    color: #4B575C;

    margin-bottom: 16px;

}

.sidebar-archives ul {

    list-style: none;

}

.sidebar-archives ul li {

    float: none;

    margin: 15px 0px;

}

.sidebar-archives ul li a {

    color: #4B575C;

    font-size: 14px;

}

.sidebar-archives ul li a:hover {

    border-bottom: 1px solid #FFDE00;

}

.sidebar-tags {

    margin-bottom: 40px;

}

.sidebar-tags h2 {

    font-size: 18px;

    color: #4B575C;

}

.sidebar-tags ul {

    list-style: none;

}

.tagcloud a {

    float: left;

    margin: 8px 3px;

    border: 1px solid #BCC3D1;

    border-radius: 4px;

    padding: 8px 15px;

    color: #4B575C;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    font-size: 14px !important;

}

.tagcloud a:hover {

    background-color: #FFDE00;

    color: #FFF;

}

.tagcloud a {} .blog_next_previous_area {

    min-height: 130px;

    background-color: #F7F8F9;

    border-top: 1px solid #E7E7E7;

    display: inline-block;

}

.blog_next_previous {

    padding-top: 35px;

}

.blog_next {} .blog_next a {

    display: inline-block;

    width: auto;

    outline: none;

}

.blog_next a i {

    width: 42px;

    height: 42px;

    float: left;

    border-radius: 4px;

    background-color: #292D2F;

    color: #FFF;

    padding: 0px 13px;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

}

.blog_next span {

    padding-left: 15px;

    padding-top: 12px;

    vertical-align: middle;

    color: #292D2F;

    font-size: 14px;

    display: inline-block;

}

.blog_next a:hover i {

    background-color: #FFDE00;

    color: #292D2F;

}

.blog_pre {

    float: right;

}

.blog_pre a {

    display: inline-block;

    outline: none;

    text-decoration: none;

}

.blog_pre a i {

    color: #FFF;

    padding: 0px 15px;

    width: 42px;

    height: 42px;

    background-color: #292D2F;

    border-radius: 4px;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

}

.blog_pre span {

    padding-right: 15px;

    vertical-align: middle;

    color: #292D2F;

    font-size: 14px;

}

.blog_pre a:hover i {

    background-color: #FFDE00;

    color: #292D2F;

}

/*..... Blog Post .....*/



.post-details ul {

    padding-left: 19px;

    margin-bottom: 10px

}

.post-details ul.custom_table {

    padding-left: 0;

}

.post-details ul li {

    font-size: 14px;

    line-height: 24px;

}

.post.single_post_custom {

    border-bottom: none;

    padding-bottom: 20px;

    margin-bottom: 0;

}

.blog_next_previous_area {

    border-top: 1px solid #DCDEE4;

    min-height: 112px;

    display: block;

}

.comments_area {

    border-top: 1px solid #DCDEE4;

}

/*..... Blog Post Comments .....*/



.comments_area {

    padding-top: 10px;

    padding-bottom: 20px;

}

.comments_title {

    margin-bottom: 15px;

}

.comments_title h2 {

    color: #292D2F;

    font-size: 18px;

}

.comments_title h2 span {} .comments_list {} .comments_list ul {

    list-style: none;

}

.comments_list ul li {

    float: none;

}

.comments_parents {

    box-sizing: border-box;

    padding: 20px;

    background-color: #FFF;

    margin-bottom: 30px;

}

.comments_icon {

    width: 72px;

    height: 72px;

    float: left;

    margin-right: 20px;

}

.comments_icon img {

    width: 100%;

    height: 100%;

}

.comments_body {

    overflow: hidden;

}

.comments-autor {

    color: #292D2F;

    font-size: 14px;

}

.comments-date {

    color: #4B575C;

    font-size: 12px;

}

.comments_top {} .comments_meta {

    float: left;

    overflow: hidden;

}

.comments_meta p {

    margin-bottom: 2px;

}

.comments_meta p a {

    color: #292D2F;

}

.comments_reply {

    width: 62px;

    float: right;

    height: 25px;

    margin-top: 6px;

}

.comments_reply a {

    font-size: 12px;

    background-color: #FFDE00;

    color: #464529;

    border-radius: 4px;

    padding: 5px 12px;

    font-weight: bold;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

}

.comments_reply a:hover {

    color: #FFDE00;

    background-color: #464529;

}

.comments_details {

    padding-top: 5px;

}

.comments_details p {

    color: #999CA5;

    font-size: 14px;

    line-height: 24px;

}

.comment_list ul.children {

    box-sizing: border-box;

    margin-bottom: 30px;

    margin-left: 60px;

    display: block;

}

/* Comments Form  */



.comments_form_area {

    margin-top: 0;

    border-top: 1px solid #DCDEE4;

}

.comments_form_title {} .comments_form_title h2 {

    text-transform: uppercase;

    font-size: 30px;

    color: #292D2F;

    font-weight: 800;

}

.comments_form {

    margin-top: 40px;

}

.comments_left {} .comments_left p {

    margin-bottom: 15px;

}

.comments_left p input {

    width: 100%;

    height: 39px;

    border: 1px solid #DBDBDB;

    background-color: #FFF;

    padding-left: 20px;

    border-radius: 4px;

    font-size: 13px;

}

.comments_left p textarea {} .comments_right {} .comments_right p {

    margin-bottom: 15px;

}

.comments_right.col-md-6 {

    width: 100%;

}

.comments_left + .comments_right.col-md-6 {

    width: 50%;

}

.comments_right p textarea {

    border: 1px solid #DBDBDB;

    background-color: #FFF;

    padding-left: 20px;

    border-radius: 4px;

    padding-top: 16px;

    width: 100%;

    font-size: 13px;

}

body.page .form-submit {

    display: inline-block;

    width: 100%;

}

.form-submit input#submit {

    float: right;

    width: auto;

    height: auto;

    border: none;

    background-color: #292D2F;

    color: #FFF;

    padding: 12px 20px;

    font-weight: bold;

    border-radius: 4px;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

}

.form-submit input#submit:hover {

    background-color: #FFDE00;

    color: #464529;

}

.flexslider {

    box-shadow: none;

    border: none;

    background: none;

    margin: 0;

}

.form-control:focus {

    border-color: #FFDE00;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 222, 0, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 222, 0, 0.6);

}

.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, .post-details img {

    max-width: 100%;

}

.comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img, .post-details img {

    height: auto;

}

.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, .post-details img {

    max-width: 100%;

}

.post_paginate {

    font-size: 15px;

}

.post_paginate span {

    width: 25px;

    display: inline-block;

    text-align: center;

    height: 25px;

    /*background-color: #F0F0F0;*/



vertical-align: middle;

    border: 1px solid #DDD;

    padding: 2px 0px 0px 0px;

}

.post_paginate a {

    background-color: #F0F0F0;

    display: inline-block;

}

.post_paginate a:hover {

    background-color: #F9F9F9;

    color: #000

}

/*.animated {

    opacity: 0;

}*/

/*.css3Animation*/



.visible {

    opacity: 1;

}

/*new css*/



.parallax-bg {

    position: relative;

    z-index: 9;

}

.creative_video_element {

    width: 100%;

    display: block;

    position: relative;

}

.creative_video_element > * {

    left: 0;

    width: 100%;

    position: absolute;

    top: 40%;

    text-align: center;

}

div#tubular-container, div#tubular-shield {

    z-index: -999 !important;

}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {

    max-width: 100%;

    height: auto;

}

.alignright {

    float: right;

    margin-left: 15px;

}

.alignleft {

    float: left;

    margin-right: 15px;

}

.alignnone {

    display: block;

    margin: auto;

}

.wp-caption {} 



.wp-caption-text {} 



.sticky {} 



#back-top {

    width: 45px;

    height: 45px;

    position: fixed;

    bottom: 50px;

    margin-right: 55px;

    right: 0;

    z-index: 999;

    display: none;

    background: url("images/scroll_top_arrow.png") no-repeat scroll 1px 2px #292D2F;

    transition: all 0.2s ease;

	-webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    overflow: hidden;

}

#back-top:hover {

    background-color: #FFDE00;

}

#back-top a {

    width: 45px;

    height: 45px;

    display: block;

    text-align: center;

    text-decoration: none;

}

#back-top a:hover {}/* spinner */



.preloader {

    /*background: url('images/loader.gif') center no-repeat #F3F3F3;*/

	background: #F1C40F;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: fixed;

    z-index: 9999999;

}

.spinner {

    margin: 0 auto;

    width: 60px;

    height: 60px;

    top: 42%;

    position: relative;

    text-align: center;

    vertical-align: middle;

    -webkit-animation: rotate 2.0s infinite linear;

    animation: rotate 2.0s infinite linear;

}

.dot1, .dot2 {

    width: 60%;

    height: 60%;

    display: inline-block;

    position: absolute;

    top: 0;

    background-color: #fff;

    border-radius: 100%;

    -webkit-animation: bounce 2.0s infinite ease-in-out;

    animation: bounce 2.0s infinite ease-in-out;

}

.dot2 {

    top: auto;

    bottom: 0px;

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}

@-webkit-keyframes rotate {

    100% {

        -webkit-transform: rotate(360deg)

   }

}

@keyframes rotate {

    100% {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg)

   }

}

@-webkit-keyframes bounce {

    0%, 100% {

        -webkit-transform: scale(0.0)

   }

   50% {

       -webkit-transform: scale(1.0)

  }

}

@keyframes bounce {

    0%, 100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

   }

   50% {

       transform: scale(1.0);

       -webkit-transform: scale(1.0);

  }

}

/* pricing table */



.price_table_content_inner {} .custom_table {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 25%;

    float: left;

    border: 1px solid #DDD;

    border-right: none;

}

.price_table_content_inner ul.custom_table:last-child {

    border-right: 1px solid #DDD;

}

.custom_table h2, .custom_table h3, .custom_table h4, .custom_table p, .custom_table span {

    margin: 0;

    padding: 0;

}

.custom_table li {

    height: 37px;

    border-bottom: 1px solid #DDD;

    padding: 7px 9px 0px 9px;

    display: block;

    line-height: 21px;

}

.custom_table li:first-child {

    height: 59px;

}

.custom_table li: nth-child(2) {

    height: 143px;

}

.custom_table li:last-child {

    height: 118px;

    border-bottom: 0px solid #DDD;

}

.custom_table h2 {

    font-size: 22px;

    color: #3F3D3C;

    padding-top: 10px;

    padding-left: 10px;

    text-align: left;

}

.custom_table h3 {

    font-size: 60px;

    color: #3F3D3C;

    text-align: center;

    margin-top: 15px;

}

.custom_table h4 {

    font-size: 18px;

    color: #3F3D3C;

    margin: 1px 0px;

}

.custom_table p {

    text-align: center;

    padding: 8px 0px;

}

.custom_table i {

    display: block;

    text-align: center;

    padding-top: 5px;

}

.custom_table li.header_background {

    background-color: #F3F6F7;

}

.custom_table.standard li {

    text-align: center;

}

.custom_table.standard li h2 {

    text-align: center;

    color: #fff;

    padding-left: 0;

}

.custom_table.standard li:first-child {

    background-color: #4B575C;

}

.custom_table.advanced li {

    text-align: center;

}

.custom_table.advanced li h2 {

    text-align: center;

    color: #3F3D3C;

    padding-left: 0;

}

.custom_table.advanced li:first-child {

    background-color: #FFDE00;

    height: 70px;

    margin-top: -11px;

}

.custom_table.business li {

    text-align: center;

}

.custom_table.business li h2 {

    text-align: center;

    color: #fff;

    padding-left: 0;

}

.custom_table.business li:first-child {

    background-color: #4B575C;

}

/* footer */



.social-icons-widget {

    list-style-type: none;

    float: right;

    text-align: center;

    padding: 0 0 10px;

}

.social-icons-widget li {

    display: inline-block;

}

.social-icons-widget li a {

    font-size: 20px;

    color: #999;

    transition: all 0.2s ease-in;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    padding: 2px 5px;

}

.social-icons-widget li a:hover {

    color: #FFDE00;

}

/* tubular */



.sound_control {

    position: absolute;

    font-size: 30px;

    left: 27px;

    top: 17px;

    color: #FFDE00;

    cursor: pointer;

    width: 100px;

    line-height: 27px;

    transition: all 0.1s ease-in;

}

.sound_control > i {

    margin-right: 10px;

    float: left;

}

.sound_control small {

    font-size: 13px;

    float: left;

}



.custom_table li:nth-child(2) {

  height: 143px;

}

.custom_table li:last-child {

  border-bottom: 0 solid #DDDDDD;

  height: 118px;

}



.form-control:focus, .newsletter-widget p:hover, .sidebar_search span:hover{

	-webkit-box-shadow: none;

	box-shadow: none;

}





/*Project section style*/



/* portfolio designs */



.slider.portfolio_details_wrap{

    background: #eff3f5;

}

.portfolio_details{

    overflow: hidden;

}

.portfolio_details > *{

    transition: all 0.4s ease-in;

    position: absolute;

    visibility: hidden;

    opacity: 0;

}



.portfolio_details .portfolio_nav{

	width: 100%;

	height: 32px;

	display: block;

	margin-top: 58px;

}

.portfolio_details .portfolio_nav .portfolio_nav_prev, .portfolio_details .portfolio_nav .portfolio_nav_next, .portfolio_details .portfolio_nav .portfolio_nav_close{

	width: 28px;

	height: 32px;

	display: block;

	text-align: center;

	float: left;

	line-height: 1;

	font-size: 16px;

	padding-top: 7px;

	color: #8F989C;

	background-color: #292D2F;

	float: right;

	-webkit-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.portfolio_details .portfolio_nav .portfolio_nav_prev:hover, .portfolio_details .portfolio_nav .portfolio_nav_next:hover, .portfolio_details .portfolio_nav .portfolio_nav_close:hover{

	color: #FFDE00;

	background-color: #42494c;

}

.portfolio_details_info{

	background-color: #fff;

	margin-bottom: 108px;

}

.portfolio_photos{

	width: 67.6%;

	float: left;

	position: relative;

}

.portfolio_info{

	width: 32.4%;

	float: right;

	background-color: #fff;

	height: 100%;

	padding: 30px;

	padding-bottom: 45px;

}

.portfolio_info h2{

	font-size: 24px;

	margin-top: 0px;

	position: relative;

}

.portfolio_info .project_cats{

	font-size: 13px;

	font-style: italic;

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px solid #E9EDEF;

}

.portfolio_info .project_cats a{

	color: #000;

}

.portfolio_info .project_cats a:hover{

	color: #FFDE00;

}

.portfolio_info .project_content{

	line-height: 1.8;

}

.portfolio_info a.live_preview{

	font-size: 16px;

	position: absolute;

	bottom: 0;

	right: 0;

}





.project_know_more i.fa{

    font-size: 15px;

}

.portfolio_photos .flex-viewport{

    max-height: 580px;

}

.portfolio_photos ul li.flex-active-slide{

    position: relative;

    overflow: hidden;

}

.portfolio_photos ul li.flex-active-slide img, .portfolio_photos ul li img{

    width: 100%;

    height: auto;

}

.portfolio_photos ul li .fa{

	visibility: hidden;

}

.portfolio_photos ul li.flex-active-slide .fa, .portfolio_photos ul li .fa{

    visibility: hidden;

    width:100%;

    height: 100%;

    position: absolute;

    text-align: center;

    opacity: 0;

    transition: all 0.2s ease-in;

    background-color: rgba(239,243,245,0.6);

    

}

.portfolio_photos ul li.flex-active-slide .fa:before, .portfolio_photos ul li .fa:before {

    color: #ffde00;

    font-size: 32px;

    position: relative;

    top: 48%;

    

}

.portfolio_photos ul li.flex-active-slide:hover .fa, .portfolio_photos ul li:hover .fa{

    visibility: visible;

    opacity: 1;  

}



div.ppt{

	display: none !important;

}































/*Woocommerce style start here*/



.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart,.widget_product_search input[type="submit"]{

	    border: none;

	    text-decoration: none;

	    font-size: 16px;

		font-weight: bold;

	    color: #292D2F;

	    padding: 8.5px 22px;

	    text-shadow:none;

	    box-shadow: none;

	    border-radius: 0px;

	    background:none;

	    background-color: #FFDE00;

	    text-align: center;

	    line-height: normal;

	    transition: all 0.2s ease-in;

}

.woocommerce #content input.button:active, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce-page #content input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active{

	top: 0px;

}





.woocommerce ul.products li.product-category {

	width:22.05%;

}

.our_team_top .woocommerce ul.products li.product,.our_team_top .woocommerce-page ul.products li.product{

	width: 22%;

}

 .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce a.added_to_cart:hover, .woocommerce-page a.added_to_cart:hover , .widget_product_search input[type="submit"]:hover{

	 background: #F2D300;

	color: #fff;

 }

 .woocommerce-page a.button:hover {

	background: #F2D300;

	color: #fff;

 }



.woocommerce #content input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce-page #content input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before{

	color: #444;

	right: -20px;

}



 .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce form .form-row select,.widget_product_search input{

 padding-left: 10px;

border: 1px solid #D5D9DC;



height: 39px;

margin-bottom: 25px;

 }

 

.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {

padding-left: 10px;

border: 1px solid #D5D9DC;



}



 

 .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{

	 box-shadow:none;

	 }

	 

.woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img{

	box-shadow:none;

	}

.woocommerce span.onsale, .woocommerce-page span.onsale{

	background: #a2c094;

	text-shadow:none;

	box-shadow: none;

	font-weight: 600;

	}

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3{

	font-weight: 600;

	margin: 10px 0px;

	}

	

.woocommerce a.button.add_to_cart_button,

.woocommerce-page a.button.add_to_cart_button{

	display:block;

	}	

.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{

	display:none;

	background-color: #FFDE00;

	margin-top: -42px;

	z-index: 99999;

	position: relative;

	}

.wc-forward a:after, .wc-forward:after{

	content: "";

}	



.widget_product_search label {

display: none;

}



.widget_product_search input{

	display:block;

}

.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li{

    padding: 4px 0;

    margin: 0;

    list-style: none;

    border-bottom: 1px solid #7B8A90;

    padding-bottom: 5px;

    margin-bottom: 5px;

}

.woocommerce ul.cart_list li  a:hover , .woocommerce ul.product_list_widget li  a:hover , .woocommerce-page ul.cart_list li  a:hover , .woocommerce-page ul.product_list_widget li  a:hover {

    text-decoration: underline;

    border:none;

}



/* Rakibul hasan 21-6-14*/

.woocommerce ul.products li{

    margin-bottom: 30px;

}

.woocommerce ul.products li img{

    width:100%;

}

.woocommerce ul.products li h3,

.woocommerce-page ul.products li h3{

    margin-top: 5px;

}

.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt{

    background: #FFDE00;

    text-shadow: none;

    color:#292d2f;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover,

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover{

    background: #f2d300;    

    color: #fff;

    text-shadow: none;

}

.woocommerce #content div.product .woocommerce-tabs ul.tabs, 

.woocommerce-page #content div.product .woocommerce-tabs ul.tabs{

    margin-bottom: 0;

}

.woocommerce #content div.product .woocommerce-tabs .panel,

.woocommerce-page #content div.product .woocommerce-tabs .panel{

    padding:0 20px 20px;

}

.woocommerce #review_form #respond textarea,

.woocommerce-page #review_form #respond textarea{

    background-color: #f7f8f9;

    padding: 10px;

}



.blog-sidebar.widget_product_search input[type="text"]{

    width:100%;

}

.woocommerce .woocommerce-breadcrumb{

    margin-top: 10px;

}



.widget_product_categories ul.children{

    margin-left: 15px;

}



#featured-products{

	background-color: #fff;

}

#featured-products h2{

	font-size: 46px;

	text-transform: uppercase;

	color: #292D2F;

	text-align: center;

	font-weight: 800;

	margin-top: 0;

	padding-top: 50px;

}

#featured-products p{

	text-align:center;

	padding-bottom: 30px;

	font-style: italic;

}



.footer-top-sidebar ul.product-categories li > ul.children{

	display: none;

}



.woocommerce ul.products li h3 a, .woocommerce-page ul.products li h3 a{

	color: #292d2f;

}

.woocommerce ul.products li h3 a:hover, .woocommerce-page ul.products li h3 a:hover{

	color: #ffde00;

}





/*Woocommerce style End*/





/*Footer Top area*/

.footer-top-sidebar{

	color:#86969c;

}

.footer_top .footer-top-sidebar h3{

	color:#86969c;

	font-size: 16px;

	text-transform: uppercase;

}

.footer_top .footer-top-sidebar .social-icons-widget{

	float: left;

}

/*.footer_top .footer-top-sidebar .product_list_widget li:last-child{

	border-bottom: none;

}*/



.footer_top{

    width: 100%;

    display: block;

    overflow: hidden;

    margin-top: 20px;

}

.footer_top p, .footer_top .textwidget{

    

}



.footer_top ul li{

    list-style-type: none;

}

.footer_top ul li a {

    color: #86969c;

}

.footer_top ul li a:hover {

    color: #ffde00;    

}