/*
Theme Name: Kubb - Multipurpose Responsive HTML5 Template 
Theme URI: http://themes.iki-bir.com/kubb
Author: elemis
Author URI: http://iki-bir.com
Version: 1.0
*/
/*-----------------------------------------------------------------------------------*/
/*	TABLE OF CONTENTS
/*-----------------------------------------------------------------------------------*/
/*
	00. RESET
	01. GENERAL
	02. FOOTER
	03. HEADER
	04. FIXED HEADER
	05. DIVIDERS
	06. BUTTON
	07. SOCIAL ICONS
	08. FORMS
	09. BORDERED BOX
	10. BLOG
	11. TOOLTIP
	12. OVERLAY
	13. PORTFOLIO
	14. ISOTOPE PORTFOLIO GRID
	15. ACCORDION / TOGGLE
	16. PROGRESS BAR
	17. BASIC GALLERY
	18. SWIPER
	19. INSTAGRAM FOOTER WIDGET
	20. GALLERY POST FORMAT
	21. REVOLUTION SLIDER
	22. SERVICES ICONS
	23. TESTIMONIALS
	24. TABS
	25. PARALAX
	26. PAGINATION
	27. SIDEBAR
	28. AUTHOR
	29. COMMENTS
	30. PRICING TABLE
	31. FANCYBOX
	32. FEATURES
	33. RESPONSIVE
	34. CUSTOM - Z
*/
/*-----------------------------------------------------------------------------------*/
/*	00. RESET
/*-----------------------------------------------------------------------------------*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0 !important
}
.fit-vids-style {
    display: none
}
figure {
    margin: 0;
    padding: 0;
}
figure img {
    width: 100%;
    height: auto;
}
iframe {
    border: none
}
::selection {
    background: #fefac7; /* Safari */
    color: #555555;
}
::-moz-selection {
    background: #fefac7; /* Firefox */
    color: #555555;
}
/*-----------------------------------------------------------------------------------*/
/*	01. GENERAL
/*-----------------------------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    background-color: #f9f9f9;
    color: #666;
    font-size: 14px;
    font-weight: normal;
}
.container {
    padding-right: 0;
    padding-left: 0;
}
body,
li,
address {
    line-height: 22px
}
input,
button,
select,
textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
}
p {
    margin: 0 0 15px
}
a {
    color: #28b8d8;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
a:hover,
a:focus {
    color: #232323;
    text-decoration: none;
}
.colored {
    color: #28b8d8
}
.light-wrapper {
    background: #f9f9f9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.dark-wrapper {
    background: #f2f2f2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.black-wrapper {
    background: #272727;
    color: #a6a6a6;
}
.color-wrapper {
    background: #28b8d8;
    font-size: 22px;
    line-height: 27px;
    color: #FFF;
    display: block;
    width: 100%;
    padding: 70px 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}
.color-wrapper:hover {
    background: #00a1c4;
    color: #FFF;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Slab', serif;
    margin-top: 0;
    color: #444;
    margin-bottom: 10px;
    font-weight: 700;
}
.black-wrapper h1,
.black-wrapper h2,
.black-wrapper h3,
.black-wrapper h4,
.black-wrapper h5,
.black-wrapper h6 {
    color: #d5d5d5
}
h1 {
    font-size: 28px;
    line-height: 35px;
}
h2 {
    font-size: 22px;
    line-height: 30px;
}
h3 {
    font-size: 18px;
    line-height: 22px;
}
h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
}
h5 {
    font-size: 13px;
    line-height: 17px;
}
h6 {
    font-size: 12px;
    line-height: 16px;
}
h1.post-title,
h2.post-title {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 30px;
}
h3.post-title {
    font-size: 17px
}
.post-title a {
    color: #444
}
.post-title a:hover {
    color: #28b8d8
}
.section-title {
    margin-bottom: 25px
}
.section-title h3 {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}
.section-title.text-center h3:before,
.section-title h3:after, .dl-grid .col-sm-3 h4:after, .purchase-grid .col-sm-3 h4:after, .section-title h2:after {
    display: inline-block;
    content: "";
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    height: 4px;
    position: absolute;
    width: 80px;
}
.section-title.text-center h3:before {
    left: -100px;
    top: 9px;
}
.section-title h3:after {
    right: -100px;
    top: 9px;
}
.widget .section-title {
    margin-bottom: 15px
}
.widget .section-title h3 {
    font-size: 16px;
    margin-bottom: 0;
}
.widget .section-title h3:after {
    top: 9px
}
.black-wrapper .section-title h3 {
    color: #d5d5d5
}
.black-wrapper .section-title.text-center h3:before,
.black-wrapper .section-title h3:after {
    border-color: #535353
}
.inner {
    padding-top: 50px;
    padding-bottom: 50px;
}
.intro {
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    color: #444;
    font-family: 'Roboto Slab', serif;
}
.lead {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Roboto Slab', serif;
}
ul {
    padding: 0 0 0 18px
}
ol {
    padding: 0 0 0 20px
}
ul,
ol {
    margin-bottom: 15px
}
ul.circled {
    padding: 0;
    list-style: none;
}
ul.circled li:before {
    content: '\e800';
    margin-right: 10px;
    font-weight: normal;
    vertical-align: top;
    padding-top: 1px;
    display: inline-block;
    font-family: 'fontello-circle';
    color: #28b8d8;
    font-size: 8px;
}
.thin {
    width: 86%;
    margin: 0 auto;
}
.dropcap {
    font-weight: 800;
    display: block;
    float: left;
    font-size: 49px;
    padding: 0;
    margin: 0;
    margin: 12px 8px 0 0;
    text-transform: uppercase;
}
hr {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 40px;
    margin-bottom: 70px;
}
blockquote {
    color: #FFF;
    font-size: 25px;
    line-height: 36px;
    background: #28b8d8;
    padding: 30px 35px 26px 35px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    border: 0;
}
blockquote small {
    line-height: inherit;
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 5px;
}
/*-----------------------------------------------------------------------------------*/
/*	02. FOOTER
/*-----------------------------------------------------------------------------------*/
.footer {
    background: #1e1e1e;
    color: #cacaca;
}
.footer a {
    color: #cacaca
}
.footer a:hover {
    color: #28b8d8
}
.footer .inner {
    padding-top: 35px;
    padding-bottom: 35px;
}
.footer p {
    padding: 0;
    margin: 0;
}
.footer p.pull-left {
    margin-top: 3px
}
.footer.widget-footer {
    background: #232323
}
.footer.widget-footer .inner {
    padding-top: 70px;
    padding-bottom: 70px;
}
.footer.widget-footer p {
    margin: 0 0 15px
}
.sub-footer {
    background: #1e1e1e;
    padding-top: 35px;
    padding-bottom: 35px;
}
.sub-footer p {
    padding: 0 !important;
    margin: 0 !important;
}
.sub-footer p.pull-left {
    margin-top: 3px !important
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
    color: #f0f0f0;
    font-family: 'Roboto Condensed', sans-serif;
}
.widget-title {
    font-size: 16px;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}
footer .post-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer .post-list li {
    margin-top: 15px
}
footer .post-list li:first-child {
    margin: 0
}
footer .post-list li h6 {
    font-size: 14px;
    line-height: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    margin: 0;
    color: #cacaca;
}
footer .post-list li em {
    color: #838383;
    font-size: 12px;
    font-style: normal;
}
.tagcloud {
    line-height: 25px
}
.contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-info i {
    margin-right: 7px
}
.footer .contact-info i {
    color: #f0f0f0
}
.footer .widget.single .contact-info li {
    display: inline;
    margin: 0 15px;
}
.footer hr {
    border-color: #535353;
    padding-bottom: 20px;
    margin-bottom: 50px;
}
/*-----------------------------------------------------------------------------------*/
/*	03. HEADER
/*-----------------------------------------------------------------------------------*/
.navbar-header {
    float: none !important
}
.navbar .container {
    padding: 0
}
.navbar {
    margin: 0;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 8000;
    min-height: inherit;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-brand {
    padding: 0;
    padding-top: 27px;
}
.navbar-brand img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateZ();
    image-rendering: -webkit-optimize-contrast;
    height: 25px;
    width: inherit;
}
.navbar-header {
    background: rgba(21,21,21,0.9);
    padding: 0;
}
.no-page-title .navbar-header {
    background: rgba(21,21,21,0.9)
}
.navbar-collapse {
    width: auto;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-nav {
    margin: 0
}
.navbar-nav > li {
    margin-left: 15px
}
.navbar-nav > li > a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f5f5f5;
    padding: 30px 14px;
}
.nav > li > a:focus {
    background: none;
    color: #f5f5f5;
}
.nav > li > a:hover {
    background: none;
    color: #28b8d8;
}
.nav > li.current > a {
    background: none;
    color: #28b8d8;
}
.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 190px;
    background: rgba(21,21,21,0.9);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar .dropdown-menu li {
    background: transparent;
    border: none;
    border-top: 1px solid rgba(255,255,255, 0.06);
}
.navbar .dropdown-menu li:first-child {
    border: none
}
.navbar .dropdown-menu li a {
    padding: 13px 15px;
    line-height: 1;
    color: #e9e9e9;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu li a.active {
    padding: 13px 15px;
    filter: none;
    line-height: 1;
    background: #414141;
    color: #e9e9e9;
}
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    background: none;
    color: #28b8d8;
}
.navbar .nav > li > .dropdown-menu:after {
    display: none
}
.navbar .nav > li > .dropdown-menu:before {
    display: none
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover,
.navbar .dropdown-menu > .active > a:focus {
    background: none;
    color: #28b8d8;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn.responsive-menu {
    padding: 7px 12px;
    margin: 0;
    display: none;
    font-size: 15px;
}
.btn.responsive-menu i {
    margin: 0
}
/*-----------------------------------------------------------------------------------*/
/*	04. FIXED HEADER
/*-----------------------------------------------------------------------------------*/
.offset {
    display: block
}
.navbar.fixed {
    width: 100%
}
.navbar.fixed .navbar-header {
    background: rgba(21,21,21,0.9);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar.fixed .dropdown-menu {
    background: rgba(21,21,21,0.9)
}
.navbar.fixed .navbar-brand {
    padding-top: 19px
}
.navbar.fixed .navbar-brand img {
    height: 20px !important;
    width: auto !important;
}
.navbar.fixed .navbar-nav > li > a {
    padding: 19px 14px
}
.navbar .navbar-collapse {
    max-height: inherit
}
/*-----------------------------------------------------------------------------------*/
/*	05. DIVIDERS
/*-----------------------------------------------------------------------------------*/
.divide0 {
    width: 100%;
    height: 0px;
}
.divide2 {
    width: 100%;
    height: 2px;
}
.divide3 {
    width: 100%;
    height: 3px;
}
.divide5 {
    width: 100%;
    height: 5px;
}
.divide10 {
    width: 100%;
    height: 10px;
}
.divide15 {
    width: 100%;
    height: 15px;
}
.divide20 {
    width: 100%;
    height: 20px;
}
.divide25 {
    width: 100%;
    height: 25px;
}
.divide30 {
    width: 100%;
    height: 30px;
}
.divide35 {
    width: 100%;
    height: 35px;
}
.divide40 {
    width: 100%;
    height: 40px;
}
.divide45 {
    width: 100%;
    height: 40px;
}
.divide50 {
    width: 100%;
    height: 50px;
}
.divide55 {
    width: 100%;
    height: 55px;
}
.divide60 {
    width: 100%;
    height: 60px;
}
.divide65 {
    width: 100%;
    height: 65px;
}
.divide70 {
    width: 100%;
    height: 70px;
}
.divide75 {
    width: 100%;
    height: 75px;
}
.divide80 {
    width: 100%;
    height: 80px;
}
.divide85 {
    width: 100%;
    height: 85px;
}
.rm0 {
    margin-right: 0px
}
.rm1 {
    margin-right: 1px
}
.rm2 {
    margin-right: 2px
}
.rm5 {
    margin-right: 5px
}
.rm10 {
    margin-right: 10px
}
.rm15 {
    margin-right: 15px
}
.rm20 {
    margin-right: 20px
}
.rm25 {
    margin-right: 25px
}
.rm30 {
    margin-right: 30px
}
.rm40 {
    margin-right: 40px
}
.rm50 {
    margin-right: 50px
}
.lm0 {
    margin-left: 0px
}
.lm1 {
    margin-left: 1px
}
.lm5 {
    margin-left: 5px
}
.lm7 {
    margin-left: 7px
}
.lm10 {
    margin-left: 10px
}
.lm15 {
    margin-left: 15px
}
.lm20 {
    margin-left: 20px
}
.lm25 {
    margin-left: 25px
}
.lm30 {
    margin-left: 25px
}
.lm40 {
    margin-left: 40px
}
.rp5 {
    padding-right: 5px
}
.rp10 {
    padding-right: 10px
}
.rp15 {
    padding-right: 15px
}
.rp20 {
    padding-right: 20px
}
.rp30 {
    padding-right: 30px
}
.rp50 {
    padding-right: 50px
}
.lp0 {
    padding-left: 0px
}
.lp10 {
    padding-left: 10px
}
.lp20 {
    padding-left: 20px
}
.lp30 {
    padding-left: 30px
}
.tp0 {
    padding-top: 0 !important
}
.tp3 {
    padding-top: 3px
}
.tp5 {
    padding-top: 5px
}
.tp10 {
    padding-top: 10px
}
.tp20 {
    padding-top: 20px
}
.tp30 {
    padding-top: 30px
}
.tm4 {
    margin-top: 4px
}
.tm5 {
    margin-top: 5px
}
.tm7 {
    margin-top: 7px
}
.tm10 {
    margin-top: 10px
}
.tm15 {
    margin-top: 15px
}
.tm20 {
    margin-top: 20px
}
.mbm1 {
    margin-bottom: -1px
}
.bp0 {
    padding-bottom: 0 !important
}
.bp10 {
    padding-bottom: 10px !important
}
.bp20 {
    padding-bottom: 20px !important
}
.bm0 {
    margin-bottom: 0 !important
}
.bm5 {
    margin-bottom: 5px !important
}
.bm6 {
    margin-bottom: 6px !important
}
.bm10 {
    margin-bottom: 10px !important
}
.bm15 {
    margin-bottom: 15px !important
}
.bm20 {
    margin-bottom: 20px !important
}
.bm30 {
    margin-bottom: 30px !important
}
.bm50 {
    margin-bottom: 50px !important
}
.bp50 {
    padding-bottom: 50px !important
}
/*-----------------------------------------------------------------------------------*/
/*	06. BUTTON
/*-----------------------------------------------------------------------------------*/
.btn,
.parallax .btn-submit,
.btn-submit {
    color: #fff !important;
    background: #28b8d8;
    margin-bottom: 10px;
    margin-right: 4px;
    padding: 11px 20px 10px 20px;
    font-weight: 500;
    font-size: 13px;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
}
.btn-large {
    padding: 13px 23px 13px 23px
}
.btn.btn-aqua {
    background: #28b8d8
}
.btn.btn-red {
    background: #d82845
}
.btn.btn-pink {
    background: #d447a4
}
.btn.btn-purple {
    background: #865acf
}
.btn.btn-navy {
    background: #4265ab
}
.btn.btn-green {
    background: #65c4b8
}
.btn.btn-lime {
    background: #afd358
}
.btn.btn-orange {
    background: #f58e1f
}
.btn.btn-yellow {
    background: #ffc90f
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.parallax .btn-submit:hover {
    background: #00a1c4;
    color: #fff !important;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-aqua:hover,
.btn-aqua:focus,
.btn-aqua:active,
.btn-aqua.active {
    background: #00a1c4 !important
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active{
    background: #c5243f !important
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active{
    background: #c44498 !important
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active{
    background: #7953b8 !important
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy.active{
    background: #3e5c99 !important
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active{
    background: #5eb2a7 !important
}
.btn-lime:hover,
.btn-lime:focus,
.btn-lime:active,
.btn-lime.active{
    background: #9fbf52 !important
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active{
    background: #e98010 !important
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active{
    background: #f1bd09 !important
}
.share {
    margin-bottom: 15px
}
.share .btn {
    background: none;
    padding: 8px 17px;
}
.share .btn:hover {
    color: #FFF !important
}
.btn.share-facebook {
    color: #3d5b9b !important;
    border: 1px solid #3d5b9b !important;
}
.btn.share-facebook:hover {
    background: #334c8e !important;
    border: 1px solid #334c8e !important;
}
.btn.share-twitter {
    color: #5aa8cd !important;
    border: 1px solid #5aa8cd !important;
}
.btn.share-twitter:hover {
    background: #499ac8 !important;
    border: 1px solid #499ac8 !important;
}
.btn.share-googleplus {
    color: #3b3b3b !important;
    border: 1px solid #3b3b3b !important;
}
.btn.share-googleplus:hover {
    background: #2e2e2e!important;
    border: 1px solid #2e2e2e !important;
}
.btn.share-pinterest {
    color: #c53942 !important;
    border: 1px solid #c53942 !important;
}
.btn.share-pinterest:hover {
    background: #bc2d32 !important;
    border: 1px solid #bc2d32 !important;
}
.black-wrapper .btn {
    border: 1px solid #797979;
    background: none;
    color: #a6a6a6 !important;
}
.black-wrapper .btn:hover {
    border: 1px solid #28b8d8;
    color: #28b8d8 !important;
}
.btn i {
    margin-right: 6px
}
/*-----------------------------------------------------------------------------------*/
/*	07. SOCIAL ICONS
/*-----------------------------------------------------------------------------------*/
.social {
    padding: 0;
    margin: 0 0 -5px 0;
    font-size: 0;
    line-height: 1;
}
.social li {
    display: inline-block;
    font-family: 'fontello-social';
    margin-right: 5px;
    margin-bottom: 5px;
}
.text-center .social li {
    margin: 0 2px
}
.social.pull-right li {
    margin: 0 0 0 5px
}
.social li a {
    display: table
}
.social li a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #f5f5f5;
    background: none;
    line-height: 1;
    border: 1px solid #aaa;
    width: 28px;
    height: 28px !important;
    line-height: 1;
    font-size: 12px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
.social .icon-s-pinterest {
    border-color: #d8545d;
    color: #d8545d;
}
.social .icon-s-rss {
    border-color: #faaa5e;
    color: #faaa5e;
}
.social .icon-s-facebook {
    border-color: #677fb5;
    color: #677fb5;
}
.social .icon-s-twitter {
    border-color: #70c2e9;
    color: #70c2e9;
}
.social .icon-s-flickr {
    border-color: #ff3ba4;
    color: #ff3ba4;
}
.social .icon-s-dribbble {
    border-color: #e299c2;
    color: #e299c2;
}
.social .icon-s-behance {
    border-color: #42a9fb;
    color: #42a9fb;
}
.social .icon-s-linkedin {
    border-color: #3daccf;
    color: #3daccf;
}
.social .icon-s-vimeo {
    border-color: #42b5d4;
    color: #42b5d4;
}
.social .icon-s-youtube {
    border-color: #d5615c;
    color: #d5615c;
}
.social .icon-s-skype {
    border-color: #5ecbf3;
    color: #5ecbf3;
}
.social .icon-s-tumblr {
    border-color: #829fb9;
    color: #829fb9;
}
.social .icon-s-delicious {
    border-color: #6194dc;
    color: #6194dc;
}
.social .icon-s-500px {
    border-color: #3bbbe6;
    color: #3bbbe6;
}
.social .icon-s-grooveshark {
    border-color: #f88e3b;
    color: #f88e3b;
}
.social .icon-s-forrst {
    border-color: #5f9864;
    color: #5f9864;
}
.social .icon-s-digg {
    border-color: #507faa;
    color: #507faa;
}
.social .icon-s-blogger {
    border-color: #fd893f;
    color: #fd893f;
}
.social .icon-s-klout {
    border-color: #e16747;
    color: #e16747;
}
.social .icon-s-dropbox {
    border-color: #6ba3c5;
    color: #6ba3c5;
}
.social .icon-s-github {
    border-color: #6c93bb;
    color: #6c93bb;
}
.social .icon-s-songkick {
    border-color: #ff3b60;
    color: #ff3b60;
}
.social .icon-s-posterous {
    border-color: #efd57c;
    color: #efd57c;
}
.social .icon-s-appnet {
    border-color: #3daad5;
    color: #3daad5;
}
.social .icon-s-gplus {
    border-color: #bc7067;
    color: #bc7067;
}
.social .icon-s-stumbleupon {
    border-color: #f07356;
    color: #f07356;
}
.social .icon-s-lastfm {
    border-color: #cd443d;
    color: #cd443d;
}
.social .icon-s-spotify {
    border-color: #9acf48;
    color: #9acf48;
}
.social .icon-s-instagram {
    border-color: #926d53;
    color: #926d53;
}
.social .icon-s-evernote {
    border-color: #9fdc82;
    color: #9fdc82;
}
.social .icon-s-paypal {
    border-color: #5b85a8;
    color: #5b85a8;
}
.social .icon-s-picasa {
    border-color: #b088c1;
    color: #b088c1;
}
.social .icon-s-soundcloud {
    border-color: #ff8b45;
    color: #ff8b45;
}
.social a:hover .icon-s-pinterest {
    background-color: #d8545d
}
.social a:hover .icon-s-rss {
    background-color: #faaa5e
}
.social a:hover .icon-s-facebook {
    background-color: #677fb5
}
.social a:hover .icon-s-twitter {
    background-color: #70c2e9
}
.social a:hover .icon-s-flickr {
    background-color: #ff3ba4
}
.social a:hover .icon-s-dribbble {
    background-color: #e299c2
}
.social a:hover .icon-s-behance {
    background-color: #42a9fb
}
.social a:hover .icon-s-linkedin {
    background-color: #3daccf
}
.social a:hover .icon-s-vimeo {
    background-color: #42b5d4
}
.social a:hover .icon-s-youtube {
    background-color: #d5615c
}
.social a:hover .icon-s-skype {
    background-color: #5ecbf3
}
.social a:hover .icon-s-tumblr {
    background-color: #829fb9
}
.social a:hover .icon-s-delicious {
    background-color: #6194dc
}
.social a:hover .icon-s-500px {
    background-color: #3bbbe6
}
.social a:hover .icon-s-grooveshark {
    background-color: #f88e3b
}
.social a:hover .icon-s-forrst {
    background-color: #5f9864
}
.social a:hover .icon-s-digg {
    background-color: #507faa
}
.social a:hover .icon-s-blogger {
    background-color: #fd893f
}
.social a:hover .icon-s-klout {
    background-color: #e16747
}
.social a:hover .icon-s-dropbox {
    background-color: #6ba3c5
}
.social a:hover .icon-s-github {
    background-color: #6c93bb
}
.social a:hover .icon-s-songkick {
    background-color: #ff3b60
}
.social a:hover .icon-s-posterous {
    background-color: #efd57c
}
.social a:hover .icon-s-appnet {
    background-color: #3daad5
}
.social a:hover .icon-s-gplus {
    background-color: #bc7067
}
.social a:hover .icon-s-stumbleupon {
    background-color: #f07356
}
.social a:hover .icon-s-lastfm {
    background-color: #cd443d
}
.social a:hover .icon-s-spotify {
    background-color: #9acf48
}
.social a:hover .icon-s-instagram {
    background-color: #926d53
}
.social a:hover .icon-s-evernote {
    background-color: #9fdc82
}
.social a:hover .icon-s-paypal {
    background-color: #5b85a8
}
.social a:hover .icon-s-picasa {
    background-color: #b088c1
}
.social a:hover .icon-s-soundcloud {
    background-color: #ff8b45
}
.social a:hover a:hover i {
    background-color: #FFF
}
.social a:hover i {
    color: #FFF
}
.navbar .social {
    height: 30px;
    padding: 8px 0 0 10px;
    margin-left: 10px;
    margin-top: 25px;
    border-left: 1px solid rgba(255,255,255,0.15);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar.fixed .social {
    margin-top: 14px
}
.navbar .social li {
    margin: 0;
    margin-left: 12px;
    position: relative;
}
.navbar .social li a i {
    color: #f5f5f5;
    background: none;
    border: 0;
    height: auto !important;
    width: auto;
    font-size: 14px;
}
.navbar .social a:hover i {
    background: none
}
.navbar .social a:hover .icon-s-pinterest {
    color: #d8545d;
    border: 0;
}
.navbar .social a:hover .icon-s-rss {
    color: #faaa5e
}
.navbar .social a:hover .icon-s-facebook {
    color: #677fb5
}
.navbar .social a:hover .icon-s-twitter {
    color: #70c2e9
}
.navbar .social a:hover .icon-s-flickr {
    color: #ff3ba4
}
.navbar .social a:hover .icon-s-dribbble {
    color: #e299c2
}
.navbar .social a:hover .icon-s-behance {
    color: #42a9fb
}
.navbar .social a:hover .icon-s-linkedin {
    color: #3daccf
}
.navbar .social a:hover .icon-s-vimeo {
    color: #42b5d4
}
.navbar .social a:hover .icon-s-youtube {
    color: #d5615c
}
.navbar .social a:hover .icon-s-skype {
    color: #5ecbf3
}
.navbar .social a:hover .icon-s-tumblr {
    color: #829fb9
}
.navbar .social a:hover .icon-s-delicious {
    color: #6194dc
}
.navbar .social a:hover .icon-s-500px {
    color: #3bbbe6
}
.navbar .social a:hover .icon-s-grooveshark {
    color: #f88e3b
}
.navbar .social a:hover .icon-s-forrst {
    color: #5f9864
}
.navbar .social a:hover .icon-s-digg {
    color: #507faa
}
.navbar .social a:hover .icon-s-blogger {
    color: #fd893f
}
.navbar .social a:hover .icon-s-klout {
    color: #e16747
}
.navbar .social a:hover .icon-s-dropbox {
    color: #6ba3c5
}
.navbar .social a:hover .icon-s-github {
    color: #6c93bb
}
.navbar .social a:hover .icon-s-songkick {
    color: #ff3b60
}
.navbar .social a:hover .icon-s-posterous {
    color: #efd57c
}
.navbar .social a:hover .icon-s-appnet {
    color: #3daad5
}
.navbar .social a:hover .icon-s-gplus {
    color: #bc7067
}
.navbar .social a:hover .icon-s-stumbleupon {
    color: #f07356
}
.navbar .social a:hover .icon-s-lastfm {
    color: #cd443d
}
.navbar .social a:hover .icon-s-spotify {
    color: #9acf48
}
.navbar .social a:hover .icon-s-instagram {
    color: #926d53
}
.navbar .social a:hover .icon-s-evernote {
    color: #9fdc82
}
.navbar .social a:hover .icon-s-paypal {
    color: #5b85a8
}
.navbar .social a:hover .icon-s-picasa {
    color: #b088c1
}
.navbar .social a:hover .icon-s-soundcloud {
    color: #ff8b45
}
/*-----------------------------------------------------------------------------------*/
/*	08. FORMS
/*-----------------------------------------------------------------------------------*/
.forms {
    position: relative;
    padding: 0;
    width: 100%;
}
.form-container .response {
    display: none
}
.forms ol {
    margin: 0;
    padding: 0;
}
.forms ol li {
    line-height: auto;
    list-style: none;
}
.forms li.hidden-row {
    display: none
}
input,
textarea,
.uneditable-input {
    width: 100%
}
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 {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    height: 40px;
    padding: 0 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
    color: #737373;
    border: 1px solid rgba(0,0,0,0.1);
    background: #fff;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border: 1px solid rgba(0,0,0,0.2);
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
textarea {
    height: 100%;
    padding: 5px 10px;
    margin-bottom: 15px;
    min-height: 150px;
    resize: vertical;
}
.btn-submit {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    width: auto;
}
.forms li.error input,
.forms li.error textarea {
    border: 1px solid #b54d4d
}
.forms span.error {
    display: none
}
.forms .button-row span.error {
    padding: 0;
    display: none;
}
.forms .button-row p.forgot {
    padding: 6px 0 0 10px;
    overflow: hidden;
    display: inline-block;
}
.forms label {
    display: block;
    float: left;
    width: 95px;
    padding-top: 7px;
    font-size: 13px;
    clear: both;
}
.comment-form div label {
    position: absolute;
    top: 0;
    left: 0;
}
.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.searchform {
    position: relative
}
.searchform .btn {
    position: absolute;
    top: 0;
    right: -5px;
    height: 40px !important;
    padding: 0 15px !important;
}
/*-----------------------------------------------------------------------------------*/
/*	09. BORDERED BOX
/*-----------------------------------------------------------------------------------*/
.bordered {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 15px 15px 5px 15px;
    background: #fff;
}
.bordered figure {
    margin-bottom: 20px
}
.blog-posts .bordered {
    padding: 25px 25px 15px 25px
}
.blog-posts figure.full {
    margin: 0 -25px 25px
}
.blog-posts .meta {
    margin-bottom: 25px;
    display: block;
}
.blog-posts.classic-blog .bordered {
    padding: 30px 35px 25px 35px
}
.blog-posts.classic-blog .meta {
    margin-bottom: 35px
}
.blog-posts.classic-blog figure.full {
    margin: 0 -35px 30px
}
.blog-posts .post {
    margin-bottom: 30px
}
.blog-posts {
    margin-bottom: -30px
}
.classic-blog.blog-posts {
    margin-bottom: 0
}
figure.bordered {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 7px;
}
figure {
    position: relative
}
/*-----------------------------------------------------------------------------------*/
/*	10. BLOG
/*-----------------------------------------------------------------------------------*/
.meta,
.meta a {
    color: #999;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
}
.meta span:before {
    display: inline-block;
    content: "/";
    padding: 0 7px;
    color: #9f9f9f;
}
.meta span:first-child:before {
    display: none;
    padding: 0;
}
.footer-meta:after,
.meta:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.blog-posts .footer-meta {
    margin-bottom: 10px
}
.footer-meta,
.footer-meta a {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}
.meta a:hover,
.footer-meta a:hover {
    color: #28b8d8
}
.more {
    border-bottom: 1px solid #28b8d8
}
.meta.tags {
    margin-bottom: 10px !important
}
.meta.tags a:before {
    content: "#";
    display: inline-block;
}
.format-chat ul {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}
.format-chat ul li {
    margin-bottom: 5px
}
.format-chat ul li strong {
    text-transform: uppercase;
    color: #616161;
}
.format-link .post-title a:after {
    display: inline-block;
    content: "→";
    padding-left: 10px;
}
.post.format-quote blockquote {
    margin: 35px -35px 30px
}
.no-sidebar {
    width: 770px;
    margin: 0 auto;
}
/*-----------------------------------------------------------------------------------*/
/*	11. TOOLTIP
/*-----------------------------------------------------------------------------------*/
.tooltip-inner {
    color: #fff;
    background-color: #28b8d8;
    padding: 5px 12px;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #28b8d8
}
.tooltip.right .tooltip-arrow {
    border-right-color: #28b8d8
}
.tooltip.left .tooltip-arrow {
    border-left-color: #28b8d8
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #28b8d8
}
/*-----------------------------------------------------------------------------------*/
/*	12. OVERLAY
/*-----------------------------------------------------------------------------------*/
figure {
    display: block;
    overflow: hidden;
    position: relative;
}
.items li figure img {
    display: block;
    width: 100%;
}
figure a,
figure a img {
	display: block;
	position: relative;
	background-image: url(images/00-edges-full.jpg);
}
figure img {
    display: block;
    max-width: 100%;
}
figure a .text-overlay {
    opacity: 0;
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 100;
    padding: 20px;
    background: #28b8d8;
    background: rgba(40,184,216,0.90);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
figure a:hover .text-overlay {
    opacity: 1
}
figure a .text-overlay:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid rgba(255,255,255,0.3);
}
figure a .text-overlay .info {
    text-align: center;
    top: 50%;
    width: 100%;
    left: 0;
    position: absolute;
    margin-top: -11px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
.icon-overlay {
    display: block;
    overflow: hidden;
    position: relative;
}
.icon-overlay img {
    display: block;
    max-width: 100%;
}
.icon-overlay a .icn-more {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 100%;
    position: absolute;
    text-decoration: none;
    width: 100%;
    z-index: 100;
    background: #28b8d8;
    background: rgba(40,184,216,0.93);
    overflow: hidden;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
.icon-overlay a:hover .icn-more {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.icon-overlay a .icn-more:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    text-align: center;
    content: '\f517';
    line-height: 1;
    color: #FFF;
    top: 50%;
    left: 50%;
    z-index: 2;
    font-size: 15px;
    top: 50%;
    margin: -8px 0 0 -6px;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -moz-transition: -moz-transform 0.25s ease-in-out;
    -o-transition: -o-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
}
.icon-overlay a:hover .icn-more:before {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.icon-overlay a:hover .icn-more:before {
    top: 50%!important
}
/*-----------------------------------------------------------------------------------*/
/*	13. PORTFOLIO
/*-----------------------------------------------------------------------------------*/
.offset {
    display: block
}
.filter {
    width: 100%;
    text-align: center;
    overflow: hidden;
    z-index: 7999;
}
.filter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    padding: 17px 0;
}
.filter ul li {
    display: inline;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #444;
}
.filter ul li:before {
    content: "/";
    display: inline-block;
    padding-right: 3px;
    color: #aaa;
}
.filter ul li:first-child:before {
    display: none
}
.filter ul li a {
    color: #444;
    padding: 0 20px;
}
.filter ul li a:hover,
.filter ul li.current a,
.filter ul li a.active {
    color: #28b8d8
}
/*-----------------------------------------------------------------------------------*/
/*	14. ISOTOPE PORTFOLIO GRID
/*-----------------------------------------------------------------------------------*/
.full-portfolio {
    overflow: hidden
}
.full-portfolio .items {
    width: 100%;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}
.full-portfolio .items li {
    float: left;
    position: relative;
    background: none;
    padding: 0;
    width: 16.666666667%;
}
.full-portfolio .items li img {
    display: block;
    /*position: relative;*/
    width: 100%;
    height: auto;
}
.full-portfolio .items:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fix-portfolio .items {
    list-style: none
}
.fix-portfolio .items {
    margin: 0;
    *zoom: 1;
    padding: 0;
}
.fix-portfolio .items:before,
.fix-portfolio .items:after {
    display: table;
    content: "";
    line-height: 0;
}
.fix-portfolio .items:after {
    clear: both
}
.fix-portfolio .items li {
    float: left;
    min-height: 1px;
    position: relative;
}
.fix-portfolio .items {
   /* margin-left: -8px; */
    margin-bottom: -8px;
	margin:0 auto;
	width:100%
}
.fix-portfolio .items li {
    /*width:318px;*/
	width:32%;
    margin-left:.5% ;
	margin-right:.5%;
    margin-bottom: 8px;
}
.fix-portfolio .items li img {
    display: block;
    width: 100%;
}
.isotope-item {
    z-index: 2;
    display: block !important;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.item-details {
    list-style: none;
    padding: 0;
    margin: 0;
}
.item-details li {
    margin-top: 9px;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
}
.item-details li:first-child {
    padding: 0;
    margin: 0;
    border: none;
}
.item-details li span {
    font-weight: 800;
    color: #616161;
    margin-right: 5px;
}
/*-----------------------------------------------------------------------------------*/
/*	15. ACCORDION / TOGGLE
/*-----------------------------------------------------------------------------------*/
.panel-group .panel {
    margin-bottom: 10px;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-heading {
    padding: 0;
    background: none !important;
    border: 0 !important;
}
.panel-heading .panel-title {
    border: 1px solid rgba(0,0,0,0.1);
    color: #444;
    background: #FFF;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
}
.panel-title > a {
    display: block;
    color: #444;
    padding: 15px 20px;
}
.panel-title > a:hover {
    color: #28b8d8
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 0
}
.panel-default > .panel-heading + .panel-collapse {
    border: 1px solid rgba(0,0,0,0.1);
    border-top: none;
    background: #FFF;
}
.panel-body {
    padding: 20px
}
/*-----------------------------------------------------------------------------------*/
/*	16. PROGRESS BAR
/*-----------------------------------------------------------------------------------*/
.progress-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.progress-list p {
    margin-bottom: 5px
}
.progress-list li {
    margin-bottom: 20px
}
.progress-list li em {
    padding-left: 8px;
    color: #28b8d8;
    font-style: normal;
}
.progress-list li em:before {
    content: "-";
    padding-right: 10px;
    display: inline-block;
}
.progress.plain {
    height: 15px;
    margin-bottom: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background: none;
    border: 1px solid #28b8d8;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.progress.plain .bar {
    float: left;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
    background: #28b8d8;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*-----------------------------------------------------------------------------------*/
/*	17. BASIC GALLERY
/*-----------------------------------------------------------------------------------*/
.basic-gallery {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
}
.basic-gallery li {
    display: block;
    width: 100%;
    margin-top: 50px;
}
.basic-gallery li:first-child {
    margin-top: 0
}
.basic-gallery li img {
    display: inline;
    max-width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	18. SWIPER
/*-----------------------------------------------------------------------------------*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px,0,0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px,0,0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px,0,0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px,0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px,0,0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px,0,0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-free-mode > .swiper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper .item {
    float: left
}
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}
.swiper-container {
    width: 100%;
    height: 550px;
    color: #fff;
}
.swiper-container.gallery {
    height: 550px
}
.swiper-container.instagram {
    height: 306px
}
.swiper-container.instagram img {
    height: 306px;
    width: 306px;
}
.swiper-container.flickr {
    height: 150px
}
/**.swiper-container.flickr img {
    height: 150px;
    width: 150px;
} **/
.swiper .item {
    height: 100%;
    padding-right: 15px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper .item:last-child {
    padding: 0
}
.swiper-wrapper {
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-wrapper .arrow-left,
.swiper-wrapper .arrow-right {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    top: 50% !important;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(0,0,0,0.45);
    color: #f7f7f7;
    line-height: 1;
    font-size: 20px;
    padding: 11px 16px;
    width: auto;
    height: auto;
    margin-top: -21px;
    opacity: 0;
}
.flickr-wrapper .arrow-left,
.flickr-wrapper .arrow-right {
    padding: 9px 13px;
    font-size: 15px;
    margin-top: -16px;
}
.swiper-wrapper:hover .arrow-left,
.swiper-wrapper:hover .arrow-right {
    opacity: 1
}
.swiper-wrapper .arrow-left:before,
.swiper-wrapper .arrow-right:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
}
.swiper-wrapper .arrow-left {
    left: 15px
}
.swiper-wrapper .arrow-right {
    right: 15px
}
.swiper-wrapper .arrow-left:before {
    content: '\e765'
}
.swiper-wrapper .arrow-right:before {
    content: '\e766'
}
.swiper-wrapper .arrow-left:hover,
.swiper-wrapper .arrow-right:hover {
    background: rgba(0,0,0,0.65)
}
.swiper .item {
    position: relative
}
.swiper .item span.caption {
    opacity: 0;
    position: absolute;
    bottom: 15px;
    left: 15px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    padding: 10px;
    max-width: 70%;
    background: rgba(0,0,0,0.45);
    color: #f7f7f7;
    line-height: 1;
}
.swiper .item:hover span.caption {
    opacity: 1
}
.swiper .item .details {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    height: 100%;
}
.swiper .item .details .content {
    height: 100%;
    margin-right: 15px;
}
.swiper .item .details .content .wrap {
    background: rgba(0,0,0,0.88);
    height: 100%;
    width: 100%;
    padding: 50px 50px 40px 50px;
    position: relative;
    display: table;
}
.swiper .item .details .content .wrap .text {
    display: table-cell;
    vertical-align: bottom;
}
.swiper .item .details .content .wrap .text h2 {
    color: #e4e4e4;
    font-size: 30px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 30px;
}
.swiper .item .details .content .wrap .text p {
    color: #adadad;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    font-family: 'Roboto Slab', serif;
}
figure .ins-link,
figure .fli-link {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(0,0,0,0.45);
    color: #f7f7f7;
    line-height: 1;
    padding: 10px;
    font-weight: 300;
    opacity: 0;
}
figure:hover .ins-link,
figure:hover .fli-link {
    opacity: 1
}
figure .ins-link:hover,
figure .fli-link:hover {
    background: rgba(0,0,0,0.7);
    color: #f7f7f7;
}
figure .fli-link {
    padding: 8px;
    bottom: 5px;
    right: 5px;
}
/*-----------------------------------------------------------------------------------*/
/*	19. INSTAGRAM FOOTER WIDGET
/*-----------------------------------------------------------------------------------*/
.instagram-widget {
    margin-left: -6px;
    overflow: hidden;
}
#instawidget {
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
}
#instawidget li {
    float: left;
    margin: 0 0 6px 0;
    width: 33.33339%;
    padding-left: 6px;
    position: relative;
}
#instawidget li img {
    display: block;
    width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	20. GALLERY POST FORMAT
/*-----------------------------------------------------------------------------------*/
.post-gallery-wrapper {
    margin: 0 -41px 24px -35px
}
.post-gallery {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    list-style: none;
    display: block;
}
.post-gallery figure {
    margin: 0
}
.post-gallery li {
    float: left;
    margin: 0 0 6px 0;
    width: 33.3339%;
    padding-right: 6px;
    position: relative;
}
.post-gallery-wrapper img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.navbar-gap {
    width: 100% !important;
    position: relative;
    padding: 0;
}
@media (min-width:767px) {
    .navbar-gap { height: 80px;}
}

@media (min-width:721px) and (max-width:767px) {
    .navbar-gap { height: 75px;}
}

@media (max-width:720px) {
	.navbar-gap { height: 0px;}
}

.special-navbar-gap {
    width: 100% !important;
    position: relative;
}
@media (min-width:767px) {
    .special-navbar-gap { height: 130px;}
}

@media (min-width:721px) and (max-width:767px) {
    .special-navbar-gap { height: 125px;}
}

@media (max-width:720px) {
    .special-navbar-gap { height: 50px;}
}

.special-navbar-double-gap {
    width: 100% !important;
    position: relative;
}
@media (min-width:767px) {
    .special-navbar-double-gap { height: 180px;}
}

@media (min-width:721px) and (max-width:767px) {
    .special-navbar-double-gap { height: 175px;}
}

@media (max-width:720px) {
    .special-navbar-double-gap { height: 100px;}
}

.special-navbar-banner {
    width: 100% !important;
    position: relative;
}
@media (min-width:767px) {
    .special-navbar-banner { top: 80px;}
}

@media (min-width:721px) and (max-width:767px) {
    .special-navbar-banner { top: 75px;}
}

@media (max-width:720px) {
    .special-navbar-banner { top: 0px;}
}

.special-navbar-title {
    line-height:50px;
    font-size:24px;
    text-align:center;
    display:block;
    color:white;
}
@media (min-width:721px) and (max-width:767px) {
    .special-navbar-title { font-size:18px;}
}

@media (max-width:720px) {
    .special-navbar-title { font-size:18px;}
}

/*-----------------------------------------------------------------------------------*/
/*	21. REVOLUTION SLIDER
/*-----------------------------------------------------------------------------------*/
.fullscreenbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
}
.revolution {
    background: #FFF
}
.revolution ul {
    visibility: hidden;
    margin: 0;
    list-style: none;
}
.tp-caption a {
    color: #28b8d8
}
.tp-caption a:hover {
    color: #2e2e2e !important
}
.tp-caption.condensed {
    font-size: 55px;
    line-height: 1;
    color: #f5f5f5;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.tp-caption.slab {
    font-size: 40px;
    line-height: 1;
    color: #f5f5f5;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.tp-caption.lined {
    font-size: 14px;
    line-height: 1;
    color: #f5f5f5;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.tp-caption.upper {
    font-size: 22px;
    line-height: 1;
    color: #f5f5f5;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.tp-caption.lower {
    font-size: 22px;
    color: #f5f5f5;
    line-height: 1;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.tp-caption.opacity-bg {
    background: rgba(0,0,0,0.55);
    color: #f5f5f5 !important;
    padding: 15px 20px;
    line-height: 1;
}
.tp-caption a.btn {
    color: #fff
}
.tp-leftarrow.default,
.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    top: 50% !important;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(0,0,0,0.45);
    color: #f7f7f7;
    line-height: 1;
    font-size: 20px;
    padding: 11px 16px;
    width: auto;
    height: auto;
}
.tparrows:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
}
.tp-leftarrow.default:before {
    content: '\e765'
}
.tp-rightarrow.default:before {
    content: '\e766'
}
.tparrows:hover {
    background: rgba(0,0,0,0.65)
}
.tp-bullets {
    bottom: 30px !important
}
.tp-bullets.simplebullets.round .bullet {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(0,0,0,0.45);
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
    background: rgba(0,0,0,0.75)
}
.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.tp-loader.spinner0 {
    background: none !important;
    height: 36px;
    width: 36px;
    -webkit-animation: rotation .8s infinite linear;
    -moz-animation: rotation .8s infinite linear;
    -o-animation: rotation .8s infinite linear;
    animation: rotation .8s infinite linear;
    border-left: 3px solid rgba(40,184,216,.15);
    border-right: 3px solid rgba(40,184,216,.15);
    border-bottom: 3px solid rgba(40,184,216,.15);
    border-top: 3px solid rgba(40,184,216,.8);
    border-radius: 100%;
    margin: -18px -18px;
    top: 50%;
    left: 50%;
    z-index: 1000;
    position: absolute;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(style/images/timer.png);
    position: absolute;
    z-index: 200;
}
/*-----------------------------------------------------------------------------------*/
/*	22. SERVICES ICONS
/*-----------------------------------------------------------------------------------*/
.services-1 .row {
    text-align: left
}
.services-1 .icon {
    display: table
}
.services-1 .row  .icon {
    float: left;
    margin-right: 20px;
}
.services-1 .row .text {
    overflow: hidden
}
.services-1 .icon i.icn {
    color: #28b8d8;
    line-height: 1;
    font-size: 40px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
.services-2 i {
    font-size: 50px;
    color: #28b8d8;
}
.facts h4 {
    font-size: 40px;
    margin-bottom: 20px;
}
.facts p {
    font-size: 16px;
    text-transform: uppercase;
}
.clients {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.clients li img {
    max-width: 100%
}
.clients li a {
    opacity: 0.8
}
.clients li a:hover {
    opacity: 1
}
/*-----------------------------------------------------------------------------------*/
/*	23. TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
#testimonials {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
#testimonials .author {
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #d9d9d9;
    display: block;
}
#testimonials div {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 32px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    position: relative;
}
#testimonials .tab {
    border: none;
    margin: 0;
    display: inline;
}
#testimonials .etabs {
    padding: 0;
    margin: 0;
    height: 12px;
}
#testimonials .tab a {
    padding: 0;
    text-indent: -99999px;
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid rgba(255,255,255,0.5);
    display: inline-block;
}
#testimonials .tab a.active,
#testimonials .tab a:hover {
    background: none;
    border: 1px solid rgba(255,255,255,0.8);
    position: relative;
    z-index: 3;
}
#testimonials .panel-container {
    border: none
}
/*-----------------------------------------------------------------------------------*/
/*	24. TABS
/*-----------------------------------------------------------------------------------*/
.tabs-top .etabs {
    margin: 0;
    padding: 0;
    overflow: inherit;
}
.tabs-top.center .etabs {
    text-align: center
}
.tabs-top .tab {
    margin: 0;
    padding: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: 1px solid rgba(0,0,0,0.1);
    border-bottom: none;
    top: 1px;
    position: relative;
    z-index: 1;
    margin-right: 3px;
}
.tabs-top .tab a {
    padding: 13px 25px;
    display: block;
    background: #f9f9f9;
    color: #444;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
}
.tabs-top.left .tab a {
    padding: 10px 20px
}
.tabs-top .tab i {
    margin-right: 5px
}
.tabs-top .tab.active {
    position: relative;
    z-index: 3;
}
.tabs-top .tab a:hover,
.tabs-top .tab.active a {
    background: #fff
}
.tabs-top .tab a:hover,
.tabs-top .tab.active a {
    color: #28b8d8
}
.tabs-top.tab-container .panel-container {
    border: 1px solid rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
    display: block;
    background: #fff;
}
.tabs-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 10px;
}
.tabs-top.tab-container .panel-container .tab-block {
    padding: 20px;
    padding-bottom: 5px;
}
/*-----------------------------------------------------------------------------------*/
/*	25. PARALAX
/*-----------------------------------------------------------------------------------*/
.parallax {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    color: #d9d9d9;
}
.parallax a {
    color: #d9d9d9
}
.parallax a:hover {
    color: #1abb9c
}
.parallax input,
.parallax textarea {
    background: #333;
    background: rgba(255,255,255,0.15);
    color: #d9d9d9;
    border: none;
}
.parallax input:focus,
.parallax textarea:focus {
    background: #222;
    background: rgba(255,255,255,0.22);
    border: none;
}
.parallax h1,
.parallax h2,
.parallax h3,
.parallax h4,
.parallax h5,
.parallax h6 {
    color: #f5f5f5
}
.parallax .section-title h3:before,
.parallax .section-title h3:after {
    border-color: rgba(255,255,255,0.5)
}
.parallax.mobile {
    background-attachment: scroll !important
}
.parallax.testimonials {
    background-image: url(style/images/art/parallax.jpg)
}
.page-title {
    height: 300px;
    background: url(style/images/art/page-title-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.page-title h1 {
    text-align: center;
    top: 57.5%;
    vertical-align: middle;
    width: 100%;
    left: 0;
    position: absolute;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 40px;
    margin: 0;
    color: #f5f5f5;
}
.page-title .overlay {
    background: rgba(0,0,0,0.45);
    height: 100%;
    position: relative;
}
/*-----------------------------------------------------------------------------------*/
/*	26. PAGINATION
/*-----------------------------------------------------------------------------------*/
.pagination {
    display: block
}
.pagination ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 40px;
}
.pagination ul > li {
    display: inline-block;
    margin-right: 2px;
}
.pagination ul > li > a,
.pagination ul > li > span {
    float: none;
    border: none;
    background: #28b8d8;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 9px 15px;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background: #00a1c4;
    color: #fff;
}
/*-----------------------------------------------------------------------------------*/
/*	27. SIDEBAR
/*-----------------------------------------------------------------------------------*/
.sidebar {
    padding-left: 25px !important
}
.sidebar.left-sidebar {
    padding: 15px !important;
    padding-top: 0 !important;
}
.sidebox {
    margin-top: 50px;
    display: block;
}
.sidebox:first-child {
    margin: 0
}
.sidebox .post-list {
    padding: 0;
    margin: 0;
}
.sidebox .post-list:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sidebox .post-list li {
    clear: both;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
}
.sidebox .post-list h6 {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.sidebox .post-list h6 a {
    font-size: 14px;
    line-height: 22px;
}
.sidebox a {
    color: #666
}
.sidebox a:hover {
    color: #28b8d8
}
.sidebox .post-list .icon-overlay {
    float: left;
    width: 70px;
    height: 70px;
}
.sidebox .post-list .meta {
    margin-left: 85px;
    margin-bottom: 0;
}
.sidebox .post-list .meta em {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
}
.sidebox .post-list .meta em:before {
    display: none
}
.sidebox.widget form {
    margin: 0
}
.sidebox.widget .searchform input {
    margin: 0
}
.widget .list {
    list-style: none;
    margin: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	28. AUTHOR
/*-----------------------------------------------------------------------------------*/
.about-author.bordered {
    padding: 20px
}
.about-author .author-image {
    width: 120px;
    float: left;
    margin-right: 20px;
    display: block;
}
.about-author .author-details {
    overflow: hidden
}
.about-author .author-details .social {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
/*-----------------------------------------------------------------------------------*/
/*	29. COMMENTS
/*-----------------------------------------------------------------------------------*/
#comments {
    margin: 0 0 80px 0;
    position: relative;
}
#comments ol.commentlist li .bordered {
    padding: 15px 20px 5px 20px
}
#comments ol.commentlist {
    list-style: none;
    margin: -20px 0 0 0;
    padding: 0;
}
#comments ol.commentlist li {
    padding: 30px 0 0 0;
    background: none;
}
#comments ol.commentlist li:first-child {
    border: none;
    margin: 0;
}
#comments .user {
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    position: relative;
}
#comments .message {
    overflow: hidden
}
#comments .image-caption:before {
    display: none
}
#comments ul.children {
    margin: 0;
    overflow: inherit;
    padding: 0 0 0 55px;
    list-style: none;
}
#comments ol.commentlist ul.children li {
    padding-right: 0;
    border: none;
}
#comments .info h2 {
    font-size: 16px;
    margin: 0;
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
}
#comments .info {
    margin-bottom: 12px
}
#comments .info h2 a {
    color: #444
}
#comments .info h2 a:hover {
    color: #28b8d8
}
#comments .info .meta {
    display: block;
    margin: -3px 0 5px 0;
}
#comments .info .meta .date {
    display: inline
}
#comments a.reply-link {
    display: inline;
    color: #999;
}
#comments a.reply-link:hover {
    color: #28b8d8
}
#comments a.reply-link:before {
    display: inline-block;
    content: "/";
    padding: 0 8px 0 5px;
    color: #999;
}
.comment-form-wrapper p {
    padding-bottom: 20px
}
/*-----------------------------------------------------------------------------------*/
/*	30. PRICING TABLE
/*-----------------------------------------------------------------------------------*/
.pricing {
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
    display: block;
}
.pricing ul {
    padding: 0
}
.pricing .btn {
    margin: 0
}
.pricing .plan {
    border: 1px solid rgba(0,0,0,0.1);
    background: #fff;
}
.pricing .plan h3 {
    font-size: 20px;
    line-height: 40px;
    margin: 0;
    padding: 10px 0 0 0;
    color: #5c5c5c;
}
.pricing .plan h4 {
    padding: 0 0 20px 0;
    margin: 0 25px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.pricing .plan h4 span {
    color: #28b8d8
}
.pricing .plan h4 .amount {
    display: block;
    text-align: center;
}
.pricing .plan h4 .amount {
    font-size: 45px;
    padding-bottom: 10px;
}
.pricing .plan h4 .amount span {
    vertical-align: super;
    font-size: 20px;
    font-weight: 300;
}
.pricing .plan ul {
    margin: 0;
    padding: 0 25px;
    list-style: none;
}
.pricing .plan ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.pricing .plan h3 {
    text-transform: uppercase
}
.pricing .select {
    padding: 22px 0
}
/*-----------------------------------------------------------------------------------*/
/*	31. FANCYBOX
/*-----------------------------------------------------------------------------------*/
#fancybox-thumbs ul li img {
    max-width: none
}
.info.hidden {
    display: none
}
.fancybox-wrap {
    background: #FFF !important
}
.fancybox-title,
.fancybox-error {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
}
.fancybox-title h2,
.fancybox-title h3 {
    font-family: 'Roboto Slab', serif !important;
    color: #616161;
    margin-bottom: 5px;
    line-height: 22px;
    font-size: 18px;
}
.fancybox-skin {
    color: #616161 !important
}
.fancybox-title-inside-wrap {
    padding: 20px !important
}
.fancybox-nav span {
    width: 36px !important;
    height: 36px !important;
    margin-top: -18px !important;
}
.fancybox-close {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
}
.fancybox-close:before,
.fancybox-prev span:before,
.fancybox-next span:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0 !important;
    margin-top: 7px !important;
    text-align: center;
    width: 36px !important;
    font-size: 20px !important;
}
/* Firefox Fix */
@-moz-document url-prefix() { 
	.fancybox-close:before,
	.fancybox-prev span:before,
	.fancybox-next span:before {
	    margin-top: 6px !important
	}
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background: rgba(0,0,0,0.45) !important;
    color: #f7f7f7 !important;
    text-align: center !important;
    -webkit-transition: all 200ms ease-in !important;
    -o-transition: all 200ms ease-in !important;
    -moz-transition: all 200ms ease-in !important;
    opacity: 0;
}
.fancybox-close:hover,
.fancybox-prev span:hover,
.fancybox-next span:hover {
    background: rgba(0,0,0,0.65) !important
}
.fancybox-wrap:hover .fancybox-close,
.fancybox-wrap:hover .fancybox-prev span,
.fancybox-wrap:hover .fancybox-next span {
    opacity: 1
}
.fancybox-prev span:before {
    content: '\e75d'
}
.fancybox-next span:before {
    content: '\e75e'
}
.fancybox-close:before {
    content: '\2715'
}
#fancybox-loading {
    margin-top: -18px !important;
    margin-left: -18px !important;
    opacity: 1 !important;
}
#fancybox-loading div {
    height: 36px !important;
    width: 36px !important;
    position: relative !important;
    -webkit-animation: rotation .8s infinite linear !important;
    -moz-animation: rotation .8s infinite linear !important;
    -o-animation: rotation .8s infinite linear !important;
    animation: rotation .8s infinite linear !important;
    border-left: 3px solid rgba(40,184,216,.15) !important;
    border-right: 3px solid rgba(40,184,216,.15) !important;
    border-bottom: 3px solid rgba(40,184,216,.15) !important;
    border-top: 3px solid rgba(40,184,216,.8) !important;
    border-radius: 100% !important;
}
.fancybox-overlay {
    background: rgba(27,27,27,0.94) !important
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.33);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.33);
    box-shadow: 0 0 5px rgba(0,0,0,0.33);
}
/*-----------------------------------------------------------------------------------*/
/*	32. FEATURES
/*-----------------------------------------------------------------------------------*/
.font-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}
.font-icons li {
    display: inline-block;
    font-size: 25px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.alert .close {
    line-height: 28px
}
.retina-icons-code i {
    font-size: 18px
}
.retina-icons-code tr td:first-child,
.retina-icons-code tr th:first-child {
    text-align: center
}
.retina-icons-code code {
    color: #888;
    background: none;
    white-space: normal;
}
.table-bordered {
    border: 1px solid rgba(0,0,0,0.1);
    border-left: none;
    background: #fff;
}
.table-bordered th,
.table-bordered td {
    border-left: 1px solid rgba(0,0,0,0.1)
}
.retina-icons-code td {
    vertical-align: middle !important
}
.table th,
.table td {
    border-top: 1px solid rgba(0,0,0,0.1)
}
.budicons-list .font-icons li {
    font-size: 40px;
    margin-bottom: 40px;
    padding: 0 20px;
}
.budicons-list .retina-icons-code i {
    font-size: 30px;
    line-height: 1;
    margin-top: 5px;
    display: block;
}
/*-----------------------------------------------------------------------------------*/
/*	33. RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (max-width: 1600px) { 
	.swiper-container.gallery,
	.swiper-container.gallery img
	{
	    height: 500px;
	    width: auto;
	}
}
@media (max-width: 1300px) { 
	.swiper-container.gallery,
	.swiper-container.gallery img {
	    height: 450px;
	    width: auto;
	}
}
@media (min-width: 1200px) { 
	.fix-portfolio .items {
	    /*margin-left: -9px;
	    margin-bottom: -9px; */
	}
	.fix-portfolio .items li {
	    /*width: 384px; 
	    margin-left: 9px; */
	    margin-bottom: 9px;
	}
	.sidebar {
	    padding-left: 35px !important
	}
	.no-sidebar {
	    width: 770px
	}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.navbar .container,
	.container {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.navbar-nav > li {
	    margin-left: 5px
	}
	.classic-blog .post {
	    margin-bottom: 30px
	}
	[class*="col-md-"] {
	    margin-bottom: 30px
	}
	[class*="col-md-"].lp30 {
	    padding-left: 15px
	}
	.blog-posts [class*="col-md-"] {
	    margin-bottom: 0
	}
	#testimonials {
	    width: 100%
	}
	
	.thin {
	    width: 80%
	}
	
	.services-3 .icon:before {
	    width: 50%;
	    left: -70%;
	}
	.services-3 .icon:after {
	    width: 50%;
	    right: -70%;
	}
	.fix-portfolio .items {
	   /* margin-left: -6px; */
	    margin-bottom: -6px;
	}
	.fix-portfolio .items li {
	  /*  width: 236px;
	    margin-left: 6px; */
	    margin-bottom: 6px;
	}
	.navbar .social {
	    display: none
	}
	.blog-posts .bordered {
	    padding: 15px 15px 5px 15px
	}
	.blog-posts figure.full {
	    margin: 0 -15px 15px
	}
	.blog-posts.classic-blog .bordered {
	    padding: 20px 25px 25px 25px
	}
	.blog-posts.classic-blog figure.full {
	    margin: 0 -25px 20px
	}
	.no-sidebar {
	    width: 100%
	}
	.post-gallery-wrapper {
	    margin: 0 -31px 14px -25px
	}
	.post.format-quote blockquote {
	    margin: 25px -25px 20px
	}
	#instawidget li {
	    width: 50%
	}
}
@media (min-width: 768px) { 
	.open > .dropdown-menu,
	.open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu {
	    animation-name: slidenavAnimation;
	    animation-duration: .3s;
	    animation-iteration-count: 1;
	    animation-timing-function: ease;
	    animation-fill-mode: forwards;
	    -webkit-animation-name: slidenavAnimation;
	    -webkit-animation-duration: .3s;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation-name: slidenavAnimation;
	    -moz-animation-duration: .3s;
	    -moz-animation-iteration-count: 1;
	    -moz-animation-timing-function: ease;
	    -moz-animation-fill-mode: forwards;
	}
	@keyframes slidenavAnimation {
	    from {
	        opacity: 0
	    }
	    to {
	        opacity: 1
	    }
	}
	@-webkit-keyframes slidenavAnimation {
	    from {
	        opacity: 0
	    }
	    to {
	        opacity: 1
	    }
	}
	.nav.navbar-nav > li:last-of-type > ul {
		left: auto;
		right: 0;
	} 
	.nav.navbar-nav> li:last-of-type > ul ul {
		left: auto;
		right: 100%;
		margin-top: -1px;
		margin-right: -1px;
		border-right: 1px solid rgba(255,255,255, 0.06) !important;
	}  
	.navbar .dropdown-submenu > a:after {
	    display: none
	}
	.navbar .dropdown-submenu > .dropdown-menu {
	    margin-top: 0
	}
	.dropdown-submenu {
	    position: relative
	}
	.dropdown-submenu>.dropdown-menu {
	    top: 0;
	    left: 100%;
	    margin-top: -1px !important;
	    margin-left: 0;
	    border-left: 1px solid rgba(255,255,255, 0.06) !important;
	}
	.dropdown-submenu:hover>.dropdown-menu {
	    display: block
	}
	.dropdown-submenu>a:after {
	    display: block;
	    content: " ";
	    float: right;
	    width: 0;
	    height: 0;
	    margin-top: 5px;
	    margin-right: -10px;
	}
	.dropdown-submenu:hover>a:after {

	}
	.dropdown-submenu.pull-left {
	    float: none
	}
	.dropdown-submenu.pull-left>.dropdown-menu {
	    left: -100%;
	    margin-left: 10px;
	}
	.open > .dropdown-menu,
	.open >  .dropdown-menu > .dropdown-submenu > .dropdown-menu {
	    animation-name: slidenavAnimation;
	    animation-duration: .3s;
	    animation-iteration-count: 1;
	    animation-timing-function: ease;
	    animation-fill-mode: forwards;
	    -webkit-animation-name: slidenavAnimation;
	    -webkit-animation-duration: .3s;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation-name: slidenavAnimation;
	    -moz-animation-duration: .3s;
	    -moz-animation-iteration-count: 1;
	    -moz-animation-timing-function: ease;
	    -moz-animation-fill-mode: forwards;
	}
	@keyframes slidenavAnimation {
	    from {
	        opacity: 0
	    }
	    to {
	        opacity: 1
	    }
	}
	@-webkit-keyframes slidenavAnimation {
	    from {
	        opacity: 0
	    }
	    to {
	        opacity: 1
	    }
	}
}
@media (max-width: 767px) { 
	.inner {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	.no-sidebar {
	    width: 100%
	}
	.btn.responsive-menu {
	    display: block
	}
	.navbar .social {
	    display: none
	}
	.navbar .nav,
	.navbar .dropup,
	.navbar .dropdown,
	.navbar .collapse {
	    position: relative
	}
	.navbar .dropdown-menu {
	    position: relative;
	    left: inherit;
	    top: inherit;
	    float: none;
	    width: auto;
	    display: block !important;
	    background: none;
	}
	.navbar-nav > li > a,
	.navbar-nav > li:first-child > a,
	.navbar .dropdown-menu li {
	    border: none
	}
	.navbar-nav > li > a,
	.navbar .dropdown-menu li a {
	    border-bottom: 1px solid rgba(0, 0, 0, 0.13) !important
	}
	.navbar .nav .open > a,
	.navbar .nav .open > a:hover,
	.navbar .nav .open > a:focus {
	    background: none;
	    border: none;
	}
	.navbar-nav > li > a,
	.navbar .dropdown-menu li a,
	.navbar .dropdown-menu li a:hover,
	.navbar .dropdown-menu li a.active {
	    padding: 12px 0 !important
	}
	.navbar-nav .open .dropdown-menu > li > a {
	    line-height: 1
	}
	.navbar-nav > li > a,
	.navbar-nav > li > a:focus {
	    color: #28b8d8
	}
	.navbar .dropdown-menu li a {
	    color: #cacaca
	}
	.navbar .dropdown-menu {
	    padding-left: 20px
	}
	.navbar .dropdown-menu a {
	    text-transform: none !important;
	    font-size: 13px !important;
	}
	.navbar .btn.responsive-menu {
	    margin: 20px 0
	}
	.navbar-header {
	    float: left;
	    width: 100%;
	}
	.navbar-header:after {
	    content: '';
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.navbar .container {
	    width: 100%;
	    padding: 0;
	}
	.navbar .navbar-collapse {
	    width: 100%;
	    float: none !important;
	    margin: 0;
	    background: none;
	}
	.navbar .navbar-nav {
	    width: 720px;
	    margin: 0 auto;
	    padding: 0;
	}
	.navbar .basic-wrapper {
	    width: 720px;
	    margin: 0 auto;
	    display: block;
	}

	.navbar,
	.navbar.fixed {
	    position: relative
	}   
	.navbar.fixed .navbar-header,
	.navbar .navbar-header {
	    background: rgba(21,21,21,0.96)
	}
	.navbar.fixed .dropdown-menu,
	.navbar .dropdown-menu {
	    background: none
	}
	.navbar .navbar-brand,
	.navbar.fixed .navbar-brand {
	    padding-top: 25px
	}
	.navbar.fixed .navbar-brand img {
	    height: 25px !important;
	    width: inherit !important;
	}
	.navbar.fixed .navbar-nav > li > a {
	    padding: 30px 14px
	}
	.navbar .container,
	.container {
	    padding-right: 20px;
	    padding-left: 20px;
	}
	[class*="col-"] {
	    margin-bottom: 30px
	}
	.navbar .navbar-nav {
	    width: 100%;
	    margin: 0 auto;
	    padding-left: 0;
	    padding-right: 0;
	}
	.navbar .basic-wrapper {
	    width: 100%;
	    margin: 0 auto;
	    display: block;
	}
	.navbar .navbar-nav > li {
	    margin-left: 0;
		clear:both
	}
	.swiper-container.instagram {
	    height: 250px
	}
	.swiper-container.instagram img {
	    height: 250px;
	    width: 250px;
	}
	.swiper-container.gallery,
	.swiper-container.gallery img {
	    height: 250px;
	    width: auto;
	}
	.swiper .item .details .content .wrap {
	    padding: 30px
	}
	.swiper .item .details .content .wrap .text h2 {
	    font-size: 20px;
	    margin-bottom: 0;
	}
	.swiper .item .details .content .wrap .text .info {
	    display: none
	}
	section.inner {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.services-1 .divide30 {
	    display: none
	}
	.services-3 .col .icon:before,
	.services-3 .col .icon:after {
	    display: none
	}
	.footer .inner {
	    padding-bottom: 40px
	}
	.footer p.pull-left,
	.footer ul.pull-right {
	    float: none !important;
	    text-align: center;
	}
	.footer p {
	    margin-bottom: 20px
	}
	.sub-footer p {
	    margin-bottom: 20px !important
	}
	.page-title {
	    display: none
	}
	.filter {
	    text-align: left
	}
	.filter ul li a {
	    padding: 0 12px
	}
	.filter ul li:first-child a {
	    padding-left: 0
	}
	.fix-portfolio .items {
	    margin-left: 0;
	    margin-bottom: -10px;
	}
	.fix-portfolio .items li {
	    width: 100%;
	    margin-left: 0;
	    margin-bottom: 10px;
	}
	#testimonials {
	    width: 100%
	}
	.thin {
	    width: 90%
	}
	.share.pull-left {
	    float: none !important
	}
	.sidebar {
	    margin-top: 70px;
	    padding-left: 15px !important;
	}
	.pagination ul > li {
	    margin-bottom: 20px
	}
	.post-gallery li {
	    width: 50%
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	#comments .arrow-box {
	    margin-left: 0
	}
	.about-author .author-image {
	    display: none
	}
	.tab {
	    display: block !important;
	    margin: 0 !important;
	}
	#testimonials .tab {
	    display: inline-block !important
	}
	.footer .widget.single .contact-info li {
	    display: block
	}
	/*.section-title.text-center h3:before,
	.section-title h3:after {
	    display: none 
	} */
	.blog-posts [class*="col-"] {
	    margin-bottom: 0
	}
	.offset {
	    display: none
	}
	.mode-xs .sticky-wrapper {
	    display: none
	}
}

/*-----------------------------------------------------------------------------------*/
/*	34. Custom Z
/*-----------------------------------------------------------------------------------*/
body {font-size:16px}
.price {font-weight:bold; margin:0; color:#28b8d8}
.cart-button {border:solid 2px #fff}
.cart-button:hover {border: solid 2px #fff}
.tut-mas .items li {width: 134px}
@media (min-width: 1200px) { 	.tut-mas .items li {width: 166px}}
@media (min-width: 768px) and (max-width: 991px) { .tut-mas .items li {width: 134px;}}
@media (max-width: 767px)  {.tut-mas .items li {width:100%}}
.press-kits .col-sm-4 .post-content p {margin:0 -10px; text-align:center}
.strike, .line-through, .slash {text-decoration:line-through}
.faqs .author-details i {color:#28b8d8; float:left; padding-right:2px; margin-top:-3px}
.underline {text-decoration:underline}
.navbar.relative {position:relative}
.yellow {color:#fefac7}
aside .sidebox.widget figure.full {margin:20px 0}
.share.text-center .btn:active, .share.text-center .btn:focus {background:none}
li.divide20 {visibility:hidden}
li.divide10 {visibility:hidden}
li.divide07 {visibility:hidden}
img.bordered {padding:0}
@media (min-width: 768px) and (max-width: 991px) {.hdr .size {margin-bottom:0}}


/* Info Page */
.infopage #accordion {margin-right:20px}
.infopage figure img {margin:0 auto}
.info-list em{color: #28b8d8;font-style: normal;}
.col-sm-6 .info-list {padding-left:5px}
.col-sm-6 .info-list li {margin-bottom:5px}
.infopage.ipad figure img {max-width:504px}
img.no-max {max-width:none !important; max-height:none !important}
.max-504 {max-width:504px}



/*Details Page*/
.intro2 {font-size:16px}
.container.inner.features {padding:20px 0}
.light-wrapper.two {padding-bottom:70px}
@media (max-width: 767px) { .infopage .share {margin:0 -30px 15px}}



/* Forms */
.searchform label.error {font-weight: 400; font-style: italic; float: left; padding: 5px; color: #28b8d8; }



/*Break on mobile*/
@media (max-width: 991px) {
	span.break {display:block} 
	.youtube {height:250px}		
}
@media (min-width: 768px) and (max-width: 991px) {	.footer ul.social.pull-right {padding-top:16px} }
@media (min-width: 991px) {	.youtube {height:335px} .youtube-tut {height:409px}}
@media (min-width: 1200px) {.youtube {height:437px} .youtube-tut {height:461px} }
@media (min-width: 768px) and (max-width: 991px) { .youtube-tut {height:309px} }
@media (min-width: 630px) and (max-width: 767px) { .youtube-tut {height:409px}  }
@media (max-width: 629px) { .youtube-tut {height:309px} }
@media (max-width: 414px) { .youtube-tut {height:234px} }



/****** slider   ****/
.fixedwidthbanner-container {max-width:800px; position: relative; padding: 0; margin:0 auto }
@media (min-width: 1601px) { .fixedwidthbanner-container { height:800px !important; }}
@media (max-width: 1600px) { .fixedwidthbanner-container { height:700px !important; width:700px !important	}}
@media (max-width: 1300px) { .fixedwidthbanner-container { height:600px !important; width:600px !important	}}
@media (max-width: 767px)  { .fixedwidthbanner-container { height:370px !important;	width:370px !important	}
.fixedwidthbanner-container .caption.sfb {font-size:12px !important; padding:9px 7px !important} }
.fixedwidthbanner-container .tp-bullets { display:none}
a.slide-link {	position: absolute;	top: 0;	left: 0; right: 0; bottom: 0;}
.index-pg .caption.sfb.lower.one.bold {font-weight:500; font-size:32px}



/**** Side Bar ****/
.show-middle {display:none}
@media (min-width: 768px) and (max-width: 991px) {
	.show-middle {display:inline}
	.hide-middle {display:none}
	.searchform .btn {position:initial; width:100%; margin-top:6px}
}



/** Info Page **/
.col-sm-4.col.infopg {padding:0 10px}
@media (max-width: 767px)  {  .col-sm-4.col.infopg {max-width:50%; float:left;} .page-title.infopg {display:block; height:150px} .page-title.infopg h1 {top:40%}
.container.inner.info-page .col-sm-4.col.infopg .post.bordered {height:414px}
.container.inner.info-page .col-sm-4.col.infopg .blog-posts figure.full {margin-bottom:11px}
.col-sm-4.col.infopg figure.full {margin-bottom:11px}	 }
.col-sm-4.col.infopg h2.imp.pro {white-space:normal; line-height:22px}

@media (min-width: 768px)  {  .col-sm-4.col.infopg {width:25%} }
@media (min-width: 1200px) {.col-sm-4.col.infopg figure.full.imppro {margin-bottom:25px}
.col-sm-4.col.infopg h2.imp.pro {line-height:30px}}
.col-sm-4.col.infopg .circled li {white-space:nowrap; }
.col-sm-4.col.infopg .circled {width:155px}
.col-sm-4.col.infopg h2, .no-wrap {white-space:nowrap}
@media (min-width: 768px) and (max-width: 991px) {
.col-sm-4.col.infopg .circled {width:108px } 
.col-sm-4.col.infopg h2 {font-size:16px; }
 .col-sm-4.col.infopg h2.imp.pro {line-height:17px}
 .container.inner.info-page {width:100%}
.container.inner.info-page .col-sm-4.col.infopg .post.bordered {height:300px}	
.col-sm-4.col.infopg h2.imp.pro {margin-left: -15px; margin-right:-15px; text-align:center; margin-top:5px}
.container.inner.info-page .col-sm-4.col.infopg figure img {max-width:190px; margin:0 auto} }
@media (max-width: 470px)  { .col-sm-4.col.infopg .hide-middle {display:none} .col-sm-4.col.infopg h2 {font-size:16px; } .col-sm-4.col.infopg  .bordered {padding:25px 15px 15px} .col-sm-4.col.infopg .circled {width:78px }  }
.center {margin:0 auto}
@media (max-width: 767px) { .grid-ex .col-sm-4, .grid-ex .col-sm-3, .grid-ex .col-sm-6 {padding-bottom:20px}}
@media (min-width: 768px) { .grid-ex .col-sm-4, .grid-ex .col-sm-3, .grid-ex .col-sm-6 {padding-bottom:10px}}
.grid-sml .isotope {width:768px}
.grid-sml .isotope li {width:100px}
@media (max-width: 767px) {
.infopage aside .sidebox.widget ul.circled {display:table}
.infopage aside .sidebox.widget li {float:left; min-width:30%}
.infopage aside .sidebox.widget li:before {margin-right:4px; margin-left:6px; margin-top:-1px}
.infopage aside .info-page-links #accordion {margin-right:0}
.infopage aside .info-page-links .sidebox.widget li, .infopage aside .searchform.forms li {float:none; padding:0; width:auto}
.infopage aside .info-page-links .sidebox.widget  {margin-top:40px} 
}
@media (max-width: 360px) {
.infopage aside .sidebox.widget li {min-width:50%}
.infopage aside .info-page-links .sidebox.widget .section-title {} 
}


/** Masonry Grid **/
.flex-grid {padding-left:2px}
@media (min-width: 1200px) {.flex-grid {padding-left:3px }}
@media (max-width: 767px) { .flex-grid {padding-left:0px}}
.row.reviews .section-title h3 {padding-bottom:10px}



/** Download Page + Purchase page **/
.dl-buttons .col-sm-6:last-of-type {text-align:center}
.dl-buttons img {margin:0 5px 0 5px}
.dl-buttons a {font-weight:500}
.dl-buttons .col-sm-6:first-of-type {padding-top:2px}
.dl-buttons .col-sm-6:last-of-type {padding:0}
.dl-page .col-sm-2 figure a .text-overlay .info, .purchase-pg .col-sm-2 figure a .text-overlay .info {top:40%}
@media (min-width: 541px) and (max-width: 991px) { 
	.dl-buttons .col-sm-6:first-of-type { width:33%; float:left}
	.dl-buttons .col-sm-6:last-of-type {width:66%; float:left; padding:0} }
@media (max-width: 540px) { 
.dl-buttons .col-sm-6 {width:100%} .dl-buttons .col-sm-6 a {margin:0 2%}}
@media (min-width: 1200px) { .dl-buttons img {margin-left:26px}
.dl-buttons .col-sm-6:last-of-type {text-align:left}
}	
.download-page .col-sm-4.bw h4 span:last-of-type {display:none}
@media (max-width: 540px) {
.download-page .col-sm-4.bw h4 span:first-of-type {display:none}
.download-page .col-sm-4.bw h4 span:last-of-type {display:inherit}
}
@media (max-width:1199px) and (min-width:992px) {
.download-page .col-sm-4.bw h4 span:first-of-type {display:none}
.download-page .col-sm-4.bw h4 span:last-of-type {display:inherit}
}
@media (max-width: 499px) {
.dl-grid .col-sm-4 {height:147px}
}
@media (min-width: 500px) and (max-width: 991px) { 
	.dl-grid .col-sm-3  {width:50%; float:left} 
	.dl-grid .col-sm-4 {width:55%; float:left; min-height:160px}
	.dl-grid .col-sm-2 {width:40%; float:left}
	.dl-grid .col-sm-2, .dl-grid .col-sm-4 {padding-bottom:9px} 
	.dl-grid .col-sm-3:last-of-type, .purchase-grid .col-sm-3:last-of-type {padding-left:0}
	.dl-grid .col-sm-3:first-of-type, .purchase-grid .col-sm-3:first-of-type {padding-right:0} 
	.purchase-grid .col-sm-3:first-of-type {padding-left:0}  }
@media (max-width: 991px) { .dl-grid .col-sm-2 img {width:130px} }
.dl-grid a {font-weight:500}
.dl-grid img  {margin-right:5px}
.dl-grid .col-sm-3 h4:after, .purchase-grid .col-sm-3 h4:after {top:9px; margin-left:7px; width:45px}
@media (min-width: 1200px) {.dl-grid .col-sm-2 {padding:0 5px}}
@media (min-width: 992px) and (max-width: 1199px) { 
.dl-grid .col-sm-3 h4:after, .purchase-grid .col-sm-3 h4:after {width:30px}
.dl-grid .col-sm-3 img {max-width:140px}
.dl-grid .col-sm-3, .dl-grid .col-sm-4, .purchase-grid .col-sm-3, .purchase-grid .col-sm-4 {padding-left:5px; padding-right:5px}
.dl-grid .col-sm-2, .purchase-grid .col-sm-2 {padding-left:0; padding-right:5px}
.dl-buttons a {margin-right:5px}
}
.dl-page hr {padding:10px 0 0px 0; margin-bottom:40px}
.dl-page h2.post-title, .purchase-pg h2.post-title {font-size:24px}
.dl-page h2.post-title i {font-size:20px; color:#28b8d8}
.dl-page .section-title h2:after, .purchase-pg .section-title h2:after {margin-top:15px; margin-left:7px}
.dl-page .section-title.sml, .purchase-pg .section-title.sml {padding:20px 25px 10px}

@media (min-width: 768px) and (max-width: 991px) { 
.post.plugin .col-sm-6 {width:100%; margin-bottom:20px}
.post.plugin .col-sm-3 {padding-left:7%}}

@media (max-width: 499px) { 
.dl-page .col-sm-8 .col-sm-2 {float:left; width:30%; padding:0}
.dl-page .col-sm-8 .col-sm-4 {float:left; width:70%; }
.dl-page .col-sm-8 .col-sm-3 {width:50%; float:left; padding:0 7px}
.dl-page .section-title.sml h2:after, .dl-grid .col-sm-3 h4:after {display:none}
.dl-page .section-title.sml h2 {text-align:center}
.dl-page .post.bordered {padding:18px 25px 10px}
.dl-page .blog-posts.classic-blog figure.full {margin:0 -25px 30px}
}
@media (max-width: 385px) { .dl-buttons .col-sm-6 a { text-align:center}
.dl-buttons a img {margin-left:0} }

@media (min-width: 992px) and (max-width: 1199px)  {
.ht2 p.price {margin-left:-20px}
.ht2 .col-sm-6 h4 {margin-top:4px}
}


/** Artists Showcase **/
.grid-as .col-sm-4 {padding-left:7px; padding-right:7px; padding-bottom:0}
@media (max-width: 767px) { .grid-as .col-sm-4, .grid-as .col-sm-4 figure  {margin-bottom:10px}}
@media (min-width: 768px) { .grid-as .col-sm-4 figure {margin-bottom:14px}}
.art-show div h3 {font-size:24px; line-height:24px}



/** Purchase Pages**/
.purchase-page .col-sm-8 .col-md-6 .post-content p {padding:0 8px; margin-bottom:5px}
@media (min-width: 768px) and (max-width: 991px) { .purchase-grid .col-sm-3.last .strike {line-height:39px} }



/** Navigation **/
.navbar {z-index:99999999}
.navbar-nav > li > a {padding:30px 10px}
.navbar .social {padding:4px 14px 0 0; border:none}
@media (min-width: 768px) and (max-width: 991px) { 
.navbar .social { display:block; padding-right:6px}
.navbar-nav > li > a {padding:34px 10px 26px }
.nav > li.hide-middle {display:none}
}
.cart, .cart2 {-webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;}
.cart2 {display:none}
.show-sml {display:none}
.hide-sml {display:inline}
@media (max-width: 767px) { .cart2 {display:block; float:right; margin:27px 20px 0 0}
.show-sml {display:inline}
.hide-sml {display:none}}
ul.dropdown-menu.two {width:326px}
ul.dropdown-menu.two li {width:162px; float:left}

@media (max-width: 767px) { 
ul.dropdown-menu.two {width:100%}
ul.dropdown-menu li.dropdown-submenu > a, ul.dropdown-menu li.no-drop > a {color:#28b8d8;}
ul.dropdown-menu.support {width:100%; padding-left:40px}
ul.dropdown-menu.support li {float:left}
ul.dropdown-menu.one {width:100%}
ul.dropdown-menu.one li {float:left;}
ul.dropdown-menu.support li:last-of-type {margin-bottom:20px}
}
@media (min-width: 540px) and (max-width: 767px) { ul.dropdown-menu.two li, ul.dropdown-menu.support li {width:25%}
ul.dropdown-menu.one li {width:25%}
ul.nav.navbar-nav li.dropdown ul.dropdown-menu.one > li {width:33%} }
@media (min-width: 400px) and (max-width: 539px) { ul.dropdown-menu.two li, ul.dropdown-menu.support li {width:33%}
ul.dropdown-menu.one li {width:33%}
ul.nav.navbar-nav li.dropdown ul.dropdown-menu.one > li {width:50%} }
@media (max-width: 399px) {ul.dropdown-menu.two li, ul.dropdown-menu.support li {width:50% } 
ul.dropdown-menu.one li {width:50%}}





/** Index **/
.index-pg  a i:hover {color:#232323}
.index-pg a i {-webkit-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;}
.index-pg .signup-form {margin:0 5%}
.signup-form form input {margin:0}
.services-1 .icon i.icn:hover {color:#232323}
.thin p.intro {text-align:center}
.index-pg a h4 {color:#28b8d8; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in}
.index-pg .services-2 a h4 {margin-top:15px}
.index-pg a:hover h4, .index-pg a:hover i, .index-pg a:hover div i.icn {color:#232323}
.index-pg .services-1 .col-sm-4 .text p {padding-left:60px}
.index-pg .services-1 .col-sm-4 .text .icon {padding-top:2px}
.index-pg .row.blog-posts {padding:0 5px}
.swiper-wrapper.flickr-wrapper {padding:0 0 0 15px}

.index-pg .blog-posts .footer-meta p {text-align:center; font-size:16px}
@media (min-width: 992px) and (max-width: 1199px) { .index-pg .blog-posts .col-sm-4 .post.bordered {height:500px}}
@media (min-width: 992px) and (max-width: 1199px) { .index-pg .blog-posts.one .col-sm-4 .post.bordered {height:566px}}
@media (min-width: 768px) and (max-width: 991px) {
.index-pg .blog-posts .col-sm-4 .post.bordered {height:440px}
.index-pg .blog-posts .col-sm-4 {padding:0 10px}
.index-pg .blog-posts.one .col-sm-4 .post.bordered { height:520px}
.index-pg p.dl-button img {display:none}}
@media (max-width: 767px) {
.index-pg .blog-posts .col-sm-4 {padding:0; margin:0 -10px 30px}
.index-pg .featured {margin-left: -20px; margin-right:-20px}
.index-pg .black-wrapper .inner {padding:40px 0 30px}
.index-pg .featured figure {margin:0 -15px 20px}
.index-pg .featured p {padding:0 10px}
}
.index-pg .black-wrapper a.btn:hover i {color:#28b8d8}
@media(max-width: 991px) and (min-width: 768px) {
	.index-pg .container.inner {width:100%}}



/** Hobbyists **/
.sidebox .post-list h6 a {font-size:16px}
.sidebox .post-list h6 {padding-top:1px}
.sidebox .post-list .meta p, .sidebox .post-list .meta p a {font-size:14px}
.sidebox.demos .icon {font-size:30px; float:left; padding-top:1px; padding-left:6px}
.sidebox.demos .icon i { color:#28b8d8}
.sidebox.demos .meta {margin-left:56px}
.pro-page .demos p, .hobby .demos p, .review-pg .demos p {line-height:18px}
@media (min-width: 991px) {.sidebox.demos .meta {width:204px}}
@media (max-width: 767px) { .purchase-page .col-md-6 {width:100%}}



/** Detail Pages**/
.detail-pg .col-sm-7 .intro2 {margin-bottom:5px; font-weight:500}
.detail-pg .col-sm-7 .lead {border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:10px 0; margin-bottom:10px}
.detail-pg .col-sm-7 h1 {float:left; color:#9a9b9d; font-size:36px; margin:0; padding-left:1px}
.detail-pg .col-sm-7 div a img {margin: 0 0 0 10px; border:solid 2px #fff}
.detail-pg .col-sm-7 div a img:hover {}
.detail-pg .col-sm-7 p img {margin-right:5px; float:left; padding-top:1px}
.detail-pg .col-sm-7 p span, .purchase-page.hobby p.dl-button span, .pro-page p.dl-button span, .index-pg p.dl-button span, .widget.app-info p.dl-button span {font-weight:500}
.detail-pg .col-sm-7 p.dl-button, .purchase-page.hobby p.dl-button, .pro-page p.dl-button, .index-pg p.dl-button, .widget.app-info p.dl-button {margin:5px 0 2px 0; font-size:14px; color:#000}
.detail-pg .inner {padding:40px 0 20px 0}
.detail-pg .col-sm-7 h3 {font-size:16px;   font-family: 'Roboto', sans-serif; margin-left:2px; margin-bottom:2px}
.detail-pg .col-sm-7 h3 a {font-weight:400}
.detail-pg .col-sm-7 h3 a img {width:20px}
.pro-page .col-md-6 .post.bordered {height:auto}
@media (max-width: 767px) { 
.detail-pg .col-sm-7 {text-align:center}
.detail-pg .col-sm-7 .lead {text-align:left; margin:0 30px 10px; padding:10px 20px}
.detail-pg .col-sm-7 p.dl-button {width:214px; margin:0 auto}
.detail-pg .col-sm-7 div {width:246px; margin:25px auto 5px}
.detail-pg .col-sm-5, .detail-pg .col-sm-7 {padding:0}
.detail-pg .inner .row:first-of-type {margin:0}
.detail-pg .col-sm-7 .intro {margin-bottom:5px}
.detail-pg.premium .col-sm-7 div {width:262px}
}

@media (max-width: 1199px) and (min-width: 768px) {
.detail-pg .col-sm-5 figure {margin-left:-19%; margin-right:-19%}
.detail-pg h3:after {display:none}
.detail-pg .parallax h3:after {display:inline-block}
}
.detail-pg .container {max-width:100%}
.detail-pg .container .row {margin-right:0}
.detail-pg .container .row .col-sm-7 {padding-right:0}



/** hobby page fancybox iframe **/
.fancybox-type-iframe  { max-width:88%	}
.fancybox-type-iframe .fancybox-inner {max-width:100%}
.fancybox-type-iframe .fancybox-skin, .fancybox-type-iframe.fancybox-opened {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-type-iframe .fancybox-skin {padding:5px}
.fancybox-type-iframe .fancybox-close {opacity:1}



/** Hobby page **/
.purchase-page .impresso .impresso-buttons i {padding-left:2px; font-size:18px}
@media (min-width: 992px) and (max-width: 1199px) {
.purchase-page .impresso .impresso-buttons { margin:0 -20px 8px} }
.appstore img {max-width:100%}
@media (max-width: 767px) { .appstore img {margin:0 auto; display:block}}
@media (max-width: 530px) { 
.fancybox-iframe div {width:310px}
.fancybox-type-iframe div.fancybox-inner {height:290px !important}
.fancybox-iframe {width:92%} 
.purchase-page .impresso .impresso-buttons i {font-size:24px} }
.purchase-page.hobby p.dl-button img, .pro-page p.dl-button img, .index-pg p.dl-button img, .widget.app-info p.dl-button img {margin-right:5px; padding-bottom:3px}
.pro-page .col-sm-8 .col-md-6 .post-content p {margin-bottom:5px}
.pro-page .col-sm-8 .col-md-6 .post-content p.dl-button {margin:0}
@media (max-width: 1199px) and (min-width: 992px)
{.pro-page .blog-posts figure.full {margin:0 -15px 25px}}



/** Purchase Page **/
.purchase-pg h1, .purchase-pg h1 a, .tut-pg h1, .tut-pg h1 a {font-weight:300; text-align:center}
.purchase-grid .bordered figure {margin-bottom:0}
.purchase-grid a {font-weight:400}
.purchase-grid strong {font-weight:500}
.purchase-grid h4 {font-size:20px}
.purchase-pg .blog-posts.classic-blog .bordered {padding-bottom:10px}
.purchase-grid .price {color: #9a9b9d; font-size: 36px; margin: 5px 0 10px 0; text-align:right;}
.purchase-grid .col-sm-3.last {text-align:right; padding-right:10px}
.purchase-grid .col-sm-3.last p {margin-bottom:10px}
.purchase-grid .col-sm-3.last .mac-win {padding-right:1px; margin-bottom:3px;}
.purchase-grid .mac-win img {padding-right:2px}
.purchase-grid.bundle .col-sm-3.last img {max-width:100%}
.purchase-grid .col-sm-3.last img {max-width:90%; margin:0 auto}
.purchase-grid .dl-button img {padding-right:5px; padding-bottom:2px}
.purchase-grid .col-sm-3.last .dl-button {margin-bottom:5px}
.purchase-grid .col-sm-3.last .cartt {display:none}
.purchase-grid .col-sm-3.last .show-sml2 {display:none}
.purchase-grid .col-sm-6 {display:table; padding:0}
.purchase-pg hr { padding: 0; margin-bottom: 30px; margin-top: 0; }
@media  (max-width: 768px) { 
.purchase-pg .post.bordered.section-title h2 {text-align:center}
.purchase-pg .post.bordered.section-title h2:after {border:none; width:0; margin:0}
}
@media  (min-width: 991px) { .purchase-grid.bundle .col-sm-6 {width:52%}
.purchase-grid.bundle .col-sm-3:last-of-type {width:23%}
.purchase-grid figure {padding:0 5%}
.purchase-grid.bundle figure {padding:0}
}
@media  (max-width: 460px) { .purchase-pg h1 {font-size:24px} }
@media  (min-width: 992px) {.purchase-grid .price {white-space:nowrap}}
@media  (max-width: 767px) { 
.purchase-grid .col-sm-3.last {width:100%}
.purchase-grid .col-sm-3.last .left {float:right}
.purchase-grid .col-sm-3.last .right {float:left; text-align:left}
 }
 
@media  (max-width: 667px) { 
  .purchase-grid .col-sm-3.last {padding-right:0; padding-left:0}
 }
@media  (max-width: 412px) { 
   .purchase-grid .col-sm-3.last .left {float:left; text-align:left}
   .purchase-grid .col-sm-3.last .right {clear:both; text-align:left}
   .purchase-grid .col-sm-3 {padding-left:0}
   .purchase-grid .col-sm-3 .price {margin-left:0; text-align:left}
   }
@media (min-width: 413px) and (max-width: 767px) {
	   .purchase-grid .col-sm-3.last .left:first-of-type {margin-top:-20px}
	   .purchase-grid .col-sm-3.last .left.strike-out {width:100%}
	   }
  
  
  
/** Impresso Pro **/
.fixedwidthbanner-container.revolution.wide {width:1100px !important; max-width:90%; height:initial !important; max-height:100%}



/** Newsletter sign up page **/
.signup-form.page .searchform .btn {width:auto; position:absolute;}
.signup-form.page {margin:20px 5%}
.signup-page .bordered p, .signup-page h4 {padding:0 5%}
.signup-page .bordered h3 {margin-bottom:20px; margin-top:30px}



/** Footer **/
@media  (max-width: 1199px) {.footer .break {display:block}}
@media  (min-width: 1200px) {.footer .big-pull-left {float:left; padding-right:10px}}
@media  (max-width: 600px) { .footer .break-sml { display:block} .footer .pull-left {margin-bottom:0}}



/** Premium Page **/
.premium .item.swiper-slide-visible img {max-height:100%}



/** Mobile + Hobby + Purchase boxes **/
@media  (min-width: 1200px) { .more-padding {margin-bottom:37px}
.mobile .blog-posts .post {height:618px} .hobby .blog-posts .post {height:676px}}
@media (min-width: 992px) and (max-width: 1199px) {.mobile .blog-posts .post {padding:25px 15px 15px 15px; height:608px }
.mobile .blog-posts .post .mid-margin {margin-bottom:0} .hobby .blog-posts .post {height:640px} .pro-page .blog-posts .post {padding:25px 15px 15px 15px; height:745px } .pro-page .col-md-6 {padding: 0 10px} }
@media (min-width: 768px) and (max-width: 991px) { .mobile .col-sm-4 {padding: 0 8px} .mobile .blog-posts .post {padding:15px 12px 5px 12px; height:600px} .mobile .blog-posts .post .sml-margin {margin:0}
.container.inner.mobile {width:100%; margin-left:1%; }
.container.inner.mobile .col-sm-4 {width:32.333333%}
.container.inner.mobile .col-sm-4 figure img {width:92%; margin:0 auto}
.purchase-pg .container.inner {width:100%}
}
@media (min-width:768px) {.purchase-pg .row.purchase-grid figure {margin-left:-6%; margin-right: -6%}
.purchase-pg .row.purchase-grid.bundle figure {margin-left:-10%; margin-right: -10%}
.purchase-pg .row.purchase-grid figure a .text-overlay {width:80%; margin-left:8%}}

/** Sign up form **/
.form-row.text-input-row.email-field p {display:none}
.form-row.text-input-row.email-field.error p {display:block; height:0; margin:0 0 -5px 0; padding-top:5px; color:#28b8d8; font-style:italic}

/** Preload Images **/
div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px;}

/** Back to top **/
.navbar-fixed-bottom a .icon-up-circled-1 {float:right; font-size:42px; margin: 0 6px 10px 0; display:none}

@media (min-width: 768px) {
.navbar-fixed-bottom {display:none !important}}

/** Index Banner + Mobile **/
/**
.slide-three .caption.sfb.upper.one, .slide-three .caption.sfb.upper.two {top:auto !important; bottom:16%}
.slide-three .caption.sfb.lower.one {top:auto !important; bottom:8%; padding:5px 0}
.slide-three .caption.sfb.lower.two {top:auto !important; bottom:7%}
.slide-three .caption.sfb.lower.three {top:auto !important; bottom:0%}
.slide-three {background-color:#076bb6}
.slide-three.one {background-color:#076bb5}
.slide-four .caption.sfb.left.one div:first-of-type, .slide-four .caption.sfb.left.one div:last-of-type, .slide-four .caption.sfb.right.one div  {color:#fff}
.slide-four .caption.sfb.left.two {bottom:42%; top:auto !important; left:5%;  height:35%}
.slide-four .caption.sfb.left.one {bottom:36%; top:auto !important; width:290px;}
.slide-four .caption.sfb.right.one {bottom:36%; top:auto !important; width:22%;}
.slide-four .caption.sfb.left.one div:first-of-type, .slide-four .caption.sfb.right.one div:first-of-type {font-size: 28px !important;  line-height: 35px; text-transform:uppercase; font-family:'Roboto', serif; font-weight:700}
.slide-four .caption.sfb.left.one div:last-of-type { white-space:normal; padding-top:40px; font-size:20px !important; line-height:28px !important}
.slide-four .caption.sfb.right.one div.two, .slide-four .caption.sfb.right.one div.three {width:224px}
.slide-four .caption.sfb.right.one img {margin:0 auto; display:block; width:185px !important; height:auto !important}
.slide-four .caption.sfb.right.one div.two {top:40px;}
.slide-four .caption.sfb.right.one div.three {top:110px;}
.slide-four .caption.sfb.right.one img {border:1px solid #fff; border-radius:8px}
.slide-four .caption.sfb.right.one img:hover {border-color:#28b8d8}
.slide-four .caption.sfb.top {top:94px; color:#fff; font-weight:bold; font-size:18px !important; padding-left:0 !important}
.slide-four .caption.sfb.middle { width:auto; top:124px !important}
.slide-four .caption.sfb.middle img {width:1008px !important; height:auto !important; margin:0 auto; display:block}
.slide-four .caption.sfb.left.two img {width:auto !important; height:100% !important;}
.slide-four .caption.sfb.right.one div:first-of-type {margin: 0 auto !important}
.slide-four .caption.sfb.top.tp-caption.start {color:#666}
.slide-four .caption.sfb.top.tp-caption.start a {color: #fff}
.index-pg .slide-three .caption.sfb.lower.one.bold img {min-height: 30px; width:auto !important}
.slide-three .tp-caption.sft.slidelink.hasclicklistener {top:0 !important; left:0 !important}
.slide-four img, .slide-four p, .slide-four .caption {-webkit-transform: none !important}
.slide-three .caption.sfb.top.tp-caption.start img { height:100% !important; width:auto !important}
.slide-three .caption.sfb.top.tp-caption.start {height:60%; top:10% !important}
.slide-four .caption.sfb.middle.bg.tp-caption.start {width:100%; background:#a6cad6}
.slide-four .caption.sfb.middle.tp-caption.start {height:56%}
.slide-four .caption.sfb.middle.tp-caption.start img {width:auto !important; height:100% !important}

@media (max-width: 782px) { .slide-three .caption.sfb.top.tp-caption.start {top:5% !important} }

.slide-three .caption.sfb.lower.three.tp-caption.start img {height:100% !important; width:auto !important}
.slide-three .caption.sfb.lower.three.tp-caption.start {max-height:450px; height:45% !important; width:auto}

@media (min-width: 992px) { 
.slide-four .caption.sfb.left.one, .slide-four .caption.sfb.right.one {bottom:27%}
.slide-four .caption.sfb.left.two {bottom:2%;}
.slide-three .caption.sfb.lower.two img {height:100% !important; width:auto !important}
.slide-three .caption.sfb.lower.two {max-height:64px; height:6%; width:auto}
 }
 
@media (min-width: 1200px)  {
.slide-four .caption.sfb.middle.tp-caption.start {height:58%}
.slide-four .caption.sfb.left.two {bottom:2.5%}
}
 
 @media (max-width: 991px) { 
.slide-four .caption.sfb.right.one div:first-of-type {display:none}
.slide-four .caption.sfb.left.one {width:520px; left:36% !important}
.slide-four .caption.sfb.right.one div.two, .slide-four .caption.sfb.right.one div.three {width:180px}
 }
 
 @media (max-width: 1199px) {
.slide-four .caption.sfb.right.one { left:auto !important; right:5%}	}

@media (min-width: 769px) and (max-width: 991px)	{ 
.slide-four .caption.sfb.left.one {width:37%; left:auto !important; right:27%}  }
	  
 @media (min-width: 768px) and (max-width: 991px)	{
.slide-four .caption.sfb.left.two {bottom:2%}
.slide-four .caption.sfb.left.one {bottom:27%}	
.slide-four .caption.sfb.left.two { left:2% !important}
.slide-four .caption.sfb.right.one {right:5%; left:auto !important; bottom:32%}
.slide-four .caption.sfb.right.one img {width:160px !important}
.slide-four .caption.sfb.middle.tp-caption.start {height:52%}
.index-pg .tp-bullets {bottom:20px !important}
.slide-four .caption.sfb.left.two img {max-width:100%}
}

@media (min-width: 768px) and (max-width: 782px) {
	.index-pg .fullscreenbanner-container.revolution {margin-top:80px} 
	.slide-four .caption.sfb.top {top:14px}
	.slide-four .caption.sfb.middle {top:44px !important}
	
	.slide-four .caption.sfb.left.one {width:36%; bottom:37%}
	.slide-four .caption.sfb.right.one {bottom:40%}
}

@media (min-width: 769px) and (max-width: 782px) { .slide-four .caption.sfb.left.two {bottom:10%} }

 @media (min-width: 769px) and (max-width: 991px) and (min-height: 751px) { .slide-four .caption.sfb.left.two img {max-height:254px} }

 @media (min-width: 769px) and (max-width: 930px)	{
.slide-three .caption.sfb.lower.two.tp-caption.start {margin-left:2%}
.slide-three .caption.sfb.lower.two.tp-caption.start img {width:150px !important; height:auto !important}
.slide-three .caption.sfb.lower.one {padding:2px 0} 
 }
  @media (min-width: 769px) and (max-width: 880px)	{
 .index-pg .slide-three .caption.sfb.lower.one.bold {font-size:26px}
  }
 

@media (min-width: 1200px) {
	.slide-four .caption.sfb.left.one div:first-of-type, .slide-four .caption.sfb.right.one div:first-of-type {font-size:30px !important}
	.slide-four .caption.sfb.left.one div:last-of-type {font-size:24px !important}
	.slide-four .caption.sfb.left.one {width:340px; max-height:24%}
	.slide-four .caption.sfb.right.one div.two, .slide-four .caption.sfb.right.one div.three {width:240px; margin-left:50px}
	.slide-four .caption.sfb.middle img {width:1200px !important}
	.slide-four .caption.sfb.left.two img {margin-left:-50px}
	.slide-four .caption.sfb.right.one div:first-of-type {margin-left:50px !important}
}

@media (min-width: 992px) and (max-height: 767px) {
	.slide-four .caption.sfb.left.one, .slide-four .caption.sfb.right.one {bottom:24%}
	.slide-four .caption.sfb.left.one {width:42%; margin-left:3% !important}
	.slide-four .caption.sfb.right.one div.three {top:100px}
	.slide-four .caption.sfb.right.one img {width:150px !important}	
}

@media (min-width: 1200px) and (max-height: 800px) {
	.slide-four .caption.sfb.left.one {margin:0 !important}
	.slide-four .caption.sfb.left.one {width:540px;}
	.slide-four .caption.sfb.left.one, .slide-four .caption.sfb.right.one {bottom:25%}
}

@media (min-width: 1200px) and (max-height: 600px) {
	.slide-four .caption.sfb.middle.tp-caption.start {height:52%}
}

@media (min-width: 992px) and (max-width: 1024px) { 
.slide-four .caption.sfb.left.one {margin-left:2% !important;}
.slide-four .caption.sfb.left.two {max-height: 310px}
}

@media (max-width: 768px) {
.slide-three .caption.sfb.lower.three {display:none}
.slide-three .caption.sfb.upper.one img, .slide-three .caption.sfb.upper.two img {width:100% !important; height:auto !important}
.slide-three .caption.sfb.upper.one {width:59%; left:5% !important}
.slide-three .caption.sfb.upper.two {left:68% !important; width:24%} 
.slide-three .caption.sfb.lower.two {left:67% !important; bottom:5%; padding:5px}
.slide-four .caption.sfb.top {top:14px}
.slide-four .caption.sfb.left.two {left:1% !important; width:33%; height:auto}
.slide-four .caption.sfb.left.two img {width:100% !important; height:auto !important}
.slide-four .caption.sfb.left.two .caption.sfb.tp-caption.start {width:100%}
.slide-four .caption.sfb.left.two .caption.sfb.tp-caption.start img {width:inherit !important}
.slide-four .caption.sfb.left.one {width:100% !important; bottom:36%}
.slide-four .caption.sfb.left.one {width:59% !important; }
.slide-four .caption.sfb.right.one {width:59% !important; }  
.slide-four .caption.sfb.right.one div.two, .slide-four .caption.sfb.right.one div.three {width:40%}
.slide-four .caption.sfb.right.one img {width:96% !important; margin:0 auto 0 0; max-width:160px}
.index-pg .tp-bullets {bottom:-20px !important}
.index-pg .slide-three .caption.sfb.lower.one.bold {left:5% !important; bottom:7%; padding:0 2px}
.slide-three .caption.sfb.lower.two img {width:160px !important; height:auto !important}
.slide-four .caption.sfb.right.one div {float:left; position: static}
.slide-four .caption.sfb.right.one { width:auto; bottom:5%}
}

@media (max-width: 767px) {
.slide-four .slotholder {padding-top:0px}
.slide-four .caption.sfb.middle {top:44px !important}
.slide-four .caption.sfb.left.two {bottom:2%}
}

@media (max-width: 800px) and (min-height: 960px) {
.slide-three .caption.sfb.lower.three.tp-caption.start {height:34% !important}
.slide-four .caption.sfb.left.two {height:27%}
.slide-four .caption.sfb.middle.tp-caption.start {height:57%}
.slide-four .caption.sfb.left.one {bottom:25%}
.slide-four .caption.sfb.right.one {bottom:28%}
}

@media (max-width: 768px) and (min-height: 960px) {
.slide-four .caption.sfb.right.one {bottom:5%}
.slide-four .caption.sfb.left.two {width:45%; height:auto !important}
.slide-four .caption.sfb.left.one {width:44% !important; left: 50% !important; bottom:32%}
.slide-four .caption.sfb.right.one div.two, .slide-four .caption.sfb.right.one div.three {width:50%}
.slide-four .caption.sfb.right.one {width:47% !important}
}

 @media (min-width: 600px) and (min-height: 960px) {
.slide-four .caption.sfb.left.two {width:47%; bottom:4%}
.slide-four .caption.sfb.right.one {right:4%; }
.slide-four .caption.sfb.left.one div:last-of-type {padding-top:30px !important; padding-left:3px !important}
 }

 @media (width:1024px) and (height:600px) {
.slide-three .caption.sfb.lower.two {height:8%}
.slide-four .caption.sfb.right.one div:first-of-type {display:none}
.slide-four .caption.sfb.right.one {bottom:28%}
.slide-four .caption.sfb.left.one {bottom:22%}
 }
  
 @media (height: 1024px) and (width: 768px) {
 .slide-four .caption.sfb.left.two {bottom:0}
 }
 
  @media (height: 480px) and (width: 800px) {
 .slide-four .caption.sfb.left.one {width:48%; bottom:25%}
 .slide-four .caption.sfb.middle {top:96px !important}
 .slide-four .caption.sfb.left.one div:last-of-type {font-size:18px !important; line-height:24px !important}
 .slide-four .caption.sfb.right.one img {width:130px !important}
 .slide-four .caption.sfb.right.one div.three {top:96px}
  }

@media (max-width: 768px) and (max-height: 610px) {
.slide-four .caption.sfb.right.one img {max-width:140px}
.slide-four .caption.sfb.right.one div.two, .slide-four .caption.sfb.right.one div.three {width:50%}
.slide-four .caption.sfb.right.one {width:42% !important}
}

@media (max-width:650px) {
	.slide-three .caption.sfb.lower.two {  left: 68% !important;  bottom: 5%; padding:3px 0 }
	.index-pg .slide-three .caption.sfb.lower.one.bold {font-size:28px}	
	.slide-four .caption.sfb.left.one div:last-of-type {font-size:18px !important}
	.index-pg .slide-three .caption.sfb.lower.one.bold {padding:2px; bottom:6%}
	.slide-three .caption.sfb.upper.one, .slide-three .caption.sfb.upper.two {bottom:14%}
	.slide-three .caption.sfb.upper.one {width:60%}
	.slide-three .caption.sfb.lower.two img {width:140px !important}
	}
		
@media (max-width:570px) {	
	.slide-four .caption.sfb.right.one {bottom:6%}
	.slide-three .caption.sfb.lower.two {left:65% !important}
}

 @media (min-width: 497px) and (max-width: 570px)	{
.slide-three .caption.sfb.lower.one.bold.tp-caption.start img {display:none}
.slide-three .caption.sfb.lower.two {left:61% !important}
 }

@media (max-width:496px) {
.index-pg .revolution ul, .index-pg .revolution ul li, .index-pg .revolution, .index-pg .revolution .fullscreenbanner {height:500px !important} 
.slide-four .caption.sfb.right.one {bottom:3%}
.slide-four .caption.sfb.left.one {bottom:31%; left:auto !important; right:4%}
.slide-four .caption.sfb.left.one div:last-of-type {font-size:16px !important}
.slide-four .caption.sfb.left.one div:last-of-type {line-height:24px !important; padding-top:20px !important; padding-left:6px !important}
.slide-four .caption.sfb.top {font-size:14px !important}
.index-pg .slide-three .caption.sfb.lower.one.bold {font-size:20px; padding:2px}
.slide-three .caption.sfb.lower.two.tp-caption.start img {width:100% !important; height:auto !important}
.slide-three .caption.sfb.lower.two.tp-caption.start {left:66% !important; bottom:6%; width:22%}
.index-pg .caption.sfb.lower.one.bold {bottom:6%}
.index-pg .caption.sfb.lower.one.bold img {min-height:20px}
.slide-four .caption.sfb.right.one div.two, .slide-four .caption.sfb.right.one div.three {width:50%}
.slide-four .caption.sfb.right.one img {margin:0 auto; max-width:120px}
}

@media (max-width: 415px) {
.slide-two .caption.sfb.upper.tp-caption.start img {width:100% !important; height:auto !important;}	
.slide-two .caption.sfb.upper.tp-caption.start {top:12% !important; left:auto !important; right:10% !important; width:50%}
.slide-two .caption.sfb.lower.tp-caption.start.one { top:29% !important; left:auto !important; right:11.2% !important}
.slide-two .caption.sfb.lower.tp-caption.start.one b, .slide-two .caption.sfb.lower.tp-caption.start.two b {font-size:16px; text-align:center}
.slide-two .caption.sfb.lower.tp-caption.start.two { top:39% !important; left:auto !important; right:25.7% !important}
.slide-two .caption.sfb.lower.tp-caption.start.three, .slide-two .caption.sfb.lower.tp-caption.start.four {top:44% !important} 
.slide-two .caption.sfb.lower.tp-caption.start.three {left:auto !important; right:36.4% !important; width:25%}
.slide-two .caption.sfb.lower.tp-caption.start.four {left:auto !important; right:9% !important; width:25%}
.slide-two .caption.sfb.lower.tp-caption.start.three img, .slide-two .caption.sfb.lower.tp-caption.start.four img {width:100% !important; height:auto !important}
.slide-three .caption.sfb.upper.one img, .slide-three .caption.sfb.upper.two img {width:100% !important; height:auto !important}
.slide-three .caption.sfb.upper.one {width:60% !important; left:5% !important; right:auto}
.slide-three .caption.sfb.upper.two {width:24% !important; left:auto; right:auto}
.slide-three .caption.sfb.lower.one {font-size:18px !important; left:5% !important; padding:1px 5px !important; top:auto !important; bottom:9%}
.slide-three .caption.sfb.lower.two.tp-caption.start {top:auto !important; bottom:5%; left:67% !important}
.slide-two .caption.sfb.lower.tp-caption.start.one b span {display:block}
.slide-two .caption.sfb.lower.tp-caption.start.one {text-align:center; line-height:normal !important}
.slide-three .caption.sfb.lower.two.tp-caption.start img {width:100% !important; height:auto !important}
.slide-four .caption.sfb.middle img {}
.slide-four .slotholder .tp-bgimg {background-color:#6ca6ba}
.index-pg .revolution ul, .index-pg .revolution ul li, .index-pg .revolution, .index-pg .revolution .fullscreenbanner {height:450px !important}
.slide-four .caption.sfb.top {font-size:10px !important; top:8px}
.slide-four .caption.sfb.middle {top:24px !important}
.slide-four .caption.sfb.left.one div:first-of-type {font-size: 24px !important; right:0}
.slide-four .caption.sfb.left.one {bottom:35%}
.slide-four .caption.sfb.left.one div:last-of-type { font-size:14px !important; line-height:20px !important; padding-top:20px !important}
.slide-four .caption.sfb.right.one img {width:90%}
.slide-four .caption.sfb.left.one {width:51% !important}
.slide-four .caption.sfb.right.one {width:51% !important}
.slide-four .caption.sfb.left.two {width:40%}
.slide-three .caption.sfb.upper.two {left:67% !important}
.index-pg .slide-three .caption.sfb.lower.one.bold img {width:48px !important; height:auto !important; min-height:0}
.slide-three .caption.sfb.upper.one, .slide-three .caption.sfb.upper.two {bottom:14%}
.index-pg .caption.sfb.lower.one.bold {bottom:6%}

}

@media (max-width: 360px) {
.slide-four .caption.sfb.left.one div:last-of-type {font-size:12px !important}
}

@media (max-width: 360px) and (max-height: 480px) {
.index-pg .revolution ul, .index-pg .revolution ul li, .index-pg .revolution, .index-pg .revolution .fullscreenbanner {height:405px !important}
.index-pg .slide-four .caption.sfb.left.one div:last-of-type .yellow {display:none}
}


@media (max-width: 346px) and (max-height: 346px) {
.index-pg .revolution ul, .index-pg .revolution ul li, .index-pg .revolution, .index-pg .revolution .fullscreenbanner {height:271px !important}
}

@media (max-width: 320px) {
.index-pg .revolution ul, .index-pg .revolution ul li, .index-pg .revolution, .index-pg .revolution .fullscreenbanner {height:380px !important}
.slide-two .caption.sfb.lower.tp-caption.start.one b, .slide-two .caption.sfb.lower.tp-caption.start.two b, .slide-three .caption.sfb.lower.one {font-size:8px !important}	
.slide-two .caption.sfb.lower.tp-caption.start.one { top:28% !important;}
.slide-two .caption.sfb.lower.tp-caption.start.two { top:30.5% !important;}
.index-pg .slide-three .caption.sfb.lower.one.bold { left:5% !important; font-size:14px !important}
.slide-three .caption.sfb.lower.two.tp-caption.start { padding:4px 0}
.slide-four .caption.sfb.left.one div:first-of-type {font-size:20px !important}
.index-pg .caption.sfb.lower.one.bold img {min-height:14px !important}
.slide-four .caption.sfb.middle img {width:110px}
.slide-four .caption.sfb.middle.tp-caption.start {height:50%}
.slide-four .caption.sfb.left.one {bottom:39%}
.slide-four .caption.sfb.left.two {width:42%; bottom:3%}
.slide-four .caption.sfb.left.one div:last-of-type {padding-top:15px !important}
}

**/


/** Index Flickr **/
.swiper-container.flickr img {height:200px; width:auto}
.swiper-container.flickr {height:200px}


/** Navigation mobile **/
@media (max-width: 415px) {
.basic-wrapper .navbar-brand {max-width:60%}
.basic-wrapper .navbar-brand img {width:100%; height:auto} 
.section-title h3:after, .section-title h3:before {display:none}
}


/** Slide Out **/
.slide-out { position:fixed; top:311px; left:1px; text-align:center; -webkit-transition-duration:600ms;-moz-transition-duration:600ms;-o-transition-duration:600ms;transition-duration:600ms; z-index:99999997;}
.slide-out .inner { position:fixed; width:450px; height:auto; top:311px; left:-70%; padding:10px; background:#FFFFFF; -webkit-transition-duration:600ms;-moz-transition-duration:600ms;-o-transition-duration:600ms;transition-duration:600ms; text-align:left; z-index:99999997;  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.slide-out .slide-icon { position:absolute; left:-1px; top:6px; font-size:30px;  z-index:99999998; background:#28b8d8; color:#fff; padding:3px 5px 2px;  -webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);  box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);}
.slide-out .slide-icon i:before {-webkit-transition-duration:600ms all;-moz-transition-duration:600ms;-o-transition-duration:600ms;transition-duration:600ms;}
	
.slide-out .title {text-align:center; width:260px; margin:2% auto 0; height:30px}
.slide-out .title i, .slide-out .title h4 {color:#28b8d8; font-size:24px}
.slide-out .title .icon {float:left; }
.slide-out .title .icon i	{line-height:0;}
.slide-out .text {text-align:center}
.slide-out a i:hover {color:#FFF}
.slide-out .social-icons {margin: 0 auto 3%; width:362px}
.slide-out .social li a i {border-width:2px}
.slide-out .social-icons p {float:left; margin:4px 10px 0 0; font-weight:500}
.slide-out .signup-form {margin:20px 5%}
.slide-out .icon-mail-alt:before {content:'\e0c4'; font-family:budicon}
.slide-out .social-icons .social {white-space:nowrap}
	
.slide-out.slide-center {left:0;    z-index:99999997;}
.slide-out.slide-center .inner {left:0;    z-index:99999997;}		
.slide-out.slide-center .slide-icon i:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.slide-out.slide-center .slide-icon {background:none; color:#28b8d8; -webkit-box-shadow:none; -moz-box-shadow:none;  box-shadow:none;}
.slide-center .slide-icon i:before {content:'\27a1'; font-size:34px; font-family:fontello}


@media (max-width: 991px) and (min-width: 768px) {.slide-out .searchform .btn {position:absolute; margin:0; width:auto}}
@media (max-width: 768px) { 
.slide-out .inner {left:-500px; max-width:100%}
.slide-out .social-icons p {float:none}
.slide-out .social-icons {width:200px; text-align:center}
.slide-out, .slide-out .inner {top:81px}
}
	
/** Youtube details page **/
.container.inner.features.ui.tube {padding-top:40px}
.youtube-fullscreen {width:inherit; margin:0 auto; display:block }
.container.inner.features.ui.tube figure { width:100%; background-size:contain; padding:3.8% 11.7% 7.2% 11.8%; background-position:top; background-repeat:no-repeat}
@media (min-width: 991px) {	.youtube-fullscreen {height:424px} }
@media (min-width: 1200px) { .youtube-fullscreen {height:501px} }
@media (min-width: 768px) and (max-width: 991px) {  .youtube-fullscreen {height:326px}}
@media (min-width: 745px) and (max-width: 767px) {  .youtube-fullscreen {height:303px}}
@media (min-width: 720px) and (max-width: 767px) { .container.inner.features.ui.tube {padding:20px}}
@media (min-width: 701px) and (max-width: 744px) {  .youtube-fullscreen {height:295px}}
@media (min-width: 610px) and (max-width:700px) {  .youtube-fullscreen {height:253px} .container.inner.features.ui.tube {width:590px}	}
@media (min-width: 601px) and (max-width:609px) {  .youtube-fullscreen {height:253px} container.inner.features.ui.tube {width:580px }	}
@media (min-width: 501px) and (max-width:600px) {  .youtube-fullscreen {height:205px} .container.inner.features.ui.tube {width:500px}	}
@media (min-width: 420px) and (max-width:500px) {  .youtube-fullscreen {height:175px} .container.inner.features.ui.tube {width:400px}	}
@media (min-width: 401px) and (max-width:419px) {  .youtube-fullscreen {height:165px} .container.inner.features.ui.tube {width:380px}	}
@media (min-width: 350px) and (max-width:400px) {  .youtube-fullscreen {height:146px} .container.inner.features.ui.tube {width:340px}	}
@media (min-width: 320px) and (max-width:349px) {  .youtube-fullscreen {height:127px} .container.inner.features.ui.tube {width:300px}	}
@media (min-width: 301px) and (max-width:319px) {  .youtube-fullscreen {height:117px} .container.inner.features.ui.tube {width:280px}	}
@media (max-width:300px) {  .youtube-fullscreen {width:100%} .container.inner.features.ui.tube figure {background-image:none !important; padding:3% 1%} }
@media (max-width: 768px) {.video-tab-container {line-height:24px}
.break768 {display:block}}

.video-tab.active {color:#232323;}
.video-tab {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-width:0; position: relative; display: inline-block;}
.video-tab::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 2px;
	background: rgba(0,0,0,0.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}
.video-tab:hover::after,
.video-tab:focus::after, .video-tab.active::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/** form **/
.nocomment {display:none}	
.forms label.submitted-button {background:#28b8d8; padding:9px 20px 8px 20px; font-weight:500; font-size:13px; margin-right:4px; text-transform:uppercase; width:111px; font-family:'Roboto', sans-serif; color:#ccc; text-transform: uppercase;
  -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;}	
  .forms label.subscribed-button {background:#28b8d8; padding:9px 20px 8px 20px; font-weight:500; font-size:13px; margin-right:4px; text-transform:uppercase; width:111px; font-family:'Roboto', sans-serif; color:#ccc; text-transform: uppercase;
  -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; position: absolute; top: 0; right: -5px; height: 40px !important;}

/** video tutorials**/
.video-tut .blog-posts figure.full {margin-bottom:0}	
@media (min-width: 991px), (max-width: 767px) {
	.tutorials .post.bordered .split p {float:left}
	.tutorials .post.bordered .footer-meta a {float:right} }
@media (max-width: 768px) {
	.video-tut .page-title { height:200px}
	.video-tut .page-title h1 {top:30%; line-height:48px}
	 }
@media (max-width: 340px) { .video-tut .page-title h1 {font-size:32px}
.tutorials .post.bordered .post-title {font-size:16px; line-height:18px}}
.video-tut .page-title {display:block !important}
.video-tut .sidebox a.colored {color:#28b8d8}
.video-tut a.colored:hover {color:#666}

.col-sm-4.col.infopg.plugin ul.circled li:before {margin-right:0}
@media (min-width: 992px) {.col-sm-4.col.infopg.plugin .circled {width:134px}
.col-sm-4.col.infopg.plugin ul.circled li:before {margin-right:8px}}
@media (max-width: 767px) and (min-width: 471px) {  
.col-sm-4.col.infopg.plugin ul.circled li:before {margin-right:8px}
.col-sm-4.col.infopg.plugin .circled {width:132px}}
@media (max-width: 470px) { .col-sm-4.col.infopg.plugin .circled {width:80px} }
@media (max-width: 499px) { .page-title.infopg.plugin h1 { top: 26%; line-height: 38px;}}

.faqs.v-card .col-sm-12 {padding:0 4px}
.bold-sm {font-weight:500}
.faqs.v-card .col-sm-6 img {border:solid 2px #f9f9f9}
.faqs.v-card .col-sm-12 img {border:solid 2px #f9f9f9}	
@media (max-width: 767px) {
.detail-pg .grid-portfolio .filter.dark-wrapper.container  { text-align:center	}}

@media (min-width: 768px) and (max-width: 991px) { 
.container.inner.faqs {width:100%}
.dl-page .col-sm-6.big {width:100%}
.container.inner.artist-showcase {width:100%}
.container.inner.review-pg {width:100%}
.container.inner.press-kit-pg {width:100%}
.infopage .container.inner {width:100%}
.download-page .container.inner {width:100%}}


.dl-grid .col-sm-4 a { font-size:18px}

.htpt .post.bordered .split {margin-top:30px}
.social.big li a i {font-size:30px; width:60px; height:60px !important}
.social.big li {margin-right:2%}
table.split td {width:50%; padding-bottom:15px}
table.split td img {width:99%}


/** Popup **/
#hidden_link table img { margin:8px 16px;}
#hidden_link table {text-align:center}
#hidden_link p {color:#fff; font-weight:bold; display:inline}
#hidden_link {max-height:max-content}

.fancybox2 .fancybox-title { background:#18224a; }
.fancybox2 p {color:#fff; font-weight:bold; display:inline}
.fancybox2 .fancybox-title {text-align:center; display:none}
.fancybox2 .fancybox-title img {margin:8px 16px; max-width:100%}
.fancyboxwrap2 {z-index:999999999}
@media (max-height: 340px) {	.fancybox2 .fancybox-title img {margin:8px 0}}

/** detail page project swiper **/
.rip .swiper-container img {max-width:200px; max-height:200px}
.rip .swiper-container .swiper, .rip .swiper-container {height:264px}
.rip .swiper .item .caption { bottom:10px; opacity:1; background:none; text-align:center; max-width:100%; padding:0 0 10px; left:0; width:200px}
.rip .swiper .item {padding-bottom:0}
.rip .swiper .swiper-dl {width:24px; height:16px; margin-right:5px; margin-bottom:3px}
.rip .swiper a {color:#fff}
.rip .black-wrapper .section-title.text-center h3:before,
	.rip .black-wrapper .section-title h3:after {
	    display: inline-block
	}
.rip .swiper-dl-text {color:#a6a6a6; font-size:14px}
.rip #conceptual {position:relative; /*z-index:99999999*/}
.info-videos {width:100%}
.info-videos td {padding: 1% 1% 0; vertical-align:top; width:50%}
.video-pg hr {margin-bottom:20px}
.full-img {margin:0 -15px 20px}
.video-pg .post.bordered .split {margin-top:20px}
.video-pg .format-image h2 {text-align:center}
.video-pg .video-tab-container {margin-top:20px}
.video-pg .share .btn {margin:0 1px 10px}
.video-pg .share {margin:0 -20px 15px}
.video-section p.text-center { margin:10px 0 0}
.video-section p {padding:0 5px}
.video-section hr { width: 100%; border-color: #fff; margin-bottom: 40px; padding-bottom: 10px; border-bottom-width:4px}
.video-section {border-bottom:0}
@media (min-width: 768px) {
.video-section .col-sm-4 { padding:0 5px } }
@media (max-width: 767px) {
.video-section .row.blog-posts {margin:0 auto 30px}
.video-section .col-sm-4 p {margin-bottom:40px}
.video-section .col-sm-4 p.text-center {margin-bottom:0px}
.video-section hr {display:none}}
.video-section strong {font-weight:500; font-size:18px}
.video-section .vid-btn {margin:20px 0 30px}
.vid-btn a.btn {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;  border:solid 2px #7cd2e5; font-weight:500; text-transform:none; font-size:16px; width:135px }
.vid-btn a.btn:first-of-type {background-color:#7cd2e5;}

.vid-btn a.btn:hover {border-color:#00a1c4}
.vid-btn a.btn:first-of-type:hover {background-color:#00a1c4; color:#fff !important}
/* .video-section .vid-btn a.btn:last-of-type {background-color:#fff;  color:#7cd2e5 !important;}
.video-section .vid-btn a.btn:last-of-type:hover {background-color:#fff;  color:#00a1c4 !important}  */ 
.info-videos figure {margin-bottom:5px}
/*.fancybox-type-iframe .fancybox-prev, .fancybox-type-iframe .fancybox-next {display:none} */

.slide-five .sfb.two {display:none}
.infoscreenbanner-container {    width: 100% !important;    position: relative;    padding: 0;}
	
@media (max-width:498px) {
	.slide-five .sfb.one {display:none}
	.slide-five .sfb.two {display:inline}	
	}

@media (min-width:992px) and (max-width:1199px) {	.info-page .row.blog-posts.isotope .col-sm-4.col.infopg.sml  .post .post-content .circled li:last-of-type {line-height:8px} 		}


/*    Newsletter/Notification Popup */

.notification.nfr {	bottom: 0px; 	display: block; 	max-height: 146px; 	position: fixed; 	width: 100%; 	z-index: 9999; 	left: 50%; 	-webkit-transform: translate(-50%, 0); 	-moz-transform: translate(-50%, 0); 	-ms-transform: translate(-50%, 0); 	-o-transform: translate(-50%, 0); 	transform: translate(-50%, 0); 	background: rgba(255,255,255,0.85)}
.notification.nfr .alert-success {margin-bottom:58px; text-align:center}
#close {	display: block;	position: absolute;	right: -4px;	top: -2px;	width: 26px;	height: 26px;	background: #000;	text-align: center;	line-height: 24px;	color: white;
	text-decoration: none;	font-size: 22px;	webkit-border-radius: 13px;	-moz-border-radius: 13px;	border-radius: 13px;	z-index: 99999;}
.notification.nfr img.mid {	display: none}
.notification.nfr img.coupon {	display:block; width: auto;	height: auto;	max-width:100%; max-height: 100%;	margin-left: auto; margin-right: auto}
.notification.nfr .nl-signup {	padding: 10px 0 0;	height: 130px;	width: 640px;	border: #b4b3b3 solid 1px;	background: #fff;	position: absolute;	left: 37%;	bottom: 6px}
.notification.nfr .nl-signup input {	margin: 0}
.notification.nfr .nl-signup .form-container {	height: 40px}
.notification.nfr #close {	right: -8px;	top: -8px}
.notification.nfr .nl-signup div.text-center:first-of-type br {	display: none}
.notification.nfr .nl-signup div.text-center:last-of-type p {	font-weight: 300;	margin: 8px 0 0;	line-height: 16px;	font-size: 14px;}
.notification.nfr .nl-signup div.text-center:first-of-type p {	font-size: 16px;	margin-bottom: 8px}
.notification.nfr .form-row.text-input-row.email-field.error p {margin:-34px 0 0px 13px; z-index:100}

.notification.n15 {	bottom: 0px; 	display: block; 	height: 146px; 	position: fixed; 	width: 100%; 	z-index: 9999; 	left: 50%; 	-webkit-transform: translate(-50%, 0); 	-moz-transform: translate(-50%, 0); 	-ms-transform: translate(-50%, 0); 	-o-transform: translate(-50%, 0); 	transform: translate(-50%, 0); 	background: rgba(255,255,255,0.5)}
.notification.n15 .alert-success {margin-bottom:58px; text-align:center}
#close {	display: block;	position: absolute;	right: -4px;	top: -2px;	width: 26px;	height: 26px;	background: #000;	text-align: center;	line-height: 24px;	color: white;
	text-decoration: none;	font-size: 22px;	webkit-border-radius: 13px;	-moz-border-radius: 13px;	border-radius: 13px;	z-index: 99999;}
.notification.n15 img.mid {	display: none}
.notification.n15 img.coupon {	width: auto;	height: 140px;	max-height: 100%;	position: absolute;	bottom: 4px;	right: 65%}
.notification.n15 .nl-signup {	padding: 10px 0 0;	height: 130px;	width: 640px;	border: #b4b3b3 solid 1px;	background: #fff;	position: absolute;	left: 37%;	bottom: 6px}
.notification.n15 .nl-signup input {	margin: 0}
.notification.n15 .nl-signup .form-container {	height: 40px}
.notification.nl5 #close {	right: -8px;	top: -8px}
.notification.n15 .nl-signup div.text-center:first-of-type br {	display: none}
.notification.n15 .nl-signup div.text-center:last-of-type p {	font-weight: 300;	margin: 8px 0 0;	line-height: 16px;	font-size: 14px;}
.notification.n15 .nl-signup div.text-center:first-of-type p {	font-size: 16px;	margin-bottom: 8px}
.notification.n15 .form-row.text-input-row.email-field.error p {margin:-34px 0 0px 13px; z-index:100}


.notification.n30 {	bottom: 0px; 	display: block; 	height: 142px;	position: fixed; 	width: 100%; 	z-index: 9999; 	left: 50%; 	-webkit-transform: translate(-50%, 0); 	-moz-transform: translate(-50%, 0); 	-ms-transform: translate(-50%, 0); 	-o-transform: translate(-50%, 0); 	transform: translate(-50%, 0); 	background: #27b8d8}
.notification.n30 > div {width:100%; height:136px; margin:0 auto; position:relative;max-width:1080px}
.notification.n30 .alert-success {margin-bottom:58px; text-align:center}
#close {	display: block;	position: absolute;	right: -4px;	top: -2px;	width: 26px;	height: 26px;	background: #000;	text-align: center;	line-height: 24px;	color: white;	text-decoration: none;	font-size: 22px;	webkit-border-radius: 13px;	-moz-border-radius: 13px;	border-radius: 13px;	z-index: 99999;}
.notification.n30 img.mid {	display: none}
.notification.n30 img.coupon {	width: auto;	height: 110px;	max-height: 100%;	position: absolute;	bottom: 4px;	right: 63%}
.notification.n30 img.couponleft {	width: 45%;	height: auto;	max-height: 100%;	position: absolute;	bottom: 106px;	left: 0; z-index:1}
.notification.n30 img.couponright {	width: 50%;	height: auto;	max-height: 100%;	position: absolute;	bottom: 130px;	right: 8%}
.notification.n30 .nl-signup {width: 620px; position: absolute;	right:1%; height: 134px;}
.notification.n30 .nl-signup > p {color:#fff; margin:0; padding:10px 0 10px 1px; font-size:17px}
.notification.n30 .nl-signup > div {	padding: 10px 0 0;	height: 94px;		border: #b4b3b3 solid 1px;	background: #fff;		bottom: 6px}
.notification.n30 .nl-signup input {	margin: 0}
.notification.n30 .nl-signup .form-container {	height: 40px}
.notification.n30 #close {	right: -8px;	top: -8px}
.notification.n30 .nl-signup div.text-center:first-of-type br {	display: none}
.notification.n30 .nl-signup div.text-center:last-of-type p {	font-weight: 300;	margin: 8px 0 0;	line-height: 16px;	font-size: 14px;}
.notification.n30 .nl-signup div.text-center:first-of-type p {	font-size: 17px;	margin-bottom: 8px; max-width:94%; text-align:left; margin:0 auto 10px}
.notification.n30 .form-row.text-input-row.email-field.error p {margin:-34px 0 0px 13px; z-index:100}



.notification.np{	bottom: 0px; 	display: block; 	height: 80px; 	left: 0; 	position: fixed; 	width: 100%; 	z-index: 9999; background: rgba(255,255,255,0.5); -webkit-transform: translate3d(0,0,0); display: none;  }
.notification.np .nl-signup {	padding: 0;	height: 80px;	width: 100%;	border: 1px solid rgba(0, 0, 0, 0.05);	background: #f2f2f2;	position: absolute;	left: 0;	bottom: 0}
.notification.np table{margin:0 auto}
.notification.np h1 {color: #666;    font-size: 36px; margin:0}
.notification.np td > img {height:60px;} 
.notification.np a img {margin: 0;   border: solid 2px #f2f2f2; }
.notification.np table, .notification.np tr, .notification.np td {height:80px;}
.notification.np .intro {margin:0; font-size:36px; font-weight:600}
.notification.np td {margin:0 1%}
.notification.np h1, .notification.np p, .notification.np img {padding-left:10px; padding-right:10px}
.detail-pg .full-width-z-index {z-index:10000; position:relative; background:#f9f9f9; -webkit-transform: translate3d(0,0,0);}
.notification.np .mac-win img {padding: 1px 4px 0;}
.notification.np .mac-win {margin:0; font-size:18px}
.notification.np #close {     -webkit-border-radius: 0; -moz-border-radius: 0;  border-radius: 0; background: #7cd2e5; top:-1px; right:0; cursor:pointer }
.notification.np #close:hover {background:#5f6a72}
.navbar-fixed-bottom {bottom:80px}
.navbar-fixed-bottom a .icon-up-circled-1 {margin-right:0}
.permaclose {display:none !important}
.notification.np.hdp figure img {border:0; padding:0; height:60px; width:auto; max-width:none}
.notification.np.hdp figure {margin-right:10px;}
.notification.np.hdp figure .info {line-height:14px}
.notification.np.hdp figure a .text-overlay:before {top:2px; left:2px; right:2px; bottom:2px}
.notification.np.hdp h2 {font-size:26px; margin:0 10px 0 12px}
.notification.np.hdp table {width:750px}
.notification.np.hdp tr td:last-of-type  a img {margin-left:4px}

.notification.np.ix.permaclose {display:none !important}

.notification.np.ix {opacity:100 !important; display:block !important}
.notification.np.ix .intro {font-size:28px; font-family: 'Roboto', sans-serif;}

@media (max-width:1050px) {
.notification.n15 .nl-signup {	width: 614px}
.notification.n15 .nl-signup div.text-center:last-of-type br {	display: none}
.nl-signup div.text-center:last-of-type {	margin: 0px 6px}
.notification.n15 #close {	top: -14px;	right: -3px}
.notification.n15 img.coupon {	right: 64%}
.notification.n15 .nl-signup {	left: 36.5%}

.notification.n30 .nl-signup div.text-center:last-of-type br {	display: none}
.nl-signup div.text-center:last-of-type {	margin: 0px 6px}
.notification.n30 #close {	top: -14px;	right: -3px}

.notification.np.ix .mac-win img {padding:1px 1px 0}
.notification.np.ix h1, .notification.np.ix p, .notification.np.ix img {padding-left:5px; padding-right:5px}
}
 @media (max-width:991px) {
.searchform .btn {	position: absolute;	width: auto;	margin-top: 0}
.notification.n15 img.coupon {	height: auto;	width: 36%;	min-width: 364px;	right: 0;	left: 0}
.notification.n15 .nl-signup {	width: 57%;	left: auto;	right: 1%}
.notification.n15 .nl-signup div.text-center:last-of-type span {	display: none}
.notification.n15 .nl-signup div.text-center:last-of-type {	margin: 0 50px}
.notification.n15 .nl-signup div.text-center:last-of-type p {	margin-top: 3px}
.notification.n15 .nl-signup div.text-center:first-of-type {	line-height: 16px}
.notification.n15 .nl-signup div.text-center:first-of-type p {	margin-bottom: 5px}
.notification.n15 .nl-signup div.text-center:first-of-type br {	display: inline}

.notification.n30 .nl-signup { width:542px	}
.notification.n30 .nl-signup div.text-center:last-of-type span {	}
.notification.n30 .nl-signup div.text-center:last-of-type {	}
.notification.n30 .nl-signup div.text-center:last-of-type p {	}
.notification.n30 .nl-signup div.text-center:first-of-type {	}
.notification.n30 .nl-signup div.text-center:first-of-type br {}
.notification.n30 img.coupon {display:block;right: 64%; height:auto; width:40%; max-width:337px}

.notification.np .mac-win {font-size:0}
.notification.np h1, .notification.np .intro {font-size:32px}
}

 @media (max-width:870px) {
.notification.n15 .nl-signup {	width: 50%}
.notification.n15 .nl-signup div.text-center:first-of-type br {	display: none}
.notification.n15 .nl-signup div.text-center:last-of-type {	margin: 0 10px}

.notification.n30 .nl-signup {width:492px; right:0	}
.notification.n30 .nl-signup div.text-center:first-of-type br {	display: none}
.notification.n30 .nl-signup div.text-center:last-of-type {	margin: 0 10px}
.notification.n30 img.coupon {bottom:16px}
.notification.n30 img.coupon  {right:63%}
.notification.n30 .nl-signup div.text-center:first-of-type p {max-width:98%; font-size:16px}
.notification.n30 .nl-signup > p {padding-left:8px}

.notification.np.ix .intro {font-size:24px}
.notification.np.ix div.text-center {margin:0}
.notification.np.ix h1, .notification.np.ix p, .notification.np.ix img {padding-left:4px; padding-right:4px}
}

@media (max-width:768px) {
.notification.n30, .notification.n30 > div {	height: 170px}
.notification.n30 img.coupon {	right:49%; width:56%}
.notification.n30 img.couponleft {display:none}
.notification.n30 img.couponright {	width: 45%;	bottom: 112px;	right:auto; left:1%}
.notification.n30 .nl-signup {	height: 116px; width:50%; right:1%}
.notification.n30 .nl-signup div.text-center:first-of-type p {	margin-bottom: 2px; max-width:none; margin:0; padding-left:8px	}
.notification.n30 .nl-signup > p {font-size:16px; padding-bottom:6px; padding-left:2px}
.notification.n30 .nl-signup > div {height:106px}

.notification.np h1, .notification.np .intro, .notification.np img  {text-transform:uppercase; padding-left: 0px; }
.notification.np .intro  { font-family:'Roboto Condensed', sans-serif}
.notification.np h1 {padding-bottom:2px}
.notification.np figure {margin-right:0;}
.notification.np.hdp table {width:auto}

.notification.np.ix .intro {text-transform:none}
.notification.np.ix #close {top:-9px}
.notification.np.ix .mac-win {line-height:14px; padding:0; width:22px}
.notification.np.ix .mac-win img  {width:22px; padding:0}
}

 @media (max-width:740px) {
.notification.n15 .nl-signup div.text-center:last-of-type {	display: none}
.notification.n15 {	height: 130px}
.notification.n15 img.coupon {	width: auto;	height: 96%;	min-width: 0}
.notification.n15 .nl-signup {	height: 116px}
.notification.n15 .nl-signup div.text-center:first-of-type p {	margin-bottom: 10px;	margin-top: 5px}

.notification.np.hdp h2 {font-size:22px; line-height:24px}
.notification.np.ix .intro {font-size: 22px;}

}
 @media (min-width:710px) and (max-width:740px) {.nl-signup div.text-center:first-of-type {	margin: 0px 6px}}
 
@media (max-width:700px) { 
 .notification.np.ix p.mac-win img {padding: 0 0 0 1px;}
.notification.np.ix h1, .notification.np.ix p, .notification.np.ix img {    padding-left: 2px;    padding-right: 2px;} 
}
 
 @media (max-width:684px) {
.notification.n15 .nl-signup div.text-center:first-of-type {	margin: 0 8px}
.notification.n15 {	height: 120px}
.notification.n15 .nl-signup {	height: 106px;	width: 57%}
.notification.n15 img.coupon {	width: auto;	height: 92%;	left: -2%}

.notification.np .intro {padding:0 6px}
.notification.np .mac-win, .notification.np img {padding:0}

.notification.np.ix .intro {width: 362px; line-height:26px}
}

 @media (max-width:625px) and (min-width:601px) {.notification.n15 .nl-signup div.text-center:first-of-type {	margin: 0}}

  @media (max-width:638px) {
  .notification.np .intro  {display:none}
  .notification.np.hdp h2{font-size:18px; line-height:22px; margin:0}
  
  .notification.np.ix .intro {display:block; width: auto;    line-height: 22px;    font-size: 20px;}
  .notification.np.ix .int-con {width:50%}
  }
 
 @media (max-width:620px) {
 .notification.n30 .nl-signup {width:100%; right:0}
 .notification.n30 .nl-signup  p, .notification.n30 .nl-signup div.text-center:first-of-type p {text-align:center; max-width:306px; margin-left:auto; margin-right:auto; padding:6px 0}
 .notification.n30 img.couponright,  .notification.n30 img.coupon {display:none}
 .notification.n30, .notification.n30 > div {height:160px}
 .notification.n30 .nl-signup > div {height:104px; padding-top:0; border-color:#fff}
 .notification.n30 .form-row.text-input-row.email-field.error p {text-align:left}
 }

 @media (max-width:600px) {
.notification.n15 img.coupon {	display: none}
.notification.n15 {	height: 166px}
.notification.n15 .nl-signup {	width: 98%;	height: 150px}
.notification.n15 .nl-signup div.text-center:last-of-type {	display: block}
.notification.n15 .nl-signup div.text-center:last-of-type span {	display: inline}
.notification.n15 .nl-signup div.text-center:first-of-type p {	margin-bottom: 8px;	margin-top: 0}
.notification.n15 .nl-signup div.text-center:last-of-type p {	margin-top: 6px}

.notification.np h1, .notification.np .intro {padding:0 10px}

.notification.np td > img {}
.notification.np p, .notification.np img {padding:0}
.notification.np .mac-win img {padding:1px 0 0 2px}
.notification.np h1, .notification.np img {padding:0 6px}
}

@media (max-width:555px) { 
.notification.np.hdp h2 {margin-top:8px}
.notification.np.hdp td {width:100%; display:block; height:46px; margin:0}
.notification.np.hdp tr td:first-of-type {display:none}
.notification.np.hdp .nl-signup {height:100px}
.notification.np.hdp tr td:last-of-type  a img {margin:2px 0 0}
}

 @media (max-width:500px) {
 .notification.np.ix tr td:first-of-type {width:12%}
.notification.np.ix tr td:first-of-type  img{width:100%; height:auto}
.notification.np.ix .mac-win {padding:0}
.notification.np.ix .intro {font-size:18px; line-height:20px}
}

@media (max-width:420px) {
 .notification.np.ix tr td:first-of-type {width:1%}
 .notification.np.ix tr td:first-of-type  img {display:none}
 .notification.np.ix .int-con {width: 62%;}
 }

 @media (max-width:402px) {
.notification.n15 {	height: 178px}
.notification.n15 .nl-signup {	height: 165px}
.notification.n15 .form-row.text-input-row.email-field.error p {margin:-34px 0 0px 13px}

.notification.np td > img {height:50px}
.notification.np h1, .notification.np img {padding:0 2px}
.notification.np .nl-signup > div.text-center {margin:0}

.notification.np.ix .intro {padding:0}
.notification.np.ix .mac-win, .notification.np.ix .mac-win img {width:16px}


}

 @media (max-width:375px) {
 .notification.np.hdp figure img {display:none}
 .notification.np.hdp td > a img {padding-right:8px}
 .notification.np.hdp table {margin-top:22px}
 .notification.np.hdp .nl-signup {height:120px}
 
 .notification.np.ix .line-through {display:none}
 }



 @media (max-width:352px) {
 .notification.n15 {	height: 193px}
 .notification.n15 .nl-signup {	height: 180px}
}

@media (max-width:340px) {
.notification.np td > img {height: 45px;    padding-left: 0;}
.notification.np table {width:100%}
.notification.np .mac-win img {padding-left:0}
.notification.np a img {border:none; width:110px}
.notification.np h1, .notification.np img {padding:0; font-size:26px}

.notification.np.ix .intro{padding-left:4px; margin:0}
.notification.np.ix h1, .notification.np.ix p, .notification.np.ix img {padding:0}
.notification.np.ix .int-con {width: 56%;}
}
 @media (max-width:318px) {
.notification.np.hdp {display:none !important}
}
 @media (max-width:299px) {
.notification.n15 {	display: none}
.notification.np .mac-win {display:none}
.notification.np table{margin-top:8px}

.notification.np.ix .int-con {width: 112px;}
.notification.np.ix .mac-win {display:block}
.notification.np.ix table{margin-top:0}

}



/*    End Notification   */





.big-popup {width:760px !important; height:420px !important; max-height:80%; max-width:80%}
.big-popup .fancybox-inner {width:100% !important; height:420px !important}
.big-popup #data {margin:10px}

.newsletter-popup img {margin:10px auto 0; max-width:80%; width:500px}
#btn-news  {width:100px}
.newsletter-popup table {margin:0 auto}

div#discount input {background:url(style/email-popup/coupon-btn.jpg) no-repeat center; width:148px; height:40px; border: none}
div#mybox {     width: 200px;    height: 40px;    margin: 0 auto;    color: #737373;    font-size: 16px;    border: 1px solid rgba(0,0,0,0.1);    padding-bottom: 1px;    transition-duration: 1s;    background: #fff;    white-space: nowrap;    overflow: hidden; margin-left:-1px; text-align:center; padding:8px 0 0; max-width:100% }
.newsletter-popup table td:last-of-type {display:block}
.newsletter-popup .form-row.text-input-row.email-field.error p {display:table; padding-top:0;}
.newsletter-popup input.required.email { margin-bottom:5px}
.newsletter-popup .searchform .btn {position:absolute; width:auto; margin-top:0}
@media (max-width:920px) { 
.big-popup {height:450px !important; }
.big-popup .fancybox-inner { height:450px !important}
}
@media (max-width:767px) { 
.big-popup {height:460px !important; }
.big-popup .fancybox-inner { height:460px !important}
.newsletter-popup img {max-width:100%; width:558px}
}

.big-popup  .fancybox-close{ opacity:1; color:#000 !important; background:#f9f9f9 !important; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.big-popup  .fancybox-close:hover{ color:#fff !important; background:rgba(0,0,0,0.45) !important }
.newsletter-popup .response.alert.alert-success {text-align:center}

@media (max-width:760px) and (min-width:710px) { 
.big-popup {height:470px !important; }
.big-popup .fancybox-inner { height:470px !important}
}

.fancybox-overlay {background:rgba(27,27,27,0.7) !important}

/*.fullscreenbanner-container.revolution, .fullscreenbanner {min-height:300px} */
.tp-bullets {bottom:20px !important}
.fullscreenbanner-container.revolution.one { border-top:rgba(21,21,21,0.9) 0px solid}

@media (min-width:721px) and (max-width:767px) { .index-pg .navbar {position:fixed;} 
.fullscreenbanner-container.revolution.one { border-top:rgba(21,21,21,0.9) 0px solid}  }

@media (max-width:720px) {
	.fullscreenbanner-container.revolution.one {position: absolute; top: -9999px; left: -9999px; border-top:0}
	.fullscreenbanner-container.revolution.two {position:relative !important; top:auto !important; left:auto !important }
}

.index-pg  .tp-bullets { bottom:10px !important}


/******************************************** INDEX MOBILE APPS ***/
.mobile-apps .post.bordered { padding:10px}
.mobile-apps .col-sm-2 {width:20%; padding:0}
.mobile-apps .col-sm-6 {padding: 0 5px} 
.mobile-apps .col-sm-6.cr8  img  {width:85%; margin:5px auto 0}
.mobile-apps .col-sm-2 figure.full {margin-bottom:5px}
.mobile-apps .col-sm-6 .bordered figure {margin-bottom:10px}
.mobile-apps .col-sm-2 h3 {font-family:'Roboto', serif; font-weight:500; width:75%; margin:0 auto}
.index-pg .light-wrapper .light-wrapper {border-bottom:none; }
.index-pg .light-wrapper .light-wrapper .inner {padding-bottom:0; padding-top:30px}
.mobile-apps figure a .text-overlay {margin:0 16%; height:88%; width:68%}
.mobile-apps .col-sm-2 img {width:65%; margin:0 auto}



@media (max-width: 1199px) {
.mobile-apps .col-sm-2 h3.post-title {margin:0 auto 10px}
.mobile-apps .post.bordered {padding-bottom:0}
.mobile-apps figure a .text-overlay { height:86%; }
}
@media (max-width: 991px) {
.mobile-apps .col-sm-2 h3.post-title {height:38px;}
.mobile-apps figure a .text-overlay { height:76%; }
}
@media (max-width: 767px) {
.mobile-apps .col-sm-6.cr8  img {margin-bottom:20px; max-width:500px }
.mobile-apps .col-sm-6.dog  img { width:94%;  margin:0 auto}
.mobile-apps .col-sm-2 figure.full {margin:0 -20px 5px}
.mobile-apps table {width:94%; margin:10px auto 0}
.mobile-apps .col-sm-2 h3.post-title { margin:0 auto 10px}
.mobile-apps figure a .text-overlay {height:73%}
}
@media (max-width: 654px) {
.mobile-apps .col-sm-2 h3.post-title {font-size:16px; line-height:18px; margin:0 auto 6px}
.mobile-apps {padding:0}
.mobile-apps .col-sm-6.dog img {width:100%}
.mobile-apps table {width:100%}
.mobile-apps figure a .text-overlay { height:72%; }
}
@media (max-width: 560px) {
.mobile-apps .col-sm-2 .no-wrap { white-space:normal}
.mobile-apps figure a .text-overlay {height:70%}
}
@media (max-width: 530px) {
.mobile-apps .col-sm-2 figure.full {margin:0 -15px 5px}
.mobile-apps figure a .text-overlay { height:58%; }
.mobile-apps figure a .text-overlay .info {top:40%}
.mobile-apps .col-sm-2 h3.post-title {height:58px}
}
@media (max-width: 480px) {
.mobile-apps .col-sm-2 h3.post-title {font-size:14px; line-height:16px; height:30px}
.mobile-apps {margin:0 -10px}
}

@media (max-width: 465px) {
.mobile-apps .col-sm-2 h3.post-title { height:44px}
.mobile-apps figure a .text-overlay { height:62%; }
}

.social.social-big li a i {font-size:30px; width:36px; height:36px !important;}
.social.social-big .icon-s-pinterest {padding-top:2px}
li.no-drop.menu-tutorial a {text-transform:uppercase}
.new-fx span {color:#28b8d8; font-weight:500}
.new-fx p {padding:10px 6px}
.infopage .split p {margin-bottom:0; display:inline}
.infopage .split div {float:right; padding-top:8px}
.infopage .split div a {font-size:12px}
.infopage .split {width:100%; padding-bottom:16px;}
.infopage .split.last {padding-bottom:0}
.appstore-badge { width: 148px; padding-top: 3px}

/*******    Detail Page Anchors    ********/  
.anchors.dark-wrapper {border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom:none}
.anchors .inner { padding:20px 0 10px}
.anchors .row {margin:0}
.anchors .row .icon {padding-top:2px; margin-left:10%; }
.anchors h4 {font-family:'Roboto', sans-serif; font-weight:500}
.detail-pg .dark-wrapper a h4 {color:#28b8d8; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in}
.detail-pg a:hover h4, .detail-pg a:hover i, .detail-pg a:hover div i.icn {color:#232323}
.services-1 .icon i.icn:hover {color:#232323}
.demo-anchor .icon i.icn:hover, .info-anchor2 .icon i.icn:hover {color:#28b8d8}
.anchors .demo-anchor .icon {margin-left:0} 
.anchors .demo-anchor span {color:#28b8d8}
.anchors .info-anchor .icon {margin-left:15%}
.anchors  .text { width:20%; float:left}
.demo-anchor img {    width: 20px;}
.anchors.hobby .text {width:24%}
.anchors.hobby .info-anchor2 {width:28%}
.anchors.hobby.two .text {width:22%}
.anchors.hobby.two .info-anchor2 {width:34%}

@media (max-width: 1199px) {
.anchors .services-1 .icon i.icn {font-size:38px}
.anchors .inner div.text:last-of-type h4 {white-space:nowrap; overflow:visible}
.anchors .row .icon {margin-left:9%; margin-right:12px}
.anchors .demo-anchor .icon {margin-left:0}
}

@media (max-width: 991px) {
.anchors .inner.container.services-1 {width:100%}
.anchors .inner .text { width:17%; }
.anchors .inner div.text:last-of-type {width:21%}
.anchors .inner .demo-anchor, .anchors .inner .info-anchor, .anchors .inner .info-anchor2 {width:22%}
.anchors.hobby .inner .text {width:22%}
.anchors.hobby .inner div.text.info-anchor2 {width:34%}
.anchors.hobby.two .inner .text.demo-anchor {width:20%}
.anchors.hobby.two .inner .text {width:19%}
.anchors.hobby.two .inner div.text.info-anchor2 {width: 42%;}
}

@media (max-width: 810px) {
.anchors h4 {text-align:center}
.anchors .row .icon {float:none; margin:0 auto}
.anchors.hobby .inner .text {width:19%}
.anchors.hobby .inner div.text.info-anchor2{width:38%}
.anchors.hobby .inner .demo-anchor{width:24%}
}

@media (max-width: 600px) {
.anchors.hobby.two .inner .text {width:24%}
.anchors.hobby.two .inner div.text.info-anchor2 {width: 28%;}
.anchors.hobby.two .inner .text.demo-anchor{width:24%}
.anchors.two .inner div.text:last-of-type h4 {white-space:normal}
}


@media (max-width: 540px) {
.anchors h4 {text-align:left}
.anchors .row .icon {float:left; margin:0 8px 0 18%}	
.anchors .inner .text { width:50%; padding:3px 0 }
.anchors .inner div.text:first-of-type {padding-top:0}
.anchors .inner div.text:last-of-type {width:50%; padding-bottom:0}
.anchors.hobby .inner .text, .anchors.hobby.two .inner .text { width:40%; padding:3px 0 }
.anchors.hobby .inner div.text.info-anchor2 { width:60%; padding:3px 0 }
.anchors.hobby .inner .info-anchor2 .icon {margin-left:12%}

.anchors.hobby.two .inner .text.demo-anchor { width:100%; padding:3px 0 }
.anchors.hobby.two .inner div.text.info-anchor2 { width:100%; padding:3px 0 }
.anchors.two .row .icon {margin-left:20%}
.anchors.two .demo-anchor .icon, .anchors.hobby.two .info-anchor2 .icon {margin-left:8%}
}

@media (max-width: 490px) {
.anchors.hobby .inner .info-anchor2 .icon {margin-left:8%}
.anchors .row .icon {margin-left:12%}
}

@media (max-width: 460px) {
.anchors.hobby .inner .info-anchor2 .icon {margin-left:4%}
.anchors .row .icon {margin-left:6%}
.anchors.hobby.two .info-anchor2 .icon {margin-left:8%}
}

@media (max-width: 430px) {
.anchors.hobby .inner .text  {width:40%; margin:0 5%}
.anchors.hobby .inner .text.demo-anchor, .anchors.hobby .inner div.text.info-anchor2 {width:90%; float:none; margin:0 5%}
.anchors.hobby .inner .text.demo-anchor .icon, .anchors.hobby .inner div.text.info-anchor2 .icon {margin-left:2%; padding-left:2px}

.anchors.two .row .icon {margin-left:6%}

}

@media (max-width: 330px) {
.anchors .inner .text, .anchors .inner div.text:last-of-type {width:100%}

}




@media (max-width: 310px) {
.anchors.hobby .inner .text {    width: 48%;    margin: 0 1%;}
.anchors.hobby .inner .text.demo-anchor, .anchors.hobby .inner div.text.info-anchor2 {width:98%; margin:0 1%}
.anchors .inner div.text:last-of-type h4 {white-space:normal}
.anchors.hobby.two .inner .text, .anchors.hobby.two .inner .text {width:48%}
}
@media (max-width: 260px) {
.anchors.hobby .inner .text, .anchors.hobby .inner .text.demo-anchor, .anchors.hobby .inner div.text.info-anchor2, .anchors.hobby.two .inner .text, .anchors.hobby.two .inner .text {width:100%}
}



/********** End Detail Page Anchors ********/

.app-info h4 {margin-bottom: 10px; font-family:'Roboto'}
.app-info h4 a {color:#28b8d8}
.app-info h4 a:hover {color:#666}
.app-info .text-center p:last-of-type {margin-bottom:2px}
.tut-pg h3 {font-weight: 500; font-size: 18px; padding:0 3%}
.tut-pg .bordered {padding:0}
.tut-pg h2 {font-weight:400;}
.tut-pg .inner {padding-top:40px}
.tut-pg hr {margin-bottom:30px}
.tut-pg p {padding:0 12px}
.footer-meta {text-align:right}
.footer-meta.right {float:right}
.footer-meta.left {text-align:left; margin-bottom:0}
.footer-meta.right, .footer-meta.left {margin-top:6px}
.tut-pg .navigation {max-width:960px; margin:0 auto}
.tut-pg .navigation a {white-space:nowrap}
.tut-pg .col-sm-4 {padding:0 10px}
.tut-pg .ip .col-sm-4.col .post.bordered {    min-height: 349px;}
.tut-pg .mt .col-sm-4.col .post.bordered {    min-height: 310px;}
.tut-pg .rs .col-sm-4.col .post.bordered {    min-height: 338px;}
.tut-pg .rs .col-sm-4.col.two .footer-meta {margin-top:10px}
.tut-pg .col-sm-4  h2{margin:8px 0 6px}
.tut-pg .bordered figure {margin-bottom:10px}
.tut-pg .ht br {display:none}
@media (min-width: 1200px) {
.tut-pg.video-section .col-sm-4 {padding:0 15px}
.tut-pg .ip .col-sm-4.col .post.bordered {    min-height: 360px;}
.tut-pg .mt .col-sm-4.col .post.bordered {    min-height: 342px;}
.tut-pg .rs .col-sm-4.col .post.bordered {    min-height: none;}
}
@media (max-width: 991px) {
.tut-pg .col-sm-4 {width:50%}
.tut-pg .ip .col-sm-4.col .post.bordered {    min-height: 374px;}
.tut-pg .ip div:first-of-type, .tut-pg .rs div:first-of-type, .tut-pg .ht div:first-of-type {    width:100%}
.tut-pg .rs .col-sm-4.col .post.bordered {    min-height: 360px;}
.tut-pg .ht br {display:block}
.tut-pg hr {display:none}
}
@media (max-width: 767px) {
.tut-pg .col-sm-4.col {width:100%; padding:0}
.tut-pg.video-section .col-sm-4.col p {margin-bottom:10px}
.tut-pg.video-section hr {display:block}
.tut-pg .ip .col-sm-4.col .post.bordered, .tut-pg .mt .col-sm-4.col .post.bordered, .tut-pg .rs .col-sm-4.col .post.bordered {min-height:0}
.tut-pg.video-section .col-sm-4.col .footer-meta.left {margin-bottom:0}
.tut-pg.video-section .col-sm-4.col .footer-meta.right {margin-top:0}
.tut-pg .rp .footer-meta {margin-top:0}
}



.detail-pg .mac-win {margin-bottom:6px;}
.detail-pg  .col-sm-7 .mac-win img {float:none}
.container.inner.features.ui.tube .col-sm-4 figure {padding:0}
@media (max-width: 730px) {
.aff-signup .section-title.text-center h3:before, .aff-signup .section-title.text-center h3:after {display:none}

}
/** Pro Page Pop Up **/
.popup-bundle impresso-popup.two .fancybox-type-iframe div.fancybox-inner {height:440px !important}
@media (max-width: 530px) {.popup-bundle .fancybox-iframe {width:100%}
.popup-bundle .fancybox-type-iframe div.fancybox-inner {height:442px !important}
.popup-bundle .fancybox-wrap { max-width:96%; width:96% !important; left:2% !important}	}
@media (max-width: 492px) {.popup-bundle .fancybox-skin {padding:10px 10px 12px !important} }
@media (max-width: 486px) {	.impresso-popup div.two a.btn.btn-aqua, .impresso-popup div.two a.btn.btn-lime {margin:0}
.impresso-popup p.two {padding:0} 	
}
@media (max-width: 480px) {	.popup-bundle .fancybox-wrap {width:100% !important; max-width:100%; left:0 !important}
}
@media (max-width: 404px) {	
.impresso-popup div.one img {padding:2px 0 3px}
.impresso-popup div.one {text-align:center; width:152px; margin:0 auto}
.impresso-popup div.one .sml-hide {display:none}
.impresso-popup div.one p {line-height:20px}
.impresso-popup div.one span {display:block; }
.impresso-popup div.one span.strike {display:inline}
}
@media screen and (max-width: 432px) {	
.popup-bundle .fancybox-type-iframe div.fancybox-inner {height:504px !important}
}
@media screen and (max-width: 326px) {
.popup-bundle .fancybox-type-iframe div.fancybox-inner {height:516px !important}	
}

.own-all p.two {font-size: 20px; font-weight: 600; margin: 0 6px 20px; line-height: 22px;}
.own-all div.one {width:240px; margin:20px auto 10px; max-width:100%}
.own-all div.one p {font-size:20px; margin:0; font-weight:800}
.own-all div.one img {padding:11px 0 13px}
.own-all div.one span {color:#28b8d8}
.own-all div.one span.strike {color:#999}
#slide-down {height:0; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; position:relative; z-index: 10000; overflow:hidden}
#slide-down div.text {width:400px; height:200px; position:absolute; top:54%; left:50%; margin:-100px 0 0 -200px;}
#slide-down div.img-bg {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(style/images/slidedown-bg.jpg); background-size:cover; background-position:50% 50%; background-repeat:no-repeat }
#slide-down .arrow {position:absolute; top: 85%; left:50%; width: 28px; height: 28px; margin: -14px 0 0 -14px;}
#slide-down .arrow i {cursor:pointer; color:#fff; font-size:36px; -webkit-text-shadow: 1px 1px 4px rgba(0,0,0,0.33); -moz-text-shadow: 1px 1px 4px rgba(0,0,0,0.33); text-shadow: 1px 1px 4px rgba(0,0,0,0.33);}
#slide-down div.text h2, #slide-down div.text h3 {-webkit-text-shadow: 1px 1px 4px rgba(0,0,0,0.33); -moz-text-shadow: 1px 1px 4px rgba(0,0,0,0.33); text-shadow: 1px 1px 4px rgba(0,0,0,0.33); text-align:center}	
#slide-down div.text h2 {color:#fff; font-size:28px}	
#slide-down div.text h3 {color:#fff; padding:6px 0}
#slide-down div.text .btn {margin-top:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:0 50px !important; height:40px}
#slide-down div.text > .btn {float:right; margin-right:20px; background:#5f6a72}
#slide-down div.text > .btn:hover {background:#444b51}
#slide-down div.text form .btn {position:inherit; float:right; margin-right:20px; display: block !important; visibility: visible !important;}
#banner {transition:all 2s}	
#slide-down div.text .email {margin:0 20px; width:360px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#slide-down div.text .form-row.text-input-row.email-field.error p {margin:0; height:26px; color:#666; font-style:normal}
#hideshow div {display:none}
.purchase-pg .own-all div.one {margin:0; width:auto}
.purchase-pg .own-all div.one p {margin-bottom:0}
.purchase-pg .own-all div.one img {padding:6px 0}
@media screen and (max-width: 991px) {
.purchase-pg .own-all .col-sm-6 {width:44%; margin-left:8px}
.purchase-pg .own-all .col-sm-2 {width:150px; padding:0}
.purchase-pg .own-all .col-sm-6 p {white-space:nowrap}
.purchase-pg .own-all .col-sm-4 img {max-width:341px}
}

@media screen and (max-width: 767px) {
.purchase-pg .own-all .col-sm-6 {width:66%; float:left; margin-left:0}
.purchase-pg .own-all .col-sm-2 {width:33%; float:left}
}

@media screen and (max-width: 560px) {
.purchase-pg .own-all .col-sm-6, .purchase-pg .own-all .col-sm-2 {width:100%}
.purchase-pg .own-all .col-sm-2 {padding-top:10px}
.purchase-pg .own-all .col-sm-2 .one {width:50%; float:right}
.purchase-pg .own-all .col-sm-2 img {padding-top:10px}
}

@media screen and (max-width: 380px) {
.purchase-pg .own-all .col-sm-6 p {white-space:normal}
.purchase-pg .own-all .col-sm-2 img {max-width:50%}
.purchase-pg .own-all div.one p {vertical-align:top}
}
.form-container #more-detail {font-weight:500; padding-left:2px}
.row.purchase-page.hobby .col-sm-8.content .row.blog-posts.grid-blog.isotope .col-md-6.col.isotope-item .post.bordered .post-content h3.post-title.text-center {margin-bottom:0}

.gallery2 .preview  {width:67%; float:left}
.gallery2 .thumbnails {width:33%; float:left}
.gallery2 .thumbnails img, .gallery2 .thumbnails li {padding: 1px 0; width: 48%; margin:0 0 6px 2%; float:left }
.gallery2 .thumbnails img:hover {	cursor:pointer;	}
.gallery2 .preview img, .slide {  padding: 1px; width: 100%; }



/****/

.gallery2 .slides .slide {
    position: absolute;
    top: 0px;
    left: 0px;
    height: inherit;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.gallery2 .slide img {
    position: absolute;
    left: 0;
    top: 0;
}

.gallery2 .slides .slide img {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.presetsCont .slide img.hover {
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.gallery2 .slides {
    float: left;
    overflow: hidden;
    /*height: inherit;*/
    position: relative;
	height:490px;
}

.gallery2 .paging {
    height: inherit;
    float: left;
}

.gallery2 .paging li {
    float: left;
    cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    list-style: none;
	height:117px;
}
.gallery2 .paging li.active {
    opacity: 1;
}

.gallery2 .paging li {
    background-image: url(https://macphun.com/images/IntensifyEN/paging2.jpg);
	background-size:cover
}

.gallery2 .slides .slide.active {
    opacity: 1;
    z-index: 1;
}

.gallery2 .paging li.one {background-image: url(spektrel-art/images/gallery-8-thumb.jpg);}
.gallery2 .paging li.two {background-image: url(spektrel-art/images/gallery-2-thumb.jpg);}
.gallery2 .paging li.three {background-image: url(spektrel-art/images/gallery-3-thumb.jpg);}
.gallery2 .paging li.four {background-image: url(spektrel-art/images/gallery-4-thumb.jpg);}
.gallery2 .paging li.five {background-image: url(spektrel-art/images/gallery-5-thumb.jpg);}
.gallery2 .paging li.six {background-image: url(spektrel-art/images/gallery-6-thumb.jpg);}
.gallery2 .paging li.seven {background-image: url(spektrel-art/images/gallery-7-thumb.jpg);}
.gallery2 .paging li.eight {background-image: url(spektrel-art/images/gallery-1-thumb.jpg);}
.gallery2 .thumbnails {padding-top:1px}
@media screen and (min-width: 1200px) { .gallery2 .thumbnails img, .gallery2 .thumbnails li {margin-bottom:7.5px}
.gallery2 .slides {height:596.1px}
.gallery2 .thumbnails li {height:141.5px}
}
@media screen and (max-width: 991px) { .gallery2 .thumbnails img, .gallery2 .thumbnails li {margin-bottom:4.5px}
.gallery2 .thumbnails li {height:91.42px}
.gallery2 .slides {height:378.78px}}
@media screen and (max-width: 767px) {
	.gallery2 .preview {width:90%; margin-left:5%}
	.gallery2 .thumbnails {width:91%; margin-left:5%}
	.gallery2 .thumbnails img {margin:5px 1% 0 0; width:24%; height:124.31px}
	.gallery2 .thumbnails li {margin:5px 1% 0 0; width:24%; height:auto; padding-top:17%}
	.gallery2 .slides {height:auto; padding-top:68%}
}

.dark-wrapper.post.anchors.three .text {width:18%}
.dark-wrapper.post.anchors.three .text.demo-anchor {width:18%}
.dark-wrapper.post.anchors.three .text.info-anchor {width:28%}
@media screen and (max-width: 991px) {
	.dark-wrapper.post.anchors.three .text {width:17%}
	.dark-wrapper.post.anchors.three .text.demo-anchor {width:19%}
.dark-wrapper.post.anchors.three .text.info-anchor {width:27%}
.dark-wrapper.post.anchors.three .text:last-of-type {width:18%; overflow:visible}
}
@media screen and (max-width: 890px) {
	.dark-wrapper.post.anchors.three .row .icon {float: none; margin: 0 auto;}
	.dark-wrapper.post.anchors.three h4 {text-align:center}
}
@media screen and (max-width: 670px) {
	.dark-wrapper.post.anchors.three .text {width:16%}
	.dark-wrapper.post.anchors.three .text.demo-anchor {width:20%}
	.dark-wrapper.post.anchors.three .text.info-anchor {width:28%}
	.dark-wrapper.post.anchors.three .text:last-of-type {width:20%;}
}

@media screen and (max-width: 500px) {
.dark-wrapper.post.anchors.three h4 {text-align:left}
.dark-wrapper.post.anchors.three .row .icon {float:left; margin:0 8px 0 10%}	
.dark-wrapper.post.anchors.three .inner .text { width:50%; padding:3px 0 }
.dark-wrapper.post.anchors.three .inner div.text:first-of-type {padding-top:0}
.dark-wrapper.post.anchors.three .inner div.text:last-of-type {width:50%; padding-bottom:0}
}

@media (min-width: 1200px) { .index-pg .blog-posts.one .col-sm-4.pro .post.bordered {height:607px} }
@media (min-width: 992px) and (max-width: 1199px) { .index-pg .blog-posts.one .col-sm-4.pro .post.bordered {height:588px}}
@media (min-width: 768px) and (max-width: 991px) { .index-pg .blog-posts.one .col-sm-4.pro .post.bordered {height:540px}}
.premium-pack .filter.dark-wrapper.container li a {white-space:nowrap}
/**.tp-banner-container.premium .tp-bullets.tp-thumbs {bottom:0 !important; width:100% !important; margin:0 !important; left:0 !important} **/

.premium-pack .tp-banner .intro {font-size:34px !important}
.premium-pack .tp-container-one .tp-leftarrow.default, .premium-pack .tp-container-one .tp-rightarrow.default {height:41px !important; top:66% !important}
.premium-pack .tp-container-two .tp-leftarrow.default, .premium-pack .tp-container-two .tp-rightarrow.default {padding:16px 12px}
.premium-pack .tp-container-one  .tp-leftarrow.default {left:5% !important}
.premium-pack .tp-container-one  .tp-rightarrow.default {left:11% !important}
.premium-pack .tp-banner-container .tp-bullets {bottom:0 !important; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
.premium-pack .tp-banner-container .lead {font-size:18px !important; width:280px; white-space:normal; line-height:28px !important}

@media (min-width: 1220px) {
.premium-pack .tp-banner-container .tp-leftarrow.default {left:50% !important; margin-left:-540px}
.premium-pack .tp-banner-container .tp-rightarrow.default {left:50% !important; margin-left:-480px}
}
  
  
  
  
  
  
@media (min-width: 992px) and  (max-width: 1060px) {
.premium-pack .tp-banner-container .tp-caption.sfr.start {    left: 26% !important;    width: 83% !important;}
.premium-pack .tp-banner-container .tp-leftarrow.default, .premium-pack .tp-banner-container .tp-rightarrow.default {top:70% !important}
.premium-pack .tp-banner-container .tp-caption.sfr.start img {    width: 100% !important;    height: auto !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.premium-pack .tp-banner-container .lead {margin-top:-50px !important; width:30%}
	.premium-pack .tp-banner .intro {margin-top:-52px !important}
	.premium-pack .tp-banner-container .tp-leftarrow.default, .premium-pack .tp-banner-container .tp-rightarrow.default {top: 70% !important; }
}

@media (min-width: 768px) and  (max-width: 860px) {
.premium-pack .tp-banner-container .lead {width:280px}
.premium-pack .tp-banner-container .tp-caption.sfr.start {left:266px !important}
.premium-pack .tp-caption br:last-of-type {display:none}
.premium-pack .tp-caption a {white-space:nowrap}
}



.tp-container-one, .tp-container-two {padding:0}
.premium-pack .tp-caption.sfb.text {font-family:'Roboto', sans-serif; font-weight:400; white-space:normal; width:100%; font-size:16px !important; line-height:20px !important; text-align:center }
.premium-pack .tp-caption.sfb.text span {color:#28b8d8}

/********************* isotope lazy *******/

.pro-bundle .tp-container-two iframe {background-size:cover; background-image: url("bundles/pro-bundle/ui2.gif");}
.pro-bundle .tp-container-two li {background:#f9f9f9}
.premium-pack .tp-container-one  .sfb {display:none}

@media (max-width: 767px) {
	.premium-pack .isotope .isotope-item {transition-property:opacity; position:relative !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important;}

	.premium-pack .isotope .isotope-hidden.isotope-item {display:none !important}	
	.premium-pack .tp-container-one .lead, .premium-pack .tp-container-one .intro {display: none}
	.premium-pack.pro-bundle .tp-container-one .lead {display: block}
	.premium-pack .tp-container-one  .sfb {display:block}
	.premium-pack .tp-container-one .tp-leftarrow.default, .premium-pack .tp-container-one .tp-rightarrow.default {padding:16px 12px; margin-top:-26px; height:52px !important}
	.premium-pack .tp-container-one .tp-leftarrow.default {left:0 !important}
	.premium-pack .tp-container-one .tp-rightarrow.default  {right:0 !important; left:auto !important}
	.premium-pack .tp-container-one .sfr {left:0% !important; width:100% !important; right:0}
	.premium-pack .tp-container-one .sfr img {width:90% !important; margin:0 5%; height: auto !important}
	.premium-pack .tp-container-one {padding-top:108px}
	.premium-pack .tp-container-one ul, .premium-pack .tp-container-one li, .premium-pack .tp-container-one li .tp-caption.start {overflow:visible !important}
	.premium-pack .tp-container-one li .sfr {    margin-top: -100px !important; transform:none !important}
	.premium-pack .tp-container-one .tp-bannertimer {margin-top: -110px !important}

	
	.tp-container-one .tp-bullets {margin-bottom:2%}
	.tp-banner-container.premium.left-arrows {    left: 0 !important;}
	
	
	.premium-pack .tp-container-one .tp-leftarrow.default, .premium-pack .tp-container-one .tp-rightarrow.default {top:43% !important}
	
}

@media (max-width: 600px) { 
.premium-pack .tp-container-one .tp-leftarrow.default, .premium-pack .tp-container-one .tp-rightarrow.default {top:35% !important}
.premium-pack .tp-container-one .tp-caption.sfb.text.start {    margin-top: -20px !important;}
.spektrel .first.item img {width:260px}
}

@media (max-width:540px) {
	.tp-container-one li div:first-of-type {margin-top:0%}
	.premium-pack .tp-caption.sfb.text {margin-top:1% !important}
	.tp-container-one .tp-bullets {margin-bottom:0}
}

@media (max-width:530px) {
.fbm.fancybox-wrap .fancybox-inner {width:100% !important; height:auto !important}
.fbm.fancybox-wrap {left:2% !important; width:96% !important; max-width:96%}
.fbm.fancybox-wrap .fancybox-skin {padding:0 !important}
.fbm.fancybox-wrap .fancybox-title {display:none}
}

@media (max-width:768px) {
.pastello .new-fx .col-sm-12 {line-height:34px}
.pastello .new-fx .col-sm-12 table tr td:last-of-type {text-align:right; margin-bottom:0}
}

@media (max-width: 1199px) and (min-width: 1061px) {
.pro-bundle .tp-caption.sfr.start {left:28% !important;}
.pro-bundle .tp-caption.sfr.video.start {left:37.4% !important}
.pro-bundle .tp-container-one .tp-leftarrow.default, .pro-bundle .tp-container-one .tp-rightarrow.default {top:70% !important}
}

@media (max-width: 1060px) and (min-width: 992px) { 
.tp-banner-container.premium .tp-caption.sfr.video.start {left:36.5% !important; margin-top:14px !important}
.pro-bundle .tp-container-one .tp-leftarrow.default, .pro-bundle .tp-container-one .tp-rightarrow.default {top:74% !important}
}
@media (max-width: 991px) and (min-width: 768px) { 
.pro-bundle .tp-banner .intro {margin:0 !important}
.pro-bundle .tp-banner-container .lead {margin:0 !important}
}

@media (min-width: 1200px) { 
.pro-bundle .tp-banner-container .lead {width:320px}
}
.pro-bundle .hidden-big {display:none}

@media (max-width: 991px) { 
.pro-bundle .tp-container-one .tp-bullets {margin-bottom:0} 
.pro-bundle .tp-container-one {position: relative !important; top: auto !important; left: auto !important; padding-top:12px}
.pro-bundle .tp-container-one .tp-caption.sfb.text {max-width:740px; margin:0 auto !important}
.pro-bundle .tp-banner-container .tp-leftarrow.default, .pro-bundle .tp-banner-container .tp-rightarrow.default {display:none}
.pro-bundle .tp-container-one iframe {display:none !important}
.pro-bundle .tp-caption.sfr.vcontainer.start {left:auto !important; right:0; margin-right:-9%}
.pro-bundle .tp-banner-container .tp-caption.sfr.start.video {left:auto !important; right:0}
.pro-bundle .tp-banner-container .lead, .pro-bundle .tp-banner .intro {margin-top:-20px !important}
.pro-bundle .vcontainer {display:none}
}

@media (max-width:904px) {
.pro-bundle .video {width:100% !important; height:auto !important; left:0 !important}
.pro-bundle .video video, .pro-bundle .video .tp-poster {width:98% !important; height:auto !important; margin:0 auto}
.pro-bundle .tp-container-one li .video {margin-top:-228px !important}
.pro-bundle .tp-container-one ul, .pro-bundle .tp-container-one li, .pro-bundle .tp-container-one li .tp-caption.start {overflow:visible !important}
.pro-bundle .tp-container-one {padding-top:208px}
.pro-bundle .tp-container-one .tp-caption.sfb.text {    margin-top: -10px !important;}
.pro-bundle .tp-container-one .tp-bannertimer {margin-top:-200px}
.pro-bundle .hidden-big {display:inline}
.pro-bundle .hidden-sml, .pro-bundle .intro {display:none}
.pro-bundle .tp-banner-container .lead {width:98%; left:1% !important; bottom:21%; top: auto !important; text-align:center}
.pro-bundle .tp-container-one .sfr.video img{width:98% !important; height:auto !important; margin:0 auto; display:block}
}

@media (max-width: 768px) { 
.pro-bundle .tp-container-one li .video {margin-top:-224px !important}
.pro-bundle .tp-container-one {padding-top:212px}
.pro-bundle .tp-container-one .tp-bannertimer {margin-top:-210px}

}

@media (max-width: 680px) { 
.pro-bundle .tp-banner-container .lead {bottom:26%;}
}

@media (max-width: 549px) {
.pro-bundle .tp-container-one {padding-top:220px}
.pro-bundle .tp-container-one li .video {margin-top:-230px !important;}
}

@media (max-width: 480px) {
.premium-pack .tp-container-one .tp-leftarrow.default, .premium-pack .tp-container-one .tp-rightarrow.default {top:5% !important}
.premium-pack .tp-container-one .sfr img {width:98% !important; margin:0 1%}
   }

@media (max-width: 450px) {
.pro-bundle .tp-container-one {padding-top:260px}
.pro-bundle .tp-container-one li .video {margin-top:-270px !important;}
.pro-bundle .tp-container-one .tp-bannertimer {margin-top:-260px; display:none}
.pro-bundle .tp-banner-container .lead {bottom:28%;}
}

@media (max-width: 340px) {
.pro-bundle .tp-container-one {padding-top:320px}
.pro-bundle .tp-container-one li .video {margin-top:-330px !important;}
.pro-bundle .tp-banner-container .lead {bottom:auto; top:0 !important; margin-top:-130px !important}
}

@media (max-width: 300px) {
.premium-pack .tp-container-one .tp-caption.sfb.text.start {    margin-top: -40px !important;}
}

@media (max-width: 300px) {

}

.pro-bundle .post.tp-banner-container-container, .premium-pack .post.tp-banner-container-container {overflow:hidden}
.navbar-fixed-bottom {left:auto}

.swiper-wrapper.flickr-wrapper.as .gallery {height:400px}
.swiper-wrapper.flickr-wrapper.as .swiper .item img {height:100%}
.swiper-wrapper.flickr-wrapper.as .swiper .item .details .content .wrap {padding:16px 16px 20px 20px}
.swiper-wrapper.flickr-wrapper.as .swiper .item .details .content .wrap .text h2 {margin-bottom:20px}
.swiper-wrapper.flickr-wrapper.as .swiper .item .details .content .wrap .text {vertical-align:middle}


@media (max-width: 767px) {
.swiper-wrapper.flickr-wrapper.as .swiper .item .details .content .wrap .text .info {    display: block;}
.swiper-wrapper.flickr-wrapper.as .swiper .item .details .content .wrap .text h2 {font-size:30px}
}

.tutwvid video {max-width:100%}
.tutwvid  .post.bordered.format-image {padding-bottom:0}
.tutwvid figure.full.figvid {margin-bottom:0}
.pp-info h2 img {width:80px}
.pp-info  .panel-toggle {display:block; width:100%; height:100%; }
.pp-info .collapse-container > div:first-of-type {border:1px solid rgba(0,0,0,0.1); background:#f9f9f9; height:70px}
.pp-info .collapse-container h2 {margin:10px 0 0; -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in; float:left}
.pp-info .collapse-container .row {padding:4px 2px 0}
.pp-info  .panel-toggle:hover h2 {color:#28b8d8}
.pp-info .panel-toggle p {    text-align: right; padding: 24px 20px 0 0; color:#444; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; font-size:22px}
.pp-info  .panel-toggle:hover p {color:#28b8d8}
/*.notification.n30.cs16 {background-image: url(style/email-popup/cs16.jpg); background-size:cover}*/
.notification.n30.cs16 {background-image: url(style/email-popup/snow-bg.jpg); background-size:cover}
.notification.n30.cs16 > div {height:142px}
.notification.n30.cs16 img.coupon {height:auto; max-height:none; right:auto; left:0; bottom:0; max-width:41%}
@media (max-width: 767px) {
	.notification.n30.cs16 > div {height:170px}
	.notification.n30.cs16 img.coupon {max-width:50%}
	.notification.n30.cs16 {background-size:contain}
}

.contact-form .button-row .g-recaptcha {float:left}
.contact-form .button-row .btn-submit, .contact-form .button-row .submitted-button  {position: absolute;    right: 0;}
@media (max-width: 486px) {.contact-form .button-row .g-recaptcha {float:none}
.contact-form .button-row .btn-submit, .contact-form .button-row .submitted-button {position:static; margin-top:15px} }
.tut-pg.trs .container {width:97%}
.trs.tut-pg.video-section .col-sm-4 {padding:0 5px}
.trs.tut-pg.video-section .col-sm-4 h2 {margin:10px 0 8px}
.trs.tut-pg.video-section h3 {padding-top:4px; margin-bottom:8px}
@media (max-width: 991px) and (min-width: 768px) { 
.tut-pg.trs .container .blog-posts .col.ate {min-height: 558px;}
.tut-pg.trs .container .blog-posts .col.rmi {min-height: 536px;}
.tut-pg.trs .container .blog-posts .col.cpf {min-height: 520px;}
.tut-pg.trs .container .blog-posts .col.rsb {min-height: 414px;}
.tut-pg.trs .container .blog-posts .col.chsp {min-height: 551px;}}
.caption.sfl.l1.tp-caption.start, .caption.sfl.r1.tp-caption.start {    z-index: 2;}
.faqs h4, .faqs h3 {font-family:'Roboto', sans-serif}
.faqs h4 {color:#666}
.blue-dot:before {    content: '\e800';    margin-right: 10px;    font-weight: normal;    vertical-align: top;    padding-top: 1px;    display: inline-block;    font-family: 'fontello-circle';    color: #28b8d8;    font-size: 8px; margin-left:4px}
.download-page .anchor {display:block; position:relative; top:-70px;}
.ipstyles .blog-posts .col-sm-4 p {padding-top:10px}
.fancybox-type-iframe .fancybox-nav {height:90%}
.ipstyles p {padding-top:10px}