/*
Theme Name: King Themes
Theme URI: https://wordpress.org/themes/themesbet/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: themesbet
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face{font-family:"Norwester";src:url("../font/norwester.otf") format("opentype");}
body{font-family:'Roboto Condensed', sans-serif;font-size:15px;line-height:1.42857143;width:100%;height:100% !important;color:#333;background-color:#fff;}
body{font-family:'Open Sans', cursive;font-size:15px;line-height:1.6;color:#333;background-color:#fff;height:100%;}
html{width:100%;height:100% !important;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position:relative;}
a{color:inherit;text-decoration:none;}
a, a:focus, a:hover, a:active{color:#000000;outline:0;text-decoration:none;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f100{font-weight:100;}
.f300{font-weight:300;}
.f400{font-weight:400;}
.f500{font-weight:500;}
.f600{font-weight:600;}
.f700{font-weight:700;}
.f900{font-weight:900;}
.space0{margin-top:0px !important;}
.space5{margin-top:5px !important;}
.space10{margin-top:10px !important;}
.space20{margin-top:20px !important;}
.space25{margin-top:25px !important;}
.space30{margin-top:30px !important;}
.space40{margin-top:40px !important;}
.space50{margin-top:50px !important;}
.space60{margin-top:60px !important;}
.space70{margin-top:70px !important;}
.space80{margin-top:80px !important;}
.space90{margin-top:90px !important;}
.space100{margin-top:100px !important;}
.no-space{margin:0 !important;padding:0 !important;}
.pad-left0{padding-left:0 !important;}
.pad-right0{padding-right:0 !important;}
.pad0{padding:0 !important;}
.m-auto{margin:0 auto !important;}
.body-bg{background:rgba(0,0,0,0.5) url(img/overlay.png) repeat;height:100%;left:0;position:fixed;top:0;width:100%;    z-index: -1;}
header .navbar{margin-bottom:0;}
header .navbar-default{background-color:rgba(0,0,0,0.5);border-color:transparent;}
.affix {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,0.9) !important;
}
header .navbar-fixed-bottom{bottom:0px;margin-bottom:0;border-width:1px 0 0;}
.navbar-brand{float:left;padding:8px;font-size:18px;line-height:20px;}
header .navbar-brand-centered{position:absolute;left:50%;display:block;text-align:center;background-color:transparent;}
header .navbar-default .navbar-nav>li>a{color:#fff;position:relative;display:inline-block;padding-top:26px;padding-bottom:26px;font-weight:600;}
header .navbar-default .navbar-nav>li>a:focus,
header .navbar-default .navbar-nav>li>a:focus, header .navbar-default .navbar-nav>li>a:hover {
    color: #d4202b;
    background-color: transparent;
}
iframe.space100 {
    margin-top: 100px !important;
    width: 60%;
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
}
header .dropdown-menu{background-color:rgba(0,0,0,0.5);border:0;border-radius:0;}
header .dropdown-menu>li>a:focus,
header .dropdown-menu>li>a:hover{background-color:rgba(245,245,245,0.5);}
header .dropdown-menu>li>a{color:#ccc;}
header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:focus,
header .navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent;}
header .navbar>.container .navbar-brand-centered,
header .navbar>.container-fluid .navbar-brand-centered{margin-left:-110px;}
.dropdown-menu>li>a{padding:5px 20px;border-bottom:1px solid #ccc;}
.dropdown-menu>li:last-child a{border-bottom:0;}
#main_slider{padding:100px 0 30px;}
#main_slider .carousel-control span{top:50%;position:absolute;}
#service ,#service a{color:#fff;transition:all 0.5s ease-in-out;}
#service a:hover{color:#D4202B;}
.title{margin-top:10px;margin-bottom:20px;}
.title_border_div{clear:both;height:1px;margin:2% 0 3%;position:relative;width:100%;}
.title_border{border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;height:0;left:0;position:absolute;top:50%;width:100%;padding-top:3px;left:50%;margin-left:-15%;width:30%;}
.title_border i{background-color:#d4202b;color:#fff;font-size:16px;height:16px;left:50%;margin-left:-25px;margin-top:-7px;position:absolute;text-align:center;top:0px;width:50px;}
.shade{padding:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:40px;background-color:rgba(255, 255, 255, 0.25);cursor:pointer;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;color:#fff;}
.shade:hover{background-color:rgba(255, 255, 255, 0.10);}
.border_radius{border-radius:50%;}
#service .icon{width:80px;height:80px;display:inline-block;border:1px solid #D4202B;background-color:#D4202B;color:#fff;font-size:35px;text-align:center;vertical-align:middle;line-height:69px;border-radius:100%;}
.img_width{max-width:130px;margin:0 auto;}
.img_height{max-height:60px;}
.icon img{    border-radius: 50%;}
.left2{position:absolute;left:0;top:10px;}
.right2{position:absolute;right:0;top:10px;left:auto;}
.detail_list li{width:100%;position:relative;float:left;background:#fff;border:2px solid rgba(255, 255, 255,0.8);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:1px 1px 2px rgba(0,0,0,.2);margin:0 7px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;color:#333;}
.detail_list li:hover{background-color:rgba(255, 255, 255,0.6);}
.detail_list .img-content{width:100%;text-align:center;}
.ca-icon{width:100%;}
.ca-content{padding:0 15px;}
.detail_list li:hover .ca-main a{color:#ff2020;-webkit-animation:smallToBig 300ms ease;-moz-animation:smallToBig 300ms ease;-ms-animation:smallToBig 300ms ease;}
h2.ca-main{margin-top:10px;}
h2.ca-main a{font-size:24px;font-family:Raleway,Sans-Serif;opacity:.8;font-weight:300;text-align:center;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;}
.equal, .equal > div[class*='col-']{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex:1 1 auto;}
#footer{padding:20px 0 0;background-position:top;background-color:rgba(0,0,0,0.3);}
#footer h4{color:#D4202B;font-size:24px;font-weight:600;background:#000;padding:5px;padding-left:15px;}
#footer a,#footer a:focus,#footer a:hover,#footer li{color:#fff;outline:0;text-decoration:none;font-weight:600;}
#footer .sponcer{text-align:center;margin:0 auto;}
#footer .sponcer li a img{width:100px;}
#footer a i{line-height:30px;}
.copyright{background:rgba(0,0,0,0.8);padding:15px 15px;margin-top:20px;color:#fff;}
.copyright p{margin:0;}
.copyright a{color:#D4202B !important;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background-color:#000;border-left:1px solid #95e1d3;}
::-webkit-scrollbar-thumb{background-color:#95e1d3;}
::-webkit-scrollbar-thumb:hover{background-color:#aaaaaa;}
::-webkit-scrollbar-track{border-radius:0;box-shadow:none;border:0;}
::-webkit-scrollbar-thumb{border-radius:0;box-shadow:none;border:0;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background-color:#000;border-left:1px solid #95e1d3;}
::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background-color:#aaa;}
::-webkit-scrollbar-track{border-radius:0;box-shadow:none;border:0;}
::-webkit-scrollbar-thumb{border-radius:0;box-shadow:none;border:0;border-radius:10px;}
@-ms-viewport{width:auto !important;}
::-moz-selection{color:#fff;background:#95e1d3;}
.scroll{height:auto;overflow-y:scroll;margin-right:15px;margin-top:20px;margin-bottom:20px;}
#redessociales{width:64px;height:64px;border-radius:50%;border:5px solid #fff;position:fixed;top:30%;background:url(http://4.bp.blogspot.com/-gKMIOgeaEBY/UWHsOA382oI/AAAAAAAABpI/5GdyRTAeKII/s1600/share_core_square.jpg);background-position:center;}
.smedia{position:absolute;-webkit-transition:top 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;-moz-transition:top 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;-o-transition:top 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;display:block;opacity:0;width:120px;padding:5px;z-index:100;left:0px;background:rgba(0,0,0,0.5);color:#fff;}
#redessociales:hover .smedia{opacity:1;transform:translate(0px,0);-webkit-transform:translate(0px,0);-o-transform:translate(0px,0);-moz-transform:translate(0px,0);position:absolute;}
#redessociales:hover .smedia:nth-child(1){position:absolute;top:60px;}
#redessociales:hover .smedia:nth-child(2){position:absolute;top:95px;}
#redessociales:hover .smedia:nth-child(3){position:absolute;top:128px;}
#redessociales:hover .smedia:nth-child(4){position:absolute;top:161px;}
#redessociales:hover .smedia:nth-child(5){position:absolute;top:194px;}
#redessociales:hover .smedia:nth-child(6){position:absolute;top:232px;}
.smedia:hover{background:rgba(212,32,43,0.6);color:#fff;}
.modal-body a{color:#d4202b;}
#bonus{padding:100px 0 30px;}
.panel-default > .panel-heading.collapsed{color:#fff !important;background-color:#000!important;border-left:4px solid #d4202b !important;font-size:15px;border-radius:0px;cursor:pointer;padding:10px 15px;}
.panel-heading{background-color:#d4202b !important;color:#fff !important;border:none;border-radius:0px;}
.panel-heading a:hover{text-decoration:none;color:#fff;}
.panel-heading h4{text-transform:uppercase;font-size:16px;letter-spacing:1px;font-weight:700;}
.panel.panel-default{border:none;box-shadow:none;}
.panel-title{padding:10px 10px;}
.panel{background:transparent;}
.panel-body{padding:10px 20px;color:#000;font-weight:600;background:rgba(255,250,240,0.7);}
.panel-body ul li{padding-left:20px;position:relative;}
.panel-body ul li:before{content:"\f005";font-family:FontAwesome;position:absolute;left:0;}
.panel-body .table{width:100%;max-width:100%;margin-bottom:0;text-align:center;}
.panel-body .table th{text-align:center;}
h3.blue{margin:0;color:#000;}
.social_icon li a{background: #D4202B; width: 30px;height: 30px;border-radius: 50%;color: #fff;text-align: center;line-height: 30px;font-size: 18px;display: block;}
.social_icon li{margin: 5px 0;}
.btn_send{background: #D4202B;color: #fff;border:#D4202B;border-radius: 4px;padding: 6px 12px;width: 150px;}
.form-control {background-color: rgba(255,255,255,0.7);color: #000;}
.nav-tabs>li a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: pointer;
    background-color: #d4202b;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    padding:10px 15px;
    background: rgba(255,255,255,0.8);
    color: #000;
    border: 0 !important;
    transition: all 0.25s ease-in-out;
}
.tab-content>.active {
    display: block;
    padding: 15px 0;
    background: #fff;
    color: #000;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
}
.title_row{
	background: #ccc;
}
table th{
	color: #d4202b;
	text-align: center;
}
table td{
	color: #000;
}
.span1 {
    padding: 1px 4px 2px;
    background: #11c6ff;
    width: 90px;
    display: inline-block;
    margin-left: 4px;
    text-align: center;
    color: #fff;
}
.span2 {
    padding: 1px 4px 2px;
    background: #3c763d;
    width: 90px;
    display: inline-block;
    margin-left: 4px;
    text-align: center;
    color: #fff;
}
.span3 {
    padding: 1px 4px 2px;
    background: #e0a7a7;
    width: 90px;
    display: inline-block;
    margin-left: 4px;
    text-align: center;
    color: #fff;
}
.span4 {
    padding: 1px 4px 2px;
    background: #9168c5;
    width: 90px;
    display: inline-block;
    margin-left: 4px;
    text-align: center;
    color: #fff;
}

.lang li{padding: 0 15px;}
.lang li label{color: #000;}
.lang .dropdown-menu{    min-width: 280px;}
.dropdown-menu a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #d4202b;
    outline: 0;
}
@media (max-width:1199px){.nav>li>a{padding-left:7px;padding-right:7px;}
}
@media (min-width:767px) and (max-width:991px){header .navbar>.container .navbar-brand-centered,
header .navbar>.container-fluid .navbar-brand-centered{margin-left:-34px;margin-top:10px;}
.navbar-brand-centered img{width:130px;}
header .navbar-default .navbar-nav>li>a{padding:26px 5px;font-size:12px;}
iframe.space100 {
    margin-top: 100px !important;
    width: 80%;
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
}
}
@media (max-width:767px){header .navbar-brand-centered{position:absolute;left:0;display:block;text-align:center;}
header .navbar>.container .navbar-brand-centered,
header .navbar>.container-fluid .navbar-brand-centered{margin-left:0;}
header .navbar-brand-centered img{width:150px;}
.navbar-toggle {margin-right: 15px;}
.equal, .equal > div[class*='col-']{display:-webkit-box;display:-moz-box;display:-ms-block;display:-webkit-block;display:block;flex:1 1 auto;}
.column{margin-bottom:20px !important;}
header .navbar-default .navbar-nav>li>a{
    padding-top: 0px;
    padding-bottom: 20px;
   }
iframe.space100 {
    margin-top: 100px !important;
    width: 90%;
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
}
}
@media (min-width:768px){.modal-dialog{width:600px;margin:90px auto;}
}
label.error {
color:red !important;
}


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    
     .title_border_div {
    margin-bottom: 30px;
	}

}

#cssmenu {
  padding: 0;
  margin: 0;
  border: 0;
  width: auto;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
    width: 250px;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left:220px;
  width: 200px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
    background: transparent;
    border-bottom: 0;
    display: inline-block;
}
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
    border-top: 0;
    text-transform: none;
    min-width: 250px;
}
#cssmenu ul ul a {
    background: transparent;
    color: #4d535a;
    border: 0;
    border-top: 0 none;
    line-height: 150%;
    padding: 16px 20px;
    font-size: 12px;
    font-weight: 700;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
    border-top: 0;
}
#cssmenu ul ul li:hover > a {
  background: transparent;
  color: #ffffff;
}
#cssmenu ul ul li a span{
  color:transparent;
}
#cssmenu ul ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0 1px 0 #F05223;
}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  background: transparent;
  color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
  content: '\f107';
  margin-left: 5px;
  font-family:'FontAwesome';
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}

#cssmenu > ul > li > a {
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
}
#cssmenu a {
    background: transparent;
    color: #fff;
    padding: 26px 15px;
}

.stest
{
font-size: 40px;
color: #fff;
font-weight: 700;
margin-top: 223px;
}

#test p {
    opacity: 0;
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}​


@media(max-width: 767px){
#cssmenu ul li{
    display: block !important;
    width: 100% !important;    
    padding-left: 7px;
    padding-right: 7px;
}
.nav>li>a {
    padding-left: 22px;
    padding-right: 7px;
}
#cssmenu a {
    background: transparent;
    color: #fff;
    padding: 10px 0;
}
}
#main3 {
    width: 90% !important;
    margin-top: 80px!important;
}
}
@media (max-width: 767px){
.example-animation h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 0px;
}
}