/*----------------------------------------------------------------------------------
 1. body Start
----------------------------------------------------------------------------------*/
body{
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.42857143;
	font-size: 14px;
	color: #919191;
	-webkit-font-smoothing: antialiased;
	overflow-x:hidden;
	backface-visibility: hidden;
}

h1,h2,h3,h4{
    color: #333333;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-weight:400;
    color:#333;
}
::selection {
    background: #fdc716;
    color: #ffffff;
}
::-moz-selection {
    background: #fdc716;
    color: #ffffff;
}
::-webkit-selection {
    background: #fdc716;
    color: #ffffff;
}
/*----------------------------------------------------------------------------------
 1. body End
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
 2. common css Start
----------------------------------------------------------------------------------*/
a{
    cursor: pointer;
    text-decoration: none;
    color:#333;
}
a:hover{
    text-decoration:none;
}
a, input, button{
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
a:focus, input:focus, button:focus, textarea:focus {
    outline: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-decoration: none;
}
a:after, button:after, 
a:before, button:before{
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
a:visited{
    color:#333;
}
.hentry a , .widget a{
    color:#fdc716;
}
.full_width{
	float: left;
	width: 100%;
}
.gs_section{
	float: left;
	width: 100%;
}
.section_heading{
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 50px;
    text-align: center;
    text-transform:capitalize;
}
.section_heading h2 {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom:0px;
}
.section_heading h2 span {
    color: #fdc716;
}

/*===== button css start ======*/
.gs_read_m {
    display: inline-block;
    height: 45px;
    line-height: 43px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    background-color:transparent;
    padding: 0 35px;
    position: relative;
    border: 1px solid transparent;
    z-index: 9;
    overflow: hidden;
    text-transform:capitalize;
}
.gs_read_m:visited{
    color:#fff;
}
.gs_read_m:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fdc716;
    z-index: -9;
    /* transform: translateX(100%); */
}
.gs_read_m:hover, 
.gs_read_m:focus{
    text-decoration: none;
    color: #fdc716 !important;
    border: 1px solid;
}
.gs_read_m:hover:after, 
.gs_read_m:focus:after{
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.pad_top_80{
    padding-top: 80px;
}
.pad_top_bottom_80{
    padding: 80px 0;
}
.pad_bottom_80{
    padding-bottom:80px;
}
/*===== button css start ======*/
/*----------------------------------------------------------------------------------
 2. common css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 3. Preloader css Start
----------------------------------------------------------------------------------*/
.preloader {
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.preloader_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.loading_icon img {
    display: inline-block;
    max-width: 100%;
}
/*----------------------------------------------------------------------------------
 3. Preloader css End
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
 4. header Top css Start
----------------------------------------------------------------------------------*/
.gs_top_header {
    background-color: #292929;
    padding: 15px 0;
}
.header_top_left {
    float: left;
    width: 100%;
}
.header_top_left > div {
    float: left;
}
.header_top_left .header_text {
    padding-top: 5px;
}
.header_top_left .language_select {
    padding-left: 20px;
}
.language_select > i {
    color: #fdc716;
    float: left;
    padding-top: 9px;
}
.language_select .select_wrapper {
    position: relative;
    float: left;
}
.language_select select {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    min-width: 79px;
    height: 30px;
    padding: 0 15px;
}
.language_select select:focus {
    outline: none;
    -webkit-outline: none;
    -moz-outline: none;
}
.language_select .select_wrapper span {
    position: absolute;
    top: 50%;
    right: 0;
    pointer-events: none;
    margin-top: -8.5px;
    color: #fdc716;
    font-size: 12px;
}
.header_text p {
    color: #fff;
    margin-bottom: 0;
}
.header_top_right {
    float: right;
    color: #fff;
    padding-top: 5px;
}
.header_top_right p {
    margin-bottom: 0;
}
.header_top_right p i {
    color: #fdc716;
    padding-right: 6px;
}
/*----------------------------------------------------------------------------------
 4. header Top css End
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
 5. header Middle css Start
----------------------------------------------------------------------------------*/
.gs_middle_header {
    background: #ffffff;
    padding: 35px 0;
}
.gs_logo {
    float: left;
}
.gs_logo a{
    display: inline-block;
}
.gs_logo a img{
    max-width: 100%;
    display: inline-block;
}
.gs_header_contacts{
    float: left;
    width: 100%;
}

.gs_header_contacts ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
}
.gs_header_contacts ul li {
    float: left;
    width: 33.33%;
    padding-right: 10px;
}
.gs_header_contacts ul li:last-child {
    padding-right: 0;
}
.gs_header_contacts ul li div{
    display: table-cell;
}
.gs_header_contacts ul li .con_icons {
    vertical-align: top;
}
.gs_header_contacts ul li .con_icons i {
    color: #fdc716;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border: 1px solid;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.gs_header_contacts ul li .con_icons i:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fdc716;
    z-index: -1;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.gs_header_contacts ul li:hover .con_icons i{
    color: #ffffff;
    border-color: #fdc716;
}
.gs_header_contacts ul li:hover .con_icons i:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.gs_header_contacts .con_details {
    padding-left: 15px;
    vertical-align: top;
}
.con_details h4 {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 7px;
}
.con_details p {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 0;
}
.con_details p a {
    text-decoration: none;
    color: #919191;
}
.con_details p a:hover {
    color: #fdc716;
}

/*----------------------------------------------------------------------------------
 5. header Middle css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 6. Navigation Header css Start
----------------------------------------------------------------------------------*/
.gs_navigation_header {
    margin-bottom: -40px;
    position: relative;
    z-index: 9;
}

.Navigation_wrapper {
    float: left;
    width: 100%;
    background-color: #292929;
}
.gs_navigation {
    float: left;
    width: 80%;
}
.gs_navigation ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    float: left;
}
.gs_navigation > ul > li {
    float: left;
    padding: 24px 18px;
}
.gs_navigation ul li a {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-transform: capitalize;
    position: relative;
    padding: 5px;
    display: inline-block;
}
.gs_navigation > ul > li > a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0px;
    width: 0%;
    height: 1px;
    background: #fdc716;
}
.gs_navigation > ul > li > a:hover:after {
    width: 100%;
}
.gs_navigation > ul > li > a:hover {
    color: #fdc716;
    text-decoration: none;
}

/* ====nav search form css ==== */
.gs_navigation .nav_form {
    float: right;
    padding-top: 20px;
}
.nav_form .form_group{
    position: relative;
}

.nav_form input.nav_search {
    background-color: #171717;
    border: none;
    height: 40px;
    color: #ffffff;
    padding: 0 42px 0 15px;
    width: 200px;
}
.nav_form .search_icon {
    color: #ffffff;
    background-color: #fdc716;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    line-height:38px;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
}
.nav_form .search_icon:hover, 
.nav_form .search_icon:focus{
    color: #fdc716;
    background-color: transparent;
    border-left: 1px solid;
}
/* ====nav search form css ==== */
.get_quote {
    float: right;
    color: #ffffff;
    background-color: #fdc716;
    height: 80px;
    line-height: 80px;
    padding: 0 50px;
    font-weight: 500;
    font-size: 14px;
}
.get_quote:hover {
    color: #292929;
    text-decoration: none;
    background-color: #f9f9f9;  
}


/*=== nav toggle css ===*/
.nav_toggle {
    position: relative;
    z-index: 9999;
    cursor: pointer;
    width: 35px;
    height: 20px;
    float: right;
    margin-top: 33px;
    margin-right: 25px;
}
.nav_toggle i {
    float: left;
    width: 100%;
    background: #fdc716;
    height: 4px;
    margin-bottom: 3px;
    border-radius: 2em;
    transition:all ease-in 0.25s;
    -moz-transition:all ease-in 0.25s;
    -webkit-transition:all ease-in 0.25s;
}
.nav_toggle:hover i:nth-child(2){
    width:90%;
}
.nav_toggle:hover i:nth-child(3){
    width:80%;
}
.nav_toggle.toggle_open i:first-child {
    transform: translateY(12px) rotate(45deg);
    -webkit-transform: translateY(12px) rotate(45deg);
    -moz-transform: translateY(12px) rotate(45deg);
    -ms-transform: translateY(12px) rotate(45deg);
    -o-transform: translateY(12px) rotate(45deg);
    margin: 0;
    width:100%;
}
.nav_toggle.toggle_open i:nth-child(2) {
    transform: translateY(8px) rotate(-45deg);
    -webkit-transform: translateY(8px) rotate(-45deg);
    -moz-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    -o-transform: translateY(8px) rotate(-45deg);
    margin: 0;
    width:100%;
}
.nav_toggle.toggle_open i:nth-child(3) {
    transform: translateY(-50px) rotate(90deg);
    -webkit-transform: translateY(-50px) rotate(90deg);
    -moz-transform: translateY(-50px) rotate(90deg);
    -ms-transform: translateY(-50px) rotate(90deg);
    -o-transform: translateY(-50px) rotate(90deg);
    opacity: 0;
    visibility: hidden;
}
/*=== nav toggle css ===*/
/*----------------------------------------------------------------------------------
 6. Navigation Header css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 7. Home Banner Section Start
----------------------------------------------------------------------------------*/
.gs_home_banner{

}
.banner_slider{
    float: left;
    width: 100%;
}
.banner_slider .slides {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center center;
}
.banner_slider .slides:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color:#000000;
    opacity: 0.5;
	z-index:-1;
}
.slider_caption {
    padding: 250px 0;
}
.slider_caption h1 {
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    line-height: 70px;
}
.banner_slider .owl-nav div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
    -ms-transition: all ease-in 0.25s;
    -o-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;   
}
.banner_slider .owl-nav .owl-prev{
    left: 0;
}
.banner_slider .owl-nav .owl-next {
    right: 0;
}
.banner_slider:hover .owl-nav .owl-prev {
    left: 10px;
    opacity: 1;
}
.banner_slider:hover .owl-nav .owl-next {
    right: 10px;
    opacity: 1;
}
/*----------------------------------------------------------------------------------
 7. Home Banner Section End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 7. About Section css Start
----------------------------------------------------------------------------------*/
.gs_about_section{
    padding-top: 80px;
}
.about_desc {
    float: left;
    width: 100%;
}
.about_thumb img {
    display: inline-block;
}
.about_desc h2 {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
}
.about_desc h2 span {
    color: #fdc716;
}
.about_desc p {
    line-height: 24px;
    margin-bottom: 25px;
    max-height:220px;
    overflow:hidden;
}
.about_desc .about_box {
}
.about_img_box h4{
    font-size: 18px;
    color: #333333;
    margin-top: 15px;
}
/*----------------------------------------------------------------------------------
 7. About Section css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 8. service Section css Start
----------------------------------------------------------------------------------*/
.gs_service_section{
    /*padding-top: 80px;
    background-color: #F9F9F9;
    padding-bottom: 50px;*/
}
.gs_service_box {
    float: left;
    width: 100%;
    border: 1px solid #fdc716;
    background-color: #ffffff;
    margin-bottom: 30px;
}
.gs_service_box .service_icon {
    display: table-cell;
    vertical-align: top;
}
.service_icon i {
    width: 70px;
    height: 70px;
    line-height: 68px;
    float: left;
    color: #ffffff;
    text-align: center;
    font-size: 34px;
    border: 1px solid #fdc716;
    position: relative;
    z-index: 1;
    border-top:0;
    border-left:0;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.service_icon i:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fdc716;
    z-index: -1;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.gs_service_box .service_detail{
    display: table-cell;
    padding:20px; 
}
.service_detail h4 {
    text-transform: capitalize;
}
.service_detail h4 a:hover{
    color:#fdc716;
}
.service_detail p {
    line-height: 22px;
}
.gs_service_box:hover .service_icon i{
    color: #fdc716;
}
.gs_service_box:hover .service_icon i:after{
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.gs_read_m#serviceloader , .gs_read_m#projectloader{
    margin-bottom:30px;
}
/*----------------------------------------------------------------------------------
 8. service Section css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 9. work process Section css Start
----------------------------------------------------------------------------------*/

/*==== progress bar css ====*/
.gs_progress_bar{
    float: left;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}
.gs_progress_bar > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.gs_progress_bar > ul > li {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.progress_header h4 {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}
.progress_header span {
    font-size: 16px;
    color: #333333;
    float: right;
    margin-top: 8px;
    position: absolute;
    right: 0;
}
.progress_panel {
    width: 100%;
    border: 1px solid #fdc716;
    height: 10px;
    border-radius: 2em;
    position: relative;
}
.progress_panel .progress_slide {
    position: absolute;
    width: 2%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fdc716;
    transition: all ease-in 1.5s;
    -webkit-transition: all ease-in 1.5s;
    -moz-transition: all ease-in 1.5s;
}
.progress_slide:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 11px;
    top: 0;
    right: -10px;
    background-color: #fdc716;
    border-radius: 50%;
    margin-top: -1px;
    border-left: 1px solid #fff;
}
/*==== progress bar css ====*/

.gs_work_section{
    padding-top: 80px;
    padding-bottom: 30px;
}
.process_details {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.process_details h4 {
    font-size: 20px;
    line-height: 27px;
    margin-top: 0;
    margin-bottom: 12px;
}
.process_details p{
    line-height: 24px;
}
.process_details .gs_read_m {
    margin-top: 10px;
}
/*----------------------------------------------------------------------------------
 9. work process Section css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 10. Staff Section css Start
----------------------------------------------------------------------------------*/
.gs_staff_section{
    padding-top: 80px;
    background-color: #F9F9F9;
}
.staff_box {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}
.staff_thumb{
    display: inline-block;
    overflow: hidden;
}
.staff_thumb img {
    border-radius: 50%;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;   
}
.staff_box:hover .staff_thumb img { 
   -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}
.staff_box h4 {
    font-size: 18px;
    margin-top: 20px;
    text-transform: capitalize;
}
.staff_box h4 a{
	color:#333;
}
.staff_box h4 a:hover{
	color:#fdc716;
}
.staff_box h5 {
    display: inline-block;
    margin-top: 0;
    border-bottom: 2px solid #fdc716;
    padding-bottom: 7px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.staff_box ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
    margin:0;
    padding:0;
}
.staff_box ul li {
    display: inline-block;
}
.staff_box ul li a {
    color: #fdc716;
    font-size: 16px;
    padding: 5px;
    display: block;
}
.staff_box ul li a:hover {
    color: #333333;
}
/*----------------------------------------------------------------------------------
 10. Staff Section css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 11. Skill Section css Start
----------------------------------------------------------------------------------*/
.gs_counter_section {
    background-color: #fdc716;
    padding-top: 75px;
}
.gs_counter_bar {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
}
.gs_counter_bar h1 {
    font-size: 50px;
    font-weight: 700;
    color: #ffffff;
    line-height: 50px;
    margin-top: 0;
    margin-bottom: 15px;
}
.gs_counter_bar h5 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
}
/*----------------------------------------------------------------------------------
 11. Skill Section css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 12. Project Section css Start
----------------------------------------------------------------------------------*/
.gs_project_section{
    padding-top: 80px;
    padding-bottom: 50px;
}
.project_body{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.project_thumb {
    position: relative;
    perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
}
.project_overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background-color: rgba(253, 199, 22, 0.85);
    color: #fff;
    text-align: center;
    transform: rotateX(50deg);
    -webkit-transform: rotateX(50deg);
    -moz-transform: rotateX(50deg);
    -ms-transform: rotateX(50deg);
    -o-transform: rotateX(50deg);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.project_overlay .overlay_text {
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    line-height: 27px;
    padding: 0px 10px;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);
    transform: translateY(5%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all linear 0.3s 0.3s;
    -moz-transition: all linear 0.3s 0.3s;
    -ms-transition: all linear 0.3s 0.3s;
    -o-transition: all linear 0.3s 0.3s;
    transition: all linear 0.3s 0.3s;
}
.project_overlay .overlay_text a{
    color:#fff;
}
.view_more_btn{
    text-align: center;
}
.project_thumb:hover .project_overlay{
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}
.project_thumb:hover .overlay_text {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gs_project_section .gs_read_m{
    color:#fff;
}
.gs_project_section .gs_read_m:hover{
    color:#fdc716;
    border-color:#fdc716;
}

/*----------------------------------------------------------------------------------
 12. Project Section css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 13. Testimonial Section css Start
----------------------------------------------------------------------------------*/
.gs_testimonial_section{
    padding-top: 80px;
    background-color:#F9F9F9; 
    padding-bottom: 80px;   
}
.testimonial_carousel{
    float: left;
    width: 100%;
}

.testimonial_body {
    text-align: center;
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 40px;
}
.testimonial_body .test_paragraph {
    padding: 40px;
    background: #fdc716;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    position: relative;
    z-index: 1;
    backface-visibility: hidden;
}
.testimonial_body .test_paragraph:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -50px;
    border-top: 50px solid #fdc716;
    z-index: -1;
    border-right-style: solid;
    border-right-color: transparent;
    border-left-style: solid;
    border-left-color: transparent;
}
.testimonial_body .test_paragraph p {
    margin-bottom: 0;
}
.testimonial_body .client_thumb {
    display: table;
    border-radius: 50%;
    margin: 0px auto 0;
    border: 3px solid #fff;
    z-index: 1;
    position: relative;
    backface-visibility: hidden;
}
.testimonial_body .client_thumb img {
    border-radius: 100%;
}
.testimonial_body h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}
.testimonial_body h5 {
    font-size: 16px;
    margin-bottom: 0;
}
.testimonial_carousel .owl-nav {
    text-align: center;
    margin-top: 30px;
}
.testimonial_carousel .owl-nav div {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fdc716;
    color: #fff;
    font-size: 15px;
    margin: 0 5px;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
.testimonial_carousel .owl-nav div:hover{
    background-color: #333333;
}
/*----------------------------------------------------------------------------------
 13. Testimonial Section css End
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
 14. Brands Logo Section css End
----------------------------------------------------------------------------------*/
.gs_logo_section{
   /* background-color: #ffffff; */
    padding:80px 0; 
}
.logo_carousel{
    text-align: center;
}
.logo_carousel .brand_thumb img {
    max-width: 100%;
    display: inline-block;s;
    transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
    -o-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
    -webkit-filter: grayscale(1); 
    -moz-filter: grayscale(1); 
    -ms-filter: grayscale(1); 
    filter: grayscale(1);
}
.logo_carousel .brand_thumb img:hover {
    -webkit-filter: grayscale(0); 
    -moz-filter: grayscale(0); 
    -ms-filter: grayscale(0);
    filter: grayscale(0);
}
/*----------------------------------------------------------------------------------
 14. Brands Logo Section css End
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
 15. About Page css End
----------------------------------------------------------------------------------*/
.gs_page_banner{
    background:#111 url("/wp-content/uploads/2022/12/Screenshot-2022-11-17-122206.png") no-repeat;
    background-size: cover;
    background-position: center center;
}
.color_overlay {
    background-color: rgba(0, 0, 0, 0.70);
}
.page_banner_heading{
    float: left;
    width: 100%;
    padding: 160px 0 120px;
    text-align: center;
}
.page_banner_heading .page-heading {
    font-size: 30px;
    font-weight: 700;
    color: #fdc716;
    margin-bottom: 15px;
    margin-top: 0;
    line-height: 30px;
    text-transform: capitalize;
}
.page_banner_heading .breadcrumb {
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
}
.page_banner_heading .breadcrumb li {
    color: #fdc716;
    font-weight: 500;
}
.page_banner_heading .breadcrumb li a{
    color:#ffffff;
    text-decoration: none;
}
.gs_about_services {
    padding-top: 30px;
}
.gs_about_page {
   /* padding-bottom: 50px; */
}
/*----------------------------------------------------------------------------------
 15. About Page css End
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
 16. Contact Page css Start
----------------------------------------------------------------------------------*/

.ds_contact_form {
    float: left;
    width: 100%;
    background-color: #fdc716;
    padding: 50px;
}
.ds_contact_form h2 {
    color: #ffffff;
    margin-top: 0;
    font-size: 30px;
    line-height: 30px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    margin-bottom: 22px;
}

.contact_form_wrap label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 17px;
    margin-bottom: 8px;
    width: 100%;
}
.contact_form_wrap fieldset {
    position: relative;
    margin-bottom: 25px;
}
.contact_form_wrap fieldset span {
    position: absolute;
    left: 20px;
    top: 15px;
    color: #fdc716;
    font-size: 16px;
    line-height: 20px;
}
.contact_form_wrap input, 
.contact_form_wrap textarea {
    width: 100%;
    border: none;
    background-color: #fff;
    padding-left: 45px;
}
.contact_form_wrap input{
    height: 50px;
}
.contact_form_wrap textarea {
    height: 150px;
    padding-top: 15px;
    resize: none;
}
.contact_form_wrap .submit_btn {
    background-color: #fff;
    border: transparent;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    font-size: 16px;
    color: #fdc716;
    text-transform: capitalize;
    padding: 0 36px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}
.contact_form_wrap .submit_btn:hover, 
.contact_form_wrap .submit_btn:focus {
    color: #ffffff;
    background-color: #333333;
}

/*==== contact address css ====*/
.ds_contact_address{
    float: left;
    width: 100%;
}
.ds_contact_address h2 , .gs_contact_section h2 {
    color: #333333;
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 30px;
    margin-top: 0;
}
.ds_contact_address h2 span , .gs_contact_section h2 span {
    color: #fdc716;
}

.ds_contact_address ul li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
}

.ds_contact_address ul li .con_icons i {
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.ds_contact_address ul li .con_details {
    padding-left: 30px;
}
/*==== contact address css ====*/
/*==== contact map css ====*/
.gs_contact_map {
    float: left;
    width: 100%;
    /*border-top: 1px solid #fdc716;
    padding-top: 30px;*/
}
#contact_map {
    width: 100%;
    height: 430px;
}
.ds_contact_address > p{
	margin-bottom:40px;
}
/*==== contact map css ====*/
/*----------------------------------------------------------------------------------
 16. Contact Page css End
----------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------
 20. footer Section css Start
----------------------------------------------------------------------------------*/
.gs_footer_section {
    background-color: #292929;
    padding-top: 80px;
}
.gs_footer_section .widget {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.gs_footer_section .widget .widget-title{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 20px;
    position: relative;
    text-transform: capitalize;
}
.gs_footer_section .widget .widget-title:after{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #fdc716;
}
.gs_footer_section .widget p {
    color: #ffffff;
    line-height: 24px;
}
.gs_footer_section .widget ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.widget_address ul li {
    color: #fff;
    line-height: 28px;
    margin-bottom: 12px;
}
.widget_address ul li i {
    color: #fdc716;
    font-size: 16px;
    padding-right: 10px;
}

.widget_newsletter form input {
    width: 100%;
    margin-bottom: 20px;
    height: 50px;
    border: none;
    padding: 0px 15px;
}
.widget_newsletter form .news_btn {
    height: 50px;
    line-height: 50px;
    padding: 0 38px;
    margin-top: 10px;
}
.widget_industry_newsletter input{
    height: 44px;
    width: calc(100% - 153px);
    padding: 0 10px;
    border-radius: 0;
    margin-bottom: 10px;
    border:none;
} 
.widget_industry_newsletter .news_btn{
    border-radius:0;
} 
.newsletter_form .mailchimp_message{
    color:#f00;
}
/*===== copyright footer css start =====*/
.gs_footer_bottom {
    background: #fdc716;
    text-align: center;
    padding: 25px 0px;
}
.copyright_text {
    padding: 0 15px;
}
.copyright_text p {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}
.copyright_text p a{
    color: #ffffff;
    text-decoration:none;
}
.copyright_text p a:hover{
    color:#333333;
}
/*===== copyright footer css start =====*/
/*----------------------------------------------------------------------------------
 20. footer Section css End
----------------------------------------------------------------------------------*/

/*-- header2 --*/

.Navigation_wrapper{
    padding:0 20px;
}
.gs_navigation ul{
    margin:0;
}
.gs_navigation ul li{
    position:relative;
}
.gs_navigation > ul > li{
    padding:0;
    margin-right:35px;
}
.gs_navigation > ul > li:last-child{
    margin:0;
}
.gs_navigation > ul > li > a{
    padding:24px 0;
}
.gs_navigation > ul > li > a:after{
    bottom:20px;
}

 .gs_navigation ul li .sub-menu{
text-align: left;
    position: absolute;
    background-color: #fdc716;
    border-top: 3px solid #fff;
    min-width: 205px;
    z-index: 99;
    padding:10px;
    top: 100%;
    left: 0;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0%, -15px);
    -moz-transform: translate(0%, -15px);
    -ms-transform: translate(0%, -15px);
    -o-transform: translate(0%, -15px);
    transform: translate(0%, -15px);
}

 .gs_navigation ul li .sub-menu li a{
    margin-bottom:6px;
    font-size:15px;
}
 .gs_navigation ul li ul li .sub-menu{
    left:100%;
    top:0;
    opacity:0;
    visibility:hidden;
} 
 .gs_navigation > ul > li > ul > li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(0% , 0px);
}
 .gs_navigation > ul > li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(0% , 0px);
}
.nav_form{
    float:right;
    padding-top:15px;
}
.nav_form .search_icon{
    border-radius:0;
    padding:0;
}
.nav_toggle{
    float:left;
    margin:25px 0;
    margin-right:0;
}

/*---*/

/*--- dummy content main header css start ---*/

.gs_navigation_header.header_two{
    background-color:#292929;
}
.header_two .gs_navigation{
    width:100%;
}
.header_two .gs_logo{
    padding:12px 0;
}
.header_two .gs_navigation ul{
    float:right;
    margin:0;
    padding:0;
}
.header_two .gs_navigation ul li{
    position:relative;
}
.header_two .gs_navigation > ul > li{
    position:relative;
    padding:0;
    margin-right:35px;
}
.header_two .gs_navigation > ul > li:last-child{
    margin-right:0;
}
.header_two .gs_navigation > ul > li > a{
    padding:32px 0;
}
.header_two .gs_navigation > ul > li > a:after{
    bottom:20px;
}

.header_two .gs_navigation ul li .sub-menu{
text-align: left;
    position: absolute;
    background-color: #fdc716;
    border-top: 3px solid #fff;
    min-width: 205px;
    z-index: 99;
    padding:10px;
    top: 100%;
    left: 0;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    -moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0%, -15px);
    -moz-transform: translate(0%, -15px);
    -ms-transform: translate(0%, -15px);
    -o-transform: translate(0%, -15px);
    transform: translate(0%, -15px);
}

.header_two .gs_navigation ul li .sub-menu li a{
    margin-bottom:6px;
    font-size:15px;
    color:#fff;
}
.header_two .gs_navigation ul li ul li .sub-menu{
    left:100%;
    top:0;
    opacity:0;
    visibility:hidden;
} 
.header_two .gs_navigation > ul > li > ul > li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(0% , 0px);
}
.header_two .gs_navigation > ul > li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(0% , 0px);
}
.header_two .nav_toggle{
    margin-right:0;
    margin:32px 0;
    float:right;
}
/*.sticky_header .Navigation_wrapper{
    padding:0;
}*/
.header_two svg path.in_logo_img1 , .header_two svg path.in_logo_text{
    fill:#fff
}
/*--- menu active css ---*/
.gs_navigation ul li.current_page_item > a , .gs_navigation ul li.current-page-ancestor>a{
    color:#fdc716;
}
.gs_navigation > ul > li.current_page_item > a:after , .gs_navigation ul li.current-page-ancestor>a:after{
    width:100%;
}
/*--- contact form css start ---*/
.gs_contact_section form{
    padding:30px;
    background-color:#fdc716;
}

/*--- dummy content body css start ---*/

#primary{
    padding:80px 0;
    width:100%;
    float:left;
}
.hentry{
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    padding-bottom:20px;
    margin-bottom:50px;
}
.hentry a:hover, .widget a:hover{
    color:#333;
}
.hentry p{
    margin-bottom:20px;
}
.entry-footer{
   /* margin:1.5em 0 0;*/
   margin:0;
}
.entry-meta{
    margin-bottom:1.5em;
}
.entry-title , .entry-title a{
    font-size:24px;
    color:#333;
    font-weight:500;
    margin:0 0 10px 0;
    margin-top:0 !important;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.entry-title a:hover{
    color:#fdc716;
}
p.logged-in-as{
    margin-bottom:20px;
}
.page-content, .entry-content, .entry-summary{
    margin:0;
    margin-bottom:1.5em;
}
.entry-content ul , .entry-content ol{
    margin:0;
}
.entry-content p:last-child{
    margin-bottom:0;
}
.tag-html ol, .ed_comment_text ol{
    margin:0;
}
.tag-html ul{
    list-style:initial;
}
.entry-title .sticky-post{
    float:left;
    margin-right:10px;
}
.tagcloud a , .gs_404 .return_btn{
    padding: 0 14px;
    float: left;
    height: 32px;
    border: 1px solid transparent;
    /*background-color: #fdc716;*/
    color: #fff;
    line-height: 30px;
    margin: 0 5px 5px 0;
    font-size: 14px !important;
    position:relative;
    z-index:9;
    overflow:hidden;
    transition:all .3s;
}
.tagcloud:after{
    content:"";
    width:100%;
    display:table;
}
.tagcloud a:hover , .gs_404 .return_btn:hover{
    color:#fdc716;
    border-color:#fdc716;
}
.tagcloud a:after , .gs_404 .return_btn:after{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fdc716;
    z-index:-9;
    transition:all .3s;
}
.tagcloud a:hover:after , .gs_404 .return_btn:hover:after{
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    -moz-transform:translateX(100%);
    transform:translateX(100%);
}
.pagination{
    margin:0;
}
.pagination .page-numbers, .page-links a{
    padding: 8px 10px;
    border: 1px solid #333;
    margin: 0 0 5px;
    min-width: 40px;
    display: inline-block;
    text-align: center;
    color: #333;
    background: transparent;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.pagination .page-numbers:hover , .page-links a:hover , .pagination .page-numbers.current{
    color:#fff;
    background-color:#fdc716;
    border:1px solid #fdc716;
}
.pagination .page-numbers.dots{
    border:none;
    color:#333;
    background-color:transparent !important;
}
.edit-link{
    display:block;
    margin-top:10px;
}
.page-links{
    padding-top:10px;
    margin:0;
}
.entry-footer .cat-links a, .entry-footer .tags-links a{
    margin:0 3px;
}
.tag-html h1, .tag-html h2, .tag-html h3, .tag-html h4, .tag-html h5, .tag-html h6, .ed_comment_text h1, .in_comment_text h2, .in_comment_text h3, .in_comment_text h4, .in_comment_text h5, .in_comment_text h6{
    color:#333;
    font-weight:400;
    margin:20px 0;
}
.tag-html p{
    color:#919191;
    font-size:14px;
}
dl dt , strong{
    color:#333;
}
.industry_post_image , .post-thumbnail{
    margin:10px 0;
}
.post-thumbnail.in-post-thumbnail-single{
    margin:0 0 10px;
}
table{
    margin:0;
}
.entry-content ul li, .entry-content ol li{
    padding-bottom:10px;
}
.entry-content ul li:last-child, .entry-content ol li:last-child{
    padding-bottom:0;
}
.breadcrumbs span{
    font-size:14px;
    font-weight:500;
    color:#fdc716;
}
.breadcrumbs span a{
    color:#fff;
}
.breadcrumbs span.separator{
    margin:0 8px;
}
.gallery .gallery-item{
    margin-bottom:20px;
}
.gallery .gallery-item .gallery-caption{
    margin-top:6px;
}

.nav-previous a{
    color:#919191;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.nav-previous a:hover{
    color:#fdc716;
}
.in_comment_form .comment-list{
    margin:0;
    padding:0;
    list-style:none;
}
.in_comment_form ol li:after{
    content:"";
    width:100%;
    display:table;
}
.in_comment_form .in_comment_image{
    float:left;
    margin-right:20px;
}
.in_comment_form .in_comment_text{
    float:right;
    width:calc(100% - 100px);
}
.in_comment_text ul , .in_comment_text ol{
    margin:0;
}
.in_comment_text ul li , .in_comment_text ol li{
    padding-bottom:10px;
}
.in_comment_text ul li:last-child, .in_comment_text ol li:last-child{
    padding-bottom:0;
}
.in_comment_text a:visited , .in_comment_text a{
    color:#fdc716;
}
.in_comment_text a:visited:hover{
    color:#333;
}
.in_comment_text h5 span{
    float:right;
}
.in_comment_text a:hover{
    color:#333;
}
.in_comment_text h5{
    font-weight:400;
    color:#333;
}
.in_comment_text .comment-reply-link{
    margin-left:20px;
}
.in_comment_form li{
    padding-bottom:10px;
}
.in_comment_wrapper:after{
    width:100%;
    content:"";
    display:table;
}
.in_comment_form ol li .in_comment_wrapper{
    padding:12px 0;
    margin-bottom:10px;
    border-bottom:1px solid #eee;
}
.in_comment_form ol li:last-child > .in_comment_wrapper{
    border-bottom:none;
}
.in_comment_form .comment-list li ul.children{
    list-style:none;
    margin:0;
}
.comment-respond a, .comment-respond a:visited{
    color:#919191;
    transition:all .3s;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
}
.comment-respond a:hover{
    color:#fdc716;
}
.in_comment_form .comment-reply-title{
    margin-bottom:10px;
    margin-top:0;
}
/*--- input / form css start ---*/

.post-password-form input[type="password"] , .no-results input[type="search"]{
    height:40px;
    border-radius:0;
    margin-left:10px;
    border-right-color:transparent;
    padding:0 12px;
}
.in_comment_form input[type="text"] , .in_comment_form textarea , .gs_contact_section input[type="text"] , .gs_contact_section textarea , .gs_contact_section input[type="email"]{
    width:100%;
    height:40px;
    line-height:40px;
    border-radius:0;
    border-color:#ccc;
    margin-bottom:20px;
    padding:0 15px;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.in_comment_form textarea , .gs_contact_section textarea{
    height:auto;
    resize:none;
}
.gs_contact_section textarea{
    height:130px;
}
.in_comment_form input[type="text"]:hover , .in_comment_form textarea:hover ,
.in_comment_form input[type="text"]:focus , .in_comment_form textarea:focus{
    border-color:#fdc716;
}
.post-password-form input[type="submit"] {
    margin-left:-4px;
}
.post-password-form input[type="submit"] , .no-results input[type="submit"] , .in_comment_form input[type="submit"] , .gs_contact_section input[type="submit"]{
    height:40px;
    border-radius:0;
    vertical-align:top;
    background-color:#fdc716;
    color:#fff;
    font-size:14px;
    padding:0 36px;
    border-color:transparent;
    transition:all .3s;
}
.post-password-form input[type="submit"]:hover , .no-results input[type="submit"]:hover , .in_comment_form input[type="submit"]:hover , .gs_contact_section input[type="submit"]:hover{
    background-color:#333333;
}
.gs_contact_section input[type="submit"]{
    background-color:#fff;
    color:#fdc716;
}
.gs_contact_section input[type="submit"]:hover{
    color:#fff;
}
.gs_contact_section input[type="text"] , .gs_contact_section textarea , .gs_contact_section input[type="email"]{
    border-color:transparent;
}
.comment-notes{
	margin-bottom:30px;
}
.page-content .search-form{
	position:relative;
	margin-top:20px;
}
.page-content .search-form input[type="search"]{
	margin:0;
	bordre:1px solid #eee;
	width:100%;
}
.page-content .search-form input[type="submit"]{
	position:absolute;
	top:0;
	right:0;	
}
.page-content .search-form label{
	width:100%;
}

/*--- footer widget css start ---*/

.gs_footer_section .widget ul li a , .gs_footer_section .widget ul li{
    color:#e0e0e0;
}
 .gs_footer_section .widget ul li i{
 	margin-right:10px;
 }
.gs_footer_section #wp-calendar , .gs_footer_section #wp-calendar caption , .gs_footer_section .widget select{
    color:#e0e0e0;
} 
.gs_footer_section .widget select{
    background-color:#171717;
    border:1px solid transparent;
}
.gs_footer_section .widget_rss .rsswidget{
    color:#fdc716;
}
.gs_footer_section .widget_rss cite{
    color:#fff;
}
.gs_footer_section .textwidget strong{
    color:#fff;
}
.gs_footer_section .widget_calendar a:hover{
    color:#eee;    
}
/*.gs_footer_section .tagcloud a:hover{
    color:#fdc716;
}*/

/*--- sidebar css start ---*/

.widget{
    margin-bottom:50px;
    /*padding:20px;
    border:1px solid #fdc716;*/
}
.widget ul {
    list-style:none;
    margin:0;
    padding:0;
}
.widget ul li{
    color:#919191;
    padding:7px 0;
}
/*.widget.widget_archive ul li , .widget.widget_categories ul li{
    text-align:right;
}
.widget.widget_archive ul li a , .widget.widget_categories ul li a{
    float:left;
}*/
.widget ul li:last-child{
    padding-bottom:0;
}
.widget ul li a{
    color:#919191;
    margin-right:10px;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.widget ul li a:hover{
    color:#fdc716;
}
.widget ul li ul.children , .widget ul li ul.sub-menu{
    padding-left:10px;
}
.widget .widget-title{
    font-size:20px;
    font-weight:600;
    margin-top:0;
    margin-bottom:20px;
    padding-bottom:10px;
    text-transform:capitalize;
    position:relative;
}
.widget .widget-title:after{
    position:absolute;
    content:"";
    bottom:0;
    left:0;
    width:50px;
    height:2px;
    background-color:#333;
}
.widget select{
    height:40px;
    width:100%;
    border:1px solid #ccc;
    padding:0 10px;
}
.widget select:focus{
    outline:none;
}
.wrap-forms .field-table table, th, td{
    border:1px solid #919191;
    text-align:center;
    padding:6px 0;
    font-weight:400;
}
/*td#today{
    background-color:#fdc716;
    color:#fff;
}*/
.widget_rss .rsswidget{
    display:block;
    color:#fdc716;
}
.widget_rss cite{
    float:right;
    color:#333;
}
.widget_rss ul li{
    padding-bottom:20px;
}
.widget_rss ul li:after{
    content:"";
    width:100%;
    display:table;
}
.widget_rss ul li .rssSummary{
    margin-top:20px;
}
.widget-title .rsswidget{
    display:inline-block;
    color:#333;
}
.widget_search label{
    margin:0;
    width:calc(100% - 70px);
}
.widget_search input[type=search]{
    width:100%;
    height:40px;
    padding:0 10px;
    border-radius:0;
    border:1px solid #ccc;
}
.widget_search input[type=submit]{
    width:70px;
    height:40px;
    margin-left:-4px;
    vertical-align:top;
    border-radius:0;
    background:#fdc716;
    color:#fff;
    border:1px solid transparent;
    font-size:14px;
    padding:0;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.widget_search input[type=submit]:hover{
    color:#fff;
    background-color:#333;
}
.textwidget strong{
    font-weight:400;
    color:#333;
}

/*--- 404 page css start ---*/

.gs_404{
    text-align:center;
}
.gs_404 h1{
    font-size:150px;
    color:#333;
    font-weight:700;
}
.gs_404 p{
    font-size:18px;
    color:#333;
    font-weight:600;
}
.gs_404 .return_btn{
    padding:0 36px;
    height:45px;
    line-height:45px;
    font-size:16px !important;
    font-weight:600;
    border:1px solid transparent;
    display:inline-block;
    float:none;
    margin:0;
}
.fw-container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*--- preview css start
.ds_contact_address ul li{
    width:33.33%;
}
.ds_contact_address h2{
    text-align:center;
    margin-bottom:50px;
}
.ds_contact_address{
    padding-bottom:50px;
}--*/

/*--- single pages css start ---*/
.full-width-content{
    float:left;
    width:100%;
}
.in_service_section , .in_project_section , .in_team_section{
    float:left;
    width:100%;
}
.in_team_section h3{
    text-transform:capitalize;
}
.in_service_section .section_heading , .in_project_section .section_heading , .in_team_section .section_heading{
    text-align:left;
    padding:0;
    margin:20px 0 30px 0;
}
.in_service_section .gs_service_box{
    margin-bottom:0;
}
.in_project_section .section_heading , .in_service_slider .section_heading , .in_team_section .section_heading{
    margin:0;
    margin-bottom:20px;
}
.in_project_img img{
    width:100%;
    margin-bottom:30px;
}
.in_project_img a img{
    margin-bottom:0;
}
.in_project_section ul{
    margin:0;
}
.in_project_section .project_about{
    margin-bottom:30px;
    float:left;
    width:100%;
    padding:30px;
    background-color:#eee;
    border-left:3px solid #fdc716;
}
.in_project_section .project_about ul{
    width:100%;
    float:left;
    padding:0;
    list-style:none;
}
.in_project_section .project_about ul li{
    padding-bottom:10px;
    font-weight:500;
    color:#333;
}
.in_project_section .project_about ul li:last-child{
    padding-bottom:0;
}
.in_project_section .project_about ul li span{
    margin-left:10px;
    font-weight:400;
    color:#919191;
}
.project_about .section_heading h2{
    font-size:22px;
}
.project_dis .section_heading h2{
    font-size:20px;
    text-transform:capitalize;
}
.in_team_img{
    float:left;
}
.in_team_about{
    width:calc(100% - 400px);
    float:right;
    padding-left:20px;
}
.in_team_about .gs_progress_bar h3{
    display:none;
}
.in_team_dis ul li{
    display:inline-block;
}
.in_team_dis ul{
    padding:0;
    margin:0;
}
.in_team_dis ul li a{
    color:#fdc716;
    padding:5px;
    font-size:16px;
    display:block;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.in_team_dis ul li a:hover{
    color:#333;
}
.in_team_dis{
    margin-top:40px;
}
.in_project_slider{
    margin-top:40px;
    float:left;
    width:100%;
    padding-top:40px;
    border-top:1px solid #eee;
}
.in_project_slider .owl-carousel , .in_service_section .owl-carousel{
    float:left;
}
.in_service_section .owl-carousel .item{
    float:left;
    margin:0 1px;
}
.in_project_slider .owl-carousel .owl-item img{
    width:100%;
}
.in_service_section .in_service_slider{
    margin-top:40px;
    padding-top:40px;
    border-top:1px solid #eee;
    float:left;
    width:100%;
}
.in_team_about h2{
    margin-top:0;
}
.in_team_section .gs_progress_bar{
    margin-bottom:0;
}
.in_team_section .gs_progress_bar > ul > li{
    margin-bottom:25px;
}
.in_team_section .gs_progress_bar > ul > li:last-child{
    margin-bottom:0;
}
.in_team_dis h3{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #eee;
}
.in_team_dis ul{
    margin-top:30px;
}
.in_team_section .section_heading{
    margin-bottom:10px;
}
.in_team_about .team_post{
    color:#333;
    font-weight:500;
    font-size:16px;
    float:left;
    width:100%;
    text-transform:capitalize;
}
/*--- blog section css start ---*/
.in_blog_wrapper{
    float:left;
    width:100%;
    padding-top:80px;
    padding-bottom:50px;
}
.in_blog_img img{
    width:100%;
    height:220px;
}
.in_blog_section ul{
    margin:0;
    padding:0;
    list-style:none;
    margin-bottom:20px;
}
.in_blog_section ul li{
    display:inline-block;
    margin-right:10px;
    color:#333;
}
.in_blog_section ul li i{
    margin-right:10px;
}
.in_blog_section ul li:last-child{
    margin-right:0;
}
.in_blog_content{
    padding:15px;
    background-color:#f9f9f9;
}
.in_blog_section{
    margin-bottom:30px;
}
.in_blog_section .gs_read_m{
    margin-top:10px;
}
.in_blog_content h4 a{
    text-transform:capitalize;
    color:#333;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.in_blog_content h4 a:hover{
    color:#fdc716;
}
.in_blog_img img{
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.in_blog_section:hover .in_blog_img img{
    filter:grayscale(100%);
}

/*--- blog template css start ---*/
.in_blog_template{
    width:100%;
    float:left;
    padding:80px 0;
}
.in_project_section .project_body{
    margin-bottom:0;
}
/*-------- color switcher css start ---------*/
#style-switcher {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: none;
    right: -180px;
    position: fixed;
    top: 40%;
    width: 180px;
    z-index: 15;
    border: 1px solid #e1e1e1;
}
#style-switcher .clsw_switcher_innerdiv {
 width:100%;
 float:left;
}
.transparent-background {
    float: left;
    width: 100%;
    padding: 0px;
}
.transparent-background h6{
    float: left;
    width: 100%;
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 0px;
    background-color:transparent;
    margin-top: 0;
    padding: 15px 15px 0 15px;
    color: #222222;
}
#style-switcher .bottom {
 background: none repeat scroll 0 0 #FFFFFF;
 color: #252525;
 padding: 0;
}
#style-switcher .bottom a.settings {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: none;
    display: block;
    height: 47px;
    position: absolute;
    left: -47px;
    top: 17px;
    width: 47px;
    line-height: 45px;
    font-size: 20px;
    color: #000000;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-right: 0px;
    text-align:center;
}
#style-switcher .bottom a.settings:hover{
 text-decoration:none;
}
.transparent-background ul.clsw_colors{
    float: left;
    width: 100%;
    padding: 12px 22px;
    margin: 0px;
}
.transparent-background ul.clsw_colors li {
    float: left;
    list-style: none;
    width: auto;
    padding-right: 7px;
    padding-bottom: 7px;
}
.transparent-background ul.clsw_colors li:nth-child(3n) {
    padding-right: 0;
}
.transparent-background ul.clsw_colors li p{
 float: left;
    width: 40px;
    height: 20px;
    background: #000;
    margin: 0px;
    border-radius: 0px;
    cursor: pointer;
}
.transparent-background ul.clsw_colors li #color1{
 background:#2196f3;
}
.transparent-background ul.clsw_colors li #color2{
 background:#00c8d6;
}
.transparent-background ul.clsw_colors li #color3{
 background:#ef791f;
}
.transparent-background ul.clsw_colors li #color4{
 background:#cddc39;
}
.transparent-background ul.clsw_colors li #color5{
 background:#8d6dc4;
}
.transparent-background ul.clsw_colors li #color6{
 background:#e83f53;
}
.transparent-background ul.clsw_colors li #color7{
 background:#409915;
}
.transparent-background ul.clsw_colors li #color8{
 background:#A7AD00;
}
.transparent-background ul.clsw_colors li #industry-custom-style{
 background:#fdc716;
}
.scrollup {
 width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 70px;
    right: 5%;
    display: none;
    background-color: #eb7f1c;
    color: #ffffff;
    text-align: center;
    padding: 0px 0px 0px 0px;
    border-radius: 100%;
    z-index: 1000;
    -webkit-box-shadow: inset 0px 1px 5px 1px #a05713;
    -ms-box-shadow: inset 0px 1px 5px 1px #a05713;
    -moz-box-shadow: inset 0px 1px 5px 1px #a05713;
    -o-box-shadow: inset 0px 1px 5px 1px #a05713;
    box-shadow: inset 0px 1px 5px 1px #a05713;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.scrollup:hover{
 background-color:#eb7f1c;
 color:#ffffff;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
}
.scrollup i{
    font-size: 24px;
}

/*---------- color switcher css end --------*/
/*------- smart slider css start ------*/

.in_slider_single_btn1 a , .in_slider_single_btn2 a{
    background-color:#fdc716 !important;
    border-color:#fdc716 !important;
}
.in_slider_single_btn3 a , .in_slider_multi_btn1 a , .in_slider_multi_btn2 a{
    color:#fdc716 !important;
    border-color:#fdc716 !important;
}
.in_slider_multi_text div{
    color:#fdc716 !important;
}

/*------- preloader css start -------*/
#preloader {
  background-color: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
}

#status {
  background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
/*--- contact form error msg css ---*/
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	margin-left:0;
	padding-left:0;
	color:#f00;
	border:none;
}

body{
    overflow-x: hidden !important;
}
/*--- load more ---*/
.view_more_btn{
	position:relative;
}
.in_load_more , .in_service_load_more{
	position:absolute;
	top:50px;
	left:0;
	right:0;
	display:none;
}
.in_load_more i , .in_servive_load_more i{
	color:#fdc716;
}
.full-width-content{
   overflow-x:hidden;
}