/* ==========================================================================
    Foxstar By Crackthemes
    ========================================================================== */

	@import url('https://fonts.googleapis.com/css?family=Poppins:300,600,700|Roboto');
	
/*  ==========================================================================
    Common Styles
    ========================================================================== */
*{
	padding: 0;
	margin: 0;
}
body{
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #555;
    font-weight: 400;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing:antialiased;
	color: #282828;
}
h1{
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 10px;
    letter-spacing: -0.04em;
}
h2{
    font-size: 28px;
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}
h3,h4{
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.4;
    color: #303133;
    letter-spacing: -0.01em;
}
h3{
    font-size: 17px;
}
h4{
    font-size: 15px;
}
h5,h6{
    font-size: 14px;
    margin: 0 0 10px;
}
img{
    border: none;
    outline:none;
}
ul{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
p, li, a, span{
    letter-spacing: 1px;
}
p{
    font-size: 14px;
    margin-bottom: 15px;
}
a, a:hover{
    text-decoration: none;
}
a:focus{
    outline: 0;
    text-decoration: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
   color: #ddd !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder{ /* Firefox 18- */
   color: #ddd !important;  
}

input::-moz-placeholder,
textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #ddd !important;  
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder{  
   color: #ddd !important;  
}
button{
    border: none;
}
/* Helper Class */
.padding{
    padding: 50px 0;
}
.no-padding{
    padding: 0;
}
.mb-15{ margin-bottom: 15px; }
.mb-20{ margin-bottom: 20px; }
.mb-25{ margin-bottom: 25px; }
.mb-30{ margin-bottom: 30px; }
.mb-35{ margin-bottom: 35px; }
.mb-40{ margin-bottom: 40px; }
.mb-45{ margin-bottom: 45px; }
.mb-50{ margin-bottom: 50px; }
.fz-28{ font-size: 28px; }
.fz-24{ font-size: 24px; }
.fz-22{ font-size: 22px; }
.fz-20{ font-size: 20px; }
.fz-18{ font-size: 18px; }
.text-black{
    color: #282828;
}
.text-white{
    color: #ffffff;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}
.fl-right{
    float: right;
}
.fl-left{
    float: left;
}
.display-table{
    width: 100%;
    height: 100%;
    display: table;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;
}
.overlay{
    width: 100%;
    position: relative;
    z-index: 1;
}
.overlay:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

/* Preloader Styles */
#preloader{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s .5s ease;
    -moz-transition: all .5s .5s ease;
    transition: all .5s .2s ease;
}
.loader{
    position:absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-top: -30px;
}
body.loaded #preloader{
    opacity: 0;
    visibility: hidden;
}

/* Button Style */
.btn_group{}
.btn_group a{
    margin: 5px;
}
.fs_btn{
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    line-height: 45px;
    display: inline-block;
    padding: 0 25px;
    border-radius: 3px;
}
.fs_btn:hover{
    background-color: #fff;
    color: #282828;
}
.fs_btn.btn_sm{
    line-height: 40px;
    padding: 0 15px;
}
.fs_btn.btn_1{
    background-color: #fff;
    border: 2px solid #fff;
    color: #282828;
}
.fs_btn.btn_1:hover{
    background: none;
    color: #fff;
}
.fs_btn.btn_3,
.fs_btn.btn_2{ background-color: #0095eb; border: 2px solid #0095eb; color: #fff; }
.fs_btn.btn_2:hover{ background: none; color: #fff; }
.fs_btn.btn_3:hover{ background: none; color: #282828; }
.fs_btn.btn_4{ background-color: #01acf1; border: 2px solid #01acf1; color: #fff; }
.fs_btn.btn_4:hover{ background-color: transparent;  color: #282828; }
.fs_btn.btn_5{ background-color: transparent; border: 2px solid #ffc327; color: #fff; }
.fs_btn.btn_5:hover{ background-color: #ffc327; color: #fff; }
.fs_btn.btn_6{ background-color: #007aff; border: 2px solid #007aff; color: #fff; }
.fs_btn.btn_6:hover{ background-color: transparent; color: #fff; }
.fs_btn.btn_6{ background-color: #8e43e7; border: 2px solid #8e43e7; color: #fff; }
.fs_btn.btn_6:hover{ background-color: transparent; color: #282828; }
.fs_btn.btn_7{ background-color: #f96332; border: 2px solid #f96332; color: #fff; }
.fs_btn.btn_7:hover{ background-color: transparent; color: #fff; }
.fs_btn.btn_8{ background-color: #feb514; border: 2px solid #feb514; color: #fff; }
.fs_btn.btn_9{ background-color: #ffcb0c; border: 2px solid #ffcb0c; color: #232323; }
.fs_btn.btn_10{ background-color: #8aca3e; border: 2px solid #8aca3e; color: #fff; }
.fs_btn.btn_11{ background-color: #E84D87; border: 2px solid #E84D87; color: #fff; }
.fs_btn.btn_11:focus,
.fs_btn.btn_12{ border: none; background-color: #861518; color: #fff; }
.fs_btn.btn_12:focus,
.fs_btn.btn_12:hover{ background-color: #bb2428; color: #fff; }
.fs_btn.btn_13{ background-color: #a53c47; color: #fff; border: none; }
.fs_btn.btn_13:focus,
.fs_btn.btn_13:hover{ background-color: #cc5763; color: #fff; }
.fs_btn.btn_14{ background: none; border: 2px solid #cead0a; color: #fff; }
.fs_btn.btn_14:focus,
.fs_btn.btn_14:hover{ background-color: #cead0a; color: #fff; }
.fs_btn.btn_15{ background-color: #ed421c; border: 2px solid #ed421c; color: #fff; }
.fs_btn.btn_16{ background-color: #de00a7; border: 2px solid #de00a7; color: #fff; }
.fs_btn.btn_17{ background-color: #ff6863; border: 2px solid #ff6863; color: #fff; }
.fs_btn.btn_18{ background-color: #00c4ff; border: 2px solid #00c4ff; color: #fff; }
.fs_btn.btn_19{ background-color: #7fbb00; border: 2px solid #7fbb00; color: #fff; }
.fs_btn.btn_20{ background-color: #DEAA6E; border: 2px solid #DEAA6E; color: #fff; }
.fs_btn.btn_21{ background-color: #ffc40b; border: 2px solid #ffc40b; color: #fff; }
.fs_btn.btn_22{ background-color: #fcd846; border: 2px solid #fcd846; color: #282828; }
.fs_btn.btn_23{ background-color: #026dfe; border: 2px solid #026dfe; color: #fff; }
.fs_btn.btn_24{ background-color: #fac800; border: 2px solid #fac800; color: #fff; }
.fs_btn.btn_25{ background-color: #ff396b; border: 2px solid #ff396b; color: #fff; }
.fs_btn.btn_26{ background-color: #ffb923; border: 2px solid #ffb923; color: #fff; }
.fs_btn.btn_27{ background-color: #ff492d; border: 2px solid #ff492d; color: #fff; }
.fs_btn.btn_28{ background-color: #d69e6d; border: 2px solid #d69e6d; color: #fff; }
.fs_btn.btn_26:focus, .fs_btn.btn_26:hover, .fs_btn.btn_25:focus, .fs_btn.btn_25:hover, .fs_btn.btn_23:focus, .fs_btn.btn_23:hover, .fs_btn.btn_22:focus, .fs_btn.btn_22:hover, .fs_btn.btn_21:focus, .fs_btn.btn_21:hover, .fs_btn.btn_20:focus, .fs_btn.btn_20:hover, .fs_btn.btn_18:focus, .fs_btn.btn_18:hover, .fs_btn.btn_17:focus, .fs_btn.btn_17:hover, .fs_btn.btn_16:focus, .fs_btn.btn_16:hover, .fs_btn.btn_11:focus, .fs_btn.btn_11:hover, .fs_btn.btn_10:focus, .fs_btn.btn_10:hover, .fs_btn.btn_9:focus, .fs_btn.btn_9:hover, .fs_btn.btn_8:focus, .fs_btn.btn_8:hover{ background-color: #FFDB58; color: #282828; }
.fs_btn.btn_28:focus, .fs_btn.btn_28:hover, .fs_btn.btn_27:focus, .fs_btn.btn_27:hover, .fs_btn.btn_24:focus, .fs_btn.btn_24:hover, .fs_btn.btn_19:focus, .fs_btn.btn_19:hover, .fs_btn.btn_15:focus, .fs_btn.btn_15:hover{ background-color: transparent; color: #fff; }
.dl_btn {
    border: 2px solid #fff;
    display: inline-block;
    height: 60px;
    text-align: left;
    color: #fff;
    padding: 10px 25px 9px 50px;
    position: relative;
    transition: all 0.5s ease-in-out;
}
.dl_btn:focus,
.dl_btn:hover{
    background-color: #fff;
    color: #282828;
    transition: all 0.5s ease-in-out;
}
.dl_btn:focus,
.dl_btn:hover i{
    color: #282828;
}
.dl_btn i {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    width: 40px;
    height: 56px;
    text-align: right;
    line-height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}
.dl_btn .sm_txt {
    display: block;
    font-size: 10px;
    line-height: 12px;
    margin: 0;
}
.dl_btn .big_txt {
    display: block;
    font-size: 20px;
    margin: 0;
}

/* Transition Effect */
a,a:hover, .overlay, img, .form-control,  .form-control:hover, button, .portfolio_item:before, .polio-info:before, .polio-info a.img_popup, .polio-info > h3, .polio-info > h3:before, .polio-info > p{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* ==========================================================================
   Header Section
   ========================================================================== */
header{
    width: 100%;
    z-index: 999;
    position: relative;
}
.header1{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 100px;
}
.navbar-fixed-top.header1{
    position: fixed;
    margin-top: -40px;
}
.navbar-fixed-top .navbar-collapse{
    max-height: 100%;
}
.header1 .top_header{
    border-bottom: 1px solid #ddd;
    height: 39px;
    line-height: 39px;
}
.header1 .top_header .top_left p{
    color: #777;
    line-height: 39px;
    margin: 0;
}
.header1 .social_icons li{
    display: inline-block;
}
.header1 .social_icons li a{
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
    color: #777;
}
.header1 .social_icons li a:hover{
    color: #282828;
}
.navbar{
    border: medium none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0;
    position: relative;
}
.navbar-header{
    padding: 17px 0;
}
.navbar-header .brand{
    font-size: 25px;
    color: #282828;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -1px;
    font-weight: 700;
    margin-left: 15px;
}
.navbar-header .brand img{
    width: 135px;
    height: 50px;
}
.navbar-header .nav-btn {
    font-size: 22px;
    margin: 3px 25px 0 0px;
    padding: 10px;
}
.navbar-header .nav-btn .icon-bar{
    background-color: #282828;
    width: 18px;
}
.navbar-header .nav-btn:hover,
.navbar-header .nav-btn:focus{
    opacity: 0.8;
}

/* Nav Menu */
#navbar{
    z-index: 999;
}
ul.nav{}
ul.nav > li{}
ul.nav > li > a{
    color: #777;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 15px 10px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 400;
    line-height: 59px;
}
.header1 ul.nav > li > a:hover, .header1 ul.nav > li > a:focus, .header1 ul.nav > li.active > a{
    background: none;
    color: #282828;
}

/* Header 2 */
.header2{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 100px;
}
.header2 .navbar-fixed-top.header2{
    margin-top: -40px;
}
.header2 .top_header{
    border-bottom: 1px solid #ddd;
    height: 39px;
}
.header2 .top_header .top_left{
    color: #777;
}
.header2 .top_header .top_left ul li{
    display: inline-block;
    margin-right: 10px;
    line-height: 39px;
}
.header2 .top_header .top_left ul li i{
    margin-right: 5px;
}
.header2 .social_icons{
    line-height: 39px;
}
.header2 .social_icons li{
    display: inline-block;
}
.header2 .social_icons li a{
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
    color: #777;
}
.header2 .social_icons li a:hover{
    color: #282828;
}
.header2  .navbar .collapse .nav_btn{
    background-color: #7fbb00;
    display: inline-block;
    color: #fff;
    line-height: 45px;
    margin: 7px 0;
    padding: 0 15px;
}
.header2  .navbar .collapse .nav_btn:hover{
    opacity: 0.8;
}
.header2 .navbar-header .brand{
    color: #282828;
}
.header2 .navbar-header .nav-btn .icon-bar{
    background-color: #282828;
    width: 18px;
}
.header2 ul.nav > li > a{
    color: #777;
}
.header2 ul.nav > li > a:hover, .header2 ul.nav > li > a:focus, .header2 ul.nav > li.active > a{
    background: none;
    color: #232323;
}

/* Header 3 */
.header3{
    background-color: #232323;
    height: 60px;
}
.navbar-fixed-top.header3{
    position: fixed;
}
.header3 .navbar-header .brand{
    color: #fff;
}
.header3 .navbar-header .nav-btn .icon-bar{
    background-color: #fff;
    width: 18px;
}
.header3 ul.nav > li > a{
    color: #ddd;
}
.header3 ul.nav > li > a:hover, .header3 ul.nav > li > a:focus, .header3 ul.nav > li.active > a{
    background: none;
    color: #DEAA6E;
}

/* Header 4 */
.header4{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 60px;
}
.navbar-fixed-top.header4{
    position: fixed;
}
.header4 .navbar .collapse .nav_btn {
    background-color: #007aff;
    border: 2px solid #007aff;
    display: inline-block;
    color: #fff;
    line-height: 40px;
    margin: 8px 8px;
    padding: 0 15px;
}
.header4 .navbar .collapse .nav_btn:hover{
    background-color: transparent;
    color: #282828;
}
.header4 .navbar-header .brand{
    color: #282828;
}
.header4 .navbar-header .nav-btn .icon-bar{
    background-color: #282828;
}
.header4 ul.nav > li > a{
    color: #777;
}
.header4 ul.nav > li > a:hover, .header4 ul.nav > li > a:focus, .header4 ul.nav > li.active > a{
    background: none;
    color: #282828;
}

/* Header 5 */
.header5{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 100px;
}
.navbar-fixed-top.header5{
    margin-top: -60px;
    position: fixed;
}
.header5 .top_header{
    border-bottom: 1px solid #ddd;
    height: 60px;
}
.header5 .top_header .top_left{
    color: #777;
    line-height: 56px;
}
.header5 .top_header .top_left .brand{
    font-size: 25px;
    color: #282828;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -1px;
    font-weight: 600;
}
.header5 .top_header .top_right ul li{
    display: inline-block;
    margin-right: 10px;
}
.header5 .top_header .top_right ul li i{
    margin-right: 5px;
}
.header5 .top_header .top_right{
    line-height: 56px;
}
.header5 .nav_social{
    text-align: right;
}
.header5 .nav_social li{
    display: inline-block;
    line-height: 39px;
}
.header5 .nav_social li a{
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
    color: #777;
}
.header5 .nav_social li a:hover{
    color: #282828;
}
.header5 .navbar-header .brand{
    color: #282828;
}
.header5  .navbar-header .nav-btn .icon-bar{
    background-color: #282828;
}
.header5 ul.nav > li > a{
    color: #777;
    padding: 0 10px;
    font-size: 12px;
    line-height: 40px;
}
.header5 ul.nav > li > a:hover, .header5 ul.nav > li > a:focus, .header5 ul.nav > li.active > a{
    background: #fcd846;
    color: #282828;
}

/* Header 6 */
.header6{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 100px;
}
.header6.navbar-fixed-top{
    margin-top: -40px;
    position: fixed;
}
.header6 .top_header{
    background-color: #232323;
    height: 40px;
}
.header6 .top_header .top_left{
    color: #999;
    line-height: 40px;
}
.header6 .top_header .top_left ul li{
    display: inline-block;
    margin-right: 10px;
}
.header6 .top_header .top_left ul li i{
    margin-right: 5px;
}
.header6 .social_icons li{
    display: inline-block;
}
.header6 .social_icons li a{
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 5px;
    color: #999;
}
.header6 .social_icons li a:hover{
    color: #fff;
}

.header6 .navbar-header .brand{
    color: #282828;
}
.header6 .navbar-header .nav-btn .icon-bar{
    background-color: #282828;
}
.header6 ul.nav > li > a{
    color: #777;
}
.header6 ul.nav > li > a:hover,
.header6 ul.nav > li > a:focus,
.header6 ul.nav > li.active > a{
    background: #026dfe;
    color: #fff;
}

/* Header 7 */
.header7{
    background-color: #232323;
    height: 100px;
}
.navbar-fixed-top.header7{
    margin-top: -40px;
    position: fixed;
}
.header7 .top_header{
    background-color: #fff;
    height: 40px;
}
.header7 .top_header .top_left{
    color: #777;
    line-height: 40px;
}
.header7 .top_header .top_left ul li{
    display: inline-block;
    margin-right: 10px;
}
.header7 .top_header .top_left ul li i{
    margin-right: 5px;
}
.header7 .social_icons li{
    display: inline-block;
}
.header7 .social_icons li a{
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 5px;
    color: #777;
}
.header7 .social_icons li a:hover{
    color: #282828;
}
.header7 .navbar-header .brand{
    color: #fff;
}
.header7 .navbar-header .nav-btn .icon-bar{
    background-color: #fff;
}
.header7 ul.nav > li > a{
    color: #ddd;
}
.header7 ul.nav > li > a:hover, .header7 ul.nav > li > a:focus, .header7 ul.nav > li.active > a{
    background: none;
    color: #fff;
}

/* Header 8 */
.header8{
    background-color: #ffcb0c;
    border-bottom: 1px solid #444;
    height: 120px;
}
.navbar-fixed-top.header8{
    margin-top: -40px;
    position: fixed;
}
.header8 .top_header{
    border-bottom: 1px solid #444;
    height: 40px;
}
.header8 .top_header .top_left{
    color: #232323;
    line-height: 40px;
}
.header8 .top_header .top_left ul li{
    display: inline-block;
    margin-right: 10px;
}
.header8 .top_header .top_left ul li i{
    margin-right: 5px;
}
.header8 .social_icons li{
    display: inline-block;
}
.header8 .social_icons li a{
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    padding: 0 5px;
    color: #ddd;
}
.header8 .social_icons li a:hover{
    color: #fff;
}
.header8 .navbar-header .brand{
    color: #fff;
}
.header8 .navbar-header .nav-btn .icon-bar{
    background-color: #fff;
}
.header8 ul.nav > li > a{
    color: #232323;
}
.header8 ul.nav > li > a:hover, .header8 ul.nav > li > a:focus, .header8 ul.nav > li.active > a{
    background: none;
    color: #232323;
}

/* Header 9 */
.header9{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 60px;
}
.navbar-fixed-top.header9{
    position: fixed;
}
.header9 .navbar-header .brand{
    color: #282828;
}
.header9 .navbar-header .nav-btn .icon-bar{
    background-color: #282828;
    width: 18px;
}
.header9 ul.nav > li > a{
    color: #777;
    position: relative;
}
.header9 ul.nav > li > a:hover, .header9 ul.nav > li > a:focus, .header9 ul.nav > li.active > a{
    background: none;
    color: #282828;
}
.header9 ul.nav > li.active > a::before, .header9 ul.nav > li.active > a::after, .header9 ul.nav > li > a::before, .header9 ul.nav > li > a::after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}
.header9 ul.nav > li.active > a::before, .header9 ul.nav > li > a::before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
}
.header9 ul.nav > li.active > a::after, .header9 ul.nav > li > a::after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px);
}
.header9 ul.nav > li.active > a::before, .header9 ul.nav > li.active > a::after, .header9 ul.nav > li > a:hover::before, .header9 ul.nav > li > a:hover::after {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}

/* Header 10 */
.header10{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 60px;
}
.navbar-fixed-top.header10{
    position: fixed;
}

.header10 .navbar-header .brand{
    color: #282828;
}
.header10 .navbar .collapse .nav_btn{
    background-color: #e0a455;
    display: inline-block;
    color: #fff;
    line-height: 45px;
    margin: 7px 5px;
    padding: 0 15px;
}
.header10 .navbar .collapse .nav_btn:hover{
    opacity: 0.8;
}
.header10 .navbar-header .nav-btn .icon-bar{
    background-color: #282828;
    width: 18px;
}
.header10 ul.nav > li > a{
    color: #282828;
}
.header10 ul.nav > li > a:hover, .header10 ul.nav > li > a:focus, .header10 ul.nav > li.active > a{
    background: #e0a455;
    color: #fff;
}

/* Header 11 */
.header11{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    height: 115px;
}
.navbar-fixed-top.header11{
    margin-top: -70px;
    position: fixed;
}
.header11 .top_header{
    border-bottom: 1px solid #ddd;
    text-align: center;
    height: 70px;
}
.header11 .top_header .top_logo{
    font-size: 30px;
    display: inline-block;
    color: #282828;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -2px;
    margin: 23px 0;
    font-weight: 600;
}
.header11 .navbar-header .brand{
    color: #282828;
}
.header11 .navbar-header .nav-btn .icon-bar{
    background-color: #282828;
}
.header11 ul.nav{
    display: block;
    width: 100%;
    text-align: center;
}
.header11 ul.nav > li{
    display: inline-block;
    float: none;
}
.header11 ul.nav > li > a{
    color: #777;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 0;
    margin: 0 10px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 45px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.header11 ul.nav > li > a:hover, .header11 ul.nav > li > a:focus, .header11 ul.nav > li.active > a{
    background: none;
    color: #282828;
}

.header11 ul.nav > li > a:before, .header11 ul.nav > li.active > a:before{
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 10px;
    background: #282828;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.header11 ul.nav > li > a:hover:before, .header11  ul.nav > li.active > a:before{
    left: 0;
    right: 0;
}

/* Header 12 */
.header12{
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
.navbar-fixed-top.header12{
    background-color: #1cb6ff;
    position: fixed;
}
.header12 .navbar-header .brand{
    color: #fff;
}
.header12 .navbar-header .nav-btn .icon-bar{
    background-color: #fff;
}
.header12 ul.nav > li > a{
    color: #f7f7f7;
    z-index: 1;
}
.header12 ul.nav > li > a:hover, .header12 ul.nav > li > a:focus, .header12 ul.nav > li.active > a{
    background: none;
    color: #fff;
}

/* Header 13 */
.header13{
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
.navbar-fixed-top.header13{
    background-color: #232323;
    border-bottom: 1px solid #444;
    position: fixed;
}
.header13 .navbar-header .brand{
    color: #fff;
}
.header13 .navbar-header .nav-btn .icon-bar{
    background-color: #fff;
}
.header13 ul.nav > li > a{
    color: #ddd;
    z-index: 1;
}
.header13 ul.nav > li > a:hover, .header13 ul.nav > li > a:focus, .header13 ul.nav > li.active > a{
    background: none;
    color: #fff;
}

/* Header 14 */
.header14{
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
.navbar-fixed-top.header14{
    background-color: #232323;
    border-bottom: 1px solid #444;
    position: fixed;
}
.header14 .navbar-header .brand{
    color: #282828;
}
.header14 .navbar-header .nav-btn .icon-bar{
    background-color: #fff;
}
.header14 ul.nav > li > a{
    color: #fff;
    z-index: 1;
}
.header14 ul.nav > li > a:hover, .header14 ul.nav > li > a:focus, .header14 ul.nav > li.active > a{
    background: none;
    color: #fff;
}
.header14 .navbar-fixed-top ul.nav > li > a{
    color: #777;
}
.header14 .navbar-fixed-top ul.nav > li > a:hover, .header14 .navbar-fixed-top ul.nav > li > a:focus, .header14 .navbar-fixed-top ul.nav > li.active > a{
    background-color: #01acf1;
    color: #fff;
}

/* ==========================================================================
   Hero Section
   ========================================================================== */
.hero_section {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.height-100{ height: 100%; }
#ajax_registration .alert,
#ajax_form .alert{ display: none; }
#ajax_registration .alert.alert-success,
#ajax_form .alert.alert-success,
#ajax_registration .alert.alert-danger,
#ajax_form .alert.alert-danger{ display: block; }
.subscribe_form{ display: block; text-align: center; width: 100%; }
.subscribe_form .form_input{
    border: none;
    display: block;
    font-size: 14px;
    line-height: 50px;
    padding: 0 15px;
    float: left;
    width: 70%;
}
.subscribe_form .submit{
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 50px;
    display: inline-block;
    padding: 0 25px;
    font-weight: 600;
    float: left;
    width: 30%;
    margin-left: -2px;
}
.subscribe_form .submit:hover{ opacity: 0.8; }
#subscribe-result{
    display: none;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #fcd846;
}
#subscribe-result.subs-result{ display: block; }
.subscription-success,
.subscription-error{ color: #fff; }

/* Hero 1 */
.hero1{
    background-image: url(http://placehold.it/1200x600);
    background-position: 0 0;
    height: 600px;
}
.hero1.overlay:before{ background-color: rgba(0,0,0,0.5); }
.hero1 .hero_content { padding: 90px 0; }
.hero1 .hero_content h1{ margin: 0 0 15px; }
.hero1 .hero_content p{ color: #ffffff; }
.hero1 .hero_content .btn_4:hover{ color: #fff; }
.hero1 .form_container{
    display: block;
    background-color: #0095eb; 
    padding: 25px;
    color: #ffffff;
}
.hero1 .form_container h2{ line-height: 1.2; }
.hero1 .reg_form .form-control{
    border-radius: 0;
    border: none;
    background-color: #fff;
    color: #333;
}
.hero1 .reg_form .btn_4{
    background-color: #fff;
    border: 2px solid #fff;
    color: #282828;
}
.hero1 .reg_form .btn_4:hover{
    background: none;
    color: #fff;
}
.hero8 .reg_form input::-webkit-input-placeholder, .hero8 .reg_form textarea::-webkit-input-placeholder,
.hero1 .reg_form input::-webkit-input-placeholder, .hero1 .reg_form textarea::-webkit-input-placeholder{
   color: #888 !important;
}
.hero8 .reg_form input:-moz-placeholder, .hero8 .reg_form textarea:-moz-placeholder,
.hero1 .reg_form input:-moz-placeholder, .hero1 .reg_form textarea:-moz-placeholder{ /* Firefox 18- */
   color: #888 !important;  
}
.hero8 .reg_form input::-moz-placeholder, .hero8 .reg_form textarea::-moz-placeholder,
.hero1 .reg_form input::-moz-placeholder, .hero1 .reg_form textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #888 !important;  
}
.hero8 .reg_form input:-ms-input-placeholder, .hero8 .reg_form textarea:-ms-input-placeholder,
.hero1 .reg_form input:-ms-input-placeholder, .hero1 .reg_form textarea:-ms-input-placeholder{  
   color: #888 !important;  
}

/* Hero 2 */
.hero2{
    background-image: url(http://placehold.it/1200x680jpg);
    height: 680px;
} 
.hero2 .hero_content{
    color: #fff;
}
.hero2 .hero_content h1{
    font-size: 80px;
    color: #ffc327;
    margin: 0 0 5px;
}

/* Hero 3 */
.hero3{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
    z-index: 1;
}
.hero3 .hand_moc{
    background-image: url(../img/hero/hand-moc-1.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 80% bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.hero3 .hero_content{}

/* Hero 4 */
.hero4{
    background-image: url(http://placehold.it/1200x600);
    height: 600px;
    z-index: 1;
}
.hero4.overlay:before{
    background-color: rgba(233,39,48,0.8);
}
.hero4 .hero_inner{
    display: block;
    text-align: center;
    color: #fff;
}
.hero4 .hero_content{
    margin-bottom: 80px;
}
.hero4 .hero_content h1{
    margin: 0 0 10px;
}
.hero4 .hero_content p{}
.hero4 .hero_bottom{
    background-image: url(../img/hero/hero-4-bottom.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: scroll;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.hero4 .hero_bottom img {
    margin: 0 auto;
    width: 50%;
}

/* Hero 5 */
.hero5{
    background-image: url(http://placehold.it/1200x680);
    height: 680px;
}
.hero5.overlay:before{
    background-color: rgba(0,174,255,0.8);
}
.hero5 .hero_content{
    color: #fff;
}
.hero5 .hero_content h1{
    margin: 0 0 5px;
}

/* Hero 6 */
.hero6{
    background-image: url(http://placehold.it/1200x700);
    height: 700px;
}
.hero6.overlay:before{
    background-color: rgba(255,255,255,0.8);
}
.hero6 .hero_moc{
    background-image: url(../img/hero/hero-6-moc.png);
    background-repeat: no-repeat;
    background-position: 80% center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hero6 .hero_content {
    padding: 150px 0;
}
.hero6 .hero_content h1{}
.hero6 .hero_content p {
    font-size: 13px;
    line-height: 20px;
}
.hero6 .hero_moc img{
    width: 100%;
}

/* Hero 7 */
.hero7{
    background-image: url(http://placehold.it/1200x660);
    height: 660px;
}
.hero7.overlay:before{
    background-color: rgba(255,255,255,0.8);
}
.hero7 .hero_moc{
    background-image: url(../img/hero/hero-7-moc.png);
    background-repeat: no-repeat;
    background-position: 80% center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.hero7 .hero_content {
    padding: 150px 0;
}
.hero7 .hero_content h1{}
.hero7 .hero_content p {
    font-size: 13px;
    line-height: 20px;
}
.hero7 .hero_content .fs_btn:hover{
    color: #282828;
}
.hero7 .hero_moc{}
.hero7 .hero_moc img{
    width: 100%;
}

/* Hero 8 */
.hero8{
    background-image: url(../img/urban.jpg);
    background-position: 0 0;
    height: 600px;
}
.hero8.overlay:before{
    background-color: rgba(0,0,0,0.4);
}
.hero8 .hero_content {
    padding: 90px 0;
}
.hero8 .hero_content h1{
    margin: 0 0 15px;
}
.hero8 .hero_content p{
    color: #ffffff;
}
.hero8 .hero_content .fs_btn:hover{
    color: #fff;
}
.hero8 .form_container{
    display: block;
    background-color: #ffcb0c; 
    padding: 25px;
    color: #232323;
}
.hero8 .form_container h2{
    line-height: 1.2;
}
.hero8 .reg_form{}
.hero8 .reg_form .form-control{
    border-radius: 0;
    border: none;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    color: #333;
}
.hero8 .reg_form .fs_btn{
    background-color: #232323;
    border: 2px solid #232323;
    color: #fff;
}
.hero8 .reg_form .fs_btn:hover{
    background-color: #524f4f;
    color: #fff;
}

/* Hero 9 */
.hero9{
    background-image: url(http://placehold.it/1200x610);
    background-position: 0 0;
    height: 610px;
}
.hero9 .fs_countdown{}
.hero9 .fs_countdown li{
    background-color: rgba(255,255,255,0.3);
    display: inline-block;
    margin: 10px;
    width: 150px;
    font-size: 16px;
    padding: 25px 20px;
    color: #fff;
}
.hero9 .fs_countdown li span{
    letter-spacing: -1px;
    font-family: 'Arimo', sans-serif;
    font-size: 30px;
    font-weight: 700;
}

/* Hero 10 */
.hero10{
    background-image: url(http://placehold.it/1200x650);
    height: 650px;
}
.hero10 .hero_content{
    color: #fff;
}
.hero10 .hero_content h4{
    margin: 0;
}
.hero10 .hero_content p{
    font-size: 16px;
    font-weight: 700;
}
.hero10 .fs_countdown{}
.hero10 .fs_countdown li{
    background-color: rgba(59, 212, 102,1);
    text-align: center;
    display: inline-block;
    margin: 10px;
    font-size: 14px;
    padding: 20px;
    color: #fff;
    width: 120px;
}
.hero10 .fs_countdown li span{
    display: block;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

/* Hero 11 */
.hero11{
    background-image: url(http://placehold.it/1200x650);
    background-position: 0 0;
    height: 650px;
}
.hero11 .hero_content{
    color: #fff;
}
.hero11 .hero_content h4{
    margin: 0;
}
.hero11 .hero_content p{
    font-size: 16px;
    font-weight: 700;
}

/* Hero 12 */
.hero12{
    background-image: url(http://placehold.it/1200x570);
    height: 570px;
}
.hero12 .hero_content{
    color: #fff;
}
.hero12 .hero_content h3{
    background-color: #fcd846;
    display: inline-block;
    padding: 8px 13px;
}
.hero12 .hero_content h1{
    color: #fcd846;
}
.hero12 .hero_content p{}
.hero12 .subscribe_form .form_input{
    background: rgba(255,255,255,0.4);
    color: #ddd;
}
.hero12 .subscribe_form .submit{
    background-color: #fcd846;
    color: #111;
}

/* Hero 13 */
.hero13{
    background-color: #f7f7f7;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    height: 500px;
}

/* Hero 14 */
.hero14{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
}
.hero14 .hero_content h1{
    color: #ffffff;
    margin: 0 0 10px;
}
.hero14 .social_links{}
.hero14 .social_links li{
    display: inline-block;
}
.hero14 .social_links li a{
    background-color: #ffffff;
    display: inline-block;
    font-size: 16px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    margin: 0 3px;
    color: #282828;
    border-radius: 50%;
}
.hero14 .social_links li a:hover{
    color: #282828;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Hero 15 */
.hero15{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
} 
.hero15 .hero_content h1{
    color: #ffd435;
    margin: 0 0 -3px;
}
.hero15 .hero_content p{
    font-size: 18px;
    margin: 0;
}

/* Hero 16 */
.hero16{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
    text-align: center;
    z-index: 1;
}
.hero16 .hero_content{
    display: inline-block;
    border: 2px solid #282828;
}
.hero16 .hero_content .content_inner{
    background-color: rgba(255,255,255,0.6);
    padding: 70px;
    margin: 10px;
}
.hero16 .hero_content h1{
    margin: 0 0 -3px;
    letter-spacing: -0.06em;
}
.hero16 .hero_content p{
    color: #282828;
    font-size: 16px;
    margin: 0;
} 

/* Hero 17 */
.hero17{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
}

/* Hero 18 */
.hero18{
    background-image: url(http://placehold.it/1200x670);
    height: 670px;
    z-index: 1;
}
.hero18 .hero_content {
    color: #fff;
}
.hero18 .hero_content .fs_btn{
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    margin: 0 10px 0 0;
}
.hero18 .hero_content .fs_btn:hover{
    background-color: #fff;
    color: #282828;
}
.hero18 .man_block{
    background-image: url(../img/hero/hero-18-men.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 90% bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

/* Hero 19 */
.hero19{
    background-image: url(http://placehold.it/1200x700);
    height: 700px;
}
.hero19 .hero_content {
    color: #fff;
    padding: 150px 0;
}
.hero19 .hero_content .fs_btn:hover{
    color: #fff;
}
.hero19 .hero_img img{
    width: 100%;
}

/* Hero 20 */
.hero20{
    background-image: url(http://placehold.it/1200x670);
    background-position: 0 0;
    height: 670px;
    overflow: hidden;
}
.hero20.overlay:before{
    background-color: rgba(1,172,241,0.5);
}
.hero20 .hphone {
    background-image: url(../img/hero/headphone.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right 65px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 12%;
    bottom: 0;
    z-index: -1;
}
.hero20 .hero_content{
    color: #fff;
}
.hero20 .hero_content .fs_btn{
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}
.hero20 .hero_content .fs_btn:hover{
    background-color: #fff;
    color: #111;
}

/* Hero 21 */
.hero21{
    background-image: url(http://placehold.it/1200x450);
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 450px;
}
.hero21 .hero_content h1 {
    font-size: 36px;
    margin: 0 0 20px;
}
.hero21 .hero_content h1 span {
    display: block;
    font-size: 65px;
}

/* Hero 22 */
.hero22{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
}
.hero22.overlay:before{
    background-color: rgba(0,0,0,0.5);
}
.hero22 .hero_content{
    color: #fff;
}

/* Hero 23 */
.hero23{
    background-image: url(http://placehold.it/1200x570);
    height: 570px;
}
.hero23.overlay:before{
    background-color: rgba(0,0,0,0.6);
}

/* Hero 24 */
.hero24{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
}
.hero24.overlay:before{
    background-color: rgba(0,0,0,0.8);
}
.hero24 .hero_content{
    color: #fff;
}
.hero24 .hero_content h1{
    color: #cead0a;
}
/* Reservation Form */
.hero24 .reserv_form {
    background-color: rgba(255,255,255,0.4);
    padding: 30px;
}
.hero24 .reserv_form .form-group{
    margin: 10px 0;
}
.hero24 .reserv_form .form-control{
    background-color: rgba(0,0,0,0.4);
    border: none;
    box-shadow: none;
    color: #fff;
    border-radius: 0;
    height: 49px;
}
.hero24 .reserv_form .form-control:hover{
    background-color: rgba(0,0,0,0.8);
}
.hero24 .reserv_form .fs_btn {
    display: block;
    width: 100%;
}
.hero24 #reserv_form #msg-status{
    display: none;
}
.hero24 #reserv_form .alert.alert-success,
.hero24 #reserv_form .alert.alert-danger{
    display: block;
} 
.hero24 .reserv_form input::-webkit-input-placeholder,
.hero24 .reserv_form textarea::-webkit-input-placeholder{
   color: #fff !important;
}
.hero24 .reserv_form input:-moz-placeholder,
.hero24 .reserv_form textarea:-moz-placeholder{ /* Firefox 18- */
   color: #fff !important;  
}
.hero24 .reserv_form input::-moz-placeholder,
.hero24 .reserv_form textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #fff !important;  
}
.hero24 reserv_form input:-ms-input-placeholder,
.hero24 .reserv_form textarea:-ms-input-placeholder{  
   color: #fff !important;  
}

/* Hero 25 */
.hero25{
    background-image: url(http://placehold.it/1200x550);
    height: 550px;
}
.hero25.overlay:before{
    background-color: rgba(0,0,0,0.8);
}
.hero25 .hero_content h1{
    margin: 0;
}
.hero25 .hero_content .fs_btn{
    color: #fff;
}

/* Hero 26 */
.hero26{
    background-image: url(http://placehold.it/1200x610);
    height: 610px;
}
.hero26 .hero_content{
    background-color: rgba(255,255,255,0.7);
    display: inline-block;
    padding: 40px;
}
.hero26 .hero_content h1{
    font-size: 40px;
}
.hero26 .hero_content p{
    margin: 0 0 5px;
}
/* Hero 27 */
.hero27{
    background-image: url(http://placehold.it/1200x670);
    background-attachment: scroll;
    height: 670px;
}

/* Hero 28 */
.hero28{
    background-image: url(http://placehold.it/1200x600);
    background-attachment: scroll;
    height: 600px;
}
.hero28 .hero_content h2{
    margin: 0;
}

/* Hero 29 */
.hero29{
    background-image: url(http://placehold.it/1200x600);
    background-attachment: scroll;
    height: 600px;
}
.hero29 .hero_content h1{
    color: #f27c9c;
    margin: 0;
}
.hero29 .hero_content h2{
    margin: 0 0 0 260px;
    color: #f27c9c;
    font-weight: 400;
}


/* ==========================================================================
   Contents
   ========================================================================== */
/* Content 1 */
.content1{ background-color: #0d0d0d; }
.content1 .about_content { padding: 70px 0; color: #ddd; }
.content1 .about_img img{ width: 100%; }

/* Content 2 */
.content2{ background-color: #f7f7f7; border-bottom: 1px solid #eaeaea; }
.content2 .about_content{ padding: 58px 0; }
.content2 .about_img img{ float: left; width: 50%; }
.content2 .about_img .about_img_1{ border: 4px solid #DEAA6E; }
.content2 .about_img_2 { margin: 90px 0 0 -4px; border: 4px solid #DEAA6E; }

/* Content 3 */
.content3{
    background-color: #f7f7f7;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    z-index: 1;
}
.content3 .block_moc{
    background-image: url(../img/content/content-3-moc.png);
    background-repeat: no-repeat;
    background-position: 80% center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.content3 ul.list li{ display: block; padding-left: 25px; position: relative; margin-bottom: 3px; }
.content3 ul.list li:before{ font-family: 'FontAwesome'; content: '\f0a4'; color: #DEAA6E; position: absolute; top: 0; left: 0; }

/* Content 4 */
.content4 .about_content h4{ margin: 0 0 3px; }
.content4 .list li{ padding-left: 25px; position: relative; }
.content4 .list li:before{ color: #00c4ff; font-family: 'FontAwesome'; content:"\f178"; position: absolute; left: 0; top: 0; }
.content4 img{ width: 100%; }

/* Content 5 */
.content5{ position: relative; }
.content5 .about_img{ width: 50%; height: 100%; position: absolute; left: 0; top: 0; }
.content5 .about_img img{ width: 100%; height: 100%; }
.content5 .about_content { padding: 80px 30px; }
.content5 .about_content .list li{ padding-left: 20px; position: relative; margin-bottom: 5px; }
.content5 .about_content .list li:before{
    font-family: 'FontAwesome';
    content: '\f058';
    color: #feb514;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
}

/* Content 6 */
.content6 .about_wrap{
    background-image: url(http://placehold.it/1150x400);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    padding: 40px;
}
.content6 .about_content{ background-color: rgba(81,45,168,0.9); padding: 30px; color: #fff; }

/* Content 7 */
.content7 img{ width: 100%; }
.content7 .about_content { padding: 38px 0; }
.content7 .about_content .list li{ padding-left: 20px;  position: relative; margin-bottom: 5px; }
.content7 .about_content .list li:before{
    font-family: 'FontAwesome';
    content: '\f058';
    color: #777;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px;
}

/* Content 8 */
.content8{ position: relative; z-index: 1; }      
.content8 .about_image{
    background-image: url(http://placehold.it/380x420);
    background-repeat: no-repeat;
    background-position: 100px bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

/* Content 9 */
.content9{ border-top: 1px solid #eaeaea; position: relative; z-index: 1; }
.content9 .about_img {
    background-image: url(http://placehold.it/330x480);
    background-repeat: no-repeat;
    background-position: 180px center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.content9 .funtacts .fact_item {
    background-color: #026dfe;
    color: #fff;
    display: inline-block;
    position: relative;
    min-height: 70px;
    padding: 20px 20px 0px 70px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.content9 .funtacts .fact_item p{ display: inline-block; margin: 0; }
.content9 .funtacts .fact_item i{
    width: 70px;
    height: 100px;
    font-size: 24px;
    line-height: 70px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}
.content9 .funtacts .fact_item h4{ margin: 0; color: #fff; font-size: 12px; }

/* Content 10 */
.content10{ background-color: #f7f7f7; border-bottom: 1px solid #eaeaea; }      
.content10 .about_content { padding: 35px 0; } 
.content10 .about_content .fs_btn:hover{ color: #282828; }
.content10 .about_image img{ width: 100%; }
.content10 .funfact{ margin-top: 20px; }
.content10 .funfact .fact_content{ display: inline-block; margin: 10px 10px 0; }
.content10 .funfact .fact_content p{ font-size: 25px; font-weight: 700; color: #282828; margin: 0; }
.content10 .funfact .fact_content h4{ margin: 0; }

/* Content 11 */ 
.content11 .about_content{  padding: 55px 0; }   
.content11 .about_image img{  width: 100%; }

/* Content 12 */
.content12{ position: relative; z-index: 1; }
.content12 .about_bg{
    background-image: url(../img/content/content-12-img.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 160px 25px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.content12 .about_content{ padding: 80px 0; }

/* Content 13 */
.content13 .about_img{ position: relative; }
.content13 .about_img .img_1{ position: absolute; left: 0; top: 70px; }
.content13 .about_img .img_2{ float: right; }
.content13 .about_content{ padding: 60px 0; }
.content13 .about_content h3{ margin: 0 0 3px; }

/* Content 14 */
.content14{ background-color: #232323; position: relative; z-index: 1; }
.content14 .about_image{
    background-image: url(../img/content/content-14.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 85% 2px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

/* Content 15 */
.content15 .idea_content{ padding: 58px 0; }
.content15 .idea_images img{ float: left; width: 50%; }
.content15 .idea_images .idea_images_2{ padding: 74px 0; }

/* Content 16 */
.content16{ background-color: #f7f7f7; /* border-bottom: 1px solid #eaeaea;*/ }   
.about_image img{ width: 100%; }   
.content16 .about_content{ padding: 42px 0; } 

/* Content 17 */
.content17{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.content17 img{ width: 100%; }
.content17 .content_list li{
    display: block;
    color: #282828;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
}
.content17 .content_list li:before{
    font-family: 'ElegantIcons';
    content: "\24";
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
}

/* Content 18 */ 
.content18 .about_image{ padding: 10px; z-index: 1; position: relative; }   
.content18 .about_image img{ width: 100%; }
.testimonial13 .testimonial_item figure:before,
.testimonial13 .testimonial_item figure:after,
.content18 .about_image:before,
.content18 .about_image:after{
    background-color: #ffd435;
    width: 70%;
    height: 70%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.testimonial13 .testimonial_item figure:after, 
.content18 .about_image:after{ left: auto; right: 0; top: auto; bottom: 0; }
.content18 .about_content { padding: 98px 0; }   

/* Content 19 */
.content19 .about_img{ border: 2px solid #232323; }   
.content19 .about_img img{ width: 100%; }   
.content19 .about_content { padding: 135px 0; }  

/* Content 20 */
.content20{
    background-image: url(http://placehold.it/1200x450);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}   
.content20 .about_content{ padding: 30px;  background-color: #232323; color: #ddd; }   

/* Content 21 */
.content21 .gallery_content { padding: 26px 0; }
.content21 .slide_items .owl-nav div{
    background-color: rgba(0,0,0,0.4);
    width: 40px;
    height: 60px;
    font-size: 14px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    transition: all 0.5s ease-in-out;
}
.content21 .slide_items .owl-nav div:hover{ background-color: rgba(0,0,0,1); transition: all 0.5s ease-in-out; }
.content21 .slide_items .owl-nav div.owl-next{ left: auto; right: 0; }

/* Content 22 */
.content22{ background-color: #01acf1; position: relative; overflow: hidden; }
.content22 .feature_bg{
    background-image: url(http://placehold.it/640x380);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.content22 .content{ padding: 80px 15px; color: #fff; }
.content22 .content .list li{ margin: 5px 0; padding-left: 25px; position: relative; }
.content22 .content .list li:before{
    font-family: 'ElegantIcons';
    content: "\24";
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
}


/* ==========================================================================
   Features
   ========================================================================== */
.feature3{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.feature3:before{
    content: '';
    width: 53%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

/* Feature 1 */
.feature2, .feature1{ background-color: #232323; }
.feature1 .promo_item{ color: #fff; padding: 20px; transition: all 0.5s ease-in-out; }
.feature1 .promo_item i{ font-size: 30px; color: #e92730; }
.feature1 .promo_item h3{ margin: 10px 0; }
.feature1 .promo_item p{ margin: 0; font-size: 13px; }
.feature1 .promo_item:hover{ webkit-box-shadow: 0px 0px 10px 2px #111; -moz-box-shadow: 0px 0px 10px 2px #111; box-shadow: 0px 0px 10px 2px #111; transition: all 0.5s ease-in-out; }

/* Feature 2 */
.feature2{}
.feature2 .feature_heading{ padding: 168px 0; }
.feature2 .feature_moc{}
.feature2 .feature_moc img{ width: 85%; margin-bottom: -35px; }
.feature2 .feature_items { padding: 55px 0; }
.feature2 .feature_items .feature_item{
    padding-left: 90px;
    position: relative;
    color: #fff;
    min-height: 70px;
    margin-bottom: 30px;
}
.feature2 .feature_items .feature_item:last-child{ margin: 0; }
.feature2 .feature_items .feature_item i{
    border: 2px solid #e92730;
    width: 70px;
    height: 70px;
    font-size: 20px;
    color: #e92730;
    text-align: center;
    line-height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.feature2 .feature_items .feature_item:hover i{
    background-color: #e92730;
    color: #fff;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.feature2 .feature_items .feature_item h3{ margin: 0 0 5px; color: #fff; }
.feature2 .feature_items .feature_item p{ margin: 0; }

/* Feature 3 */
.feature3{ background-image: url(http://placehold.it/1200x600); }
.feature3:before{ background-color: rgba(0,122,255,0.5); }
.feature3 .feature_items .feature_item{
    padding-left: 90px;
    position: relative;
    color: #fff;
    min-height: 70px;
    margin-bottom: 30px;
}
.feature3 .feature_items .feature_item:last-child{ margin: 0; }
.feature3 .feature_items .feature_item i{
    border: 2px solid #fff;
    width: 70px;
    height: 70px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.feature3 .feature_items .feature_item:hover i{ background-color: #fff; color: #111; -webkit-transform: scale(1.05); transform: scale(1.05); }
.feature3 .feature_items .feature_item h3{ margin: 0 0 5px; color: #fff; }
.feature3 .feature_items .feature_item p{ margin: 0; }
.feature3 .feature_moc { position: relative; z-index: 1; margin-bottom: -30px; }
.feature3 .feature_moc .feature_moc_2{ position: absolute; right: -40px; bottom: 0; z-index: -1; }

/* Feature 4 */
.feature4 .feature_item{ margin-bottom: 30px; }
.feature4 .feature_lists .feature_item:last-child{ margin: 0; }
.feature_item i{
    border: 2px solid #1cb6ff;
    height: 60px;
    width: 60px;
    color: #1cb6ff;
    font-size: 25px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    display: block;
    transition: all 0.5s ease-in-out;
}
.feature4 .feature_item:hover i{ background-color: #1cb6ff; color: #fff; }
.feature4 .feature_item h4{ margin: 10px 0; line-height: 17px; }
.feature4 .feature_item p{ margin: 0; font-size: 13px; line-height: 20px; }
.feature4 .feature_moc{ position: relative; margin-top: -180px; z-index: 10; }
.feature4 .feature_moc img{ width: 100%; }

/* Feature 5 */
.feature5{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.feature5 .promo_items{ text-align: center; }
.feature5 .promo_items .promo_item i{ font-size: 45px; color: #8e43e7; transition: all 0.3s ease-in-out; }
.feature5 .promo_items .promo_item:hover i{  -webkit-transform: scale(1.2); transform: scale(1.2); }
.feature5 .promo_items .promo_item h3{ margin: 10px 0 5px; }
.feature5 .promo_items .promo_item p{ margin: 0; }

/* Feature 6 */
.feature6{ position: relative; }
.feature6 .service_moc{
    background-image: url(../img/feature/feature-6-moc.png);
    background-repeat: no-repeat;
    background-attachment: scroll;background-position: center 185px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.feature6 .service_items { padding: 64px 0; margin-right: -35px; }
.feature6 .service_items .service_item{ text-align: right; padding-right: 20px; margin-bottom: 30px; }
.feature6 .service_items .service_item:last-child{ margin: 0; }
.feature6 .service_items .service_item i{ font-size: 45px; color: #8e43e7; transition: all 0.3s ease-in-out; }
.feature6 .service_items .service_item:hover i{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.feature6 .service_items .service_item h3{ margin: 10px 0 -3px; }
.feature6 .service_items .service_item p{ margin: 0; }
.feature6 .service_items.inverted .service_item{
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
    margin-right: 0;
    margin-left: -35px;
}

/* Feature 7 */
.feature7{ position: relative; }
.feature7 .service_moc{
    background-image: url(../img/feature/feature-7-moc.png);
    background-repeat: no-repeat;
    background-attachment: scroll;background-position: center 185px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.feature7 .service_items { padding: 64px 0; margin-right: -35px; }
.feature7 .service_items .service_item{ text-align: right; padding-right: 20px; margin-bottom: 30px; }
.feature7 .service_items .service_item:last-child{ margin: 0; }
.feature7 .service_items .service_item i{ font-size: 45px; color: #f96332; transition: all 0.3s ease-in-out; }
.feature7 .service_items .service_item:hover i{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.feature7 .service_items .service_item h3{ margin: 10px 0 -3px; }
.feature7 .service_items .service_item p{ margin: 0; }
.feature7 .service_items.inverted .service_item{
    text-align: left;
    padding-right: 0;
    padding-left: 20px;
    margin-right: 0;
    margin-left: -35px;
} 

/* Feature 8 */
.feature8{ background-color: #232323; }
.feature8 .promo_items{ text-align: center; color: #ddd; }
.feature8 .promo_items .promo_item i{ font-size: 45px; color: #f96332; transition: all 0.3s ease-in-out; }
.feature8 .promo_items .promo_item:hover i{ -webkit-transform: scale(1.2); transform: scale(1.2); }
.feature8 .promo_items .promo_item h3{ margin: 10px 0 5px; }
.feature8 .promo_items .promo_item p{ margin: 0; }

/* Feature 9 */
.feature9 .service_lists .col-sm-4{ padding: 15px; }
.feature9 .service_lists .service_list{
    border: 1px solid #ddd;
    padding: 30px;
    background-color: #eeeeee;
    transition: all 0.3s ease-in-out;
}
.feature9 .service_list:hover{ box-shadow: 0px 0px 4px 2px #ddd; transition: all 0.3s ease-in-out; }
.feature9 .service_list .service_content{ display: block; text-align: center; }
.feature9 .service_list .service_content i { display: inline-block; font-size: 35px; color: #DEAA6E; }
.feature9 .service_list .service_content h4{ margin: 10px 0 0; }
.feature9 .service_list .service_content p{ margin: 0; }

/* Feature 10 */
.feature10 .service_lists .col-sm-4{ padding: 15px; }
.feature10 .service_lists .service_list{ border: 1px solid #f4f4f4; padding: 30px; transition: all 0.5s ease-in-out; }
.feature10 .service_list:hover{ box-shadow: 0px 0px 6px 1px #ddd; transition: all 0.5s ease-in-out; }
.feature10 .service_list .service_content{ display: block; text-align: center; }
.feature10 .service_list .service_content i { display: inline-block; font-size: 35px; color: #86C447; }
.feature10 .service_list .service_content h4{ margin: 10px 0 0; }
.feature10 .service_list .service_content p{ margin: 0; }

/* Feature 11 */
.feature11{ background-color: #f7f7f7; border-top: 1px solid #eaeaea;  border-bottom: 1px solid #eaeaea; }
.feature11 .service_items li{ margin-bottom: 20px; }
.feature11 .service_items .service_content i{
    float: left;
    color: #00b9ff;
    font-size: 22px;
    margin-right: 10px;
    line-height: 35px;
}
.feature11 .service_items  .service_content h4{ display: inline-block; line-height: 35px; margin: 0 0 10px; }
.feature11 .service_items .service_content p{ margin: 0; }
.feature11 .service_image img{ width: 100%; }

/* Feature 12 */
.feature12{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.feature12 .service_lists .col-sm-4{ padding: 15px; }
.feature12 .service_content{
    padding: 60px 20px 20px 20px;
    box-shadow: 0px 0px 4px 1px #ddd;
    background-color: #fff;
    text-align: center;
    position: relative;
    margin-top: 40px;
}
.feature12 .service_content i {
    background-color: #00C4FF;
    display: inline-block;
    font-size: 30px;
    line-height: 100px;
    color: #ffffff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
    transition: all 0.5s ease-in-out;
}
.feature12 .service_content:hover i{ font-size: 35px; }
.feature12 .service_content h4{ margin: 10px 0 0; color: #232323; }
.feature12 .service_content p{ margin: 0; }

/* Feature 13 */
.feature13 .features .feature_item{
    background-color: #512da8;
    color: #fff;
    transition: all 0.5s ease-in-out;
    border-right: 1px solid #794aec;
}
.feature13 .features .feature_item:last-child{ border: none; }
.feature13 .features .feature_item:hover{
    background-color: #794aec;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
    z-index: 10;
}
.feature13 .features .feature_item .feature_content{ display: block; padding: 45px 25px; }
.feature13 .features .feature_item .feature_content h3{ margin: 0 0 10px; color: #fff; }
.feature13 .features .feature_item .feature_content p{ margin: 0; }

/* Feature 14 */
.feature14{
    background-image: url(http://placehold.it/1200x600/777777/444444);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.feature14 .service_items li{ padding: 15px; }
.feature14 .service_item{ border: 4px solid #fcd846; position: relative; }
.feature14 .service_item img{ width: 100%; }   
.feature14 .service_item .service_content{
    padding: 15px;
    color: #ddd;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.feature14 .service_item:hover .service_content{ visibility: visible; opacity: 1; }
.feature14 .service_item .service_content:before {
    background-color: rgba(0,0,0,0.8);
    width: 80%;
    height: 100%;
    content: '';
    position: absolute;
    left: -80%;
    top: 0;
    z-index: -1;
    transition: all 0.5s ease-in-out;
}
.feature14 .service_item:hover .service_content:before{ left: 0; }
.feature14 .service_item .service_content p.sub_head{ display: block; font-weight: 700; margin: 0;}
.feature14 .service_item .service_content p{ margin: 0; }  

/* Feature 15 */
.feature15{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.feature15 .service_items .service_content h4{ margin: 0 0 -3px; }
.feature15 .service_items .service_content img{ width: 100%; margin-bottom: 15px; }
.feature15 .service_items .service_content:hover img{ opacity: 0.7; }

/* Feature 16 */
.feature16 .service_items li{ padding: 15px; } 
.feature16 .service_item img{ width: 100%; }
.feature16 .service_item:hover img{ opacity: 0.8; }  
.feature16 .service_item .service_content{ padding: 20px 15px; background-color: #ffcb0c; display: block; }  
.feature16 .service_items .service_content h4{ margin: 0 0 -3px; }  
.feature16 .service_items .service_content p{ margin: 0; }

/* Feature 17 */
.feature17{
    background-image: url(http://placehold.it/1200x600);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}    
.feature17.overlay:before{ background-color: rgba(0,0,0,0.9); left: auto; right: 0; width: 50%; }      
.feature17 .service_wrap{ padding-left: 15px; }
.feature17 .service_items .service_content{ position: relative; display: block; padding-left: 80px; color: #ddd; }
.feature17 .service_items li{ margin-bottom: 25px; min-height: 60px; }
.feature17 .service_items .service_content .service_icon{
    background-color: #fcd846;
    border: 2px solid #fcd846;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 24px;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    color: #282828;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.feature17 .service_items .service_content:hover .service_icon{ background-color: transparent; color: #fcd846; } 
.feature17 .service_items .service_content h4{ margin: 0 0 -3px; }
.feature17 .service_items .service_content p{ margin: 0; }

/* Feature 18 */
.feature18{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; position: relative; z-index: 1;}
.feature18 .service_bg{
    background-image: url(../img/feature/feature-18-img.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 90% bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.feature18 .service_items li{ margin-bottom: 30px; }
.feature18 .service_items li:nth-child(3),
.feature18 .service_items li:nth-child(4){ margin: 0; }
.feature18 .service_items .service_content{ display: block; padding-left: 70px; position: relative; }
.feature18 .service_items .service_content .service_icon{
    background-color: #0095eb;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}

/* Feature 19 */
.feature19 .service_image img{ width: 100%; }
.feature19 .service_items .service_content{ position: relative; display: block; padding-left: 80px; }
.feature19 .service_items li{ margin-bottom: 25px; margin-left: -12px; }
.feature19 .service_items .service_content .service_icon{
    background-color: #ffcb0c;
    border: 2px solid #ffcb0c;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 24px;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    color: #232323;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.feature19 .service_items .service_content:hover .service_icon{ background-color: transparent; border: 2px solid #999; color: #999; } 
.feature19 .service_items .service_content h3{ margin: 0 0 -2px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.feature19 .service_items .service_content p{ margin: 0; }

/* Feature 20 */
.feature21,
.feature20{ background-color: #f7f7f7; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; }
.feature20 .service_img{ width: 100%; }
.feature20 .service_items { padding: 30px 0; }
.feature20 .service_items .service_item{ text-align: right; margin-bottom: 30px; }
.feature20 .service_items .service_item:last-child{ margin: 0; }
.feature20 .service_items .service_item i{ color: #00c4ff; font-size: 30px; }
.feature20 .service_items .service_item:hover i{ -webkit-transform: scale(1.05); transform: scale(1.05); }
.feature20 .service_items .service_item h4{ margin: 10px 0 -3px; }
.feature20 .service_items .service_item p{ margin: 0; }
.feature20 .service_items.inverted .service_item{ text-align: left; }
.feature20 .service_items.inverted .service_item i{ right: auto; left: 0; }

/* Feature 21 */
.feature21 .single_promo{ text-align: center; }
.feature21 .single_promo .promo_icon{
    background-color: #fafafa;
    border: 1px solid #a0ce4e;
    color: #fff;
    font-size: 24px;
    width: 80px;
    height: 80px;
    padding: 5px;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.feature21 .single_promo .promo_icon i{
    background-color: #a0ce4e;
    display: block;
    line-height: 68px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
.feature21 .single_promo:hover .promo_icon{ background-color: #a0ce4e; }
.feature21 .single_promo:hover .promo_icon i{ background-color: #fff; color: #232323; }
.feature21 .single_promo h4{ margin: 15px 0 0; }
.feature21 .single_promo p{ margin: 0; }

/* Feature 22 */
.feature22{ background-color: #232323; }
.feature22 .service_content{ display: block; text-align: center; color: #ddd; }
.feature22 .service_content i{
    font-size: 24px;
    color: #ffffff;
    border: 1px solid #ffffff;
    width: 60px;
    height: 60px;
    line-height: 58px;
    transition: all 0.3s ease-in-out;
}
.feature22 .service_content:hover i{ background-color: #fff; -webkit-transform: scale(1.1); transform: scale(1.1); color: #282828; }
.feature22 .service_content h4{ margin: 15px 0 0; color: #ffffff; }
.feature22 .service_content p{ margin: 0; }

/* Feature 23 */
.feature23{ background-color: #232323; }
.feature23 .service_content{ display: block; color: #ddd; }
.feature23 .service_content i{ font-size: 35px; color: #ffffff; display: block; }
.feature23 .service_content h4{ margin: 15px 0 0; color: #ffffff; }
.feature23 .service_content p{ margin: 0; }

/* Feature 24 */
.feature24{ background-color: #131313; }
.feature24 .col-xs-6{ padding: 15px; }
.feature24 .service_content{ padding: 15px; border: 2px solid #d69e6d; : #ddd; }
.feature24 .service_content h3 { margin: 0 0 15px; min-height: 35px; }
.feature24 .service_content h3 span {
    float: left;
    background-color: #d69e6d;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}
.feature24 .service_content p{ font-size: 12px; line-height: 18px; color: #ddd; }
.feature24 .service_content .fs_btn{ background-color: #d69e6d; line-height: 30px; padding: 0 13px; font-size: 12px; }
.feature24 .service_content .fs_btn:hover{ background-color: transparent; }

/* Feature 25 */
.feature25{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.feature25 .promo_items .promo_content{ display: block; }
.feature25 .promo_items .promo_content i{ font-size: 40px; color: #0bcf82; transition: all 0.5s ease-in-out; }
.feature25 .promo_items .promo_content:hover i{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.feature25 .promo_items .promo_content h4{ margin: 15px 0 0; }
.feature25 .promo_items .promo_content p{ margin: 0; }

/* Feature 26 */
.feature26{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.feature26 .promo_items .promo_content{ display: block; }
.feature26 .promo_items .promo_content i{ font-size: 40px; color: #E84D87; }
.feature26 .promo_items .promo_content h4{ margin: 10px 0 -3px; }
.feature26 .promo_items .promo_content p{ margin: 0; }



/* ==========================================================================
   Tab & Accordion
   ========================================================================== */
.accordion .acc-heading .left-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 20px;
    text-align: center; 
}
.accordion .left-icon span { position: relative; top: 18px; }
.accordion .acc-heading {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 20px 15px;
    padding-left: 50px;
}
.accordion .acc-heading p { font-family: 'Poppins', sans-serif; margin: 0; }
.acc-heading.pr { position: relative; }
.accordion .acc-heading .img-box { display: none; }
.accordion .acc-heading.active .img-box { display: block; }
.accordion .acc-heading .toggle-icon {
    display: block;
    font-weight: 100;
    height: 24px;
    line-height: 24px;
    position: absolute;
    left: 20px;
    top: 14px;
    width: 24px;
}
.accordion .acc-heading .toggle-icon.left {
    display: block;
    font-weight: 100;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 30px;
}
.accordion-box .accordion .acc-heading .toggle-icon .minus::before,
.accordion-box .accordion .acc-heading .toggle-icon .minus::before {
    font-size: 24px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* Accordion 1 */
.accordion2 .accordion-box,
.accordion1 .accordion-box { border: 1px solid #f7f7f7; }
.accordion2 .accordion,
.accordion1 .accordion { margin-bottom: 10px; position: relative; }
.accordion1 .accordion .acc-heading .left-icon { background: #f1f1f1; color: #9c9c9c; }
.accordion1 .accordion .acc-heading.active .left-icon { color: #fff; }
.accordion1 .accordion .acc-heading { background-color: #00b9ff; }
.accordion1 .accordion .acc-heading p { color: #fff; }
.accordion1 .accordion .acc-heading p i.fa{ font-size: 18px; margin-right: 8px; }
.accordion1 .accordion .acc-heading.active { color: #fff; }
.accordion1 .accordion .acc-heading .toggle-icon,
.accordion1 .accordion .acc-heading .toggle-icon.left,
.accordion1 .accordion-box .accordion .acc-heading .toggle-icon .minus::before,
.accordion1 .accordion .acc-heading .toggle-icon .plus::before { color: #fff; }
.accordion1 .accordion-box .accordion .acc-heading.active .toggle-icon .plus { opacity: 0; }
.accordion1 .accordion-box .accordion .acc-heading .toggle-icon .minus{ opacity: 0; }
.accordion1 .accordion-box .accordion .acc-heading.active .toggle-icon .minus { opacity: 1; }
.accordion1 .accordion-box .accordion .acc-content { background-color: #eaeaea; color: #333; display: none; padding: 15px 20px; }
.accordion1 .accordion-box .accordion .acc-content.collapsed { display: block; }
.accordion1 .accordion-box .accordion .acc-content p { margin: 0; }
.accordion1 .accordion-box .accordion .acc-heading.active .toggle-icon .minus { color: #fff; }
.accordion1 .about_img{ width: 100%; }

/* Accordion 2 */
.accordion2{ border-top: 1px solid #eaeaea; }
.accordion2 .accordion .acc-heading .left-icon { background: #f1f1f1; color: #fff; }
.accordion2 .accordion .acc-heading.active .left-icon { color: #fff; }
.accordion2 .accordion .acc-heading { background-color: #00b9ff; }
.accordion2 .accordion .acc-heading p { color: #fff; }
.accordion2 .accordion .acc-heading.active { background-color: #019ed9; color: #fff; }
.accordion2 .accordion .acc-heading .toggle-icon,
.accordion2 .accordion .acc-heading .toggle-icon.left,
.accordion2 .accordion-box .accordion .acc-heading .toggle-icon .minus::before,
.accordion2 .accordion .acc-heading .toggle-icon .plus::before { color: #fff; }
.accordion2 .accordion-box .accordion .acc-heading.active .toggle-icon .plus { opacity: 0; }
.accordion2 .accordion-box .accordion .acc-heading .toggle-icon .minus::before {
    font-size: 24px;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
}
.accordion2 .accordion-box .accordion .acc-heading .toggle-icon .minus{ opacity: 0; }
.accordion2 .accordion-box .accordion .acc-heading.active .toggle-icon .minus { opacity: 1; }
.accordion2 .accordion-box .accordion .acc-content { color: #333; display: none; padding: 15px 0px 15px; margin: 0 20px; }
.accordion2 .accordion-box .accordion .acc-content.collapsed { display: block; }
.accordion2 .accordion-box .accordion .acc-content p { margin: 0; }
.accordion2 .accordion-box .accordion .acc-heading.active .toggle-icon .minus { color: #fff; }

/* Tab 1 */
.tab1 .feature_tab .tab_menu{ display: block; text-align: center; overflow: hidden; }
.tab1 .feature_tab .tab_menu li{ display: inline-block; margin-left: -4px; }
.tab1 .feature_tab .tab_menu li a{
    background-color: #ddd;
    display: inline-block;
    line-height: 50px;
    padding: 0 25px;
    color: #111;
}
.tab1 .feature_tab .tab_menu li.active a{ background-color: #00b9ff; color: #ffffff; }
.tab1 .feature_tab .tab-pane{ overflow: hidden; box-shadow: 0 0 10px 1px #ddd; }
.tab1 .feature_tab .tab-pane img{ width: 100%; }
.tab1 .feature_tab .tab-pane .feature_content{ padding: 20px 0; }

/* Tab 2 */
.tab2{ background-color: #232323; }
.tab2 .tab_menu{ display: block; overflow: hidden; }
.tab2 .tab_menu li{ display: inline-block; float: left; }
.tab2 .tab_menu li:last-child{ border: none; }
.tab2 .tab_menu li a{
    background-color: #fff;
    display: inline-block;
    line-height: 55px;
    padding: 0 30px;
    color: #333;
}
.tab2 .tab_menu li.active a{ background-color: #feb514; color: #fff; }
.tab2 .tab_content .col-sm-10{ padding: 10px; }
.tab2 .schedule_content{ min-height: 160px; color: #fff; }
.tab2 .schedule_content img{
    float: left;
    width: 280px;
    height: 160px;
    margin-right: 15px;
}
.tab2 .schedule_content h3 a{ color: #fff; }
.tab2 .schedule_content h3 a:hover{ color: #feb514; }
.tab2 .schedule_content p{ font-size: 12px; line-height: 18px; margin: 0 0 10px; }
.tab2 .schedule_content h4{ color: #feb514; margin: 0; font-size: 13px; }

/* Tab 3 */
.tab3{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.tab3 .tab_menu{ display: block; }
.tab3 .tab_menu li{ display: inline-block; }
.tab3 .tab_menu li a{ display: inline-block; line-height: 55px; padding: 0 30px; color: #888; }
.tab3 .tab_menu li.active a{ background-color: #3bd466; color: #fff; }
.tab3 .tab_content .col-sm-6{ padding: 10px; }
.tab3 .schedule_content{ min-height: 120px; }
.tab3 .schedule_content img{ float: left; width: 120px; height: 120px; margin-right: 15px; }
.tab3 .schedule_content h4 a{ color: #282828; }
.tab3 .schedule_content h4 a:hover{ color: #3bd466; }
.tab3 .schedule_content p{ font-size: 13px; line-height: 18px; margin: 0 0 10px; }
.tab3 .schedule_content h5{ margin: 0; }

/* Tab 4 */
.tab4 .about_tab .tab_menu{ display: block; overflow: hidden; }
.tab4 .about_tab .tab_menu li{ text-transform: uppercase; font-size: 12px; display: inline-block; margin-left: -4px; }
.tab4 .about_tab .tab_menu li a{ background-color: #eee; display: inline-block; line-height: 50px; padding: 0 25px; color: #282828; }
.tab4 .about_tab .tab_menu li.active a{ background-color: #fcd846; color: #282828; }
.tab4 .about_tab .tab_content{ box-shadow: 0 0 6px 2px #ddd; overflow: hidden; }
.tab4 .about_tab .tab_content img{ float: left; width: 30%; }
.tab4 .about_tab .tab_content .about_tab_content{ float: left; width: 70%; padding: 15px; }
.tab4 .about_tab_content h3{ margin: 0 0 -3px; }

/* Tab 5 */
.tab5 .skill_wrap .tab_menu{ display: block; overflow: hidden; }
.tab5 .skill_wrap .tab_menu li{ display: inline-block; margin-left: -4px; }
.tab5 .skill_wrap .tab_menu li a{ background-color: #f7f7f7; display: inline-block; line-height: 40px; padding: 5px 25px; color: #282828; }
.tab5 .skill_wrap .tab_menu li.active a{ background-color: #00c4ff; color: #fff; }
.tab5 .skill_items .skill_item{ margin-bottom: 20px; }
.tab5 .skill_items .skill_item .progress { height: 5px; background-color: #f7f7f7; box-shadow: none; margin-bottom: 0; overflow: visible; }
.tab5 .skill_items .skill_item .progress,
.tab5 .skill_items .skill_item .progress .progress-bar{ border-radius: 0; }
.tab5 .skill_items .skill_item .progress .progress-bar { line-height: 5px; background-color: #232323; position: relative; }
.tab5 .skill_items .skill_item .progress .progress-bar span{
    position: absolute;
    top: -23px;
    right: -11px;
    font-family: 'Poppins', sans-serif;
    color: #777;
    font-weight: 600;
}
.tab5 .skill_items .skill_item .progress .progress-bar span.progress_circle {
    background-color: #00c4ff;
    width: 8px;
    height: 18px;
    border-radius: 35px;
    position: absolute;
    right: 0;
    top: -8px;
}

/* Tab 6 */
.tab6{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.tab6 .tab_menu{ background-color: #282828; display: block; text-align: center; overflow: hidden; }
.tab6 .tab_menu li{ display: inline-block; }
.tab6 .tab_menu li a{
    display: inline-block;
    line-height: 50px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 20px;
    color: #888;
}
.tab6 .tab_menu li.active a,
.tab6 .tab_menu li a:hover{ color: #fff; }
.tab6 .tab_content{ background-color: #282828; color: #fff; box-shadow: 0 0 6px 2px #ddd; overflow: hidden; }
.tab6 .tab_content img{ width: 100%; }
.tab6 .tab_content .service_content { padding-top: 90px; }


/* ==========================================================================
   Portfolios
   ========================================================================== */
.portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio_filter li{ display: inline-block;
    padding: 12px 25px; margin-left: -4px; transition: all 0.5s ease-in-out; cursor: pointer; }
.portfolio_filter li.active{ transition: all 0.5s ease-in-out; }
.portfolio_items .portfolio_item{ position: relative; overflow: hidden; }
.portfolio_items .portfolio_item img{ width: 100%; }
.portfolio_items .portfolio_item .overlay{
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

/* Portfolio 1 */
.portfolio1 .portfolio_filter li{
    background-color: #aa804f;
    color: #fff;
}
.portfolio1 .portfolio_filter li.active{
    background-color: #deaa6e;
    color: #fff;
}
.portfolio1 .portfolio_items li{
    padding: 0;
}

.portfolio1 .portfolio_items .portfolio_item .overlay{ background-color: rgba(222,170,110,0.8); }
.portfolio1 .portfolio_item:hover .overlay{ opacity: 1; }
.portfolio1 .portfolio_item .overlay a {
    width: 100%;
    height: 100%;
    display: table;
    color: #282828;
}
.portfolio1 .portfolio_item .overlay h4{
    color: #282828;
    margin: 0 0 -3px;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}
.portfolio1 .portfolio_item .overlay p{ display: block; letter-spacing: 1px; margin: 0; transform: translateY(10px); transition: all 0.3s ease-in-out; }
.portfolio1 .portfolio_item:hover .overlay p,
.portfolio1 .portfolio_item:hover .overlay h4{ transform: translateY(0px); animation-delay: 0.2s; transition: all 0.6s ease-in-out; }

/* Portfolio 2 */
.portfolio2 .desti_items .desti_item img,
.destination_head img{ width: 100%; }
.destination_head .section_heading { padding: 78px 0 40px; }
.destination_head .section_heading h3{ margin: 0 0 5px; }
.destination_head .section_heading p{ margin: 0; }
.portfolio2 .desti_items li{ padding: 0; }
.portfolio2 .desti_items .desti_item{ position: relative; overflow: hidden; }
.portfolio2 .desti_items .desti_item .overlay{
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 15px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.portfolio2 .desti_items .desti_item .top_content{
    position: relative;
    padding-right: 60px;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all 0.5s ease-in-out;
}
.portfolio2 .desti_items .desti_item .top_content h3{ margin: 0 0 3px; font-size: 18px; }
.portfolio2 .desti_items .desti_item .top_content p{ margin: 0; }
.desti_items .desti_item .top_content .price{
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #ffc40b;
    position: absolute;
    top: 20px;
    right: 0;
}
.desti_items .desti_item .bottom_content{
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    transition: all 0.5s ease-in-out;
    width: 100%;
    position: absolute;
    left: 15px;
    bottom: 10px;
}
.portfolio2 .desti_items .desti_item .bottom_content h3{ font-size: 18px; font-style: italic; }
.portfolio2 .desti_items .desti_item .bottom_content h3 span{ color: #ffc40b; display: block; }
.portfolio2 .desti_items .desti_item:hover .overlay{ opacity: 1; visibility: visible; }
.portfolio2 .desti_items .desti_item:hover .top_content,
.portfolio2 .desti_items .desti_item:hover .bottom_content{ -webkit-transform: translateX(0); transform: translateX(0); }

/* Portfolio 3 */
.portfolio3{ border-bottom: 1px solid #eaeaea; }
.portfolio3 .portfolio_filter{ text-align: left; margin-top: 25px; }
.portfolio3 .portfolio_filter li{ background-color: #eee; color: #282828; }
.portfolio3 .portfolio_filter li.active{ background-color: #00c4ff; color: #fff; }
.portfolio3 .portfolio_items li{ padding: 0px; }
.portfolio3 .portfolio_items .portfolio_item img{  width: 100%; -webkit-transition: transform 0.5s linear; transition: transform 0.5s linear; }
.portfolio3 .portfolio_items .portfolio_item:hover img{ -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: transform 3s linear; transition: transform 3s linear; }
.portfolio3 .portfolio_items .portfolio_item .overlay{ background-color: rgba(0,196,255,0.8); }
.portfolio3 .portfolio_items .portfolio_item:hover .overlay{ opacity: 1; }
.portfolio3 .portfolio_items .portfolio_item .overlay a { width: 100%; height: 100%; display: table; color: #fff; }
.portfolio3 .portfolio_item .overlay h3{ color: #fff; margin: 0 0 -3px; }
.portfolio3 .portfolio_item .overlay p{ letter-spacing: 1px; margin: 0; }

/* Portfolio 4 */
.portfolio4{ background-color: #f7f7f7; border-bottom: 1px solid #eaeaea; }
.portfolio4 .works_items li{ padding: 0; }
.portfolio4 .works_items .works_item{ position: relative; }
.portfolio4 .works_items .works_item img{ width: 100%; }
.portfolio4 .works_items .works_item .works_overlay{
    background-color: rgba(0,0,0,0.7);
    border: 2px solid #fcd846;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.portfolio4 .works_items .works_item:hover .works_overlay{ visibility: visible; opacity: 1; }
.portfolio4 .works_items .works_item .works_content{
    color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20px;
    padding-left: 20px;
}
.portfolio4 .works_items .works_item .works_content h3{ color: #fcd846; margin: 0; }

/* Portfolio 5 */
.portfolio5{
    background-image: url(http://placehold.it/1200x600/232323/888888);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.portfolio5 .gallery_items li{ padding: 0; }
.portfolio5 .gallery_items .gallery_content{ position: relative; overflow: hidden; }
.portfolio5 .gallery_items .gallery_content img{ width: 100%; }
.portfolio5 .gallery_items .gallery_content .overlay{
    background-color: rgba(255,57,107,0.8);
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 25px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.portfolio5 .gallery_items .gallery_content:hover .overlay{ visibility: visible; opacity: 1; }
.portfolio5 .gallery_items .gallery_content h4,
.portfolio5 .gallery_items .gallery_content h3,
.portfolio5 .gallery_items .gallery_content p{ color: #fff; margin: 0 0 6px; transform: translateX(50px); transition: all 0.8s ease-in-out; opacity: 0; }
.portfolio5 .gallery_items .gallery_content:hover h4{ transform: translateX(0); opacity: 1; }
.portfolio5 .gallery_items .gallery_content:hover h3{ transform: translateX(0); opacity: 1; transition-delay: 0.2s; }
.portfolio5 .gallery_items .gallery_content:hover p{ transform: translateX(0); opacity: 1; transition-delay: 0.4s; }

/* Portfolio 6 */
.portfolio6 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio6 .portfolio_filter li{
    background-color: #eee;
    color: #282828;
    display: inline-block;
    margin-left: -4px;
    padding: 10px 20px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio6 .portfolio_filter li.active{ background-color: #0095eb; color: #fff; transition: all 0.5s ease-in-out; }
.portfolio6 .portfolio_items li{ padding: 1px; }
.portfolio6 .portfolio_items .portfolio_item{ position: relative; overflow: hidden; }
.portfolio6 .portfolio_items .portfolio_item img{ width: 100%; -webkit-transition: transform 0.5s linear; transition: transform 0.5s linear; }
.portfolio6 .portfolio_items .portfolio_item:hover img{ -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: transform 3s linear; transition: transform 3s linear; }
.portfolio6 .portfolio_items .portfolio_item .overlay{
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.portfolio6 .portfolio_items .portfolio_item:hover .overlay{ opacity: 1; }
.portfolio6 .portfolio_items .portfolio_item .overlay a { width: 100%; height: 100%; display: table; color: #fff; }
.portfolio6 .portfolio_item .overlay h3{ color: #fff; margin: 0; }
.portfolio6 .portfolio_item .overlay p{ letter-spacing: 1px; margin: 0; }

/* Portfolio 7 */
.portfolio7 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio7 .portfolio_filter li{
    background-color: #ff6863;
    color: #fff;
    display: inline-block;
    margin-left: -4px;
    padding: 10px 25px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio7 .portfolio_filter li.active{ background-color: #fc4a45; color: #fff; transition: all 0.5s ease-in-out; }
.portfolio7 .portfolio_item{ position:relative; width: 100%; }
.portfolio7 .portfolio_item:before{
    background-color:#fc4a45;
    content:"";
    height:0;
    width:100%;
    opacity:0;
    z-index:1;
    position:absolute;
    left:0;
    top:50%;
}
.portfolio7 .portfolio_item:hover:before{
    height:100%;
    top:0;
    opacity:0.9;
}
.portfolio7 .portfolio_item > img{ width:100%; }
.portfolio7 .polio-info{ padding:20px; width:100%; z-index:1; position:absolute; bottom:0; left:0; }
.portfolio7 .polio-info a.img_popup {
    color: #fff;
    opacity:0;
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px);
    -webkit-transition-delay:0.35s;
    -moz-transition-delay:0.35s;
    -ms-transition-delay:0.35s;
    -o-transition-delay:0.35s;
    transition-delay:0.35s;
}
.portfolio7 .portfolio_item:hover .polio-info a.img_popup{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.portfolio7 .polio-info > h3{
    color:#fff;
    float:left;
    font-size:16px;
    line-height:24px;
    margin:0;
    width:100%;
    position:relative;
    -webkit-transition-delay:0.35s;
    -moz-transition-delay:0.35s;
    -ms-transition-delay:0.35s;
    -o-transition-delay:0.35s;
    transition-delay:0.35s;
}
.portfolio7 .portfolio_item:hover .polio-info > h3{ margin-bottom: 40px }
.portfolio7 .polio-info > h3:before{
    background: #fff;
    content: "";
    height: 1px;
    width: 0;
    opacity: 0;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transition-delay:0.65s;
    -moz-transition-delay:0.65s;
    -ms-transition-delay:0.65s;
    -o-transition-delay:0.65s;
    transition-delay:0.65s;
}
.portfolio7 .portfolio_item:hover .polio-info > h3:before{ width: 100%; left: 0; opacity: 0.5; }
.portfolio7 .polio-info:before{
    background: rgba(0, 0, 0, 0) linear-gradient(transparent, #000) repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.6;
}
.portfolio7 .portfolio_item:hover .polio-info:before{ height: 0 }
.portfolio7 .polio-info > p{
    color: #fff;
    bottom: -40px;
    left: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    padding: 18px 25px 30px 20px;
    position: absolute;
    -webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    -ms-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.portfolio7 .portfolio_item:hover .polio-info > p{ bottom:0; visibility:visible; opacity:1; }

/* Portfolio 8 */
.portfolio8 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio8 .portfolio_filter li{
    background-color: #eee;
    color: #111;
    display: inline-block;
    margin-left: -4px;
    padding: 10px 25px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio8 .portfolio_filter li.active{ background-color: #ffc327; color: #fff; transition: all 0.5s ease-in-out; }
.portfolio8 .portfolio_items2 li{ padding: 0; }
.portfolio8 .portfolio_items2 .portfolio_item{ position: relative; overflow: hidden; }
.portfolio8 .portfolio_items2 .portfolio_item img{ width: 100%; }
.portfolio8 .portfolio_items2 .portfolio_item .overlay{
    background-color: rgba(255,195,39,0.8);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.portfolio8 .portfolio_items2 .portfolio_item:hover .overlay{ opacity: 1; }
.portfolio8 .portfolio_items2 .portfolio_item .overlay a { width: 100%; height: 100%; display: table; color: #fff; }
.portfolio8 .portfolio_items2 .portfolio_item .overlay h3{
    color: #fff;
    margin: 0 0 5px;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}
.portfolio8 .portfolio_items2 .portfolio_item .overlay p{
    display: block;
    letter-spacing: 1px;
    margin: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}
.portfolio8 .portfolio_items2 .portfolio_item:hover .overlay p,
.portfolio8 .portfolio_items2 .portfolio_item:hover .overlay h3{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    animation-delay: 0.2s;
    transition: all 0.6s ease-in-out;
}

/* Portfolio 9 */
.portfolio9 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio9 .portfolio_filter li{
    background-color: #eee;
    color: #111;
    display: inline-block;
    margin-left: -4px;
    padding: 10px 25px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio9 .portfolio_filter li.active{ background-color: #00c4ff; color: #fff; transition: all 0.5s ease-in-out; }
.portfolio9 .portfolio_items li{ padding: 1px; }
.portfolio9 .portfolio_item{ position: relative; overflow: hidden; }
.portfolio9 .portfolio_item img{ width: 100%; }
.portfolio9 .portfolio_item .overlay{
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.portfolio9 .portfolio_item:hover .overlay{ opacity: 1; }
.portfolio9 .portfolio_item .overlay a { width: 100%; height: 100%; display: table; color: #fff; }
.portfolio9 .portfolio_item .overlay h3{ color: #fff; margin: 0; transform: translateY(-10px); transition: all 0.3s ease-in-out; }
.portfolio9 .portfolio_item .overlay p{ display: block; letter-spacing: 1px; margin: 0; transform: translateY(10px); transition: all 0.3s ease-in-out; }
.portfolio9 .portfolio_item:hover .overlay p,
.portfolio9 .portfolio_item:hover .overlay h3{ transform: translateY(0px); animation-delay: 0.2s; transition: all 0.6s ease-in-out; }

/* Portfolio 10 */
.portfolio10 .portfolio_filter{ display: block; text-align: center; }
.portfolio10 .portfolio_filter li{
    display: inline-block;
    text-transform: uppercase;
    color: #777;
    letter-spacing: 1px;
    margin: 0 10px;
}
.portfolio10 .portfolio_filter li.active{ color: #232323;  cursor: pointer; }
.portfolio10 .portfolio_items .col-sm-4{ padding: 15px; }
.portfolio10 .portfolio_content figure{ position: relative; }
.portfolio10 .portfolio_content figure img{ width: 100%; }
.portfolio10 .portfolio_content figcaption.overlay{
    background-color: rgba(160,206,78,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    text-align: center;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.portfolio10 .portfolio_content:hover figcaption.overlay{ -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.portfolio10 .portfolio_content figcaption.overlay a{ width: 100%; height: 100%; display: table; color: #fff; }
.portfolio10 .portfolio_content figcaption.overlay h4{ color: #fff; margin: 0; }
.portfolio10 .portfolio_content figcaption.overlay p{ margin: 0; }

/* Portfolio 11 */
.portfolio11 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio11 .portfolio_filter li{
    color: #777;
    display: inline-block;
    text-transform: uppercase;
    margin-left: -4px;
    padding: 10px 15px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio11 .portfolio_filter li.active{ color: #282828; transition: all 0.5s ease-in-out; }
.portfolio11 .portfolio_items2 li{ padding: 5px; }
.portfolio11 .portfolio_item{ position: relative; overflow: hidden; }
.portfolio11 .portfolio_item img{ width: 100%; }
.portfolio11 .portfolio_item .overlay{
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.portfolio11 .portfolio_item .overlay:before{ display: none; }
.portfolio11 .portfolio_item:hover .overlay{ opacity: 1; }
.portfolio11 .portfolio_item .overlay a { width: 100%; height: 100%; display: table; color: #fff; }
.portfolio11 .portfolio_item .overlay h4{ color: #fff; margin: 0 0 -3px; -webkit-transform: translateY(-10px); transform: translateY(-10px); transition: all 0.3s ease-in-out; }
.portfolio11 .portfolio_item .overlay p{
    display: block;
    letter-spacing: 1px;
    margin: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}
.portfolio11 .portfolio_item:hover .overlay p,
.portfolio11 .portfolio_item:hover .overlay h4{ -webkit-transform: translateY(0px); transform: translateY(0px); animation-delay: 0.2s; transition: all 0.6s ease-in-out; }

/* Portfolio 12 */
.portfolio12 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio12 .portfolio_filter li{
    color: #282828;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    margin-left: -4px;
    padding: 10px 20px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio12 .portfolio_filter li:first-child{ border-left: 1px solid #282828; }
.portfolio12 .portfolio_filter li:last-child{ border-right: 1px solid #282828; }
.portfolio12 .portfolio_filter li.active{ background-color: #282828; color: #fff; transition: all 0.5s ease-in-out; }
.portfolio12 .portfolio_items2 li.col-sm-4{ padding: 0; }
.portfolio12 .portfolio_item{ position: relative; overflow: hidden; }
.portfolio12 .portfolio_item img{ width: 100%; }
.portfolio12 .portfolio_item .overlay{
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.portfolio12 .portfolio_item:hover .overlay{ opacity: 1; }
.portfolio12 .portfolio_item .overlay a { width: 100%; height: 100%; display: table; color: #fff; }
.portfolio12 .portfolio_item .overlay h3{ color: #fff;  margin: 0 0 -3px; transform: translateY(-10px); transition: all 0.3s ease-in-out; }
.portfolio12 .portfolio_item .overlay p{ display: block; letter-spacing: 1px; margin: 0; transform: translateY(10px); transition: all 0.3s ease-in-out; }
.portfolio12 .portfolio_item:hover .overlay p,
.portfolio12 .portfolio_item:hover .overlay h3{ transform: translateY(0px); animation-delay: 0.2s; transition: all 0.6s ease-in-out; }

/* Portfolio 13 */
.portfolio13 .portfolio_filter{ display: block; text-align: center; }
.portfolio13 .portfolio_filter li{
    background-color: #282828;
    display: inline-block;
    margin-left: -4px;
    text-transform: uppercase;
    padding: 12px 20px;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.portfolio13 .portfolio_filter li.active{ background-color: #FFD535; color: #282828; transition: all 0.3s ease-in-out; }
.portfolio13 .portfolio_items2 li{ padding: 10px; }
.portfolio13 .portfolio_item{ position: relative; overflow: hidden; }
.portfolio13 .portfolio_item img{ width: 100%; }
.portfolio13 .portfolio_item .overlay{
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 35px 0 0 30px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.portfolio13 .portfolio_item h3{ color: #FFD535; margin: 0 0 4px; font-size: 18px; position: relative; }
.portfolio13 .portfolio_item h3:before{
    background-color: #FFD535;
    width: 40px;
    height: 2px;
    content: '';
    position: absolute;
    left: 100px;
    bottom: -3px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.portfolio13 .portfolio_item p{ margin: 0; }
.portfolio13 .portfolio_item h3{ -webkit-transform: translateY(-20px); transform: translateY(-20px); transition: all 0.5s ease-in-out; }
.portfolio13 .portfolio_item:hover .overlay{ visibility: visible; opacity: 1; }
.portfolio13 .portfolio_item:hover h3{ -webkit-transform: translateY(0); transform: translateY(0); }
.portfolio13 .portfolio_item:hover h3:before{ visibility: visible; opacity: 1; left: 0; }

/* Portfolio 14 */
.portfolio14 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio14 .portfolio_filter li{
    color: #777;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio14 .portfolio_filter li.active{ color: #282828; transition: all 0.5s ease-in-out; }
.portfolio14 .portfolio_items li{ padding: 15px; }
.portfolio14 .portfolio_item{ position: relative; text-align: center; }
.portfolio14 .portfolio_item img{ width: 100%; }
.portfolio14 .portfolio_item .overlay{
    border: 2px solid #282828;
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 90%;
    margin: 5%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.portfolio14 .portfolio_item .overlay .overlay_inner{
    background-color: rgba(255,255,255,0.8);
    width: 94%;
    height: 94%;
    margin: 3%;
    display: table;
    transition: all 0.5s ease-in-out;
}
.portfolio14 .portfolio_item h3{ margin: 0 0 -3px; }
.portfolio14 .portfolio_item p{ color: #282828; font-size: 16px; margin: 0; }
.portfolio14 .portfolio_item:hover .overlay{
    visibility: visible;
    opacity: 1;
    animation: bounceIn 2s;
    -webkit-animation: bounceIn 2s;
    -moz-animation: bounceIn 2s;
    -o-animation: bounceIn 2s;
}
@-webkit-keyframes bounceIn {
    0%, 20% {-webkit-transform: scale(0);} 
    40% {-webkit-transform: scale(1.05);}
    100% {-webkit-transform: scale(1);}
}
 
@-moz-keyframes bounceIn {
    0%, 20% {-moz-transform: scale(0);}
    40% {-moz-transform: scale(1.05);}
    100% {-moz-transform: scale(1);}
}
 
@-o-keyframes bounceIn {
    0%, 20% {-o-transform: scale(0);}
    40% {-o-transform: scale(1.05);}
    100% {-o-transform: scale(1);}
}
@keyframes bounceIn {
    0%, 20% {transform: scale(0);}
    40% {transform: scale(1.05);}
    100% {transform: scale(1);}
}

/* Portfolio 15 */
.portfolio15{ background-color: #131313; }
.portfolio15 .portfolio_filter li{
    color: #777;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    margin-left: -4px;
    padding: 10px 20px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio15 .portfolio_filter li:first-child{ border-left: 1px solid #444; }
.portfolio15 .portfolio_filter li:last-child{ border-right: 1px solid #444; }
.portfolio15 .portfolio_filter li.active{ background-color: #d69e6d; color: #fff; transition: all 0.5s ease-in-out; }
.portfolio15 .portfolio_items2 li.portfolio{ padding: 10px; }
.portfolio15 .portfolio_item{ position: relative; overflow: hidden; }
.portfolio15 .portfolio_item img{ width: 100%; }
.portfolio15 .portfolio_item .overlay_p{
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.portfolio15 .portfolio_item .overlay_p:before,
.portfolio15 .portfolio_item .overlay_p:after{
    width: 100px;
    height: 100px;
    content: '';
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.portfolio15 .portfolio_item .overlay_p:before{ border-bottom: 2px solid #d69e6d; border-left: 2px solid #d69e6d; bottom: 50px; left: 50px; }
.portfolio15 .portfolio_item .overlay_p:after{ border-top: 2px solid #d69e6d; border-right: 2px solid #d69e6d; top: 50px; right: 50px; }
.portfolio15 .portfolio_item:hover .overlay_p,
.portfolio15 .portfolio_item:hover .overlay_p:before,
.portfolio15 .portfolio_item:hover .overlay_p:after{ visibility: visible; opacity: 1; }
.portfolio15 .portfolio_item:hover .overlay_p:before{ bottom: 5px; left: 5px; animation-delay: 0.2s; }
.portfolio15 .portfolio_item:hover .overlay_p:after{ top: 5px; right: 5px; animation-delay: 0.2s; }
.portfolio15 .portfolio_item h3{ color: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px); transition: all 0.5s ease-in-out; margin: 0 0 3px; }
.portfolio15 .portfolio_item p{ display: block; margin: 0; -moz-transform: translateY(5px); transform: translateY(5px); transition: all 0.5s ease-in-out; }
.portfolio15 .portfolio_item:hover h3,
.portfolio15 .portfolio_item:hover p{ -webkit-transform: translateY(0); transform: translateY(0); }

/* Portfolio 16 */
.portfolio16{ border-bottom: 1px solid #eaeaea; }
.portfolio16 .portfolio_filter{ display: block; text-align: center; overflow: hidden; }
.portfolio16 .portfolio_filter li{
    background-color: #eee;
    color: #333;
    display: inline-block;
    padding: 10px 15px;
    margin-left: -4px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.portfolio16 .portfolio_filter li.active{ background-color: #de00a7; color: #fff; transition: all 0.5s ease-in-out; }
.portfolio16 .portfolio_items2 li{ padding: 0; }
.portfolio16 .portfolio_item{ position: relative; text-align: center; }
.portfolio16 .portfolio_item img{ width: 100%; }
.portfolio16 .portfolio_item .overlay{
    border: 2px solid #de00a7;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.portfolio16 .portfolio_item .overlay .overlay_inner{
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #de00a7;
    width: 100%;
    height: 100%;
    display: table;
    transition: all 0.5s ease-in-out;
}
.portfolio16 .portfolio_item h4{ margin: 0 0 -3px; }
.portfolio16 .portfolio_item p{ color: #282828; margin: 0; }
.portfolio16 .portfolio_item:hover .overlay{
    visibility: visible;
    opacity: 1;
    animation: bounceIn 2s;
    -webkit-animation: bounceIn 2s;
    -moz-animation: bounceIn 2s;
    -o-animation: bounceIn 2s;
}

/* Portfolio 18 */
.portfolio18{ border-bottom: 1px solid #eaeaea; }
.portfolio18 .work_images{ overflow: hidden; }
.portfolio18 .work_images li{ padding: 15px; }
.portfolio18 .work_images img{ width: 100%; }
.portfolio18 .work_images img:hover{ opacity: 0.8; }


/* ==========================================================================
   Video Section
   ========================================================================== */
.video_section{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
/* Video 1 */
.video1{ background-image: url(http://placehold.it/1200x430); }
.video1.overlay:before{ background-color: rgba(0,0,0,0.8); }
.video1 .video_content p{ margin: 0; color: #ddd; }
.video1 .video_icon { text-align: center; padding: 14px 0; }
.video1 .video_icon a{ font-size: 80px; color: #e92730; }

/* Video 2 */
.video2{ background-image: url(http://placehold.it/1200x430); }
.video2.overlay:before{ background-color: rgba(0,174,255,0.8); }
.video2 .video_content{ display: inline-block; min-width: 380px; padding: 40px 0; }
.video2 .video_content .video_icon{ float: left; font-size: 80px; color: #fff; margin-right: 15px; }
.video2 .video_content h3{ text-align: left; margin: 0; padding: 10px 0; font-size: 24px; }

/* Video 3 */
.video3{
    background-image: url(http://placehold.it/1200x430);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 120px 0;
}
.video3 a{ display: block; font-size: 70px; color: #ff396b; margin: 0 0 20px; }
.video3 a:hover{ opacity: 0.5; }

/* Video 4 */
.video4{
    background-image: url(http://placehold.it/1200x430);
    padding: 120px 0;
}
.video4.overlay:before{
    background-color: rgba(255,104,99,0.5);
}
.video4 .play_icon {
    font-size: 60px;
    display: block;
    color: #fff;
}
.video4 .play_icon:hover{
    color: #fc4a45;
}

/* Video 5 */
.video5 .video_content { padding: 78px 0; }

/* Video 6 */
.video6{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.video6 .video_play{ position: relative; }
.video6 .video_play img{ width: 100%; }
.video6 .video_play .overlay{
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.video6 .video_play a{ color: #fff; font-size: 85px; }
.video6 .video_play a:hover{ opacity: 0.6; }
.video6 .video_content { padding: 80px 0 0; }


/* ==========================================================================
   Counter & Countdown
   ========================================================================== */
.funfact_section{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
/* Counter 1 */
.counter1{ background-image: url(http://placehold.it/1200x430); color: #ddd; }
.counter1.overlay:before{ background-color: rgba(0,0,0,0.8); }
.counter1 .fact_content{ color: #ddd; }
.counter1 .fact_content i{
    background-color: #e92730;
    float: left;
    width: 60px;
    height: 60px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    margin-right: 15px;
}
.counter1 .fact_content h3{ font-size: 28px; color: #ffd; margin: 0; }

/* Counter 2 */
.counter2{ background-color: #0D1A22; }
.counter2 .fact_content{ color: #fff; position: relative; padding-left: 55px; }
.counter2 .fact_content i.fa {
    color: #ffc40b;
    text-align: center;
    font-size: 40px;
    line-height: 46px;
    width: 35px;
    height: 46px;
    position: absolute;
    left: 0;
    top: 0;
}
.counter2 .fact_content h3{ font-size: 25px; margin: 0 0 -10px; }
.counter2 .fact_content p{ margin: 0; font-size: 12px; }

/* Counter 3 */
.counter3{ background-color: #512da8; }
.counter3 .fact_items{ text-align: center; }
.counter3 .fact_items .fact_content{ border: 1px solid #fff; display: inline-block; padding: 30px; color: #fff; }
.counter3 .fact_items .fact_content h3{ font-size: 30px; margin: 0 0 -3px; }
.counter3 .fact_items .fact_content p{ margin: 0; }

/* Counter 4 */
.counter4{ background-color: #1b2793; }
.counter4 .bg-black{ background-color: #232323; }
.counter4 .schedule_content{ padding: 80px 50px; overflow: hidden; }
.counter4 .fs_countdown2 li{
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    width: 25%;
    padding: 5px;
}
.counter4 .fs_countdown2 li div{ display: block; border: 1px solid #fff; padding: 20px 0; }
.counter4 .fs_countdown2 li span{ display: block; letter-spacing: -1px; font-family: 'Poppins', sans-serif; font-size: 25px; font-weight: 700; }

/* Counter 5 */
.counter5{ background-color: #fd6149; }
.counter5 .fs_countdown li{
    background-color: #232323;
    text-align: center;
    display: inline-block;
    margin: 10px;
    font-size: 14px;
    padding: 20px;
    color: #fff;
    width: 120px;
}
.counter5 .fs_countdown li span{
    display: block;
    letter-spacing: -1px;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: 700;
}

/* Counter 6 */
.counter6{
    background-image: url(http://placehold.it/1200x430/232323/888888);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.counter6 .counters .counter_content{ display: block; text-align: center; color: #fff; }
.counter6 .counters .counter_content i{ font-size: 30px; }
.counter6 .counters .counter_content h3{ font-size: 35px; margin: 10px 0; color: #0095eb; }
.counter6 .counters .counter_content h4{ margin: 0; }

/* Counter 7 */
.counter7{
    background-image: url(http://placehold.it/1200x430/232323/888888);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.counter7 .counters .counter_content{ display: block; text-align: center; color: #fff; }
.counter7 .counters .counter_content i{ font-size: 50px; color: #00c4ff; }
.counter7 .counters .counter_content h3 { font-size: 28px; margin: 18px 0 -3px; color: #ffffff; }
.counter7 .counters .counter_content h5{ margin: 0; }

/* Counter 8 */
.counter8{
    background-image: url(http://placehold.it/1200x430);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.counter8.overlay:before{ background-color: rgba(0,0,0,0.6); }
.counter8 .counters li{ padding: 15px; }
.counter8 .counters .counter_content{ display: block; text-align: center; padding: 25px;; border: 2px solid #FFD535; }
.counter8 .counters .counter_content h3{ font-size: 35px; margin: 0 0 -3px; color: #FFD535; }
.counter8 .counters .counter_content h4{ font-size: 14px; letter-spacing: 1px; margin: 0; color: #FFD535; }


/* ==========================================================================
   Teams
   ========================================================================== */

/* Team 1 */
.team1{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.team1 .team_member img{ width: 100%; }
.team1 .team_member .member_info{ background-color: #EEEEEE; display: block; text-align: center; padding: 25px 15px; transition: all 0.3s ease-in-out; }
.team1 .team_member:hover .member_info{ background-color: #DEAA6E; color: #fff; -webkit-transform: scale(1.05); transform: scale(1.05); }
.team1 .team_member:hover .member_info h4{ color: #fff; }
.team1 .team_member .member_info h4{ margin: 0 0 -3px; }
.team1 .team_member .member_info p{ font-size: 12px; line-height: 18px; margin: 0; }

/* Team 3 */
.team3 .team_list .team_info figure{ position: relative; overflow: hidden; margin: 0 0 15px; }
.team3 .team_list .team_info figure img{ width: 100%; }
.team3 .team_list .team_info .socials{
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    transition: all 0.3s ease-in-out;
}
.team3 .team_list .team_info .socials li{ display: block; }
.team3 .team_list .team_info .socials li a{
    background-color: #feb514;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}
.team3 .team_list .team_info:hover .socials{ -webkit-transform: translateX(0); transform: translateX(0); transition: all 0.3s ease-in-out; }
.team3 .team_list .team_info .socials li a:hover{ background-color: #fed16f; color: #fff; }
.team3 .team_list .team_info h3{ margin: 0 0 -3px; }
.team3 .team_list .team_info p{ margin: 0; }

/* Team 4 */
.team4 .team_list{ overflow: hidden; border-bottom: 1px solid #ddd; }
.team4 .team_list .team_info{ position: relative; overflow: hidden; }
.team4 .team_list .team_info img{ width: 100%; }
.team4 .team_list .team_info .team_meta{
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    display: block;
    padding: 30px 15px;
    width: 100%;
    position: absolute;
    left: -100%;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}
.team4 .team_list .team_info:hover .team_meta{ left: 0; }
.team4 .team_list .team_info h4{ margin: 0 0 -3px; }
.team4 .team_list .team_info p{ margin: 0; }

/* Team 5 */
.team5{
    background-image: url(http://placehold.it/1200x600/232323/dddddd);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.team5 .team_list .team_info figure{ position: relative; overflow: hidden; margin: 0 0 15px; }
.team5 .team_list .team_info figure img{ width: 100%; }
.team5 .team_list .team_info .socials{
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    transition: all 0.3s ease-in-out;
}
.team5 .team_list .team_info .socials li{ display: block; }
.team5 .team_list .team_info .socials li a{
    background-color: #fd6149;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    width: 40px;
    height: 40px;
}
.team5 .team_list .team_info:hover .socials{ -webkit-transform: translateX(0); transform: translateX(0); transition: all 0.3s ease-in-out; }
.team5 .team_list .team_info .socials li a:hover{ background-color: #fd7c68; color: #fff; }
.team5 .team_list .team_info .team_meta{ background-color: #fd6149; color: #fff; display: block; padding: 30px 15px; }
.team5 .team_list .team_info h3{ color: #fff; margin: 0 0 -3px; }
.team5 .team_list .team_info p{ margin: 0; }

/* Team 6 */
.team6{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.team6 .team_members .team_member{ position: relative;  overflow: hidden; }
.team6 .team_members .team_member img{ width: 100%; }
.team6 .team_members .team_member .overlay{
    background: rgba(250,200,0,0.8);
    color: #fff;
    text-align: center;
    padding: 0 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.team6 .team_members .team_member:hover .overlay{ opacity: 1; }
.team6 .social_links li{ display: inline-block; }
.team6 .social_links li a{
    display: inline-block;
    border: 2px solid #fff;
    font-size: 12px;
    color: #fff;
    line-height: 26px;
    width: 30px;
    height: 30px;
    margin: 0 10px;
}
.team6 .social_links li a:hover{ background-color: #fff; color: #fac800; }
.team6  .team_content{ margin-top: 20px; }
.team6  .team_content h4{ margin: 0 0 -3px; }
.team6  .team_content h5{ font-size: 12px; }
.team6  .team_content p{ margin: 0; }

/* Team 8 */
.team8 .team_members .team_member{ position: relative; }
.team8 .team_members .team_member img{ width: 100%; -webkit-transform: translateY(0); transform: translateY(0); }
.team8 .team_members .team_member:hover img{ -webkit-transform: translateY(-30px); transform: translateY(-30px); }
.team8 .team_members .team_member .overlay{
    background-color: rgba(255,57,107,0.8);
    display: block;
    color: #fff;
    text-align: center;
    padding: 70px 0;
    position: absolute;
    left: calc(50% - 40%);
    bottom: 0px;
    width: 80%;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.team8 .team_members .team_member:hover .overlay{ visibility: visible; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 1; }
.team8 .team_members .team_member .overlay h4{ color: #fff; margin: 0 0 -3px; }
.team8 .team_members .team_member .overlay p{ margin: 0 0 5px; }
.team8 .team_member .social_links li{ display: inline-block; }
.team8 .team_member .social_links li a{ display: inline-block; font-size: 14px; color: #ddd; margin: 0 5px; }
.team8 .team_member .social_links li a:hover{ color: #fff; }

/* Team 9 */
.team9 .team_members{ overflow: hidden; border-bottom: 2px solid #eee; }
.team9 .team_member figure{ overflow: hidden; position: relative; }
.team9 .team_member img{ width: 100%; }
.team9 .team_member .member_info{
    background-color: rgba(255, 185, 35,0.8);
    display: block;
    text-align: center;
    padding: 25px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: -100%;
    transition: all 0.5s ease-in-out;
}
.team9 .team_member:hover .member_info{ bottom: 0; }
.team9 .team_member .member_info h4{ margin: 0 0 3px; }
.team9 .team_member .member_info p{ font-size: 12px; line-height: 18px; margin: 0; }

/* Team 10 */
.team10{ background-color: #232323; }
.team10 .team_members .team_member{ position: relative; overflow: hidden; }
.team10 .team_members li.col-xs-6{ padding: 15px; }
.team10 .team_members .team_member img{ width: 100%; }
.team10 .team_members .team_member .overlay{
    background: rgba(255,73,45,0.8);
    color: #fff;
    text-align: center;
    padding: 0 15px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.team10 .team_members .team_member .overlay h4{ color: #fff; transform: translateY(25px); transition: all 0.3s ease-in-out; }
.team10 .team_members .team_member .overlay p{ font-size: 12px; line-height: 18px; transform: translateY(-25px); transition: all 0.3s ease-in-out; }
.team10 .team_members .team_member:hover .overlay h4,
.team10 .team_members .team_member:hover .overlay p{ transform: translateY(0); animation-delay: 0.2s; transition: all 0.3s ease-in-out; }
.team10 .team_members .team_member:hover .overlay{ opacity: 1; }
.team10 .social_links li{ display: inline-block; }
.team10 .social_links li a{
    display: inline-block;
    font-size: 14px;
    color: #ddd;
    line-height: 25px;
    width: 25px;
    height: 25px;
}
.team10 .social_links li a:hover{ color: #fff; }

/* Team 11 */
.team11 .team_members .col-xs-6{ padding: 15px; }
.team11 .team_members .team_member{ position: relative; overflow: hidden; }
.team11 .team_members .team_member img{ width: 100%; }
.team11 .team_members .team_member .overlay{
    background-color: #ff6863;
    display: block;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
}
.team11 .team_members .team_member:hover .overlay{ bottom: 0; }
.team11 .team_members .team_member:hover img{ -webkit-filter: grayscale(1); filter: grayscale(1); }
.team11 .team_members .team_member .overlay h3{ color: #fff; margin: 0 0 5px; }
.team11 .team_members .team_member .overlay p{ margin: 0 0 5px; }
.team11 .team_member .social_links li{ display: inline-block; }
.team11 .team_member .social_links li a{
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    color: #ff6863;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    margin: 0 3px;
}
.team11 .team_member .social_links li a:hover{ background-color: #fc4a45; color: #fff; }

/* Team 12 */
.team12 .team_member figure img{ width: 100%; transition: all 0.3s ease-in-out; }
.team12 .team_member:hover img{
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}
.team12 .team_member .member_info{
    background-color: #a0ce4e;
    color: #fff;
    display: block;
    text-align: center;
    padding: 15px 0;
}
.team12 .team_member .member_info h4{ margin: 0 0 -3px; }
.team12 .team_member .member_info h5{ margin: 0; color: #fff; font-weight: 300; }

/* Team 13 */
.team13 .stuff_list .stuff_info{ background-color: #861518; color: #fff; display: block; padding: 35px 0; transition: all 0.5s ease-in-out; }
.team13 .stuff_list .stuff_info:hover{ background-color: #bb2428; transition: all 0.5s ease-in-out; }
.team13 .stuff_list .stuff_info h3{ margin: 0 0 -3px; color: #fff; }
.team13 .stuff_list .stuff_info p{ margin: 0; font-size: 12px; }
.team13 .stuff_list .stuff_info img{ width: 200px; height: 200px; border-radius: 50%; margin: 20px 0; }
.team13 .socials li{ display: inline-block; }
.team13 .socials li a{
    display: inline-block;
    color: #ddd;
    width: 25px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    margin: 0 5px;
}
.team13 .socials li a:hover{ opacity: 0.8; }

/* Team 14 */
.team14 .chef_list .chef_info{ background-color: #a53c47; padding: 40px 0; }
.team14 .chef_list .chef_info img{ width: 60%; border-radius: 50%; margin: 0 0 25px; }
.team14 .chef_list .chef_info:hover img{ padding: 5px; border: 2px solid #fff; }
.team14 .chef_list .chef_info h3{ margin: 0 0 -3px; }
.team14 .chef_list .chef_info h4{ font-size: 12px; margin: 0 0 15px; }
.team14 .chef_list .chef_info .social_links{ display: block; text-align: center; }
.team14 .chef_list .chef_info .social_links li{ display: inline-block; margin: 0 5px; }
.team14 .chef_list .chef_info .social_links li a{
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 23px;
}
.team14 .chef_list .chef_info .social_links li a:hover{ opacity: 0.5; }

/* Team 15 */
.team15{ background-color: #131313; border-bottom: 1px solid #222; border-top: 1px solid #222; }
.team15 .team_members .team_member{ position: relative; overflow: hidden; }
.team15 .team_members .team_member img{ width: 100%; }
.team15 .team_members .team_member .overlay{
    background-color: rgba(0,0,0,0.9);
    display: block;
    color: #fff;
    text-align: center;
    padding: 35px 0;
    position: absolute;
    left: 0;
    bottom: -100px;
    width: 100%;
}
.team15 .team_members .team_member:hover .overlay{ bottom: 0; }
.team15 .team_members .team_member .overlay h4{ color: #cead0a; margin: 0 0 5px; }
.team15 .team_member .social_links li{ display: inline-block; }
.team15 .team_member .social_links li a{ display: inline-block; font-size: 16px; color: #ddd; margin: 0 10px; }
.team15 .team_member .social_links li a:hover{ color: #cead0a; }

/* ==========================================================================
   Pricing Tables
   ========================================================================== */

/* Pricing 1 */
.pricing1 .pricing_tables li{ padding: 15px; }
.pricing1 .pricing_table{ background-color: #f1f1f1; border: 2px solid #007aff; padding-bottom: 30px; transition: all 0.3s ease-in-out; }
.pricing1 .pricing_table:hover{ background-color: #007aff; transition: all 0.3s ease-in-out; }
.pricing1 .pricing_table:hover ul,
.pricing1 .pricing_table:hover h3{ color: #fff; }
.pricing1 .pricing_table:hover h4.price{ background-color: #298fff; }
.pricing1 .pricing_table:hover .fs_btn{ border: 2px solid #fff; background-color: #fff; color: #282828; }
.pricing1 .pricing_table:hover .fs_btn:hover{ background-color: transparent; color: #fff; }
.pricing1 .pricing_table h3{ font-size: 18px; line-height: 70px; margin: 0; transition: all 0.3s ease-in-out; }
.pricing1 .pricing_table h4.price{
    background-color: #007aff;
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    line-height: 80px;
    margin: 0 -2px;
    transition: all 0.3s ease-in-out;
}
.pricing1 .pricing_table ul{ display: block; padding: 25px 0; }
.pricing1 .pricing_table ul li{ display: block; padding: 2px 0; }
.pricing1 .pricing_table .fs_btn{ border-radius: 0; }
.pricing1 .pricing_table .fs_btn:hover{ color: #282828; }

/* Pricing 2 */
.pricing2{ background-color: #232323;  }
.pricing2 .pricing_table{ border: 2px solid #e92730; padding: 30px 20px; text-align: center; color: #ddd; }
.pricing2 .pricing_table h4.price{
    display: inline-block;
    border: 2px solid #e92730;
    padding: 20px 30px;
    color: #fff;
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin: 0;
}
.pricing2 .pricing_table ul{ padding: 25px 0; }
.pricing2 .pricing_table ul li{ display: block; padding: 3px 0; }

/* Pricing 3 */
.pricing3 .pricing_tables li{ padding: 15px; }
.pricing3 .pricing_table { box-shadow: 0px 0px 2px 1px #ddd; transition: all 0.5s ease-in-out; }
.pricing3 .pricing_table:hover { transform: scale(1.05); transition: all 0.5s ease-in-out; }
.pricing3 .pricing_table .pricing_head{ background-color: #1cb6ff; display: block; padding: 30px 0; }
.pricing3 .pricing_table .pricing_head h4{ margin: 0 0 3px; color: #fff; }
.pricing3 .pricing_table .pricing_head h5.price{
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.pricing3 .pricing_table ul{ display: block; padding: 25px 0; }
.pricing3 .pricing_table ul li{ display: block; padding: 2px 0; }
.pricing3 .pricing_table .pricing_footer .fs_btn{ display: block; border-radius: 0; }

/* Pricing 4 */
.pricing4{
    background-image: url(http://placehold.it/1200x600);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.pricing4.overlay:before{ background-color: rgba(255,255,255,0.7); }
.pricing4 .pricing_table{ background-color: rgba(142,67,231,0.7); display: block; text-align: center; color: #fff; }
.pricing4 .pricing_head{ background-color: #232323; display: block; }
.pricing4 .pricing_head h3{ display: block; margin: 0; line-height: 100px; font-size: 24px; color: #fff; }
.pricing4 .pricing_content{ display: block; padding: 50px 0; }
.pricing4 .pricing_content li{ display: block; letter-spacing: 1px; padding: 3px 0; }
.pricing4 .pricing_footer{ display: block; padding-bottom: 30px; }
.pricing4 .pricing_footer .fs_btn{ background-color: #fff; border: 1px solid #fff; color: #282828; }
.pricing4 .pricing_footer .fs_btn:hover{ background-color: transparent; color: #fff; }

/* Pricing 4 */
.pricing5 .pricing_item{
    background-color: #ddd;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0 0 4px 1px #ddd;
    box-shadow: 0 0 4px 1px #ddd;
}
.pricing5 .pricing_title h3{ line-height: 40px; text-align: center; margin: 0; }
.pricing5 .pricing_head{ background-color: #F5F5F5; padding: 15px 0; text-align: center; transition: all 0.3s ease-in-out; }
.pricing5 .pricing_head .price_dist{ display: block; margin-top: 10px; transition: all 0.3s ease-in-out; }
.pricing5 .pricing_head .plan_price{
    background-color: #00b9ff;
    width: 120px;
    height: 120px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    padding: 4px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.pricing5 .plan_price .pricing_inner{
    background-color: #00b9ff;
    border: 8px solid #fff;
    color: #fff;
    width: 112px;
    height: 112px;
     -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding: 25px 0;
}
.pricing5 .plan_price .pricing_inner .price{ display: block; font-size: 30px; font-weight: 700; margin: 0 0 5px; }
.pricing5 .plan_feature{ display: block; padding: 30px 0; text-align: center; }
.pricing5 .plan_feature li{ color: #181818; margin-bottom: 5px; }
.pricing5 .plan_feature li:last-child{ margin-bottom: 0; }
.pricing5 .pricing_footer{ display: block; text-align: center; }
.pricing5 .pricing_footer .fs_btn:hover{ color: #282828; }
.pricing5 .pricing_item:hover .pricing_head{ background-color: #00b9ff; }
.pricing5 .pricing_item:hover .pricing_head .plan_price{ background-color: #fff; }
.pricing5 .pricing_item:hover .plan_price .pricing_inner{ background-color: #fff; border: 8px solid #00b9ff; color: #181818; }
.pricing5 .pricing_item:hover .pricing_head .price_dist{ color: #fff; }

/* Pricing 6 */
.pricing6 .pricing_content{ background-color: #232323; display: block; padding: 60px 40px; color: #fff; position: relative; }
.pricing6 .pricing_content h3{ margin: 0 0 10px; }
.pricing6 .pricing_content h4.price{
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: block;
    margin: 0 0 20px;
}
.pricing6 .pricing_content ul li{ display: block; padding: 2px 0; }
.pricing6 .pricing_content .fs_btn{ position: absolute; bottom: 60px; right: 30px; }
.pricing6 .pricing_content .fs_btn:hover{ color: #282828; }

/* Pricing 7 */
.pricing7 .pricing_tables .pricing_table{ background-color: #512da8; padding: 50px 30px; color: #fff; }
.pricing7 .pricing_tables .pricing_table h3{ margin: 0; }
.pricing7 .pricing_tables .pricing_table h4.price{
    font-family: 'Poppins', sans-serif;
    display: block;
    font-size: 45px;
    letter-spacing: -1px;
    font-weight: 700;
    margin: 30px 0;
    color: #fff;
}
.pricing7 .pricing_tables .pricing_table ul{ padding: 30px 0; }
.pricing7 .pricing_tables .pricing_table ul li{ padding: 3px 0; }
.pricing7 .pricing_tables .pricing_table .fs_btn{ background: none; border: 2px solid #fff; color: #fff; }
.pricing7 .pricing_tables .pricing_table .fs_btn:hover{ background-color: #fff; color: #282828; }

/* Pricing 8 */
.pricing8 .pricing_tables li{ padding: 15px; }
.pricing8 .pricing_content{ display: block; box-shadow: 0 0 6px 2px #ddd; }
.pricing8 .pricing_content h2{ margin: 0; padding-left: 25px; }
.pricing8 .pricing_content h4.price{
    background-color: #01acf1;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    padding: 20px 25px; 
    margin: 0 0 30px; 
}
.pricing8 .pricing_content h4.price span{ font-size: 14px; }
.pricing8 .pricing_content ul{ padding: 30px 25px 60px; }
.pricing8 .pricing_content ul li{ display: block; padding: 2px 0; }
.pricing8 .pricing_content .fs_btn{ float: right; line-height: 60px; border-radius: 0; padding: 0 25px; margin: -64px 0 0; }

/* Pricing 9 */
.pricing9{ background-color: #232323; }
.pricing9 .pricing_content{ border: 2px solid #0095eb; display: block; color: #fff; padding: 0 0 30px; }
.pricing9 .pricing_content .pricing_head{ background-color: #0095eb; padding: 35px 0; }
.pricing9 .pricing_content h3{ margin: 0; }
.pricing9 .pricing_content h4.price{
    font-family: 'Poppins', sans-serif;
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    display: block;
    margin: 0 0 20px;
}
.pricing9 .pricing_content ul{ padding: 30px 0; }
.pricing9 .pricing_content ul li{ display: block; padding: 2px 0; }
.pricing9 .pricing_content .fs_btn{ line-height: 45px; padding: 0 20px; }

/* Pricing 10 */
.pricing10{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; }
.pricing10 .pricing_tables .col-xs-6{ padding: 15px; }
.pricing10 .pricing_tables .pricing_content{ background-color: #ff6863; display: block; color: #fff; }
.pricing10 .pricing_tables .pricing_content:hover{ background-color: #fc4a45; }
.pricing10 .pricing_tables .pricing_content .pricing_head{ display: block;  padding: 25px 0; }
.pricing10 .pricing_tables .pricing_content .pricing_head .title{ font-size: 18px; color: #fff; margin: 0 0 5px; }
.pricing10 .pricing_tables .pricing_content .pricing_head .price{ font-size: 40px; color: #fff; font-weight: 700; margin: 0; }
.pricing10 .pricing_tables .pricing_content .pricing_footer{ display: block; padding: 25px 0; }
.pricing10 .pricing_tables .pricing_content .pricing_footer .fs_btn{ border: 1px solid #fff; }
.pricing10 .pricing_tables .pricing_content .pricing_footer .fs_btn:hover{ background-color: #fc4a45; color: #fff; }

/* Pricing 11 */
.pricing11 .pricing_tables .pricing_body{ display: block; padding: 40px 15px; text-align: center; border: 2px solid #ffc327; }
.pricing11 .pricing_tables .pricing_body .price{
    font-family: 'Arimo', sans-serif;
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #282828;
    letter-spacing: -1px;
    margin: 20px 0;
}
.pricing11 .pricing_tables .pricing_body h3{ font-size: 18px; margin: 0; }
.pricing11 .pricing_tables .pricing_body .table_list{ margin: 30px 0; }
.pricing11 .pricing_tables .pricing_body .table_list li{ display: block; padding: 3px 0; }

/* Pricing 12 */
.pricing12 .pricing_content{ background-color: #f7f7f7; border: 2px solid #00c4ff; display: block; padding: 0 0 30px; }
.pricing12 .pricing_content .pricing_head{ background-color: #00c4ff; padding: 35px 0; }
.pricing12 .pricing_content h3{ margin: 0; }
.pricing12 .pricing_content .price{
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    display: block;
    margin: 0 0 10px;
}
.pricing12 .pricing_content ul{ padding: 30px 0; }
.pricing12 .pricing_content ul li{ display: block; padding: 2px 0; }
.pricing12 .pricing_content .fs_btn{ line-height: 45px; padding: 0 20px; }

/* Pricing 13 */
.pricing13 .pricing_tables li.col-xs-6{ padding: 15px; }
.pricing13 .pricing_tables .pricing_body{ display: block; padding: 40px 15px; text-align: center; border: 2px solid #8ACA3E; }
.pricing13 .pricing_tables .pricing_body h4.price{ font-family: 'Poppins', sans-serif; display: block; font-size: 36px; font-weight: 700; color: #282828; letter-spacing: -1px; margin: 20px 0; }
.pricing13 .pricing_tables .pricing_body h3{ font-size: 18px; margin: 0; }
.pricing13 .pricing_tables .pricing_body .table_list{ margin: 30px 0; }
.pricing13 .pricing_tables .pricing_body .table_list li{ display: block; padding: 3px 0; }


/* ==========================================================================
   Call To Action
   ========================================================================== */
.cta{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

/* CTA 1 */
.cta1{ background-image: url(http://placehold.it/1200x430); }
.cta1.overlay:before{ background-color: rgba(0,0,0,0.8); }

/* CTA 2 */
.cta2{ background-color: #232323; }
.cta2 .dl_content { padding: 155px 0; }
.cta2 .dl_content h2{ font-weight: 400; }
.cta2 .dl_content .btn_group a{ margin: 0 10px 0 0; }
.cta2 .dl_content .dl_btn {
    border: 2px solid #e92730;
    display: inline-block;
    height: 60px;
    color: #fff;
    padding: 10px 25px 9px 50px;
    position: relative;
    transition: all 0.5s ease-in-out;
}
.cta2 .dl_content .dl_btn:hover{ background-color: #e92730; transition: all 0.5s ease-in-out; }
.cta2 .dl_content .dl_btn:hover i{ color: #fff; }
.cta2 .dl_content .dl_btn i {
    color: #e92730;
    font-size: 30px;
    font-weight: 700;
    width: 40px;
    height: 56px;
    text-align: right;
    line-height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}
.cta2 .dl_content .dl_btn .sm_txt { display: block; font-size: 10px; line-height: 12px; }
.cta2 .dl_content .dl_btn .big_txt { display: block; font-size: 20px; }
.cta2 .dl_moc img{ width: 100%; }

/* CTA 3 */
.cta3{ background-image: url(http://placehold.it/1200x430); }
.cta3.overlay:before{ background-color: rgba(0,174,255,0.8); }
.cta3 .dl_moc { position: relative; z-index: 1; margin-bottom: -165px; }
.cta3 .dl_moc .dl_moc_2{ position: absolute; right: 0; bottom: 0; z-index: -1; }
.cta3 .dl_content { padding: 110px 0; }

/* CTA 4 */
.cta4 .dl_content { padding: 58px 0; }
.cta4 .dl_content .btn_group a{ margin: 0 10px 10px 0; }
.cta4 .dl_content .dl_btn {
    border: 2px solid #8e43e7;
    display: inline-block;
    height: 60px;
    color: #8e43e7;
    padding: 10px 25px 9px 50px;
    position: relative;
    transition: all 0.5s ease-in-out;
    margin: 5px;
}
.cta4 .dl_content .dl_btn i {
    font-size: 30px;
    font-weight: 700;
    color: #8e43e7;
    width: 40px;
    height: 56px;
    text-align: right;
    line-height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
}
.cta4 .dl_content .dl_btn:hover i{ color: #fff; } 
.cta4 .dl_content .dl_btn:hover{ background-color: #8e43e7; color: #fff; transition: all 0.5s ease-in-out; }
.cta4 .dl_content .dl_btn .sm_txt { display: block; font-size: 10px; line-height: 12px; }
.cta4 .dl_content .dl_btn .big_txt { display: block; font-size: 20px; }
.cta4 .dl_img img{ width: 100%; margin-bottom: -80px; }

/* CTA 5 */
.cta5 .download_content h2{ margin: 0 0 5px; }
.cta5 .btn_group a{ margin: 0 10px 0 0; }
.cta5 .dl_btn{ height: auto; padding: 0; }
.cta5 .dl_btn img{ width: 140px; }
.cta5 .download_moc{ position: relative; }
.cta5 .download_moc img { width: 71%; position: absolute; top: -157px; left: 60px; }

/* CTA 6 */
.cta6{ background-color: #1b2793; }

/* CTA 7 */
.cta7{ background-color: #232323; display: block; padding: 20px 0; }
.cta7 h3{ display: inline-block; margin: 0 10px 0; color: #ffcb0c;}

/* CTA 8 */
.cta8{ background-image: url(http://placehold.it/1200x430); }
.cta8 h2{ padding: 40px 0; margin: 0; }

/* CTA 9 */
.cta9{ background-image: url(http://placehold.it/1200x430); }
.cta9.overlay:before{ background-color: rgba(255,255,255,0.5); }

/* CTA 10 */
.cta10{ background-color: #232323; padding: 30px 0; }
.cta10 h3{ display: inline-block; margin: 0 15px 15px; }

/* CTA 11 */
.cta11{ background-color: #232323; position: relative; }
.cta11 .cta_bg{
    background-image: url(../img/cta/cta-11-bg.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    -webkit-background-size: cover;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.cta11 .cta_content{ color: #fff; }
.cta11 .cta_content .fs_btn:hover{ color: #fff; }

/* CTA 12 */
.cta12{ background-image: url(http://placehold.it/1200x430); }
.cta12.overlay:before{ background-color: rgba(255,104,99,0.8); }
.cta12 .cta_content{ color: #fff; }
.cta12 .cta_content p{ font-size: 16px; }

/* CTA 13 */
.cta13{ background-color: #232323; }
.cta13 h2{ font-size: 30px; margin: 0 0 15px; }

/* CTA 14 */
.cta14{ background-image: url(http://placehold.it/1200x430); } 
.cta14.overlay:before{ background-color: rgba(0,0,0,0.6); }

/* CTA 15 */
.cta15{ background-image: url(http://placehold.it/1200x430); }   
.cta15 .cta_content{ padding: 30px 0; }   

/* CTA 16 */
.cta16{ background-image: url(http://placehold.it/1200x430); }   
.cta16 .cta_content{ padding: 30px 0; color: #fff; }

/* CTA 17 */
.cta17{ background-color: #282828; padding: 40px 0; }
.cta17 .cta_content h2{
    margin: 0 0 3px;
}
.cta17 .cta_content p{
    margin: 0;
}

/* ==========================================================================
   Testimonials
   ========================================================================== */
.testimonial{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

/* Testimonial 6 */
.testimonial6 .testi_items .testi_content{
    background-color: #eee;
    box-shadow: 0px 0px 3px 2px #ddd;
    display: block;
    padding: 80px 20px 20px;
    margin-top: 60px;
    position: relative;
}
.testimonial6 .testi_items .testi_content img{
    border: 2px solid #DEAA6E;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 60px);
    top: -60px;
    transition: all 0.5s ease-in-out;
}
.testimonial6 .testi_items .testi_content:hover img{ border: 8px solid #DEAA6E; }
.testimonial6 .testi_items .testi_content h4{ margin: 0; }


/* Testimonial 8 */
.testimonial8{ background-image: url(../img/testimonial/testimonial-8-bg.jpg); }
.testimonial8 .testi_items .testi_content{ background-color: #fff; padding: 30px; }
.testimonial8 .testi_items .testi_content img{ border: 5px solid #ffc40b; width: 120px; height: 120px; border-radius: 50%; }
.testimonial8 .testi_items .testi_content h3{ margin: 10px 0 0; }
.testimonial8 .testi_items .testi_content a{ color: #282828; }
.testimonial8 .testi_items .testi_content a:hover{ color: #ffc40b; }


/* ==========================================================================
   Blogs
   ========================================================================== */
.blog_posts img{ width: 100%; }
/* Blog 1 */
.blog2,
.blog1{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.blog1 .blog_posts .blog_post .blog_content{ padding: 15px; background-color: #eeeeee; }
.blog1 .blog_posts .blog_post .blog_content h4{ margin: 0 0 -3px; }
.blog1 .blog_posts .blog_post .blog_content h4 a{ color: #282828; }
.blog1 .blog_posts .blog_post .blog_content h4 a:hover{ color: #DEAA6E; }
.blog1 .blog_posts .blog_post .blog_content .post_meta{ font-size: 13px; display: block; margin-bottom: 10px; }

/* Blog 2 */
.blog2 .blog_posts .col-xs-6{ padding: 15px; }
.blog2 .blog_posts .blog_post .blog_content{ border: 1px solid #ddd; padding: 15px; }
.blog2 .blog_posts .blog_post .blog_content h4{ margin: 0 0 -3px; }
.blog2 .blog_posts .blog_post .blog_content h4 a{ color: #282828; }
.blog2 .blog_posts .blog_post .blog_content h4 a:hover{ color: #85C547; }
.blog2 .blog_posts .blog_post .blog_content .post_meta{ font-size: 13px; display: block; margin-bottom: 10px; }

/* Blog 3 */
.blog3{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.blog3 .blog_posts .blog_post .blog_content{ border: 1px solid #ddd; padding: 15px; }
.blog3 .blog_posts .blog_post .blog_content h4{ margin: 0 0 -3px; }
.blog3 .blog_posts .blog_post .blog_content h4 a{ color: #282828; }
.blog3 .blog_posts .blog_post .blog_content h4 a:hover{ color: #85C547; }
.blog3 .blog_posts .blog_post .blog_content .post_meta{ font-size: 13px; display: block; margin-bottom: 10px; }

/* Blog 4 */
.blog4 .blog_posts .blog_content h4{ margin: 10px 0; }
.blog4 .blog_posts .blog_content h4 a{ color: #282828; }
.blog4 .blog_posts .blog_content h4 a:hover{ opacity: 0.8; }
.blog4 .blog_posts .blog_content .read_more{ color: #777; }
.blog4 .blog_posts .blog_content .read_more:hover{ color: #282828; }

/* Blog 5 */
.blog5 .blog_posts .blog_content h4{ margin: 10px 0 3px; }
.blog5 .blog_posts .blog_content h4 a{ color: #282828; }
.blog5 .blog_posts .blog_content h4 a:hover{ opacity: 0.8; }
.blog5 .blog_posts .blog_content p{ margin: 0; }

/* Blog 6 */
.blog6 .blog_posts .blog_content figure{ position: relative; margin: 0 0 15px; }
.blog6 .blog_posts .blog_content h4{
    background-color: rgba(0,0,0,0.3);
    margin: 0;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.blog6 .blog_posts .blog_content h4 a{ color: #fff; }
.blog6 .blog_posts .blog_content h4 a:hover{ color: #3bd466; }
.blog6 .blog_posts .blog_content p{ margin: 0; }

/* Blog 7 */
.blog7{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.blog7 .blog_items .blog_content img{ border: 4px solid #026dfe; width: 100%; margin-bottom: 20px; }
.blog7 .blog_items .blog_content h4{ margin: 0 0 3px; }
.blog7 .blog_items .blog_content h4 a{ color: #282828; }
.blog7 .blog_items .blog_content h4 a:hover{ color: #026dfe; }

/* Blog 8 */
.blog8 .blog_items .blog_content img{ border: 2px solid #ffb923; width: 100%; margin-bottom: 20px; }
.blog8 .blog_items .blog_content h4{ margin: 0 0 3px; }
.blog8 .blog_items .blog_content h4 a{ color: #282828; }
.blog8 .blog_items .blog_content h4 a:hover{ color: #ffb923; }

/* Blog 9 */
.blog9{ background-color: #232323; }
.blog9 .blog_items .blog_content{ color: #fff; }
.blog9 .blog_items .blog_content img{ width: 100%; margin-bottom: 20px; }
.blog9 .blog_items .blog_content h4{ margin: 0 0 3px; }
.blog9 .blog_items .blog_content h4 a{ color: #fff; }
.blog9 .blog_items .blog_content h4 a:hover{ opacity: 0.8; }

/* Blog 10 */
.blog10{ background-color: #f7f7f7; border-bottom: 1px solid #eaeaea; }
.blog10 .blog_posts .blog_post .post_thumb{ position: relative; }
.blog10 .blog_posts .blog_post .post_thumb img{ width: 100%; }
.blog10 .blog_posts .blog_post .post_thumb p.date{
    background-color: #0095eb;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
}
.blog10 .blog_posts .blog_post h3{ margin: 10px 0; }
.blog10 .blog_posts .blog_post h3 a{ color: #282828; }
.blog10 .blog_posts .blog_post h3 a:hover{ color: #0095eb; }
.blog10 .blog_posts .blog_post .posted_by{ display: block; margin: 0 0 10px; }
.blog10 .blog_posts .blog_post p{  margin: 0 0 10px; }
.blog10 .blog_posts .blog_post .read_more{ color: #0095eb; }
.blog10 .blog_posts .blog_post .read_more:hover{ color: #282828; }

/* Blog 11 */
.blog11 .blog_posts .col-xs-6{ padding: 15px; }
.blog11 .blog_posts .blog_content img{ width: 100%; }
.blog11 .blog_posts .blog_content .meta_info{ display: block; overflow: hidden; margin: 10px 0; }
.blog11 .blog_posts .blog_content .meta_info li{ float: left; width: 50%; font-size: 14px; color: #282828; }
.blog11 .blog_posts .blog_content .meta_info li i{ color: #fc4a45; }
.blog11 .blog_posts .blog_content h4{ margin: 0 0 10px; }
.blog11 .blog_posts .blog_content h4 a{ color: #282828; }
.blog11 .blog_posts .blog_content h4 a:hover{ color: #fc4a45; }
.blog11 .blog_posts .blog_content .read_more{ color: #282828; }
.blog11 .blog_posts .blog_content .read_more:hover{ color: #fc4a45; }

/* Blog 12 */
.blog13,
.blog12{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; }
.blog12 .blog_items .blog_content img{ width: 100%; margin-bottom: 20px; }
.blog12 .blog_items .blog_content h3{ margin: 0 0 10px; }
.blog12 .blog_items .blog_content h3 a{ color: #282828; }
.blog12 .blog_items .blog_content h3 a:hover{ color: #00c4ff; }

/* Blog 13 */
.blog13 .blog_posts .blog_content .blog_thumb img{ width: 100%; transition: all 0.3s ease-in-out; }
.blog13 .blog_posts .blog_content:hover img{
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}
.blog13 .blog_posts .blog_content h4{ margin: 10px 0; }
.blog13 .blog_posts .blog_content h4 a{ color: #232323; }
.blog13 .blog_posts .blog_content h4 a:hover{ opacity: 0.8; }
.blog13 .blog_posts .blog_content .blog_meta{ margin: 0 0 5px; }
.blog13 .blog_posts .blog_content .blog_meta a{ color: #777; }
.blog13 .blog_posts .blog_content .blog_meta .date{ display: inline-block; margin: 0; }
.blog13 .blog_posts .blog_content .read_more{ color: #777; }
.blog13 .blog_posts .blog_content .read_more:hover{ color: #232323; }

/* Blog 14 */
.blog14{ background-color: #fafafa; }
.blog14 .blog_posts .blog_content figure{ position: relative; margin: 0 0 15px; }
.blog14 .blog_posts .blog_content figure img{ width: 100%; }
.blog14 .blog_posts .blog_content figure .meta_info{ background-color: rgba(0, 0, 0, 0.8); display: block; padding: 0 5px; width: 100%; position: absolute; left: 0; bottom: 0; }
.blog14 .blog_posts .blog_content figure .meta_info li{ float: left; width: 50%; font-size: 14px; color: #fff; padding: 15px 5px; }
.blog14 .blog_posts .blog_content figure .meta_info li i{ color: #e0a455; }
.blog14 .blog_posts .blog_content h4{ margin: 0 0 10px; }
.blog14 .blog_posts .blog_content h4 a{ color: #282828; }
.blog14 .blog_posts .blog_content h4 a:hover{ color: #e0a455; }
.blog14 .blog_posts .blog_content .read_more{ color: #181818; }
.blog14 .blog_posts .blog_content .read_more:hover{ color: #e0a455; }

/* Blog 15 */
.blog15 .blog_posts .col-xs-6{ padding: 15px; }
.blog15 .blog_posts .blog_content{ overflow: hidden; position: relative; }
.blog15 .blog_posts .blog_content img{ width: 100%; }
.blog15 .blog_posts .blog_content .overlay{
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s linear;
}
.blog15 .blog_posts .blog_content .overlay h4{ position: absolute; left: 0; padding: 0 20px; bottom: 15px; transition: all 0.3s linear; }
.blog15 .blog_posts .blog_content:hover .overlay{ background-color: rgba(0,0,0,0.8); transition: all 0.3s linear; }
.blog15 .blog_posts .blog_content:hover .overlay h4{ bottom: 65px; transition: all 0.3s linear; }
.blog15 .blog_posts .blog_content:hover .overlay p{ bottom: 15px; animation-delay: 0.2s; transition: all 0.3s linear; }
.blog15 .blog_posts .blog_content .overlay h4 a{ color: #fff; }
.blog15 .blog_posts .blog_content .overlay h4 a:hover{ opacity: 0.8; }
.blog15 .blog_posts .blog_content .overlay p{
    padding: 0 20px;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    left: 0;
    bottom: -100px;
    transition: all 0.3s linear;
}

/* Blog 16 */
.blog16{ border-bottom: 1px solid #eaeaea; }
.blog16 .blog_items .blog_content figure{ position: relative; }
.blog16 .blog_items .blog_content figure img{ border: 4px solid #de00a7; width: 100%; }
.blog16 .blog_items .blog_content figure .date{
    background-color: #fff;
    height: 40px;
    width: 120px;
    color: #282828;
    line-height: 40px;
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.blog16 .blog_items .blog_content figure h6{ float: left; width: 50%; text-align: center; line-height: 40px; }
.blog16 .blog_items .blog_content figure .date .date-left { background-color: #de00a7; color: #fff; font-weight: 700; margin: 0; }
.blog16 .blog_items .blog_content h4{ margin: 20px 0 5px; }
.blog16 .blog_items .blog_content h4 a{ color: #282828; }
.blog16 .blog_items .blog_content h4 a:hover{ color: #de00a7; }

/* ==========================================================================
   Subscriptions
   ========================================================================== */
.subscribe_form .form_input{
    display: block;
    font-size: 14px;
    line-height: 50px;
    padding: 0 15px;
    float: left;
    width: 70%;
}
.subscribe_form .submit{
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 50px;
    display: inline-block;
    padding: 0 25px;
    font-weight: 600;
    float: left;
    width: 30%;
}
.subscribe_form .submit:hover{ opacity: 0.8; }
#subscribe-result{ display: none; margin-top: 15px; padding: 10px; border: 1px solid #e92730; }
#subscribe-result.subs-result{ display: block; }
.subscription-success,
.subscription-error{ color: #fff; }

/* Subscription 1 */
.subscribe1{ background-color: #0d0d0d; }
.subscribe1 .subscribe_wrap{ display: block; text-align: center; }
.subscribe1 .subscribe_form{ display: block; text-align: center; width: 450px; margin: 0 auto; }
.subscribe1 .subscribe_form .form_input{ border: 1px solid #e92730; background: none; color: #fff; }
.subscribe1 .subscribe_form .submit{ background-color: #e92730; border: 1px solid #e92730; color: #fff; }
.subscribe1 .subscribe_form .submit:hover{ opacity: 0.8; }
.subscribe1 .social_link{ text-align: center; margin: 20px 0 0; }
.subscribe1 .social_link li{ display: inline-block; margin: 0 4px; }
.subscribe1 .social_link li a{
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #777;
}
.subscribe1 .social_link li a:hover{ color: #fff; }

/* Subscription 2 */
.subscribe2{ background-color: #007aff; padding: 50px 0; }
.subscribe2 .subscribe_wrap{ display: block; text-align: center; }
.subscribe2 .subscribe_form{ display: block; text-align: center; width: 450px; margin: 0 auto; }
.subscribe2 .subscribe_form .form_input{ border: 1px solid #fff; background: none; color: #fff; }
.subscribe2 .subscribe_form .submit{ background-color: #282828; border: 1px solid #282828; color: #fff; margin-left: -2px; }

/* Subscription 3 */
.subscribe3 .subscribe_form{ display: block; text-align: center; width: 100%; margin: 0 auto; }
.subscribe3 .subscribe_form .form_input{ border: none; display: block; border: 1px solid #1cb6ff; color: #fff; }
.subscribe3 .subscribe_form .submit{ background-color: #1cb6ff; border: 1px solid #1cb6ff; color: #fff; }
.subscribe3 .subscribe_form .submit:hover{ opacity: 0.8; }
.subscribe3 .social_link li{ display: inline-block; margin-right: 10px; }
.subscribe3 .social_link li a{ display: inline-block; font-size: 16px; text-align: center; color: #777; }
.subscribe3 .social_link li a:hover{ color: #282828; }

/* Subscription 4 */
.subscribe4{ background-color: #232323; }
.subscribe4 .subscribe_wrap{ display: block; text-align: center; margin-bottom: 20px; }
.subscribe4 .subscribe_form{ display: block; text-align: center; width: 450px; margin: 0 auto; }
.subscribe4 .subscribe_form .form_input{ border: none; display: block; background: #494949; color: #fff; }
.subscribe4 .subscribe_form .submit{ background-color: #f96332; border: none; color: #fff; }
.subscribe4 .subscribe_form .submit:hover{ opacity: 0.8; }
.subscribe4 .social_link{ text-align: center; margin: 40px 0 0; }
.subscribe4 .social_link li{ display: inline-block; margin: 0 10px; }
.subscribe4 .social_link li a{ display: inline-block; font-size: 14px; color: #777; }
.subscribe4 .social_link li a:hover{ color: #fff; }

/* Subscription 5 */
.subscribe5{ background-color: #0D1A22; }
.subscribe5 .subscribe_form{ display: block; text-align: center; width: 100%; margin: 0 auto; }
.subscribe5 .subscribe_form .form_input{ border: none; background: #fff; border: 2px solid #fff; color: #444; }
.subscribe5 .subscribe_form .submit{ background-color: #ffc40b; border: 2px solid #ffc40b; color: #fff; }
.subscribe5 .subscribe_form .submit:hover{ opacity: 0.8; }

/* Subscription 6 */
.subscribe6{ background-color: #232323; background-image: url(../img/subscribe/subscribe-6-bg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; }
.subscribe6 .subscribe_form .form_input{  border: none; background: rgba(0,0,0,0.6); display: block; color: #fff; }
.subscribe6 .subscribe_form .submit{ background-color: #ff492d; color: #fff; margin-left: -2px; }
.subscribe6 .subscribe_form .submit:hover{ opacity: 0.8; }

/* Subscription 7 */
.subscribe7{ background-color: #0090ff; }
.subscribe7 img{ width: 100%; }
.subscribe7 .subscribe_content { padding: 154px 0 0; color: #fff; }
.subscribe7 .subscribe_wrap{ display: block; text-align: center; }
.subscribe7 .subscribe_form{ display: block; width: 100%; margin: 0 auto; }
.subscribe7 .subscribe_form .form_input{ border: 1px solid #fff; background: none; color: #fff; }
.subscribe7 .subscribe_form .submit{ background-color: #282828; border: 1px solid #282828; color: #fff; margin-left: -2px; }
.subscribe7 .subscribe_form .submit:hover{ opacity: 0.8; }

/* Subscription 8 */
.subscribe8 .subscribe_wrap .subscribe_form { display: block; text-align: center; margin: 0 auto; }
.subscribe8 .subscribe_wrap .subscribe_form .form_input{ display: block; border: 1px solid #ddd; background: none; color: #282828; }
.subscribe8 .subscribe_wrap .subscribe_form .form_input:hover{ opacity: 0.8; }
.subscribe8 .subscribe_wrap .subscribe_form .submit{ background-color: #01acf1; border: 1px solid #01acf1; color: #fff; }
.subscribe8 .subscribe_wrap .subscribe_form .submit:hover{ opacity: 0.8; transition: all 0.5s ease-in-out; }

/* Subscription 9 */
.subscribe9{
    background-image: url(http://placehold.it/1200x600/ffffff/888888);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -220px 0;
    -webkit-background-size: cover;
    background-size: cover;
    border-bottom: 1px solid #eaeaea;
}
.subscribe9 .subscribe_content{ padding: 80px 0; }
.subscribe9 .subscribe_content .subscribe_form { display: block; text-align: center; margin: 0 auto; }
.subscribe9 .subscribe_content .subscribe_form .form_input{ display: block; border: 1px solid #ddd; background-color: rgba(246,246,246,0.4); color: #181818; }
.subscribe9 .subscribe_content .subscribe_form .form_input:hover{ opacity: 0.8; }
.subscribe9 .subscribe_content .subscribe_form .submit{ border: 1px solid #E64D85; background-color: #E64D85; color: #fff; }
.subscribe9 .subscribe_content .subscribe_form .submit:hover{ opacity: 0.8; transition: all 0.5s ease-in-out; }

/* Subscription 10 */
.subscribe10{
    background-image: url(http://placehold.it/1200x430/232323/888888);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.subscribe10 .subscibe_content{ color: #fff; }
.subscribe10 .subscibe_content h2{ color: #cead0a; }
.subscribe10 .subscibe_content p{ margin: 0; }
.subscribe10 .subscribe_form { display: block; text-align: center; padding: 9px 0; }
.subscribe10 .subscribe_form .form_input{ display: block; background-color: rgba(255,255,255,0.4); color: #181818; border: none; }
.subscribe10 .subscribe_form .form_input:hover{ background-color: rgba(255,255,255,0.2); transition: all 0.5s ease-in-out; }
.subscribe10 .subscribe_form .submit{ background-color: #cead0a; color: #fff; }
.subscribe10 .subscribe_form .submit:hover{ opacity: 0.8; transition: all 0.5s ease-in-out; }

/* Subscription 11 */
.subscribe11{ background-color: #ed421c; }
.subscribe11 .subscibe_content{ color: #fff; }
.subscribe11 .subscibe_content p{ margin: 0; }
.subscribe11 .subscribe_form { display: block; text-align: center; padding: 5px 0; }
.subscribe11 .subscribe_form .form_input{ display: block; background-color: rgba(255,255,255,0.4); color: #181818; border: none; }
.subscribe11 .subscribe_form .form_input:hover{ background-color: rgba(255,255,255,0.2); transition: all 0.5s ease-in-out; }
.subscribe11 .subscribe_form .submit{ background-color: #232323; color: #fff; }
.subscribe11 .subscribe_form .submit:hover{ opacity: 0.8; transition: all 0.5s ease-in-out; }

/* ==========================================================================
   Clients
   ========================================================================== */

/* Client 1 */
.client1{ background-color: #282828; }
.client1 .brands li{ padding: 15px; }
.client1 .brands li img{ background-color: #feb514; width: 100%; }

/* Client 2 */
.client2{ background-color: #1b2793; }
.client2 .brands li{ padding: 15px; }
.client2 .brands li img{ background-color: #2b3ac2; width: 100%; }

/* Client 3 */
.client3{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 25px 0; }
.client3 .brands li{ padding: 15px; }
.client3 .brands li img{ background-color: #3bd466; width: 100%; }
.client3 .brands li:hover img{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.client3 .brands .owl-nav div{
    width: 30px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    color: #282828;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    left: -35px;
    top: calc(50% - 15px);
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
.client3 .brands .owl-nav div:hover{ opacity: 1; transition: all 0.5s ease-in-out; }
.client3 .brands .owl-nav div.owl-next{ left: auto; right: -35px; }

/* Client 5 */
.client5{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.client5 .sponsor_images img{ width: 100%; }
.client5 .sponsor_images li:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1) }

/* Client 6 */
.client6{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 10px 0; }
.client6 .sponsor_images img{ width: 100%; opacity: 0.6; }
.client6 .sponsor_images li:hover img{ opacity: 1; }

/* Client 7 */
.client7 .sponsor_images img{ width: 100%; }
.client7 .sponsor_images li:hover img{ -webkit-transform: scale(1.3); transform: scale(1.3) }

/* Client 9 */
.client9{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 20px 0; }
.client9 .sponsor_images img{ width: 100%; }
.client9 .sponsor_images li:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); }


/* ==========================================================================
   Skills
   ========================================================================== */
.skill-bg{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

/* Skill 1 */
.skill1{ background-image: url(http://placehold.it/1200x500); }
.skill1 .skill_items li{
    padding: 15px;
}
.skill1 .skill_items .skill_item{ display: block; text-align: center; color: #282828; }
.skill1 .skill_items .skill_item .chart1{ width: 130px; height: 130px; margin: 0 auto; position: relative; }   
.skill1 .skill_items .skill_item .chart1 .percent{
    line-height: 130px;
    font-size: 24px;
    color: #282828;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.skill1 .skill_items .skill_item h3{ margin: 25px 0 0; }

/* Skill 2 */
.skill2 .skill_img img{ width: 100%; }
.skill2 .skill_wrap{ padding-top: 30px; }
.skill2 .skill_items .skill_item{ margin-bottom: 20px; }
.skill2 .skill_items .skill_item .progress { height: 10px;  background-color: #eee; box-shadow: none; margin-bottom: 0; overflow: visible; }
.skill2 .skill_items .skill_item .progress,
.skill2 .skill_items .skill_item .progress .progress-bar{ border-radius: 5px; }
.skill2 .skill_items .skill_item .progress .progress-bar { line-height: 10px; background-color: #0095eb; position: relative; }
.skill2 .skill_items .skill_item .progress .progress-bar span{
    position: absolute;
    top: -23px;
    right: 0;
    font-family: 'Poppins', sans-serif;
    color: #282828;
    font-weight: 700;
}

/* Skill 3 */
.skill3{ position: relative; }
.skill3 .skill_items .skill_item{ margin-bottom: 20px; }
.skill3 .skill_items .skill_item .progress { height: 8px; background-color: #ff6863; box-shadow: none; margin-bottom: 0; overflow: visible; }
.skill3 .skill_items .skill_item .progress,
.skill3 .skill_items .skill_item .progress .progress-bar { line-height: 3px; background-color: #ff6863; position: relative; }
.skill3 .skill_items .skill_item .progress .progress-bar span{
    position: absolute;
    top: -23px;
    right: -11px;
    font-family: 'Poppins', sans-serif;
    color: #282828;
    font-weight: 600;
}
.skill3 .skill_items .skill_item .progress .progress-bar span.progress_circle {
    background-color: #fff;
    border: 4px solid #fc4a45;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: -5px;
}
.skill3 .skill_img{
    background-image: url(http://placehold.it/540x450);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Skill 4 */
.skill4{ background-color: #232323; }
.skill4 .skill_items .skill_item{ display: block; text-align: center; color: #fff; }
.skill4 .skill_items .skill_item .chart2{ width: 130px; height: 130px; margin: 0 auto; position: relative; }   
.skill4 .skill_items .skill_item .chart2 .percent{
    line-height: 130px;
    font-size: 24px;
    color: #ffc327;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.skill4 .skill_items .skill_item h3{ margin: 25px 0 0; }

/* Skill 6 */
.skill6 .skill_wrap { padding: 30px 0 0; }
.skill6 .skill_items .skill_item{ margin-bottom: 20px; }
.skill6 .skill_items .skill_item h4{ margin: 0 0 5px; }
.skill6 .skill_items .skill_item .progress { height: 5px; background-color: #ddd; box-shadow: none; margin-bottom: 0; overflow: visible; }
.skill6 .skill_items .skill_item .progress,
.skill6 .skill_items .skill_item .progress .progress-bar{ border-radius: 0; }
.skill6 .skill_items .skill_item .progress .progress-bar { line-height: 5px;  background-color: #232323; position: relative; }
.skill6 .skill_items .skill_item .progress .progress-bar span{
    position: absolute;
    top: -31px;
    right: -23px;
    color: #fff;
    font-size: 10px;
    padding: 8px 12px;
    background-color: #232323;
}
.skill6 .skill_items .skill_item .progress .progress-bar span:before{
    background-color: #232323;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 4px);
    bottom: -4px;
}

/* Skill 7 */
.skill7{ position: relative; z-index: 1; }
.skill7 .skill_image{
    background-image: url(../img/skill/skill-7-img.png);
    background-repeat: no-repeat;
    background-position: 210px center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.skill7 .skill_items .skill_item{ margin-bottom: 20px; }
.skill7 .skill_items .skill_item h4{ margin: 0 0 5px; }
.skill7 .skill_items .skill_item .progress {
    height: 5px;
    background-color: #ddd;
    box-shadow: none;
    margin-bottom: 0;
    overflow: visible;
}
.skill7 .skill_items .skill_item .progress,
.skill7 .skill_items .skill_item .progress .progress-bar{ border-radius: 0; }
.skill7 .skill_items .skill_item .progress .progress-bar { line-height: 5px; background-color: #232323; position: relative; }
.skill7 .skill_items .skill_item .progress .progress-bar span{
    position: absolute;
    top: -31px;
    right: -23px;
    color: #fff;
    font-size: 10px;
    padding: 8px 12px;
    background-color: #ffd435;
}
.skill7 .skill_items .skill_item .progress .progress-bar span:before{
    background-color: #ffd435;
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 4px);
    bottom: -4px;
}

/* Skill 8 */
.skill8{ background-color: #f7f7f7; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.skill8 .skill_items .skill_item{ display: block; text-align: center; }
.skill8 .skill_items .skill_item .chart3{ width: 130px; height: 130px; margin: 0 auto; position: relative; }   
.skill8 .skill_items .skill_item .chart3 .percent{
    line-height: 130px;
    font-size: 24px;
    color: #282828;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.skill8 .skill_items .skill_item h4{ margin: 15px 0 0; }


/* ==========================================================================
   Contact Forms
   ========================================================================== */
.contact_form .form-control{
    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 10px;
}
.placeholder-1 input::-webkit-input-placeholder,
.placeholder-1 textarea::-webkit-input-placeholder{ color: #888 !important; }
.placeholder-1 input:-moz-placeholder,
.placeholder-1 textarea:-moz-placeholder{ color: #888 !important; }
.placeholder-1 input::-moz-placeholder,
.placeholder-1 textarea::-moz-placeholder{ color: #888 !important; }
.placeholder-1 input:-ms-input-placeholder,
.placeholder-1 textarea:-ms-input-placeholder{ color: #888 !important; }
.placeholder-2 input::-webkit-input-placeholder,
.placeholder-2 textarea::-webkit-input-placeholder{ color: #fff !important; }
.placeholder-2 input:-moz-placeholder,
.placeholder-2 textarea:-moz-placeholder{ color: #fff !important; }
.placeholder-2 input::-moz-placeholder,
.placeholder-2 textarea::-moz-placeholder{ color: #fff !important; }
.placeholder-2 input:-ms-input-placeholder,
.placeholder-2 textarea:-ms-input-placeholder{ color: #fff !important; }
#form-messages{ display: none; }
#form-messages.alert-danger,
#form-messages.alert-success{ display: block; }

/* Contact 1 */
.contact1 .contact_form .form-control{ border-bottom: 1px solid #ddd; color: #282828; }
.contact1 .contact_form .form-control:hover,
.contact1 .contact_form .form-control:focus{ background-color: transparent; border-bottom: 1px solid #999; box-shadow: none; }

/* Contact 2 */
.contact2{ border-bottom: 1px solid #eaeaea; }
.contact2 .contact_form .form-control{ border-bottom: 1px solid #ddd; color: #282828; }
.contact2 .contact_form .form-control:hover,
.contact2 .contact_form .form-control:focus{ border-bottom: 1px solid #999; box-shadow: none; }

/* Contact 3 */
.contact3{
    background-image: url(http://placehold.it/1200x600);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    -webkit-background-size: cover;
    background-size: cover;
}
.contact3.overlay:before{ background-color: rgba(0,0,0,0.4); }
.contact3 .contact_form .form-control{
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    border-bottom: 2px solid #ffc40b;
    border-radius: 0;
}
.contact3 .contact_form .form-control:hover{ background-color: rgba(0,0,0,0.2); }
.contact3 .contact_form .fs_btn:hover{ color: #fff; }

/* Contact 4 */
.contact4{ background-color: #512da8; position: relative; }
.google_map{
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.contact4 .contact_wrap{ padding: 15px; color: #fff; }
.contact4 .contact_wrap h2{ margin: 0 0 3px; }
.contact4 .contact_form .form-control{ background-color: rgba(0,0,0,0.6); color: #fff; border-radius: 0; border: none; }
.contact4 .contact_form .form-control:hover{ opacity: 0.9; }

/* Contact 5 */
.contact5 .contact_left{ padding: 60px 15px 60px 80px; }
.contact5 .contact_left h3{ margin: 0 0 -3px; }
.contact5 .contact_list li{ font-size: 12px; line-height: 18px; margin: 0 0 20px; float: left; width: 50%; }
.contact5 .contact_list li i{ color: #fcd846; display: block; font-size: 24px; margin: 0 0 5px; }
.contact5 .contact_right{ background-color: #fcd846; padding: 60px 80px 60px 30px; overflow: hidden; }
.contact5 .contact_form .form-control{ background: none; box-shadow: none; border: 2px solid #fff; color: #282828; }
.contact5 .contact_form .form-control:hover,
.contact5 .contact_form .form-control:focus{ box-shadow: none; }

/* Contact 6 */
.contact6{ background-color: #232323; }
.contact6 .contact_form .form-control{ background: none; border: none; box-shadow: none; border-bottom: 1px solid #888; color: #ddd; }
.contact6 .contact_form .form-control:hover,
.contact6 .contact_form .form-control:focus{ border-bottom: 1px solid #999; box-shadow: none; }

/* Contact 7 */
.contact7{ background-color: #1DA1F2; position: relative; }
.contact7 .google_map{ height: 100%; width: 35%; position: absolute; left: 0; top: 0; }
.contact7 .widget_content{ padding-left: 15px; }
.contact7 .widget_content h2{ margin: 0 0 3px; }
.contact7 .contact_info{ padding: 80px 20px; border-right: 1px solid #ddd; color: #fff; } 
.contact7 .contact_info ul li{ margin-bottom: 5px; }
.contact7 .contact_info ul li b{ display: block; }
.contact7 .contact_wrap{ padding-left: 15px; }
.contact7 .contact_form .form-control{ background: none; color: #282828; border-radius: 1px; border: 1px solid #ddd; }
.contact7 .contact_form .fs_btn{ background-color: #fff; border: 1px solid #fff; color: #282828; }
.contact7 .contact_form .fs_btn:hover{ background-color: transparent; color: #fff; }

/* Contact 8 */
.contact8{
    background-image: url(http://placehold.it/1200x500);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    -webkit-background-size: cover;
    background-size: cover;
}
.contact8.overlay:before{
    background-color: rgba(255,255,255,0.2);
}
.contact8 .contact_form .form-control{
    background: none;
    border: none;
    box-shadow: none;
    color: #fff;
    border-bottom: 2px solid #ff6863;
    border-radius: 0;
}
.contact8 .contact_form .fs_btn{ background: none; border: 2px solid #ff6863; color: #fff; }
.contact8 .contact_form .fs_btn:hover{ background-color: #fc4a45; border: 2px solid #fc4a45; }
.contact8 .contact_form .form-control:hover{ border-bottom: 2px solid #fc4a45; }

/* Contact 9 */
.contact9{
    background-image: url(http://placehold.it/1200x500/232323/666666);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
    -webkit-background-size: cover;
    background-size: cover;
}
.contact9.overlay:before{
    background-color: rgba(255,255,255,0.2);
}
.contact9 .contact_form .form-control{
    background: none;
    box-shadow: none;
    color: #fff;
    border: 1px solid #ffc327;
    border-radius: 0;
}
.contact9 .contact_form input.form-control{
    height: 45px;
    line-height: 45px;
}
.contact9 .contact_form .form-control:hover{
    background-color: rgba(255,255,255,0.2);
}

/* Contact 10 */
.contact10{
    background-image: url(../img/contact/contact-10-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.contact10 .contact_form .form-control{ background: none; border: none; border-bottom: 1px solid #888; color: #ddd; padding: 10px; }
.contact10 .contact_form .form-control:hover,
.contact10 .contact_form .form-control:focus{ border: none; box-shadow: none; border-bottom: 1px solid #444; }
.contact10 .contact_form .fs_btn:hover{ color: #ddd; }

/* Contact 11 */
.contact11{ background-color: #232323; }
.contact11 .contact_info li{ display: block; margin-bottom: 10px; }
.contact11 .contact_info li i{
    color: #FFD535;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
}
.contact11 .contact_form .form-control{
    background: none;
    border: none;
    box-shadow: none;
    color: #ddd;
    border-bottom: 1px solid #888;
    border-radius: 0;
}
.contact11 .contact_form .form-control:hover{ background: rgba(0,0,0,0.1); }
.contact11 .contact_form .fs_btn{ background-color: #FFD535; border: 1px solid #FFD535; color: #282828; }
.contact11 .contact_form .fs_btn:hover{ background-color: transparent; color: #FFD535; }

/* Contact 12 */
.contact12 .section_heading{ color: #232323; }
.contact12 .section_heading h2{ color: #282828; }
.contact12 .contact_info{ color: #282828; }
.contact12 .contact_info i{ font-size: 18px; margin-right: 15px; }
.contact12 .footer_form .form-control{ background-color: #fff; border: 1px solid #5e5e5e; color: #282828; border-radius: 0; }
.contact12 .footer_form .form-control:hover{ opacity: 0.9; }

/* Contact 13 */
.reservation_section{
    position: relative;
}
.reservation_section .res_bg {
    background-image: url(http://placehold.it/640x390);
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.reservation_section .left_img img{ width: 100%; height: 100%; }
.reserv_form { background-color: #a53c47; padding: 50px 30px; }
.reserv_form .fs_btn{ border-radius: 0; }
.reserv_form .form-control{ background: #fff; border: none; box-shadow: none; color: #181818; border-radius: 0; height: 50px; }
.reserv_form .form-control:hover{ -color: #eee; }
.reserv_form .fs_btn.style_1{ background-color: #181818; color: #fff; border: 2px solid #181818; }
.reserv_form .fs_btn.style_1:hover{ background: none; color: #fff; }
.reserv_form .alert{ display: none; }
.reserv_form input::-webkit-input-placeholder,
.reserv_form textarea::-webkit-input-placeholder{ color: #181818 !important; }
.reserv_form input:-moz-placeholder,
.reserv_form textarea:-moz-placeholder{ color: #181818 !important; }
.reserv_form input::-moz-placeholder,
.reserv_form textarea::-moz-placeholder{ color: #181818 !important; }
.reserv_form input:-ms-input-placeholder,
.reserv_form textarea:-ms-input-placeholder{ color: #181818 !important; }



/* Contact 16 */
.contact16 .contact_wrapper{ background-color: #8e43e7; padding: 20px 0; }
.contact16 .contact_wrapper .contact_left{ margin: 0; font-size: 24px; line-height: 24px; letter-spacing: 0; }
.contact16 .contact_wrapper .contact_right{ margin: 0; color: #fff; font-size: 12px; }
.contact16 .contact_wrapper .contact_btn{ position: relative; text-align: center; }
.contact16 .contact_wrapper .contact_btn a {
    background-color: #8e43e7;
    width: 90px;
    height: 90px;
    display: inline-block;
    font-size: 25px;
    line-height: 90px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 45px);
    top: -34px;
}
.contact16 .contact_wrapper .contact_btn a:hover{ background-color: #9551e7; }
.contact_form_modal{ background-color: rgba(142,67,231,0.6); }
.contact_form_modal h3{ font-size: 24px; margin: 0 0 5px; }
.contact_form_modal p{ margin: 0 0 25px; }
.contact_form_modal .modal-content { background-color: #8e43e7; padding: 30px 25px; border-radius: 0; }
.contact_form_modal .contact_form .form-control{ background-color: rgba(0,0,0,0.3); border: none; color: #fff; border-radius: 0; }
.contact_form_modal .contact_form .form-control:hover{ background-color: rgba(0,0,0,0.5); }
.contact_form_modal .contact_form .fs_btn{ background-color: rgba(0,0,0,0.3); color: #fff; border: none; }
.contact_form_modal .contact_form .fs_btn:hover{ background-color: #232323; color: #fff; }
#ajax_form .alert{ display: none; }
#ajax_form .alert.alert-success,
#ajax_form .alert.alert-danger{ display: block; }

/* Contact 17 */
.contact17{
   background-image: url(../img/contact/contact-17-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.contact17 h2{ display: inline-block; margin-right: 10px; margin-bottom: 10px; }
.contact_form_modal2{ background-color: rgba(0,0,0,0.6); }
.contact_form_modal2 h3{ font-size: 24px; margin: 0; }
.contact_form_modal2 p{ margin: 0 0 25px; }
.contact_form_modal2 .modal-content { background-color: #fff; padding: 30px 25px; border-radius: 0; }
.contact_form_modal2 .contact_form .form-control{ background-color: transparent; border: 1px solid #ddd; color: #444; border-radius: 0; }


/* ==========================================================================
   Widgets
   ========================================================================== */
/* Widget 1 */
.widget3,
.widget2,
.widget1{ background-color: #232323; }
.footer_widget{ color: #fff; }
.footer_widget p a{ color: #ffffff; }
.widget1 .links li a{ color: #fff; display: block; }
.widget1 .links li a:hover{ color: #DEAA6E; }

/* Widget 2 */
.widget2 .links li a{ color: #fff; display: block; }
.widget2 .links li a:hover{ color: #86C447; }

/* Widget 3 */
.widget3 .links li a{ color: #ddd; display: block; }
.widget3 .links li a:hover{ color: #fff; }

/* Widget 4 */
.widget4{ background-color: #232323; }
.widget4 .social_links li{ display: inline-block; margin: 0 5px; }
.widget4 .social_links li a{ color: #ddd; font-size: 14px; }
.widget4 .social_links li a:hover{ color: #fff; }

/* Widget 5 */
.widget5{ background-color: #3bd466; position: relative; }
.widget5 .contact_info{ padding: 15px; }
.widget5 .contact_info h2{ margin: 0 0 3px; }

/* Widget 6 */
.widget6{ border-top: 1px solid #eaeaea; }
.widget6 .social_menu li{ display: inline-block; }
.widget6 .social_menu li a{ display: inline-block; color: #777; margin: 0 10px; font-size: 13px; }
.widget6 .social_menu li a:hover{ color: #282828; }

/* Widget 7 */
.widget7{ background-color: #232323; }
.widget7 .links li a{ color: #fff; display: block; }
.widget7 .links li a:hover{ opacity: 0.8; }

/* Widget 8 */
.widget8{ background-color: #232323; }
.widget8 .footer_content h3{ color: #fff; margin: 0 0 10px; }
.widget8 .footer_content p.address a,
.widget8 .footer_content p{ color: #fff; }
.widget8 .footer_content p.address{ line-height: 28px; }
.widget8 .footer_content p.address i{ color: #ffb923; }
.widget8 .links li{ display: block; padding: 3px 0; }
.widget8 .links li a{ color: #ddd; }
.widget8 .links li a:hover{ color: #fff; }
.widget8 .social_links li{ display: inline-block; }
.widget8 .social_links li a{
    display: inline-block;
    text-align: center;
    color: #ddd;
    font-size: 14px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
}
.widget8 .social_links li a:hover{ color: #fff; }

/* Widget 9 */
.widget9{ background-color: #232323; }
.widget9 .col-xs-6{ padding: 15px; }
.widget9 .widget_content{ color: #fff; }
.widget9 .widget_content ul li{ display: block; margin-bottom: 0 0 3px; }
.widget9 .widget_content ul li a{ color: #ddd; }
.widget9 .widget_content ul li a:hover{ color: #fff; }

/* Widget 10 */
.widget10{ background-color: #131313; position: relative; }
.widget10 .footer_img{
    background-image: url(http://placehold.it/515x400);
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.widget10 .menu_list li { margin-bottom: 10px; position: relative; }
.widget10 .menu_list li h4 {
    font-family: 'Roboto', sans-serif;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ddd;
    font-weight: 400;
    margin: 0 0 0;
    overflow: hidden;
    width: 78%;
}
.widget10 .menu_list li h4:after{
    color: #fff;
    content: ". . . . . . . . . . . . . . . . . . . . " 
    ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " 
    ". . . . . . . . . . . . . . . . . . . . ";
    font-weight: normal;
    margin-left: 7px;
    position: absolute;
    top: -2px;
    white-space: nowrap;
    width: 0;
}
.widget10 .menu_list li span.time{ font-size: 14px; color: #fff; position: absolute; top: 0; right: 0; }

/* Widget 11 */
.widget11{
   /*  background-image: url(http://placehold.it/1200x500); */
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
	background-color: #232323;
}
/*.widget11.overlay:before{ background-color: rgba(0,0,0,0.6); }*/
.widget11 .footer_content{ color: #ffcb0c; }
.widget11 .footer_content .footer_logo {
    font-size: 40px;
    display: inline-block;
    color: #ffcb0c;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.widget11 .social_links li{ display: inline-block; }
.widget11 .social_links li a{
    color: #999;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 2px;
    font-size: 13px;
}
.widget11 .social_links li a:hover{ color: #ddd; }

/* ==========================================================================
   Footer
   ========================================================================== */

/* Footer 1 */
.footer1{ background-color: #232323; display: block; padding: 20px 0; color: #ddd; }
.footer1 p.copyright{ margin: 0; }  
.footer1 .footer_menu{ text-align: right; }
.footer1 .footer_menu li{ display: inline-block; }
.footer1 .footer_menu li a{ display: inline-block; padding: 0 10px; color: #ddd; }
.footer1 .footer_menu li a:hover{ color: #fff; }

/* Footer 2 */
.footer2{ display: block; background-color: #232323; border-top: 1px solid #444; color: #fff; text-align: center; padding: 20px 0; }
.footer2 p{ margin: 0; }

/* Footer 3 */
.footer3{ display: block; color: #444; border-top: 1px solid #ddd; text-align: center; padding: 20px 0; }
.footer3 p{ margin: 0; }  

/* Footer 4 */
.footer4{ display: block; background-color: #232323; border-top: 1px solid #444; padding: 30px 0; }
.footer4 .copyright{ font-size: 12px; color: #ddd; }  
.footer4 .footer_social{ display: block; text-align: right; }
.footer4 .footer_social li{ display: inline-block; }
.footer4 .footer_social li a{ color: #ddd; font-size: 12px; margin-left: 15px; }
.footer4 .footer_social li a:hover{ color: #fff; }

/* Footer 5 */
.footer5{ display: block; background-color: #232323; border-top: 1px solid #232323; color: #fff; padding: 30px 0; }
.footer5 p{ margin: 0; }  
.footer5 .social_links{ text-align: right; }
.footer5 .social_links li{ display: inline-block; }
.footer5 .social_links li a{ display: inline-block; color: #ddd; padding: 0 5px; font-size: 13px; }
.footer5 .social_links li a:hover{ color: #fff; }


/* Social Feed CSS */
.feed-container{}
.feed-container .feed-media {
    float: left;
    width: 33.33%;
    padding: 1px;
}
.feed-container.no-padding .feed-media{
    padding: 0;
}
.feed-container .feed-media img{
    width: 100%;
}
.feed-container .feed-media:hover img{
    opacity: 0.8;
}
.feed-container.col-2 .feed-media{
    width: 50%;
}
.feed-container.col-4 .feed-media{
    width: 25%;
}
.feed-container.col-5 .feed-media{
    width: 20%;
}
.feed-container.col-6 .feed-media{
    width: 16.66%;
}

/* Twitter Feed */
.twitter-feed{}
.twitter-feed .social-feed-element{
    margin: 0 0 10px;
}
.twitter-feed .media-body{}
.twitter-feed .media-body p{
    margin: 0 0 5px;
}
.twitter-feed .media-body p i{
    font-size: 16px;
    color: #1da1f2;
    margin-right: 10px;
}
.twitter-feed .media-body p{
    font-size: 12px;
    line-height: 18px;
}
/* Estilos David */
.feature16 {
    background-color: #f7f7f7;
    /* border-bottom: 1px solid #eaeaea;*/
} 
.service_icon { padding-top: 18px; }
.link { 
	color:blue;
	text-decoration:none;
}
.link:hover {
	color:orange; 
	text-decoration:none; 
}
.col-sm-12.check {
    font-size: 12px;
}
.col-sm-12.check a {
    color: #000;
    text-decoration: underline;
    letter-spacing: normal;
}