.container .column, .container .columns {
max-width : 100% !important ;
}
.wp-caption {
max-width : 100%;
}
img.aligncenter {
margin-left : auto;
margin-right : auto !important ;
display : block;
clear : both;
margin-top : 5px;
width : auto !important ;
}
.aligncenter {
margin-left : auto;
margin-right : auto;
display : block;
clear : both;
}
img.alignleft {
margin : 5px 20px 20px 0;
float : left;
width : auto !important ;
}
.alignleft {
margin : 5px 10px 20px 0;
float : left;
}
img.alignright {
margin : 5px 0 20px 20px;
float : right;
width : auto !important ;
}
.alignright {
margin : 5px 0 20px 20px;
float : right;
}
.transparent {
z-index : 1;
display : block;
padding : 100px 0;
position : relative;
}
pre, img {
max-width : 100%;
}
table, th, td {
border : rgba(0, 0, 0, 0.1) solid 1px;
}
table {
border-collapse : separate;
border-spacing : 0;
border-width : 1px 0 0 1px;
margin-bottom : 24px;
width : 100%;
}
caption, th, td {
font-weight : normal;
text-align : left;
padding : 5px 10px;
}
th {
border-width : 0 1px 1px 0;
font-weight : bold;
}
td {
border-width : 0 1px 1px 0;
}
dl {
margin-bottom : 24px;
}
dt {
font-weight : bold;
}
dd {
margin-bottom : 24px;
}
address {
font-style : italic;
margin-bottom : 24px;
}
cite {
color : #1a1a1a;
font-weight : bold;
}
h5.services, h6.serv {
text-align : center;
color : #fff;
padding : 50px 0 0;
letter-spacing : 1px;
}
h6.serv {
font-size : 18px;
padding : 30px 0;
line-height : 24px;
}
p.ser {
padding-bottom : 50px;
color : #fff;
line-height : 24px;
font-size : 14px;
letter-spacing : 1px;
font-weight : 600;
}
.margtop {
margin-top : 40px;
}
.clear {
clear : both;
}
.padfive {
padding-top : 5px;
}
#switch {
background : #fff;
position : fixed;
display : none;
top : 126px;
z-index : 99999;
width : 200px;
margin-left : -100px;
border-radius : 0 5px 5px 0;
font-family : 'OpenSans-Light-webfont';
box-shadow : 0 0 4px 0 rgba(51, 51, 51, 0.2);
}
#switch p {
margin-bottom : 10px;
padding-bottom : 15px;
padding-top : 5px;
border-bottom : 1px solid #ededed;
}
#switch ul li {
text-transform : uppercase;
margin-bottom : 0;
font-size : 12px;
display : inline-block;
}
#show {
z-index : 99999;
margin-left : 0;
position : fixed;
left : 0;
top : 20%;
background : rgba(40, 40, 40, 0.8);
border-radius : 0 3px 3px 0;
margin-top : 10px;
padding : 20px 5px;
cursor : pointer;
}
#hide {
cursor : pointer;
line-height : 13px;
margin-bottom : 0;
font-size : 12px;
margin-bottom : 0;
}
#setting {
height : 50px;
background-image : url('images/option_panel.png');
background-repeat : no-repeat;
background-size : 20px 50px;
width : 20px;
}
.wrap_pattern, .switchlayout {
margin-bottom : 10px;
}
.wrap_pattern p {
margin-bottom : 5px !important ;
}
.content-switcher {
padding : 16px;
overflow : hidden;
}
.content-switcher .m-btn {
padding : 5px 10px;
font-size : 12px;
min-width : 70px;
}
.button.small.color.switch {
font-size : 12px;
text-transform : none;
width : 40px;
margin : 5px 0;
font-weight : normal;
font-family : 'Open Sans';
text-shadow : 0 1px 1px rgba(0, 0, 0, 0.3) !important ;
letter-spacing : 0;
}
#hide {
position : absolute;
background-color : #fff;
height : 30px;
width : 30px;
top : 7px;
right : 7px;
border-radius : 0 5px 0 0;
}
#hide img {
height : 30px;
width : 30px;
opacity : 0.300000011920928955078125;
transition : all 0.3s 0s ease;
}
#hide img:hover {
opacity : 0.699999988079071044921875;
}
#switch .button {
border-radius : 2px;
cursor : pointer;
display : inline-block;
margin-left : 5px;
margin-top : 5px;
height : 15px;
padding : 5px;
width : 15px;
color : #000;
}
#switch p {
margin : 5px 0;
}
.styled-select select {
background : #f5f5f5;
border : #ededed solid 1px;
width : 270px;
padding : 5px;
font-size : 13px;
line-height : 1;
outline : none;
border-radius : 3px;
height : 34px;
margin : 10px 0;
}
.home-options {
position : relative;
width : 100%;
margin-top : 10px;
text-align : center;
margin : 0 auto;
}
.home-options a {
background : #f5f5f5;
border : #ededed solid 1px;
font-size : 13px;
padding : 5px 30px;
line-height : 40px;
outline : none;
text-align : center;
color : #000;
}
.home-options a:hover {
background : #f1f1f1;
}
body.royal_loader {
background : none;
visibility : hidden;
}
#royal_preloader {
font-family : Arial;
font-size : 12px;
visibility : visible;
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 9999999999;
transition : opacity 0.2s 0.8s linear;
}
#royal_preloader.complete {
opacity : 0;
}
#royal_preloader .background {
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
background-color : #000000;
transition : background 0.5s linear;
}
#royal_preloader.number .name {
position : absolute;
top : 20%;
left : 0;
right : 0;
text-transform : uppercase;
color : #EEEEEE;
text-align : center;
opacity : 0;
transition : transform 0.3s linear;
animation : fly 0.3s;
}
#royal_preloader.number .percentage {
color : #FFFFFF;
font-family : Impact, Arial;
text-shadow : 1px 1px 2px rgba(0, 0, 0, 0.5);
text-align : center;
margin : -90px 0 0 -90px;
background-image : url('images/loader.gif');
background-repeat : no-repeat;
background-position : 50% 0;
padding-top : 80px;
width : 180px;
position : absolute;
font-size : 50px;
top : 50%;
left : 50%;
transition : all 0.3s 0.5s linear;
}
#royal_preloader.text .loader {
position : absolute;
font-family : 'Sifonn-Basic';
text-shadow : 0 0 15px rgba(0, 0, 0, 0.3);
text-transform : uppercase;
top : 50%;
left : 50%;
height : 40px;
line-height : 40px;
margin-top : -20px;
letter-spacing : 3px;
font-size : 36px;
white-space : nowrap;
}
#royal_preloader.text .loader div {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0%;
background-color : #000000;
opacity : 0.699999988079071044921875;
transition : left 0.3s linear;
}
#royal_preloader.logo .loader {
width : 80px;
height : 80px;
position : absolute;
left : 50%;
top : 50%;
margin : -40px 0 0 -40px;
overflow : hidden;
background-position : 50% 50%;
background-repeat : no-repeat;
background-size : cover;
border-radius : 100%;
}
#royal_preloader.logo .loader div {
position : absolute;
bottom : 0%;
left : 0;
right : 0;
height : 100%;
opacity : 0.699999988079071044921875;
transition : bottom 0.3s linear;
}
#royal_preloader.logo .percentage {
position : absolute;
width : 80px;
height : 40px;
line-height : 40px;
top : 50%;
left : 50%;
margin : 40px 0 0 -40px;
color : #072E77;
text-align : center;
font-family : Arial;
font-size : 12px;
font-weight : bold;
}
@keyframes fly {
0% {
opacity : 0;
top : 50%;
}
20% {
opacity : 1;
top : 40%;
}
100% {
opacity : 0;
top : 20%;
}
}
#menu-wrap {
position : fixed;
padding-bottom : 10px;
width : 100%;
z-index : 500;
top : 0;
left : 0;
}
.logged-in.admin-bar #menu-wrap {
top : 32px;
}
.menu-back {
background : rgba(250, 250, 250, 0.9);
}
.cbp-af-header {
transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink {
background : rgba(250, 250, 250, 1);
}
.cbp-af-header.cbp-af-header-shrink .logo {
transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu {
margin-top : 1px;
margin-bottom : 0;
transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li:first-child {
background : none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li ul li:first-child {
background : none;
}
ul.slimmenu li ul li a {
color : #000;
}
ul.slimmenu li ul li {
background : none;
padding-left : 0;
}
ul.slimmenu li ul {
background : rgba(250, 250, 250, 0.95);
box-shadow : 0 0 15px rgba(0, 0, 0, 0.1);
}
.logo {
position : absolute;
z-index : 10000;
left : 10px;
top : 10px;
}
.menu-back.cbp-af-header .logo_static {
display : block;
max-height : 80px;
transition : all 0.3s ease-out;
}
.menu-back.cbp-af-header .logo_scroll {
display : none;
}
.cbp-af-header.cbp-af-header-shrink .logo_scroll {
display : block;
max-height : 60px;
transition : all 0.3s ease-out;
}
.cbp-af-header.cbp-af-header-shrink .logo_static {
display : none;
}
.menu-collapser {
position : relative;
width : 100%;
height : 48px;
line-height : 48px;
font-size : 16px;
padding : 0 8px;
box-sizing : border-box;
}
.collapse-button {
position : absolute;
right : 8px;
top : 90%;
width : 40px;
background-image : linear-gradient(to bottom, #151515, #040404);
background-repeat : repeat-x;
border-style : solid;
border-width : 1px;
color : #000;
box-shadow : 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
padding : 7px 10px;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.25);
cursor : pointer;
font-size : 14px;
text-align : center;
transform : translate(0,-50%);
box-sizing : border-box;
}
.collapse-button:hover, .collapse-button:focus {
background-image : none;
background-color : #040404;
color : #FFF;
}
.collapse-button .icon-bar {
background-color : #fff;
border-radius : 1px 1px 1px 1px;
box-shadow : 0 1px 0 rgba(0, 0, 0, 0.25);
display : block;
height : 2px;
width : 18px;
margin : 2px 0;
}
ul.slimmenu {
padding-top : 10px;
padding-right : 10px;
text-align : right;
margin-top : 13px;
margin-bottom : 10px;
}
ul.slimmenu li {
position : relative;
display : inline-block;
background : url('images/line.png') 0 14px no-repeat;
background-size : 15px 10px;
padding-left : 20px;
}
ul.slimmenu > li:first-child {
border-left : 0;
}
ul.slimmenu > li:last-child {
margin-right : 0;
}
ul.slimmenu li a {
display : block;
color : #000;
padding : 10px 0;
cursor : pointer;
margin : 0 12px;
font-family : 'Lato', sans-serif;
font-weight : 700;
text-transform : uppercase;
border-bottom : 1px solid rgba(0, 0, 0, 0);
font-size : 12px;
transition : all 300ms linear;
}
ul.slimmenu li a:hover {
text-decoration : none;
}
ul.slimmenu li:first-child {
background : none;
}
ul.slimmenu li .sub-collapser {
position : absolute;
right : 0;
top : 0;
width : 48px;
height : 100%;
z-index : 999;
cursor : pointer;
}
ul.slimmenu li .sub-collapser:before {
display : none;
}
ul.slimmenu li .sub-collapser > i {
display : none;
}
ul.slimmenu li ul {
margin : 0;
list-style-type : none;
}
ul.slimmenu li ul a {
font-size : 10px;
}
ul.slimmenu li ul li:first-child {
background : none;
}
ul.slimmenu li ul li {
background : none;
padding-left : 0;
display : block;
}
ul.slimmenu li > ul {
display : none;
position : absolute;
text-align : left;
left : 0;
top : 100%;
z-index : 999;
width : 150%;
}
ul.slimmenu li > ul > li ul {
display : none;
position : absolute;
left : 100%;
top : 0;
z-index : 999;
width : 100%;
}
ul.slimmenu li:hover > ul, ul.slimmenu li > ul li:hover > li ul {
display : block;
}
ul.slimmenu.collapsed {
padding : 0;
margin : 0;
}
ul.slimmenu.collapsed li {
display : block;
width : 100%;
box-sizing : border-box;
}
ul.slimmenu.collapsed li a {
display : block;
border-bottom : 1px solid rgba(0, 0, 0, 0);
box-sizing : border-box;
}
ul.slimmenu.collapsed li .sub-collapser {
height : 40px;
}
ul.slimmenu.collapsed li > ul {
display : none;
position : static;
}
.menu-wrap ul.slimmenu li.dropdown {
position : relative;
}
.menu-wrap ul.slimmenu li.dropdown:hover .dropdown-menu {
display : block;
}
.menu-wrap .dropdown-menu li {
display : block;
position : static;
}
.menu-wrap .dropdown-menu li a {
padding : 5px;
}
.tipper {
height : 1px;
left : -99999px;
position : absolute;
top : -99999px;
width : 1px;
z-index : 100000;
}
.tipper .tipper-content {
background : rgba(0, 0, 0, 0.95);
box-shadow : 0 0 25px rgba(0, 0, 0, 0.5);
text-transform : uppercase;
border-radius : 3px;
color : #fff;
display : block;
float : left;
font-family : 'Lato', sans-serif;
font-size : 10px;
margin : 0;
padding : 6px 20px;
position : relative;
white-space : nowrap;
}
.tipper .tipper-caret {
background : url('images/tipper-icon.png') no-repeat;
display : block;
height : 11px;
position : absolute;
width : 100%;
}
.tipper.right .tipper-content {
box-shadow : 1px 0 3px rgba(0, 0, 0, 0.25);
}
.tipper.right .tipper-caret {
background-position : left center;
left : -5px;
top : 0;
}
.tipper.left .tipper-content {
box-shadow : -1px 0 3px rgba(0, 0, 0, 0.25);
}
.tipper.left .tipper-caret {
background-position : right center;
right : -5px;
top : 0;
}
.tipper.top .tipper-caret, .tipper.bottom .tipper-caret {
display : block;
float : none;
height : 5px;
width : 12px;
margin-left : -6px;
}
.tipper.top .tipper-content {
box-shadow : 0 -1px 3px rgba(0, 0, 0, 0.25);
}
.tipper.top .tipper-caret {
background-position : center bottom;
bottom : -5px;
left : 0;
text-align : center;
}
.tipper.bottom .tipper-content {
box-shadow : 0 1px 3px rgba(0, 0, 0, 0.25);
}
.tipper.bottom .tipper-caret {
background-position : center top;
top : -5px;
left : 0;
}
#home {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
z-index : 2;
}
.big-text {
position : absolute;
left : 0;
top : 50%;
margin-top : -25px;
width : 100%;
font-family : 'Sifonn-Basic';
text-shadow : 0 0 15px rgba(0, 0, 0, 0.6);
text-transform : uppercase;
text-align : center;
line-height : 60px;
z-index : 200;
}
.big-text span {
padding-top : 15px;
padding-bottom : 25px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
font-size : 70px;
}
@media only screen and (min-width:960px) and (max-width:1199px) {
.big-text span {
padding-top : 15px;
padding-bottom : 25px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
font-size : 70px !important ;
}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.big-text span {
padding-top : 15px;
padding-bottom : 25px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
font-size : 50px !important ;
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.big-text span {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
font-size : 30px !important ;
}
}
@media only screen and (min-width:320px) and (max-width:479px) {
.big-text span {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
font-size : 18px !important ;
}
}
.small-text {
position : absolute;
left : 0;
top : 50%;
margin-top : 70px;
width : 100%;
color : #fff;
font-family : 'Satisfy', cursive;
text-shadow : 0 0 5px rgba(0, 0, 0, 0.1);
text-align : center;
font-size : 20px;
line-height : 20px;
font-weight : 100;
z-index : 200;
}
.small-text a {
position : relative;
display : inline-block;
outline : none;
text-align : left;
color : #fff;
text-decoration : none;
text-shadow : 0 0 1px rgba(255, 255, 255, 0.3);
font-size : 20px;
}
.small-text a:hover, .small-text a:focus {
outline : none;
}
.cl-effect-5 a {
overflow : hidden;
text-align : center;
padding-left : 5px;
padding-right : 5px;
}
.cl-effect-5 a span {
position : relative;
display : inline-block;
text-align : left;
padding-top : 10px;
padding-bottom : 10px;
transition : transform 0.3s;
}
.cl-effect-5 a span::before {
position : absolute;
top : 100%;
padding-top : 10px;
padding-bottom : 10px;
content : attr(data-hover);
text-align : left;
transform : translate3d(0,0,0);
}
.cl-effect-5 a:hover span, .cl-effect-5 a:focus span {
transform : translateY(-100%);
}
.flippy ul {
position : relative;
}
.flippy ul > * {
position : absolute;
opacity : 0;
width : 100%;
top : -100px;
}
.flippy ul > *:first-child {
opacity : 1;
top : 0;
}
.social-top {
position : absolute;
left : 0;
width : 100%;
top : 50%;
margin-top : 130px;
z-index : 1002;
height : 30px;
text-align : center;
}
.list-social li {
padding : 0;
list-style : none;
text-align : center;
width : 30px;
display : inline-block;
background : rgba(0, 0, 0, 0.3);
cursor : pointer;
margin-right : 2px;
transition : all 300ms linear;
}
.list-social li.icon-soc a {
font-family : 'FontAwesome';
font-size : 15px;
line-height : 30px;
width : 30px;
opacity : 1;
margin : 0;
padding : 0;
transition : all 300ms linear;
}
.list-social li:hover.icon-soc a {
opacity : 0.60000002384185791015625;
}
.just_pattern {
background : url(images/pattern.png);
position : absolute;
opacity : 0.800000011920928955078125;
left : 0;
top : 0;
right : 0;
bottom : 0;
width : 100%;
height : 100%;
z-index : 0;
}
.scroll-btn {
position : absolute;
font-family : 'OpenSans-Light-webfont';
font-size : 10px;
color : #fff;
text-align : center;
text-transform : uppercase;
bottom : 30px;
left : 50%;
margin-left : -30px;
transition : all 0.35s ease-in-out;
width : 60px;
height : 40px;
background : url('images/arrow-down.png') center bottom no-repeat;
background-size : 30px 16px;
z-index : 3900;
opacity : 0.800000011920928955078125;
}
.scroll-btn {
animation : arrows 3.8s infinite;
animation-delay : 1s;
}
@keyframes arrows {
0% {
bottom : 30px;
}
10% {
bottom : 40px;
}
20% {
bottom : 30px;
}
30% {
bottom : 40px;
}
40% {
bottom : 20px;
}
50% {
bottom : 40px;
}
60% {
bottom : 30px;
}
70% {
bottom : 40px;
}
80% {
bottom : 20px;
}
90% {
bottom : 40px;
}
100% {
bottom : 30px;
}
}
#about {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
padding-top : 60px;
z-index : 2;
background-image : url('images/bg_03.jpg');
}
.header-text {
position : relative;
width : 100%;
z-index : 2;
padding-bottom : 50px;
}
.header-text h1 {
position : absolute;
top : 0;
left : 0;
width : 100%;
text-align : center;
z-index : 200;
}
.header-text p {
padding-top : 60px;
text-align : center;
opacity : 0.60000002384185791015625;
text-transform : uppercase;
z-index : 200;
}
.header-shadow-text {
position : absolute;
top : 0;
left : 0;
margin-top : -20px;
width : 100%;
font-family : 'Sifonn-Basic';
text-transform : uppercase;
text-align : center;
font-size : 70px;
line-height : 70px;
color : rgba(60, 60, 60, 0.08);
z-index : 1;
}
#about-what-we-do {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
z-index : 2;
padding-bottom : 60px;
}
.about-what-we-do h5 {
position : relative;
display : inline-block;
padding-left : 15px;
text-align : left;
padding-bottom : 25px;
}
.about-what-we-do p {
text-align : left;
}
.icon-left1 {
position : relative;
display : inline-block;
font-family : 'FontAwesome';
line-height : 32px;
font-size : 22px;
text-align : left;
z-index : 6;
width : 22px;
height : 32px;
}
.video-sections {
position : relative;
width : 100%;
overflow : hidden;
background : #f2f2f2;
z-index : 2;
}
.video-section-1 {
position : relative;
width : 40%;
min-height : 450px;
display : inline-block;
float : left;
overflow : hidden;
z-index : 2;
background : center center no-repeat;
background-size : cover;
}
.video-section-2 {
position : relative;
width : 60%;
min-height : 450px;
display : inline-block;
float : left;
overflow : hidden;
z-index : 2;
}
.video-section-2 h5 {
text-align : left;
padding-bottom : 25px;
}
.padding-top-video-sec2 {
padding-top : 30px;
}
.video-section-2 p {
text-align : left;
}
.video-section-2 p:last-child {
padding-bottom : 0;
}
.video-section-2 .clear {
padding-bottom : 30px;
}
#video_background {
position : absolute;
bottom : 0;
left : 0;
min-width : 100%;
min-height : 100%;
width : auto;
height : auto;
z-index : -1000;
overflow : hidden;
}
.text-over-video {
position : absolute;
bottom : 30px;
left : 30px;
z-index : 100;
overflow : hidden;
font-family : 'Sifonn-Basic';
text-shadow : 0 0 15px rgba(0, 0, 0, 0.2);
text-transform : uppercase;
padding-top : 15px;
padding-bottom : 20px;
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
text-align : left;
font-size : 17px;
line-height : 17px;
}
#team {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
background : #fff;
padding-top : 60px;
padding-bottom : 60px;
z-index : 2;
}
.team-wrap {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
background : #f2f2f2;
padding-bottom : 20px;
z-index : 2;
}
.team-wrap img {
width : 100%;
height : auto;
display : block;
box-shadow : 0 8px 6px -6px rgba(60, 60, 60, 0.3);
}
.team-wrap h5 {
padding-top : 20px;
text-align : center;
}
.team-wrap p {
padding-bottom : 20px;
text-align : center;
text-transform : uppercase;
font-family : 'Lato', sans-serif;
font-weight : 400;
font-size : 10px;
line-height : 10px;
padding-top : 7px;
}
.team-line {
position : relative;
margin : 0 auto;
text-align : center;
height : 1px;
width : 50px;
margin-bottom : 20px;
}
.social-team {
position : relative;
margin : 0 auto;
width : 100%;
height : 16px;
text-align : center;
}
.team-social li {
padding : 0;
list-style : none;
text-align : center;
width : 24px;
display : inline-block;
cursor : pointer;
transition : all 300ms linear;
}
.team-social li.icon-team a {
font-family : 'FontAwesome';
font-size : 16px;
line-height : 16px;
color : #404040;
width : 24px;
opacity : 1;
margin : 0;
padding : 0;
transition : all 300ms linear;
}
#sep1 *, #sep1 *:after, #sep1 *:before {
box-sizing : border-box;
}
#sep1 .clearfix:before, #sep1 .clearfix:after {
content : '';
display : table;
}
#sep1 .clearfix:after {
clear : both;
}
#sep1 {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
}
.parallax {
background : repeat fixed;
background-size : cover;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : -1;
width : 100%;
}
@media only screen and (min-width:1930px) {
.parallax {
background-size : cover;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.parallax {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
@media only screen and (max-width:959px) {
.parallax {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
.slideshow {
position : relative;
z-index : 20;
}
.slideshow ol.slides {
list-style : none;
padding : 0;
margin : 0;
position : relative;
height : 500px;
width : 100%;
overflow : hidden;
background : rgba(0, 0, 0, 0.8);
}
.no-js .slides {
height : auto;
}
.slideshow ol.slides > li {
width : 100%;
height : 100%;
position : absolute;
visibility : hidden;
perspective : 1600px;
}
.no-js .slides > li {
position : relative;
visibility : visible;
}
.slideshow > nav {
position : absolute;
width : 100%;
text-align : center;
margin-top : -50px;
z-index : 200;
}
.slideshow > nav span {
display : inline-block;
width : 60px;
height : 7px;
border : #fff solid 1px;
cursor : pointer;
margin : 0 3px;
transition : background-color 0.2s;
}
.slideshow > nav span:hover {
background-color : #333;
}
.description {
width : 40%;
left : 10%;
padding : 2em 4em;
position : relative;
z-index : 1000;
opacity : 0;
}
.no-js .description {
opacity : 1;
}
.description h4 {
text-align : left;
margin-top : 150px;
padding-bottom : 30px;
color : #fff;
}
.description p {
text-align : left;
color : #fff;
}
.tiltview {
position : absolute;
left : 50%;
width : 40%;
top : 50%;
transform-style : preserve-3d;
}
.tiltview a {
outline : 1px solid transparent;
}
.tiltview a, .tiltview a img {
max-width : 100%;
display : block;
margin : 0 auto;
}
.tiltview a:first-child {
margin-bottom : 30px;
}
.tiltview.row a {
width : 48%;
width : calc(50% - 15px);
margin : 0;
}
.tiltview.row a:nth-child(2) {
left : 50%;
left : calc(50% + 15px);
position : absolute;
top : 0;
}
.slideshow .slides > li.current, .slideshow .slides > li.show {
visibility : visible;
}
.description {
transition : opacity 0.75s;
box-sizing : border-box;
}
.current .description, .show .description {
opacity : 1;
}
.hide .description {
opacity : 0;
}
.parallax-home, .pattern-home {
background : repeat;
background-size : cover;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : -1;
width : 100%;
}
.pattern-home {
background-size : inherit;
}
.hide[data-effect-out="moveUpOut"] .tiltview a {
animation : moveUpOut 1.5s both;
}
.hide[data-effect-out="moveUpOut"] .tiltview a:nth-child(2) {
animation-delay : 0.25s;
}
@keyframes moveUpOut {
25% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateZ(-30px);
}
100% {
transform : translateZ(3000px);
}
}
.show[data-effect-in="moveUpIn"] .tiltview a {
animation : moveUpIn 1.5s 0.5s both;
}
.show[data-effect-in="moveUpIn"] .tiltview a:nth-child(2) {
animation-delay : 0.75s;
}
@keyframes moveUpIn {
0% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateZ(-3000px);
}
75% {
transform : translateZ(30px);
}
100% {
transform : translateZ(0);
}
}
.hide[data-effect-out="moveDownOut"] .tiltview a {
animation : moveDownOut 1.5s both;
}
.hide[data-effect-out="moveDownOut"] .tiltview a:nth-child(2) {
animation-delay : 0.25s;
}
@keyframes moveDownOut {
25% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateZ(30px);
}
100% {
transform : translateZ(-3000px);
}
}
.show[data-effect-in="moveDownIn"] .tiltview a {
animation : moveDownIn 1.5s 0.5s both;
}
.show[data-effect-in="moveDownIn"] .tiltview a:nth-child(2) {
animation-delay : 0.75s;
}
@keyframes moveDownIn {
0% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateZ(3000px);
}
75% {
transform : translateZ(-30px);
}
100% {
transform : translateZ(0);
}
}
.hide[data-effect-out="slideUpOut"] .tiltview a {
animation : slideUpOut 1.5s both;
}
.hide[data-effect-out="slideUpOut"] .tiltview a:nth-child(2) {
animation-delay : 0.25s;
}
@keyframes slideUpOut {
25% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateY(30px);
}
100% {
transform : translateY(-3000px);
}
}
.show[data-effect-in="slideUpIn"] .tiltview a {
animation : slideUpIn 1.5s 0.5s both;
}
.show[data-effect-in="slideUpIn"] .tiltview a:nth-child(2) {
animation-delay : 0.75s;
}
@keyframes slideUpIn {
0% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateY(3000px);
}
75% {
transform : translateY(-30px);
}
100% {
transform : translateY(0);
}
}
.hide[data-effect-out="slideDownOut"] .tiltview a {
animation : slideDownOut 1.5s both;
}
.hide[data-effect-out="slideDownOut"] .tiltview.row a:nth-child(2), .hide[data-effect-out="slideDownOut"] .tiltview.col a:first-child {
animation-delay : 0.25s;
}
@keyframes slideDownOut {
25% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateY(-30px);
}
100% {
transform : translateY(3000px);
}
}
.show[data-effect-in="slideDownIn"] .tiltview a {
animation : slideDownIn 1.5s 0.5s both;
}
.show[data-effect-in="slideDownIn"] .tiltview.row a:nth-child(2), .show[data-effect-in="slideDownIn"] .tiltview.col a:first-child {
animation-delay : 0.75s;
}
@keyframes slideDownIn {
0% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateY(-3000px);
}
75% {
transform : translateY(30px);
}
100% {
transform : translateY(0);
}
}
.hide[data-effect-out="slideLeftOut"] .tiltview a {
animation : slideLeftOut 1.5s both;
}
.hide[data-effect-out="slideLeftOut"] .tiltview a:nth-child(2) {
animation-delay : 0.25s;
}
@keyframes slideLeftOut {
25% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateX(30px);
}
100% {
transform : translateX(-5000px);
}
}
.show[data-effect-in="slideLeftIn"] .tiltview a {
animation : slideLeftIn 1.5s 0.5s both;
}
.show[data-effect-in="slideLeftIn"] .tiltview a:nth-child(2) {
animation-delay : 0.75s;
}
@keyframes slideLeftIn {
0% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateX(3000px);
}
75% {
transform : translateX(-30px);
}
100% {
transform : translateX(0);
}
}
.hide[data-effect-out="slideRightOut"] .tiltview a {
animation : slideRightOut 1.5s both;
}
.hide[data-effect-out="slideRightOut"] .tiltview.col a:nth-child(2), .hide[data-effect-out="slideRightOut"] .tiltview.row a:first-child {
animation-delay : 0.25s;
}
@keyframes slideRightOut {
25% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateX(-30px);
}
100% {
transform : translateX(3000px);
}
}
.show[data-effect-in="slideRightIn"] .tiltview a {
animation : slideRightIn 1.5s 0.5s both;
}
.show[data-effect-in="slideRightIn"] .tiltview.col a:nth-child(2), .show[data-effect-in="slideRightIn"] .tiltview.row a:first-child {
animation-delay : 0.75s;
}
@keyframes slideRightIn {
0% {
animation-timing-function : cubic-bezier(1.000,0.000,0.000,1.000);
transform : translateX(-5000px);
}
75% {
transform : translateX(30px);
}
100% {
transform : translateX(0);
}
}
.no-csstransformspreserve3d .show .tiltview a, .no-csstransformspreserve3d .hide .tiltview a, .no-csstransforms3d .show .tiltview a, .no-csstransforms3d .hide .tiltview a {
animation : none !important ;
}
.no-csstransforms3d .tiltview.col {
top : -50%;
}
.no-csstransforms3d .tiltview.row {
top : 20px;
}
@media screen and (max-width:65.3125em) {
.description, .tiltview {
width : 100%;
}
.description {
left : 0;
background : rgba(0, 0, 0, 0.6);
}
.tiltview {
left : 0;
opacity : 0.300000011920928955078125;
}
}
@media screen and (max-width:33.75em) {
.slideshow > nav span {
width : 20px;
height : 10px;
margin : 0 10px;
}
}
@media screen and (max-width:24em) {
.slideshow .slides {
height : 320px;
}
.description h4 {
margin-top : 0;
}
.description {
padding : 1.4em;
}
.no-csstransforms3d .tiltview.col, .no-csstransforms3d .tiltview.row {
top : 0;
}
}
#work, #portfolio {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
padding-top : 60px;
z-index : 2;
}

.portfolio-wrap {
position : relative;
width : 100%;
overflow : hidden;
}
.portfolio-box {
position : relative;
overflow : hidden;
display : inline-block;
/*display : block;*/
width : 25%;

float : left;
transition : all 300ms linear;
margin-left : -1px;
transform : translateX(1px);
}
.portfolio-box img {
width : 100%;
height : auto;
display : block;
transition : all 300ms linear;
}
.portfolio-box:hover img {
transform : scale(1.1);
}
.portfolio-box .mask {
position : absolute;
background : url('images/cross.png') center center no-repeat rgba(255, 255, 255, 0.7);
top : 0;
left : 0;
width : 100%;
height : 100%;
display : block;
transform : scale(0);
transition : all 300ms linear;
}
.portfolio-box:hover .mask {
transform : scale(1);
}
.portfolio-box h4 {
position : absolute;
bottom : 20px;
right : -100px;
padding-right : 15px;
z-index : 100;
font-family : 'Lato', sans-serif;
font-weight : 700;
text-transform : uppercase;
font-size : 12px;
background : #292929;
line-height : 12px;
padding-top : 15px;
padding-bottom : 15px;
padding-left : 15px;
opacity : 0;
box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1), -7px 0 5px -3px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.04) inset;
transition : all 200ms linear;
}
.portfolio-box:hover h4 {
right : 63px;
opacity : 1;
transition-delay : 100ms;
}
.portfolio-box .fancybox-button {
position : absolute;
bottom : 20px;
font-family : 'FontAwesome';
right : -120px;
height : 42px;
width : 42px;
z-index : 102;
font-size : 22px;
text-align : center;
background : #292929;
line-height : 42px;
transition : all 200ms linear;
}
.portfolio-box:hover .fancybox-button {
right : 20px;
opacity : 1;
transition-delay : 150ms;
}
.portfolio-box .fancybox-button:hover {
font-size : 28px;
color : #fff;
}
#portfolio-filter {
position : relative;
width : 100%;
text-align : center;
}
#filter {
position : relative;
width : 100%;
}
#filter li {
display : inline-block;
}
#filter li a {
position : relative;
display : inline-block;
font-family : 'Lato', sans-serif;
font-weight : 400;
font-size : 12px;
outline : none;
color : #706e6e;
text-decoration : none;
text-transform : uppercase;
text-shadow : 0 0 1px rgba(255, 255, 255, 0.3);
margin-left : 8px;
margin-right : 8px;
margin-bottom : 20px;
transition : all 300ms linear;
}
#filter li a:after {
content : '::::';
font-family : 'Lato', sans-serif;
font-weight : 400;
font-size : 12px;
color : #706e6e;
padding-left : 20px;
opacity : 0.5;
}
#filter li:last-child a:after {
display : none;
}
#filter li a:hover {
color : #bdb3b3;
}
.isotope-item {
z-index : 2;
}
.isotope-hidden.isotope-item {
z-index : 1;
}
.isotope, .isotope .isotope-item {
transition-duration : 0.6s;
}
.isotope {
transition-property : height, width;
}
.isotope .isotope-item {
transition-property : transform, opacity;
}
.link-work {
text-align : center;
}
.link-work h6 {
text-align : center;
padding-bottom : 10px;
}
.link-work a {
position : relative;
font-family : 'Satisfy', cursive;
display : inline-block;
outline : none;
text-align : center;
text-decoration : none;
text-shadow : 0 0 1px rgba(255, 255, 255, 0.3);
font-size : 18px;
margin-top : 5px;
}
.link-work a:hover, .link-work a:focus {
outline : none;
}
.link-work .cl-effect-5 a {
overflow : hidden;
text-align : center;
text-align : center;
}
.link-work .cl-effect-5 a span {
position : relative;
display : inline-block;
text-align : center;
padding-top : 10px;
transition : transform 0.3s;
}
.link-work .cl-effect-5 a span::before {
position : absolute;
top : 100%;
padding-top : 10px;
color : #101010;
content : attr(data-hover);
text-align : center;
transform : translate3d(0,0,0);
}
.link-work .cl-effect-5 a:hover span, .link-work .cl-effect-5 a:focus span {
transform : translateY(-100%);
text-align : center;
}
.view-live {
font-size : 15px;
padding : 7px 60px;
display : inline-block;
margin : 5px 0;
border : solid 1px;
font-weight : 700;
font-family : 'Lato', sans-serif;
transition : all 300ms linear;
}
.view-live:hover {
color : #cfa144;
background : #fff;
}
.relative {
position : relative;
}
.portfolio {
width : 100%;
height : auto;
margin : 0 auto;
max-width : 960px;
}
.expander-wrap {
position : relative;
display : none;
text-align : center;
}
#expander-wrap {
position : relative;
width : 100%;
max-width : 960px;
margin : 0 auto;
overflow : hidden;
}
.project-controls {
position : relative;
width : 100%;
height : auto;
top : 105px;
max-width : 960px;
margin : 0 auto;
}
.expander-inner {
position : relative;
}
.cls-btn {
width : 100%;
padding : 0;
margin : 0 auto;
display : block;
height : auto;
}
.expander-wrap .cls-btn .close {
position : relative;
display : inline-block;
color : #000;
top : 0;
margin-top : 105px;
width : auto;
height : auto;
font-size : 30px;
font-weight : 100;
text-align : center;
cursor : pointer;
float : none;
transition : all 0.3s;
}
.expander-close:hover {
color : #3a3a3a;
cursor : pointer;
}
.project {
position : relative;
width : 100%;
overflow : hidden;
}
.project .flex-direction-nav a {
top : 50%;
}
#project-single-slider {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
z-index : 2;
padding-top : 10px;
padding-bottom : 20px;
}
#project-single-slider h1 {
color : #fff;
}
#project-single-slider .bx-wrapper .bx-prev {
bottom : 20px;
}
#project-single-slider .bx-wrapper .bx-next {
bottom : 20px;
}
#last-work {
position : relative;
margin : 0 auto;
padding-bottom : 20px;
width : 100%;
overflow : hidden;
z-index : 2;
}
#last-work img {
width : 100%;
height : auto;
display : block;
}
#last-work h3 {
text-align : center;
padding-bottom : 25px;
}
#last-work h6 {
text-align : left;
padding-bottom : 25px;
}
#last-work p {
text-align : left;
padding-bottom : 30px;
}
#last-work p:last-child {
padding-bottom : 0;
}
#slider-wrap {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
z-index : 2;
}
#slider-wrap img {
width : 100%;
height : auto;
display : block;
}
.padding-project {
padding-top : 50px;
padding-bottom : 50px;
}
#sep8 .z-index {
z-index : 2000;
}
#sep8 {
position : relative;
display : block;
width : 100%;
overflow : hidden;
padding-top : 150px;
padding-bottom : 150px;
z-index : 2;
}
#project-single-video {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
z-index : 2;
}
#project-single-video h1 {
color : #fff;
}
#thevideo {
display : none;
}
.video {
width : 100%;
height : auto;
display : block;
}
iframe {
width : 100%;
height : auto;
display : block;
}
#sep9 .z-index {
z-index : 2000;
}
#sep9 {
position : relative;
display : block;
width : 100%;
overflow : hidden;
padding-top : 150px;
padding-bottom : 150px;
z-index : 2;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline : none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin : 0;
padding : 0;
list-style : none;
}
@font-face {
.flexslider {
margin : 0;
padding : 0;
}
.flexslider ul.slides {
list-style : none;
padding-left : 0;
}
.flexslider .slides > li {
display : none;
list-style : none;
}
.flexslider .slides img {
width : 100%;
display : block;
}
.flex-pauseplay span {
text-transform : capitalize;
}
.slides:after {
content : "\0020";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
html[xmlns] .slides {
display : block;
}
* html .slides {
height : 1%;
}
.no-js .slides > li:first-child {
display : block;
}
.flexslider {
position : relative;
}
.flex-viewport {
max-height : 2000px;
transition : all 1s ease;
}
.loading .flex-viewport {
max-height : 300px;
}
.carousel li {
margin-right : 5px;
}
.flex-direction-nav .flex-prev {
left : 10px;
background : url('assets/arrow_large_left.png') center top no-repeat;
}
.flex-direction-nav .flex-next {
right : 10px;
background : url('assets/arrow_large_right.png') center top no-repeat;
}
.flexslider:hover .flex-prev {
opacity : 0.699999988079071044921875;
}
.flexslider:hover .flex-next {
opacity : 0.699999988079071044921875;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity : 1;
}
.flex-direction-nav .flex-disabled {
opacity : 0 !important ;
cursor : default;
}
.flex-pauseplay a {
display : block;
width : 20px;
height : 20px;
position : absolute;
bottom : 5px;
left : 10px;
opacity : 0.800000011920928955078125;
z-index : 10;
overflow : hidden;
cursor : pointer;
color : #000;
}
.flex-pauseplay a:before {
font-family : "flexslider-icon";
font-size : 20px;
display : inline-block;
content : '\f004';
}
.flex-pauseplay a:hover {
opacity : 1;
}
.flex-pauseplay a.flex-play:before {
content : '\f003';
}
.flex-control-nav {
width : 100%;
position : absolute;
bottom : 15px;
text-align : center;
z-index : 2;
display : none;
}
.flex-control-paging li a {
width : 7px;
height : 7px;
display : block;
background : #666;
background : rgba(0, 0, 0, 0.5);
cursor : pointer;
text-indent : -9999px;
border-radius : 20px;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.3) inset;
}
.flex-control-paging li a:hover {
background : #333;
background : rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background : #000;
background : rgba(0, 0, 0, 0.9);
cursor : default;
}
.flex-control-thumbs {
margin : 5px 0 0;
position : static;
overflow : hidden;
}
.flex-control-thumbs li {
width : 25%;
float : left;
margin : 0;
}
.flex-control-thumbs img {
width : 100%;
display : block;
opacity : 0.699999988079071044921875;
cursor : pointer;
}
.flex-control-thumbs img:hover {
opacity : 1;
}
.flex-control-thumbs .flex-active {
opacity : 1;
cursor : default;
}
}
@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev {
opacity : 1;
left : 10px;
}
.flex-direction-nav .flex-next {
opacity : 1;
right : 10px;
}
}
#sep2 {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
padding-top : 100px;
padding-bottom : 100px;
}
.parallax2 {
background : url('images/6.jpg') repeat fixed;
background-size : cover;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : -1;
width : 100%;
}
@media only screen and (min-width:1930px) {
.parallax2 {
background-size : cover;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.parallax2 {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
@media only screen and (max-width:959px) {
.parallax2 {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
.facts-wrap {
position : relative;
width : 100%;
margin : 0 auto;
text-align : center;
}
.facts-wrap h5 {
padding-top : 15px;
color : #fff;
text-align : center;
}
.facts-wrap-num {
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 60px;
line-height : 120px;
box-shadow : 0 0 30px rgba(60, 60, 60, 0.7) inset;
text-shadow : 0 -2px 0 rgba(51, 51, 51, 0.1), 0 2px 3px rgba(102, 102, 102, 0.1);
width : 120px;
height : 120px;
border : rgba(255, 255, 255, 0.4) solid 1px;
margin : 0 auto;
text-align : center;
opacity : 0.89999997615814208984375;
}
#services {
position : relative;
margin : 0 auto;
width : 100%;
background : #fff;
overflow : hidden;
padding-top : 60px;
padding-bottom : 60px;
z-index : 2;
}
.services-offer {
position : relative;
width : 100%;
background : #f1f1f1;
overflow : hidden;
margin : 0 auto;
cursor : pointer;
padding-top : 20px;
padding-bottom : 20px;
border-radius : 5px;
text-align : center;
}
.services-offer h5 {
text-align : center;
padding-bottom : 25px;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
}
.services-offer p {
text-align : center;
padding-left : 20px;
padding-right : 20px;
}
#plans {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
padding-top : 60px;
padding-bottom : 60px;
z-index : 2;
}
.plans-offer {
position : relative;
width : 100%;
background : #fff;
overflow : hidden;
margin : 0 auto;
padding-top : 20px;
padding-bottom : 20px;
border-radius : 5px;
text-align : center;
}
.plans-offer h3 {
padding-top : 15px;
padding-bottom : 5px;
text-align : center;
}
.plans-offer h3 b {
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 12px;
line-height : 22px;
}
.plans-offer p {
font-family : 'Lato', sans-serif;
font-weight : 300;
text-align : center;
text-transform : uppercase;
font-size : 12px;
line-height : 22px;
padding-bottom : 10px;
}
.plans-offer h6 {
text-align : center;
padding-bottom : 35px;
}
.plans-offer-gold {
position : relative;
width : 100%;
background : #fff;
overflow : hidden;
margin : 0 auto;
padding-top : 20px;
padding-bottom : 20px;
border-radius : 5px;
text-align : center;
}
.plans-offer-gold h3 {
padding-top : 15px;
padding-bottom : 5px;
text-align : center;
}
.plans-offer-gold h3 b {
font-family : 'Lato', sans-serif;
font-weight : 300;
font-size : 12px;
line-height : 22px;
}
.plans-offer-gold p {
font-family : 'Lato', sans-serif;
font-weight : 300;
text-align : center;
text-transform : uppercase;
font-size : 12px;
line-height : 22px;
padding-bottom : 10px;
}
.plans-offer-gold h6 {
text-align : center;
padding-bottom : 35px;
}
.plans-offer-gold a, .plans-offer a {
position : relative;
font-family : 'Satisfy', cursive;
display : inline-block;
outline : none;
text-align : center;
text-decoration : none;
text-shadow : 0 0 1px rgba(255, 255, 255, 0.3);
font-size : 18px;
margin-top : 5px;
}
.plans-offer-gold a:hover, .plans-offer-gold a:focus, .plans-offer a:hover, .plans-offer a:focus {
outline : none;
}
.plans-offer-gold .cl-effect-5 a, .plans-offer .cl-effect-5 a {
overflow : hidden;
text-align : center;
padding-left : 5px;
padding-right : 5px;
}
.plans-offer-gold .cl-effect-5 a span, .plans-offer .cl-effect-5 a span {
position : relative;
display : inline-block;
text-align : center;
padding-top : 10px;
transition : transform 0.3s;
}
.plans-offer-gold .cl-effect-5 a span::before, .plans-offer .cl-effect-5 a span::before {
position : absolute;
top : 100%;
padding-top : 10px;
color : #101010;
content : attr(data-hover);
text-align : center;
transform : translate3d(0,0,0);
}
.plans-offer-gold .cl-effect-5 a:hover span, .plans-offer-gold .cl-effect-5 a:focus span, .plans-offer .cl-effect-5 a:hover span, .plans-offer .cl-effect-5 a:focus span {
transform : translateY(-100%);
}
#logos {
position : relative;
margin : 0 auto;
text-align : center;
width : 100%;
background : #fff;
overflow : hidden;
padding-top : 10px;
padding-bottom : 10px;
z-index : 2;
}
.logos-wrap {
position : relative;
float : left;
display : inline-block;
text-align : center;
margin : 0 auto;
width : 16.666666666666666666666666666666666%;
overflow : hidden;
z-index : 2;
cursor : pointer;
}
.logos-wrap img {
width : 60%;
height : auto;
margin-left : 20%;
margin-right : 20%;
display : block;
transition : all 0.35s ease-in-out;
}
.logos-wrap:hover img {
opacity : 0.699999988079071044921875;
}
.parallax1 {
background : repeat fixed;
background-size : cover;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : -1;
width : 100%;
}
@media only screen and (min-width:1930px) {
.parallax1 {
background-size : cover;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.parallax1 {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
@media only screen and (max-width:959px) {
.parallax1 {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
.parallax-section {
margin : 0 auto;
overflow : hidden;
position : relative;
padding-top : 150px;
padding-bottom : 150px;
width : 100%;
z-index : 2;
}
.parallax-section:before {
box-shadow : 0 0 20px rgba(0, 0, 0, 0.3);
content : "";
height : 10px;
left : 0;
position : absolute;
top : -10px;
width : 100%;
z-index : 101;
}
.parallax-section:after {
bottom : -10px;
box-shadow : 0 0 20px rgba(0, 0, 0, 0.3);
content : "";
height : 10px;
left : 0;
position : absolute;
width : 100%;
z-index : 101;
}
.blog {
position : relative;
margin : 0 auto;
width : 100%;
}
.blog .sub-text {
margin-bottom : 0;
}
.parallax-blog {
background : url('images/parallax/blog.jpg') repeat fixed;
background-size : cover;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : -1;
width : 100%;
}
@media only screen and (min-width:1930px) {
.parallax-blog {
background-size : cover;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.parallax-blog {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
@media only screen and (max-width:959px) {
.parallax-blog {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
.home-blog.blog-post {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
background : rgba(255, 255, 255, 0.9);
padding : 0;
transition : all 0.35s ease-in-out;
}
.home-blog.blog-post:hover {
opacity : 0.699999988079071044921875;
}
.blog-post img {
width : 100%;
height : auto;
display : block;
}
.z-index {
z-index : 100;
}
.blog-post h5 {
text-align : left;
padding-top : 20px;
padding-bottom : 25px;
padding-left : 20px;
padding-right : 20px;
}
.blog-post h5 a {
color : #101010;
}
.blog-post p {
text-align : left;
padding-left : 20px;
padding-right : 20px;
padding-bottom : 20px;
}
.blog-post p span {
font-family : 'Lato', sans-serif;
font-weight : 700;
font-size : 12px;
line-height : 12px;
}
.blog-post p span:last-child {
padding-left : 10px;
}
.blog-link {
text-align : center;
padding-top : 20px;
}
.blog-link a {
position : relative;
display : block;
text-align : center;
font-family : 'Sifonn-Basic', sans-serif;
font-weight : 400;
font-size : 14px;
line-height : 14px;
padding : 15px 65px;
text-transform : uppercase;
letter-spacing : 1px;
color : #292929;
background : rgba(255, 255, 255, 0.9);
transition : all 0.35s ease-in-out;
}
.blog-link a:hover {
background : #fff;
opacity : 0.699999988079071044921875;
}
#contact {
position : relative;
margin : 0 auto;
width : 100%;
overflow : hidden;
padding-top : 60px;
padding-bottom : 60px;
z-index : 2;
}
#ajax-form {
width : 100%;
font-family : 'OpenSans-Light-webfont';
font-size : 10px;
line-height : 14px;
color : #101010;
margin : 0 auto;
}
label {
display : block;
font-family : 'OpenSans-Light-webfont';
font-size : 14px;
line-height : 30px;
}
input {
width : 96%;
border : none;
font : 13px/22px 'Open Sans', sans-serif;
padding-top : 10px;
padding-bottom : 10px;
background : #fff;
}
textarea {
width : 96%;
font : 13px/24px 'Open Sans', sans-serif;
height : 22px;
margin-top : 2px;
padding-top : 10px;
padding-bottom : 10px;
border : none;
background : #fff;
}
.error {
font : 10px/22px 'Open Sans', sans-serif;
text-transform : uppercase;
display : none;
color : #101010;
}
#ajaxsuccess {
background : #f5f5f5;
color : #101010;
font : 20px/60px 'Open Sans', sans-serif;
height : 60px;
display : none;
padding-left : 10px;
width : 100%;
margin-left : auto;
margin-right : auto;
margin-top : 30px;
}
#button-con {
position : relative;
text-align : center;
width : 100%;
margin : 0 auto;
}
#button-con input {
width : 100%;
height : 43px;
padding-top : 0;
margin-top : 32px;
text-align : center;
font-family : 'Lato', sans-serif;
font-weight : 700;
font-size : 13px;
line-height : 43px;
background : rgba(60, 60, 60, 0.85);
text-transform : uppercase;
}
#button-con input:hover {
background : rgba(60, 60, 60, 1);
}
#button-con input:focus {
outline : none !important ;
}
.text-align-center {
text-align : center;
padding-top : 10px;
}
#ajax-form textarea:active, #ajax-form input:active {
color : #101010;
}
#ajax-form textarea:active, #ajax-form input:hover {
color : #101010;
}
#ajax-form textarea:focus, #ajax-form input:focus {
outline : none !important ;
box-shadow : 0 0 10px rgba(60, 60, 60, 0.2);
}
#ajax-form textarea, #ajax-form input {
color : #101010;
}
#ajax-form input[type="text"], #ajax-form input[type="email"] {
padding-left : 2%;
padding-right : 2%;
border : #ddd solid 1px;
}
#ajax-form input[type="text"], textarea {
padding-left : 2%;
padding-right : 2%;
border : #ddd solid 1px;
}
.contact-wrap {
position : relative;
margin : 0 auto;
overflow : hidden;
padding-top : 40px;
}
.contact-wrap p {
text-align : center;
opacity : 0.800000011920928955078125;
}
.contact-wrap p span {
font-family : 'Sifonn-Basic';
font-size : 18px;
line-height : 18px;
color : #101010;
text-transform : uppercase;
padding-right : 10px;
}
.contact-wrap i {
font-family : 'FontAwesome';
font-size : 20px;
line-height : 20px;
text-align : center;
z-index : 6;
padding-right : 10px;
}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
clear : both;
}
#google_map {
filter : grayscale(90%);
filter : url(images/grayscale.svg#greyscale);
}
#google_map {
width : 100%;
height : 400px;
z-index : 0;
position : relative;
display : none;
z-index : 200;
opacity : 0.800000011920928955078125;
}
#google_map.show {
display : block;
}
.button-map {
cursor : pointer;
text-align : center;
position : relative;
border-top : 1px solid rgba(60, 60, 60, 0.1);
border-bottom : 1px solid rgba(60, 60, 60, 0.1);
margin-top : 10px;
padding-top : 20px;
padding-bottom : 20px;
width : 100%;
display : block;
color : #101010;
font-size : 16px;
font-family : 'Sifonn-Basic';
text-transform : uppercase;
z-index : 200;
transition : all 300ms linear;
}
.close-map:after {
content : "\f107";
font-family : FontAwesome;
display : inline-block;
font-weight : normal;
font-style : normal;
display : inline-block;
text-decoration : inherit;
margin-left : 16px;
font-size : 18px;
}
.show-map:after {
content : "\f106";
font-family : FontAwesome;
display : inline-block;
font-weight : normal;
font-style : normal;
display : inline-block;
text-decoration : inherit;
margin-left : 16px;
font-size : 18px;
}
.map-tooltip h6 {
color : #292929;
text-transform : uppercase;
font-size : 18px;
margin-bottom : 10px;
margin-top : 10px;
}
.map-tooltip p {
margin-bottom : 10px;
margin-left : 20px;
font-size : 13px;
text-align : center;
}
.blog-post-wrapper.page404 {
padding : 200px 0;
}
.page404 h1 {
padding-bottom : 30px;
}
.blog {
position : relative;
margin : 0 auto;
width : 100%;
}
.blog h1 {
color : #fff;
padding-top : 50px;
}
.blog .sub-text {
margin-bottom : 0;
position : relative;
width : 100%;
max-width : 900px;
margin : 0 auto;
text-align : center;
font-family : 'TisaPro-Ita';
letter-spacing : 2px;
font-size : 18px;
line-height : 26px;
color : #f9f9f9;
}
.parallax-blog {
background-size : cover;
background-position : center center;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
z-index : -2;
width : 100%;
}
.overlay-blog {
background : rgba(0, 0, 0, 0.5);
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
@media only screen and (min-width:1930px) {
.parallax-blog {
background-size : cover;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.parallax-blog {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
@media only screen and (max-width:959px) {
.parallax-blog {
background-size : cover;
background-attachment : scroll;
background-position : top center !important ;
}
}
.blog-post-wrapper {
position : relative;
margin : 0 auto;
width : 100%;
padding-top : 70px;
padding-bottom : 70px;
}
.blog-post-wrapper article {
margin-bottom : 20px;
}
.thevideo > iframe {
max-width : 100%;
height : auto;
}
.blog-post {
position : relative;
margin : 0 auto;
width : calc(100% - 60px);
background : #fff;
padding : 30px;
box-sizing : border-box;
}
.blog-post .item img {
width : 100%;
height : auto;
display : block;
}
.blog-text-wrap {
position : relative;
margin : 0 auto;
width : 100%;
padding-top : 30px;
}
.blog-text-wrap:after {
content : '';
display : block;
clear : both;
}
.blog-text-wrap img {
float : left;
width : 70px;
height : 70px;
border-radius : 50%;
}
.blog-text-name {
font-family : 'Lato';
text-align : left;
margin-left : 90px;
font-size : 14px;
line-height : 14px;
padding-bottom : 0;
letter-spacing : 1px;
transition : all 300ms linear;
}
.blog-text-name:hover {
opacity : 0.699999988079071044921875;
}
.blog-text-wrap h3 {
text-align : left;
margin-left : 90px;
line-height : 36px;
transition : all 300ms linear;
}
.blog-text-wrap h3:hover {
opacity : 0.699999988079071044921875;
}
.blog-text-wrap h3 a {
color : #414141;
}
.blog-text-date {
font-family : 'TisaPro-Ita';
text-align : left;
margin-left : 90px;
font-size : 14px;
line-height : 14px;
color : #212121;
padding-top : 10px;
padding-bottom : 30px;
letter-spacing : 1px;
}
.blog-text-wrap p {
text-align : left;
font-size : 20px;
line-height : 32px;
font-weight : 300;
margin-top : 0 !important ;
padding : 0;
}
.blog-text-wrap p span {
font-family : 'FontAwesome';
margin-left : 10px;
line-height : 20px;
transition : all 300ms linear;
}
.blog-text-wrap p span:hover {
color : #323232;
}
.qu-post .blog-text-date {
padding-bottom : 0;
}
.qu-post .blog-text-wrap {
padding-top : 0;
}
.sticky .blog-text-wrap p {
background : #F2F2F2;
padding : 20px;
}
.sticky .blog-text-wrap p a {
background : none 0 0 repeat scroll #1a1a1a;
display : block;
padding : 5px 0;
text-align : center;
vertical-align : middle;
width : 100%;
margin-top : 15px;
}
.sticky .blog-text-wrap p a:hover {
background : #cfa144;
}
.sticky .blog-text-wrap p a:hover span {
color : #1a1a1a;
}
.pagination {
position : relative;
text-align : center;
padding : 20px 0 20px;
}
.pagination ul li {
border : none;
display : inline-block;
font-size : 14px;
height : 35px;
line-height : 35px;
width : 35px;
cursor : pointer;
color : #ccc;
margin-right : 5px;
font-weight : bold;
background-color : #333;
}
.pagination ul li a {
color : #ccc;
display : block;
}
.pagination ul li a.current, .pagination ul li span.current, .pagination ul li a:hover {
color : #cbab82;
}
#blog-single img {
height : auto;
max-width : 100%;
margin-right : 20px;
}
iframe {
max-width : 100%;
}
.widget {
position : relative;
width : 100%;
padding-bottom : 50px;
}
.widget h6 {
text-align : left;
padding-bottom : 20px;
}
.widget_recent_entries ul li {
position : relative;
width : 100%;
padding : 8px 0;
background : rgba(220, 220, 220, 0.4);
text-align : center;
line-height : 20px;
font-size : 12px;
text-transform : uppercase;
margin-bottom : 5px;
cursor : pointer;
transition : all 300ms linear;
}
.widget_recent_entries ul li:last-child {
margin-bottom : 0;
}
.widget_recent_entries ul li a {
color : #827b7d;
transition : all 300ms linear;
}
.widget_recent_entries ul li span {
font-family : 'Lato', sans-serif;
font-weight : 700;
display : block;
font-size : 11px;
}
.widget_recent_entries ul li:hover a {
color : #000;
}
.widget_recent_entries ul li:hover {
background : rgba(220, 220, 220, 0.7);
}
.widget_categories ul li, .widget_archive ul li {
display : block;
line-height : 28px;
color : #cbab82;
}
.widget_categories ul li a, .widget_archive ul li a {
color : #827b7d;
font-size : 14px;
text-transform : uppercase;
margin-bottom : 8px;
background : url('images/arrow-next.png') left center no-repeat;
text-align : left;
padding-left : 20px;
transition : all 300ms linear;
}
.widget_categories ul li a:last-child, .widget_archive ul li a:last-child {
margin-bottom : 0;
}
.widget_categories ul li a:hover, .widget_archive ul li a:hover {
color : #000;
padding-left : 30px;
}
.widget_meta abbr {
border-bottom : 1px dotted #999;
cursor : help;
color : #cbab82;
}
.widget_meta ul li {
line-height : 28px;
}
.widget_meta ul li a {
color : #827b7d;
}
.tag11, .wp-tag-cloud li {
padding-left : 10px;
padding-right : 10px;
display : inline-block;
margin-right : 1px;
height : 30px;
background : rgba(220, 220, 220, 0.4);
text-align : center;
line-height : 30px;
font-size : 10px;
text-transform : uppercase;
margin-bottom : 5px;
cursor : pointer;
transition : all 300ms linear;
}
.tag11 a, .wp-tag-cloud li a {
color : #827b7d;
font-size : 11px !important ;
transition : all 300ms linear;
}
.tag11:hover a, .wp-tag-cloud li:hover a {
color : #000;
}
.tag11:hover, .wp-tag-cloud li:hover {
background : rgba(220, 220, 220, 0.7);
}
.widget_recent_comments ul li {
line-height : 28px;
}
.widget_recent_comments ul li a {
color : #827b7d;
}
.widget_recent_comments ul li a:hover {
color : #C3512F;
}
.widget_rss li {
display : block;
margin-bottom : 15px;
}
.widget_rss a.rsswidget {
display : block;
line-height : 23px;
margin-bottom : 6px;
}
.widget_rss a.rss-date {
display : block;
font-style : italic;
margin-bottom : 10px;
}
.search_form {
position : relative;
}
.search_form:before {
content : "\f002";
position : absolute;
right : 0;
top : 0;
width : 50px;
height : 51px;
font-family : FontAwesome;
line-height : 49px;
text-align : center;
font-size : 20px;
color : #ccc;
transition : all 0.3s ease-in-out;
}
.search_form:hover:before {
color : #cbab82;
}
.search_form input {
margin : 0;
padding : 13px 0 14px 10px;
color : #ccc;
background : none;
border : #ccc solid 2px;
transition : all 0.3s ease-in-out;
}
.search_form input:focus {
border-color : #cbab82;
color : #333;
}
.search_form input.search_btn {
width : 100%;
margin : 0;
padding : 12px 55px 13px 17px;
background-color : rgba(81, 81, 81, 0.5);
line-height : 20px;
color : #b5b5b5;
}
.search_form input.search_btn {
position : absolute;
z-index : 1;
top : 0;
right : 0;
width : 46px;
height : 54px;
padding : 0;
border : 0;
text-indent : -999px;
background : none !important ;
}
.search_form input.search_btn:hover {
border : 0;
background-color : #008da8;
}
.widget_calendar {
float : none;
}
#wp-calendar {
width : 100%;
}
#wp-calendar caption {
background : none 0 0 repeat scroll #E9E9E9;
color : #333333;
font-size : 16px;
padding : 10px 0;
text-align : center;
}
#wp-calendar thead {
font-size : 10px;
}
#wp-calendar thead th {
border : #E9E9E9 solid 1px;
font-size : 13px;
padding : 8px 0;
text-align : center;
vertical-align : middle;
}
#wp-calendar tbody {
color : #aaa;
}
#wp-calendar tbody td {
background : #f5f5f5;
border : #E9E9E9 solid 1px;
text-align : center;
padding : 8px;
}
#wp-calendar tbody td#today {
background : #cbab82;
color : #fff;
}
#wp-calendar tbody td:hover {
background : #fff;
}
#wp-calendar tbody .pad {
background : none;
}
#wp-calendar tfoot {
border : #E9E9E9 solid 1px;
}
#wp-calendar tfoot #next {
font-size : 12px;
text-transform : uppercase;
text-align : right;
color : #cbab82;
}
#wp-calendar tfoot #prev {
font-size : 12px;
text-transform : uppercase;
padding-top : 10px;
color : #cbab82;
}
.widget select {
max-width : 100%;
padding : 5px;
border : #ccc solid 1px;
width : 100%;
}
.widget_text .textwidget img {
max-width : 100%;
height : auto;
}
.widget_text select, .widget_text input, .widget_text textarea {
max-width : 100%;
padding : 5px;
border : #ccc solid 1px;
width : 100%;
}
.widget_text option {
max-width : 100%;
}
.widget_nav_menu ul li, .widget_pages ul li {
color : #827b7d;
line-height : 28px;
}
.widget_nav_menu ul li ul, .widget_pages ul li ul {
padding-left : 20px;
}
.widget_nav_menu ul li a, .widget_pages ul li a {
color : #827b7d;
}
.widget_nav_menu ul li a:hover, .widget_pages ul li a:hover {
color : #615C5C;
}
.blog-post ul {
padding-left : 20px;
list-style : disc outside none !important ;
margin-bottom : 15px;
}
.blog-post ul ul {
list-style : circle outside none !important ;
}
.blog-post ul ul ul {
list-style : square outside none !important ;
}
.blog-post ol {
padding-left : 20px;
list-style : decimal outside none !important ;
margin-left : 0;
margin-bottom : 15px;
}
.blog-post ul li ul, .blog-post ol li ol {
margin-bottom : 0;
margin-left : 0;
}
.blog-post h1, .blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 {
text-align : left;
}
blockquote {
background : #F9F9F9;
}
blockquote p {
font-size : 15px;
font-style : italic;
padding-bottom : 0;
}
.blog-post-wrapper .blog-post {
width : auto;
}
#blog-single.blog-post, .blog-sidebar .blog-post {
padding : 20px;
}
#blog-single .blog-text-date {
margin-left : 0;
padding-top : 5px;
padding-bottom : 10px;
}
#blog-single h1, #blog-single h2, #blog-single h3, #blog-single h4, #blog-single h5, #blog-single h6 {
text-align : left;
margin-bottom : 15px;
}
.blog-post-wrapper .single-title, #blog-single h3.single-title {
padding : 10px 0 0;
text-align : left;
margin-bottom : 0 !important ;
line-height : 40px;
}
#blog-single p {
padding : 0;
padding-bottom : 10px;
}
.paragraf-left {
padding-left : 20px;
margin-left : 40px;
}
.caps {
font-family : 'Montserrat', sans-serif;
font-weight : 700;
font-size : 44px;
font-size : 40px;
float : left;
padding-right : 10px;
padding-top : 12px;
}
.blog-post .tag11 {
margin-top : 20px;
margin-bottom : 0;
}
pre, code {
background-color : #F9F9F9;
border-color : rgba(180, 180, 180, 1);
border-style : solid;
border-width : 0 0 0 4px;
display : block;
font-family : 'Open Sans', sans-serif;
font-weight : 300;
font-size : 14px;
padding : 10px;
}
pre, code {
margin-top : 20px;
margin-left : 20px;
margin-right : 20px;
overflow : auto;
}
.blog-post .post {
position : relative;
border-top : 3px double rgba(200, 200, 200, 0.7);
border-bottom : 3px double rgba(200, 200, 200, 0.7);
padding-top : 20px;
padding-bottom : 20px;
margin-top : 20px;
margin-right : 20px;
}
.blog-post .post img {
width : 100px;
height : 100px;
float : left;
}
.blog-post .post h6 {
text-align : left;
padding-left : 120px;
padding-bottom : 10px;
}
.blog-post .post p {
text-align : left;
padding-left : 120px;
font-family : 'Lato';
}
.blog-post .post h6 span {
opacity : 0.5;
}
.blog-post .post h6 a {
color : #cbab82;
transition : all 300ms linear;
}
.blog-post .post h6 a:hover {
color : #414141;
}
.single-comment {
border-bottom : 3px double rgba(200, 200, 200, 0.7);
}
.post-down {
position : relative;
padding-top : 20px;
padding-bottom : 20px;
margin-top : 20px;
border-top : 3px double rgba(200, 200, 200, 0.7);
}
.post-down .rpl-but {
position : absolute;
z-index : 2;
top : 20px;
right : 0;
height : 26px;
width : 60px;
text-align : center;
background : rgba(6, 6, 6, 0.6);
font-family : 'Open Sans', sans-serif;
font-weight : 300;
font-weight : 400;
font-size : 12px;
line-height : 26px;
text-transform : uppercase;
cursor : pointer;
color : #fff;
transition : all 300ms linear;
}
.post-down .rpl-but a.comment-reply-link {
color : #fff;
}
.post-down .rpl-but:hover {
background : rgba(6, 6, 6, 0.9);
}
.margin-rpl {
margin-left : 60px;
}
.post-down img {
width : 100px;
height : 100px;
float : left;
}
.post-down h6 {
text-align : left;
padding-left : 120px;
padding-bottom : 20px;
text-transform : none;
}
.post-down p {
text-align : left;
padding-left : 120px;
}
.post-down h6 span {
opacity : 0.4000000059604644775390625;
font-weight : 400;
font-size : 80%;
font-family : 'Montserrat', sans-serif;
}
.single-comment .children {
margin-left : 40px;
}
.comment-reply-title {
font-size : 16px;
padding-top : 40px;
text-align : left;
}
.replyForm textarea {
min-height : 100px;
}
.replyForm #ajax-form input[type="submit"] {
color : #dfdfdf;
}
.replyForm #ajax-form input[type="submit"]:hover {
color : #fff;
}
.comment-form input[type="text"], .comment-form input[type="email"] {
margin-bottom : 15px;
}
#footer {
position : relative;
margin : 0 auto;
width : 100%;
background : #fff;
padding-top : 60px;
padding-bottom : 35px;
text-align : center;
}
#footer .back-top {
position : absolute;
cursor : pointer;
top : -10px;
left : 50%;
margin-left : -20px;
width : 40px;
height : 40px;
font-family : 'FontAwesome';
border-top-left-radius : 3px;
border-top-right-radius : 3px;
text-align : center;
z-index : 10000;
font-size : 22px;
line-height : 40px;
background : #f2f2f2;
box-shadow : 0 -5px 15px -5px #000;
transition : all 300ms linear;
}
#footer .back-top:hover {
background : #fff;
box-shadow : 0 -5px 5px -5px #000;
}
#footer {
text-transform : uppercase;
font-size : 12px;
line-height : 22px;
text-align : center;
padding-bottom : 5px;
}
#footer small {
display : block;
padding-top : 10px;
}
#footer i {
font-size : 16px;
line-height : 22px;
text-align : center;
z-index : 6;
padding-left : 5px;
padding-right : 5px;
}
@media only screen and (max-width:800px) {
h1 {
font-size : 28px;
line-height : 28px;
}
.header-text p {
padding-top : 50px;
}
.header-shadow-text {
margin-top : -20px;
font-size : 40px;
line-height : 40px;
}
#royal_preloader.text .loader {
letter-spacing : 2px;
font-size : 26px;
}
.logo, .cbp-af-header.cbp-af-header-shrink .logo {
left : 10px;
top : 10px;
transition : all 0.5s ease-out;
}
.menu-back.cbp-af-header .logo_static {
max-height : 60px;
}
.cbp-af-header.cbp-af-header-shrink .logo_scroll {
max-height : 60px;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {
border-bottom : none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a:hover {
border-bottom : none;
background : none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li {
background : none;
}
ul.slimmenu li a:hover {
border-bottom : none;
background : none;
}
ul.slimmenu li {
background : none;
}
ul.slimmenu li > ul {
width : 100%;
text-align : right;
}
}
@media only screen and (min-width:1200px) and (max-width:1699px) {
.video-section-2 h5 {
padding-left : 40px;
}
.video-section-2 p {
padding-left : 40px;
}
}
@media only screen and (min-width:960px) and (max-width:1199px) {
.big-text {
margin-top : -20px;
font-size : 50px;
line-height : 50px;
}
.video-section-2 h5 {
padding-left : 40px;
}
.video-section-2 p {
padding-left : 40px;
}
}
@media only screen and (min-width:768px) and (max-width:959px) {
.big-text {
margin-top : -10px;
font-size : 40px;
line-height : 40px;
}
#blog-single .single-title, .blog-post-wrapper h3 {
font-size : 24px;
}
.video-section-1 {
width : 100%;
height : 450px;
}
.video-section-2 {
position : relative;
margin : 0 auto;
width : 100%;
height : auto;
padding-bottom : 20px;
}
.video-section-2 .container .nine.columns {
width : 748px;
}
.video-section-2 h5 {
text-align : center;
}
.video-section-2 p {
text-align : center;
}
}
@media only screen and (max-width:768px) {
.blog-text-wrap img, .blog-text-name {
display : none;
}
.blog-text-date {
margin-left : 0;
padding-bottom : 10px;
}
.blog-post-wrapper h3 {
font-size : 20px;
line-height : 24px;
margin-left : 0;
}
.blog-text-wrap p {
font-size : 14px;
line-height : 20px;
}
.blog-text-wrap {
padding-top : 10px;
}
.blog-post-wrapper .blog-post {
padding : 15px;
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.big-text {
margin-top : 0;
font-size : 25px;
line-height : 25px;
}
.video-section-1 {
width : 100%;
height : 450px;
}
.video-section-2 {
position : relative;
width : 100%;
height : auto;
padding-bottom : 20px;
}
.video-section-2 h5 {
text-align : center;
}
.video-section-2 p {
text-align : center;
}
.logos-wrap {
width : 33.3333333333333333333333333%;
}
}
@media only screen and (min-width:320px) and (max-width:479px) {
.big-text {
margin-top : 5px;
font-size : 17px;
line-height : 17px;
}
.video-section-1 {
width : 100%;
height : 250px;
}
.video-section-2 {
position : relative;
width : 100%;
height : auto;
padding-bottom : 20px;
}
.video-section-2 h5 {
text-align : center;
}
.video-section-2 p {
text-align : center;
}
.logos-wrap {
width : 50%;
}
.blog-post-wrapper .single-title {
font-size : 17px;
}
}

.bam-cta-sgwd{
	color:#70def2;
	background-color:#595959;
	text-decoration:none;
	    padding: 15px 25px;
    font-weight: bold;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
}
.bam-cta-sgwd:hover{
	color:#70def2;
	text-decoration:none;
	background-color:black;
}
.bam-header_home{
	float: left;
	margin-top: 20px;
}
.text-center{
	text-align:center;
}

.bam-blog-header{
	font-weight: 700;
    font-style: normal;
       color: #fff;
    padding-top: 50px;
    font-size: 38px;
    line-height: 38px;
    text-transform: uppercase;
    font-family: 'Sifonn-Basic';
    text-align: center;
}

.bam-not-heading{
	font-size: 18px;
	font-weight: bold;
}