article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{margin:0px; padding:118px 0 0 0; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:15px; color:#383838; background:url(../images/body_bg.jpg) left top repeat;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img, fieldset, iframe{border:none; margin:0px; padding:0px; max-width:100%;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; -webkit-border-radius:3px;}
a, .submit{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
a.join_now_btn{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
/*Add Placeholder opcity 1*/
::-moz-placeholder{opacity:1}
::-webkit-placeholder{opacity:1}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

*::before, *::after {
    box-sizing: border-box;
}
p{ margin-bottom:15px;}

.container{ width:1200px; margin:0 auto;}

h2 a,
h2 a:link,
h2 a:active,
h2 a:hover { color: #fb4e02; text-decoration:none;}


/*=================Header=================*/

.header-container{}
.header-container .header-top{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+41,ededed+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 41%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 41%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 41%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #cccccc;
position:fixed; width:100%; z-index:9999; left:0; top:0;
}

.header-top{}
.header-top .logo{ float:left; width:30%;}
.header-top .logo img{ display:block;}
.header-top .welcome-text{ width:30%; float:left; margin:14px 0; border-left:1px solid #e4e4e4; padding-left:20px; padding-top:6px; padding-bottom:6px; padding-right:15px;}
.header-top .welcome-text p{ margin:0;}

.header-top .main-menu{ float:right; width:40%; text-align:right; padding-top:36px;}

.main-menu ul li{ display:inline-block;}
.main-menu ul li a{ font-size:18px; line-height:20px; color:#333641; text-transform:uppercase; padding:8px 15px; display:block; font-weight:700; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}

.main-menu ul li:hover a,
.main-menu ul li a.active{ background:#000; color:#fff;}


/*=================Main Container=================*/

.main-container{ padding:20px 0 40px;}


/*=================Sidebar=================*/

.col-left{ width:305px; float:left; font-size:14px; line-height:18px; color:#000000; background:#ffffff; border:1px solid #f2f2f2; padding:25px 20px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}

.col-left .block-title{}
.col-left .block-title h2{ font-size:18px; font-weight:700; color:#333641; border-bottom:2px solid #f2f2f2; padding-bottom:5px; line-height:22px; }
.col-left .block-title h2 span{ position:relative; line-height:normal; padding-right:20px;}
.col-left .block-title h2 span:after{ border-bottom:2px solid #fb4e02; position:absolute; left:0; bottom:-7px; width:100%; display:block; content:" ";}

.col-left .block-content{ padding:15px 10px 25px;}


.search-block .block-content{ padding-top:10px;}
.search-block .search-form{}
.search-block .search-form p{ margin-bottom:5px;}
.search-block .search-form input[type=text]{ background:#fff; border:1px solid #c7c7c7; height:30px; vertical-align:middle; line-height:30px; padding:0 10px; width:205px; float:left;  border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.search-block .search-form input[type=submit]{ width:30px; vertical-align:middle; text-indent:-9999px; border:1px solid #c7c7c7; height:30px; line-height:30px; float:left; margin-left:1px; cursor:pointer; background:url(../images/search-icon.png) center center no-repeat #fff;}


.cat-list-block{}
.cat-list-block select{background:url(../images/select-arrow.png) right center no-repeat; border:1px solid #c7c7c7; height:30px; vertical-align:middle; line-height:30px; padding:0 10px; width:205px; float:left;  border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.cat-list-block input[type=submit]{width:30px; vertical-align:middle; text-indent:-9999px; border:1px solid #c7c7c7; height:30px; line-height:30px; float:left; margin-left:1px; cursor:pointer; background:url(../images/submit-arrow.png) center center no-repeat #fff;}

.webcam-block{}
.webcam-block .webcam-view{ text-align:center;}
.webcam-block .webcamp-image{ margin-bottom:5px;}
.webcam-block  a.chat-link{ color:#ff4e03; text-align:center;}

.twitter-block{}
.twitter-block .twitter-follow{ text-align:center;}

.col-left .block ul li{ margin-bottom:2px; background:url(../images/sidebar-bullet.png) left 7px no-repeat; padding-left:10px;}
.col-left .block ul li a{ color:#ff4e03; display:block;}
.col-left .block ul li a span{ color:#000;}

.popular-block h3{ font-size:14px; line-height:18px; font-weight:normal; margin-bottom:3px;}
.popular-block ul{ margin-bottom:15px;}


.spotlight-block{}
.spotlight-block ul li{ text-align:center; background:none !important; padding-left:0 !important; margin-bottom:20px !important;}
.spotlight-block ul li .image{ margin-bottom:5px;}
.spotlight-block ul li .image img{ border:1px solid #f2f2f2;}
.spotlight-block ul li{ }



.extreme-btn{ text-align:center;}
a.button{ padding:8px 20px; display:inline-block; font-weight:700; font-size:12px; color:#fff; background:#333641; border:1px solid #fb4e02; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}



/*=================ColMain=================*/

.col-main{ width:885px; float:right;  background:#ffffff; border:1px solid #f2f2f2; padding:25px 20px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}

.post-grid{ margin:0 -4px;}
.post-grid li.item{ float:left; width:33.3333%; padding:0 4px 10px; color:#7f7f7f;}
.post-grid li.item:nth-child(3n+1){ clear:left;}
.post-grid li.item .post-inner{ border:1px solid #dddddd; background:#fff;  border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.post-grid li.item .post-top{ padding:10px 20px 5px; text-align:center; border-bottom:1px solid #f2f2f2;}
.post-grid li.item h2.post-name { font-size:14px; color:#fb4e02; line-height:18px; text-align:center; font-weight:normal; margin-bottom:10px;}
.post-grid li.item .model-image{ margin-bottom:10px;}
.post-grid li.item .post-content{ color:#7f7f7f; min-height:135px;}
.post-grid li.item .post-content p{color:#7f7f7f; margin-bottom:0;}
.post-grid li.item .post-content a{ color:#fb4e02; text-decoration:underline;}
.post-grid li.item .post-meta{ padding:20px;}
.post-grid li.item .post-meta li{ padding-left:20px; margin-bottom:3px;}
.post-grid li.item .post-meta li:last-child{ margin-bottom:0;}
.post-grid li.item .post-meta li.date{ background:url(../images/date-icon.png) left 2px no-repeat;}
.post-grid li.item .post-meta li.link{ background:url(../images/link-icon.png) left 5px no-repeat;}
.post-grid li.item .post-meta li.tags{ background:url(../images/tag-icon.png) left 5px no-repeat;}
.post-grid li.item .post-meta li a{color:#fb4e02;}

.post-grid-wide{ margin:0 -4px;}
.post-grid-wide li.item{ float:left; width:93.3333%; padding:0 4px 10px; color:#7f7f7f;}
.post-grid-wide li.item:nth-child(3n+1){ clear:left;}
.post-grid-wide li.item .post-inner{ border:1px solid #dddddd; background:#fff;  border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.post-grid-wide li.item .post-top{ padding:10px 20px 5px; text-align:center; border-bottom:1px solid #f2f2f2;}
.post-grid-wide li.item h2.post-name { font-size:14px; color:#fb4e02; line-height:18px; text-align:center; font-weight:normal; margin-bottom:10px;}
.post-grid-wide li.item .model-image{ margin-bottom:10px;}
.2post-grid-wide li.item .post-content{ color:#7f7f7f; min-height:135px;}
.post-grid-wide li.item .post-content p{color:#7f7f7f; margin-bottom:0;}
.post-grid-wide li.item .post-content a{ color:#fb4e02; text-decoration:underline;}
.post-grid-wide li.item .post-meta{ padding:20px;}
.post-grid-wide li.item .post-meta li{ padding-left:20px; margin-bottom:3px;}
.post-grid-wide li.item .post-meta li:last-child{ margin-bottom:0;}
.post-grid-wide li.item .post-meta li.date{ background:url(../images/date-icon.png) left 2px no-repeat;}
.post-grid-wide li.item .post-meta li.link{ background:url(../images/link-icon.png) left 5px no-repeat;}
.post-grid-wide li.item .post-meta li.tags{ background:url(../images/tag-icon.png) left 5px no-repeat;}
.post-grid-wide li.item .post-meta li a{color:#fb4e02;}



.pagination{ text-align:center; margin-top:35px;}
.pagination ul li{ display:inline-block; margin:0 3px 8px}
.pagination ul li a{ color:#434343; border:1px solid #bcbcbc; width:38px; height:36px; display:block; vertical-align:middle; line-height:34px; font-size:14px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.pagination ul li.prev a,
.pagination ul li.next a{ text-indent:-9999px;}

.pagination ul li.prev a{ background:url(../images/page_prev.png) center center no-repeat;}
.pagination ul li.next a{background:url(../images/page_next.png) center center no-repeat;}

.pagination ul li a:hover{ border-color:#fb4e02; color:#fb4e02;}


/*=================Footer=================*/

.footer-container{ background:#fff; border-top:1px solid #cccccc; padding:20px 0;}

.footer-container .footer-text{ text-align:center;}
.footer-container .footer-text p{ margin:0; color:#000000;}
.footer-container .footer-text p span{ font-weight:700;}
.footer-container .footer-text a{ color:#fb4e02;}



/*=================Gallery=================*/

.gallary_page{}
.small_size .container{ width:740px;}


.small_size .header-top .logo{ width:50%; border-right:1px solid #e3e3e3; padding-right:30px;}
.small_size .header-top .logo img{ display:block;}
.small_size .header-top .main-menu{ width:50%; padding-left:20px;}


.white-block{ background:#fff; padding:40px; border:1px solid #f2f2f2; margin-bottom:10px;  border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}

.gallary-block .gallary-text{ color:#000000; font-size:14px; line-height:18px; text-align:center; margin-bottom:20px;}
.gallary-block .gallary-text a{ color:#ff4c00;}

.gallary-block h2{ font-size:24px; line-height:28px; margin-bottom:18px; font-weight:normal; color:#ff4c00; text-align:center;}
.gallary-block h2 a{color:#ff4c00; text-decoration:underline; display:inline-block;}


.image-grid{ margin:0 -10px;}
.image-grid li{ float:left; width:33.3333%; padding:0 10px 20px;}
.image-grid li img{ width:100%; height:auto;}
.image-grid li:nth-child(3n+1){ clear:left;}


.gallary-block .image{ text-align:center; margin-bottom:10px;}
.gallary-block h3{ text-align:center; font-size:18px; line-height:normal; color:#000000; font-weight:normal; margin-bottom:15px;}

.gallary-block .back-btn{ text-align:center;}
.gallary-block .back-btn a.button{ font-size:18px; line-height:20px; font-weight:400; padding:8px 50px;}









/*===================Mobile Menu===================*/


.mobile-nav {
    display: none;
    padding-bottom: 10px;
    text-align: left;
}
.mobile-nav a.toggle-icon {
    background-image: url("../images/menu-icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: block;
    float: right;
    font-family: "montserratbold";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-decoration: none;
    width: 40px;
    z-index: 9999;
	margin-top:10px;
}
.mobile-nav a.toggle-icon.close-icon {
    background-image: url("../images/menu-close.png");
}
.mobile-nav #mob-menu {
    background: rgba(37, 43, 50, 0.9) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    padding-top: 48px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mobile-nav #mob-menu ul {
    margin: 0;
    padding: 0;
}
.mobile-nav #mob-menu ul li {
    display: block;
    list-style: outside none none;
    position: relative;
}
.mobile-nav #mob-menu ul li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.mobile-nav #mob-menu ul li a:hover {
    background-color: #fb4e02;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.mobile-nav #mob-menu ul ul li a {
    padding-left: 40px;
}
.mobile-nav #mob-menu ul li ul li {
    width: 100%;
}
.mobile-nav #mob-menu ul li ul li .fa {
    margin-right: 6px;
}
.mobile-nav #mob-menu ul li ul li:hover {
    background-color: #189cd7;
}
.mobile-nav #mob-menu ul li:hover ul, .mobile-nav #mob-menu1 ul li:hover ul {
    display: block;
}


@media(min-width:992px) and (max-width:1199px){


body{ padding-top:98px;}
body.small_size{ padding-top:118px;}
.container{ width:970px; padding:0 15px;}

/*=================HomePage=================*/

.header-top .logo{ padding-right:15px;}
.header-top .welcome-text{ width:55%;}

.header-top .main-menu{ display:none;}
.mobile-nav{ display:block;}



.col-left{ width:250px; padding:15px 10px;}
.col-left .block-content{ padding:15px 0 25px}
.search-block .search-form input[type="text"]{ width:195px;}
.cat-list-block select{ width:195px;}

.col-main{ width:680px; padding:15px 10px;}

.post-grid li.item{ width:50%;}
.post-grid li.item:nth-child(3n+1){ clear:none}
.post-grid li.item:nth-child(2n+1){ clear:left;}


/*=================Gallery=================*/

.small_size .mobile-nav{ display:none;}
.small_size .header-top .main-menu{ display:block;}



}

@media(min-width:768px) and (max-width:991px){

body{ padding-top:94px;}
body.small_size{ padding-top:196px;}

.container{ width:740px; padding:0 15px;}

/*=================HomePage=================*/

.header-top .logo{ padding-right:15px; width:38%;}
.header-top .welcome-text{ width:55%; margin:0; padding-bottom:8px; padding-top:8px; max-height:92px; overflow:auto;}

.header-top .main-menu{ display:none;}
.mobile-nav{ display:block;}

.col-left{ width:100%;}
.col-main{ width:100%; margin-bottom:20px;}

.post-grid li.item{ width:50%;}
.post-grid li.item:nth-child(3n+1){ clear:none}
.post-grid li.item:nth-child(2n+1){ clear:left;}


/*=================Gallery=================*/

.small_size .mobile-nav{ display:none;}
.small_size .header-top .main-menu{ display:block;}


}


@media (max-width:767px) {

body{ padding-top:198px;}
body.small_size{ padding-top:102px;}

.container{ width:460px; padding:0 15px;}

/*=================HomePage=================*/

.header-top .container{ position:relative;}
.header-top .logo{ padding-right:0; width:100%; text-align:left; border-bottom:1px solid #e4e4e4;}
.header-top .logo img{ max-width:70%;}
.header-top .welcome-text{ width:100%; padding:0; border:none; max-height:60px; overflow:auto;}

.header-top .main-menu{ display:none;}
.mobile-nav{ display:block; position:absolute; right:15px; top:0;}

.col-left{ width:100%;}
.col-main{ width:100%; margin-bottom:20px;}

.post-grid li.item{ width:100%;}
.post-grid li.item:nth-child(3n+1){ clear:none}
.post-grid li.item:nth-child(2n+1){ clear:left;}
.post-grid li.item .post-content{ min-height:inherit;}
.post-grid li.item .post-top{ padding-bottom:15px;}


.archives { margin: 0 0 0 -33px; text-align: left;width:210px;}
.aYear { clear: both;color:orange;font-size: 12px;font-weight: bold;padding-top: 12px;}
.aMonth A { font-size: 12px;}
.aMonth {float: left; margin-right: 12px;}



/*=================Gallery=================*/

.small_size .container{width:460px; padding:0 15px;}

.small_size .header-top .logo{ width:80%;}
.small_size .header-top .logo img{ max-width:90%;}

.white-block{ padding:20px;}
.gallary-block h2{ font-size:20px; line-height:24px;}
.gallary-block h3{ font-size:16px; line-height:20px;}


}


@media (max-width:480px) {


}


@media (max-width:479px) {


body{ padding-top:168px;}
body.small_size{ padding-top:62px;}

.container{ width:300px;}

/*=================HomePage=================*/

.col-left{padding:15px 10px;}
.col-main{ padding:15px 10px;}
.col-left .block-content{ padding:15px 0 25px;}

/*=================Gallery=================*/

.small_size .container{width:300px;}

.small_size .header-top .logo{ width:80%;}
.small_size .header-top .logo img{ max-width:90%;}

.image-grid li{ width:50%;}
.image-grid li:nth-child(3n+1){ clear:none;}
.image-grid li:nth-child(2n+1){ clear:left;}

.gallary-block .back-btn a.button{ padding:8px 10px; display:block; font-size:15px;}


}
