/*-------------------global-----------------*/
@import url(//fonts.googleapis.com/css?family=Raleway:300,400,600,900,100);
@import url(//fonts.googleapis.com/css?family=Open+Sans:100,300,500,700);

body{
    background-color : #F6F6F6;
    color: #666666;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    position: relative;
}
#rt-showcase, #rt-top-surround{
    text-shadow: none;
}
#rt-bottom, #rt-transition{
    background-color: #F2EEEA;
}
#rt-showFull{

    background :url("../images/4.jpg") repeat scroll 50% 100% / cover  #5F5E5D;
}

a{
    color: #666;
}
a:hover {
    color: #222;
}
.color-overlay-white {
    background-color: #fff;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;

}
.color-overlay-grey {
    background-color: #5F5E5D;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;

}
#rt-feature, #rt-maintpHeadingTwo, #teamstyle, #rt-bottom{
    padding-top: 100px;
}
#rt-maintpHeadingTwo .section-title{
    margin-bottom: 60px;
}
h1, h2, h3, h4, h5, h6 {
    color: #262626;
    font-family: Raleway;
    font-weight: 400;
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
    color: #FFFFFF;
}
h1 {
    font-size: 100px;
    line-height: 130px;
}
h2 {
    font-size: 40px;
    line-height: 60px;
}
h3 {
    font-size: 32px;
    line-height: 48px;
}
h4 {
    font-size: 22px;
    line-height: 34px;
}
h5 {
    font-size: 18px;
    line-height: 26px;
}
h6 {
    font-size: 16px;
    line-height: 22px;
}
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong, .featured h4{
    font-weight: 600;
}
div h1, div h2, div h3, div h4, div h5, div h6 {
    margin-top: 20px;
}
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {
    margin-top: 0;
}
.featured h4{
    margin-top: 40px;
}
.text-center {
    text-align: center;
}

.subtitle {
    color: #666666;
    font-weight: 300;
    letter-spacing: 0.04em;
    margin-top: 5px;
}
.text-light .subtitle {
    opacity: 0.9;
}
.section-title {
    margin-bottom: 100px;
    margin-top: -10px;
    text-align: center;
}
#teamstyle .section-title{
 margin-bottom: 50px;   
}
.section-title h2 {
    font-weight: 900;
    letter-spacing: -0.05em;
    text-transform: uppercase;
}
.section-title .seperator {
    padding: 16px 0;
}
.seperator {
    height: 4px;
    line-height: 0;
    padding: 8px 0;
    text-align: center;
    width: 100%;
}
.seperator span {
    background: none repeat scroll 0 0 #000000;
    display: inline-block;
    height: 2px;
    opacity: 0.15;
    width: 100px;
}
.text-light .seperator span {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.2;
}
.seperator.size-full span {
    width: 100%;
}
.seperator.size-medium span {
    width: 220px;
}
.seperator.size-small span {
    width: 100px;
}
.seperator.size-mini span {
    width: 40px;
}
.seperator.height-small span {
    height: 1px;
}
.spacer {
    display: block;
    width: 100%;
}
.spacer.spacer-mini {
    height: 15px;
}
.spacer.spacer-small {
    height: 40px;
}
.spacer.spacer-medium {
    height: 60px;
}
.spacer.spacer-big {
    height: 100px;
}

.hiden {
    opacity: 0;
}
.show {
    opacity: 1;
}

/*-------------------global end-----------------*/
/*-------------------menu-----------------------*/
.gf-menu li{
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.gf-menu li:hover, .gf-menu li.active:hover{
    border: 1px solid #fff;
    background: none;
    padding-top: 0;
}

.gf-menu li:hover > .item{
    color:#fff !important;
}
#rt-header {

    width: 100%;
    z-index: 20;
}
.gf-menu-toggle{
    z-index: 21;
}
.ha-header-large {

  position: fixed !important;
  padding: 20px 0;
  transition: all 0.2s ease;
  background-color: rgba(255, 255, 255, 0.05);
  
}
.ha-header-large .gf-menu.l1 > li.active{
    transition: all 0.2s ease;
    border: 1px solid #fff;
}
#rt-logo, .gf-menu{
    margin: 5px 0;
}
.logo-block{
    margin-top: 10px;
    margin-bottom: 10px;
}

.gf-menu .item{
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #fff;
}

.ha-header-small {
  position: fixed !important;
  padding: 10px 0;
  transition: all 0.2s ease;
  background-color: #5F5E5D;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.ha-header-small-sp {
  position: fixed !important;
  padding: 10px 0;
  transition: all 0.2s ease;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.ha-header-small .gf-menu.l1 > li.active, .ha-header-small .gf-menu li:hover{
    transition: all 0.2s ease;
    border: 1px solid #E24A37;
}
.ha-header-small .gf-menu .item,.ha-header-small .gf-menu li:hover > .item{

    color: #F2EEEA !important;
}
.ha-header-small-sp .gf-menu.l1 > li.active, .ha-header-small-sp .gf-menu li:hover{
    transition: all 0.2s ease;
    border: 1px solid #333;
}
.ha-header-small-sp .gf-menu .item,.ha-header-small-sp .gf-menu li:hover > .item{

    color: #333 !important;
}
.ha-header-small-sp #rt-logo{
    background: url("../../../images/logo.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0) !important;
    

}
.ha-header-small #rt-logo, .ha-header-small-sp #rt-logo , .ha-header-large #rt-logo{
    width: 153px;
    height: 28px;
    background-size: 153px 28px  !important;
}
.notfixed{
    position: relative !important;
}

/*------------------menu end -------------------*/
/*-------------------slider----------------------*/

#rt-showcase{
    padding-top:130px;
    background :url("../images/bg-sequence1.jpg") repeat scroll 50% 100% / cover  #564950
}
#rt-showcase .layout-showcase .sprocket-features-img-container img {
    margin: 180px 0 0 0 ;
}
#rt-showcase .sprocket-features-content{
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1;
}
.sprocket-features-container .sprocket-features-title{
    color: #ffffff;
    font-size: 37.5px;
    line-height: 48px;
    text-transform: uppercase;
    letter-spacing: 10px;
}

.layout-showcase .rt-showcase-description{
    color: #CBCBCB;
    display: block;
    margin-bottom: 25px;
}
.layout-showcase .readon{
    border: 1px solid rgba(255, 255, 255, 0);
    background-color: #EA6153;
    transition: all 0.3s ease;

}
.layout-showcase .readon2{
    border: 1px solid #fff;
    padding: 3px 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 1.7em;
    transition: all 0.3s ease;
}
.layout-showcase .readon, .layout-showcase .readon2{
    color:#ffffff;
    font-size: 18px;
    display: inline-block;
    margin: 0 15px;
    width: 150px;
}
#rt-showcase a.readon:hover{
    color:#ffffff;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    
}
#rt-showcase a.readon2:hover{
    color:#ffffff;
    background-color: #EA6153;
    transition: all 0.3s ease;
    
}

#rt-showcase .layout-showcase .sprocket-features-arrows .next{
    background: url("../images/paddle_next_medium.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#rt-showcase .layout-showcase .sprocket-features-arrows .prev{
    background: url("../images/paddle_prev_medium.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#rt-showcase .layout-showcase .sprocket-features-arrows .arrow span {
    opacity: 0;
}
#rt-showcase .layout-showcase .sprocket-features-pagination li, #rt-showcase .layout-showcase .sprocket-features-arrows .arrow {
    background-size: 47px 94px;
    box-shadow: none;
    height: 94px;
    margin: -47px 0 0;
    width: 47px;
    background-color: none;
    border:none;
}
/*-------------------slider end------------------*/
/*------------------colors-----------------------*/
.bg_gr_beige {
    background: #ffe0a3; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffe0a3 1%, #ffd589 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#ffe0a3), color-stop(100%,#ffd589)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffe0a3 1%,#ffd589 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffe0a3 1%,#ffd589 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffe0a3 1%,#ffd589 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffe0a3 1%,#ffd589 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe0a3', endColorstr='#ffd589',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.bg_gr_liteBrown{
    background: #f2ecd9; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #f2ecd9 1%, #d0c4aa 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#f2ecd9), color-stop(100%,#d0c4aa)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #f2ecd9 1%,#d0c4aa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #f2ecd9 1%,#d0c4aa 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #f2ecd9 1%,#d0c4aa 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #f2ecd9 1%,#d0c4aa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ecd9', endColorstr='#d0c4aa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.bg_gr_darkBlue{
    background: #174799; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #174799 1%, #0f2f62 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#174799), color-stop(100%,#0f2f62)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #174799 1%,#0f2f62 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #174799 1%,#0f2f62 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #174799 1%,#0f2f62 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #174799 1%,#0f2f62 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174799', endColorstr='#0f2f62',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.color-brown{
    color: #2E1C1C;
}
.color-blue{
    color: #133A7C;
}

.color-lite-brown{
    color: #E2D9C3;
}

/*------------------colors end------------------*/

/*------------------services----------------------*/
.featured {
    background-color: #fff;
    cursor: pointer;
    border-radius: 7px;
    margin-bottom: 60px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 14px;
    position: relative;
}
.featured i {
    border: 10px solid #fff;
    border-radius: 50% 50% 50% 50%;
    font-size: 50px;
    height: 80px;
    left: 50%;
    line-height: 80px;
    margin: -60px 0 0 -60px !important;
    padding: 0 !important;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 80px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.featured > i:hover {
    animation: 0.7s ease 0s normal none  spinAround;
    border: 10px solid #EA6153;
}
.featured h3{
    margin-top: 40px;
    color:#333;
    font-weight: 400;
}
/*----------------services end-----------------*/


/*----------------- numbers --------------------*/

#rt-maintpHeadingOne{
     background-image: url("../images/giftly.png");
     position: relative;
}
/*----------------- numbers end ----------------*/
/*----------------- prices ---------------------*/
#maintop-wrapper {
    position: relative;
    background: url("../images/bg-sequence11.jpg") repeat 50% 100%  / cover #EA6153;  
}

#rt-maintop {
    padding-bottom: 100px;
    padding-top: 0;
}
.simple-pricing-table a.btn:hover , .simple-pricing-table .hilighted .btn, .simple-pricing-table .btn {

    background: none;
    background-image : none;
    }

/*----------------- prices end ---------------------*/
/*----------------- skills ---------------------*/
.about-block {
    margin-left: 30px;
}
.about-ul {
    margin-top: 36px;
}
.about-ul li {
    font-size: 14px;
    font-weight: 300;
    list-style-type: none;
    margin-top: 15px;
}
.about-ul li i {
    color: #EA6153;
    font-size: 16px;
    padding-right: 7px;
}
.block_skills p { 
  margin: 0;
}
/*----------------- skills end ---------------------*/
/*-----------------    team   ---------------------*/
#teamstyle{
    position: relative;
    background: url("../images/bg-sequence10.jpg") repeat 50% 100%  / cover #EA6153;  
    padding-bottom: 100px;

}
/*----------------- team end ---------------------*/
/*----------------- portfolio ---------------------*/
#rt-bottom div.default .sp-portfolio-thumb .sp-portfolio-overlay{
    background: none repeat scroll 0 0 rgba(231, 76, 60, 0.8) ;
    transition: opacity 300ms ease 0.1s;

}
#rt-bottom div.default .sp-portfolio-thumb:hover .sp-portfolio-overlay {
    opacity: 1;
    transition: opacity 300ms ease 0s;
}
#rt-bottom  div.default ul.sp-portfolio-filter{
    margin: 0 0 40px;
    text-align: center;
    
}
.sp-portfolio-item-details{
    text-align: center;
}
.sp-portfolio-item-details .item-title a{
    color:#333;
    font-size: 16px;
    font-weight: 600;
}
.sp-portfolio-item-details .item-title{
    margin-top: 10px;
    margin-bottom: 0;
}
.sp-portfolio-item-details small{
    color:#E74C3C;
    font-size: 14px;
    font-weight: 300;
}

.sp-portfolio-overlay a {
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.sp-portfolio-overlay a:hover {
    color: #fff;
}

#rt-bottom .sp-portfolio-filter li .btn {
    background-color: #262626;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: all 300ms ease 0s;
}
#rt-bottom .sp-portfolio-filter li .btn:hover {
    background-color: #E74C3C;

}
#rt-bottom .sp-portfolio-filter li .btn.active{
    background-color: #E74C3C;
}
#rt-bottom .sp-portfolio-filter li {
    margin-right: 10px;
}
#rt-bottom .sp-portfolio-thumb .sp-portfolio-preview, #rt-bottom .sp-portfolio-thumb .sp-portfolio-link {
    display: inline-block;
    opacity: 0;
    position: absolute;
    transition: all 300ms ease 0s;
}
#rt-bottom .sp-portfolio-thumb .sp-portfolio-preview {
    left: 50%;
    margin-left: -110px;
    transition: all 300ms ease 0s;
}
#rt-bottom .sp-portfolio-thumb .sp-portfolio-link {
    margin-right: -110px;
    right: 50%;
}
#rt-bottom .sp-portfolio-thumb:hover .sp-portfolio-preview {
    margin-left: -95px;
    opacity: 1;
    transition: all 300ms ease 0s;
}
#rt-bottom .sp-portfolio-thumb:hover .sp-portfolio-link {
    margin-right: -95px;
    opacity: 1;
    transition: all 300ms ease 0s;
}


#rt-bottom h2.title  {
    font-weight: 900;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 60px;
    font-family: Raleway,'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-align: center;
    position: relative;
    margin-bottom: 60px;
}
#rt-bottom h2.title:before {
    background-color: #000000;
    bottom: -14px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -55px;
    position: absolute;
    width: 110px;
    opacity: 0.15;
}

    /*--------------------- portfolio end------------------------*/

    /*--------------------- map & contact-----------------------*/

    #rt-fullwidth{
        position: relative;
        margin-bottom: 385px;
    }
    #rt-fullwidth .rt-container{
        height:400px;

    }
    .fullWidthIsHome{
        height:400px;
    }
    #rt-fullwidth .section-title{
        margin-bottom: 0;
    }
    #sp_quickcontact177{
        z-index: 1;
        position: absolute;
        width: 100%;
        top:50%;
        margin-top: -150px;
    }
    #sp_simple_map141{
        margin-top: -400px;
        top: 0;
        width: 100%;
        z-index: -1;
    }

    #sp_quickcontact177 input, #sp_quickcontact177 textarea#message{
        background-color: #fff;
        border: medium none;
        box-shadow: none;
        color: #444;
        font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
        font-size: 16px;
        font-weight: bold;
        opacity: 0.9;
        padding: 10px;
        text-align: left;
        width: 80%;
    }
    #sp_quickcontact177 textarea#message{
        height: 118px;
    }
    #sp_quickcontact177 #sp_qc_submit{
      width:85%;  
      background-color: #E74C3C;
      opacity: 1;
      color:#fff;
  }
  /*--------------------- map & contact-----------------------*/
  /*------------------------- footer---------------------------*/
  #rt-footer-surround{
   font-size: 12px;
   color: rgba(255, 255, 255, 0.3);
   background: url("../images/bg-sequence1.jpg") repeat 50% 100%  / cover #564950;
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: -1;

}

#rt-copyright {
    margin: 0;
    padding: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}
#rt-copyright p{
    margin: 0;
}
.footer li {
    display: inline;
    margin-right: 20px;
}
#rt-copyright .footer  > li > a, #rt-copyright a {
    display: inline;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
}

ul.menu li a:before{
    content:"";
}


/*--------------- footer----------------------*/