/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HOME DESIGN
    03. START BOOTSTRAP NAVIGATION OVERRIDES
    04. START HOME PORTFOLIO DESIGN
    05. START ABOUT DESIGN
    06. START BLOG DESIGN
    07. START CONTACT DESIGN
    08. START FOOTER DESIGN
    09. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

body {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #777;
overflow-x: hidden;
margin: auto;
background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: "Montserrat",sans-serif;
  color: #333;
  font-weight: 400;
}
a {
font-family: "Montserrat",sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/

.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
margin-top: 0;
text-transform: uppercase;
position:relative;
}
.section-title p{width:70%;margin:auto;position:relative;}
@media only screen and (max-width:480px) { 
.section-title p{width:90%;margin:auto;}
}
.section-title-white { margin-bottom: 60px }
.section-title-white  h2 {
margin-top: 0;
text-transform: uppercase;
position:relative;
color:#fff;
}
.section-title-white p{width:70%;margin:auto;position:relative;color:#fff;}
@media only screen and (max-width:480px) { 
.section-title-white p{width:90%;margin:auto;}
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #c37b44 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BTN STYLE*/
.btn-light-bg {
backface-visibility: hidden;
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
margin-right: 10px;
padding: 13px 30px;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: color;
vertical-align: middle;
}
@media only screen and (max-width:480px) { 
.btn-light-bg{margin:10px 0}
}
.btn-light-bg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #c37b44;
  border-radius: 30px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-light-bg:hover, .btn-light-bg:focus, .btn-light-bg:active {
  color: white;
  border: 2px solid #c37b44;
  border-radius: 30px;
}
.btn-light-bg:hover:before, .btn-light-bg:focus:before, .btn-light-bg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border: 2px solid #c37b44;
  border-radius: 30px;
}

/*=============*/
.btn-light-bg-two{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
text-transform: uppercase;
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
padding: 13px 30px;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: color;
vertical-align: middle;

}


.btn-light-bg-two:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #c37b44;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  border-radius: 30px;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-light-bg-two:hover, .btn-light-bg-two:focus, .btn-light-bg-two:active {
  color: white;
  border: 2px solid #c37b44;
  border-radius: 30px;
}
.btn-light-bg-two:hover:before, .btn-light-bg-two:focus:before, .btn-light-bg-two:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border: 2px solid #c37b44;
  border-radius: 30px;
}
/*==============*/
.btn-light-bg-three{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 30px;
color: #333;
text-transform: uppercase;
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
padding: 13px 30px;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: color;
vertical-align: middle;

}


.btn-light-bg-three:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #c37b44;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  border-radius: 30px;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-light-bg-three:hover, .btn-light-bg-three:focus, .btn-light-bg-three:active {
  color: white;
  border: 2px solid #c37b44;
  border-radius: 30px;
}
.btn-light-bg-three:hover:before, .btn-light-bg-three:focus:before, .btn-light-bg-three:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border: 2px solid #c37b44;
  border-radius: 30px;
}
/*END BTN STYLE*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding: 20px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}

.navbar-default .nav-style {
    background: #fff;
    border-radius: 6px;
    /*padding: 12px;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 0 8px #f9f9f9;
}
.navbar-default.menu-shrink .nav-style {
    box-shadow: none;
}
@media only screen and (max-width:480px) { 
.navbar-default {
  background: #fff;}
.navbar-default .nav-style {

    box-shadow: none;
}

}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #c37b44 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-default .navbar-form { border-color: #fff }
.navbar-brand { padding: 0px }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
/*color: #fff!important;*/
font-family: montserrat,sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.menu-top li a:hover { color: #c37b44!important }
@media only screen and (max-width:480px) { 
.menu-top li a {
color: #333!important;}
}
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px
}
.menu-shrink li a {
/*color: #fff!important;*/
font-family: montserrat,sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.menu-shrink li a:hover { color: #c37b44!important }
@media only screen and (max-width:480px) { 
.menu-shrink li a {
color: #333!important;}
}

.navbar-default.menu-shrink li a {color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #c37b44 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #c37b44 }
@media (min-width: 768px){
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
     margin-left: 0px; 
}
}
.navbar-default {
    min-height: 60px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 60px;
}
.navbar-brand img {
    width: 200px;
  transition: all 0.3s ease 0s;
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;}
    .navbar-brand img {
    width: 150px;
  transition: all 0.3s ease 0s;
}

}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* neww.START banner icons
* ----------------------------------------------------------------------------------------
*/


figcaption {
  color: #ffffff;
  font-size: 18px;
}
figure i {
  color: #ffffff;
  padding: 12px;
}
figure p {
  font-size: 14px;
}


/*
* ----------------------------------------------------------------------------------------
* neww.END banner icons
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
}
@media only screen and (max-width:480px) { 
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 850px;
}
}
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.slide-1 {
    background: url(../img/bg/slide1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-indicators-slider{bottom: 30px !important;}
.carousel-control{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
font-size: 36px;
height: 45px;
line-height: 45px;
top: 46.6%;
width: 45px;
z-index: 1;
}
#welcome-slide-carousel .carousel-indicators li{
border: 2px solid #fff;
height: 10px;
margin: 0px;
width: 10px;
}
#welcome-slide-carousel .carousel-indicators .active{
  background: #fff;
  border-color: #fff;
}
.carousel-control.left{
  margin-left: 0px;
background: none;   
}
.carousel-control.right{
  margin-right: 0;
background: none; 
}
.carousel-control:hover{
  background: none;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



.home-parallax {position: relative;height:650px;}
@media only screen and (max-width:768px) { 
.home-parallax {height: 1240px;}
}

@media only screen and (max-width:480px) { 
.home-parallax {height: 990px;}
}
@media only screen and (max-width:414px) { 
.home-parallax {height: 990px;}
}
@media only screen and (max-width:375px) { 
.home-parallax {height: 990px;}
}

@media only screen and (max-width:360px) { 
.home-parallax {height: 990px;}
}
@media only screen and (max-width:320px) { 
.home-parallax {height: 990px;}
}
.home-parallax:before {
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.home-parallax:after {
    position: absolute;
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.pt250{padding-top:170px;}
@media only screen and (max-width:480px) { 
.pt250{padding-top:120px;}
}
.hero-text h2 {
color: #fff;
font-size: 42px;
line-height: 42px;
margin: 0;
text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .hero-text h2 {
        font-size: 40px;
        line-height: 54px;
    }
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 34px;
        line-height: 45px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 36px;
        padding-top: 250px;
    }
}
.hero-text p {
    color: #fff;
    /*letter-spacing: 1px;*/
    margin-bottom: 0;
   /* padding-bottom: 35px;*/
    padding-top: 15px;
}
/*START HTML5 VIDEO*/
.html-video {
    position: relative;
    z-index: 1;
}

.html-video:after {
    position: absolute;
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.slider-caption p {
margin: auto;
width: 70%;
}
video { min-width: 100% }
/*END HTML5 VIDEO*/
.home_video{padding-top: 250px;}
@media only screen and (max-width:768px) { 
.home_video{padding-top: 100px;}
}

@media only screen and (max-width:480px) { 
.home_video{padding-top: 100px;}
}
@media only screen and (max-width:414px) { 
.home_video{padding-top: 50px;}
}
@media only screen and (max-width:375px) { 
.home_video{padding-top: 50px;}
}
.home_video iframe{border: medium none;
height: 300px;
width: 100%;}
.login_register_title{
color: #333;
letter-spacing: 1px;
margin-bottom: 20px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}

.register{
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
overflow: hidden;
padding: 30px;
margin-top:200px;
}
@media only screen and (max-width:768px) { 
.register{margin-top:70px;}
}
@media only screen and (max-width:768px) { 
.register{margin-top:100px;}
}
.home-solid{background:#c37b44;}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT FEATTURE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about-content{background:#f7f7f7;}
.single_about{
background: #fff none repeat scroll 0 0;
margin-left: -1px;
padding: 60px 30px;
position:relative;
box-shadow:0 0 3px rgba(0, 0, 0, 0.15);
z-index:2;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.single_about{padding: 60px 28px;}
}
.single_about:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
.single_about:hover i{
background: #c37b44 none repeat scroll 0 0;
border: 1px solid #c37b44;
color: #fff;
}
.single_about i{
border: 1px solid #eee;
border-radius: 100px;
color: #c37b44;
font-size: 30px;
height: 80px;
line-height: 80px;
margin-bottom: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
}
.single_about h4{
font-size: 18px;
font-weight: 500;
margin-top: 0;
text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT FEATTURE DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  05.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
*/
.about-us {
  background : #f5f0e3;
  }
.about-us-content { margin-top: 60px }
@media only screen and (max-width:768px) { 
    .about-us-content { margin-top: 0px }
}
.about-us-content h2 {margin: 0;
text-transform: uppercase;
font-size: 22px  }
@media only screen and (max-width:768px) { 
    .about-us-content h2 { font-size: 18px }
}
.about-line {
    background: #c37b44 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px 0;
    width: 80px;
}
.about-us-content h2 span { color: #c37b44 }
.about-us-content p { margin-bottom: 30px }
.about_img {
    margin: auto;
    width: 400px;
}
@media only screen and (max-width:768px) { 
    .about_img { width: 100% }
}
@media only screen and (max-width:480px) { 
    .about_img { margin-top: 60px }
}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  06. START SKILLS DESIGN
 * ----------------------------------------------------------------------------------------
*/
.our-skills {
  background: #f7f7f7 none repeat scroll 0 0;
  padding-top:60px;
  padding-bottom:30px;
}
.skill-outer { 
border: 1px dashed #e8e8e9;
border-radius: 7px;
padding: 5px;
background: #fff;
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-bottom:30px;
}
.skill-item {
  border: 1px solid #eee;
  padding: 10px;
}
.skill-knob{}
.skill-item h4{
color: #333;
margin-bottom: 0;
margin-top: 10px;
text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 *  06. END SKILLS DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  07.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.our-service {position: relative;}
.our-service:before {
    /*background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;*/
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.single-service {
  padding: 0 8px;
}
@media only screen and (max-width:480px) { 
.single-service {margin-bottom:30px;}
}
.single-service:hover i{
background: #c37b44 none repeat scroll 0 0;
border: 1px solid #c37b44;
color: #fff;
}
.single-service i{
border: 1px solid #eee;
border-radius: 100px;
color: #fff;
font-size: 30px;
height: 80px;
line-height: 80px;
margin-bottom: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
}
.single-service h4{
font-size: 18px;
font-weight: 500;
color:#fff;
margin-top: 0;
text-transform: uppercase;
}
.single-service p{color:#eee;}
#service-slide-carousel .carousel-indicators li{
border: 2px solid #fff;
height: 10px;
margin: 0px;
width: 10px;
}
#service-slide-carousel .carousel-indicators .active{
  background: #fff;
  border-color: #fff;
}
#service-slide-carousel { margin-bottom: 70px }
.carousel-indicators { bottom: -80px }
/*
 * ----------------------------------------------------------------------------------------
 *  07.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09. START WHY CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_mbtop{margin-top: 60px;}
.single_feature {
  margin-top: 50px;
}
@media only screen and (max-width:768px) { 
    .single_feature { padding-top: 0px }
}
@media only screen and (max-width:768px) { 
.feature_img {width: 100%;}
}
.single_feature i {
    border-radius: 50%;
    color: #fff;
  background:#c37b44;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto 15px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 3;
  -webkit-transition: .5s;
  transition: .5s;
}
.single_feature h3 {
    text-transform: uppercase;
    font-size: 14px;
}
.single_feature span {
    border-bottom: 1px dashed #ccc;
    width: 80px;
    display: block;
  margin-bottom: 10px;
}
.single_feature p { margin-bottom: 0 }
/*
* ----------------------------------------------------------------------------------------
* 09. END WHY CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 09. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.complete-project-area {
  background: rgba(247, 247, 247, 0.41) none repeat scroll 0 0;
}
.single-project-complete{
    text-align: center;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete i {
color: #232323;
font-size: 30px;
margin-bottom: 10px;
    
}
.single-project-complete h2 {
    font-size: 60px;
    font-weight: 900;
    color: #232323;
}
.single-project-complete h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #232323;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.work_all_item .mix {
  display: none;
}
.our_work_menu {
  margin-bottom: 50px;
}

.our_work_menu ul{
  list-style-type: none;
  padding: 0;
}
.work_all_item .col-md-3{
  padding: 0;
}
.our_work_menu ul li{
border: 1px solid #eee;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin: 0 7px 15px;
padding: 6px 21px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.our_work_menu ul li:hover, .our_work_menu ul li.active{
  border-color: #c37b44 ;
  color:#c37b44;
}
#our_work .grid-item{
  margin-top: 30px;
}

.single_our_work{
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.sing_work_photo{
  position: relative;
}

.single_our_work img{
  width: 100%;
  transition: all 0.2s ease 0s;
}

.single_our_work figure{
  margin-bottom: 0; 
}
.sing_work_text_link{
  position:absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: #fff;
  background: rgba(42, 128, 185, .5);
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}
.sing_work_content_wrap{
  display: table;
  height: 100%;
  width: 100%;
}
.sing_work_content{
  display: table-cell;
  vertical-align: middle;
}
.sing_work_text_link h5{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 20px;
  text-transform: uppercase;
}


.sing_work_text_link p{
  margin: 0 0 10px;
}
.sing_link_img a i.fa{
  font-size: 14px;  
}
.sing_link_img a{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #c37b44;
  display: inline-block;
  height: 40px;
  line-height: 41px;
  transition: all 0.3s ease 0s;
  width: 40px;  
}
.sing_link_img a:hover{ 
  background: #fff none repeat scroll 0 0;
  border-color: #fff;
  color: #333;
}
.sing_link_img a.search{
  margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
  animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
  animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
  background: #32c5d2;
  color: #fff;
}
.single_our_work:hover .sing_work_text_link{
  opacity: 1;
  visibility: visible;
}
.portfolio_btn { padding-top: 20px }
/*START PORTFOLIO SINGLE PAGE DESIGN*/
.single_project{background:#f7f7f7; padding-top:60px}
.project_dec {
background: #fff none repeat scroll 0 0;
box-shadow: 2px 4px 8px 1px rgba(0, 0, 0, 0.1);
display: block;
margin-bottom: 60px;
overflow: hidden;
padding: 20px;
}
.project_dec img {width: 100%;}
@media only screen and (max-width:768px) { 
.project_dec img {width: 100%;}
}
.similar_p {
border-bottom: 1px solid #e8e8e9;
font-size: 30px;
margin-bottom: 25px;
padding-bottom: 10px;
padding-top: 40px;
text-align: center;
}.about_project {
  margin-bottom: 20px;
}
.similar_p span{ color: #c37b44}
.related_single_project{padding-bottom:60px}
.related_project  h4 {
color: #333;
transition: all 0.4s ease 0s;
padding: 10px 0;
border-bottom: 1px solid #e8e8e9;
}

.related_project  h4:hover { color: #c37b44 }
.about_project h4,
.about_project_details h4 {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
text-transform: uppercase;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #c37b44;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #c37b44;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 10.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width:768px) { 
.single_team {margin-bottom:40px}
}
.team-hover {
  position: absolute;
  width: 100%;
  bottom: -100%;
  padding: 30px;
  padding-bottom: 0px;
  background: #c37b44;
  transition: all 0.3s ease-in-out;
}
.single_team:hover .team-hover {
  bottom: 0px;
}
.team .position-center-center {
  width: 100%;
  padding: 0 20px;
}
.single_team img{width: 100%;}
.single_team h5 {
color: #fff;
font-size: 18px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
}
.single_team span {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin: 10px 0 0;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.social {
    text-align: center;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 15px;
}
.social li {
    display: inline-block;
    padding: 0;
}
.social li a {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
color: #333;
display: inline-block;
font-size: 18px;
height: 45px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease 0s;
width: 45px;
margin: 0px 2px;
}
.social li a:hover {
  color: #c37b44;
}
.team-name {
background:#c37b44;
bottom: 0;
color: #fff;
font-size: 16px;
font-weight: 600;
left: 0;
margin: 0;
padding: 25px 20px;
position: absolute;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
#team-slide-carousel .carousel-indicators li{
border: 2px solid #c37b44;
height: 10px;
margin: 0px;
width: 10px;
}
#team-slide-carousel .carousel-indicators .active{
  background: #c37b44;
  border-color: #c37b44;
}
#team-slide-carousel { margin-bottom: 70px }
/*
* ----------------------------------------------------------------------------------------
* 11.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_pricing{background:#f7f7f7;}
.single-pricing{
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding-top: 20px;
transition: all 0.3s ease 0s;
}
.single-pricing-bg{
background: #c37b44 none repeat scroll 0 0;
}
.single-pricing:hover{
box-shadow:0px 50px 50px rgba(0,0,0,0.1);
z-index:100;
transform: translate(0, -10px);
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom: 30px;}
}
.pricing-price{
background: #fff none repeat scroll 0 0;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);
margin:0px auto 15px;
padding: 15px;
text-align: center;
width: 200px;
}
.pricing-price-bg{
background: #c37b44 none repeat scroll 0 0;
}
.pricing-price-bg h4 {
color:#fff;
  margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price-bg p {
  color: #fff!important;
  font-size: 22px;
}
.pricing-price h4 {
  margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price p {
  color: #333;
  font-size: 22px;
}

.pricing-price p span{font-size: 16px;}

.pricing-features{padding: 10px 0;}
.pricing-features p{
border-bottom: 1px solid rgba(42, 42, 42, 0.03);
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing-features-white p{
border-bottom: 1px solid rgba(42, 42, 42, 0.08);
color:#fff;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing_btn{
padding: 30px 0;
text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
.template_faq{background: #f7f7f7 none repeat scroll 0 0;padding-top:60px;padding-bottom:30px;}
.faq_desc { 
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.question { 
color: #333;
font-size: 18px;
margin-bottom: 15px;
}
.question span {
    background: #232323 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #c37b44  none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 14.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video {

padding-top: 60px;
position: relative;
}
.about_video:before {
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
}
.video-container h1 {
color: #fff;
font-weight: 500;
margin-bottom: 0;
margin-top: 110px;
text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .video-container h1 { font-size: 20px }
}
.play-video {
border: 5px solid #fff;
border-radius: 500px;
cursor: pointer;
height: 100px;
left: 51%;
margin-left: -63px;
position: absolute;
transition: all 0.2s ease 0s;
width: 100px;
}
@media only screen and (max-width:768px) { 
.play-video{ margin-left: -63px;}
}
@media only screen and (max-width:480px) { 
.play-video{ margin-left: -55px;}
}
@media only screen and (max-width:375px) { 
.play-video{ margin-left: -53px;}
}
.video-container a { display: inline-block }
.video-container a:hover .play-video {
    background: #083c5a;
    color: #fff;
}
.video-container a:hover .fa-play { color: #fff }
.play-video .fa-play {
color: #fff;
font-size: 40px;
left: 34px;
position: absolute;
top: 26px;
}
.video-modal-content {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  margin: 100px auto auto;
  text-align: center;
  width: 720px;
}
.video-modal-content iframe { border: none }

/*
* ----------------------------------------------------------------------------------------
* 14.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  15.START RESPONSIVE PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
 @media only screen and (max-width:768px) { 
.device_responsive { margin-bottom: 40px }
.device_img img { 
    display: block;
    margin-right: auto;
    margin-left: auto;
 }
}
.device_img { text-align: center }
.device_responsive h3 {
border-bottom: 1px solid #e8e8e9;
color: #333;
line-height: 34px;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
font-size: 22px;
}
@media only screen and (max-width:480px) { 
    .device_responsive h2 { font-size: 20px }
}
.device_responsive p { margin-bottom: 30px }

 @media only screen and (min-width:768px) { 
.device_responsive { margin-top: 60px }
}
/*
 * ----------------------------------------------------------------------------------------
 *  15.END RESPONSIVE PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 16.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog-stella{}

@media only screen and (max-width:480px) { 
.single_blog{margin-bottom:30px}
}
.single-img {
    position: relative;
    width: 100%;
  transition: all 0.3s ease 0s;
}
.gallery_overlay {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.3), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
transition: all 0.3s ease 0s;
width: 100%;
}
.single-img:hover .gallery_overlay {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.5), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
}
.post-date {
padding: 20px;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
}
.single-img:hover .post-date{top: 150px;}
@media only screen and (max-width:768px) { 
.single-img:hover .post-date{top: 50px;}
}
@media only screen and (max-width:360px) { 
.single-img:hover .post-date{top: 100px;}
}
.post-date  h3 {
color: #fff;
font-family: montserrat,sans-serif;
font-size: 18px;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
}
.post-date  h4 {
color: #fff;
font-family: lora,sans-serif;
font-size: 14px;
margin: 0;
text-align: center;
text-transform: capitalize;
}
.single_blog_page{}
.single_blog_page img{}
.single_blog_page h3{
font-size: 28px;
margin-bottom: 15px;
margin-top: 30px;
text-transform: uppercase;
}
.single_blog_page p{margin-bottom: 30px;}
.blog_head_title {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.comments_part {
  margin: 60px 0;
  overflow: hidden;
}
.single_comment img {
    border: 4px solid #c37b44 ;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 0px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { }
.single_comment p { margin-bottom: 0 }
/*START BLOG SIDEBAR*/
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #c37b44;
margin-bottom: 15px;
padding-bottom: 15px;
text-transform: uppercase;
}
.search,
.video_post,
.categories { margin-bottom: 30px }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
color: #333;
display: block;
font-size: 14px;
padding: 5px 0;
}
.categories ul li a:hover { color: #c37b44 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
    border: medium none;
}
.tag a {
  margin-bottom: 10px;
  margin-right: 5px;
}
/*END BLOG SIDEBAR*/
/*END BLOG SINGLE*/
.comment-section {
  margin-bottom: 50px;
}
.comment-section img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border: 2px solid #e8e8e9;
}
.comment_single {
background: #f6f6f6 none repeat scroll 0 0;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
}
.comment_single h5 {
    color: #ff5252;
    font-weight: 600;
}
.blog-contact{
  background: #f6f6f6 none repeat scroll 0 0;
}
.contact-title {
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 15px;
  padding: 10px 0;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 17.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
  background: #f7f7f7 none repeat scroll 0 0;
}
.slide_bg {
  background: #fff none repeat scroll 0 0;
  padding: 20px;
}
.cover-container img { display: inline }
.testimonial-image {
border: 4px solid #eee;
border-radius: 100px;
height: 100px;
margin-bottom: 15px;
width: 100px;
}
.testomonial_left {
border-right: 1px solid #eee;
float: left;
padding: 30px;
}
@media only screen and (max-width:480px) { 
    .testomonial_left { float: none }
}
.testomonial_left h4 {
    margin-bottom: 5px;
    text-transform: uppercase;
}
.testimonial_text {
overflow: hidden;
padding: 71px 30px;
}
@media only screen and (max-width:768px) { 
    .testimonial_text { padding: 20px 30px }
}
@media only screen and (max-width:480px) { 
    .testimonial_text {
        letter-spacing: 0px;
        text-align: left;
    }
}
.testomonial_left h5 {
    margin-bottom: 5px;
    text-transform: uppercase;
}
#testimonial__carousel .carousel-indicators li{
border: 2px solid #c37b44;
height: 10px;
margin: 0px;
width: 10px;
}
#testimonial__carousel .carousel-indicators .active{
  background: #c37b44;
  border-color: #c37b44;
}
#testimonial__carousel { margin-bottom: 70px }
/*
* ----------------------------------------------------------------------------------------
* 17.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/* .partner-logo {background: #f7f7f7 none repeat scroll 0 0; } */
.partner { text-align: center }
/*
* ----------------------------------------------------------------------------------------
* 18.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 19.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.signup_form h3 {
font-size: 36px;
font-weight: 400;
margin-bottom: 30px;
margin-top: 0;
text-transform: uppercase;
}
.signup_form input {
background: #fff none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 100px;
box-shadow: none;
color: #333;
height: 50px;
margin-bottom: 30px;
}
.signup_form input:focus{
box-shadow: none;
border:2px solid #c37b44;
border-radius:100px;
}
/*
* ----------------------------------------------------------------------------------------
* 19.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 20.START CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_area{background:#f7f7f7;}
.contact {
background: #fff none repeat scroll 0 0;
height: 455px;
overflow: hidden;
padding: 30px;
}
@media only screen and (max-width:768px) { 
.contact {margin-bottom:40px;}
}
.input_padding {
    overflow: hidden;
    padding: 0 40px 56px;
}
.form-control {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
box-shadow: none;
color: #333;
height: 45px;
} 
.form-control:focus {
    border: 1px solid #c37b44;
    box-shadow: none;
    outline: 0 none;
}
.mb0 { margin-bottom: 0 }
/*START CONTACT ADDRESS*/
.contact_address {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
height: 455px;
overflow: hidden;
padding: 30px;
}
@media only screen and (max-width:768px) { 
.contact_address {height:auto;}
}
.single-address {
margin-bottom: 45px;
}
.single-address i {
background: #c37b44 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
float: left;
font-size: 22px;
height: 60px;
line-height: 60px;
margin-right: 20px;
text-align: center;
width: 60px;
}
.single-address h4 {
text-transform: uppercase;
font-size: 16px;
}
.single-address p {
    margin-bottom: 0;
}
/*END CONTACT ADDRESS*/
/*
 * ----------------------------------------------------------------------------------------
 * 20.END CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
#map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* 0.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
border-top:1px solid #eee;
/*padding:30px 0;*/
}
.footer_copyright {
color: #252525;
padding-bottom: 15px;
padding-top: 15px;
text-transform: capitalize;
}
.footer_copyright a{color:#000;}
.footer_copyright a:hover{color:#c37b44;}
.footer_social {}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 30px;
color: #333;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:360px) { 
.footer_social ul li a {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    border: 1px solid #5D82D1;
  box-shadow: 0 0 0 0px #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover{
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 0.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  0.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top {
padding-bottom: 95px;
padding-top: 160px;
position: relative;
}
.section-top:before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .section-top-title { width: 100% }
}
.section-top-title h1 {
color: #fff;
font-size: 50px;
margin: 0;
text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 * 0.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * Start Slider for Header
 * ----------------------------------------------------------------------------------------
*/

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}
.carousel-control i {
  color: gray;
}
@media only screen and (min-width:577px) {
  figure {min-height: 110px;}
  .hero-text p { padding-top: 5px;}
  .slider_top { margin-top: -400px;
   }
 }  

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

    figure {
      padding: 2px;
      min-height: 150px;
      width: 228px;
      margin: 0 auto;
      margin-bottom: 12px;}
    figcaption {font-size: 16px;}
    figure i {
      padding: 10px;
      font-size: 1em;}
    figure p {font-size: 12px;}
    .hero-text p { padding-top: 2px;}

}

.welcome-area .same-class { 
    text-align: center;
    border: 3px solid #ffffff;
    padding: 6px; }

.welcome-area .active { 
  text-align: center;  
  padding: 6px;
  background : #291F1D;
  background : rgba(41, 31, 29, 1);
  opacity : 0.72;
  filter: alpha(opacity=72) progid:DXImageTransform.Microsoft.Alpha(opacity=72) ;
  border: 3px solid #291F1D;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 0 8px #f9f9f9; }

/*
 * ----------------------------------------------------------------------------------------
 * End Slider for Header
 * ----------------------------------------------------------------------------------------
*/
.download-option-btn ul li a {
    background: #c7d4de none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1);
    color: #3e3e3e;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 14px;
    padding: 18px 40px;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    /*float: left;*/
}
/*.download-option-btn ul li a.active {
    background: #ff5f6d;
    color: #fff;
}*/
.download-option-btn ul li a:hover {
    background: #c37b44;
    color: #fff;
}

.download-option-btn ul li a:hover i {
    color: #fff;
}

.download-option-btn ul li a i {
    color: #c37b44;
    margin-right: 5px;
    transition: .3s;
}
/*.our-service .download-option-btn ul li a{
  float: left;
}*/
/*////////////////////////////////////*/

.section-header span.section-devider {
    position: relative;
    display: inline-block;
    margin: 20px 0;
}
.section-header span.section-devider:before {
    background: #c37b44;
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    top: 9px;
    width: 80px;
    z-index: 1;
}

.section-header span.section-devider span:before {
    background: #c37b44;
    border-radius: 100px;
    content: "";
    height: 7px;
    left: -15px;
    position: absolute;
    top: 6px;
    width: 7px;
    z-index: 2;
}

.section-header span.section-devider span:after {
    background: #c37b44;
    border-radius: 100px;
    content: "";
    height: 7px;
    position: absolute;
    right: -15px;
    top: 6px;
    width: 7px;
    z-index: 2;
}
.section-header span.section-devider:after {
    background: #c37b44;
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: 9px;
    width: 80px;
    z-index: 1;
}


.section-header span.section-devider span:after {
    background: #c37b44;
    border-radius: 100px;
    content: "";
    height: 7px;
    position: absolute;
    right: -15px;
    top: 6px;
    width: 7px;
    z-index: 2;
}


.section-header span.section-devider span:before {
    background: #c37b44;
    border-radius: 100px;
    content: "";
    height: 7px;
    left: -15px;
    position: absolute;
    top: 6px;
    width: 7px;
    z-index: 2;
}
.section-header span.section-devider span i {
    color: #c37b44;
}
/*////////////////////////////////////////////////*/

/*.our-service img {
  float: right;
}*/
.our-service .price-name{
  text-align: left;
  color: #cb3027;
  font-size: 32px;
}
.price_box {
  padding: 30px;
}
/*.our-service .section-title{
  margin-bottom: 10px;
}*/
/*/////////////////////////////////////*/
.price{
  display: flex;
  align-items: right;
  line-height: 1;
  margin-bottom: 50px;
}
 
.price .price-offers{
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  margin-left: 30px;
  font-size: 20px;
  line-height: 1.9em;
  -ms-flex-preferred-size: 220px;
  flex-basis: 200px;
}

.value {
    font-size: 16rem;
    font-weight: 300;
    color: #281f1d;
}

.currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 6rem;
    font-weight: 700;
    color: #c37b44;
}

.steps-box {
    padding: 0 1%;
    line-height: 22px;
}
.steps-box .icon-box {
    width: 100px;
    height: 100px;
    font-size: 36px;
    border-radius: 50%;
    line-height: 100px;
    background: #fff;
    margin: 7px auto 30px;
    border: 1px solid #e8e8eb;
    box-shadow: 0 0 0 7px #f7f7f7;
}
.steps-box .heading {
    color: #222;
    margin: 0 0 21px;
    font: 700 18px/25px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.steps-box .border {
    width: 40px;
    height: 1px;
    display: block;
    margin: 0 auto 12px;
}
.steps-box .bar {
    top: 57px;
    height: 1px;
    width: 180px;
    right: -90px;
    position: absolute;
    background: #e8e8e8;
}
.main-color {
    color: #fbbd85;
}
.main-bg-color {
    background-color: #fbbd85;
}
.mar-bottom-md{
  padding-bottom: 50px;
}
.buy_center {
    text-align: center;
    padding-top: 30px;
}
.buy {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
}
/*////////////////Last Banner///////////////////*/
.subtitle {
    display: block;
    margin: 0 0 7px;
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
    color: #c4875c;
    letter-spacing: 2px;
}
.heading {
   color: #ffffff;
    font: 700 28px/30px "Lato", Helvetica, Arial, sans-serif;
    padding-bottom: 32px;
}
/*.about_video img {
  width: 85%;
}*/
@media only screen and (min-width:768px) { 
.subtitle {
    
    font-size: 24px;
    line-height: 40px;
    
}

/*.about_video img {
  width: 58%;
}*/
}
.about_video .download-option-btn ul li a {
  margin-bottom: 20px;
}

/*///////////////////////////////////////////////////////////*/
.features {
background: -webkit-linear-gradient(left, rgb(177, 166, 163) 0%, rgb(204, 196, 176) 100%);
background: -o-linear-gradient(left, rgb(177, 166, 163) 0%, rgb(204, 196, 176) 100%);
background: -ms-linear-gradient(left, rgb(177, 166, 163) 0%, rgb(204, 196, 176) 100%);
background: -moz-linear-gradient(left, rgb(177, 166, 163) 0%, rgb(204, 196, 176) 100%);
background: linear-gradient(to right, rgb(177, 166, 163) 0%, rgb(204, 196, 176) 100%);
min-height: 400px;

}
.features .section-title  h2{
  color: #281f1d;
}
.features .box {
  background : #F5F0E3;
  background : rgba(245, 240, 227, 1);
  border-radius : 16px;
  -moz-border-radius : 16px;
  -webkit-border-radius : 16px;
  padding: 18px;
  -moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.21);
  -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.21);
  box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.21);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
margin-bottom: 20px;
}
.features .box:hover {
    box-shadow: 0px 20px 20px rgba(0,0,0,0.1);
    position: relative;
    z-index: 100;
    transform: translate(0, -10px);
  }
.features .box h4 {
  display: inline;
  margin-left: 12px;
  color: #c37b44;
  font-weight: bold;
  font-family: "Lato", Helvetica, Arial, sans-serif;
}
.features .box i {
    display: inline-block;
    border: 1px solid #c37b44;
    border-radius: 100px;
    color: #fff;
    font-size: 28px;
    
    height: 60px;
    line-height: 60px;
    margin-bottom: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 60px;
    background: #c37b44 none repeat scroll 0 0;
}
.features .box:hover i {
    
    background: transparent;
    border: 1px solid #88837a;
    color: #c37b44;
}
/*//////////////////////////////////////////////////*/
.head {
    margin-bottom: 80px;
    text-align: center;
}

.head .ctit {
    margin-bottom: 12px;
    letter-spacing: 4px;
    font-size: 18px;
    color: #c37b44;
}
.ctit {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
}
.head h4 {
    font-weight: 300;
    font-size: 28px;
    color: #444;
    letter-spacing: 1px;
}
.we-do .item {
    padding: 0 5px;
}

.mb-100 {
    margin-bottom: 100px!important;
}
@media screen and (max-width: 991px){
.we-do .item {
    margin-bottom: 100px;
}
}
.we-do .item i {
    float: left;
    color: #888;
}
.we-do .item .info {
    margin-left: 70px;
}
.we-do .item .info h5 {
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative;
}
.we-do .item .info h5:after {
    content: "";
    width: 30px;
    height: 2px;
    background: #c37b44;
    position: absolute;
    left: 0;
    bottom: 0;
}
.we-do p {
    font-size: 15px;
    color: #7e7e7e;
    line-height: 30px;
    font-family: 'Source Sans Pro',sans-serif;
}
/*//////////////////////////////*###@@Pricing###@@/////////////////////////////////*/

/*
.p-top-100{
    padding:100px 0;
}
.m-top-40{
    margin-top: 40px;
}


*/

/*=================================================
Pricint fiv
===================================================*/
.bs-five-area{
    width:100%;
    display: inline-block;
    box-shadow: 0px 0px 6px 0px #ddd;
    overflow: hidden;
    position: relative;
    font-family: 'lato', sans-serif;
    text-align: center;
}

.bs-five-area.bs-radius{
    border-radius: 30px;
}
.bs-five-area > div{
    padding:0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}


.bs-five-area .bs-five{
    position: relative;
    width: 100%;  
    margin: auto; 
    transition: all 0.4s;
    padding:20px 0px;
}
.bs-five-area .bs-five h6{
    font-weight: 700;
    letter-spacing: 2px;
}
.bs-five-area .bs-five h1{
    font-size:64px;
    font-weight: 100;
    line-height: 72px;
}
.bs-five-area .bs-five h1 sup{
    font-size:30px;
    top:-30px;
}
.bs-five-area .bs-five ul {
    margin:0;
    padding:0;
    list-style: none;
}
.bs-five-area .bs-five ul li{
    line-height: 45px;
    border-bottom:0px;
}


/*.bs-five-area .bs-five:hover{

    background: #179880; 
    transition: all 0.4s;

}*/

.bs-five-area .bs-five.active {
    background: #179880; 
    background: -webkit-linear-gradient(left, #179880 , #21A476); 
    background: -o-linear-gradient(right, #179880, #21A476); 
    background: -moz-linear-gradient(right, #179880, #21A476); 
    background: linear-gradient(to right, #179880 , #21A476);  
}

.bs-five-area .bs-five .btn-success{
    padding: 10px 50px;
    display: inline-block;
    border-radius: 30px;
    background-color: #179880;
    border-color: #21A476;
}


.bs-five-area .bs-five.active .btn.btn-success, 
.bs-five-area .bs-five:hover.bs-five .btn.btn-success{
    background: #E0FFF6 ; 
    color:#444 ;

}
.bs-five-area .bs-five.active,
.bs-five-area .bs-five.active ul li

{
    color:#fff;
}
/*.bs-five-area .bs-five.active,
.bs-five-area .bs-five.active ul li,
.bs-five-area .bs-five:hover.bs-five, 
.bs-five-area .bs-five:hover.bs-five ul li
{
    color:#fff;
}

*/
.bs-five-area .bs-five h6 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-bottom: 25px;
    color: #333;
    font-size: 18px;
    line-height: 26px;  
}
.main-price{
  
  line-height: 2;
  /*margin-bottom: 50px;*/
  padding: 0 8% 30px;
  border-bottom: 1px solid #eee;
}
 
.main-price .value {
    font-size: 5rem;
    font-weight: 600;
    color: #c37b44;
}
.main-price .currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 3rem;
    font-weight: 700;
    color: #c37b44;
}
.main-price .price-term {
  display: block;
}

.price-term {
    color: #555;
    font-size: 14px;
    margin-bottom: 15px;
    min-height: 19px;
}

.goal a {
    background: #c37b44;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
}
.main-features {
    padding: 15px 10% 5px;
}
.main-features p:first-child {
    margin-bottom: 0;
}
.main-features p {
    text-align: center;
}
@media screen and (min-width: 1450px){

p {
    font-size: 16px;
    line-height: 26px;
}
}
.main-features p span {
    display: block;
    margin: 5px 0 15px;
    line-height: 1.5;
    font-size: 12px;
    color: #666;
}
span > strong {
    color: #333;
    display: block;
    font-size: 16px;
    font-family: 'proxima_nova_rgbold', Arial, sans-serif;
}

strong {
    font-weight: 600;
}
/*.price-features li{
    position: relative;
}*/

.zmail-pricing {
    padding-bottom: 0;
}
.price-features {
    min-height: 150px;
    border-top: 1px solid #eee;
}

.price-features {
    padding: 20px 10%;
    text-align: left;
    min-height: 190px;
}
.zmail-pricing li.zprd-name::before {
    background-position: 6px 1px;
}

.price-features li.zprd-name::before{
    content: "";
    position: absolute;
    left: -52px;
    top: -1px;
    padding: 0 0 0;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(0,0,0,0.1);
    border-right: none;
    background-size: 75% 300%;
}
.price-features li.zprd-name {
    display: none;
}

.price-features li {
    color: #333;
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    line-height: 22px;
}

.zprd-name, .zprd-bold {
    font-weight: bold;
}
.zprd-name {
    font-weight: inherit;
    font-family: "proxima_novasemibold";
}
.price-features .price-plus {
    font-size: 13px;
    font-weight: 600;
    color: #999;
}


.price-features li {
    color: #333;
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    line-height: 22px;
}
.price-features .price-plus small {
    color: #999;
    font-size: 18px;
    font-weight: 400;
    left: 2px;
    line-height: 26px;
    position: relative;
    top: 2px;
}


.price-features li {
    color: #333;
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
    line-height: 22px;
}

.our_pricing a {
  margin-top: 30px;
}
.our_pricing a i {
  margin-left: 10px;
}
/*//////////////////////////////////////
help*/
#imaginary_container{
    margin-top:20%; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
  border-right:0; 
  box-shadow:0 0 0; 
  border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

/*help boxes*/
.help_box {
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  vertical-align: top;
  margin-bottom: 50px;
}
.help_box i {
  color: #555555;
}
.help_box figcaption {
  color: #555555;
  padding: 22px;
}
.help_box p a {
  color: #c37b45;


}

/*///////////////////////////////////////////////////////////*/
.gwefa {
background-image: url(../img/bg/baner-02.jpg);
  background-size:cover;
   background-position: center center;
   min-height: 412px;
}
.gwefa .section-title  h2 {
  color: #ffffff;
  margin-top: 45px;
  margin-bottom: 50px;
  font-size: 42px;
  font-weight: bolder;
}
.gwefa .section-title  p {
  color: #ffffff;
  font-size: 32px;
  margin-bottom: 70px;
  font-weight: bold; 
}
.gwefa .download-option-btn ul li a {
  background-color: #EF403D;
  color: #ffffff;
}
.download-option-btn ul li a i {
  color: #ffffff;
}
/*/////////////////////////////////////////////////////////////////*/
/*.gwefa_how {
  background-image: url(../img/bg/baner-01.png);
  background-size:cover;
   background-position: center center;
   min-height: 250px;
}*/

.gwefa_head .head h6.ctit {
  color: #158973;
}
.gwefa_head .head h4 {
  color: #ef3f3e;
}
.gwefa_head .head h6 {
  font-size: 16px;
  line-height: 1.5;
  color: #0f363b;
}

.scan h5 {
  font-size: 26px;
  margin-top: 100px;
  color: #07353A;
}
.gwefa_why {
  background-color:  #cbe5e0;
}
.gwefa_why .about-us-content h2 span {
  color: #ef3f3e;
}
.gwefa_why .about-line {
  background: #ef3f3e none repeat scroll 0 0;
}
.gwefa_why .about-us-content p {
  color: #07353A;
}


/*/////////////////////////////////////////////////////////////*/
.gwefa_feat {
    
    background: #F7F7F7;
}

.gwefa_feat .feat_name h4 {
    font-weight: 300;
    font-size: 28px;
    color: #444;
    letter-spacing: 1px;
    text-align: center;
}
            
.section_title p {
    margin-top: 2em;
    margin-bottom: 0px;
}
    .steps_container {
    margin-top: 40px;
    padding-top: 80px;
    padding-bottom: 160px;

    }
    .steps_line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% + 1px);
    height: 100%;
    border-right: dotted 2px rgba(0, 0, 0, 0.15);
    }
    .steps_line_inner {
    width: 100%;
    height: 100%;
    }
    .steps_line_start {
    position: absolute;
    top: 0;
    right: -11px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e8373e;
    }
    .steps_line_finish {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: -41px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #e8373e;
    }
    .steps_line_finish i {
    font-size: 36px;
    color: #FFFFFF;
    }
    .step {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
    }
    .steps_stop_dot {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e8373e;
    }
    .step_text_right {
    padding-left: calc(50% + 95px);
    padding-right: 8.33%;
    }
    .step_text h4 {
    font-size: 20px;
    line-height: 1.3;
    font-family: 'Lato', serif;
    color: #158973;
    }
    .step_text p {
    font-size: 14px;
    line-height: 1.7;
    }
    .step_image_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    }
    .step_image_inner {
    width: 100%;
    height: 100%;
    }
    .step_image_container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 95px;
    width: 175px;
    height: 175px;
    border: solid 10px #FFFFFF;
    border-radius: 50%;
    }
    .step_text_left {
    padding-left: 8.33%;
    padding-right: calc(50% + 95px);
}
.step_image_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}
.step_image_inner {
    width: 100%;
    height: 100%;
}
.step_image_right .step_image_container {
    left: 95px;
}
div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 767px){
  .steps_stop_dot {
    left: 35px;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.step_text_right {
    padding-left: 321px;
    padding-right: 15px;
}
.step_image_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}
.step_image_inner {
    width: 100%;
    height: 100%;
}
.step_image_container {
    right: auto;
    left: 86px;
}
.step_text_left {
    padding-left: 321px;
    padding-right: 15px;
}
.step_image_right {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    width: 50%;
    height: 100%;
}
.step_image_inner {
    width: 100%;
    height: 100%;
}
.step_image_right .step_image_container {
    left: 86px;
}
.steps_line {
    width: 46px;
}
.steps_line_finish i {
    font-size: 24px;
    color: #FFFFFF;
}
.steps_line_finish {
    right: -31px;
    width: 60px;
    height: 60px;
}
}

@media only screen and (max-width: 639px){
  .steps_line {
    display: none;
  }
  .steps_stop_dot {
    display: none;
  }
  .step_text_right {
    padding-left: 220px;
    padding-right: 15px;
}
.step_image_container {
    left: 15px;
}
.step_image_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}
.step_text_left {
    padding-left: 220px;
    padding-right: 15px;
}
.step_image_right .step_image_container {
    left: 15px;
}
}

@media only screen and (max-width: 479px){
  .step {
    margin-bottom: 40px;
}
.step_text_right {
    padding-left: 145px;
    padding-right: 15px;
}
.step_image_container {
    width: 100px;
    height: 100px;
    border: solid 8px #FFFFFF;
}
.step_text_left {
    padding-left: 145px;
    padding-right: 15px;
}
.step_image_container img {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.5);
}
.gwefa .section-title p {
  font-size: 18px;
}
.gwefa .section-title  h2 {
  font-size: 26px;
}
}

/*///////////////////////Preloader////////////////////////*/

#loading{
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:9999999;
  margin-top: 0px;
  top: 0px;
  color:#fff;
  text-align:center;
  font-size:18px;
  letter-spacing:4px;
  background: #926649;
overflow: hidden;

}

.loading-center{
  width: 100%;
  height: 100%;
  position: relative;
}
.loading-center-absolute
{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 400px;
  right: 0;
  margin: auto;
  max-height: 400px;
  display: table;

}
@-moz-document url-prefix() { 
  .loading-center-absolute
  {
    display: block;
  }

}
.spinner {
  margin: 0 auto;
  width: 100px;
  text-align: center;
  margin-top: 28px;
  margin-bottom: 8px;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*///////////////////////Preloader////////////////////////*/