/*
Theme Name: SKT Magazine Pro
Theme URI: http://www.sktthemes.net/shop/magazine-news-wordpress-theme/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Magazine is a responsive free news and magazine WordPress theme which can be used for newspaper, publishing, personal and corporate blogs, and editorial style websites. Multilingual and compatible with any multilingual plugin and translation ready and compatible with WooCommerce for Ecommerce and shop and Nextgen gallery compatibility for portfolio and gallery. Compatible with all SEO plugins and contact form 7. Check demo at: http://sktthemesdemo.net/magazine
Version: pro1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: skt-magazine-pro
Tags: blue,black,gray, white, dark, one-column, two-columns, three columns, left-sidebar, right-sidebar, responsive-layout, custom-color, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
SKT Magazine WordPress Theme has been created by SKT Themes(sktthemes.net), 2015.
SKT Magazine WordPress Theme is released under the terms of GNU GPL
*/
*{margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; line-height:1; background-color:#ffffff; color:#5a5b5b; font-size:12px;}
img{ margin:0; padding:0; border:none; max-width:100%; height:auto;}
img:hover{opacity:0.7;}
section img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0 0 15px; font-family:'Roboto', sans-serif; font-weight:600; color:#464545; word-wrap:break-word;}
h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:26px;}
h4{ font-size:24px;}
h5{ font-size:18px; border-bottom:1px solid #e8e6e6; padding-bottom:12px;}
h6{ font-size:14px; text-transform:uppercase; }
p{ margin:0; padding:0;}
a{ color:#046dd6; text-decoration:none; outline:none; transition: all 0.4s ease 0s;}
a:hover{color:#000; text-decoration:none; outline:none; transition: all 0.4s ease 0s;}
ul{ list-style:none; margin:0; padding:0;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul{ list-style:none; margin-left:15px;}
.comment-list .comment-content ol { margin-left:15px;}
.comment-list .comment-content ul li, .comment-list .comment-content ol li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
section{ padding:40px 0 40px 0;}
.container{ width:1300px; margin:0 auto; padding:0; position:relative;}
h2.section-title{ text-align:center; margin-bottom:30px; color:#fff;}
.header{width:100%; z-index:999999; margin-top:49px; background-color:#fff; color:#333;}
.innerbanner{ text-align:center;}
.innerbanner img{ position: relative; background-size:cover; vertical-align:middle; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:#464545}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color:#046dd6}
.main-container{margin:0; padding:0;}
.logo{float:left; padding:0px 0 25px; text-align:right;}
.logo img{ height:75px;}
.logo h1{ margin:0; line-height:40px; font-weight:900;}
.logo h1 span{ color:#046dd6; font-weight:300;}
.logo a{ color:#333;}
.logo .tagline{ font:300 13px/20px 'Roboto'; font-size:12px; color:#333; display:block;}
.headerright{ float: right; padding:30px 0 25px;}
/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}

.togglediv{display: block;}
.togglediv a{color:#ffffff; background:url(images/mobile_toggle.png) no-repeat right center; font-size:0;}
.sitenav{display:none; float:left;}
.menubar{ background-color:#131313;}
.sitenav ul { margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400; font-size:15px; }
.sitenav ul li{ display:inline-block; margin:0; position:relative; text-align:center; float:left;}
.sitenav ul li a{ padding:24px 20px; display:block; color:#fff; border-right:1px solid #222222; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #222;}
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left; border-right:none !important;  }
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{ background-color:#046dd6; color:#fff; }
.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#131313;  box-shadow:0 2px 2px #333; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}
/*dropdown arrow*/
.sitenav .menu li > a.parent {  padding-right: 2em; position: relative;}
.sitenav .menu li > a.parent::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.3em;
    content: "";
    display: block;
    position: absolute;
    right: 0.8751em;
    top: 48%;
}
.sitenav .menu li ul li a.parent { padding-right: 0;}
.sitenav .menu li ul li a.parent::after { right: 0.8751em; top: 46%;}

/*Top Header css*/
#top-header{width:100%; position:absolute; height:49px; top:0;}
.top-left{position:absolute; left:0; top:0; width:50%; height:100%; background:#131313;}
.top-right{position:absolute; right:0; top:0; width:50%; height:100%; background:#e4e5e6;}
.top-container{width:1300px; position:absolute; left:0; right:0; top:0; margin:0 auto; background-color:transparent; height:auto;}
.topblack{float:left; width:7.6%; background:#131313; color:#fff; text-align:right; font-size:14px; line-height:49px; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight:600; margin-right:30px; position:relative; right:-45px;   display:inline-block;
  text-align:left;
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -o-transform: skew(30deg);
  transform: skew(30deg); 
  
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s; }
.topblack .fa{ font-size:14px; margin-right:5px;}
.topblack span{ -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  transform: skew(-30deg); display:inline-block; left:-45px; position:relative; }
.topgry{float:right; width:90%; background:#e4e5e6; line-height:49px; color:#494949; }
.newstickker{ width:55%; float:left; padding:0 30px;}
.fullticker{ width:auto;}
.newstickker marquee{ line-height:normal;}
/*Sorting menu css*/
.shortingmenu{ width:38%; float:right; text-align:right;}
.shortingmenu ul{  font:400 14px/49px 'Roboto', sans-serif; margin:0; padding:0;}
.shortingmenu ul li{ display:inline-block; position:relative;}
.shortingmenu ul li a{ display:block; padding: 0 15px; color:#111111; border-right:1px solid #f1f2f3;}
.shortingmenu ul li a:hover{color:#046dd6;}

.shortingmenu ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px solid #e7e6e6;}
.shortingmenu ul li ul li a{display:block; padding-top:5px; padding-bottom:5px; position:relative; top:1px; text-align:left; line-height:24px; border:none !important;  }
.shortingmenu ul li a:hover, .shortingmenu ul li.current_page_item a{ background-color:#046dd6; color:#fff; }
.shortingmenu ul li ul{display:none; z-index:9999999; position:relative;}
.shortingmenu ul li:hover > ul{display:block; width:200px; position:absolute; right:0; text-align:left; background-color:#fff;  box-shadow:0 2px 2px #333; }
.shortingmenu ul li:hover ul li ul{display:none; position:relative;}
.shortingmenu ul li:hover ul li:hover > ul{display:block; position:absolute; right:200px; top:1px;}
/*dropdown arrow*/
.shortingmenu .menu li > a.parent {  padding-right: 2em; position: relative;}
.shortingmenu .menu li > a.parent::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #494949 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.3em;
    content: "";
    display: block;
    position: absolute;
    right: 0.8751em;
    top: 48%;	
}
.shortingmenu .menu li ul li a.parent { padding-right: 0;}
.shortingmenu .menu li ul li a.parent::after { right: 0.8751em; top: 46%;}
/*Search Form*/
.searchbox .search-form{ float:right; margin:12px 0 0 0;}
.search-form input[type="submit"]{ background:url(images/search-icon.png) no-repeat center center #242424; padding:19px; display:inline-block; margin:0; width:22px; height:22px; border-radius:0;}
.searchbox .search-form input[type="submit"]:hover{ background:url(images/search-icon.png) no-repeat center center #242424 !important}
.search-form input[type="search"]{ width:auto; float:left; background-color:#242424; border:none; border-right:1px solid #323131; margin:0; padding:11px; width:250px;}
/* Homepage CSS
-------------------------------------------*/
#contentpart{width:700px;}
.contentfloat{ float:left;}
.content{ padding:0 35px;}
.content p{ margin-bottom:20px; line-height:22px;}
/* Featured Cat CSS
-------------------------------------------*/
.cat-3-col{ width:23.8%; float:left; margin:0 8px 0 0;}
/*.cat-3-col img{ width:100%; }*/
.catwrapslider{width:51%; position:relative; background-color:#000;}
.catwrapslider h3{ position:absolute; bottom:0px; padding:1.5% !important; width:auto;}
.catwrapslider .owl-controls{ position: absolute; top:55%; right:auto; left:auto; width:100%;}
.catwrapslider .owl-prev, .catwrapslider .owl-next { position: absolute; bottom:15px; width:22px; height:22px; font-size:0; right:0;}
.catwrapslider .owl-prev{ background:url(rotator/images/arrow_prev.png) no-repeat left top; left:10px;}
.catwrapslider .owl-next{ background:url(rotator/images/arrow_next.png) no-repeat left top; right:10px;}
.catwrapright{ margin-right:0;}
.cat-3-col h3{font:600 14px/16px 'Roboto', sans-serif ; text-transform:uppercase; color:#fff; margin:0; background-color:rgba(0,0,0,0.6); padding:3% 0;}
.cat-3-col h3 span{ padding:0 0 0 8px; display:block;}
.catleft-1{ position:relative; margin-bottom:4px; height:187px; overflow:hidden; background-color:#000; }
.catleft-1 img{ width:100%; height:100%;}
.catleft-1 img:hover, .owl-carousel .owl-item img:hover{ opacity:0.7; }
.catleft-1 h3{ position:absolute; bottom:0px; width:100%;}
.catwrapslider{ height:auto;}
.owl-carousel .owl-item img{ max-height:378px!important; }
.catbx{ position:absolute; top:0; left:0; background-color:#046dd6; color:#fff; font-weight:bold; text-transform:uppercase; padding:7px 15px; font-size:12px;}
.catbx a{ color:#fff;}
.catbx1{ background-color:#5a4182;}
.catbx2{ background-color:#fda32f;}
.catbx3{ background-color:#80bc00;}
/* Featured Cat CSS
-------------------------------------------*/
.featuredPostbx{ background-color:#fff; border:1px solid #dddcdc;}
.featuredPostbx img{ width:100%;}
.contentBX{ padding:30px; position:relative;}
.contentBX h3{ font-weight:400;}
.contentBX .date{ text-transform:uppercase; font-weight:bold; font-family:12px; color:#5a5b5b; display:block; margin-bottom:25px;}
.contentBX .post-comment{ position:absolute; right:0; top:30px; background-color:#fda32f; color:#fff; width:35px; height:35px; line-height:35px; text-align:center;}
.contentBX .post-comment a{color:#fff;}
/*multicategory section css*/
#multicatWrap{ margin-top:25px;}
.catThumb{ background-color:#dedede;}
.lists_cats{  background-color:#fff; border:1px solid #dddcdc; width:46.4%; float:left; margin: 0 39px 40px 0;}
.lists_cats img{ width: 100%; max-height:180px; margin:0 auto; display:block;}
.contentCAT{ padding:20px; position:relative;}
.last_column{ margin-right:0 !important;}
.datebx{ text-transform:uppercase; font-weight:bold; font-family:12px; color:#5a5b5b; display:block; margin-bottom:15px;}
.commentbx{ color:#333;}
.commentbx a{ color:#fff;}
.PostMeta{ font-size:11px; color:#828181; margin-bottom:10px; position:relative;}
.PostMeta a{color:#828181;}
.PostMeta span{ margin-right:3px;}
/* List View Category Post CSS
-------------------------------------------*/
.home .one_half { margin-right:39px; width: 46.7%; margin-bottom:0;}
#homepagewrapper{ padding:0;}
#wrapperfirst{ padding:0;}
#wrapperfirst .one_half{ background-color:#fff; padding:10px; border:1px solid #edecec;}
#CatlistView{ width:100%;}
.postlist h6{ text-transform: none; font-size:18px; margin:15px 0;}
.postlist p{ line-height:18px;}
.Leftcols-1{ float:left; width:49%; margin:0 12px 0 0;}
.Leftcols-1 .imgBxxFX img{ max-height:194px; width:100%;}
.Rightcols-1{ float:right; width:47%;}
.Rightcols-1 .postlist{ margin:0 0 18px 0; min-height:90px;}
.Rightcols-1 .postlist h6{ font-size:13px; margin:0 0 10px;}
.Rightcols-1 .postlist img{ float:left; margin:0 10px 0 0; max-height:194px;}
.Leftcols-1.customalign .postlist{ margin:0 0 18px 0; min-height:90px;}
.Leftcols-1.customalign .postlist h6{ font-size:13px; margin:0 0 10px;}
.Leftcols-1.customalign .postlist img{ float:left; margin:0 10px 0 0;}
.Rightcols-1.customalign .postlist h6{ font-size:18px; margin:15px 0;}
.Rightcols-1.customalign .postlist img{ float:none; margin:0;}
.mcs{ width:90px; height:90px;}
/* Thumbnail View Category Posts CSS
-------------------------------------------*/
#thumbnailview{ width:100%;}
#thumbnailview .thumbview{ width:31%; float:left; margin:0 3% 2.7% 0; position:relative; background-color:#000; text-align:center;}
#thumbnailview .thumbview img{height:147px; margin:0 auto; width:100%;}
.entry-content #thumbnailview .thumbview img{height:250px; margin:0 auto; width:100%;}
#thumbnailview .thumbview img:hover{ opacity:0.7;}
#thumbnailview .thumbview h6{ background-color:rgba(0, 0, 0, 0.6); position:absolute; bottom:0; width:100%; padding:8px 0; color:#fff; text-transform:none; margin:0;}
#thumbnailview .PostMeta{ position:absolute; top:0; }
#thumbnailview .PostMeta span{ background-color:rgba(0, 0, 0, 0.6); color:#fff;padding:3px; margin:0; line-height:16px;  }
/* Grid View Style2 Category Posts CSS
-------------------------------------------*/
#wrappersecond{ padding-bottom:0;}
.home #wrappersecond .one_half, .home #wrapperthird .one_half{ width:48.4%;}
#GridViewlist{ width:100%; }
.GridLeft{ float:left; width:46.6%; margin:0;}
.GridLeft .gridlist{ height:320px;}
.GridLeft .gridlist img{ height:320px; width:100%}
.GridRight{ float:right; width:53.4%;}
.GridRight .gridlist{ width:47.5%;  float:left;  margin:0 0 9px 8px; max-height:101px;}
.GridRight .gridlist img{ width:100%; height:101px;}
.entry-content .GridRight .gridlist{ width:32%; margin:0 0 7px 8px}
.entry-content .GridLeft .gridlist, .entry-content .GridLeft .gridlist img { height:400px;}
.GridRight .gridlist h6{ font-size:13px;}
#GridViewlist .PostMeta{ display:none;}
.gridlist{ background-color:#000; position:relative; text-align:center;}
.gridlist img:hover{ opacity:0.7;}
.gridlist h6{ text-transform: none; font-size:16px; display:none; position:absolute; bottom:0; color:#fff; padding:10px 5px; margin:0;}
.gridlist:hover h6{ display: block;}
.pgwSlideshow .ps-list{ height:84px; overflow:hidden;}
.pgwSlideshow .ps-current > ul > li img{height:236px !important;}
/* Carousel and Add Section css
-------------------------------------------*/
#wrapperthird{ padding-top:30px;}
#wrapperthird .one_half.last_column img:first-child{ margin-right:27px;}
#owl-demo .item{ margin:8px; }
#owl-demo .item img{  display: block; width: 100%; max-height:145px !important }
#owl-demo .owl-controls{text-align: center; width:100%; right:0; top:5px; position: relative; }
#owl-demo .owl-nav{ position:absolute; top:-110px; width:100%;}
#owl-demo .owl-prev{ left:10px; right:auto;}
#owl-demo .owl-next{ right:10px; left:auto;}
#owl-demo .CarouselThumb h6{ text-transform:none; color:#333; margin:12px 0;}
#owl-demo .owl-controls .owl-dots, #owl-demo .owl-controls .owl-dots .owl-dot { display: inline-block !important;}
#owl-demo .owl-controls .owl-dots .owl-dot.active span {background: #0a6196;}
#owl-demo .owl-controls .owl-dots span { background: #869791; border-radius: 20px; display: block; height: 12px;  margin:0px 3px; width: 12px;}

/* Latest Posts CSS
-------------------------------------------*/
#wrapperfourth{ border-top:9px solid #282828; padding:20px 0 0;}
#wrapperfourth .container{ width:100%;}
#wrapperfourth .one_fifth{ width:20%; margin:0 !important; position:relative; background-color:#000; }
#wrapperfourth .one_fifth h4{ position:absolute; bottom:20px; color:#fff; font-size:20px; text-align:center; width:100%;}
#wrapperfourth .one_fifth h4 a{ color:#fff; }
#wrapperfourth .one_fifth .PostMeta{ margin:0; position:absolute; top:0; width:100%; text-align:center; color:#fff;}
#wrapperfourth .one_fifth .PostMeta span{background-color:rgba(0, 0, 0, 0.6); color:#fff;padding:3px; margin:0; line-height:16px; }
#wrapperfourth .one_fifth .PostMeta a{ color:#fff;}
#wrapperfourth .one_fifth img:hover{opacity:0.7;}
#wrapperfourth .one_fifth .PostContent{ display:none; position:absolute; top:10px; padding:10px; color:#fff;}
#wrapperfourth .newspstimgbx { height:240px; overflow:hidden;}
#wrapperfourth .newspstimgbx img{ width:100%; height:100%;}
/* Sidebar Area CSS
-------------------------------------------*/
#sidebar{ width:300px;}
#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }
.sidebar-left{ float:left;}
.sidebar-right{ float:right;}
h3.widget-title{color:#fff; margin:-20px -20px 20px -20px; font-size:18px; padding:20px; position:relative; border-bottom:1px solid #edecec;}
#sidebar .widget{ background-color:#fff; color:#000; padding:20px; border:1px solid #dddcdc; margin-bottom:30px; position:relative; box-shadow:0 0 3px #dddcdc;}
#sidebar .widget ul{ list-style:none; margin:0; padding:0;}
#sidebar .widget ul li{background:url(images/sidebar-arrow.png) no-repeat left 16px; list-style:none;border-bottom:1px dotted #c1c1c1;display:block;padding:10px 0 10px 20px; }
#sidebar .widget ul li a{  color:#333; line-height:22px;  }
#sidebar .widget ul li:last-child{ border-bottom:none;}
#sidebartabs h3.widget-title{ display:none;}
#sidebartabs.widget{ background-color:transparent; border:none; box-shadow:none; padding:0;}
#wp-calendar{width:100%; text-align:center; line-height:22px;}
#wp-calendar caption{ font-size:16px; margin-bottom:15px; border-bottom:1px solid #edecec; padding-bottom:10px;}
#sidebar p{line-height:18px;}
.sidecatposts{border-bottom:1px dotted #c1c1c1; margin-bottom:25px; padding-bottom:25px;}
.sidecatposts img{width:100%;}
.sidecatposts h6{ text-transform:none; color:#111111; margin:20px 0 15px;}
#sidebar .sidecatposts p{ margin-bottom:17px; color:#5a5b5b; line-height:20px;}
.sidecatposts .date{color:#9d9d9d; }
.sidecatposts:last-child{ border:none; margin-bottom:0; padding-bottom:0;}
#about.widget p{ margin-bottom:24px; line-height:20px;}
#about.widget img{ margin:5px 0 20px;}
#sidebar .Social_Count_Widget.widget{ padding:0;}
#sidebar .Social_Count_Widget h3.widget-title{ margin:0;}
.counter{ float:left; width:63.5px; text-align:center; border-right:1px solid #edecec; border-bottom:1px solid #edecec; padding:10px 5px;}
.counter span.bold{ font-weight:bold; font-size:12px;}
.counter span{ display:block; font-size:11px; margin-top:5px; color:#888787; line-height:10px;}
.counter a{ background-color:#888787; color:#Fff; width:23px; height:23px; line-height:23px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50% display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:12px; }
.counter a:hover{ background-color:#046dd6; color:#Fff;}
.counter a:last-child{ margin-right:0;}
#sidebar .phone-no a{ color:#333;}
/* Footer CSS
-------------------------------------------*/
#footer-wrapper{position:relative; padding:40px 0 0; border-top:9px solid #282828; color:#8e8d8d;}
.footer { width:1300px; margin:auto; padding-bottom:50px;}
.column-4{width:23%; float:left; margin:0 30px 0 0;  }
.column-4 h4{ color:#fff; text-align:center; text-transform:uppercase; font-size:22px; margin-bottom:40px;}
.column-4 p{ margin-bottom:5px; line-height:16px;}
.column-4 ul{ margin:0; padding:0;}
.column-4 ul li{ list-style:none;border-bottom:1px dotted #232323;}
.column-4 ul li a{ background:url(images/footer-arrow.png) no-repeat left center; display:block; color:#fff; padding:10px 0 10px 20px; line-height:22px;  opacity:0.4;}
.column-4 ul li.current_page_item a, .column-4 ul li a:hover{ opacity:1;}
.column-4 ul li:last-child{ border:none;}
ul.footer-cats { -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
     column-count: 2;
     column-gap: 1em;}
.widget-column-4{ margin-right:0;}
.footer-col-4{ padding:20px; border-style:double; border-color:#202020; min-height:268px;}
.column-4 .social-icon a{ background-color:#000000; color:#fff; width:40px; height:40px; line-height:40px; margin:0 2px 2px 0; padding:0; text-align:center; -webkit-border-radius:100%; display:inline-block; float:left; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:18px; }
.column-4 .social-icon a:hover{ background-color:#046dd6; color:#fff;}
.social-icons br{ display:none;}

.phone-no{margin-top:16px; margin-bottom:16px; line-height:24px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no span{width:35%; display:inline-block;}
.copyright-wrapper { position:relative; padding:25px 0;}
.copyright-txt { float:left;}
.copyright-txt span { color:#86cd65;}
.design-by {float:right;}
/* Page Layout CSS
-------------------------------------------*/
.pagecontent{ padding:40px 0;}
.site-main{ width:630px; margin:0; padding:0 35px; float:left;  position:relative;}
.sitefull{ width:100% !important; position:relative; float:none; padding:0;}
.nosidebar{ margin:0 auto; float:none; width:965px; padding:0;}
.FloatRight{ float:right !important; width:964px !important; padding-right:0 !important;}
.FloatLeft{ float:left !important; width:964px !important; padding-left:0 !important;}
.contentarea{ background-color:#fff; padding:25px;}
.contentarea p{margin-bottom:20px; line-height:20px;}
/* Category Style Grid view CSS
-------------------------------------------*/
.CatgridView .postlayouts{ width:30%; float:left; margin:0 3% 3% 0; min-height:580px;}
.CatgridView .postlayouts img{ width:100%;}
/* Home Layout Masonry CSS
-------------------------------------------*/
h1.entry-title{ font-size:18px !important; border-bottom:1px solid #e8e6e6; padding:0 0 15px 25px; margin:0 -25px 15px -25px;}
#home-layoutOne{ margin-bottom:40px;}
#recentpost-2-cols .column-2{ width:47%; float:left; margin:0 4% 4% 0; border:1px solid #e8e6e6;}
#recentpost-2-cols .column-2 .thumbx{  width:100%; text-align:center; background-color:#dedede; }
#recentpost-2-cols .column-2 .thumbx img{  width:100%; height:auto; max-height:300px;}
#recentpost-2-cols .column-2 h6{ text-transform:none; font-size:16px; font-weight:400;}
#recentpost-2-cols .content2cl{ padding:20px;}
#recentpost-2-cols .PostMeta{ font-size:12px;}
.morebtn{ background-color:#fda32f; color:#fff; text-transform:uppercase; padding:8px 15px; font-size:12px; font-weight:bold; display:inline-block;}
.morebtn:hover{ background-color:#046dd6;  color:#fff;}
/* Home Layout Timeline CSS
-------------------------------------------*/
#timeline{ border-left:2px solid #eaeaea; padding:0 0 0 25px; margin:20px;}
#timeline .pstlist{  margin-bottom:30px; position:relative;}
#timeline .pstlist .thumbxxx{ width:40%; float:left; margin:5px 25px 0 0; text-align:center; background-color:#dedede; }
#timeline .pstlist .thumbxxx img{width:100%; height:auto; display:block;}
#timeline .pstlist h6{ text-transform:none; color:#363636; font-size:18px; font-weight:400; margin-bottom:25px;}
#timeline .pstlist h6 a{ color:#363636;}
#timeline .monthyear{ background-color:#eaeaea; color:#333; padding:10px 20px; font-size:16px; font-weight:bold; margin:15px 0 25px -40px; display:inline-block;}
#timeline .PostMeta{ font-size:14px;}
#timeline .tdata:after {top:0; left:-32px; border: solid transparent; content: " "; background-color:#eaeaea; height:7px; width: 7px; position: absolute; pointer-events: none;	 border-radius:50%; }
#timeline .pstlist .morebtn{ position:absolute; bottom:0;}
/* Home Layout Classic CSS
-------------------------------------------*/
#classiclayout .layoutfull{ margin-bottom:30px;}
#classiclayout .layoutfull .thumboxfix{ background-color:#dedede; text-align:center;}
#classiclayout .layoutfull .thumboxfix img{width:100%; height:auto;}
#classiclayout .layoutfull h6{ text-transform:none; font-size:20px; font-weight:400; margin:20px 0;}

/* Contact Form CSS
-------------------------------------------*/
#contactform_main { margin: 0; padding: 0;}
#contactform_main p{margin:0;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"], .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"] { border: 1px solid #cfcfcf;f4f1f1; color:#717171; margin: 0 0 15px 0; padding:10px 5px;	width:80%;}
#contactform_main textarea, .wpcf7 form textarea { border:1px solid #cfcfcf; color:#717171; margin-bottom:10px; padding:10px 5px; width:98%; height:190px;}
button, html input[type='button'], input[type='reset'], input[type='submit'] { border:none; text-transform:uppercase; border-radius: 3px; color:#fff; cursor: pointer; display: block; font-size:12px; line-height:1; padding:10px 15px;} 
input[type="search"]{ border: 1px solid #cfcfcf;f4f1f1; color:#717171; margin: 0 0 10px 0; padding:10px 5px; width:52%;}

.error_msg{padding:10px; background:#ffd3ce; color:#be1522; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px; margin-bottom:5px;}
.pagination ul li span, .pagination ul li a{background:#323232; color:#fff; padding:8px 12px; display:inline-block; border-radius:3px; text-shadow:0 0 2px #333;}
.pagination ul li .current, .pagination ul li a:hover{background:#fda32f;}
article img{height:auto;}
article p{margin:10px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:5px;}
.post-password-form input[type=submit]{border:none; color:#ffffff; padding:10px 15px; cursor:pointer; border-radius:5px; text-transform:uppercase;}
#sidebar .search-form input[type="search"]{ width:84%;}
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#86cd65;}

.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
/***** Extra css *****/
.search-no-results .search-submit, .search-no-results .search-field{ float:left; margin:0;}
#sidebar aside.widget_categories label, #sidebar aside.widget_archive label{display:none;}
#sidebar select{width:100%; height:25px;}
#sidebar img{width:auto !important;}


.headerright table{width:100%; text-align:center;}
.headerright aside.widget{margin-bottom:30px;  padding:20px; background-color:#fff;}
.headerright aside.widget ul{ list-style:disc; }
.headerright h3.widget-title{ padding:0 0 15px 0; color:#363636; border-bottom:1px solid #edecec; font-size:18px; font-weight:bold;}
.headerright ul li{list-style:none; word-wrap:break-word; background:url(images/sidebar-arrow.png) no-repeat 0 14px; border-bottom:1px dashed #d0cfcf; line-height:36px;}
.headerright ul li a{padding:10px 0 10px 20px; color:#3b3b3b;}
.headerright ul li a:hover{ color:#046dd6;}
.headerright ul li:last-child a{ border:none;}
.headerright.left{ float:left;}
.headerright input[type="text"], .headerright input[type="search"]{width:78%; height:23px; margin-bottom:10px; padding-left:6px;}
.headerright select{ width:100%; height:25px;}
.headerright select option{width:240px;}