@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);


/*************************
*******Typography******
**************************/

body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    color:#4e4e4e;
    line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600; 
    font-family: 'Open Sans', sans-serif;
    color:#4e4e4e;
}

h1{
    font-size: 36px;
    color:#fff;
}


h3{
    font-size: 16px;
    color: #787878;
    font-weight: 400;
    line-height: 24px;
}

h4{
    font-size: 16px;
}

a {
    color: #c52d2f;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition:  color 300ms, background-color 300ms;
    transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
    color: #111;
}

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}


.btn-primary {
    padding: 8px 20px;
    background: #c52d2f;
    color: #fff;
    border-radius: 4px;
    border:none;
    margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
    background: #c52d2f;
    outline: none;
    box-shadow: none;
} 

.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
}

.btn-transparent:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
    color: #111;
    text-decoration: none;
    outline: none;
}

.dropdown-menu {
    margin-top: -1px;
    min-width: 180px;
}

.center h2{
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 20px;
}

.media>.pull-left{
    margin-right: 20px;
}

.media>.pull-right{
    margin-left: 20px;
}

body > section {
    padding: 70px 0;
}

.center {
    text-align: center;
    padding-bottom: 55px;
}

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.lead{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.transparent-bg {
    background-color: transparent !important;
    margin-bottom: 0;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #db6d5a;
    border-color: #e07f5f;
}
.btn-success {
    color: #fff;
    background-color: #d76252;
    border-color: #d76252;
}
.breadcrumb {
    padding: 0px;
	background: #D4D4D4;
	list-style: none; 
	overflow: hidden;
    margin-top: 20px;
}
.breadcrumb>li+li:before {
	padding: 0;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li.active a {
	background: brown;                   /* fallback color */
	background: #ffc107 ; 
}
.breadcrumb li.completed a {
	background: brown;                   /* fallback color */
	background: hsla(153, 57%, 51%, 1); 
}
.breadcrumb li.active a:after {
	border-left: 30px solid #ffc107 ;
}
.breadcrumb li.completed a:after {
	border-left: 30px solid hsla(153, 57%, 51%, 1);
} 

.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 2px 0 2px 40px;
	position: relative; 
	display: block;
	float: left;
}
.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(0, 0%, 83%, 1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}	
.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}	
.breadcrumb li:first-child a {
	padding-left: 15px;
}
.breadcrumb li a:hover { background: #ffc107  ; }
.breadcrumb li a:hover:after { border-left-color: #ffc107   !important; }
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


/*************************
*******Header******
**************************/
 .btn-success {
    color: #fff;
    background-color: rgba(53, 51, 51, 0.87);
    border-color: rgba(109, 109, 109, 0.6);
}
#shifting{
    background: -webkit-linear-gradient(45deg, #83a4d4 10%, #b6fbff 90%);
    background: -moz-linear-gradient(45deg, #83a4d4 10%, #b6fbff 90%);
    background: -ms-linear-gradient(45deg, #83a4d4 10%, #b6fbff 90%);
    background: -o-linear-gradient(45deg, #83a4d4 10%, #b6fbff 90%);
    background: linear-gradient(45deg, #7bd3d8 10%, #83a4d4 90%);
    color: #333;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    min-height: 450px;
    position: relative;
}

#how-it-work ul li .icon_item:hover {
    color: #099a65;
      border: 2px solid #099a65;
}
#box_section h2 {
    display: inline-block;
    padding-bottom: 10px;
    color: #463f3d;
    font-weight: bold;
    text-transform: none;
    font-size: 48px;
}
#how-it-work ul li .icon_item {
    font-family: 'fontello';
    font-size: 48px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border: 2px solid #59cca2;
    border-radius: 150px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #59cca2;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#how-it-work ul li .icon_item:before {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    left: -17px;
    top: calc(50% - 17px);
    text-align: center;
    line-height: 30px;
    color: #609db9;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'Oxygen', sans-serif;
    font-weight: bold;
}
#how-it-work ul li:nth-child(1):after, #how-it-work ul li:nth-child(2):after, #how-it-work ul li:nth-child(3):after, #how-it-work ul li:nth-child(4):after {
    position: absolute;
    content: '';
    width: 65px;
    height: 90px;
    display: block;
    left: 100%;
    top: 0;
    margin-left: 10px;
    background: url(images/right_arrow.png) no-repeat center;
}

.fade-in.one {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.fade-in.two {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  animation-delay: .8s;
}

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.fade-in.four {
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  animation-delay: 2.4s;
}

.fade-in.five {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}
.fade-in {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
.menu-bar {
    position: absolute;
    top: 0px;
    left: 0%;
    background: #a53b3d;
    height: 14px;
    padding: 40px 30px;
    margin-left: -10px;
    border-radius:0px;
}
.listbtn{
    padding: 7px 10px !important;
    color: #fff !important;
    border-radius: 0px;
    background: linear-gradient(to right,rgb(204, 84, 85) 0,rgb(225, 137, 95) 100%);
}
.bars {
    display: block;
    width: 25px;
    height: 3px;
    background-color: #fff;
    box-shadow: 0 5px 0 #fff, 0 10px 0 #fff;
    margin-top: -7px;
}
 #searchForm {
                position:absolute;
                top:30%;
            }
            .navbar-brand {
    float: right;
    padding: 2px 15px;
    font-size: 18px;
    line-height: 20px;
}
  #sidebar-wrapper {
    margin-right: -250px;
    right: 0;
    width: 250px;
    background: #fff;
    position: fixed;
    height: 87%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
  }

  .sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sidebar-nav li {
    line-height: 50px;
    text-indent: 20px;
    border: 1px solid #e1dfdf;
  }

  .sidebar-nav li a {
    color: #999999;
    display: block;
    text-decoration: none;
  }

  .sidebar-nav li:hover,.sidebar-nav a:hover{
    color: #fff !important;
    background: #a83c3c;
    text-decoration: none;
  }

  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
  }

  .sidebar-nav > .sidebar-brand {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
  }

  .sidebar-nav > .sidebar-brand a {
    color: #999999;
  }

  .sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
  }

  #sidebar-wrapper.active {
    left: 0px;
    width: 270px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }

  .toggle {
    margin: 5px 5px 0 0;
  }
  .sidebar-nav ul :not(collapsed) .arrow:before,
.sidebar-nav li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
/**********************/

#header .search{
    display: inline-block;
}

.navbar>.container .navbar-brand{
    margin-left: 70px;
}
.navbar a.paybtn{   
    color: #242425 ;
    border: 2px dotted #242425;}
.navbar-inverse .navbar-nav > li > a.paybtn:hover {
    background-color: #c52d2f;
     border: 2px dotted #fff;
    color: #fff;
}
.top-bar {
    padding: 10px 0;
    background: #242425;
    border-bottom: 1px solid #46494c;
    line-height: 28px;
}

.top-number{
    color: #fff;
}

.top-number p{
    margin: 0
}

.social{
    text-align: right;
}

.social a{
    padding: 4px 12px;
    border: 2px solid white;
    color: white;
}

.search i {
    color: #fff;
}

input.search-form{
    background: transparent;
    border: 0 none;
    width: 60px;
    padding: 0 10px;
    color: #FFF;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

input.search-form::-webkit-input-placeholder{
    color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
    color: #fff;
}

input.search-form:hover {
    width: 180px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #2c2c2c;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #e38c66;
}
.navbar-brand {
    padding: 0;
    margin:0;
}
.navbar-toggle {
    margin-top: 30px !important;
}
.navbar {
    border-radius: 0;
    margin-bottom: 0;
    background: url('https://storekaro.com/images/nav-bg.png') repeat;
    /*  background: #151515;*/
    /*  padding: 15px 0;*/
    padding-bottom: 0;
}

.navbar-nav{
    /*margin-top: 12px;*/
}

.navbar-nav>li{
    margin-left: 5px;
}

.navbar-inverse .navbar-nav > li > a {
    padding: 5px 12px;
    margin: 0;
    color: #000;
    line-height: 24px;
    display: inline-block;
}

.navbar-inverse .navbar-nav > li > a:hover{
    background-color: #c52d2f;
    color: #fff;
}

.navbar-inverse {
    border: none;
    border-bottom: 1px solid #dfdcdc;
}

.navbar-inverse .navbar-brand {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .open > a{
    color: #000;
    border-bottom: 3px solid #d76252;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    border-bottom: 3px solid #d76252;
    background-color: #c52d2f;
}
.navbar-inverse .navbar-nav .dropdown-menu {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    border-top: 2px solid #d76252;
    padding: 0;
    margin-top: 0;
    border-radius: 0;
    left: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
    position: absolute;
    top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
    padding: 8px 15px;
    color: #000;
    border-bottom: 1px solid #e6936a;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
    background-color: #c52d2f;
    color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
    border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
    background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-top: 0;
    padding-bottom: 0;
    padding-top: 20px;
}




.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none;
 -webkit-box-shadow:none; 
 border-color:#cccccc; 
}

/* enable absolute positioning */
.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .fa{
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align glyph */
.left-addon .fa{ left:  0px;  font-size: 18px;
}
.right-addon .fa{ right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/*career page*/

            @media screen and (max-width: 480px) and (min-width: 320px){
                #main-content .career .row {
                    padding: 0 5px;
                }
                               .table-1 th {
                    font-size: 12px;
                    line-height: 1.1;
                }
                .table-1 tr:nth-child(odd) td {
                    font-size: 12px;
                    width: 20%;
                }
                .fancy-collapse-panel .panel-heading .job:after {
                    font-family: "FontAwesome";
                    content: "\f147";
                    position: relative;
                    left: 10px;
                    font-size: 20px;
                    font-weight: 400;
                    top: 50%;
                    line-height: 1;
                    margin-top: -10px;
                }
            }
            .box_border{
                border: 1px solid #dedede;
                color: #606060;
                display: inline-block;
                font-size: 14px;
                line-height: 16px;
                margin: 5px 0 12px;
                padding: 7px 23px;
                cursor: pointer;
                text-transform: uppercase
            }
            a:hover{text-decoration: none}
            .box_border:hover{background: #d65f54;color: white}
            /* FANCY COLLAPSE PANEL STYLES */
            .fancy-collapse-panel .panel-default > .panel-heading {
                padding: 0;

            }
            .fancy-collapse-panel .panel-heading a {
                padding: 0;
                display: inline-block;
                width: 100%;
                background-color: #fff;
                color: #000;
                border-top: 1px solid #ddd;
                position: relative;
                text-decoration: none;
            }
            .panel-group .panel+.panel {
                margin-top: -2px !important ;
            }
            ul, ol {
                margin-top: 0;
                margin-bottom: 25px;
            }
            .box_border_act{
                border: 1px solid #dedede;
                color: white;
                display: inline-block;
                font-size: 14px;
                background: #d65f54;
                line-height: 16px;
                margin: 5px 0 5px;
                padding: 8px 20px;
                cursor: pointer;
                text-transform: uppercase}
            .fancy-collapse-panel .panel-heading .collapsed .box_border_act{background: white;color: #000}
           

            
            .table-1 tr:nth-child(odd) td {
                background: #FEFEFE;
                border-bottom: none !important;
                height: 0;
            }
            .table-1 td {
                background: none;
                text-align: center;
            }
            .green-haze2 {
                background-color: #C44E4C;
                color: #fff;
                margin: 30px auto;
                font-size: 15px;
                padding: 11px 15px;
            }
            #main-content .career h1 {
                font-weight: bold;
                margin: 20px 0 25px 0;
                padding: 0;
                color: #9e3839;
                font-size: 28px;
            }
            .table-1 tr:nth-child(odd) td {
                background: #FEFEFE;
                border-bottom: none !important;
                height: 0;
            }
            .table-3 td, th {
                border: 1px solid transparent;
                height: 55px;
                transition: all 0.3s;
            }
            .table-1 th {
                background: #D65F54;
                font-weight: normal;
                text-align: center;
                color: rgba(255,255,255,1.00);
            }
            
            /*search list*/
            .map_fix #map{height:550px;}
            .ping.ping-fd.ping-best {
                background: #f8b708;
            }
            .ping.ping-fd {
                top: 52%;
                font-size: .9em;
            }
            .ping {
                left: -2%;
                top: 5px;
                height: auto;
                padding: 4px 8px;
                background: #df1f1f;
                color: #fff;
                font-family: 'Party Delights Regular';
                z-index: 3;
            }.ping, .new-ping {
                position: absolute;
                display: block;
                left: 0%;
                top: 5px;
                padding: 3px 8px 6px 8px;
                text-transform: uppercase;
                background: #df1f1f;
                color: #fff;
                font-family: 'Party Delights Regular';
                z-index: 3;
                line-height: 1.15em;
                -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
                -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
                box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
            }
          
            .fold {
                bottom: -9px;
                height: 9px;
                width: 9px;
                z-index: 1;
                position: absolute;
                left: 1px;
                bottom: -9px;
                display: block;
                height: 9px;
                width: 8px;
                z-index: 1;
                 background: url(../images/fold.png) no-repeat 100% 100%;
            }
            .onsale-section {
                position: absolute;
                top: -6px;
                right: 15px;
            }

            .onsale-section:after {
                position: absolute;
                content: '';
                display: block;
                width: 0;
                height: 0;
                border-left: 50px solid transparent;
                border-right: 50px solid transparent;
                border-top: 6px solid #6ec5d5;
            }

            .onsale {
                position: relative;
                display: inline-block;
                text-align: center;
                color: #fff;
                background: #6ec5d5;
                font-size: 14px;
                line-height: 1;
                padding: 12px 8px 6px;
                border-top-right-radius: 8px;
                text-transform: uppercase
            }

            .onsale:before,
            .onsale:after {
                position: absolute;
                content: '';
                display: block;
            }

            .onsale:before {
                background: #6ec5d5;
                height: 7px;
                width: 6px;
                left: -6px;
                top: 0;
            }

            .onsale:after {
                background: #96a0a2;
                height: 7px;
                width: 8px;
                border-radius: 8px 8px 0 0;
                left: -8px;
                top: 0;
            }
            .ping.ping-fd.ping-best .fold {
                background: url(../images/fold-gold.png) no-repeat 100% 100%;
            }
            .ping.ping-fd.ping-solid {
                background: #f44336;
            }
            .callbtn{
                background: white;
                color: gray;
                margin: 0 0 5px 0;
                padding: 4px 15px;
                font-size: 14px;
                border: 1px solid gray;
                float: left;
                 font-weight: 600;
            }
            .callbtn:hover {
                background: rgba(31, 31, 31, 0.89);
                color: white;
                
            }
            .bookbtn:hover {
                background: #619de5;
                color: white;
                
            }
            .bookbtn{
                background: white;
                color: #619de5;
                margin: 0 0 5px 0;
                padding: 4px 15px;
                font-weight: 600;
                font-size: 14px;
                border: 1px solid #619de5;
                float: right;
            }
            
            /******************************
            plugin
            ******************************/
             .form-slider-wrapper {
    height: auto;
    width: 360px;
    z-index: 10;
}
            .form-out {
                background: url(../images/form-out.png) repeat;
                margin: 0;
                padding: 0;
                padding-bottom: 5px;
                min-height: 350px;
                margin: 30px 0 0 0;
            }
            #form-home h1 {
                font-size: 35px;
                font-weight: bold;
                color: #fff;
                text-shadow: -1px -1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.6);
                margin: 0;
            }
            .form-out-f .lable-home {
                display: inline-block;
                font-weight: 100;
                color: #F9F9F9;
                text-align: right;
                width: 95px;
            }
            .form-out-f .in-home {
                font-size: 16px;
                color: #000;
                background: #FFFFFF;
                padding: 5px;
                margin: 0;
                display: inline-block;
                border: 0;
                width: 257px;
            }
            .form-out-f {
                margin: 0 0 15px 0;
                padding: 0;
            }
            .form-out p {
                color: white;
                margin: 0 0 0 10px;
            }
            .form-home h1 {
                background: url(../images/form-out.png) repeat;
                text-align: center !important;
                color: #fff !important;
                margin: 0 0 20px 0 !important;
                padding: 5px 0;
            }

            /*.panel {
                background: transparent;
                border-color: transparent;
                border-radius: 0 26px 26px 0;
                box-shadow: none;
                color: #7b7b7b;
                height: 441px;
                margin-bottom: 20px;
                position: relative;
                width: auto;
            }*/
            .panel a {
                color: #fff;
                font-size: 24px;
                font-weight: 300;
            }
            .panel a:hover{
                text-decoration: none;
            }
            .panel-rightbody i{
                font-size: 40px;
            }

            .panel-default > .panel-leftheading
            {
                background: #e74b2c;
            }

            .panel-leftheading
            {
                float: left;
                height: 75%;
                padding: 10px 15px;
                position: absolute;
                width: 42px;
                border-radius: 0 15px 15px 0;
            }

            .panel-lefttitle
            {
                position: absolute;
                -webkit-transform: rotate(270deg);
                -webkit-transform-origin: left top;
                -moz-transform: rotate(270deg);
                -moz-transform-origin: left top;
                -ms-transform: rotate(270deg);
                -ms-transform-origin: left top;
                -o-transform: rotate(270deg);
                -o-transform-origin: left top;
                transform: rotate(270deg);
                transform-origin: left top;
            }
.form-slider-wrapper h3{ margin-top: 5px;}
.form-slider-wrapper h1{ color: #4e4e4e;}
            .panel-rightbody {
                background: #fff none repeat scroll 0 0;
                display: none;
                float: left;
                height: 100%;
                margin-left: 42px;
                padding: 0 10px 10px;
                border-radius: 0 25px 25px 0;
            }
            .panel-rightbody > div {
                display: table-cell;
            }


            #leftSLideBar:hover .panel-rightbody {
                display: table;
            }
            #rightSLideBar {
                right: 40px;
                position: fixed;
                top: 180px;
                z-index: 99;
            }
            #rightSLideBar .panel-lefttitle{
                bottom: -17px;
                font-size: 15px;
                font-weight: 300;
                margin-left: -5px;
                white-space: normal;
                width: 240px;
                color: white;
            }
            #rightSLideBar .panel-lefttitle i.fa{
                display: block;
                float: left;
                font-size: 25px;
                padding-right: 11px;
            }
            #rightSLideBar .panel-leftheading {
                font-size: 15px;
                font-weight: 300;
                line-height: 15px;
                right: -47px;
                border-radius: 15px 0 0 15px;
                width: 49px;
            }
            #rightSLideBar .panel-rightbody{
                position: relative;
                border-radius:10px 0 0 10px;
                border:1px solid #000;
                border-right: none;
                margin-right: -40px;
            }
            #rightSLideBar .panel-rightbody > div{ vertical-align : top; }
            #rightSLideBar .panel{ height:247px;}
            #rightSLideBar .panel-rightbody h4 {
                font-size: 17px;
                font-weight: 700;
                line-height: 20px;
                text-align: left
            }
            #rightSLideBar .panel-rightbody p{
                font-size: 12px;
                font-weight: 400;
                line-height: 14px;
                max-width: 264px;
                text-align: left;
            }
            #rightSLideBar:hover .panel-rightbody {
                display: table;
            }
            #rightSLideBar:hover .panel-leftheading {
                background:#1BB4A4;
            }

            #botcell {
                bottom: 17px;
                left: 74px;
                position: absolute;
            }
            #rightSLideBar:hover .panel-leftheading,
            #leftSLideBar:hover .panel-leftheading{
                border-radius: 1px 1px 1px 1px;
                opacity: 1;
            }
            #rightSLideBar:hover .panel-leftheading{
                border-top: 1px solid #000;
                border-bottom: 1px solid #000;
            }
            /*************************
*******blog-post******
**************************/
.blog-post {
    background: white;
    margin-bottom: 40px;
}
.shadow-hover {
    transition: all 0.4s linear;
}
.blog-post-img {
    position: relative;
    display: block;
}
.blog-post-img img {
    max-width: 100%;
    height: auto;
}
.blog-post-img .img-fade {
    opacity: 0.7;
}
.img-fade {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.blog-post-date {
    position: absolute;
    background: url(../images/hexagon.png) no-repeat;
    line-height: 1.1;
    bottom: -21px;
    padding-top: 7px;
    left: 30px;
    font-size: 12px;
    width: 90px;
    text-align: center;
}
.blog-post-date span {
    font-weight: bold;
    font-size: 22px;
    display: block;
}
.blog-post-img img {
    max-width: 100%;
    height: auto;
}
.blog-post-content {
    padding: 5%;
}
.content ul li {
    list-style-type: disc;
   /* margin-left: 20px;*/
       padding: 0;
}
.content p {
    line-height: 1.8;
    margin-bottom: 27px;
}
.blog-post-details li {
   /* margin-right: 13px;*/
    font-weight: 600;
    font-size: 13px;
    color: #9eaab2;
    list-style: none !important;
    display: inline;
}
.button-icon.small {
    padding-left: 38px;
    padding-right: 15px;
}
.button.small {
    padding: 6px 23px 6px 23px;
    font-size: 12px;
}
.button.alt {
    background-color: #4fba6f;
}
.shadow-hover:hover {
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}
/*************************
*******testimonial******
**************************/
#testimonial{
    padding: 10px 0;
}
#testimonial h2{
        text-align: center;
    margin-bottom: 40px;
}
#box_section h2:after{
    content: '';
    display: block;
    height: 3px;
    width: 50px;
    margin-top: 10px;
    clear: both;
    position: absolute;
    background: #d76252;
}
#testimonial  h2:after ,#how-it-work  h2:after ,#services  h2:after ,#shifting h2:after{
    content: '';
    display: block;
    height: 3px;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    float: left;
    margin-top: 10px;
    clear: both;
    position: absolute;
    background: #d76252;
}
#testimonial article {
    width: 100%;
    padding: 1em;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 1em;
    color:#FFC345;
}

#testimonial blockquote {
    padding: 18px 20px;
    background: white;   
    border: 1px solid #e1e1e1;
    height: 175px;
}
#testimonial .initial-container {
    width: 55px;
    height: 55px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 50px;
    background-color: #795548;
    border-radius: 50%;
}
#testimonial cite {
    font-size: 14px;
    font-weight: 600;
    color: rgba(0,0,0,0.8);
    font-family: 'Roboto', sans-serif;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
    margin-top: 5px;
    text-align: left;
}
#testimonial cite span {
    font-weight: 400;
    color: rgba(0,0,0,0.8);
    font-family: 'Roboto', sans-serif;
    display: block;
    font-size: 11px;
    font-style: normal;
}
#testimonial .testi-detail {
    border-left: 1px solid #ccc;
}
#testimonial .color-24a39f {
   color: #1587bb;
}
#testimonial blockquote a {
   color: #1587bb;
    text-decoration: none;
}
#testimonial blockquote p {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    min-height: 80px;
    overflow: hidden;
    margin: 0;
    clear: both;
}
#testimonial .title{font-size: 18px;}

		#fade-quote-carousel.carousel {
                padding-bottom: 60px;
            }
            #fade-quote-carousel.carousel .carousel-inner .item {
                opacity: 0;
                -webkit-transition-property: opacity;
                -ms-transition-property: opacity;
                transition-property: opacity;
            }
            #fade-quote-carousel.carousel .carousel-inner .active {
                opacity: 1;
                -webkit-transition-property: opacity;
                -ms-transition-property: opacity;
                transition-property: opacity;
            }
            #fade-quote-carousel.carousel .carousel-indicators {
                bottom: 10px;
            }
            #fade-quote-carousel.carousel .carousel-indicators > li {
                background-color: #80b1d5;
                border: none;
            }

   .video {
    height: 0;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 56.25%; /* Если видео 16/9, то 9/16*100 = 56.25%. Также и с 4/3 - 3/4*100 = 75% */
}
.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
div.stars {
                display: inline-block;
                float: left;
                margin-left: 6px;
            }

            input.star { display: none; }

            label.star {
                float: right;
                padding: 1px;
                font-size: 16px;
                color: #444;
                transition: all .2s;
            }

            input.star:checked ~ label.star:before {
                content: '\f005';
                color: #f5de3b;
                transition: all .25s;
            }

            input.star-5:checked ~ label.star:before {
                color: #f5de3b;
            }

            input.star-1:checked ~ label.star:before { color: #f5de3b; }

            label.star:hover { transform: rotate(-10deg) scale(1.3); }

            label.star:before {
                content: '\f006';
                font-family: FontAwesome;
            }