@import url(//fonts.googleapis.com/css?family=Raleway:400,100,300,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(//fonts.googleapis.com/css?family=Josefin+Slab:300,400,600);
/* name */
@import url(//fonts.googleapis.com/css?family=Pacifico);
@import url(//fonts.googleapis.com/css?family=Cinzel+Decorative:400,700);
@import url(//fonts.googleapis.com/css?family=Playball);
@import url(//fonts.googleapis.com/css?family=Dancing+Script:400,700);
@import url(//fonts.googleapis.com/css?family=Rouge+Script);


@import url('responsiveslides.css');
@import url('isotope.css');
@import url('magnific.css');


/*-------------------------------------------------*/
/* 1 - General
/*-------------------------------------------------*/
body { font-size: 14px; font-weight: 300; overflow-x: hidden; }
body.padding { padding-top: 146px }
.container-fluid { padding: 0 !important }
.cont-outer { padding: 30px; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 100; }
.tooltip.left { margin-left: -10px }
.page-title { position: relative; margin-top: 50px; margin-bottom: 60px; }
.header-field h3 { display: inline-block; font-size: 36px; color: #fff; text-shadow: 1px 2px 1px rgba(0,0,0, 0.6); margin: 0;font-weight:300; }
.default-icons { position: fixed; bottom: 20px; right: 45px; margin-top: 60px; width: 55px; }
.slider-nav li,
.social-media li { list-style: none; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px) -o-transform: translateX(100px); transform: translateX(100px); opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
.slider-nav li.on,
.social-media li.on { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px) -o-transform: translateX(0px); transform: translateX(0px); }
.social-media li { display: inline-block }
.social-media li a { width: 55px; height: 55px; background: #f2f2f2; margin-bottom: 1px; line-height: 55px; cursor: pointer; text-decoration: none; color: #6a7279; font-size: 20px; display: block; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; }
.social-media li a:hover { background: #ff5252; color: #fff; }
.slider-nav { margin-bottom: 20px }
.slider-nav li a { width: 55px; height: 55px; background: #000; margin-bottom: 1px; line-height: 55px; cursor: pointer; text-decoration: none; color: #fff; font-size: 28px; opacity: 0.6; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; text-align: center; }
.slider-nav li a:hover { background: #000; color: #fff; opacity: 1; }
ul.pagination li { list-style: none; display: inline; }
ul.pagination li a { width: 55px; height: 55px; background: #f2f2f2; line-height: 55px; font-size: 14px; color: #888; text-decoration: none; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
ul.pagination li a:hover { background: #ff5252; color: #fff; text-shadow: none; }
blockquote { border-left: 5px solid #aaa; background: #fff; padding: 15px; color: #a6a6a6; font-style: italic; }
#bg_slide { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
#bg_slide ul,
#bg_slide li { height: 100%; list-style-type: none; margin: 0; padding: 0; }
#bg_slide .pattern { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: transparent url(../images/bg-pattern.png); }
#bg_slide a { display: none }
#bg_slide img { min-width: 100% }
.container { z-index: 1; position: relative; }
.navbar { z-index: 1000 }
input,
textarea,
select { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; }
input:focus,
textarea:focus,
select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,82,82,0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,82,82,0.6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,82,82,0.6) !important; }
.index { text-align: left }
.index h1 { color: #000; font-size: 32px; background: #fff; background: rgba(255,255,255,0.9); padding: 30px; display: block; max-width: 660px; font-weight: 300; position: relative; top: -1000px; transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; }
.index h1 span { display: block; position: absolute; top: 110%; left: 0; }
.index a { display: inline-block; padding: 20px 30px; background: #000; color: #fff; font: 14px; text-transform: uppercase; font-weight: 700; -webkit-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; margin-bottom: 10px; }
.index h1 span.op a { background: rgba(0,0,0,0.7) }
.index h1 span a:hover { background: #000; text-decoration: none; }
.index h1 mark { visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; position: absolute; left: 30px; top: 30px; font: 36px; font-weight: 300; width: auto; }
.index h1 mark.active { visibility: visible; opacity: 1; }
mark { background: transparent }
.container { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
#bg_timer { position: fixed; bottom: 0; left: 0; width: 100%; height: 5px; background: #000; background: rgba(0,0,0,0.3); z-index: 300; }
#bg_timer > div { height: 100%; width: 0; background: #fff; background: rgba(255,255,255,0.3); }
/*-------------------------------------------------*/
/* 2 - Header
/*-------------------------------------------------*/
/* nav style */
.navbar { position: relative }
.navbar .btn-navbar { text-shadow: none; line-height: 148px; margin-right: 20px; }
.navbar-fixed-top .navbar-inner { box-shadow: none; border: none; background: #fff; padding: 0; }
.navbar .brand { margin-left: 60px; padding: 0; line-height: auto; color: #777; font-size: 20px; text-shadow: none; }
body.padding .navbar { position: fixed }
.navbar.small .brand { line-height: 55px }
.navbar.small { line-height: 0; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.navbar .nav>li a { padding-left: 25px; padding-right: 25px; padding-top: 40px; padding-bottom: 28px; border-left: 1px solid #eaeaea; font: 14px; font-weight: 300; text-transform: uppercase; color: #4f5458; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.navbar.small .nav>li a { padding-top: 10px; padding-bottom: 10px; }
.navbar .nav>li a span { color: #a6a6a6; display: block; font: 11px 'Droid sans', sans-serif; text-transform: none; margin-bottom: 5px; }
.navbar .nav>li { background: #fff; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; outline: none; border-bottom: 4px solid #fff; }
.navbar .nav>li a:hover,
.navbar .nav>li.active a { color: #222; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; background-color: #fff !important; }
.navbar .nav>li.active,
.navbar .nav>li:hover { border-bottom: 4px solid #ff5252; background-color: #fff; }
.navbar .nav li.dropdown.open,
.navbar .nav li.dropdown.active,
.navbar .nav li.dropdown.open.active { background: #fff !important; color: #222; border-bottom: 4px solid #ff5252; }
.dropdown-menu { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0; border: none; margin-top: 10px; }
.navbar .pull-right>li>.dropdown-menu { left: auto; right: 0; }
.navbar .nav>li ul li a { padding: 15px 20px; font-size: 14px; color: #4f5458; font-weight: 500; text-transform: capitalize; border-left: 0; }
.dropdown-menu>li>a { padding: 0; margin: 0; }
.navbar .nav>li ul li a:hover { background: #f2f2f2; border: none; }
/* right-icons style */
.navbar .right-icons { border-left: 1px solid #eaeaea; line-height: 0; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.navbar .right-icons ul { padding: 0; margin: 0; font-size: 0; width: 72px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.navbar .right-icons ul li { list-style: none; width: 72px; height: 72px; background: #f2f2f2; margin: 0; position: relative; display: inline-block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.navbar.small .right-icons ul li { width: 36px; height: 58px; line-height: 55px; }
.navbar .right-icons ul li a { width: 100%; height: 100%; margin: 0 auto; line-height: 72px; position: absolute; color: #adadad; font-size: 22px; text-decoration: none; cursor: pointer; display: block; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.navbar.small .right-icons ul li a { line-height: 55px; margin: 0; }
.navbar .right-icons ul li a:hover,
.navbar .right-icons ul li a.active { background: #ff5252; color: #fff; }
.navbar .right-icons ul li.search { border-top: 1px solid #eaeaea }
#search_form { position: absolute; top: 100%; right: -500px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; background: #ff5252; padding: 20px; }
#search_form.show { right: 0 }
#search_form input { margin: 0; padding: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 10px; }
/*-------------------------------------------------*/
/* 3 - About Us
/*-------------------------------------------------*/
.member { opacity: 0; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.member.on { opacity: 1 }
.member .thumb { height: 200px; background: #ddd; position: relative; }
.member .thumb img { min-width: 100%; height: 100%; }
.member .thumb .links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; text-align: center; line-height: 200px; overflow: hidden; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.member:hover .thumb .links { background: #000; background: rgba(0,0,0,0.6); }
.member .thumb .links a { display: inline-block; position: relative; width: 34px; height: 34px; background: #ddd; background: rgba(0,0,0,0.6); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 34px; color: #f2f2f2; font-size: 20px; text-shadow: 1px 1px #000; top: 100%; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.member .thumb .links a:hover { background: #fff; background: rgba(255,255,255,0.3); text-decoration: none; }
.member-infos { padding: 20px; background: #f2f2f2; }
.member-infos h4 { margin: 0 0 7px 0; font-weight: 500; color: #4f5458; text-shadow: 0 1px 0 #fff; }
.member-infos small { font-size: 14px; color: #a0a0a0; }
.services { margin-bottom: 60px }
.service span { float: left; width: 100%; text-align: center; font-size: 100px; color: #a0a0a0; margin-bottom: 20px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; }
.service:hover span { color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
.service h4 { color: #4f5458; margin: 0 0 15px 0; text-align: center; }
.service p { overflow: hidden; margin-bottom: 0px; padding-right: 20px; /* this is just for better demo REMOVE THAT*/ }
/*-------------------------------------------------*/
/* 4 - Portfolio
/*-------------------------------------------------*/
#portfolio_pages { display: block }
.portfolio { margin-bottom: 30px; background: #fff; overflow: hidden; }
.portfolio .pagination { margin-left: 30px; margin-top: -30px; }
.portfolio .cont-outer { padding: 0; margin: 30px; width: auto !important; overflow: hidden; }
.portfolio .cont-outer .page { width: 103% }
.portfolio_header { z-index: 2 }
.project-item { margin-bottom: 30px; margin-left: 0 !important; margin-right: 1.4%; cursor: pointer; /*opacity: 0;*/ }
.project-item.on { opacity: 1 }
.project-item:hover img { /*-webkit-transform: scale(1.1);; -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); */ }
.inner-project { background: #f2f2f2; padding: 20px; }
.inner-project h4 { margin: 0 0 10px 0 }
.inner-project h4 a { color: #4f5458; text-decoration: none; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; text-shadow: 0 1px 0 #fff; }
.inner-project h4 a:hover { color: #ff5252 }
.inner-project .category { font-size: 14px; color: #b5b8b9; }
.inner-project span { margin-right: 7px; color: #b5b8b9; }
.thumb-project { height: 300px; background: #ddd; overflow: hidden; position: relative; }
.thumb-project img { width: 100%; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.thumb-project div { position: absolute; background: #eee; background: rgba(255,255,255,0.6); width: 100%; height: 100%; }
.thumb-project div span { display: block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px; background: #ff5252; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; color: #fff; text-align: center; font-size: 40px; line-height: 100px; }
.filter-portfolio { margin: 60px 0; z-index: 10100; z-index: 3; height: 45px; }
.filter-portfolio .always-visible { height: 63px; width: 170px; background: #f9f9f9; position: relative; display: block; }
.filter-portfolio .always-visible a { width: 100%; height: 100%; position: absolute; font-size: 16px; line-height: 63px; text-align: center; text-decoration: none; color: #4f5458; font-weight: 500; margin: 0; }
.filter-portfolio ul { margin: 0; list-style: none; position: relative; box-shadow: 0 0 2px rgba(0,0,0,0.6); }
.filter-portfolio span { margin-top: 3px; margin-left: 10px; }
.filter-portfolio li { background: #f2f2f2; height: 45px; position: relative; display: none; width: 100%; }
.filter-portfolio li.show { display: block }
.filter-portfolio li a { width: 100%; height: 100%; line-height: 45px; margin-left: 25px; position: absolute; color: #4f5458; text-decoration: none; display: block; }
.filter-portfolio li:hover { background: #fff }
.filter-portfolio li:not(:last-child) { border-bottom: 1px solid #eaeaea }
.portfolio-single { position: realtive; left: -9px; background: #fff; }
.portfolio-single h1 { font-weight: normal; color: #000; font-size: 24px; margin-top: 30px; }
.portfolio-single p { padding-right: 30px }
.portfolio-single p:last-of-type { padding-bottom: 100px }
.portfolio-single .details { position: absolute; right: 0; bottom: 0; background: #f2f2f2; height: 70px; padding-left: 30px; width: 51%; line-height: 70px; color: #808080; font-size: 14px; }
.portfolio-single .details .category i { color: #adadad; font-size: 30px; line-height: 6px; margin-right: 10px; }
.portfolio-single .details .share { display: inline-block; margin-right: 30px; float: right; }
.portfolio-single .details .share a { font-size: 14px; color: #808080; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.portfolio-single .details .share a:hover { text-decoration: none }
.portfolio-single .details .share a i { display: inline-block; text-align: center; width: 10px; height: 10px; padding: 10px; color: #f2f2f2; font-size: 20px; background: #adadad; line-height: 6px; margin-right: 10px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.portfolio-single .details .share a i.icon-twitter { /*font-size: 13px;*/ text-indent: -2px; }
.portfolio-single .details .share.twitter a:hover { color: #1BB5AD }
.portfolio-single .details .share.twitter a:hover i { background: #1BB5AD }
.portfolio-single .details .share.facebook a:hover,
.portfolio-single .details .share.facebook a:hover i { color: #335795 }
.portfolio-single .details .share.facebook a:hover i { background: #335795; color: #f2f2f2; }
/*-------------------------------------------------*/
/* 5 - Blog
/*-------------------------------------------------*/
.blog { }
.post-item { margin-bottom: 30px }
.post-item .post-image { height: 300px; background: #ddd; position: relative; overflow: hidden; }
.post-item .post-image a.more { position: absolute; left: 0; bottom: -40px; color: #fff; background: rgba(0,0,0,0.5); text-decoration: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; opacity: 0; -webkit-transform: scale(); width: 100%; display: block; height: 40px; line-height: 40px; text-align: center; }
.post-item:hover .post-image a.more { opacity: 1; -webkit-transform: scale(1); bottom: 0; }
.post-item .post-image a.more:hover { background: rgba(0,0,0,.8) }
.post-image img { width: 100% }
.post-details { background: #f2f2f2; padding: 20px; }
.post-details h2 { margin-top: 0 }
.post-details p { margin-bottom: 0 }
.post-info { position: absolute; top: 0; left: 0; padding: 20px; opacity: 0; background: rgba(0,0,0,0.8); transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; }
.post-item:hover .post-info { opacity: 1 }
.post-info ul { margin: 0; padding: 0; }
.post-info ul li { list-style: none; display: inline; margin-right: 30px; position: relative; top: -60px; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; }
.post-info ul li.on { top: 0 }
.post-info ul li,
.post-info ul li a { font-size: 14px; color: #fff; text-decoration: none; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; }
.post-info ul li a:hover { color: #ff5252 }
.post-info ul li span { margin-right: 10px }
.pagination { margin: 0; padding: 0; }
.pagination ul { background: #fff }
.blog .pagination ul li.active a { background: #ff5252; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0, 0.3); }
.blog .pagination ul li.active a:hover { background: #ff5252; color: #fff; }
.blog .pagination ul li a { background: #f2f2f2; padding: 15px 15px; color: #6a7279; margin-right: 2px; border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
.blog .pagination ul li a:hover { background: #e7e7e7; color: #4f5458; }
.single-post .post-image { height: 370px; position: relative; }
.single-post .post-details p { margin-bottom: 1.5em }
.comments { margin-top: 30px }
.comment-cnt { padding: 20px; background: #f2f2f2; }
.leave-comment form input { line-height: 40px; height: 40px; box-shadow: none; outline: none; border-color: #ddd; }
.leave-comment form textarea { box-shadow: none; outline: none; border-color: #ddd; }
.leave-comment form button { background: #ff5252; text-transform: uppercase; font-weight: bold; color: #fff; padding: 15px 25px; text-shadow: 0px 1px 0px rgba(0,0,0, 0.3); border: 0; position: relative; }
.leave-comment form button:active { text-shadow: 0px -1px 0px rgba(0,0,0, 0.3); top: 2px; }
.comments .comment-cnt { background: #f2f2f2; border-bottom: 1px solid #fff; }
.comments .comment-cnt:nth-child(odd) { background: #e7e7e7 }
.comments .comment-cnt p,
.comments .comment-cnt span { padding-left: 120px !important; display: block; }
.comments .comment-cnt img { float: left; border: 6px solid #fff; }
.comments .comment-cnt .author { font-size: 18px; color: #4f5458; text-shadow: 1px 1px #fff; margin-bottom: 5px; }
.comments .comment-cnt .date { color: #999; margin-bottom: 10px; }
.comments .comment-cnt .date a { color: #4f5458; text-decoration: none; }
.comments .comment-cnt .comment-cnt { margin-left: 100px }
.comments .comment-cnt .comment-cnt img { width: 40px }
.comments .comment-cnt .comment-cnt p,
.comments .comment-cnt .comment-cnt span { padding-left: 70px !important }
.comments .comment-cnt .comment-cnt .author { font-size: 18px }
.comments .comment-cnt .comment-cnt:last-of-type { border-bottom: 0 }
/* sidebar style */
.sidebar-widget { margin-bottom: 30px }
.blog .widget-title { background: #e7e7e7; padding: 10px 20px; margin: 0; color: #4f5458; font-size: 16px; font-weight: 700; text-transform: uppercase; text-shadow: 0 1px 0 #fff; }
.sidebar-widget .widget-cnt { background: #f2f2f2; padding: 20px; }
.sidebar-widget .tagcloud a { color: #fff; background: #ff5252; padding: 5px; line-height: 36px; margin-right: 5px; border-radius: 3px; font-size: 12px; text-decoration: none; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; }
.sidebar-widget .tagcloud a:hover { background: #4f5458 }
.sidebar-widget .categories ul { margin: 0 }
.sidebar-widget .categories ul li { display: inline-block; min-width: 49%; list-style-type: none; margin-bottom: 7px; background: url(../images/menu-arrow.png) left 8px no-repeat; }
.sidebar-widget .categories ul li a { color: #4f5458; font-size: 14px; width: 49%; margin-left: 20px; text-decoration: none; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; }
.sidebar-widget .categories ul li a:hover { color: #ff5252 }
#twitter .tweet:not(:last-child) { margin-bottom: 20px }
#twitter .tweet a { color: #ff5252; text-decoration: none; }
#twitter .tweet a:hover { color: #4f5458 }
#twitter .tweet p { margin-bottom: 0 }
#twitter .tweet .time { font-size: 12px; color: #a6a6a6; }
#flickr ul { margin: 0; padding: 0; }
#flickr ul li { list-style: none; display: inline-block; margin: 0 10px 10px 0; background: red; display: block; }
#flickr ul li a,
#flickr ul li img { display: block }
/*-------------------------------------------------*/
/* 6 - Contact Us Styles
/*-------------------------------------------------*/
#map { border: 1px solid #eaeaea; padding: 5px; background: #f2f2f2; padding-bottom: 0; height: 400px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ }
.contact-us { }
input { line-height: 40px; height: 40px; border-color: #ddd; box-shadow: none; outline: none; padding: 10px; }
textarea { border-color: #ddd; box-shadow: none; outline: none; }
select { line-height: 40px; height: 40px; border-color: #ddd; box-shadow: none; outline: none; }
button { background: #ff5252; text-transform: uppercase; font-weight: bold; color: #fff; padding: 15px 25px; text-shadow: 0px 1px 0px rgba(0,0,0, 0.3); border: 0; position: relative; }
button:active { text-shadow: 0px -1px 0px rgba(0,0,0, 0.3); top: 2px; }
.contact-us .contacts > div { float: left }
.contact-us .contacts div div { width: 100%; margin-bottom: 20px; float: left; }
.contact-us .contacts div div:last-of-type { margin-bottom: 0 }
.contact-us .contacts span { display: block; height: 60px; line-height: 60px; float: left; margin-left: 15px; font-weight: bold; }
.contact-us .contacts i { width: 60px; height: 60px; text-align: center; background: #ff5252; font-size: 30px; color: #fff; display: block; line-height: 60px; float: left; }
/*-------------------------------------------------*/
/* 7 - Typography Styles
/*-------------------------------------------------*/
.typo-grid { margin-bottom: 60px }
.typo-grid p { margin-bottom: 30px }
.typo-grid blockquote p { margin-bottom: 0 }
/*-------------------------------------------------*/
/* 8 - Others
/*-------------------------------------------------*/
.error404 { font-size: 200px; color: #ff5252; font-weight: bold; line-height: 200px; text-align: center; }
.error404-text { color: #adadad; font-size: 32px; line-height: 60px; }
#music_toggle.play { -webkit-animation: music 2s infinite; /* Chrome, Safari 5+ */ -moz-animation: music 2s infinite; /* Firefox 5-15 */ -o-animation: music 2s infinite; /* Opera 12.00 */ animation: music 2s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */ }
@-webkit-keyframes music { 
    0% { color: #adadad }
    50% { color: #f2f2f2 }
    100% { color: #adadad }
}
@-moz-keyframes music { 
    0% { color: #adadad }
    50% { color: #f2f2f2 }
    100% { color: #adadad }
}
@-o-keyframes music { 
    0% { color: #adadad }
    50% { color: #f2f2f2 }
    100% { color: #adadad }
}
@keyframes music { 
    0% { color: #adadad }
    50% { color: #f2f2f2 }
    100% { color: #adadad }
}
.menu2>li a { padding-left: 25px; padding-right: 25px; padding-top: 40px; padding-bottom: 28px; border-left: 1px solid #eaeaea; font: 14px; font-weight: 300; text-transform: uppercase; color: #4f5458; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; }
.menu2>li { background: #fff; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; outline: none; border-bottom: 4px solid #fff; }
.menu2>li a:hover,
.menu2>li.active a { color: #222; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; background-color: #fff !important; }
.menu2>li.active,
.menu2>li:hover { border-bottom: 4px solid #ff5252; background-color: #fff; }
.menu2 li.dropdown.open,
.menu2 li.dropdown.active,
.menu2 li.dropdown.open.active { background: #fff !important; color: #222; border-bottom: 4px solid #ff5252; }
.profile-box { padding: 10px }
.table { margin-top: 20px }
.table th { color: #FFF; background-color: #AD77BB; }
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input { height: inherit; border: 1px solid #ccc; }
.navbar-default { background-color:#transparent;border: 0px; }
.row-fluid [class*="span"] { min-height: 45px }
.captcha-img { float: left; margin-right: 10px; }
.captcha-answer { max-width: 50px; float: left; font-size: 30px; }
input.error,
select.error,
textarea.error { border: 1px solid #C00 }
label.error { color: #C00 }
.navbar-toggle { margin-right: 25px;
    border: none; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand { font-size: 36px }
.navbar-brand a { color: #777; padding: 10px; }
.navbar-brand a:focus,
.navbar-brand a:hover { color: #777; text-decoration: none; color: #444; }
.menu2 { display: block; text-align: center; font-weight: bold; }
.menu3 { display: block; text-align: center; }
.menu2 ul,
.menu3 ul { margin: 0; padding: 0; list-style-type: none; }
.menu2 ul li,
.menu3 ul li { display: inline-block; padding: 4px 8px; }
.menu2 li a { color: #4f5458; font: 600 17px; text-transform: uppercase; display: block; text-decoration:underline; }
.menu3 li a { color: #4f5458; font: 300 14px; text-transform: uppercase; display: block; text-decoration:underline;}
select,
input[type="file"] { height: 45px; line-height: 45px; }
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand { margin-left: 0px }
.footer-box { text-align: center; padding: 15px; }
ul.wishlist { margin: 0; padding: 0; text-align: center; }
ul.wishlist li { margin: 0; padding: 0; display: inline-block; padding: 20px; font-size: 1.3em; }
ul.wishlist li .wishlist-item { font-size: 1.2em; padding: 6px; }
ul.wishlist li .wishlist-price { color: #999 }
.review { margin-top: 20px; margin-bottom: 20px; }
.review-info { margin-left: 60px }
.review-date { color: #bbb }
.link-entry { margin-bottom: 15px }
.my-banner { display: block; margin-top: 20px; margin-bottom: 20px; padding: 15px; border-top: 1px solid #ccc; }
.my-banner textarea { width: 100%; margin-top: 10px; background-color: #eee; }
.select-album { display: block; padding: 12px; background-color: #eee; border-bottom: 3px solid #ddd; margin-bottom: 20px; }
.faq-entry { margin-bottom: 25px }
.screening h3 { margin-bottom: 30px }
.cont-outer.footer-box a { color: #fff }
.footer-links a { padding: 5px }
.mfp-bg { background-color: rgba(0,0,0,0.9); opacity: 1; filter: alpha(opacity=100); }
.mfp-members-signup .mfp-content { display: block; background-color: #fff; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); padding: 35px; max-width: 350px; }
.mfp-mailing-list-signup .mfp-content { display: block; background-color: #fff; box-shadow: 0px 10px 10px rgba(0,0,0,0.3); padding: 35px; max-width: 450px; }
.mfp-container:before { height: auto }
.mfp-close { color: white; font-family: Arial,Baskerville,monospace; font-size: 48px; font-style: normal; height: 55px; line-height: 55px; opacity: 0.75; padding: 0 0 18px 10px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0; width: 55px; }
.row.isotope-item { position: relative !important }
.row.disclaimer-options {padding:20px;}
a.enter-link, a.exit-link {display: inline-block;padding: 10px;padding-left: 20px;padding-right: 20px;font-size: 24px;margin-right:5px;	margin-top:15px;}
#mailing_lists input {height:auto;}
.btn-primary {border:0px;color: #fff;border-radius: 0px;font-size: 18px;padding: 10px 20px;}
.mfp-container:before {height: 10%;vertical-align: middle;}
.form-horizontal .control-label {text-align: left;}

/* CUSTOMIZATIONS */
body.main-font-0 {font-family: 'Raleway', serif;font-size:14px;}
body.main-font-1 {font-family: 'Open Sans', sans-serif;font-size:12px;}
body.main-font-2 {font-family: 'Lato', sans-serif;font-size:13px;}
body.main-font-3 {font-family: 'Josefin Slab', serif;font-size:14px;}

body.name-font-0 .navbar-brand {font-family: 'Lato', sans-serif;	font-weight:100;font-size:52px;}
body.name-font-1 .navbar-brand {font-family: 'Open Sans', sans-serif;font-size:52px;}
body.name-font-2 .navbar-brand {font-family: 'Josefin Slab', sans-serif;font-size:52px;}
body.name-font-3 .navbar-brand {font-family: 'Dancing Script', cursive;font-size:58px;}
body.name-font-4 .navbar-brand {font-family: 'Pacifico', cursive;font-size:42px;}
body.name-font-5 .navbar-brand {font-family: 'Cinzel Decorative', cursive;font-size:52px;}
body.name-font-6 .navbar-brand {font-family: 'Playball', cursive;font-size:48px;}
body.name-font-7 .navbar-brand {font-family: 'Rouge Script', cursive;font-size:58px;}


/* LIGHT */
body.background-tone-0 {background-color: #ccc;color: #444;}
.background-tone-0 .cont-outer { background: rgba(255,255,255,0.8);border-top: 1px solid #fff; }
.background-tone-0 .social-media li a { background: #f2f2f2; color: #6a7279; }
.background-tone-0 .social-media li a:hover { color: #fff }
.background-tone-0 .slider-nav li a { background: #000; color: #fff; }
.background-tone-0 .slider-nav li a:hover { background: #000; color: #fff; }
.background-tone-0 ul.pagination li a { background: #f2f2f2; color: #888; }
.background-tone-0 ul.pagination li a:hover { color: #fff }
.background-tone-0 blockquote { border-color: #aaa; background: #fff; color: #a6a6a6; }
.background-tone-0 .navbar-fixed-top .navbar-inner { background: #fff }
.background-tone-0 .navbar .nav>li a { border-color: 1px solid #f2f2f2; color: #4f5458; }
.background-tone-0 .navbar .nav>li a span { color: #a6a6a6 }
.background-tone-0 .navbar .nav>li { background: #fff; border-color: #fff; }
.background-tone-0 .navbar .nav>li a:hover,
.background-tone-0 .navbar .nav>li.active a { color: #222; background-color: #fff !important; }
.background-tone-0 .navbar .nav>li.active,
.background-tone-0 .navbar .nav>li:hover { background-color: #fff }
.background-tone-0 .navbar .nav li.dropdown.open,
.background-tone-0 .navbar .nav li.dropdown.active,
.background-tone-0 .navbar .nav li.dropdown.open.active { background: #fff !important; color: #222; }
.background-tone-0 .navbar .nav>li ul li a { color: #4f5458 }
.background-tone-0 .navbar .nav>li ul li a:hover { background: #f2f2f2 }
.background-tone-0 .navbar .right-icons { border-color: #eaeaea }
.background-tone-0 .navbar .right-icons ul li { background: #f2f2f2 }
.background-tone-0 .navbar .right-icons ul li a { color: #adadad }
.background-tone-0 .navbar .right-icons ul li a:hover,
.background-tone-0 .navbar .right-icons ul li a.active { color: #fff }
.background-tone-0 .navbar .right-icons ul li.search { border-color: #eaeaea }
.background-tone-0 .navbar-default {background-color: #fff;}
.background-tone-0 .member .thumb { background: #ddd }
.background-tone-0 .member:hover .thumb .links { background: #000; background: rgba(0,0,0,0.6); }
.background-tone-0 .member .thumb .links a { background: #ddd; background: rgba(0,0,0,0.6); color: #f2f2f2; }
.background-tone-0 .member .thumb .links a:hover { background: #fff; background: rgba(255,255,255,0.3); }
.background-tone-0 .member-infos { background: #f2f2f2 }
.background-tone-0 .member-infos h4 { color: #4f5458; text-shadow: 0 1px 0 #fff; }
.background-tone-0 .member-infos small { color: #a0a0a0 }
.background-tone-0 .service span { color: #a0a0a0 }
.background-tone-0 .service h4 { color: #4f5458 }
.background-tone-0 .portfolio { background: #fff }
.background-tone-0 .inner-project { background: #f2f2f2 }
.background-tone-0 .inner-project h4 a { color: #4f5458; text-shadow: 0 1px 0 #fff; }
.background-tone-0 .inner-project .category { color: #a0a0a0 }
.background-tone-0 .inner-project span { color: #8a8e92 }
.background-tone-0 .thumb-project { background: #ddd }
.background-tone-0 .thumb-project div { background: #eee; background: rgba(255,255,255,0.6); }
.background-tone-0 .thumb-project div span { color: #fff }
.background-tone-0 .filter-portfolio .always-visible { background: #f9f9f9 }
.background-tone-0 .filter-portfolio .always-visible a { color: #4f5458 }
.background-tone-0 .filter-portfolio ul { box-shadow: 0 0 2px rgba(0,0,0,0.6) }
.background-tone-0 .filter-portfolio li { background: #f2f2f2 }
.background-tone-0 .filter-portfolio li a { color: #4f5458 }
.background-tone-0 .filter-portfolio li:hover { background: #fff }
.background-tone-0 .portfolio-single { background: #fff }
.background-tone-0 .portfolio-single h1 { color: #000 }
.background-tone-0 .portfolio-single .details { background: #f2f2f2; color: #808080; }
.background-tone-0 .portfolio-single .details .category i { color: #adadad }
.background-tone-0 .portfolio-single .details .share a { color: #808080 }
.background-tone-0 .portfolio-single .details .share a i { color: #f2f2f2; background: #adadad; }
.background-tone-0 .portfolio-single .details .share.facebook a:hover i { color: #f2f2f2 }
.background-tone-0 .post-item .post-image { background: #ddd }
.background-tone-0 .post-details { background: #f2f2f2 }
.background-tone-0 .post-details a { color: #4f5458 }
.background-tone-0 .post-details h2 { color: #4f5458; text-shadow: 0 1px 0 #fff; }
.background-tone-0 .post-info { color: #fff }
.background-tone-0 .post-info ul li,
.background-tone-0 .post-info ul li a { color: #fff }
.background-tone-0 .pagination ul { background: #fff }
.background-tone-0 .blog .pagination ul li.active a { color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0, 0.3); }
.background-tone-0 .blog .pagination ul li.active a:hover { color: #fff }
.background-tone-0 .blog .pagination ul li a { background: #f2f2f2; color: #6a7279; }
.background-tone-0 .blog .pagination ul li a:hover { background: #e7e7e7; color: #4f5458; }
.background-tone-0 .comment-cnt { background: #f2f2f2 }
.background-tone-0 .leave-comment form button { color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0, 0.3); }
.background-tone-0 .leave-comment form button:active { text-shadow: 0px -1px 0px rgba(0,0,0, 0.3) }
.background-tone-0 .comments .comment-cnt { background: #f2f2f2; border-color: #fff; }
.background-tone-0 .comments .comment-cnt:nth-child(odd) { background: #e7e7e7 }
.background-tone-0 .comments .comment-cnt img { border-color: #fff }
.background-tone-0 .comments .comment-cnt .author { color: #4f5458; text-shadow: 1px 1px #fff; }
.background-tone-0 .comments .comment-cnt .date { color: #999 }
.background-tone-0 .blog .widget-title { background: #e7e7e7; color: #4f5458; text-shadow: 0 1px 0 #fff; }
.background-tone-0 .sidebar-widget .widget-cnt { background: #f2f2f2 }
.background-tone-0 .sidebar-widget .tagcloud a { color: #fff }
.background-tone-0 .sidebar-widget .tagcloud a:hover { background: #4f5458 }
.background-tone-0 .sidebar-widget .categories ul li a { color: #4f5458 }
.background-tone-0 #twitter .tweet a:hover { color: #4f5458 }
.background-tone-0 #twitter .tweet .time { color: #a6a6a6 }
.background-tone-0 .index h1 { color: #000; background: #fff; background: rgba(255,255,255,0.9); }
.background-tone-0 .index a { background: #000; color: #fff; }
.background-tone-0 .index h1 span a:hover { background: #2c2d2d; background: rgba(0,0,0,0.7); }
.background-tone-0 #map { border: 1px solid #eaeaea; background: #f2f2f2; }
.background-tone-0 .contact-us form button { color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0, 0.3); }
.background-tone-0 .contact-us form button:active { text-shadow: 0px -1px 0px rgba(0,0,0, 0.3) }
.background-tone-0 .contact-us .contacts i { color: #fff }
.background-tone-0 .error404-text { color: #adadad }
.background-tone-0 a:focus,
.background-tone-0 a:hover {color: #666;text-decoration: underline;}
.background-tone-0 .cont-outer.footer-box { background-color:rgba(255,255,255,0.9); }
.background-tone-0 .navbar-brand a { color:#777; }
.background-tone-0 .cont-outer.footer-box a { color: #666 }
.background-tone-0 .cont-outer.footer-box a:hover { color: #333 }

/* DARK */
body.background-tone-1 {background-color: #333;color: #bbb;}
.background-tone-1 .navbar-default { background-color: #080808;}
.background-tone-1 input,
.background-tone-1 textarea,
.background-tone-1 select { background: #0d0d0d !important; border: 1px solid #222 !important; }
.background-tone-1 .cont-outer {background-color: rgba(17,17,17,0.9);}
.background-tone-1 .social-media li a { background: #000; color: #aaa; }
.background-tone-1 .social-media li a:hover { color: #000 }
.background-tone-1 .slider-nav li a { background: #fff; background: rgba(255,255,255, 0.5); color: #000; }
.background-tone-1 .slider-nav li a:hover { background: #fff; color: #000; }
.background-tone-1 ul.pagination li a { background: #0d0d0d; color: #888; }
.background-tone-1 ul.pagination li a:hover { color: #000 }
.background-tone-1 blockquote { border-color: #bbb; background: #0f0f0f; color: #666; }
.background-tone-1 .header-field h3 {  }
.background-tone-1 .navbar-fixed-top .navbar-inner { background: rgb(0,0,0) }
.background-tone-1 .navbar .nav>li a { border-color: #222; color: #ddd; text-shadow: 1px 1px #000; }
.background-tone-1 .navbar .nav>li a span { color: #bbb }
.background-tone-1 .navbar .nav>li { background: #080808; border-color: #111; }
.background-tone-1 .navbar .nav>li a:hover,
.background-tone-1 .navbar .nav>li.active a,
.background-tone-1 .navbar .nav li.dropdown.open>.dropdown-toggle { color: #fff; background-color: #222 !important; }
.background-tone-1 .navbar .nav>li.active,
.background-tone-1 .navbar .nav>li:hover { background: #222 }
.background-tone-1 .navbar .nav li.dropdown.open,
.background-tone-1 .navbar .nav li.dropdown.open.active { color: #222 }
.background-tone-1 .navbar .nav>li ul li a { color: #fff; background: #111; }
.background-tone-1 .navbar .dropdown-menu:after { border-bottom-color: #111 !important }
.background-tone-1 .navbar .nav>li ul li a:hover { background: #000 !important }
.background-tone-1 .navbar .right-icons { border-color: #222 }
.background-tone-1 .navbar .right-icons ul li { background: rgba(0,0,0, 0.8) }
.background-tone-1 .navbar .right-icons ul li a { color: #fff }
.background-tone-1 .navbar .right-icons ul li a:hover,
.background-tone-1 .navbar .right-icons ul li a.active { color: #000 }
.background-tone-1 .navbar .right-icons ul li.search { border-color: #222 }
.background-tone-1 .member .thumb { background: #ddd }
.background-tone-1 .member:hover .thumb .links { background: #fff; background: rgba(255,255,255,0.5); }
.background-tone-1 .member .thumb .links a { background: #666; background: rgba(255,255,255,0.8); color: #0d0d0d; text-shadow: none; }
.background-tone-1 .member .thumb .links a:hover { background: #000; background: rgba(0,0,0,0.6); }
.background-tone-1 .member-infos { background: #0d0d0d }
.background-tone-1 .member-infos h4 { color: #fff; text-shadow: 0 1px 0 #000; }
.background-tone-1 .member-infos small { color: #a0a0a0 }
.background-tone-1 .service span { color: #a0a0a0 }
.background-tone-1 .service h4 { color: #fff }
.background-tone-1 .portfolio { background: #000 }
.background-tone-1 .inner-project { background: #0d0d0d }
.background-tone-1 .inner-project h4 a { color: #bbb; text-shadow: 0 1px 0 #000; }
.background-tone-1 .inner-project .category { color: #a0a0a0 }
.background-tone-1 .inner-project span { color: #8a8e92 }
.background-tone-1 .thumb-project { background: #ddd }
.background-tone-1 .thumb-project div { background: #111; background: rgba(0,0,0,0.6); }
.background-tone-1 .thumb-project div span { color: #000 }
.background-tone-1 .filter-portfolio .always-visible { background: #0d0d0d }
.background-tone-1 .filter-portfolio .always-visible a { color: #bbb }
.background-tone-1 .filter-portfolio ul { box-shadow: 0 0 2px rgba(0,0,0,0.6) }
.background-tone-1 .filter-portfolio li { background: #0d0d0d }
.background-tone-1 .filter-portfolio li:not(:last-child) { border-bottom: 1px solid #222 }
.background-tone-1 .filter-portfolio li a { color: #bbb }
.background-tone-1 .filter-portfolio li:hover { background: #000 }
.background-tone-1 .portfolio-single { background: #000 }
.background-tone-1 .portfolio-single h1 { color: #fff }
.background-tone-1 .portfolio-single .details { background: #0d0d0d; color: #808080; }
.background-tone-1 .portfolio-single .details .category i { color: #adadad }
.background-tone-1 .portfolio-single .details .share a { color: #808080 }
.background-tone-1 .portfolio-single .details .share a i { color: #f2f2f2; background: #adadad; }
.background-tone-1 .portfolio-single .details .share.facebook a:hover i { color: #f2f2f2 }
.background-tone-1 .post-item .post-image { background: #ddd }
.background-tone-1 .post-details { background: #0d0d0d }
.background-tone-1 .post-details a { color: #bbb }
.background-tone-1 .post-details h2 { color: #bbb; text-shadow: 0 1px 0 #000; }
.background-tone-1 .post-info { background: #222 }
.background-tone-1 .post-info ul li,
.background-tone-1 .post-info ul li a { color: #888 }
.background-tone-1 .pagination ul { background: #000 }
.background-tone-1 .blog .pagination ul li.active a { color: #000; text-shadow: 0px 1px 0px rgba(255,255,255, 0.3); }
.background-tone-1 .blog .pagination ul li.active a:hover { color: #000 }
.background-tone-1 .blog .pagination ul li a { background: #0d0d0d; color: #666; }
.background-tone-1 .blog .pagination ul li a:hover { background: #111; color: #bbb; }
.background-tone-1 .comment-cnt { background: #0d0d0d }
.background-tone-1 .leave-comment form button { color: #000; text-shadow: 0px 1px 0px rgba(255,255,255, 0.3); }
.background-tone-1 .leave-comment form button:active { text-shadow: 0px -1px 0px rgba(255,255,255, 0.3) }
.background-tone-1 .comments .comment-cnt { background: #0d0d0d; border-color: #000; }
.background-tone-1 .comments .comment-cnt:nth-child(odd) { background: #0f0f0f }
.background-tone-1 .comments .comment-cnt img { border-color: #000 }
.background-tone-1 .comments .comment-cnt .author { color: #888; text-shadow: 1px 1px #000; }
.background-tone-1 .comments .comment-cnt .date { color: #555 }
.background-tone-1 .blog .widget-title { background: #111; color: #888; text-shadow: 0 1px 0 #000; }
.background-tone-1 .sidebar-widget .widget-cnt { background: #0d0d0d }
.background-tone-1 .sidebar-widget .tagcloud a { color: #000 }
.background-tone-1 .sidebar-widget .tagcloud a:hover { background: #bbb }
.background-tone-1 .sidebar-widget .categories ul li a { color: #bbb }
.background-tone-1 #twitter .tweet a:hover { color: #bbb }
.background-tone-1 #twitter .tweet .time { color: #444 }
.background-tone-1 .index h1 { color: #fff !important; background: #000; background: rgba(0,0,0,0.9); }
.background-tone-1 .index h1 mark { color: #fff }
.background-tone-1 .index a { background: #fff; color: #000; }
.background-tone-1 .index h1 span a:hover { background: #000; background: rgba(255,255,255,0.5); }
.background-tone-1 #map { border: 1px solid #222; background: #0d0d0d; }
.background-tone-1 .contact-us form button { color: #000; text-shadow: 0px 1px 0px rgba(255,255,255, 0.3); }
.background-tone-1 .contact-us form button:active { text-shadow: 0px -1px 0px rgba(255,255,255, 0.3) }
.background-tone-1 .contact-us .contacts i { color: #000 }
.background-tone-1 .error404-text { color: #adadad }
.background-tone-1 a:focus,
.background-tone-1 a:hover {color: #ccc;text-decoration: underline;}
.background-tone-1 .cont-outer.footer-box a { color: #666 }
.background-tone-1 .cont-outer.footer-box a:hover { color: #ccc }
.background-tone-1 .cont-outer.footer-box { background-color: rgba(17, 17, 17, 0.96);border-top: 1px solid #222;}
.background-tone-1 .table > tbody > tr > td, .table > tbody > tr > th,
.background-tone-1 .table > tfoot > tr > td, .table > tfoot > tr > th,
.background-tone-1 .table > thead > tr > td, .table > thead > tr > th {border-top: 1px solid #222;}
.background-tone-1 .navbar-brand a { color:#ccc; }
.background-tone-1 .navbar-default .navbar-collapse,
.background-tone-1 .navbar-default .navbar-form {border-color: #222;}
.background-tone-1 hr {border-color: #444;}
.background-tone-1 .select-album {background-color: #222;border-bottom: 3px solid #212121;}

/* COLOR 0 */
.main-color-0 h1,
.main-color-0 h2,
.main-color-0 h3,
.main-color-0 h4,
.main-color-0 h5,
.main-color-0 h6 {color:#1ac6b0;}
.main-color-0 .table th {background-color: #1ac6b0;}
.main-color-0 a {color: #1ac6b0;}
.main-color-0 .page-title .arrow { border-color: transparent transparent transparent #1ac6b0 }
.main-color-0 .social-media li a:hover { background: #1ac6b0 }
.main-color-0 ul.pagination li a:hover { background: #1ac6b0 }
.main-color-0 .navbar .nav>li.active,
.main-color-0 .navbar .nav>li:hover { border-color: #1ac6b0 }
.main-color-0 .navbar .nav li.dropdown.open,
.main-color-0 .navbar .nav li.dropdown.active,
.main-color-0 .navbar .nav li.dropdown.open.active { border-color: #1ac6b0 }
.main-color-0 .navbar .right-icons ul li a:hover,
.main-color-0 .navbar .right-icons ul li a.active { background: #1ac6b0 }
.main-color-0 #search_form { background: #1ac6b0 }
.main-color-0 .inner-project h4 a:hover { color: #1ac6b0 }
.main-color-0 .thumb-project div span { background: #1ac6b0 }
.main-color-0 .post-item .post-image a.more { background: #1ac6b0 }
.main-color-0 .post-details a:hover h2 { color: #1ac6b0 }
.main-color-0 .post-info ul li a:hover { color: #1ac6b0 }
.main-color-0 .blog .pagination ul li.active a { background: #1ac6b0 }
.main-color-0 .blog .pagination ul li.active a:hover { background: #1ac6b0 }
.main-color-0 .leave-comment form button { background: #1ac6b0 }
.main-color-0 .sidebar-widget .tagcloud a { background: #1ac6b0 }
.main-color-0 .sidebar-widget .categories ul li a:hover { color: #1ac6b0 }
.main-color-0 #twitter .tweet a { color: #1ac6b0 }
.main-color-0 .contact-us form button { background: #1ac6b0 }
.main-color-0 .contact-us .contacts i { background: #1ac6b0 }
.main-color-0 .error404 { color: #1ac6b0 }
.main-color-0 input:focus,
.main-color-0 textarea:focus,
.main-color-0 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #1ac6b0 !important; }
.main-color-0 .header-field h3 {color: #fff;}
.main-color-0 a.enter-link,
.main-color-0 a.exit-link {text-decoration: none;color: #FFF;background-color: #1ac6b0;}
.main-color-0 a.enter-link:hover,
.main-color-0 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-0 .btn-primary {background-color: #1ac6b0;color: #fff;}
.main-color-0 .btn-primary.active,
.main-color-0 .btn-primary.focus,
.main-color-0 .btn-primary:active,
.main-color-0 .btn-primary:focus,
.main-color-0 .btn-primary:hover,
.main-color-0 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 1 */
.main-color-1 h1,
.main-color-1 h2,
.main-color-1 h3,
.main-color-1 h4,
.main-color-1 h5,
.main-color-1 h6 {color: #3170d9;}
.main-color-1 .table th {background-color: #3170d9;}
.main-color-1 a {color: #3170d9;}
.main-color-1 .page-title .arrow { border-color: transparent transparent transparent #3170d9 }
.main-color-1 .social-media li a:hover { background: #3170d9 }
.main-color-1 ul.pagination li a:hover { background: #3170d9 }
.main-color-1 .navbar .nav>li.active,
.main-color-1 .navbar .nav>li:hover { border-color: #3170d9 }
.main-color-1 .navbar .nav li.dropdown.open,
.main-color-1 .navbar .nav li.dropdown.active,
.main-color-1 .navbar .nav li.dropdown.open.active { border-color: #3170d9 }
.main-color-1 .navbar .right-icons ul li a:hover,
.main-color-1 .navbar .right-icons ul li a.active { background: #3170d9 }
.main-color-1 #search_form { background: #3170d9 }
.main-color-1 .inner-project h4 a:hover { color: #3170d9 }
.main-color-1 .thumb-project div span { background: #3170d9 }
.main-color-1 .post-item .post-image a.more { background: #3170d9 }
.main-color-1 .post-details a:hover h2 { color: #3170d9 }
.main-color-1 .post-info ul li a:hover { color: #3170d9 }
.main-color-1 .blog .pagination ul li.active a { background: #3170d9 }
.main-color-1 .blog .pagination ul li.active a:hover { background: #3170d9 }
.main-color-1 .leave-comment form button { background: #3170d9 }
.main-color-1 .sidebar-widget .tagcloud a { background: #3170d9 }
.main-color-1 .sidebar-widget .categories ul li a:hover { color: #3170d9 }
.main-color-1 #twitter .tweet a { color: #3170d9 }
.main-color-1 .contact-us form button { background: #3170d9 }
.main-color-1 .contact-us .contacts i { background: #3170d9 }
.main-color-1 .error404 { color: #3170d9 }
.main-color-1 input:focus,
.main-color-1 textarea:focus,
.main-color-1 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #3170d9 !important; }
.main-color-1 .header-field h3 {color: #fff;}
.main-color-1 a.enter-link,
.main-color-1 a.exit-link {text-decoration: none;color: #FFF;background-color: #3170d9;}
.main-color-1 a.enter-link:hover,
.main-color-1 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-1 .btn-primary {background-color: #3170d9;color: #fff;}
.main-color-1 .btn-primary.active,
.main-color-1 .btn-primary.focus,
.main-color-1 .btn-primary:active,
.main-color-1 .btn-primary:focus,
.main-color-1 .btn-primary:hover,
.main-color-1 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 2 */
.main-color-2 h1,
.main-color-2 h2,
.main-color-2 h3,
.main-color-2 h4,
.main-color-2 h5,
.main-color-2 h6 {color:#369fd6 ;}
.main-color-2 .table th {background-color: #369fd6;}
.main-color-2 a {color: #369fd6;}
.main-color-2 .page-title .arrow { border-color: transparent transparent transparent #369fd6 }
.main-color-2 .social-media li a:hover { background: #369fd6 }
.main-color-2 ul.pagination li a:hover { background: #369fd6 }
.main-color-2 .navbar .nav>li.active,
.main-color-2 .navbar .nav>li:hover { border-color: #369fd6 }
.main-color-2 .navbar .nav li.dropdown.open,
.main-color-2 .navbar .nav li.dropdown.active,
.main-color-2 .navbar .nav li.dropdown.open.active { border-color: #369fd6 }
.main-color-2 .navbar .right-icons ul li a:hover,
.main-color-2 .navbar .right-icons ul li a.active { background: #369fd6 }
.main-color-2 #search_form { background: #369fd6 }
.main-color-2 .inner-project h4 a:hover { color: #369fd6 }
.main-color-2 .thumb-project div span { background: #369fd6 }
.main-color-2 .post-item .post-image a.more { background: #369fd6 }
.main-color-2 .post-details a:hover h2 { color: #369fd6 }
.main-color-2 .post-info ul li a:hover { color: #369fd6 }
.main-color-2 .blog .pagination ul li.active a { background: #369fd6 }
.main-color-2 .blog .pagination ul li.active a:hover { background: #369fd6 }
.main-color-2 .leave-comment form button { background: #369fd6 }
.main-color-2 .sidebar-widget .tagcloud a { background: #369fd6 }
.main-color-2 .sidebar-widget .categories ul li a:hover { color: #369fd6 }
.main-color-2 #twitter .tweet a { color: #369fd6 }
.main-color-2 .contact-us form button { background: #369fd6 }
.main-color-2 .contact-us .contacts i { background: #369fd6 }
.main-color-2 .error404 { color: #369fd6 }
.main-color-2 input:focus,
.main-color-2 textarea:focus,
.main-color-2 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #369fd6 !important; }
.main-color-2 .header-field h3 {color: #fff;}
.main-color-2 a.enter-link,
.main-color-2 a.exit-link {text-decoration: none;color: #FFF;background-color: #369fd6;}
.main-color-2 a.enter-link:hover,
.main-color-2 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-2 .btn-primary {background-color: #369fd6;color: #fff;}
.main-color-2 .btn-primary.active,
.main-color-2 .btn-primary.focus,
.main-color-2 .btn-primary:active,
.main-color-2 .btn-primary:focus,
.main-color-2 .btn-primary:hover,
.main-color-2 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 3 */
.main-color-3 h1,
.main-color-3 h2,
.main-color-3 h3,
.main-color-3 h4,
.main-color-3 h5,
.main-color-3 h6 {color: ;}
.main-color-3 .table th {background-color: #b7d968;}
.main-color-3 a {color: #b7d968;}
.main-color-3 .page-title .arrow { border-color: transparent transparent transparent #b7d968 }
.main-color-3 .social-media li a:hover { background: #b7d968 }
.main-color-3 ul.pagination li a:hover { background: #b7d968 }
.main-color-3 .navbar .nav>li.active,
.main-color-3 .navbar .nav>li:hover { border-color: #b7d968 }
.main-color-3 .navbar .nav li.dropdown.open,
.main-color-3 .navbar .nav li.dropdown.active,
.main-color-3 .navbar .nav li.dropdown.open.active { border-color: #b7d968 }
.main-color-3 .navbar .right-icons ul li a:hover,
.main-color-3 .navbar .right-icons ul li a.active { background: #b7d968 }
.main-color-3 #search_form { background: #b7d968 }
.main-color-3 .inner-project h4 a:hover { color: #b7d968 }
.main-color-3 .thumb-project div span { background: #b7d968 }
.main-color-3 .post-item .post-image a.more { background: #b7d968 }
.main-color-3 .post-details a:hover h2 { color: #b7d968 }
.main-color-3 .post-info ul li a:hover { color: #b7d968 }
.main-color-3 .blog .pagination ul li.active a { background: #b7d968 }
.main-color-3 .blog .pagination ul li.active a:hover { background: #b7d968 }
.main-color-3 .leave-comment form button { background: #b7d968 }
.main-color-3 .sidebar-widget .tagcloud a { background: #b7d968 }
.main-color-3 .sidebar-widget .categories ul li a:hover { color: #b7d968 }
.main-color-3 #twitter .tweet a { color: #b7d968 }
.main-color-3 .contact-us form button { background: #b7d968 }
.main-color-3 .contact-us .contacts i { background: #b7d968 }
.main-color-3 .error404 { color: #b7d968 }
.main-color-3 input:focus,
.main-color-3 textarea:focus,
.main-color-3 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #b7d968 !important; }
.main-color-3 .header-field h3 {color: #fff;}
.main-color-3 a.enter-link,
.main-color-3 a.exit-link {text-decoration: none;color: #FFF;background-color: #b7d968;}
.main-color-3 a.enter-link:hover,
.main-color-3 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-3 .btn-primary {background-color: #b7d968;color: #fff;}
.main-color-3 .btn-primary.active,
.main-color-3 .btn-primary.focus,
.main-color-3 .btn-primary:active,
.main-color-3 .btn-primary:focus,
.main-color-3 .btn-primary:hover,
.main-color-3 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 4 */
.main-color-4 h1,
.main-color-4 h2,
.main-color-4 h3,
.main-color-4 h4,
.main-color-4 h5,
.main-color-4 h6 {color: #79d318;}
.main-color-4 .table th {background-color: #79d318;}
.main-color-4 a {color: #79d318;}
.main-color-4 .page-title .arrow { border-color: transparent transparent transparent #79d318 }
.main-color-4 .social-media li a:hover { background: #79d318 }
.main-color-4 ul.pagination li a:hover { background: #79d318 }
.main-color-4 .navbar .nav>li.active,
.main-color-4 .navbar .nav>li:hover { border-color: #79d318 }
.main-color-4 .navbar .nav li.dropdown.open,
.main-color-4 .navbar .nav li.dropdown.active,
.main-color-4 .navbar .nav li.dropdown.open.active { border-color: #79d318 }
.main-color-4 .navbar .right-icons ul li a:hover,
.main-color-4 .navbar .right-icons ul li a.active { background: #79d318 }
.main-color-4 #search_form { background: #79d318 }
.main-color-4 .inner-project h4 a:hover { color: #79d318 }
.main-color-4 .thumb-project div span { background: #79d318 }
.main-color-4 .post-item .post-image a.more { background: #79d318 }
.main-color-4 .post-details a:hover h2 { color: #79d318 }
.main-color-4 .post-info ul li a:hover { color: #79d318 }
.main-color-4 .blog .pagination ul li.active a { background: #79d318 }
.main-color-4 .blog .pagination ul li.active a:hover { background: #79d318 }
.main-color-4 .leave-comment form button { background: #79d318 }
.main-color-4 .sidebar-widget .tagcloud a { background: #79d318 }
.main-color-4 .sidebar-widget .categories ul li a:hover { color: #79d318 }
.main-color-4 #twitter .tweet a { color: #79d318 }
.main-color-4 .contact-us form button { background: #79d318 }
.main-color-4 .contact-us .contacts i { background: #79d318 }
.main-color-4 .error404 { color: #79d318 }
.main-color-4 input:focus,
.main-color-4 textarea:focus,
.main-color-4 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #79d318 !important; }
.main-color-4 .header-field h3 {color: #fff;}
.main-color-4 a.enter-link,
.main-color-4 a.exit-link {text-decoration: none;color: #FFF;background-color: #79d318;}
.main-color-4 a.enter-link:hover,
.main-color-4 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-4 .btn-primary {background-color: #79d318;color: #fff;}
.main-color-4 .btn-primary.active,
.main-color-4 .btn-primary.focus,
.main-color-4 .btn-primary:active,
.main-color-4 .btn-primary:focus,
.main-color-4 .btn-primary:hover,
.main-color-4 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 5 */
.main-color-5 h1,
.main-color-5 h2,
.main-color-5 h3,
.main-color-5 h4,
.main-color-5 h5,
.main-color-5 h6 {color: #caee06;}
.main-color-5 .table th {background-color: #caee06;}
.main-color-5 a {color: #caee06;}
.main-color-5 .page-title .arrow { border-color: transparent transparent transparent #caee06 }
.main-color-5 .social-media li a:hover { background: #caee06 }
.main-color-5 ul.pagination li a:hover { background: #caee06 }
.main-color-5 .navbar .nav>li.active,
.main-color-5 .navbar .nav>li:hover { border-color: #caee06 }
.main-color-5 .navbar .nav li.dropdown.open,
.main-color-5 .navbar .nav li.dropdown.active,
.main-color-5 .navbar .nav li.dropdown.open.active { border-color: #caee06 }
.main-color-5 .navbar .right-icons ul li a:hover,
.main-color-5 .navbar .right-icons ul li a.active { background: #caee06 }
.main-color-5 #search_form { background: #caee06 }
.main-color-5 .inner-project h4 a:hover { color: #caee06 }
.main-color-5 .thumb-project div span { background: #caee06 }
.main-color-5 .post-item .post-image a.more { background: #caee06 }
.main-color-5 .post-details a:hover h2 { color: #caee06 }
.main-color-5 .post-info ul li a:hover { color: #caee06 }
.main-color-5 .blog .pagination ul li.active a { background: #caee06 }
.main-color-5 .blog .pagination ul li.active a:hover { background: #caee06 }
.main-color-5 .leave-comment form button { background: #caee06 }
.main-color-5 .sidebar-widget .tagcloud a { background: #caee06 }
.main-color-5 .sidebar-widget .categories ul li a:hover { color: #caee06 }
.main-color-5 #twitter .tweet a { color: #caee06 }
.main-color-5 .contact-us form button { background: #caee06 }
.main-color-5 .contact-us .contacts i { background: #caee06 }
.main-color-5 .error404 { color: #caee06 }
.main-color-5 input:focus,
.main-color-5 textarea:focus,
.main-color-5 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #caee06 !important; }
.main-color-5 .header-field h3 {color: #fff;}
.main-color-5 a.enter-link,
.main-color-5 a.exit-link {text-decoration: none;color: #FFF;background-color: #caee06;}
.main-color-5 a.enter-link:hover,
.main-color-5 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-5 .btn-primary {background-color: #caee06;color: #fff;}
.main-color-5 .btn-primary.active,
.main-color-5 .btn-primary.focus,
.main-color-5 .btn-primary:active,
.main-color-5 .btn-primary:focus,
.main-color-5 .btn-primary:hover,
.main-color-5 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 6 */
.main-color-6 h1,
.main-color-6 h2,
.main-color-6 h3,
.main-color-6 h4,
.main-color-6 h5,
.main-color-6 h6 {color:#cb2d3a ;}
.main-color-6 .table th {background-color: #cb2d3a;}
.main-color-6 a {color: #cb2d3a;}
.main-color-6 .page-title .arrow { border-color: transparent transparent transparent #cb2d3a }
.main-color-6 .social-media li a:hover { background: #cb2d3a }
.main-color-6 ul.pagination li a:hover { background: #cb2d3a }
.main-color-6 .navbar .nav>li.active,
.main-color-6 .navbar .nav>li:hover { border-color: #cb2d3a }
.main-color-6 .navbar .nav li.dropdown.open,
.main-color-6 .navbar .nav li.dropdown.active,
.main-color-6 .navbar .nav li.dropdown.open.active { border-color: #cb2d3a }
.main-color-6 .navbar .right-icons ul li a:hover,
.main-color-6 .navbar .right-icons ul li a.active { background: #cb2d3a }
.main-color-6 #search_form { background: #cb2d3a }
.main-color-6 .inner-project h4 a:hover { color: #cb2d3a }
.main-color-6 .thumb-project div span { background: #cb2d3a }
.main-color-6 .post-item .post-image a.more { background: #cb2d3a }
.main-color-6 .post-details a:hover h2 { color: #cb2d3a }
.main-color-6 .post-info ul li a:hover { color: #cb2d3a }
.main-color-6 .blog .pagination ul li.active a { background: #cb2d3a }
.main-color-6 .blog .pagination ul li.active a:hover { background: #cb2d3a }
.main-color-6 .leave-comment form button { background: #cb2d3a }
.main-color-6 .sidebar-widget .tagcloud a { background: #cb2d3a }
.main-color-6 .sidebar-widget .categories ul li a:hover { color: #cb2d3a }
.main-color-6 #twitter .tweet a { color: #cb2d3a }
.main-color-6 .contact-us form button { background: #cb2d3a }
.main-color-6 .contact-us .contacts i { background: #cb2d3a }
.main-color-6 .error404 { color: #cb2d3a }
.main-color-6 input:focus,
.main-color-6 textarea:focus,
.main-color-6 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #cb2d3a !important; }
.main-color-6 .header-field h3 {color: #fff;}
.main-color-6 a.enter-link,
.main-color-6 a.exit-link {text-decoration: none;color: #FFF;background-color: #cb2d3a;}
.main-color-6 a.enter-link:hover,
.main-color-6 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-6 .btn-primary {background-color: #cb2d3a;color: #fff;}
.main-color-6 .btn-primary.active,
.main-color-6 .btn-primary.focus,
.main-color-6 .btn-primary:active,
.main-color-6 .btn-primary:focus,
.main-color-6 .btn-primary:hover,
.main-color-6 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 7 */
.main-color-7 h1,
.main-color-7 h2,
.main-color-7 h3,
.main-color-7 h4,
.main-color-7 h5,
.main-color-7 h6 {color:#f36639 ;}
.main-color-7 .table th {background-color: #f36639;}
.main-color-7 a {color: #f36639;}
.main-color-7 .page-title .arrow { border-color: transparent transparent transparent #f36639 }
.main-color-7 .social-media li a:hover { background: #f36639 }
.main-color-7 ul.pagination li a:hover { background: #f36639 }
.main-color-7 .navbar .nav>li.active,
.main-color-7 .navbar .nav>li:hover { border-color: #f36639 }
.main-color-7 .navbar .nav li.dropdown.open,
.main-color-7 .navbar .nav li.dropdown.active,
.main-color-7 .navbar .nav li.dropdown.open.active { border-color: #f36639 }
.main-color-7 .navbar .right-icons ul li a:hover,
.main-color-7 .navbar .right-icons ul li a.active { background: #f36639 }
.main-color-7 #search_form { background: #f36639 }
.main-color-7 .inner-project h4 a:hover { color: #f36639 }
.main-color-7 .thumb-project div span { background: #f36639 }
.main-color-7 .post-item .post-image a.more { background: #f36639 }
.main-color-7 .post-details a:hover h2 { color: #f36639 }
.main-color-7 .post-info ul li a:hover { color: #f36639 }
.main-color-7 .blog .pagination ul li.active a { background: #f36639 }
.main-color-7 .blog .pagination ul li.active a:hover { background: #f36639 }
.main-color-7 .leave-comment form button { background: #f36639 }
.main-color-7 .sidebar-widget .tagcloud a { background: #f36639 }
.main-color-7 .sidebar-widget .categories ul li a:hover { color: #f36639 }
.main-color-7 #twitter .tweet a { color: #f36639 }
.main-color-7 .contact-us form button { background: #f36639 }
.main-color-7 .contact-us .contacts i { background: #f36639 }
.main-color-7 .error404 { color: #f36639 }
.main-color-7 input:focus,
.main-color-7 textarea:focus,
.main-color-7 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #f36639 !important; }
.main-color-7 .header-field h3 {color: #fff;}
.main-color-7 a.enter-link,
.main-color-7 a.exit-link {text-decoration: none;color: #FFF;background-color: #f36639;}
.main-color-7 a.enter-link:hover,
.main-color-7 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-7 .btn-primary {background-color: #f36639;color: #fff;}
.main-color-7 .btn-primary.active,
.main-color-7 .btn-primary.focus,
.main-color-7 .btn-primary:active,
.main-color-7 .btn-primary:focus,
.main-color-7 .btn-primary:hover,
.main-color-7 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 8 */
.main-color-8 h1,
.main-color-8 h2,
.main-color-8 h3,
.main-color-8 h4,
.main-color-8 h5,
.main-color-8 h6 {color: #c55580;}
.main-color-8 .table th {background-color: #c55580;}
.main-color-8 a {color: #c55580;}
.main-color-8 .page-title .arrow { border-color: transparent transparent transparent #c55580 }
.main-color-8 .social-media li a:hover { background: #c55580 }
.main-color-8 ul.pagination li a:hover { background: #c55580 }
.main-color-8 .navbar .nav>li.active,
.main-color-8 .navbar .nav>li:hover { border-color: #c55580 }
.main-color-8 .navbar .nav li.dropdown.open,
.main-color-8 .navbar .nav li.dropdown.active,
.main-color-8 .navbar .nav li.dropdown.open.active { border-color: #c55580 }
.main-color-8 .navbar .right-icons ul li a:hover,
.main-color-8 .navbar .right-icons ul li a.active { background: #c55580 }
.main-color-8 #search_form { background: #c55580 }
.main-color-8 .inner-project h4 a:hover { color: #c55580 }
.main-color-8 .thumb-project div span { background: #c55580 }
.main-color-8 .post-item .post-image a.more { background: #c55580 }
.main-color-8 .post-details a:hover h2 { color: #c55580 }
.main-color-8 .post-info ul li a:hover { color: #c55580 }
.main-color-8 .blog .pagination ul li.active a { background: #c55580 }
.main-color-8 .blog .pagination ul li.active a:hover { background: #c55580 }
.main-color-8 .leave-comment form button { background: #c55580 }
.main-color-8 .sidebar-widget .tagcloud a { background: #c55580 }
.main-color-8 .sidebar-widget .categories ul li a:hover { color: #c55580 }
.main-color-8 #twitter .tweet a { color: #c55580 }
.main-color-8 .contact-us form button { background: #c55580 }
.main-color-8 .contact-us .contacts i { background: #c55580 }
.main-color-8 .error404 { color: #c55580 }
.main-color-8 input:focus,
.main-color-8 textarea:focus,
.main-color-8 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #c55580 !important; }
.main-color-8 .header-field h3 {color: #fff;}
.main-color-8 a.enter-link,
.main-color-8 a.exit-link {text-decoration: none;color: #FFF;background-color: #c55580;}
.main-color-8 a.enter-link:hover,
.main-color-8 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-8 .btn-primary {background-color: #c55580;color: #fff;}
.main-color-8 .btn-primary.active,
.main-color-8 .btn-primary.focus,
.main-color-8 .btn-primary:active,
.main-color-8 .btn-primary:focus,
.main-color-8 .btn-primary:hover,
.main-color-8 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 9 */
.main-color-9 h1,
.main-color-9 h2,
.main-color-9 h3,
.main-color-9 h4,
.main-color-9 h5,
.main-color-9 h6 {color:#ad77bb ;}
.main-color-9 .table th {background-color: #ad77bb;}
.main-color-9 a {color: #ad77bb;}
.main-color-9 .page-title .arrow { border-color: transparent transparent transparent #ad77bb }
.main-color-9 .social-media li a:hover { background: #ad77bb }
.main-color-9 ul.pagination li a:hover { background: #ad77bb }
.main-color-9 .navbar .nav>li.active,
.main-color-9 .navbar .nav>li:hover { border-color: #ad77bb }
.main-color-9 .navbar .nav li.dropdown.open,
.main-color-9 .navbar .nav li.dropdown.active,
.main-color-9 .navbar .nav li.dropdown.open.active { border-color: #ad77bb }
.main-color-9 .navbar .right-icons ul li a:hover,
.main-color-9 .navbar .right-icons ul li a.active { background: #ad77bb }
.main-color-9 #search_form { background: #ad77bb }
.main-color-9 .inner-project h4 a:hover { color: #ad77bb }
.main-color-9 .thumb-project div span { background: #ad77bb }
.main-color-9 .post-item .post-image a.more { background: #ad77bb }
.main-color-9 .post-details a:hover h2 { color: #ad77bb }
.main-color-9 .post-info ul li a:hover { color: #ad77bb }
.main-color-9 .blog .pagination ul li.active a { background: #ad77bb }
.main-color-9 .blog .pagination ul li.active a:hover { background: #ad77bb }
.main-color-9 .leave-comment form button { background: #ad77bb }
.main-color-9 .sidebar-widget .tagcloud a { background: #ad77bb }
.main-color-9 .sidebar-widget .categories ul li a:hover { color: #ad77bb }
.main-color-9 #twitter .tweet a { color: #ad77bb }
.main-color-9 .contact-us form button { background: #ad77bb }
.main-color-9 .contact-us .contacts i { background: #ad77bb }
.main-color-9 .error404 { color: #ad77bb }
.main-color-9 input:focus,
.main-color-9 textarea:focus,
.main-color-9 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #ad77bb !important; }
.main-color-9 .header-field h3 {color: #fff;}
.main-color-9 a.enter-link,
.main-color-9 a.exit-link {text-decoration: none;color: #FFF;background-color: #ad77bb;}
.main-color-9 a.enter-link:hover,
.main-color-9 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-9 .btn-primary {background-color: #ad77bb;color: #fff;}
.main-color-9 .btn-primary.active,
.main-color-9 .btn-primary.focus,
.main-color-9 .btn-primary:active,
.main-color-9 .btn-primary:focus,
.main-color-9 .btn-primary:hover,
.main-color-9 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 10 */
.main-color-10 h1,
.main-color-10 h2,
.main-color-10 h3,
.main-color-10 h4,
.main-color-10 h5,
.main-color-10 h6 {color:#ff5252 ;}
.main-color-10 .table th {background-color:#ff5252 ;}
.main-color-10 a {color:#ff5252 ;}
.main-color-10 .page-title .arrow { border-color: transparent transparent transparent #ff5252 }
.main-color-10 .social-media li a:hover { background: #ff5252 }
.main-color-10 ul.pagination li a:hover { background: #ff5252 }
.main-color-10 .navbar .nav>li.active,
.main-color-10 .navbar .nav>li:hover { border-color: #ff5252 }
.main-color-10 .navbar .nav li.dropdown.open,
.main-color-10 .navbar .nav li.dropdown.active,
.main-color-10 .navbar .nav li.dropdown.open.active { border-color: #ff5252 }
.main-color-10 .navbar .right-icons ul li a:hover,
.main-color-10 .navbar .right-icons ul li a.active { background: #ff5252 }
.main-color-10 #search_form { background: #ff5252 }
.main-color-10 .inner-project h4 a:hover { color: #ff5252 }
.main-color-10 .thumb-project div span { background: #ff5252 }
.main-color-10 .post-item .post-image a.more { background: #ff5252 }
.main-color-10 .post-details a:hover h2 { color: #ff5252 }
.main-color-10 .post-info ul li a:hover { color: #ff5252 }
.main-color-10 .blog .pagination ul li.active a { background: #ff5252 }
.main-color-10 .blog .pagination ul li.active a:hover { background: #ff5252 }
.main-color-10 .leave-comment form button { background: #ff5252 }
.main-color-10 .sidebar-widget .tagcloud a { background: #ff5252 }
.main-color-10 .sidebar-widget .categories ul li a:hover { color: #ff5252 }
.main-color-10 #twitter .tweet a { color: #ff5252 }
.main-color-10 .contact-us form button { background: #ff5252 }
.main-color-10 .contact-us .contacts i { background: #ff5252 }
.main-color-10 .error404 { color: #ff5252 }
.main-color-10 input:focus,
.main-color-10 textarea:focus,
.main-color-10 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,82,82,0.6) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,82,82,0.6) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(255,82,82,0.6) !important; border-color: #ff5252 !important; }
.main-color-10 .header-field h3 {color: #fff;}
.main-color-10 a.enter-link,
.main-color-10 a.exit-link {text-decoration: none;color: #FFF;background-color: #ff5252;}
.main-color-10 a.enter-link:hover,
.main-color-10 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-10 .btn-primary {background-color: #ff5252;color: #fff;}
.main-color-10 .btn-primary.active,
.main-color-10 .btn-primary.focus,
.main-color-10 .btn-primary:active,
.main-color-10 .btn-primary:focus,
.main-color-10 .btn-primary:hover,
.main-color-10 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}

/* COLOR 11 */
.main-color-11 h1,
.main-color-11 h2,
.main-color-11 h3,
.main-color-11 h4,
.main-color-11 h5,
.main-color-11 h6 {color:#f4b530 ;}
.main-color-11 .table th {background-color:#f4b530 ;}
.main-color-11 a {color: #f4b530;}
.main-color-11 .page-title .arrow { border-color: transparent transparent transparent #f4b530 }
.main-color-11 .social-media li a:hover { background: #f4b530 }
.main-color-11 ul.pagination li a:hover { background: #f4b530 }
.main-color-11 .navbar .nav>li.active,
.main-color-11 .navbar .nav>li:hover { border-color: #f4b530 }
.main-color-11 .navbar .nav li.dropdown.open,
.main-color-11 .navbar .nav li.dropdown.active,
.main-color-11 .navbar .nav li.dropdown.open.active { border-color: #f4b530 }
.main-color-11 .navbar .right-icons ul li a:hover,
.main-color-11 .navbar .right-icons ul li a.active { background: #f4b530 }
.main-color-11 #search_form { background: #f4b530 }
.main-color-11 .inner-project h4 a:hover { color: #f4b530 }
.main-color-11 .thumb-project div span { background: #f4b530 }
.main-color-11 .post-item .post-image a.more { background: #f4b530 }
.main-color-11 .post-details a:hover h2 { color: #f4b530 }
.main-color-11 .post-info ul li a:hover { color: #f4b530 }
.main-color-11 .blog .pagination ul li.active a { background: #f4b530 }
.main-color-11 .blog .pagination ul li.active a:hover { background: #f4b530 }
.main-color-11 .leave-comment form button { background: #f4b530 }
.main-color-11 .sidebar-widget .tagcloud a { background: #f4b530 }
.main-color-11 .sidebar-widget .categories ul li a:hover { color: #f4b530 }
.main-color-11 #twitter .tweet a { color: #f4b530 }
.main-color-11 .contact-us form button { background: #f4b530 }
.main-color-11 .contact-us .contacts i { background: #f4b530 }
.main-color-11 .error404 { color: #f4b530 }
.main-color-11 input:focus,
.main-color-11 textarea:focus,
.main-color-11 select:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0, 0, 0, 0.25) !important; border-color: #f4b530 !important; }
.main-color-11 .header-field h3 {color: #fff;}
.main-color-11 a.enter-link,
.main-color-11 a.exit-link {text-decoration: none;color: #FFF;background-color: #f4b530;}
.main-color-11 a.enter-link:hover,
.main-color-11 a.exit-link:hover {text-decoration: none;color: #FFF;background-color: #444;}
.main-color-11 .btn-primary {background-color: #f4b530;color: #fff;}
.main-color-11 .btn-primary.active,
.main-color-11 .btn-primary.focus,
.main-color-11 .btn-primary:active,
.main-color-11 .btn-primary:focus,
.main-color-11 .btn-primary:hover,
.main-color-11 .open > .dropdown-toggle.btn-primary {text-decoration:none;color: #fff;background-color:#444;}



.floating-banner {
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
	display: block;
	width: 166px;
	height: 163px;
	font-size: 0px;
	float: right;
	background-image: url(../images/ribbon.png);
	background-repeat: no-repeat;
}
.floating-banner .available_now{display:block;width:166px;height:163px;background-image: url('//cdn1.cuties-tools.com/images/status_available_now.png');}
.floating-banner .online_now{display:block;width:166px;height:163px;background-image: url('//cdn1.cuties-tools.com/images/status_online_now.png');}
.floating-banner .available_tonight{display:block;width:166px;height:163px;background-image: url('//cdn1.cuties-tools.com/images/status_available_tonight.png');}


.text-ads {display:block;text-align:center;padding:10px 0;background-color:#111;border-bottom:1px solid #222;}

.ad-wrapper {display:block;text-align:center;}
#footer-banner-ad-300-1, #footer-banner-ad-300-2, #footer-banner-ad-300-3 {display: inline-block;padding:12px;background-color: rgba(0, 0, 0, 0.3);-moz-border-radius: 3px;-webkit-border: 3px;border-radius: 3px;margin:5px;}

.adspace_photo {display:block;padding:15px;text-align:center;border-radius:4px;background-color:#111;margin-bottom:10px;}

.cv-banner {display:block;background-color:#fff;text-align:center;}
.cv-banner img {width:100%;max-width:998px;}

.navbar .nav {
    float: right;
}

.cityvibe-footer {text-align:center;display:block;margin-bottom:25px;}

.cont-outer {display:block;}

#portfolio_pages {display:none!important;}