/*
rtl
*/

body {
    direction: rtl;
    font-family: tahoma;
}

h1,h2,h3 {
    font-family: Cairo;
}

.caption-text {
    font-family: Cairo;
}

.local-toc {
    font-family: tahoma;
}

/*no need to rtl code block*/
.highlight-bash , .highlight {
    direction: ltr;
}

.btn {
    font-family: Tahoma;
}

/* cairo-regular - arabic */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cairo-v4-arabic-regular.eot'); /* IE9 Compat Modes */
  src: local('Cairo'), local('Cairo-Regular'),
       url('../fonts/cairo-v4-arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cairo-v4-arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cairo-v4-arabic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cairo-v4-arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cairo-v4-arabic-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.vid {
    margin-bottom: 20px;
    margin-top: 20px;
}