body{
     margin:0 auto!important;
     font-family:open sans,sans-serif!important;
     background:#fff;
     font-size:15px!important;
     color:#2f2f2f!important 
}
 .row{
     margin:0!important;
     margin-left:0!important;
     margin-right:0!important 
}
 .navigation-menu{
     background:#fff;
     border-bottom:1px solid #ececec 
}
 .search-form {
}
 .search-form a {
     color: #1e00ff;
}
 .search-form a.black {
     text-decoration: underline;
     color: black;
}
.suggestlang {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 10px;
    font-size: 15px;
}
 #navMenu{
     display:block;
     overflow:hidden;
     padding:15px 20px;
     margin:0 auto;
}
 #navMenu .container {
     padding-left: 20px;
     padding-right: 20px;
}
 #navMenu .logo{
     margin:0;
     padding:0;
     text-align:left;
}
 #navMenu .logo a{
     font-weight:600;
     font-size:20px;
     color:#fff!important;
     text-decoration:none!important;
     letter-spacing:.3px;
     background:#ff003e;
     padding:5px 0;
     border-radius:3px 
}
 #navMenu .head1 {
     max-width: 1100px;
     margin: auto!important;
}
 @media only screen and (max-width: 360px) {
     #navMenu .logo a {
         font-size: 16px;
    }
}
 .row{
     margin-left:-15px;
     margin-right:-15px 
}
 .text-center{
     text-align:center 
}
 .row-bordered,.row-backbordered{
     position:relative 
}
 .row-bordered::before{
     background:rgba(0,0,0,0) radial-gradient(ellipse at center center,rgba(0,0,0,0.2) 0px,rgba(255,255,255,0) 75%) repeat scroll 0 0;
     bottom:0;
     content:"";
     display:block;
     height:1px;
     left:50%;
     margin-left:-40%;
     position:absolute;
     width:80% 
}
 .row-backbordered:before{
     content:'';
     position:absolute;
     display:block;
     top:45%;
     left:-1000px;
     right:-1000px;
     height:1px;
     background-color:#dcdfe4;
}
 .row-padded{
     padding-top:10px;
     padding-bottom:10px 
}
 .p-l-md{
     padding-left:22.5px!important 
}
 .p-r-md{
     padding-right:22.5px!important 
}
 .row-centered{
     display:-webkit-box;
     display:-webkit-flex;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-align:center;
     -webkit-align-items:center;
     -ms-flex-align:center;
     align-items:center 
}
 .main {
     position: relative;
     padding: 10px;
}
 #king {
     text-align: center;
     max-width: 900px;
     margin: 0 auto;
     padding: 30px 0;
}
 #king .header h2 {
     font-weight: 500;
     font-size: 19px;
     margin-bottom: 40px;
}
 .bottomnote {
     text-align: center;
     color: #a9a9a9;
     margin-top: 40px;
     margin-bottom: -10px;
}
 .bottomnote a {
     color: #868686;
     text-decoration: underline;
}
 .bottomnote a:hover {
     color: #1e00ff;
     text-decoration: underline;
}
 #loading-message {
     margin-top: 50px;
     margin-bottom: 30px;
     display: none;
     padding: 0 20px;
     text-align: center;
     overflow: hidden;
}
 #loading-message .status {
     text-align: center;
     font-size: 21px;
     color: #4c4c4c;
}
 .error-msg {
     font-weight: 700;
     margin: 35px auto;
     background: #b90328;
     color: #fff;
     padding: 15px 10px;
     border-radius: 3px;
     max-width: 700px;
}
 .success-msg {
     font-weight: 700;
     margin: 10px auto;
     margin-bottom: 30px;
     background: #2FB717;
     color: #fff;
     padding: 15px 10px;
     border-radius: 3px;
     max-width: 700px;
}
 .error-mssg a, .error-msg a {
     color: #fff!important;
     text-decoration: underline;
}
 .loader {
     font-size: 5px;
     display: inline-block;
     margin: 0 auto;
     text-indent: -9999em;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background: #1e00ff;
     background: linear-gradient(to right,#1e00ff 10%,rgba(2,4,1,0) 42%);
     position: relative;
     animation: load3 1.4s infinite linear;
     transform: translateZ(0);
}
 .loader:before {
     width: 50%;
     height: 50%;
     background: #1e00ff;
     border-radius: 100% 0 0 0;
     position: absolute;
     top: 0;
     left: 0;
     content: '';
}
 .loader:after {
     background: #fafafa;
     width: 75%;
     height: 75%;
     border-radius: 50%;
     content: '';
     margin: auto;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
 @keyframes load3{
     0%{
         transform:rotate(0deg) 
    }
     100%{
         transform:rotate(360deg) 
    }
}

.btnloader {
    background: #fff;
    height: 33px;
    padding-top: 4px;
    border: 1px solid #1e00ff;
    border-radius: 2px;
}

.btnloader1 {
     font-size: 5px;
     display: inline-block;
     margin: 0 auto;
     text-indent: -9999em;
     width: 23px;
     height: 23px;
     border-radius: 50%;
     background: #1e00ff;
     background: linear-gradient(to right,#1e00ff 10%,rgba(2,4,1,0) 42%);
     position: relative;
     animation: load3 1.4s infinite linear;
     transform: translateZ(0);
}

.btnloader1:before {
     width: 50%;
     height: 50%;
     background: #1e00ff;
     border-radius: 100% 0 0 0;
     position: absolute;
     top: 0;
     left: 0;
     content: '';
}

.btnloader1:after {
     background: #fff;
     width: 75%;
     height: 75%;
     border-radius: 50%;
     content: '';
     margin: auto;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}

 .textbox {
     text-align: left;
     padding-top: 30px;
     padding-bottom: 40px;
}
 .contactbox {
     padding-top: 30px;
     padding-bottom: 40px;
}
 .contactbox label {
     text-align: left!important;
}
 .contactbox .error-msg {
     margin-top: 10px;
}
 #convertForm {
     position: relative;
}
 #convertForm .url-input {
     width: 100%;
     padding-right: 170px;
     height: 60px;
     border: 2px solid #1e00ff;
     background-color: #fff;
     padding-left: 55px;
     color: #474756;
     font-size: 17px;
     font-weight: 400;
     letter-spacing: -.3px;
     background-image: url(/i/input-icon.svg)!important;
     background-repeat: no-repeat!important;
     background-position: center left 12px!important;
}
 #convertForm #convertBtn {
     background: #1e00ff;
     color: #fff;
     font-weight: 700;
     line-height: 60px;
     width: 150px;
     cursor: pointer;
     text-align: center;
     border-radius: 0 3px 3px 0;
     position: absolute;
     top: 0;
     right: 0;
}
 #searchresults {
     margin-top: 40px;
     margin-bottom: 60px;
}
 .searchbox {
     margin: auto;
     margin-top: 30px;
     max-width: 810px;
}
 .dlc {
     width: 260px;
     min-height: 240px;
     float: left;
     margin-left: 5px;
     margin-right: 5px;
     padding-top: 20px;
     padding-bottom: 20px;
}
 .dlc a {
     display:block;
     height: 100%;
     width: 100%;
     text-decoration: none;
}
 .dlc a:hover {
     color: red;
}
 .dlc a .dl-title {
     text-decoration: underline;
}
 .dlt {
     height: 150px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .dlt-dur {
     color: #fff;
     text-align: right;
     padding-right: 7px;
     padding-top: 117px;
     font-weight: bold;
     font-size: 12px;
}
 .searchbox:after {
     content:"";
     display: table;
     clear: both;
}

.dS {
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 50px;
    margin-top: 40px;
    margin-bottom: 60px;
    background-color: #eee;
    border: 1px solid #ccc;
}

.dS h2 {
    color: #b10326;
    margin-bottom: 30px;
    font-size: 26px;
}

.dS h3 {
    margin-bottom: 20px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.dpage {
	max-width: 800px;
	margin: auto;
}

.dpage:after {
  content: "";
  display: table;
  clear: both;
}

.dpage .thumbdiv {
	max-width: 290px;
	float: left;
	padding-bottom: 30px;
}

.dpage img {
    width: 100%;
    height: 100%;
}

.dpage .selection {
	width: 460px;
	float: right;
}



.dpage .notice-msg {
	font-size:15px;
	padding-top:17px;
	font-weight:400;
	background-color:#e0180b;
	margin:auto;
	padding:15px;
	color:#fff;
	border-radius:3px;
	margin-bottom:30px;
	font-weight: bold;
	text-align: center;
}

.dpage .notice-msg a {
	color: #fff;
	text-decoration: underline;
}

.dpage table {
	width: 100%;
	margin: auto;
	border-spacing: 0;
	margin-top: 20px;
}

.dpage td {
	width: 33%;
	text-align: center;
	padding: 10px 0 10px 0;
}

.dpage tr:not(:first-child) td {
	border-top: 1px dotted #aaa;
}

.dpage .hint {
	font-size: 13px;
	text-align: left;
	margin: auto;
	margin-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.dpage .hint p {
	margin-bottom: 20px;
}
.dpage .hint b{
	color: black;
}

.dpage .hint .orange, .dpage .hint .orange b {
	color: #b10326!important;
}

.dpage .dlbtn {
	font-weight: 700;
	background-color: #1e00ff;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: auto;
    width: 101px;
    height: 33px;
}

.dpage .dlbtn-red {
	background-color: #b10326!important;
}

.dpage .dlbtn-in {
	padding-top: 6px;
}

.dpage .dlbtn:hover {
     background: #b10326!important;
     color: #fff!important;
     text-decoration: none!important;
}

.itgban-div {
	padding-top: 50px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}

.itgban-div2 {
	padding-bottom: 40px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.itgban-img {
	border: 3px solid #1e00ff;
	max-width: 900px;
}
.itgban-img:hover {
	border: 3px solid red;
}

 @-webkit-keyframes wappblink {
     0%, 49% {
         background-color: yellow;
    }
     50%, 100% {
         background-color: white;
    }
}
 @media all and (max-width:1000px) {
     #responsive-nav{
         display:block!important 
    }
     #navMenu{
         padding:20px 0!important;
    }
     .navbar-nav {
         font-size: 14x;
    }
     #responsive-nav .logo{
         position:relative;
         top:5px 
    }
     #king {
         margin-bottom: 0!important;
    }
     .search-form {
         padding-top: 5px!important;
    }
     #convertBtn {
         position: relative!important;
         margin: 0 auto!important;
         margin-top: -1px!important;
         width: 100%!important;
         line-height: 50px!important;
         border-radius: 0 0 3px 3px!important;
    }
     .search-form input {
         border-radius: 3px 3px 0 0!important;
         padding-right: 15px!important;
    }
     footer ul {
         line-height: 30px;
         padding-bottom: 30px!important;
    }
     footer .nlang-box {
         margin-top: 27px!important;
    }
     footer .nlang-box a, footer .nlang-box .dropdown-menu a {
         padding-top: 8px!important;
         padding-bottom: 8px!important;
    }
}
 .main-home {
     padding-bottom: 30px;
}
 .main-result {
     padding-top: 30px;
}
 #load-status {
     position: relative;
     width: 120px;
     height: 120px;
     display: inline-block;
}
 #load-status .loader {
     position: absolute;
     left: calc(50% - 60px);
}
 #load-status #status-process {
     z-index: 999;
     position: absolute;
     top: 0;
     left: 0;
     line-height: 120px;
     width: 120px;
     text-align: center;
     font-size: 1.2em;
}
 .space-bottom {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .bg-grey {
     background-color: #fafafa;
}
 .youtubedownload-cloud {
    position: relative;
}
 .youtubedownload-cloud h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
    position: relative;
    z-index: 779;
    font-weight: bold;
}
 .youtubedownload-cloud span.highlight {
    content: '';
    background: #FFFF00;
    width: 50px;
    height: 10px;
    border-radius: 10%;
    position: absolute;
    transform: rotate(-22deg);
    top: 2px;
    left: -9px;
    z-index: 778;
}

.dlocbtn {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.dlocbtn a {
	font-weight: 700;
	background-color: #1e00ff;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 37px;
    padding-top: 4px;
    font-size: 20px;
}

.dlocbtn a:hover {
     background: #b10326!important;
     color: #fff!important;
     text-decoration: none!important;
}

.dlochint {
    max-width: 500px;
    margin: auto;
    margin-top: 30px;
    text-align: left;
}

.form-cptc {
    width: 75px!important;
    float: left;
}
.cptc {
    width: 80px;
    height: 39px;
    background-repeat: no-repeat!important;
    background-size:contain!important;
    float: left;
    margin-left: 10px;
}

.cptc-row:after {
    content: "";
    display: table;
    clear: both;
}

.it1 {
    text-align: left;
    margin-top: 30px;
    border: 2px solid red;
    padding: 10px;
}

.it2 {
	max-width: 500px;
	margin: auto;
	margin-top: 50px!important;
}

.it1-hdline {
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
}

.it1-btn-plc {
    text-align: center;
}

.it1-btn {
	font-weight: 700;
	background-color: #b10326;
	border-radius: 3px;
	color: #fff!important;
	text-decoration: none;
	display: inline-block;
    padding: 10px 14px 10px 14px;
    text-align: center;
	width: auto;
    margin: auto;
    margin-top: 20px;
    font-size: 18px;
}

.it1-btn:hover {
     background: #1e00ff!important;
     color: #fff!important;
     text-decoration: none!important;
}

.likely {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}

 ol li {
     margin: 10px 0 10px 0;
}
 footer {
     background: #fff;
     padding: 10px;
     color: #827f84;
     font-size: 12px;
     text-align: center;
     border-top: 1px solid #ececec;
}
 footer .fking {
     max-width: 1100px;
     margin: auto;
     padding-top: 10px;
     height: 80px;
}
 footer ul {
     list-style: none;
     padding: 15px 0;
     margin: 0;
     text-align: center;
}
 footer ul li {
     display: inline-block;
     padding: 0 5px;
}
 footer ul li a {
     color: #333;
     font-size: 14px;
     text-decoration: underline;
}
 footer ul li a:hover {
     color: #1e00ff;
}
 footer .nlang-box {
     background-color: #eee;
     border: 1px solid #bbbdbf;
     width: 160px;
     margin: auto;
     margin-top: 13px;
     font-size: 13px;
     text-align: left;
}
 footer .nlang-box a {
     text-decoration: none;
     color: black;
     padding-left: 10px;
}
 footer .nlang-box a .flag {
     margin-right: 10px;
}
 footer .nlang-box .dropdown-toggle {
     display: block;
     padding-top: 3px;
     padding-bottom: 3px;
}
 footer .nlang-box .dropdown-menu {
     border-radius: 0px;
     padding: 0;
     border: 1px solid #bbbdbf;
     background-color: #f9f9f9;
}
 footer .nlang-box .dropdown-menu a {
     display: block;
     font-size: 13px;
     padding: 5px 0px;
     padding-left: 10px;
}
 footer .nlang-box .dropdown-menu a:hover {
     background-color: #dedede;
}
 footer .nlanguages {
}
 .navbar-default{
     background-color:#fff 
}
 .flag{
    display:inline-block;
    position: relative;
    width:16px;
    height:11px;
     background:url(/i/flags/flags.png) no-repeat
}
 .flag.flag-ae{
    background-position:-16px 0
}
 .flag.flag-bd{
    background-position:-16px -11px
}
 .flag.flag-cz{
    background-position:-16px -33px
}
 .flag.flag-de{
    background-position:-32px -33px
}
 .flag.flag-gr{
    background-position:-48px -55px
}
 .flag.flag-us{
    background-position:0 -154px
}
 .flag.flag-es{
    background-position:-224px -33px
}
 .flag.flag-ir{
    background-position:-112px -66px
}
 .flag.flag-fi{
    background-position:0 -44px
}
 .flag.flag-fr{
    background-position:-80px -44px
}
 .flag.flag-in{
    background-position:-64px -66px
}
 .flag.flag-hu{
    background-position:-224px -55px
}
 .flag.flag-id{
    background-position:-256px -55px
}
 .flag.flag-it{
    background-position:-144px -66px
}
 .flag.flag-jp{
    background-position:-224px -66px
}
 .flag.flag-kr{
    background-position:-80px -77px
}
 .flag.flag-my{
    background-position:-112px -99px
}
 .flag.flag-nl{
    background-position:-240px -99px
}
 .flag.flag-pk{
    background-position:-160px -110px
}
 .flag.flag-pl{
    background-position:-176px -110px
}
 .flag.flag-pt{
    background-position:-256px -110px
}
 .flag.flag-ro{
    background-position:-64px -121px
}
 .flag.flag-ru{
    background-position:-96px -121px
}
 .flag.flag-rs{
    background-position:-80px -121px
}
 .flag.flag-se{
    background-position:-208px -121px
}
 .flag.flag-tr{
    background-position:-144px -143px
}
 .flag.flag-vn{
    background-position:-128px -154px
}
 .flag.flag-cn{
    background-position:-176px -22px
}
 .flag-container {
     padding: 10px;
     font-size: 12px;
     text-align: center;
}
 .flag-container ul {
     list-style: none;
     padding: 15px 0;
     margin: 0;
     text-align: center;
}
 .flag-container ul li {
     display: block;
     padding: 0 5px 10px 5px;
     text-align: left;
}
 .flag-container ul li a {
     color: #333;
     font-size: 14px;
     text-decoration: none;
}
 .flag-container ul li a div{
    margin-right:5px;
}
 .flag-container .container {
    width: 1170px;
     max-width: 953px !important;
     margin: 0 auto;
}
 .custom-grid1{
     float: left;
     width: 29%;
     padding-right: 15px;
     padding-left: 15px;
}
 .custom-grid2{
     float: left;
     padding-right: 15px;
     padding-left: 15px;
     width: 31%;
}
 .custom-grid3{
     float: left;
     padding-right: 15px;
     padding-left: 15px;
     width: 25%;
}
 .custom-grid4{
     width: 15%;
     float: right;
     padding-right: 15px;
     padding-left: 15px;
}


@media only screen and (max-width:930px) {
	.itgban-img {
		width: 100%;
	}
}

@media only screen and (max-width:829px) {
    .searchbox {
        max-width: 540px;
    }

	#dtable .notice-msg, #dtable .success-msg {
		font-size: 18px;
        line-height: 24px;
	}
}

@media only screen and (max-width:834px) {
    
	.dpage .thumbdiv {
		float: unset;
		max-width: unset;
		width: 100%;
	}
	.dsection h2, .searchsection h2 {
		font-size: 22px;
	}
	.dpage h3 {
		text-align: center;
	}
	.dpage .selection {
		width: 100%;
		float: unset;
		margin-top: 30px;
	}
	.dpage .hint {
		margin-top: 70px;
	}
}

 @media only screen and (max-width:768px){
     .flag-container .container {
        width: 100%;
    }
     .main-result {
         padding-top: 20px;
    }
     .space-bottom {
         padding: 0px;
    }
     .space-bottom>div {
         padding-top: 20px;
         padding-bottom: 20px;
    }
     footer ul {
         padding-bottom: 15px!important;
    }
     footer .foot-lang {
         padding-bottom: 45px;
    }
    
    .dS {
        padding: 10px;
    }
}
 @media only screen and (min-width:467px) and (max-width:768px){
     .custom-grid1 {
        width: 28%;
    }
     .custom-grid2 {
        width: 29%;
    }
     .custom-grid3 {
        width: 24%;
    }
     .custom-grid4 {
        float: right;
         width: 19%;
    }
}

@media only screen and (max-width:559px) {
    .searchbox {
        max-width: unset;
        width: auto;
    }
    
    .dlc {
        float: unset;
        width: auto;
        min-height: unset;
    }
    
    .dlt {
        height: 200px;
    }
    
    .dS {
        padding: 5px;
    }
    .dS h2 {
        font-size: 20px;
    }
}

 @media only screen and (max-width:479px){
     .flag-container .container {
        width: 100%;
    }
     .custom-grid1, .custom-grid2, .custom-grid3, .custom-grid4{
        width:50%;
    }
}




#sddxy nav {
    border-bottom: 2px solid blue;
}

.sdlifr {
	width: 100%;
	height: 400px;
	border: 0;
}

#sddlitbtn,
#sddlbtn {
 border: 1px solid #298616;
 border-radius: 10px;
 margin-right: 25px;
 padding: 15px;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
}

.sapkbtn {
 border: 1px solid #b10326;
 border-radius: 10px;
 margin-right: 25px;
 padding: 15px;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none!important;
 text-align: center;
 background: #b10326;
 color: #fff!important;
 display: block;
 max-width: 320px;
 margin: auto;
 margin-top: 50px;
}

.sapkbtn:hover {
 text-decoration: none;
 color: #fff!important;
 background-color: #8c001c;
}
#sapkbtn:active, #sapkbtn:focus {
 color: #fff!important;
}

.sddlbtnr {
 float: right;
 margin-top: 12px;
}
#sddlbtn {
 background: #31a51a;
 color: #fff;
}
#sddlbtn:hover {
 background: #298616;
 color: #fff!important;
}
#sddlbtn:active, #sddlbtn:focus {
 color: #fff!important;
}
main #sddlbtn {
 display: block;
 max-width: 320px;
 margin: auto;
 margin-top: 50px;
}
#sdovl {
 position: absolute;
 display: none;
 top: 0px;
 left: 0px;
 background-color: black;
 opacity: 0.6;
 height: 100%;
 width: 100%;
}
#sdovl1 {
 position: absolute;
 display: none;
 top: 10px;
 left: 50%;
 width: 80%;
}
#sdovl122 {
 position: relative;
 left: -50%;
 background-color: white;
 border: 2px solid green;
 border-radius: 5px;
 padding: 10px 10px 40px 10px;
 margin: auto;
 margin-top: 100px;
}
#sdovl11 {
 color: black;
 font-size: 16px;
 width: 80%;
 margin: auto;
 margin-top: 40px;
 text-align: left;
}
#sdovl11 p {
  margin-top: 8px;
  margin-bottom: 12px;
}
#sdovl12 {
 margin-top: 40px;
 text-align: center;
}
#sdovl13 {
 border: 1px solid #298616;
 border-radius: 5px;
 background: #31a51a;
 color: #fff;
 padding: 12px 25px 9px 25px;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}
#sdovl3 {
 font-size: 24px;
 font-weight: bold;
 color: #999;
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 line-height: 1;
 text-align: right;
 padding-right: 5px;
 padding-bottom: 5px;
 cursor: pointer;
 float: right;
}
#sdovl3:hover {
 text-decoration: none;
}