/*
Theme Name: Vitraffic Theme
Theme URI: http://www.dfythemes.com
Description: Wordpress theme, responsive and has custom style for mobile devices
Version: 1.5
Author: http://www.dfythemes.com
*/

/* FONTS */
*{margin:0; padding:0;}
:focus{outline:none;}
html{height:100%; -webkit-text-size-adjust:none;}
body{height:100%; font-size:12px; font-family:'latoregular'; background:#fff;}
a{text-decoration:none; outline:none; color:#302C2C; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
img{padding:0; margin:0; max-width:100%; float:none; border:none;}
h1, h2, h3, h4, h5, h6, p{font-weight:normal; margin:0; padding:0; display:block; clear:both;}
ul, ul li, ol, ol li{padding:0; margin:0; list-style:none;}
p{line-height:22px; font-size:16px; color:#707070; font-family:'open_sansregular';}
*{box-sizing:border-box; -webkit-box-sizing:border-box;}
a:hover, a:focus, a{text-decoration:none; outline:none;}
a:hover, a:focus{color:#f14236;}
*{box-sizing:border-box;}

/*NORMAL CSS*/
.pull-left{float:left;}
.pull-right{float:right;}
h1{font-size:45px; color:#fff; margin-bottom:15px; font-family:'latobold';}
h2{font-size:24px; color:#1f202d; font-family:'latoregular';}
h3{font-size:18px; color:#2c3e50; font-family:'latosemibold';}

.block, .widt{width:100%; float:left;}

/*BUTTON CSS*/
.btn{display:inline-block; padding:9px 20px; text-transform:uppercase; text-align:center; color:#fff; font-size:16px; border-radius:4px; font-family:'open_sanssemibold';}
.red_btn{background:#3b5998; color:#fff;}
.red_btn:hover, .red_btn:focus{background:#4db2ec; color:#fff;}
.sky_btn{background:#3b5998; color:#fff; padding:8px 40px;}
.sky_btn:hover, .sky_btn:focus{background:#486bb3; color:#fff;}


/*INPUT CSS*/
textarea{resize:vertical; height:100px; font-family:'open_sansregular'; border-radius:0; color:#acacac; padding:9px 10px; border:2px solid #e7e8e8; box-shadow:none; font-size:18px;}
input[type="text"], input[type="password"], input[type="tel"], input[type="search"], input[type="email"], textarea, select{float:left; width:100%; background:#fff; border:0; color:#acacac; padding:9px 10px; font-size:18px; box-sizing:border-box; -webkit-box-sizing:border-box; font-family:'open_sansregular'; border-radius:4px; -webkit-border-radius:4px; border:2px solid #e7e8e8; box-shadow:none;}
input, textarea{-webkit-appearance:none;}
input[type="submit"]{cursor:pointer; outline:none; border:none; -webkit-appearance:none;}
::-moz-placeholder{color:#0e0e15 !important;}

/*TOP BAR CSS*/
.top_bar{float:left; width:100%; background:#222; padding:7px 0; border-bottom:2px solid #f0f2f3;}
.top_bar .social_top{float:left; margin-top:2px;}
.top_bar .social_top a{float:left; color:#a1a1a1; font-size:15px; margin-right:20px;}
.shoping_cart{float:right; color:#898989; font-size:14px; font-family:'latoregular'; line-height:15px; margin-left:20px; margin-top:6px;}
.shoping_cart .fa{font-size:16px; padding-right:5px; color:#b0b0b0;}
.top_bar .col{float:left; margin-right:15px;}
.top_bar .col .fa{color:#d3d3d3; font-size:15px;  margin-right:5px; vertical-align:middle;}
.top_bar .col a{float:left; color:#d3d3d3; font-size:12px;}

/*HEADER CSS*/
header{float:left; width:100%; z-index:999; background:#fff; border-bottom:1px solid #ebebeb;}
.logo{float:left;}
header .navbar-default{background:none; border:0; float:left; width:100%;  padding:20px 0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#2d5c88; background:none;}
.navbar-default .navbar-nav > li > a{color:#707070; font-size:18px; text-transform:uppercase; padding:0; margin:0 0 0 30px; font-family:'TwCenMTRegular'; line-height:16px; letter-spacing:1.5px;}
.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active:hover > a{color:#f14236;}
.navbar-default .navbar-nav > li{margin-left:35px;}
.navbar-default .navbar-nav > li:first-child{border-left:0;}
ul.navbar-right{margin-top:20px;} .navbar > .container .navbar-brand{margin-left:0;}
header .navbar{margin-bottom:0;} header .navbar-brand{padding:0;}
.header_right{float:right; padding-top:18px;}
.header_right .navbar-right{padding:0;}
header .container{position:relative;}
.menu_first{background:#f9d927;}
.mid_wrapper{float:left; width:100%; padding:30px 0 10px;}


/*TENDING CSS*/
.tendingInfo{float:left; width:100%; padding:25px 0;}
.tendingTitle{float:left; width:100%;}
.tendingTitle h2{color:#707070; font-size:20px; font-family:'open_sanssemibold'; float:left; min-width:160px; border-right:1px dotted #707070;}
.tendingTitle span{color:#707070; font-size:16px; font-family:'open_sansregular'; margin-left:35px;}
.tendingRow{float:left; width:100%; margin:25px 0 10px;}
.tendingRow ul{float:left; width:100%;}
.tendingRow ul li{float:left; width:25%; padding:0 3px;}
.tendingRow ul li .tending_port{float:left; width:100%;}
.tendingRow ul li .tending_port img{width:100%; height:100%;}
.tendingRow ul li .tendingbox{float:left; width:100%; position:relative; overflow:hidden;}
.tendingbox .tending_detail{position:absolute; bottom:0; left:0; z-index:2; float:left; width:100%; padding:20px}
.tendingRow ul li:first-child{width:50%;}
.tendingRow ul li:nth-child(2){width:50%; margin-bottom:6px;}
.tendingbox .tending_detail h3{color:#fff; font-family:'open_sanssemibold'; font-size:18px;}
.tendingbox .tending_detail h2{color:#fff; font-family:'ProximaNovaBold'; font-size:36px;}
.tendingbox .tending_detail p{color:#fff; font-family:'open_sansregular'; font-size:12px;}
.tendingbox .tending_detail p span{color:#fff; font-family:'open_sanssemibold'; font-size:12px;}
.tending_col{float:left; width:100%;}
.tendingRow .owl-buttons{display:block; position:absolute; top:-50px; z-index:9; right:0;}

/*OWL CAROUSEL SLIDER CSS*/
.carousel_pagebuilder_wrapper{overflow:hidden;}
.owl_carousel{float:left; width:100%; position:relative;}
.owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-wrapper-outer{overflow:hidden;}
.owl-item{float:left;}
.owl-pagination{display:none; float:left; width:100%; padding-top:20px; text-align:center;}
.owl-page{background:#2b2d2c; display:inline-block; margin:0 5px; width:24px; height:7px; cursor:pointer;}
.owl-page:hover, .owl-page.active{background:#fa6738;}
.owl-buttons{display:block; float:left; z-index:9; right:25px;}
.owl-buttons .owl-prev, .owl-buttons .owl-next{background:url(assets/img/nav.png) no-repeat 0 0; display:inline-block; width:22px; height:22px; cursor:pointer; text-indent:-9999px; margin-left:3px;}
.owl-buttons .owl-prev:hover{background-position:0 -42px;}
.owl-buttons .owl-next{background-position:0 -87px;}
.owl-buttons .owl-next:hover{background-position:0 -129px;}
.grabbing{cursor:url(grabbing.png) 8 8, move;}
.detailholder.medium{border-bottom:3px solid #222;}
.owl_carousel_builder .owl-controls, .owl_carousel .owl-controls{width:100%; float:left; text-align:center;}

.videoBox{position:relative; overflow:hidden;}
.videoBox .videoOverlay{position:absolute; float:left; width:100%; text-align:center; z-index:99; left:0; height:100%; background:rgba(0,0,0,.2); padding:15px;}
.videoPlay{display:inline-block; margin-top:24%;}
.videoPlay a{color:#fff; font-size:80px;}


.coltowRow{float:left; width:100%;}
.title{float:left; width:100%; position:relative; margin-bottom:25px; text-align:center;}
.title h2{color:#707070; font-size:24px; font-family:'open_sanssemibold';}
.videoCol{float:left; width:100%;}
.videoBox{float:left; width:100%; margin-bottom:14px;}.videoBox img{width:100%;float: left;}
.videoBox iframe, .ShortVDetail iframe{float:left; width:100% !important;}
.videoCol .videoDetail{float:left; width:100%;}
.videoCol .videoDetail h2{color:#707070; font-size:20px; font-family:'open_sanssemibold';}
.videoCol .videoDetail span{color:#707070; font-size:12px; font-family:'open_sanssemibold'; display:block; padding:7px 0 18px;}
.videoCol .videoDetail span samp{font-family:'open_sansregular';}
.videoCol .videoDetail h2{color:#707070; font-size:20px; font-family:'open_sanssemibold';}
.VideoList{float:left; width:100%;}
.VideoList .pull-left{width:120px; height:78px; margin-right:15px;}
.VideoList .ShortVDetail{display:block; overflow:hidden;}
.ShortVDetail h2{color:#707070; font-size:18px; font-family:'open_sanssemibold';}
.ShortVDetail span{color:#707070; font-size:12px; font-family:'open_sanssemibold'; display:block; padding:7px 0 18px;}
.ShortVDetail span samp{font-family:'open_sansregular';}
.ShortVDetail iframe{height:100%;}
.videoRow{float:left; width:100%; margin-bottom:15px;}
.FeaturedSlide{float:left; width:100%; margin-bottom:15px;}
.FeaturedRow .owl-buttons, .FeaturedSlide .owl-buttons{margin-left:15px;}
.categoruyTow .FeaturedSlide .owl-wrapper-outer{padding-bottom:20px;}

.PostsInfo{float:left; width:100%;}
.PostsInfo .title:after{background:#2d94fb; width:175px;}
.PostsInfo .title h2{max-width:175px;}
.adPost{float:left; width:100%; text-align:center; margin:15px 0;}
.adPost .add{float:left; width:100%;}
.adPost .add img{float:none;}
.adPost span{color:#a0a0a0; font-size:12px; font-family:'open_sansregular'; display:block; padding-bottom:8px;}
.PostsInfo .VideoList{margin-top:30px;}
.CategoryInfo{float:left; width:100%; padding:30px 0;}
.CategoryInfo .title:after{background:#4cd964;}
.CategoryInfo .videoCol{padding-bottom:25px;}

.categoryFull{float:left; width:100%; padding:30px 0;}
.categoruyTow{float:left; width:100%;}
.categoryFull .title:after{background:#ff2d55;}
.categoryList .title:after{background:#8e8e93;}
.categoryList{float:left; width:100%; padding:30px 0;}

.fullCato{float:left; width:100%;}
.fullCato .videoDetail p{margin-bottom:15px;}
.fullCato .videoCol{margin-bottom:25px;}
.fullCato .videoCol:last-child{margin-bottom:0;} 
.tendingInfo.mostCetgory .tendingRow ul li{width:100%;}
.mostCetgory ul li .tending_detail h2{font-size:20px; font-family:'open_sanssemibold'; margin:16% 0 15px;}
.mostCetgory ul li .tending_detail{background:rgba(34,34,34,.6); top:0; height:100%; text-align:center;}
.mostCetgory .owl-buttons{display:none;}
.videoBox > img{width:100%;}


footer{float:left; width:100%; padding:35px 0 0; background:#eee; border-top:1px solid #ccc;}
footer h3{color:#707070; font-size:18px; font-family:'open_sansbold'; padding-bottom:20px;}
footer .col-md-4{margin-bottom:20px;}
footer .col-md-4 p{margin-top:10px; float:left; width:100%;}
footer .copyright{float:left; width:100%; border-top:1px solid #ccc; padding:8px 0;}
footer .copyright ul{float:left;}
footer .copyright ul li{float:left; margin-right:15px;}
footer .copyright ul li a{color:#707070; font-size:10px; font-family:'TwCenMTRegular'; letter-spacing:1.5px; text-transform:uppercase;}
footer .copyright ul li:hover a{color:#fe4a65;}
footer p{color:#707070; font-size:12px; font-family:'open_sansregular'; letter-spacing:1.5px; padding-top:5px; line-height:normal; letter-spacing:1px;}
footer .copyright p{font-size:10px; font-family:'TwCenMTRegular'; letter-spacing:1.5px; text-transform:uppercase;}
footer .socialBar a{width:100%; text-align:left; opacity:.7;}
footer .socialBar a:hover{opacity:1;}
footer .latesNews{float:left; width:100%;}
footer .latesNews li{float:left; width:32%; margin-right:2%; margin-bottom:7px;}
footer .latesNews li img{width:100%;height: 60px;object-fit: cover;}
footer .latesNews li:nth-child(3n){margin-right:0;}


.categoryMost .categoryFull{padding-top:0;}
.categoryMost .fullCato .videoCol{margin-bottom:15px;}
.pageNav{float:left; width:100%;}
.pageNav ul{float:right;}
.pageNav ul li{float:left; text-align:center; margin-right:8px;}
.pageNav ul li a{display: inline-block;

font-size: 15px;
color: #ccc;
font-family: 'open_sansregular';
border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #ccc;
padding: 4px 10px;}
.pageNav ul li:hover a, .pageNav ul li.active a{color: #fff;
background: #486bb3;
border-color: #486bb3;}
.pageNav .pull-right span{font-size:12px; color:#707070; font-family:'open_sansregular';}
.tending_detail .block a{color:#fff; font-size:12px; font-family:'open_sanssemibold'; background:rgba(0,0,0,.4); border-radius:3px; -webkit-border-radius:3px; display:inline-block; max-width:94px; width:100%; text-align:center; padding:3px 5px; margin-bottom:10px;}

.tendingCate .tending_detail{text-align:center; top:0; background:rgba(34,34,34,.5); height:100%;}
.detailBox{display:inline-block; margin-top:32%;}
.tendingInfo.tendingCate .tendingRow ul li{width:25%; margin-bottom:6px;}
.tendingInfo.tendingCate .tendingRow ul li:first-child{width:50%;}
.btnBar{float:left;}
.tendingTitle .btnBar{margin-left:40px;}
.btnBar .btn{background:#4db2ec; color:#fff; padding:2px 5px 3px; font-size:12px; text-transform:none; font-family:'open_sansregular'; min-width:94px; margin-right:5px;}
.btnBar .btn:hover, .btnBar .btn:focus{background:#a2dcfd;}
.tendingCate .tendingTitle span{float:left; width:100%; margin:10px 0 0 0;}
.tendingInfo.tendingCate .owl-buttons{top:-105px;}


.BlogTop{float:left; width:100%;}
.blogInfo{float:left; width:100%;}
.blogPost{float:left; width:100%;}
.blogPost h2{color:#707070; font-size:30px; font-family:'open_sanssemibold'; line-height:36px; margin-bottom:5px;}
.topBtms{margin-bottom:20px;}
.blogPost .blogComment{float:left; width:100%; margin-bottom:3px;}
.blogComment .col{float:left; margin-right:30px; margin-bottom:10px;}
.blogComment .col p{color:#898989; font-size:14px;}
.blogComment .col p span{color:#707070; font-family:'open_sansbold';}
.blogComment .col p .fa{color:#fe4a65;}
.blogComment .pull-right .col p a{color:#fe4a65;}

.title .fa{color:#43609c; font-size:22px; margin-right:15px;}
.title .fa.fa-twitter{color:#23a9e6;}
.title .fa.fa-google{color:#d95232;}
.title .fa.fa-pinterest{color:#bd2125;}
.blogReve{float:left; width:100%; margin-bottom:30px; padding-top:10px;}
.blogReve .title span{margin-left:30px;}
.blogReve .title span a{color:#2d94fb; font-size:14px; font-family:'open_sanssemibold';}
.blockPra{float:left; width:100%;}
.blockPra p{color:#707070; font-size:16px; margin-bottom:20px; line-height:normal;}
.blogCount a{color:#a0a0a0; font-family:'latolight'; font-size:14px;}
.blogCount h3{color:#707070; font-size:18px; font-family:'open_sanssemibold'; padding:3px 0;}
.blogCount p{color:#707070; font-size:14px; font-family:'latolight';}
.blogCount p span{font-family:'open_sansbold';}
.blogCount .pull-right{text-align:right;}
.blogInfo .FeaturedInfo .title:after, .commentInfo .title:after{background:#4cd964;}


.commentInfo{float:left; width:100%; margin:30px 0;}
.commentRow{float:left; width:100%;}
.commentRow ul.commentBx{float:left; width:100%;}
.commentRow ul.commentBx li{float:left; width:100%; margin-bottom:25px;}
.commentRow ul.commentBx li p{color:#707070; font-size:16px; line-height:normal;}
.commentBar{float:left; width:100%; margin-top:15px;}
.commentBar .col{float:left; margin-right:25px;}
.commentBar .col p{color:#70707; font-size:12px; font-family:'open_sansregular';}
.commentBar .col a{color:#70707; font-size:12px; font-family:'open_sansregular';}
.commentBar .col p span{font-family:'open_sanssemibold';}
.commentRow ul.commentBx li:nth-child(2){padding-left:60px;}

.CommentFofmInfo{float:left; width:100%;}
.CommentFofmInfo h2{color:#707070; font-size:24px; margin-bottom:20px; font-family:'open_sanssemibold';}
.CommentFofmInfo .pull-left{border-radius:5px; -webkit-border-radius:5px; height:98px; width:98px; background:#f7f7f7; overflow:hidden; margin-right:20px;}
.CommentFofmInfo .pull-left > img{width:100%; height:100%;}
.CommentFofmInfo .title:after{background:#ff3b30;}
.CommentFofm{display:block; overflow:hidden;}
.CommentFofm .row .fild{width:100%; padding:0 15px;}
.CommentFofm .fild{float:left; width:100%; margin-bottom:15px;}
.CommentFofm .fild input[type="text"], .CommentFofm .fild input[type="email"], .CommentFofm .fild textarea{border:0; padding:12px; font-size:14px; color:#898989; background:#f7f7f7; text-transform:uppercase; letter-spacing:1px;}

.cateBox{float:left; width:100%; margin-bottom:30px;}
.cateBox .btnBar .btn{font-size:16px; font-family:'open_sanssemibold'; margin-bottom:10px; padding:2px 20px 3px;}


.socialBar{float:left; width:100%;}
.socialBar a{display:inline-block; border-radius:4px; -webkit-border-radius:4px; background:#3b5998; text-align:center; padding:10px 18px; color:#fff; font-size:14px; text-transform:uppercase; font-family:'open_sansbold'; margin-bottom:10px;}
.socialBar a .fa{padding-right:10px; font-size:18px; vertical-align:middle;}
.socialBar a.pintrest{background:#cb2027;}
.socialBar a.twittert{background:#00aced;}
.socialBar a.hearth{background:#fe4a65;}
.bisSocial a.faceBook{width:100%; max-width:430px;}
.commentBlock{float:left; width:100%; padding:30px 0;}
.commentBlock h2{color:#707070; font-size:24px; font-family:'open_sanssemibold'; margin-bottom:25px;}
.commentBlock h2 span{color:#f14236; font-family:'open_sansregular';}
.commentBlock .commentRow{float:left; width:100%;}
.commentBlock .commentRow ul{float:left; width:100%;}
.commentBlock .commentRow ul li{float:left; width:100%; margin-bottom:20px;}
.commentBlock .commentRow ul li .userPort{float:left; width:98px; height:98px; border-radius:5px; -webkit-border-radius:5px; overflow:hidden; margin-right:15px;}
.commentRow ul li .userPort > img{width:100%; height:100%;}
.commentRow ul li .coomentBox{display:block; overflow:hidden;}
.commentRow ul li .coomentDat{float:left; width:100%; border-radius:5px; -webkit-border-radius:5px; background:#f7f7f7; padding:12px 15px;}
.commentRow ul li .coomentDat p{margin-bottom:10px;}
.commentRow ul li .coomentDat span, .commentRow ul li .coomentDat a{color:#898989; font-size:14px;}
.commentRow ul li .coomentDat span.pull-left{color:#f14236; font-family:'open_sanssemibold'; margin-right:25px;}
.commentBlock .commentRow ul li ul li{margin:20px 0 0;}
.commentBlock .loadcomment .btn{width:100%; padding:8px 20px; text-align:center; color:#707070; background:#e1e1e1; border:0;}

.sideBar{float:left; width:100%;}
.contactWith{float:left; width:100%; margin-bottom:20px;}
.contactWith h2{color:#707070; font-size:24px; font-family:'open_sanssemibold'; padding-bottom:20px;}
.contactWith .socialBar a{width:100%; text-align:left;}

.getPosts{float:left; width:100%; border-radius:1px; -webkit-border-radius:1px; padding:22px 15px 30px; /*background:#eee;*/ text-align:center;}
.getPosts h3{color:#707070; font-size:24px; margin-bottom:20px; line-height:30px; font-family:'open_sanssemibold';}
.getPosts input[type="email"]{border:0; border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:14px; background:#fafafa; padding:10px;}
.getPosts .btn{width:100%; margin-top:15px;}

.latestPost{float:left; width:100%; padding-top:25px;}
.latestPost h2{color:#707070; font-size:24px; margin-bottom:20px; font-family:'open_sanssemibold';}
.postbox{float:left; width:100%; margin-bottom:25px;}
.postbox .block img{width:100%;}
.postbox h3{color:#0066cc; font-size:20px; font-family:'open_sanssemibold'; padding-top:15px;}

.relitadPost{float:left; width:100%; border-top:1px solid #d9d9d9; padding:40px 0;}
.relitadPost .Repostrow{float:left; width:100%;}
.Repostrow .ReposBox{float:left; width:100%; text-align:center; margin-bottom:30px;}
.ReposBox .block img{height: 300px;
width: 100%;
object-fit: cover;}
.ReposBox h3{color:#302C2C; font-size:24px; font-family:'open_sanssemibold'; padding:20px 0 5px;}
.ReposBox .block span{color:#f14236; font-size:20px; font-family:'open_sanssemibold';}

.RelatedPosts{padding:40px 0;}
.RelatedPosts .postbox h3{font-size:24px; line-height:28px;}
.RelatedPosts .postbox{margin-bottom:40px;}


.hometop{float:left; width:100%; padding-bottom:25px;}
.homeSlide{float:left; width:100%;}
.hometop ul{float:left; width:100%;}
.hometop ul li{float:left; width:36%; position:relative;}
.hometop ul li:nth-child(1){width:64%;}
.hometop ul li:nth-child(1) img {height:414px; width: 100%;
  object-fit: cover;}
  .hometop ul li:nth-child(2) img, .hometop ul li:nth-child(3) img {height:207px; width: 100%;
  object-fit: cover;}
.hometop ul li .block img{width:100%;}
.hometop ul li .orlaypost{float: left;width: 100%;position: absolute;bottom: 15px;left: 0;z-index: 1;padding-left: 20px;background: #06060699;bottom: 0px;padding-bottom: 7px;padding-top: 7px;}
.hometop ul li .orlaypost h3,.hometop ul li .orlaypost h3 a{color:#fff; font-size:20px; font-family:'open_sanssemibold';}
.hometop ul li .orlaypost span{color:#fff; font-size:14px; font-family:'open_sansregular';}
.hometop ul li .orlaypost span i{color:#fe4a65;}
.hometop ul li:first-child .orlaypost h3{font-size:30px;}
.homeSlide .owl-buttons{float:right; margin-top:8px;}

.MostShared{float:left; width:100%; margin-bottom:40px;}
.MostShared .title{text-align:left;}
.mocspost{float:left; width:100%; margin-bottom:20px;}
#morefeatured .mocspost{min-height: 290px;}
.mocspost .mocspostBx{float:left; width:100%; overflow:hidden; position:relative;}
.mocspost .mocspostBx .block img{height: 200px;
width: 100%;
object-fit: cover;}
.postbox .block img {height:200px; width: 100%;
  object-fit: cover;}
.mocspost .mocspostBx .mostorlay{float:left; width:100%; text-align:center; position:absolute; bottom:-100%; z-index:1; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.mocspost:hover .mocspostBx .mostorlay{bottom:-12px;}
.mocspost h3{font-size:25px; color:#707070; font-family:'open_sansbold'; padding-top:10px;}
.mocspost p{font-size:14px; color:#707070; font-family:'open_sansregular';}
.mocspost p span{margin-right:20px; float:left;}
.mocspost p span i{color:#fe4a65; margin-right:8px;}
.mostorlay .socialBar a{padding:5px 11px; font-size:11px;}
 a.likel{background:#fe4a65;}
.MostShared .loadPost{margin-top:20px}
.MostShared .loadPost .btn{width:100%; letter-spacing:1.5px;}


.postInbox{float:left; width:100%; background:#eee; border:2px solid #cfcfcf; padding:30px; margin-bottom:30px;}
.postInbox h3{color:#707070; font-size:24px; font-family:'open_sansbold'; text-align:center;}
.postInbox input[type="email"]{border:0; border-radius:5px; -webkit-border-radius:5px; font-size:14px; text-align:center; text-transform:uppercase; letter-spacing:1.5px; margin-top:10px;}
.postInbox .btn{width:100%; margin-top:10px;}

.addhere{float:left; width:100%; position:relative; margin-top:40px;}
.addhere .addorlay{position:absolute; top:0; left:0; z-index:1; float:left; width:100%; text-align:center; height:100%;}
.addhere img{width:100%;}
.addhere .addorlay span{color:#898989; font-size:48px; font-family:'latoblack'; position:relative; top:25%; line-height:48px;}

.popularPost{float:left; width:100%; margin-bottom:30px;}
.popularPost .title{text-align:left;}
.popularPost .title h2{font-size:36px; font-family:'open_sansbold';}
.popularPost .mocspost h3,.popularPost .mocspost h3 a{font-size:30px; letter-spacing:1.5px; margin:0 0 10px; padding-top:0;}
.popularRow{float:left; width:100%;}
.popularRow .mocspost{float:left; width:100%; margin-bottom:30px;}
.popularPost .loadPost .btn{width:100%;}
.popularPost .loadPost{margin-top:20px;}

.blogNew h2{font-size:36px; font-family:'open_sansbold';}
.blogNew .blogComment .col p{font-size:16px;}
.blogNew .blogComment .pull-right .col p a{font-family:'open_sansbold';}
.blogPara{float:left; width:100%;}
.blogPara p{font-size:16px; margin:10px 0;text-align: justify;}
.blogNew .postInbox h3{padding-bottom:10px;}
.blogNew .postInbox{margin-top:20px;}
.blogrelitadPost .title{text-align:left;}
.blogrelitadPost .Repostrow .ReposBox{margin-bottom:20px;}
.blogpopularPost.popularPost .title h2{font-size:24px; font-family:'open_sanssemibold';}
.blogpopularPost.popularPost{border-top:1px solid #ccc; padding-top:30px; margin-bottom:10px;}
.blogInfo{padding-bottom:30px;}
.articalInfo{float:left; width:100%;}

.articalInfo{float:left; width:100%;}
.articalInfo .artiSlide{float:left; width:100%; position:relative; padding:30px 0;}
.artiSlide .col{float:left; width:100%;}
.artiSlide .col .pull-left{width:132px; height:70px;}
.artiSlide .col .pull-left img{width:100%; height:100%;}
.artiDat{display:block; overflow:hidden; padding:0 20px;}
.artiDat h3{color:#0066cc; font-size:16px; font-family:'open_sansbold'; line-height:24px; letter-spacing:1px;}
.articalInfo .owl-buttons{display:block; position:absolute; top:0; left:0; width:100%;}
.articalInfo .owl-buttons .owl-prev, .articalInfo .owl-buttons .owl-next{background:none; text-indent:0; width:auto; height:auto; margin:0; font-size:14px; color:#898989;}
.articalInfo .owl-buttons .owl-next{float:right;}
.apterScrol{float:left; width:100%; background:#fff; padding:20px 0 10px; box-shadow:0 2px 5px #ccc; position:fixed; top:-100%; left:0; z-index:999; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.apterScrol.active{top:0; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.apterScrol .likepoint{width:110px; float:left; text-align:center; font-size:60px; color:#fe4a65; font-family:'open_sansbold'; line-height:50px; margin-right:10px; margin-top:-8px;}
.apterScrol .likepoint span{color:#898989; font-size:16px; font-family:'open_sansregular'; float:left; width:100%; line-height:16px; text-transform:uppercase; letter-spacing:1.5px;}
.apterScrol a{font-size:18px; margin-right:10px; max-width:130px; width:100%;}
.apterScrol a.faceBook{max-width:580px;}
.comment-reply-link{float:left;}
#submit{background: #3b5998;
color: #fff;
padding: 8px 40px;
float: right;
}
.fild2
{
	margin-bottom: 9px;
float: right;
width: 84%;
}
.startab
{
	position: fixed;
top: 10%;

z-index: 2147483647;
left: 3%;
}
.postcomnt input[type=text] { background:#fff; border:#c2c2c2 1px solid; width:100%; height:54px;}  
.postcomnt textarea { background:#fff; border:#c2c2c2 1px solid; width:100%; height:252px;}
.keepFixed
{
	position:fixed !important;
}
.getPosts::before {
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-width: 6px;
    border-style: solid;
    opacity: 0.1667;
    content: "";
}
.getPosts
{
position: relative;
padding: 36px 30px 30px;

}
.fa-envelope
{
	border-color: #ff0036;
background-color: #ff0036;
color: #fff;
display: block !important;
width: 40px;
height: 40px;
margin: -46px auto 10px;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 25px !important;
padding: 6px;
}
.getPosts input[type="email"]
{
	border: 2px solid #ccc;
}
.readmorebtn
{
	font-size: 17px;
font-weight: bold;
color: #707070;
}

.commentRow .children
{
	padding-left: 10%;
}
.comment-reply-link
{
	float:right;
}

.autoResponser, .autoResponser:hover  
{
	background: #ff0036;
}
.autoResponser:hover  
{
	background: #d5294e;
}
#outputBox .col-lg-4
{
	min-height:430px;
}
/* popup code */
.modal-body.pop_in{ float:left; width:100%; padding:20px; background:#fff;}
.popup_info{ float:left; width:100%; text-align:center;}
.popup_info > h2{ font-size:24px; color:#707070; float:left; width:100%; text-align:center; font-family:'open_sanssemibold';}
.popup_info > p { padding: 10px; text-align: center; width: 100%;}
.getPosts.pop_form{ background:none; padding-bottom:10px;}
.getPosts.pop_form input[type="email"]{ background:#fafafa;}
.pop_form p.nothanks{ font-size:12px; color:#707070;  font-family:'open_sansregular'; float:left; width:100%; text-align:center;}
.pop_form .block{ margin-bottom:10px;}
.getPosts.pop_form input[type="text"]{border:0; border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:14px; background:#fafafa; padding:10px;}
blockquote {
    border-left: 5px solid #f14236 !important;
}
/* Single product Page */
/*PRODUCT DEATIL CSS*/
.summary{float:left; width:50%;    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
.summary h1{font-size:24px; color:#1766c5; font-family:'latosemibold'; /*text-transform:uppercase; */padding-bottom:15px;}
.summary .rating_pro{float:left; width:100%;}
.summary .abelblti{float:left; width:100%; color:#363636; font-size:16px; padding:10px 0; text-transform:uppercase;}
.summary .abelblti span{color:#3b5998; font-family:'latobold';}
.summary .pro_price span{font-size:30px;}
.summary .price{padding:15px 0;}
.summary .cart{float:left; width:100%; padding:10px 0 30px;}
.summary  .single_add_to_cart_button {    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    font-family: 'latosemibold';
	    background: #3b5998;
    color: #fff;margin-bottom: 10px;}
.summary  .amount
{
color: #3b5998;
   
    font-family: 'latobold';
    margin-right: 10px;
	    font-size: 30px;
}	
.summary .cart input[type="text"]{float:left; width:55px; border-radius:5px; text-align:center; margin-right:20px;}
.summary .cart_social{float:left; width:100%;}
.product_descri{float:left; width:100%; margin-bottom:30px;}
.product_freme{float:left; width:100%;}
.product_freme .pro_tab{float:left; width:33.333%;}
.product_freme .pro_tab ul{float:left; width:100%;}
.woocommerce-tabs.wc-tabs-wrapper > ul > li{float:left; width:100%; background:#e7e8e8;}
.woocommerce-tabs.wc-tabs-wrapper > ul > li:last-child{margin-top:1px;}
.woocommerce-tabs.wc-tabs-wrapper > ul > li a{display:block; color:#363636; font-size:16px; text-transform:uppercase; padding:15px 18px 15px 50px;}
.woocommerce-tabs.wc-tabs-wrapper > ul > li.active a, .woocommerce-tabs.wc-tabs-wrapper > ul > li:hover a{background:#3b5998; color:#fff;}
.panel .entry-content .wc-tab{float:left; width:66.666%; border-left:2px solid #e7e8e8;}
.panel .entry-content .wc-tab .tab_cont_in{float:left; width:100%; padding:20px;}
.tab_cont_in .pro_first{float:left; width:66.666%;}
.panel  h2{font-size:16px; color:#1766c5; text-transform:uppercase; padding-bottom:15px;}
.panel  p{padding-bottom:15px;}
.panel .entry-content .wc-tab p span{float:left; width:100%;}
.woocommerce-tabs{
    float: left;
    width: 100%;
    padding: 5px;
    border: 2px solid #e7e8e8;
	}
ul.tabs 
{
float: left;
    width: 33.333%;
}
.entry-content
{
    float: left;
    width: 66.666%;
    border-left: 2px solid #e7e8e8;
	    padding: 20px;
}
.form-submit input[type="submit"]
{    margin-top: 10px;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    font-family: 'latosemibold';
    background: #3b5998;
    color: #fff;
}
.related h2
{
    padding: 14px 20px 14px 20px;
    float: left;
    width: 100%;
    background: #e7e8e8;
    width: 100%;
    float: left;
    color: #363636;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'latosemibold';
        margin-top: 20px;
    letter-spacing: 1px;
	text-align: center;
}
.products  li
{
    list-style: none;
    float: left;
    width: 25%;
    border-right: 2px solid #e7e8e8;
    border-top: 2px solid #e7e8e8;
    padding: 15px 10px;
    overflow: hidden;
    position: relative;
}
.products 
{
    float: left;
    width: 100%;
    border: 2px solid #e7e8e8;
    border-width: 0 2px 2px 2px;
}
.products  li h3
{
    font-size: 16px;
    /*text-transform: uppercase;*/
    font-family: 'latosemibold';
    padding: 10px 0;
}
.products  li a .onsale
{
color: #fff;
    font-size: 16px;
    background: #3b5998;
    text-transform: uppercase;
    font-family: 'latobold';
    padding: 0px 9px 3px;
    float: right;
	    position: absolute;
    left: -5%;
}
.products  li .amount
{
    color: #3b5998;
    font-size: 16px;
    font-family: 'latobold';
    margin-right: 10px;
}
.products  li del span
{
        color: #363636 !important;
    font-size: 14px;
    font-family: 'latoregular';
    text-decoration: line-through;
}
.products li  .button
{
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    font-family: 'latosemibold';
    background: #3b5998;
    color: #fff;
	    float: right;
}
.product .onsale
{    color: #fff;
    font-size: 16px;
    background: #3b5998;
    text-transform: uppercase;
    font-family: 'latobold';
    padding: 4px 9px 3px;
    /* position: absolute; */
    margin-left: 47%;
}
.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: WooCommerce;
    text-indent: 0;
	content: "\e021";
}
.stars a {
    position: relative;
    height: 1em;
    width: 2em;
    text-indent: -999em;
    text-decoration: none;
    margin-right: 1px;
    display: inline-block;
	    color: #3b5998;
}
p.stars.selected a.active:before, p.stars:hover a:before {
    content: "\e020";
}
.social_toper
{
float: left;
   
    margin-top: 6px;
}
.social_toper i{
    color: #3b5998;
    font-size: 17px;
    margin-right: 5px;
    margin-left: 5px;
	padding: 5px 0 10px 0;
}
.commentlist li .comment_container
{
    float: left;
    width: 100%;
    border: 1px solid #E7E8E8;
    padding: 6px;
    box-shadow: 2px 2px #E7E8E8;
    margin-bottom: 3px;
}
.commentlist li .comment_container img
{
float: left;
}
.commentlist li .comment_container .comment-text
{
float: left;
    padding-left: 10px;
}
.woocommerce-product-rating
{
float: left;
    width: 100%;
}
.summary .woocommerce-Price-currencySymbol
{
	font-size: 30px;
}


.rg_blog
{
display:none;  /*sidebar */
}
.orderby
{
    width: 35%;
    float: right;
    margin-bottom: 10px;
    color: black;
}
.woocommerce-result-count
{
    float: left;
    width: 50%;
	    font-size: 15px;
}
/*........New css.........*/
.product .images
{
    width: 50%;
    float: left;
}
section > div.product_cart > div > div.images > div > a > img

{
    width: 33.33%;
}
.product .images a img
{
float: right !important;
   height:auto;
    padding: 20px;
    border: 2px solid #e7e8e8;
    margin-bottom: 20px;
    text-align: center;
}
.summary
{
    float: left;
    width: 50%;
}
.products  li
{
    list-style: none;
    float: left;
    width: 25%;
    border-right: 2px solid #e7e8e8;
    border-top: 2px solid #e7e8e8;
    padding: 15px 10px;
    overflow: hidden;
    position: relative;
}
.attachment-shop_catalog{
width: 100%;
}
.woocommerce-pagination ul li
{
display:inline-block;
}
.woocommerce-pagination ul li a
{
color:red;
}
.woocommerce-pagination ul
{
float: right;
padding-bottom: 20px;
padding-right: 0%;
margin-right: 7.5%;
padding-top: 7px;
}
.woocommerce-pagination ul li span
{
    padding: 13px;
    background: #3b5998;
    color: #E7E8E8;
    font-size: 14px;
    font-weight: bolder;
}
.woocommerce-pagination ul li a
{
    padding: 11px;
    background: #E7E8E8;
    color: #3b5998;
    font-size: 14px;
    font-weight: bolder;
}
.product_meta .posted_in
{
padding: 8px;
    font-size: 20px;
	float: left;
}
.sku_wrapper
{
display:none;
}
.blogleft,.woocommerce-breadcrumb{display:none;}

/*======================Responsive Css====================*/
@media (min-width:1001px) and (max-width:1200px){

}

@media (max-width:992px) {
footer .col-md-6, footer .col-md-4, footer .col-md-2{margin-bottom:30px;}	
.tendingbox .tending_detail h2{font-size:20px;}
.tendingbox .tending_detail{padding:10px;}
.detailBox{margin-top:15%;}
.tendingbox .tending_detail h2{font-size:16px; font-family:'open_sanssemibold';}
.sideBar{margin-top:40px;}
.navbar-default .navbar-nav > li{margin-left:15px;}
.hometop ul li:first-child .orlaypost h3{font-size:20px;}
.hometop ul li .orlaypost h3,.hometop ul li .orlaypost h3 a, .postInbox h3,.postInbox h3 a{font-size:16px;}
footer .col-md-4{float:left; width:100%; margin-bottom:40px;}
.popularPost .mocspost h3{font-size:22px;}
}
@media (max-width:900px) {
.tendingCate .tendingTitle span{font-size:12px;}
.btnBar .btn{min-width:inherit;}
}

@media (max-width: 767px) {
.header_right{width:100%; padding-top:0;}
.header_right .navbar-right{margin-top:15px;}
.logo{padding-left:10px;}
.navbar-default .navbar-nav{margin:0; float:left; width:100%;}
.navbar-default .navbar-nav > li{border-left:0; border-bottom:1px solid #f6f6f6; margin-left:0;}
.navbar-default .navbar-nav > li > a{padding:10px 0; margin:0; font-size:15px;}
.tendingRow ul li:first-child, .tendingRow ul li:nth-child(2){width:100%; margin-bottom:10px;}
.tendingRow ul li{width:50%;}
.tendingTitle span{display:block; width:100%; float:left; margin-left:0;}
.tendingInfo.tendingCate .tendingRow ul li{width:50%;}
.tendingInfo.tendingCate .tendingRow ul li:first-child{width:100%;}
.detailBox{margin-top:25%;}
.blogPost h2{font-size:20px;}
.commentRow ul li .coomentDat p{font-size:13px;}
.commentBlock .commentRow ul li .userPort, .CommentFofmInfo .pull-left{width:60px; height:60px;}
.hometop ul li{width:49%; margin-right:2%; margin-bottom:2%;}
.hometop ul li:nth-child(3){margin-right:0;}
.hometop ul li:first-child{width:100%; margin-right:0;}
.mocspost h3{font-size:16px;}
.popularRow .col-md-6{float:left; width:100%; margin-bottom:20px;}
}

@media (max-width:560px) { 
.blogPost .blogComment .pull-right{float:left; width:100%;}
.btnBar{width:100%; margin:10px 0 0 0;}
.tendingInfo.tendingCate .owl-buttons{top:-145px;}
.hometop ul li{width:100%; margin-right:0;}
}

@media (max-width:480px) {
.tendingRow ul li, .tendingInfo.tendingCate .tendingRow ul li{width:100%; margin-bottom:10px;}
.tendingTitle span{font-size:12px;}
.tendingRow .owl-buttons{top:-70px;}
.copyright, footer .copyright ul, footer .copyright .pull-right{text-align:center; width:100%;}
footer .copyright ul li{float:none; display:inline-block; margin:0 5px;}
}
@media (max-width:360px) {
.navbar > .container .navbar-brand{float:left; width:210px;}
.navbar-toggle{margin-top:2px;}
}

@media (max-width: 640px) { 
.summary h2{font-size:15px;}
}

@media (max-width:500px) { 
.top_bar .col-md-6{width:100%; overflow:hidden; text-align:left;}
.top_bar .col-md-6 .pull-right{width:100%; padding-top:8px;}
.top_bar .col-md-6 .top_nav, .top_bar .col-md-6 .top_search{float:left;}
.top_bar .col-md-6 .top_search{margin:0 0 0 20px;}
.pro_title .pull-left span{font-size:12px; margin-top:19px;}
.slide_nav a{font-size:20px;}
.slide_nav{padding:17px 9px 0 0;}
.social_fid .social_rit h2{font-size:28px;}
.posts .blog_date .date_post{width:100%; padding-left:0;}
}

@media (max-width:360px) {
.categories .slide_wrap ul li{width:100%; border-right:0;}
}
@media (min-width:768px) and (max-width:1000px){
.product_info.shop_product ul.products li{width:50%;}
.product_info.shop_product ul.products li:nth-child(2n){border-right:0;}
}

@media (max-width: 767px) {

.product_info.shop_product ul.products li{width:50%;}
.product_info.shop_product ul.products li:nth-child(2n){border-right:0;}
}

@media (max-width:640px) {

.product_info.shop_product ul.products li{width:100%; border-right:0;}

}
@media(max-width:990px){
 .product_cart .images, .summary{width:100%; margin-bottom:15px;}
 .summary h1{font-size:16px;}
 .wc-tabs-wrapper ul.tabs, .wc-tabs-wrapper .entry-content{width:100%;}
 
 .related .products li{width:50%;}
 .related .products li:nth-child(2){border-right:0;}
}


@media (max-width:560px) {
 .related .products li{width:100%; border-right:0;}
  .products li{width:100%; border-right:0;}

}