@font-face { font-family: 'Yekan'; src: url('fonts/YekanWeb-Regular.eot'); src: local('b YekanWeb-Regular'), url('fonts/YekanWeb-Regular.eot?#') format('eot'), url('fonts/YekanWeb-Regular.woff') format('woff'), url('fonts/YekanWeb-Regular.ttf') format('truetype'), url('BYekan.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BYekan'; src: url('fonts/BYekan.eot'); src: local('b BYekan'), url('fonts/BYekan.eot?#') format('eot'), url('fonts/BYekan.woff') format('woff'), url('fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'corel'; src: url('fonts/coreldesign.ttf'); }


body { background-color: #fff; color: #333; overflow-x: hidden !important; font-family: Yekan; font-size: 10pt; }


::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #aaa !important; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #aaa !important; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #aaa !important; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #aaa !important; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #aaa !important; }

ul { padding: 0; margin: 0; list-style: none; }

a { text-decoration: none; color: #333D43; }
    a:hover { color: #646464; text-decoration: none; }
    a:focus { outline: none; text-decoration: none; }
h2 { font-family: 'Oswald', sans-serif; line-height: 23px; }
.media-heading { font-size: 16px !important; }
img { border: none; }
/*img:hover { opacity: 0.75; }*/
.img-center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.img-right { display: block; margin-left: auto; }
.img-left { display: block; margin-right: auto; }
.yellow_bg { background-color: #ffd62c; }
.yellow_btn { background-color: #ffd62c; color: #fff; }
    .yellow_btn:hover { background-color: #f8c907; color: #fff; }
.limeblue_bg { background-color: #7dc34d; }
.blue_bg { background-color: #09c; }
.blue_btn { background-color: #09c; color: #fff; }
    .blue_btn:hover { background-color: #39c8f7; color: #fff; }
.transition { -webkit-transition: all 0.5s; /* Ch, Saf  3.2 */ -moz-transition: all 0.5s; /* 4 < Fx <16 */ -ms-transition: all 0.5s; /* IE 10 */ -o-transition: all 0.5s; /* 10.5 < Op < 12.1 */ transition: all 0.5s; /* IE 10, Ch 26+, Fx 16+, Op 12*/ }
#header { float: left; display: inline; width: 100%; }
.header_top { width: 100%; background: radial-gradient(#0080cb,#09c); -ms-background: radial-gradient(#0080cb,#09c); -moz-background: radial-gradient(#0080cb,#09c); }
.header_top_left { float: left; width: 30%; }
.top_nav { text-align: right; padding-top: 5px; direction: rtl; }
    .top_nav li { display: inline-block; }
        .top_nav li a { color: #333D43; display: inline-block; padding: 8px 12px; text-transform: uppercase; -webkit-transition: all 0.5; -o-transition: all 0.5; transition: all 0.5; }
            .top_nav li a:hover { color: #FFA500; text-decoration: none; outline: none; }

.header_top_right { float: right; width: 70%; text-align: right; }
.search_form { margin: 12px 0 0px 0; float: right; }
    .search_form .Search-textbox { display: inline-block; border: 0px; width: 85%; background-color: transparent; text-align: right; }

.header_bottom { width: 100%; padding: 10px 0px; background: linear-gradient(#e8f4f9,#fbf6f6); -ms-background: linear-gradient(#e8f4f9,#fbf6f6); -moz-background: linear-gradient(#e8f4f9,#fbf6f6); /*border-bottom: 1px solid #e6e6e6; background:linear-gradient(#bad8b5,#e2f8df);*/ }
.header_bottom_left { float: left; display: inline; width: 20%; }
.logo > img { float: right; }

.header_bottom_right { float: right; display: inline; width: 80%; text-align: right; }

/* Preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 99; /* makes sure it stays on top */ }
#status { width: 200px; height: 200px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url(img/status.gif); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ }

/*scrol to top*/

.scrollToTop { bottom: 70px; display: none; font-size: 32px; font-weight: bold; height: 40px; position: fixed; left: 35px; text-align: center; text-decoration: none; width: 40px; z-index: 9; border: 1px solid; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .scrollToTop:hover, .scrollToTop:focus { text-decoration: none; outline: none; }
#navarea { width: 100%; direction: rtl; }
.navbar-default { border-radius: 0; padding: 0; margin-bottom: 5px; }
.container-fluid { padding-left: 0; padding-right: 0; }
.navbar-collapse { padding-left: 0; padding-right: 0; }
.custom_nav { border: 1px solid #fff; width: 100%; }
.navbar-default .navbar-nav > li > a { color: #fff; display: block; text-decoration: none; text-transform: uppercase; border-top: 2px solid transparent; border-bottom: 2px solid transparent; margin-top: -2px; margin-bottom: -2px; padding-bottom: 17px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.dropdown-menu > li > a { color: #fff; padding: 5px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-transition: all 0.5s; /* Ch, Saf  3.2 */ -moz-transition: all 0.5s; /* 4 < Fx <16 */ -ms-transition: all 0.5s; /* IE 10 */ -o-transition: all 0.5s; /* 10.5 < Op < 12.1 */ transition: all 0.5s; /* IE 10, Ch 26+, Fx 16+, Op 12*/ }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
#mainContent { /*background-color: #f6f6f6;*/ display: inline; float: left; padding-top: 15px; width: 100%; }
.content_top { float: left; display: inline; width: 100%; }
.latest_slider { /*float: left; display: inline;*/ width: 100%; /*padding-left: 10px;*/ }
    .latest_slider a { font-family: Yekan !important; }
.single_iteam { position: relative; }
    .single_iteam img { width: 100%; }
    .single_iteam h3 { background-color: rgba(0, 0, 0, 0.6); font-family: Yekan; color: #fff; display: inline-block; left: 0; padding: 2%; position: absolute; right: 0; font-size: 20px; text-align: center; bottom: 2%; }
        .single_iteam h3 > a:hover { }
        .single_iteam h3 > a { /*background-color: rgba(0, 0, 0, 0.6);*/ color: #fff; display: inline-block; font-size: 20px; padding: 10px; }
        .single_iteam h3 p { font-size: 10pt; padding-top: 10px; }
.content_top_right { float: right; display: inline; width: 100%; }
.featured_nav { }
    .featured_nav li { display: block; float: right; height: 208px; margin-bottom: 10px; margin-left: 10px; position: relative; width: 48%; }
        .featured_nav li img { width: 100%; height: 100%; }
        .featured_nav li:hover .title_caption { height: 130px; padding-top: 15%; }
.title_caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; text-align: center; background-color: rgba(0,0,0,0.75); -webkit-transition: all 0.5s; /* Ch, Saf  3.2 */ -moz-transition: all 0.5s; /* 4 < Fx <16 */ -ms-transition: all 0.5s; /* IE 10 */ -o-transition: all 0.5s; /* 10.5 < Op < 12.1 */ transition: all 0.5s; /* IE 10, Ch 26+, Fx 16+, Op 12*/ }
.featured_nav li a { display: block; width: 100%; height: 100%; font-size: 16px; color: #fff; -webkit-transition: all 0.5s; /* Ch, Saf  3.2 */ -moz-transition: all 0.5s; /* 4 < Fx <16 */ -ms-transition: all 0.5s; /* IE 10 */ -o-transition: all 0.5s; /* 10.5 < Op < 12.1 */ transition: all 0.5s; /* IE 10, Ch 26+, Fx 16+, Op 12*/ }
.content_middle { float: left; display: inline; width: 100%; }
.content_middle_leftbar { float: left; display: inline; width: 100%; }
.single_category { float: left; display: inline; width: 100%; }
    .single_category > h2, .archive_style_1 > h2 { text-align: center; font-size: 20px; font-weight: 700; margin-top: 5px; margin-bottom: 15px; text-transform: uppercase; position: relative; }
.bold_line { bottom: 0; display: block; height: 10px; left: 0; position: absolute; width: 100%; }
    .bold_line span { display: block; height: 100%; width: 100%; }
.solid_line { background-color: #fff; bottom: 5px; display: block; height: 1px; left: 0; position: absolute; width: 100%; z-index: 0; }
.title_text { background-color: #f6f6f6; display: inline-block; font-family: Yekan; font-size: 14pt; padding: 0 10px; position: relative; top: 5px; z-index: 1; }
.catg1_nav { }
    .catg1_nav li { float: left; display: inline; width: 100%; margin-bottom: 30px; }
        .catg1_nav li a { }
.catgimg_container { height: 150px; overflow: hidden; width: 100%; overflow: hidden; }
.catg1_img img { height: 100%; width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.catg1_img:hover img { -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
.catg1_nav li .post_titile { color: #434c51; float: right; font-family: Yekan; font-size: 14px; width: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .catg1_nav li .post_titile a { color: #383838; font-family: Yekan; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.content_middle_middle { border-left: 10px solid #333D43; border-right: 10px solid #333D43; float: left; margin-top: 17px; position: relative; width: 100%; }
    .content_middle_middle:after { content: ""; height: 122px; left: -10px; position: absolute; top: 0; width: 10px; }
    .content_middle_middle:before { content: ""; height: 122px; right: -10px; position: absolute; top: 0; width: 10px; }
.single_featured_slide { float: right; display: inline; width: 100%; text-align: right; }
    .single_featured_slide img { width: 100%; }
    .single_featured_slide > h2 a { color: #383838; font-size: 22px; font-weight: bold; text-transform: uppercase; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

    .single_featured_slide > p { font-size: 12px; padding: 0px 16px; }
.content_middle_middle .slick-prev { left: 0; top: 25px; }
.content_middle_middle .slick-next { right: 0; top: 25px; }
.content_middle_rightbar { float: left; display: inline; width: 100%; }
.content_bottom { float: left; display: inline; width: 100%; }
.content_bottom_left { background-color: #fff; /*display: inline; float: right;*/ /*min-height: 300px;*/ }
    .content_bottom_left .title_text { background-color: #fff; }
.business_category_right { float: right; display: inline; width: 49%; }
    .business_category_right .media-heading { padding-top: 10px; }
.archive_style_1 > .business_category_right { width: 48% !important; margin-right: 2%; }


.fashion_catgnav { }
    .fashion_catgnav li { border-bottom: 1px dotted #e5e5e5; display: block; margin-bottom: 10px; width: 100%; text-align: right; direction: rtl; }
.catgimg2_container { width: 100%; height: 240px; float: left; display: block; overflow: hidden; }
    .catgimg2_container img { width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .catgimg2_container a:hover img { -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
.catg_titile { margin-bottom: 13px; float: right; text-align: right; font-family: Yekan; }
    .catg_titile a { color: #383838; font-size: 24px; }
.catg_summary { float: right; text-align: justify; direction: rtl; }
.comments_box { float: right; display: inline; width: 100%; margin-bottom: 5px; text-align: right; direction: rtl; }
    .comments_box .fa { float: right; padding-left: 4px; text-decoration: inherit; padding-top: 3px; }
span.meta_date, span.meta_comment, span.meta_more, span.meta-cate { display: inline-block; margin-right: 8px; color: #999; font-size: 12px; direction: rtl; }

/*span.meta_date:before { content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; padding-left: 4px; text-decoration: inherit; }
    span.meta_comment:before { content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; padding-left: 4px; text-decoration: inherit; }
    span.meta_more:before { content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; padding-left: 4px; text-decoration: inherit; }*/

.default_catg { padding-top: 15px; }
    .default_catg li { padding: 10px; }
    .default_catg .media { border: 1px solid #efecec; min-height: 350px; border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; box-shadow: 0px 2px 3px #aaa; }
    .default_catg .media-body { padding: 2%; text-align: justify; direction: rtl; width: 100%; }
    .default_catg .media-right { width: 100%; max-height: 200px; overflow: hidden; /*float: right;*/ }

.business_category_left { float: right; display: inline; width: 49%; }
.small_catg { padding-right: 10px; }
    .small_catg li { border: 1px dotted #bbb; display: block; margin-bottom: 10px; padding: 10px; }

.related-img { display: inline-block; float: left; }
.media-body { text-align: justify; direction: rtl; float: right; width: 65%; padding-right: 10px; }
    .media-body p { text-align: justify; }


.media-right { width: 30%; float: right; }
    .media-right > img { width: 100%; height: 100%; }
.media-heading a { }
.games_fashion_area { float: left; display: inline; width: 100%; }
.games_category { float: left; display: inline; width: 49%; }
.fashion_category { float: right; display: inline; width: 49%; }
.technology_catrarea { float: left; display: inline; width: 100%; }
.content_bottom_right { float: left; display: inline; width: 100%; }
.single_bottom_rightbar { width: 100%; margin-bottom: 10px; direction: rtl; }
    .single_bottom_rightbar > h2 { color: #0080cb; display: block; text-align: right; font-family: Yekan; font-size: 14pt; font-weight: 700; line-height: 25px; margin: 6px 0 15px; padding: 0 0 13px; text-transform: uppercase; position: relative; }
        .single_bottom_rightbar > h2:after { background: none repeat scroll 0 0 #333D43; bottom: -3px; content: ""; height: 3px; left: 0; position: absolute; width: 45%; }

.popular_catg { }
    .popular_catg .media-right img { border: 1px solid lightGrey; padding: 2px; margin-top: 5px; }
    .popular_catg li { border: none; }
.tab-content { padding-top: 20px; }
.nav-tabs > li > a:before { visibility: hidden; margin-right: 0px !important; }
.single_bottom_rightbar ul li a { -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.single_bottom_rightbar .fa { color: #0080cb; padding-left: 7px; }
/*.single_bottom_rightbar ul li > a:before { content: ""; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; margin-right: 5px; }*/
.blog_archive { display: inline; float: left; width: 100%; margin-bottom: 15px; }
    .blog_archive select { background-color: #fff; border: medium none; height: 50px; padding: 10px; width: 100%; }
        .blog_archive select option { cursor: pointer; padding: 10px 5px; }

#footer { float: left; text-align: right; display: inline; width: 100%; border-top: 10px solid #333D43; margin-top: 30px; font-family: Yekan; }

.footer_top { background: radial-gradient(#dadada,#cecdcd); -ms-background: radial-gradient(#dadada,#cecdcd); display: inline; float: right; padding-top: 5px; padding-bottom: 25px !important; width: 100%; text-align: right; direction: rtl; border-bottom: 1px solid #eee; border-top: 1px solid #818181; }
.single_footer_top { float: right; display: inline; width: 100%; text-align: right; direction: rtl; color: #ccc; }
    .single_footer_top .txtBox { color: #e5e5e5 !important; }
    .single_footer_top > h2 { font-family: Yekan; color: #0080cb; font-size: 18px; padding-bottom: 10px; text-transform: uppercase; text-align: right; }
    .single_footer_top .btn { margin-top: 10px; }
.flicker_nav { }
    .flicker_nav li { display: block; float: left; width: 22%; margin-right: 8px; margin-bottom: 8px; }
        .flicker_nav li a { display: block; max-height: 75px; width: 100%; }
            .flicker_nav li a img { width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
                .flicker_nav li a img:hover { opacity: 0.75; -webkit-transform: rotate(360deg); /* Safari and Chrome */ -moz-transform: rotate(360deg); /* Firefox */ -ms-transform: rotate(360deg); /* IE 9 */ -o-transform: rotate(360deg); /* Opera */ transform: rotate(360deg); }
.labels_nav { text-align: left; }
    .labels_nav li { display: inline-block; }
        .labels_nav li a { display: inline-block; background: none repeat scroll 0 0 #0080cb; color: #dddddd; line-height: 12px; margin: 0 2px 4px 0; padding: 12px 17px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.single_footer_top p { color: #ddd; }
.footer_bottom { float: left; text-align: center; font-family: Yekan; display: inline; width: 100%; background: none repeat scroll 0 0 #0080cb; color: #fff; font-size: 12px; padding: 8px 20px; }
.footer_bottom_left { display: inline; width: 100%; font-family: verdana; }
    .footer_bottom_left a { color: #eee; }
    .footer_bottom_left p, .footer_bottom_right p { color: #eee; margin: 5px; }
.footer_bottom_right p { font-size: 12px; font-family: Yekan; }
.footer_bottom_right { display: inline; width: 100%; text-align: center; }
/*=========start single page===========*/
.single_page_area { display: inline; float: right; text-align: right; width: 100%; padding-bottom: 15px; }
.breadcrumb { border-radius: 0; }
    .breadcrumb li a { color: #fff; }
    .breadcrumb > li + li:before { color: #fff; }
    .breadcrumb > .active { color: #fff; }
.single_page_area > h1, h2 { color: #333D43; padding: 10px 10px; line-height: 40px; font-family: Yekan; font-size: 15pt; }
.single_page_content { float: right; display: inline; width: 100%; }
.post_commentbox { border-bottom: 1px dotted #dedede; display: inline; float: right; margin-bottom: 30px; color:#666; padding-bottom: 2px; padding-right: 5px; width: 100%; }
    .post_commentbox a { margin-right: 5px; font-size: 11px; }
        .post_commentbox a > i { margin-right: 5px; }
    .post_commentbox span { color: #333D43; font-size: 11px; margin-right: 5px; }
        .post_commentbox span > i { margin-left: 5px; }
        .post_commentbox p > i { margin-left: 5px; }
.single_page_content img { margin-bottom: 15px; margin-top: 15px; max-width: 100%; }
/*.single_page_content .default_catg .media-right { width: 15% !important; }*/
.single_page_content .default_catg .media-body { width: 100% !important; }
.single_page_content .default_catg .media img { max-height: 80px; }
.single_page_content blockquote { border-style: solid; border-width: 5px; font-size: 15px; font-style: italic; }
/*.single_page_content ul { margin-bottom: 10px; }
    .single_page_content ul li { margin-bottom: 3px; padding-left: 30px; }
        .single_page_content ul li:hover { opacity: 0.75; }
        .single_page_content ul li:before { border-radius: 0; color: #ffa500; content: ""; height: 10px; margin-left: -15px; margin-top: 5px; position: absolute; width: 10px; }*/
.btn:hover { border-radius: 0px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.post_pagination { display: inline; float: left; height: 92px; margin-top: 40px; overflow: hidden; width: 100%; margin-bottom: 10px; }
.prev { display: inline; float: left; width: 50%; }
.angle_left { color: #fff; display: block; float: left; font-size: 20px; padding: 30px 2px; text-align: center; width: 50px; }
.angle_right { color: #fff; display: block; float: right; font-size: 20px; padding: 30px 2px; text-align: center; width: 50px; }
    .angle_right:hover, .angle_left:hover { color: #fff; }
.pagincontent { display: inline; float: left; height: 100%; overflow: hidden; padding: 10px; width: 86%; }
    .pagincontent > span { color: #333D43; display: block; font-size: 14px; text-transform: uppercase; }
    .pagincontent > a { color: #2f2f2f; display: block; font-size: 18px; }
.next { display: inline; float: right; width: 50%; text-align: right; }
.share_post { display: inline; float: right; width: 100%; margin-top: 20px; }
    .share_post a { color: #fff; display: block; float: right; height: 32px; line-height: 32px; margin-bottom: 25px; margin-right: 10px; padding-right: 10px; }
.facebook { background-color: #436fc9; }
    .facebook i { background-color: #3967c6; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }
.twitter { background-color: #40bef4; }
    .twitter i { background-color: #26b5f2; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }
.googleplus { background-color: #ec5f4a; }
    .googleplus i { background-color: #e94d36; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }

.linkedin { background-color: #007BB5; }
    .linkedin i { background-color: #346DA6; }
.stumbleupon { background-color: #EF4E23; }
    .stumbleupon i { background-color: #CA4638; }
.cloob { background-color: #8BC63E; }
    .cloob i { background-color: #3AAA35; }
        .cloob i img { padding-top: 5px; }
    .linkedin i, .stumbleupon i, .cloob i { display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }

.comment_post { background-color: #fff; display: inline-block; float: right; text-align: right; direction: rtl; margin-bottom: 20px; padding: 0 15px; width: 100%; }
    .comment_post h2 { border-bottom: 1px dotted #333D43; font-size: 25px; padding-bottom: 5px; font-family: Yekan; text-align: right; }
    .comment_post .fa { color: #09c; margin-left: 5px; }
    .comment_post .fa-clock-o { margin-right: 10px; }
    .comment_post .col-md-4 { text-align: left; }
    .comment_post .com-like { color: #888; font-family: Yekan; font-size: 18px; margin-left: 5px; cursor: pointer; }
        .comment_post .com-like .fa { color: #888; }
    .comment_post .com-dislike { color: #888; font-size: 18px; cursor: pointer; }
        .comment_post .com-dislike .fa { color: #888; }

/*===============start archive page===================*/
.archive_area { float: left; display: inline; width: 100%; }
.single_archive { display: inline; float: left; position: relative; width: 100%; margin-bottom: 20px; }
.archive_imgcontainer { float: left; display: inline; width: 100%; height: 300px; overflow: hidden; }
    .archive_imgcontainer > img { width: 100%; height: 100%; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
    .archive_imgcontainer:hover img { transform: scale(1.1); }
.archive_caption { bottom: 25px; left: 0; padding: 10px 20px; position: absolute; }
    .archive_caption h2 > a { background-color: rgba(0, 0, 0, 0.4); color: #fff; display: inline-block; font-size: 24px; line-height: 26px; padding: 8px 10px 10px; }
        .archive_caption h2 > a:hover { text-decoration: underline; }
    .archive_caption p { background-color: rgba(0, 0, 0, 0.4); color: #fff; padding: 3px; }
.read_more { border-bottom: 4px solid #ffa500; bottom: 0; display: block; left: 0; position: absolute; text-align: right; width: 100%; }
    .read_more > span { background-color: #ffa500; color: #fff; display: inline-block; padding: 5px 10px; }

/*==============start 404 page==============*/
.error_page_content { display: inline; float: left; text-align: center; width: 100%; padding-bottom: 45px; }
    .error_page_content h1 { display: inline-block; font-size: 300px; font-weight: 400; position: relative; vertical-align: middle; color: #ffa500; }
        .error_page_content h1:after, .error_page_content h1:before { background: none repeat scroll 0 0 #fff; content: ""; height: 20px; margin-top: -10px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -mz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 20px; }
        .error_page_content h1:after { right: -60px; }
        .error_page_content h1:before { left: -60px; }
    .error_page_content h2 { color: #c1c0b4; font-size: 60px; font-weight: 400; }
    .error_page_content h3 { font-size: 24px; margin-top: 35px; }
    .error_page_content p { font-size: 23px; line-height: 31px; margin: 36px auto 0; max-width: 630px; padding: 9px 0 8px; position: relative; }
        .error_page_content p:before { content: ""; left: 0; position: absolute; top: 1px; width: 100%; }
        .error_page_content p:after { bottom: 1px; content: ""; left: 0; position: absolute; width: 100%; }
        .error_page_content p > a:hover { color: #ffa500; }
/*=============start contact page==========*/
#ContactContent { float: left; display: inline; width: 100%; }
.contact_area { display: inline; float: left; padding: 0 15px 25px; width: 100%; }
    .contact_area h1 { font-size: 45px; font-weight: 400; text-transform: uppercase; text-align: center; }
    .contact_area > p { text-align: center; }
.contact_bottom { float: left; display: inline; width: 100%; }
.our_office { display: inline; float: left; position: relative; text-align: center; width: 48%; margin-top: 30px; }
    .our_office > h2 { font-size: 32px; margin: 24px 0; }
.contact_us { width: 48%; position: relative; margin-top: 30px; margin: 20px auto; }
.our_office:before { content: ""; left: 0; position: absolute; top: 1px; width: 100%; }
.contact_us:before { content: ""; left: 0; position: absolute; top: 1px; width: 100%; }

.contact_us > h2 { font-size: 32px; margin: 24px 0; text-align: center; }
.contact_form { }
    .contact_form input[type="text"], .contact_form input[type="email"] { border-radius: 0; height: 40px; margin-bottom: 10px; width: 100%; }
    .contact_form textarea { width: 100%; height: 150px; border-radius: 0px; margin-bottom: 10px; }
    .contact_form input[type="submit"] { float: right; height: 40px; line-height: 40px; width: 100px; border: 1px solid #ccc; -webkit-transition: all 0.5s; -mz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }


/*======================///////////////
			start responsive style
=====================///////////////////////*/


@media (max-width:1199px ) {
    .header_bottom_left { width: 70%; }
    .logo { width: 210px; }
    .featured_nav li { height: 169px; width: 47.7%; }
    .single_featured_slide > h2 a { font-size: 20px; }
    .media-right > img { width: 100%; height: auto; }
    .pagincontent { width: 82%; }
}

@media (max-width:991px ) {
    .header_bottom_right { width: 100%; }
    .header_bottom_left { width: 100%; }
    .featured_nav li { margin-left: 10px; margin-right: 0px; height: 208px; }
    /*.catgimg_container { height: 105px; }*/
    /*.flicker_nav li a { height: 60px; }*/
    .content_bottom_left { margin-left: 0; padding-left: 15px; padding-right: 15px; width: 100%; }
    .media-right > img { width: 100%; height: auto; }
    .pagincontent { width: 84%; }
    .contact_us { margin-top: 40px; width: 100%; }
    .our_office { width: 100%; }
}

@media (max-width:767px ) {
    .header_top_left { width: 40%; }
    .header_top_right { width: 60%; }
    .search_form input[type="text"] { width: 80%; }
    .container-fluid { padding-left: 15px; padding-right: 15px; }
    .navbar-collapse { padding-left: 15px; padding-right: 15px; }
    .navbar-nav { margin: 7.5px 0; }
    .custom_nav { border: none; }
    /*.catgimg_container { height: 250px; }*/
    .media-heading { font-size: 14px; }
    /*.flicker_nav li a { height: 100px; }*/
    .single_footer_top { margin-bottom: 20px; }
    .footer_bottom_left { text-align: center; display: none; }
    .footer_bottom_right { text-align: center; }
    /*.media-right { width: 112px; height: 100px; }*/
    .similar_nav li { width: 100%; }
    .pagincontent { width: 87%; }
    .angle_right { width: 13%; }
    .angle_left { width: 13%; }
    .error_page_content h1 { font-size: 170px; }
    .header_bottom_left { text-align: center; display: none; }

    .detail-moreimg img { width: 100%; float: none; margin-bottom: 7px; }
    .file-box { float: right; width: 46%; margin: 1%; }
    .search_form { margin: 8px 0 8px 0; }
}

@media (max-width:480px ) {
    .header_top_left { float: none; width: 100%; text-align: center; }
    .top_nav { text-align: center; }
    .header_top_right { float: none; width: 100%; text-align: center; margin-top: 25px; }
    .search_form input[type="text"] { width: 80%; }
    .logo { width: auto; }

    .latest_slider { padding-left: 0; }
    .featured_nav li { margin-left: 0; margin-right: 0; width: 100%; }
    .games_category { width: 100%; }
    .fashion_category { width: 100%; }
    .business_category_right { width: 100%; }
    .business_category_left { width: 100%; }
    .nav > li > a { padding: 10px; }
    .pagincontent > a { font-size: 13px; }
    .single_page_area > h2 { font-size: 20px; line-height: 30px; padding: 10px; }
    .breadcrumb li a { font-size: 12px; }
    .breadcrumb > .active { font-size: 12px; }
    .error_page_content h1 { font-size: 100px; }
    .media-body { width: 65%; }
    .form-control { max-width: 100% !important; }
}

@media (max-width:360px ) {
    /*.catgimg_container { height: 150px; }*/
    /*.media-right { width: 112px; height: 150px; }*/
    /*.flicker_nav li a { height: 60px; }*/
    .business_category_left .media-left, .games_category .media-left, .fashion_category .media-right { height: 100px; }
    .pagincontent > a { font-size: 10px; }
    .pagincontent > span { font-size: 10px; }
    .archive_caption h2 > a { font-size: 18px; line-height: 20px; }
    .error_page_content h1 { font-size: 70px; }
    .error_page_content h2 { font-size: 40px; }
    .error_page_content p { font-size: 17px; }
    .error_page_content h1:after, .error_page_content h1:before { height: 15px; width: 15px; }
    .error_page_content h1:after { right: -30px; }
    .error_page_content h1:before { left: -30px; }
    .top_nav li a { padding: 8px 7px; }
    .flicker_nav li { margin-right: 7px; margin-bottom: 7px; }
    .comment_post h2 { font-size: 17px; }
}

@media (max-width:320px ) {
}






.clearBoth { clear: both; content: "."; display: block; visibility: hidden; }
.page-header { text-align: center; font-size: 14pt; margin: 0px 0px 10px 0px !important; }
    .page-header h1 { font-size: 14pt; text-align: right; }
.h_title { float: right; }
.h_loader { float: left; font-size: 12pt; color: #aaa; padding-top: 5px; }

.radio label { padding-right: 40px; }
.form-group { font-size: 90%; }
    .form-group div { margin-bottom: 12px !important; }
.Drop { max-width: 270px; background-color: transparent; position: relative; padding: 0px; display: inline; }
.txtBox { max-width: 270px; background-color: transparent; position: relative; }

/*.multi-validation { max-width: 655px !important;  }*/
.form-control { max-width: 270px; }
.rtl-input { direction: rtl; text-align: right; position: relative; background-color: transparent !important; width: 100%; min-height: 40px !important; line-height: 28px !important; padding: 6px 12px !important; }
.validation-error { position: absolute; font-family: Tahoma; font-size: 8pt !important; max-width: 270px; text-align: left; bottom: 0; background-color: #ffd6d6; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; }
.validation-error-multi { position: absolute; font-family: Tahoma; height: 70px !important; text-align: left; bottom: 0; background-color: #ffd6d6; display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; max-width: 655px !important; }
.muti-txtBox { max-width: 655px !important; background-color: transparent; position: relative; height: 70px; }

#marqarea { width: 100%; margin-top: 10px; }
.ImgLink { width: 100%; text-align: center; margin-bottom: 10px; }
    .ImgLink img { margin: 0 auto; }

.detail-text img { width: 80%; font-family: Yekan; font-size: 16px; }
.detail-text p { line-height: 30px !important; font-size: 16px !important; font-family: Yekan !important; }
.detail-text span { line-height: 30px !important; font-family: Yekan !important; font-size: 16px !important; }
.detail-text div { line-height: 30px !important; font-family: Yekan !important; font-size: 16px !important; }
.detail-text iframe { width: 100% !important; height: auto !important; min-height: 580px; border: 0px; }

/*.detail-moreimg img { width: 32%; float: right; margin: 1%; }*/
.detail-moreimg img { width: 100%; float: none; margin-top: 1%; }
.file-box { float: right; width: 31%; margin: 1%; background-color: #eee; padding: 10px; }
    .file-box .fa-info-circle { color: #81898E; margin-right: 7px; }


.comment-box { background-color: #F0F3F5; padding: 3px; margin-bottom: 15px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.comment-box-header { background-color: #E0E3E6; padding-top: 5px; margin-bottom: 10px; border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; }

.answer-box { position: relative; background-color: #fff; width: 90% !important; margin: 3%; padding: 10px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    .answer-box:after { content: ''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -10px; right: 10px; }

.PagingButton { background-color: #fff; padding: 1px; border: 1px solid #c8cfdc; padding-right: 9px; padding-left: 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #798fb6; font-size: 10pt; font-family: Yekan; }
.currentLable { background-color: #cccccc; padding: 2px; padding-right: 9px; padding-left: 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #fff; font-size: 10pt; }

.alert { margin-top: 10px; text-align: right; }
.rtl { direction: rtl; }
.ltr { direction: ltr; }


.slick-dots { display: none !important; }
.media-body-archive { width: 100% !important; }

/*.dropdown:hover > .dropdown-menu { display: none; }*/
.dropdown-submenu { position: relative; }
    .dropdown-submenu:hover > .dropdown-menu { display: block; }
    .dropdown-submenu > .dropdown-menu { top: 0; right: 100%; margin-top: -6px; margin-right: -5px; background-color: #0080cb; }

@media (min-width: 768px) {
    .dropdown:hover > .dropdown-menu { display: block; }
}

@media (max-width: 480px) {
    .marq { width: 350px; }
}

.download-link { margin: 20px; }
    .download-link a { font-size: 13pt; color: #fff; padding: 10px 15px; background-color: #408c38; background: linear-gradient(#408c38,#6ea468,#0080cb); -webkit-background: linear-gradient(#408c38,#6ea468,#0080cb); border-radius: 7px; -webkit-border-radius: 7px; }
        .download-link a:hover { background: linear-gradient(#0080cb,#6ea468,#408c38); -webkit-background: linear-gradient(#0080cb,#6ea468,#408c38); }

.NotFoundError { font-family: Yekan; font-size: 15pt; margin: 0 auto; width: 100%; max-width: 500px; text-align: center; padding-top: 10%; }
    .NotFoundError span { font-size: 70pt; font-family: Verdana; color: #666; }
    .NotFoundError p { padding: 4%; }

.main-container { background-color: #fff; /*overflow:hidden; box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.2), -5px 0 5px -2px rgba(0, 0, 0, 0.2);*/ max-width: 1200px; width: 100%; margin: 0 auto; }
.footer-titles li { padding-bottom: 10px; }
.footer-titles .media-heading a { font-size: 10pt; }
.footer-titles .media-right { width: 10%; }
    .footer-titles .media-right img { display: inline-block; width: 100%; max-width: 100%; height: auto; padding: 1px; line-height: 1.42857143; border: 1px solid #efefef; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#footer-contact { font-family: corel; color: #222 !important; }
    #footer-contact .fa { color: #0080cb; font-size: 12pt; background-color: #f0f6ee; bax-shadow: 2px 2px 0px #000; border-radius: 50%; padding: 6px; margin-left: 7px; }
    #footer-contact .fa-map-marker { padding: 6px 8.2px 5px 8.5px !important; }
    #footer-contact .fa-mobile { padding: 7px 10px 6px 10px !important; }
    #footer-contact .fa-instagram, .fa-phone { padding: 7px 7px 5px 7px !important; }
    #footer-contact .fa-send { padding: 6px 6.5px; font-size: 11pt; }
    #footer-contact p { color: #222 !important; }
.number { font-family: corel; font-size: 10.5pt; font-weight: normal; }

.marquee { padding: 7px; }
/*.btn-primary { background-color: #e44317; border-color: #e44317; }
    .btn-primary:hover { background-color: #f03b0a; border-color: #f03b0a; }*/

.print-body { background-image: none; margin: 0 auto; width: 100%; font-family: Tahoma !important; font-size: 12pt !important; }
    .print-body span { font-size: 10pt !important; }
    .print-body .post_commentbox span { font-size: 8pt !important; }
    .print-body .post_titile { font-size: 14pt !important; }
.print-logo { background-color: #eee; width: 70%; margin: 0 auto; }
.print-body .single_page_area { float: none !important; display: block !important; }
.print-area { width: 70%; margin: 0 auto; }
    .print-area blockquote { margin-top: 40px; padding: 10px; font-style: normal !important; }

.login-form .btn-danger { width: 45%; }
.login-form .btn-success { width: 45%; margin-right: 2%; }
.wellcom-pnl .fa { color: #0080cb; padding-left: 7px; }

.Manufacturer { border: 0px !important; }
    .Manufacturer .media { border: 1px solid #cee4cc !important; padding: 2px; border-radius: 5px; -webkit-border-radius: 5px; }
        .Manufacturer .media img { border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; }
    .Manufacturer .media-right { width: 100%; margin-bottom: 2%; height: 180px; overflow: hidden; }
    .Manufacturer .media-heading { margin: 10px 0px; }
        .Manufacturer .media-heading a { color: #0080cb; }
    .Manufacturer .media-body-archive { border-top: 1px solid #cee4cc; background-color: #e7fee4; }





.form-heading { text-align: center; font-size: 15px; line-height: 30px; padding: 10px; background-color: #eae9e9; margin: 0 auto; position: relative; z-index: 5; margin-bottom:10px; }
.form-heading:before { content: ''; width: 100%; position: absolute; z-index: -1; top: 7px; left: 0; height: 1px; background: rgba(216, 213, 213, 0.87); }
.form-heading:after { content: ''; width: 100%; position: absolute; z-index: -1; bottom: 7px; left: 0; height: 1px; background: rgba(216, 213, 213, 0.87); }


.fupl { max-width: 270px; background-color: transparent; position: relative; display: inline; padding: 0px; }
.tbl-validation-error { position: absolute; font-family: Tahoma; max-width: 120px; text-align: left; background-color: #ffd6d6; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; }
.tbl-txtBox { max-width: 120px; background-color: transparent; position: relative; padding: 2px !important; height: 28px; }
.tbl-Drop { max-width: 120px; background-color: transparent; position: relative; display: inline; padding: 0px; height: 28px; }
.regtbl-header { background-color: #eee; text-align: center !important; }

.memship-result { font-size:12pt; }
    .memship-result p { padding:10px 0px; }
.memship-result .price { font-size:15pt; color:#E32323 ; padding:15px 0px;}

.default-header { margin-top: 20px !important; color: #0080cb; }
.single_bottom_rightbar .owl-nav { display: none; }
.vote-row { padding-top: 10px; }