/*# sourceURL=css/style.css */
/*@ sourceURL=css/style.css */
body {
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color:#fff;
    font-size:12px;
    font-family: 'Segoe UI', sans-serif;
    overflow-x:hidden;
}

ul, ul li{text-decoration:none; border:0px;margin:0px;padding:0px;list-style:none;}
a{color:#000;text-decoration:none!important;cursor:pointer;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus {outline: none;}

.se-pre-con{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background-color: #fff}
.se-pre-con .ic{position:absolute;top: 50%;left: 50%;margin-left: -72px;margin-top: -67px;}
.se-pre-con span{
	width:16px;
	height:16px;
	border-radius:50%;
	display:inline-block;
	position:absolute;
	left:50%;
	margin-left:-10px;
	-webkit-animation:3s infinite linear;
	-moz-animation:3s infinite linear;
	-o-animation:3s infinite linear;
}

.se-pre-con span:nth-child(2){
	background:#FF4DB3;
	-webkit-animation:kiri 1.2s infinite linear;
	-moz-animation:kiri 1.2s infinite linear;
	-o-animation:kiri 1.2s infinite linear;
	
}
.se-pre-con span:nth-child(3){
	background:#07182C;
	z-index:100;
}
.se-pre-con span:nth-child(4){
	background:#FF4DB3;
	-webkit-animation:kanan 1.2s infinite linear;
	-moz-animation:kanan 1.2s infinite linear;
	-o-animation:kanan 1.2s infinite linear;
}

@-webkit-keyframes kanan {
    0% {-webkit-transform:translateX(20px);
    }
   
	50%{-webkit-transform:translateX(-20px);
	}
	
	100%{-webkit-transform:translateX(20px);
	z-index:200;
	}
}
@-moz-keyframes kanan {
    0% {-moz-transform:translateX(20px);
    }
   
	50%{-moz-transform:translateX(-20px);
	}
	
	100%{-moz-transform:translateX(20px);
	z-index:200;
	}
}
@-o-keyframes kanan {
    0% {-o-transform:translateX(20px);
    }
   
	50%{-o-transform:translateX(-20px);
	}
	
	100%{-o-transform:translateX(20px);
	z-index:200;
	}
}




@-webkit-keyframes kiri {
     0% {-webkit-transform:translateX(-20px);
	z-index:200;
    }
	50%{-webkit-transform:translateX(20px);
	}
	100%{-webkit-transform:translateX(-20px);
	}
}

@-moz-keyframes kiri {
     0% {-moz-transform:translateX(-20px);
	z-index:200;
    }
	50%{-moz-transform:translateX(20px);
	}
	100%{-moz-transform:translateX(-20px);
	}
}
@-o-keyframes kiri {
     0% {-o-transform:translateX(-20px);
	z-index:200;
    }
	50%{-o-transform:translateX(20px);
	}
	100%{-o-transform:translateX(-20px);
	}
}


.topbar{
    margin:3px 0;
    font-size:13px;
}
.topbar b{
    color:#07172c;
    font-weight:600;
}
.socials a{
    display:inline-block;
    text-align:center;
    background-color:#2b518e;
    color:#fff;
    width:30px;
    height:30px;
    padding-top:6px;
    margin-left:4px;
}
.socials a:hover{
    background-color:#ddd!important;
    color:#000;
}
.socials a.tw{
    background-color:#30a4db;
}
.socials a.v{
    background-color:#6294bf;
}
.news-area{
    margin-top:8px;
}
.news-area,.news-area a{
    color:#07172c;
}
.news-left{
    color:#3fb1e8;
}
.news{
    margin-left:10px;
}
.news ul li a:hover{
    color:#3fb1e8;
}


/*ICONS SET*/

.icons{
    display:inline-block;
    vertical-align:middle;

    width:48px;
    height:17px;

    background-repeat:no-repeat;
    background-position:0 0;
}
.icon-ok{
    background-image:url("http://besdijital.com/css/../images/ok.png");
    margin:0 5px;
}
.icon-phone{
    width:47px;
    height:41px;
    background-image:url("http://besdijital.com/css/../images/phone.png");
}

.top-menu{
    background-color:#07172c;
    margin-top:6px;
}
.menu-logo{
    background-repeat:no-repeat;
    background-position:center 0;
    background-image:url("http://besdijital.com/css/../images/middle-bg.jpg");
    min-width:275px;/*264*/
    min-height:77px;
    text-align:center;
}
.menu-logo a{
    display:inline-block;
}
.menu-logo img{
    position:relative;
    z-index:9;
    margin-top:-38px;
}
.noborder{
    border:0!important;
}
.img-hover img,.products a {
    -webkit-transition: all .4s ease; /* Safari and Chrome */
  	-moz-transition: all .4s ease; /* Firefox */
  	-o-transition: all .4s ease; /* IE 9 */
  	-ms-transition: all .4s ease; /* Opera */
  	transition: all .4s ease;
}
.img-hover:hover img,.products a:hover{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}







.navbar-custom{
    border:none;
    border-radius:0px;
    min-height:inherit;
    margin:0px;
}
.menu{
    margin-bottom:0!important;
    border:0px!important;
}
.menu > li > a{
    display:block;
    color:#fff!important;
    padding:10px 25px;
    margin:12px 0px;
    font-size:17px;
    text-align:center;
    border-left:1px solid #13263e;
}
.menu > li > a i.fa{
    display:block;
    margin:0 auto;
    color:#152c4a;
    line-height:16px;
    visibility:hidden;
}
.menu li a.first{
    padding-left:0px!important;
}
.menu li a.last{
    padding-right:15px!important;
}

.menu > li.active > a,.menu > li.active > a:hover, .menu > li > a:hover,.menu > li > a:focus{
     background-color:transparent!important;
     color:#54c2f7!important;
}
.menu > li > a:hover i{
    visibility:visible;
}

.navbar-toggle{
    margin-right:0;
    border-color:#ddd!important;
}
.navbar-toggle.collapsed{
    background-color:#eee;
}
.navbar-toggle,.navbar-toggle:hover{
    background-color:#ddd;
}
.navbar-toggle .icon-bar{
    background-color:#333;
}
.mobile-text{
    color:#fff;
    margin:0px;
    padding:0px;
    line-height:normal!important;
    margin-top:4px;
    font-size:30px;
    font-weight:bold;
}

.sub-menu{
    background-color:#36a9e0;
    margin-bottom:4px;
}
.sub-menu ul{
    display:block;
    text-align:center;
}
.sub-menu ul li {
    display:inline-block;
    position:relative;
}
.sub-menu center{
    display:inline-block!important;
}
.sub-menu ul li,.sub-menu ul li a{
    color:#fff;
}
.sub-menu ul li a{
    display:block;
    background-color:#ff4db3;
    padding:8px 17px;
    font-size:13px;
    font-weight:600;
}
.sub-menu ul li:hover a{
    background-color:#f0058c;
    text-decoration:underline!important;
}
.sub-menu ul li b{
    display:block;
    color:#47c4ff;
    padding:12px 14px;
    padding-bottom:0;
    font-size:7px;
}
.sub-menu ul li em{
    display:block;
    position:absolute;
    z-index:9;
    width:100%;
    height:0;

	border-top: 4px solid #f0058c;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
.content-area{
    background-repeat:repeat-x;
    background-position:center 0;
    background-image:url("http://besdijital.com/css/../images/content-bg.jpg");
    height:405px;
}
.content{
    position:relative;
}
.content-text{
    width:300px;
    margin:0 auto;
    text-align:center;
    font-size:14px;
    margin-top:103px;
    position:relative;
    left:-8px;
}
.content-text,.content-text a{
    color:#fff;
}
.content-text a b{
    display:block;
    font-size:24px;
    font-weight:normal;

}
.content-text:hover a{
    color:#eee;
}



.products{
    width:1055px;
    margin:0 auto;
    margin-top:60px;
    border:1px solid transparent;
}
.products a{
    margin-left:30px;
    display:inline-block;
-webkit-box-shadow: 0px 15px 30px -18px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 15px 30px -18px rgba(0,0,0,0.75);
box-shadow: 0px 15px 30px -18px rgba(0,0,0,0.75);
}
.line{
    margin-bottom:15px;
}
.line.first{
    margin-left:70px;
}







.footer{
    background-color:#0b1d36;
    padding:20px 0;
    font-size:14px;
    color:#395067;
    font-weight:normal;
}
.copy-right{
    float:left;
}
.copy-right a{
    color:#395067;
}
.copy-right a:hover{
    color:#37a9e0;
}
.f-menu{
    float:right;
}
.f-menu ul li{
    float:left;
}
.f-menu ul li a{
    display:block;
    color:#395067;
    border-right:1px solid #395067;
    padding:0 7px;
    line-height:normal;
}
.f-menu ul li:last-child a{
    border-right:none!important;
    padding-right:0;
}
.f-menu ul li a:hover{
    color:#37a9e0;
}





.f-contact{
    background-color:#07172c;
    padding:15px 0;
    padding-bottom:10px;
    font-size:13px;
    color:#244f73;
    line-height:100%;
}
.contact-us{
    float:left;
}
.contact-us a{
    color:#244f73;
}
.contact-us a:hover{
    color:#37a9e0;
}
.contact-phone{
    float:left;
    margin-left:10px;
    margin-top:-2px;
}
.contact-phone h3{
    font-size:17px;
    color:#37a9e0;
}
.contact-phone h3 b{
    font-size:26px;
    font-weight:normal;
}
.contact-phone b,.contact-phone span{
    vertical-align:middle;
}
.social-media{
    float:right;
}
.social-media > a{
    display:inline-block;
    background-color:#244f73;
    color:#07172c;
    width:40px;
    height:40px;
    text-align:center;
    padding-top:7px;
    margin-left:7px;
}
.social-media a:hover{
    background-color:#37a9e0;
}
.social-media i.icon-ok{
    opacity:0.5;
}





*,::before,::after{  -webkit-box-sizing: border-box;-ms-box-sizing: border-box; 
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  -webkit-box-sizing:border-box;}




.products a.logo{
    padding: 10px;
    background-repeat: no-repeat;
    box-sizing: content-box;
    box-shadow: none;
    background-position: 10px 10px;
}

#on-hover:checked ~ div[role="main"] > a[data-property]:not(:hover):not(:target),
	body.in-page a[data-property]:not(:target) {
		animation: none !important;
	}
.content-area {
    background-repeat: repeat-x;
    background-position: center 0;
    background-image: url("http://besdijital.com/css/../images/0.png");
    height: 405px;
}
.x1{
    background: url(http://besdijital.com/images/1.png);
    width: 83px;
    height: 48px;
    position: absolute;
    right: 390px;
    top: 18px;
    }
.x2{
    background: url(http://besdijital.com/images/2.png);
    width: 75px;
    height: 28px;
    position: absolute;
    right: 500px;
    top: -25px;
    }
.x3{
    background: url(http://besdijital.com/images/3.png);
    width: 85px;
    height: 16px;
    position: absolute;
    right: 320px;
    top: -20px;
    }
.x4{
    background: url(http://besdijital.com/images/4.png);
	width: 83px;
    height: 71px;
    position: absolute;
    right: 459px;
    top: 250px;
	
   
    }
.x5{
    background: url(http://besdijital.com/images/5.png);
    width: 131px;
    height: 65px;
    position: absolute;
    right: 740px;
    top: 240px;
    }
.x6{
    background: url(http://besdijital.com/images/6.png);
    width: 134px;
    height: 37px;
    position: absolute;
    right: 120px;
    top: 250px;
    }
.x7{
    background: url(http://besdijital.com/images/7.png);
    width: 171px;
    height: 41px;
    position: absolute;
    right: 1060px;
    top: 260px;
    }
.x8{
    background: url(http://besdijital.com/images/8.png);
    width: 73px;
    height: 25px;
    position: absolute;
    right: 675px;
    top: -21px;
    }
.x9{
    background: url(http://besdijital.com/images/9.png);
    width: 88px;
    height: 38px;
    position: absolute;
    right: 850px;
    top: -27px;
    }
.x10{
    background: url(http://besdijital.com/images/10.png);
    width: 104px;
    height: 20px;
    position: absolute;
    right: 780px;
    top: 34px;
    }
.x11{
    background: url(http://besdijital.com/images/11.png);
    width: 88px;
    height: 40px;
    position: absolute;
    right: 588px;
    top: 25px;
    }
.x12{
    background: url(http://besdijital.com/images/12.png);
    width: 115px;
    height: 50px;
    position: absolute;
    right: 44px;
    top: 160px;
    }
.x13{
    background: url(http://besdijital.com/images/13.png);
    width: 107px;
    height: 26px;
    position: absolute;
    right: 940px;
    top: 95px;
    }
.x14{
    background: url(http://besdijital.com/images/14.png);
    width: 106px;
    height: 26px;
    position: absolute;
    right: 701px;
    top: 96px;
    }
.x15{
    background: url(http://besdijital.com/images/15.png);
    width: 89px;
    height: 61px;
    position: absolute;
    right: 240px;
    top: 80px;
    }
.x16{
    background: url(http://besdijital.com/images/16.png);
    width: 124px;
    height: 41px;
    position: absolute;
    right: 315px;
    top: 168px;
    }
.x17{
    background: url(http://besdijital.com/images/17.png);
    width: 84px;
    height: 70px;
    position: absolute;
    right: 605px;
    top: 153px;
    }
.x18{
    background: url(http://besdijital.com/images/18.png);
    width: 106px;
    height: 67px;
    position: absolute;
    right: 872px;
    top: 151px;
    }
.x19{
    background: url(http://besdijital.com/images/19.png);
    width: 115px;
    height: 50px;
    position: absolute;
    right: 1161px;
    top: 160px;
    }
.x20{
    background: url(http://besdijital.com/images/20.png);
	width: 119px;
    height: 31px;
    position: absolute;
    right: 465px;
    top: 89px;
    
    }


@media (max-width: 767px) { /*mobile*/
    .topbar{
        margin-bottom:0px!important;
    }
    .menu li a,.menu li a.first,.menu li a.last{
        border-left:0px!important;
        padding:10px!important;
        /*text-align:left;*/
        border-bottom:1px solid #fff!important;
    }
    .sub-menu ul li {
        display:block!important;
        margin-bottom:8px!important;
        text-align:left;
    }
    .sub-menu ul li b{
        display:none;
    }    




    .f-menu ul li a{
        border-right:none!important;
        margin-bottom:10px;
    }
}

@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/
.products a.logo{
    position: relative;
    float: left;
    left: 0;
    top: 0;
    border: 1px solid #ddd;
    height: 60px;
    width: 80px;
    background-size: calc(100% - 20px) auto;
    margin-left: 5px;
    margin-right: 5px;}
    .topbar{
        margin-bottom:40px;
    }
    .topbar,.socials,.sub-menu{
        text-align:center!important;
    }
    .news-area{
        display:inline-block;
    }
    .sub-menu{
        margin-bottom:0;
    }
    .sub-menu ul li{
        float:none;
        display:inline-block;
        margin-bottom:4px;
    }

    .footer,.f-contact{
        text-align:center;
    }
    .copy-right,.contact-us{
        margin-bottom:20px;
    }
    .f-menu ul li,.copy-right,.f-menu,.contact-us,.social-media,.contact-phone{
        float:none;
    }
    .contact-us a{
        float:none!important;
    }
    .f-menu ul li{
        display:inline-block;
        text-align:center;  
    }
    .products{
        width:auto!important;
        margin:15px auto!important;
        text-align:center;
    }
    .products a{
        margin-bottom:10px!important;
    }
    .content-area{
        height:auto!important;
        background-image:none!important;
        background-color:#e3e3e3;
    }
}

@media (min-width:992px) and (max-width: 1200px) { /*DESKTOP*/
    .menu > li > a {
        padding: 10px 18px;
        margin: 0px;
        font-size: 14px;
    }

    .sub-menu ul li a {
        padding: 8px 12px;
        font-size: 12px;
    }

    .sub-menu ul li b {
        padding: 12px 3px;
        padding-bottom: 0;
    }
}

img{
   -webkit-filter: contrast(150%);
  filter: contrast(150%);
}

img:hover{
  -webkit-filter: contrast(100%);
  filter: contrast(100%);
}