/*
 * Style.css V. 1.3
 * Copyright 2011-2017 
 * Licensed under MIT 
 */

/*
 * TechSharks.af  
/*/

@font-face{
    font-family: "sharks_medi";src: local("☺"), 
        url("assets/fonts/bbc-nassim-bold.woff") format("woff"), 
        url("assets/fonts/bbc-nassim-bold.eot") format("eot"), 
        url("assets/fonts/bbc-nassim-bold.otf") format("otf"), 
        url("assets/fonts/bbc-nassim-bold.ttf") format("truetype"), 
        url("assets/fonts/bbc-nassim-bold.svg") format("svg");
    
}

  
  
  
  
/***************** media ***********/
@media (min-width: 100px) and (max-width: 992px) {
.slider {padding:15px }
.w1title{margin-top:0px}
.snews{min-height: 238px}
.padding-l{padding: 0px 0px 0 0px}
.afg .snews h1{margin: 10px 0 18px}
.snews h1{margin: 10px 0 0px}
.widgets{padding: 0px;clear:both;}
.vside{margin-top: 20px}
.header{text-align: center;}
.bannerTop {width: 100%;height: auto}
.bannerTop img{width: 100%;height: auto}
.sh-navi li{padding-right:10px;}
}

@media (min-width: 100px) and (max-width: 599px) {

}
@media (min-width: 600px) {


}
@media (min-width: 992px) {
.slider{padding:15px 15px 15px 0px}
.w1title{margin-top: 15px}
.snews{min-height: 210px}
.padding-l{padding: 0px 0px 0 10px}
.bannerTop img{height: 95px;width: 680px;margin-top: 12px}
}
@media (min-width: 1200px) {

}

@media (min-width: 992px) and (min-width: 1200px){  
}




body{background: #f5f5f5}
.w1, .w2, .w3, .w4, .w5, .w6 {direction: rtl;}
a{color:#000;  
  -webkit-transition: all 0.2s; /* Safari */
  transition: all 0.2s;display: inline-block;}
a:hover{color:#f01f2d !important;text-decoration: none !important;;}
h1,h2,h3,h4,h5,h6{font-family: sharks_medi; margin: 5px 0}
a, span{font-family: sharks_medi;}
/************** top nav ************/
.submit,.inpt{font-family: sharks_medi;font-size: 10px}
.fullWidth{width: 100%;background: #fff;border-top:2px solid #F34336;border-bottom: 1px solid #e5e5e5}
.sh-top{margin-bottom: 0px;min-height: 35px !important;border: 0px;border-radius: 0px;background-color: transparent;}
.sh-list > li > a {padding-top: 10px !important;padding-bottom: 5px !important;font-family: sharks_medi;font-size: 12px}
.logo {display: inline-block;}
.logo img{width: 150px;margin:10px 0}
.bannerTop{float:left;}
.bannerTop img{margin-top: 12px}
.navbar-collapse{padding:0px ;}
.search{float: left;padding: 0px;margin-top: 5px}
.search input{height: 28px !important}
.search button{font-family: sharks_medi;font-size: 10px}
.sh-nav .collapse, .sh-nav{background: #111}
.sh-nav{min-height: 40px;border: 1px solid}
.sh-navi > li > a{color: #fff !important;padding-top: 10px;padding-bottom: 10px ;font-family: sharks_medi;font-size: 15px}
.sh-navi > li > a:hover{color: #f01f2d !important}
.navbar{border-radius: 0px !important}


/************** Widget 1**************/
.w1area{width: 100%;border:1px solid #eee; border-top:3px solid #f01f2d; background-color: #fff}
.clear{clear: both;}
.w1title{width: 100%;text-align: center;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 10px}
.slider{float: right;}
.snews h1{font-size: 16px;line-height: 21px;}
.snews{padding: 5px;text-align: right;}
.snews img{width: 100%}


/***************** middle **************/
.white{border:1px solid #eee; background-color: #fff;}
.afg{ float: right;padding-bottom:27px;}
.afg .snews{min-height: 213px;padding: 0 5px}
.afg .snews h1{font-size: 16px;line-height: 21px;margin-bottom: 0px}
.ads {display: block;}
.ads img{width: 100%;display: block;}
.widgets{padding-left: 0px}
.no-padding{padding: 0px 0px 0 0px}

.btitle{border-top:3px solid #f01f2d; text-align: center}
.title{border-bottom: 1px solid #ddd ;padding: 5px 0 5px;margin-bottom: 10px;display: block;}
.tahl{text-align: right;margin:0px 10px 10px 10px;border-bottom: 1px solid #efefef;padding: 0px 0 10px;min-height:80px;}
.tahl:last-child{border-bottom:0px;}
.btitle h3{font-size: 16px;line-height: 21px;}
.time{font-size: 10px;color:#aaa;}
.mwidgets .snews{margin: 0 10px;min-height: fit-content}
.mwidgets .snews h3{text-align: right;}
.thumb{border-top: 1px solid #eee;margin-top: 10px;padding: 10px 0 10px 0 ;min-height: 100px !important}
.thumb img{float:right;margin-left: 5px;width: 70px;height: 50px}
.thumb h3 a{display: inline;}

/******************* video *******************/
.svideo{width: 100%; background-color: #000;display: inline-block;margin: 40px 0 ;padding-bottom: 20px}
.stitle a:hover{color: #F34336 !important;text-decoration: none;}
.svideo .dtt{color: #b5b5b5 ;text-align: right;padding-right: 0px;font-size: 13px}
.svideo h3:hover{text-decoration: none;color: #F34336}
.vside > a{display: inline-block;width: 100%;min-height: 125px}
.vside img{float: right;width: 140px;margin-left: 10px;height: auto;}
.vside h3{color: #fff; font-size: 16px;margin:5px 0;line-height: 24px}
.vmain{float: left;}
.vmain img{display: inline-block;width: 100%}
.vmain h3{color: #fff;font-size: 24px;line-height: 32px}
.stitle{margin-top: 25px;border-bottom: 1px solid #ddd; padding-bottom: 0px; margin-bottom: 20px;}
.stitle a { padding:0 10px 10px 0px;font-size: 15px}


/******************** After Middle  *****************/
.reports{margin-bottom: 20px}
.reports .tahl h3{margin:5px 0 0}
.reports .tahl{margin: 0px}
.report2{padding:0 5px }
.report3{padding-right: 0px}
.report3 .snews {text-align: right;}
/******************** widget 5 *****************/
.w5{background: #aaa;width:100%;padding-bottom: 30px;height: 430px;position: relative;}
.w5 .container{background: #aaa;position: absolute;top:-40px;left:0;right:0;margin: 0 auto;padding-bottom: 25px}

.sh-more{margin:30px 0 70px 0;padding: 0 10px}
.sh-more:hover h3{color:#f26c69;}
.sh-more h3{margin:0px 0px 0 10px;padding: 10px;color: #fff;background: #000;font-family: sharks_bold;position: absolute;top: 100%;
  font-size: 14px;line-height: 24px;}
.title{ text-align: center;}
.title a{color: #000;font-family: sharks_medi;font-size:18px }
.title:before{width: 34% }
.title:after{width: 34% }
.zoomimg{width: 100%;height: 145px;overflow: hidden;
  }
.zoomimg img{width: 100% ;max-width: none;-webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s ; }
.zoomimg:hover img{width: 110%;}



/******************* footer *****************/
.footer{background: #000;text-align: center;}
.footer p{color: #ccc;font-family: sharks_medi;font-size:12px;}

/*********************** right tab box ****************/
.hor_1 p{background: #000;color: #fff;padding: 15px;direction: rtl;text-align: right;font-family: sharks_medi;font-size: 13px;line-height: 21px}
.sh-tab{width: 100%;padding: 20px 0}
.sh-tab .title:before{width: 42% }
.sh-tab .title:after{width: 42% }



/************************ single ******************/
.single h2{font-family: sharks_medi;font-size:21px;line-height: 32px}
.single p{font-family: tahoma;line-height: 28px}
.single span{font-family: tahoma;font-size: 12px;padding:0 0 20px 10px ;display: inline-block;color:#f26c69;}
.scont{min-height: 110px}
.scont img{float: right;padding: 5px 10px;width: 130px}
.scont h4,.sidebar h3{font-family: sharks_medi}
.scont h4 a{font-size: 14px;line-height: 24px;display: inherit;color:#000;}
.sidebar h3{font-size: 18px}



/*************** lang *********************/
.lang li a{transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.lang li a:hover{
    padding: 7px 15px 8px !important;
    background-color:#F34336 !important;
    color:#fff !important;
    
}


/************************ single page **********************/
.singlePage{margin: 0 auto;float:none;}
.singleContent{padding: 15px}
.singleImg{width: 100%;height: auto;margin-bottom: 15px}
.singleContent h1{font-size: 24px;line-height: 36px}
.singleContent p{font-family: tahoma;font-size:15px;line-height: 32px}
.swidget{padding: 0 5px !important}
.tags h2{font-family: tahoma;font-size:12px;background: #eee;color: #555;padding: 10px 15px;margin:20px 0;display: inline-block;}
blockquote{border-right:5px solid #ed1b24 !important }
blockquote p{color:#666;font-size:16px !important;}
.alignright{float:right;}
.alignleft{float:left;}
.alignrcenter{display: block;margin: 0 auto;text-align: center;}
.wp-caption-text{color:#666;font-size: 12px !important}


/********************** faiz Category ********************/

.itms{background: #fafafa !important; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid #ddd;min-height:385px;}
.itms:hover{background: #fff !important;}
.itms img{height: 265px;}
.trnsition{transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.r6{padding-right: 0; text-align: right;}
.l6{padding-left: 0; text-align: left; direction: rtl;}
.l6 i{position: relative; top: 3px; font-size: 17px;}
.r6 a.rb{border-right: 2px solid #F34336; padding-right: 10px; color: #fff;}
.abs{position: absolute;bottom: 138px; right: 30px; background:rgba(0,0,0,0.5); padding:6px 10px 6px 22px;}
span.abs>a{color:#fff;}
.crdhover:hover{color: #F34336 !important;}
.whitehover:hover{color: #fff !important;}
.catcnt{padding: 4px 15px 12px 15px;}
.catcnt h4 a{line-height: 28px;}
.crd{color: #F34336;}
.crdhover:hover{color: #F34336 !important;}

.dtt{color: #888 !important;}
.dtd{color: #ddd !important;}
.middtab .nav-tabs{padding-right: 200px;}
.twocol h5{direction:rtl;text-aligh:right}
.dtd, .onecol .dtt{text-align:right;padding-right:0px}
.svideo .dtt{color: #fff !important;text-align: right;padding-right: 0px}

.wp-pagenavi{text-align:center;padding:15px 0;}
.wp-pagenavi a, .wp-pagenavi span{direction:rtl;}
.wp-pagenavi span.current{display:inline-block;}


/***** comment *****/
.crd{color: #F34336;}
.crdhover:hover{color: #F34336 !important;}
.redbghover:hover{background: #F34336 !important;}
.inp{height: 30px !important; border: 1px solid #e3e3e3 !important;box-shadow: none !important; border-radius: 5px;}
.area{height: 75px !important;border-radius: 0;box-shadow: none;border: 1px solid #e3e3e3;background: #fafafa;}
input[type=text],input[type=email]{background-color: #fafafa;padding: 5px 20px 5px 10px;-webkit-transition: width 0.4s ease-in-out;   transition: width 0.4s ease-in-out;float: right; margin-bottom: 10px;}
h4.lables{border: none;margin: 5px;}
.crdhover{padding:0 10px;}
.sociable ul li{float:right !important;}

.ts-social{margin:0px;padding:0px;display:inline-block;text-align:left;}
.ts-social li{display:inline-block;margin-top:5px;float:left;}
.ts-social li a{display:inline-block; width:35px;height:25px;padding:0 10px;border-right:1px solid #eee; background-image:url(assets/img/social.png);-webkit-transition: all 0.3s; /* Safari */
  transition: all 0.3s;}

.fb{background-position: -1px -3px  }
.fb:hover{background-position: -1px -33px}

.tw{background-position: -35px -3px }
.tw:hover{background-position: -35px -33px }
.you{background-position: -71px -3px }
.you:hover{background-position: -71px -33px }
.g{background-position: -106px -3px }
.g:hover{background-position: -106px -33px }
.ins{background-position: -143px -3px }
.ins:hover{background-position: -143px -33px }
.vi{background-position: -179px -3px }
.vi:hover{background-position: -179px -33px }
.tel{background-position: -216px -3px }
.tel:hover{background-position: -216px -33px }

.callbacks .caption a{font-size:21px !important;}