global.styles.css in Brainstorm profile 7
@import url(//fonts.googleapis.com/css?family=Raleway:400,600,700);
@import url(//fonts.googleapis.com/css?family=Hind:400,600,700);
@import url(animate.css);
@import url(grid.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
/* =Common styles BEGIN */
*,
*:before,
*:after {
box-sizing: border-box;
}
::selection {
background: #19c2c9;
color: #fff;
}
::-moz-selection {
background: #19c2c9;
color: #fff;
}
.view-content:before,
.views-row:before,
#header:before,
.main-slider-content-wrapper:before,
#primary-menu-bar:before,
#menu-bar:before,
.region:before {
display: table;
content: " ";
}
.mean-container a.meanmenu-reveal span {
height: 1.5px;
margin-top: 7px;
}
.view-content:after,
.views-row:after,
#header:after,
.main-slider-content-wrapper:after,
#primary-menu-bar:after,
#menu-bar:after,
.region:after {
display: table;
content: " ";
clear: both;
}
#header-group {
max-width: 1200px;
}
.contextual-links-wrapper a {
transition: none;
}
html,
body {
height: auto;
}
html {
background: #fff;
}
body {
overflow: hidden;
min-width: 320px;
font-family: "Hind", sans-serif;
color: #333;
font-size: 14px;
font-weight: 500;
}
img,
input,
textarea {
max-width: 100%;
}
textarea {
min-height: 110px;
}
img {
max-height: 100%;
}
.block-colorized-gmap img {
max-height: none;
max-width: none;
}
p:last-child {
margin-bottom: 0;
}
p {
font-size: 15px;
text-decoration: none;
font-family: 'Hind', sans-serif;
font-weight: 500;
color: #74797b;
line-height: 25px;
}
.profile .user-picture {
float: none;
}
h1,
h2,
h3,
h1 a,
.h1 a,
h2 a,
h3 a {
text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
.h1 a,
h2 a,
h3 a,
h4 a,
.views-field-title,
.views-field-title a {
font-weight: bold;
font-family: 'Raleway', sans-serif;
line-height: 70px;
color: #2d2d2d;
margin: 0;
}
h1 a:hover,
.h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.views-field-title a:hover,
.node-title a:hover {
text-decoration: none;
}
h1 {
font-size: 56px;
letter-spacing: 2.8px;
}
h2 {
font-size: 45px;
letter-spacing: 1.13px;
}
h3 {
font-size: 30px;
letter-spacing: 1.5px;
background: url('../images/line.png') center bottom no-repeat;
background-size: 80px;
padding-bottom: 15px;
text-align: center;
margin-bottom: 35px;
}
h3.left {
background-position-x: left;
text-align: left;
}
h4 {
font-size: 20px;
line-height: 50px;
letter-spacing: 1px;
}
h5 {
font-size: 14px;
font-weight: 400;
}
.node-title {
font-family: 'Hind';
font-size: 32px;
text-transform: none;
margin: 5px 0 15px;
line-height: 40px;
}
.node-type-portfolio .node-title {
width: 35%;
float: left;
}
.title {
font-family: 'Raleway', sans-serif;
font-weight: 600;
font-size: 25px;
margin-bottom: 20px;
text-transform: none;
line-height: normal;
}
.comment-title {
font-family: 'Hind';
}
.italic {
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-style: italic;
font-size: 15px;
color: #74797b;
line-height: normal;
margin: 20px 0;
}
a {
text-decoration: none;
color: #19c2c9;
}
a:hover {
text-decoration: none;
}
pre.code,
code {
color: #333;
font-family: 'Courier New', monospace;
}
pre.code {
background-color: #e8e8e8;
padding: 10px;
border-left: 10px solid #1ec97b;
}
mark {
display: inline-block;
padding: 1px;
background: #19c2c9;
color: #fff;
}
blockquote,
blockquote p {
font-family: 'Hind';
font-size: 18px;
color: #333;
line-height: 28px;
letter-spacing: -0.36px;
margin: 20px 0;
display: block;
position: relative;
font-style: normal;
}
blockquote:before {
content: '';
height: 100%;
width: 4px;
display: inline-block;
position: absolute;
background: #19c2c9;
left: 0;
}
.node-type-blog #breadcrumb {
display: none;
}
#breadcrumb {
font-family: 'Hind', sans-serif;
font-size: 15px;
letter-spacing: 0.75px;
color: #fff;
text-align: center;
}
#breadcrumb li {
display: inline-block;
}
#breadcrumb li a {
color: #fff;
font-weight: 700;
}
#breadcrumb li:not(:last-child):after {
content: '/';
width: 10px;
display: inline-block;
font-weight: 700;
}
#breadcrumb #crumbs {
padding: 0;
}
#breadcrumb .crumb-separator {
display: none;
}
blockquote {
position: relative;
margin: 20px 0;
padding-left: 30px;
min-height: 40px;
}
blockquote footer {
font-size: 15px;
font-weight: 700;
letter-spacing: 1.13px;
text-transform: uppercase;
}
.profession {
font-weight: normal;
text-transform: none;
font-size: 14px;
}
div.messages {
position: relative;
min-height: 50px;
padding-top: 40px;
}
.messages h2 {
width: auto;
height: auto;
font-size: 14px;
margin: 0;
line-height: 30px;
text-transform: none;
clip: auto;
top: 10px;
position: absolute;
}
.messages .close {
position: absolute;
right: 20px;
top: 17px;
}
.messages .close:hover {
cursor: pointer;
}
.messages.error {
background: #fcedef url('../images/alerts/error.png') 17px 17px no-repeat;
border-color: #ffd9de;
}
.messages.error h2 {
color: #ff9999;
}
.messages.error .close {
content: url('../images/alerts/4.png');
}
.messages.warning {
background: #fefaec url('../images/alerts/warning.png') 17px 17px no-repeat;
border-color: #f7eac7;
}
.messages.warning h2 {
color: #ffcc66;
}
.messages.warning .close {
content: url('../images/alerts/3.png');
}
.messages.status {
background: #effbee url('../images/alerts/status.png') 17px 17px no-repeat;
border-color: #cbeec8;
}
.messages.status h2 {
color: #99cc99;
}
.messages.status .close {
content: url('../images/alerts/2.png');
}
.messages.info {
background: #f0faff url('../images/alerts/info.png') 17px 17px no-repeat;
border-color: #ceedfc;
}
.messages.info h2 {
color: #77b3f0;
}
.messages.info .close {
content: url('../images/alerts/1.png');
}
#content ul,
.sidebar ul,
#content ul li,
.sidebar ul li,
#columns ul li.leaf,
#columns ul li.collapsed,
#block-system-user-menu .menu,
#block-system-user-menu .menu li {
padding: 0;
}
#content ol,
.sidebar ol {
padding-left: 25px;
}
#content ol li,
.sidebar ol li,
#columns ol li.leaf,
#columns ol li.collapsed {
padding-left: 5px;
}
#content ul,
.sidebar ul,
#content li,
.sidebar li {
list-style: square inside;
color: #19c2c9;
}
#content .contextual-links li {
list-style: none;
}
#content ul li span,
.sidebar ul li span {
line-height: 26px;
font-size: 14px;
color: #74797b;
}
#columns ul,
#columns ol,
#block-system-user-menu .menu {
margin: 15px 0;
}
.menu li,
.item-list ul li,
.links li,
.menu li.leaf,
.menu li.collapsed {
padding-left: 0;
margin-left: 0;
}
#columns .menu li:before,
#columns .item-list li:before,
#columns .links li:before,
#columns .contextual-links-wrapper li:before,
#columns .tabs li:before,
#page .field-name-field-portfolio-terms ul li:before {
content: none;
}
#page .contextual-links,
#page .contextual-links li {
margin: 0;
}
#page .contextual-links {
padding: 0.25em 0;
}
#page .contextual-links li {
padding: 0;
}
.links a:hover,
.node-author a:hover {
text-decoration: underline;
}
#content p {
margin-top: 0;
}
.grippie {
display: none !important;
}
#branding,
.region-inner,
body .view-content,
body .block-title,
.block-our-amazing-team-block-1 .block-title,
.view-header,
.view-main-slider .views-field-nothing,
#columns,
#menu-bar nav,
#primary-menu-bar nav,
#secondary-menu-bar,
#header-group {
margin-right: auto;
margin-left: auto;
}
#branding {
width: 30%;
float: left;
min-width: 180px;
}
body.not-front #columns {
max-width: 1200px;
padding: 0;
margin: 65px auto 90px auto;
}
body.page-portfolio #columns {
max-width: none;
}
body .view-content .view-content {
padding-left: 0;
padding-right: 0;
}
.sidebar .region-inner,
.not-front #columns .content-inner {
padding: 0;
}
#main-content {
margin: 0;
}
#page.container {
max-width: none;
}
.page-blog #page.container {
background-color: #f9f9f9;
}
.front .block-title,
.our-skills h2,
.about-us h2,
.page-title,
.our-team h2 {
font-size: 30px;
text-decoration: none;
display: block;
font-family: 'Raleway', sans-serif;
font-weight: 700;
letter-spacing: 1.5px;
background: url('../images/line.png') center bottom no-repeat;
background-size: 80px;
padding-bottom: 15px;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.page-comment .page-title {
margin-bottom: 15px;
}
.front .block-title {
margin-top: 65px;
margin-bottom: 20px;
}
.page-title {
font-size: 30px;
text-transform: none;
background-size: 80px;
padding-bottom: 30px;
}
.page-about-us .page-title,
.page-typography .page-title,
.page-blog .page-title,
.page-portfolio .page-title,
.page-contact .page-title {
font-size: 50px;
background-size: 130px;
text-transform: uppercase;
padding-bottom: 30px;
}
body .front .block-title {
margin-top: 90px;
}
#page-title {
padding-top: 120px;
padding-bottom: 70px;
color: #fff;
height: 243px;
background-color: #000;
}
.page-typography #page-title {
height: 280px;
}
.page-about-us #page-title,
.page-portfolio #page-title,
.page-blog #page-title,
.page-contact #page-title {
height: 389px;
padding-top: 150px;
}
.region-sidebar-second {
padding-left: 30px;
}
.base-page {
background: url('../images/pic_title/base.jpg') 50% no-repeat;
}
.page-about-us .base-page {
background: url('../images/pic_title/about-us.jpg') 50% no-repeat;
}
.page-portfolio .base-page,
.node-type-portfolio .base-page {
background: url('../images/pic_title/portfolio.jpg') 50% no-repeat;
}
.page-blog .base-page,
.node-type-blog .base-page {
background: url('../images/pic_title/blog.jpg') 50% no-repeat;
}
.page-contact .base-page {
background: url('../images/pic_title/contacts.jpg') 50% no-repeat;
}
.view-header {
color: #606060;
text-align: center;
margin-bottom: 40px;
}
.views-field-title a,
.section-tags .node-title a {
color: #333;
text-decoration: none;
}
.section-tags {
font-family: 'Raleway';
font-size: 20px;
font-weight: 700;
padding-top: 20px;
}
#page-wrapper table p {
margin: 0;
}
#page-wrapper table {
width: 100%;
border: none;
max-width: 1920px;
margin: 0 auto;
}
.html #page-wrapper table th {
font-weight: 400;
color: #333;
}
th,
td {
padding: 10px;
}
th {
padding-top: 15px;
padding-bottom: 15px;
}
tr,
tr.even,
tr.odd {
padding: 0;
border: none;
}
tr.even {
background-color: #fff;
}
tr.odd {
background-color: #e8e8e8;
}
table.ver-1 td,
table.ver-1 th {
border: none;
}
table.ver-1 tr {
border-bottom: 1px solid #c6c6c6;
}
.form-item {
margin: 0 0 20px;
}
span.form-required {
display: none;
}
.container-inline .form-item {
display: inline-block;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
width: 420px;
padding: 15px 20px;
border: 1px solid #e3e3e3;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #19c2c9 !important;
outline-color: transparent;
outline-style: none;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
border: 1px solid #ff3334;
}
textarea {
resize: vertical;
}
.form-item .description {
font-size: 13px;
color: #19c4cb;
}
.form-item .description.error {
background: none;
color: #ff3334;
}
label {
font-weight: 400;
margin-bottom: 3px;
}
#content .item-list ul.pager-load-more li {
width: 200px;
}
.item-list .pager {
text-align: left;
}
.item-list .pager li {
display: inline-block;
margin: 0 10px 10px 0;
padding: 0;
}
#page .item-list .pager li {
padding-left: 0;
margin-left: 0;
margin-bottom: 10px;
width: 45px;
height: 45px;
}
#page .item-list .pager li:last-of-type {
margin-right: 0;
}
#page .item-list .pager a,
#page .item-list .pager .pager-current,
#page .item-list .pager .pager-ellipsis {
display: inline-block;
color: #74797b;
border: 1px solid #a9a9a9;
text-decoration: none;
width: 45px;
height: 45px;
text-align: center;
font-size: 15px;
line-height: 45px;
}
#page .item-list .pager .pager-ellipsis {
border: none;
}
#page .item-list .pager .pager-current,
#page .item-list .pager a:hover {
background: #19c2c9;
border-color: #19c2c9;
color: #fff;
}
#page .item-list .pager .pager-current {
cursor: default;
font-weight: 400;
}
#page .item-list.item-list-pager li {
background-color: transparent;
}
.region-secondary-content {
background: url(images/bg-page-title.png) no-repeat 50% 50%;
background-size: cover;
}
.sidebar .block {
margin-bottom: 60px;
}
/* Loading */
#load {
animation: loading 3s linear infinite;
}
#loading-inner {
animation: loading-circle 2s linear infinite;
-webkit-animation: loading-circle 2s linear infinite;
-moz-animation: loading-circle 2s linear infinite;
stroke: #19c2c9;
stroke-dashoffset: 0;
stroke-dasharray: 300;
stroke-width: 10;
stroke-miterlimit: 10;
stroke-linecap: round;
fill: transparent;
}
@keyframes loading {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes loading {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes loading {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loading-circle {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -600;
}
}
@-webkit-keyframes loading-circle {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -600;
}
}
@-moz-keyframes loading-circle {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -600;
}
}
/* Info items */
.views-field-created,
.views-field-comment-count,
.views-field-comment-count a,
.data,
.submitted .comment,
.submitted .comment a,
.datetime,
.author-datetime {
display: inline-block;
}
.views-field-created:before,
.view-blog .views-field-comment-count:before,
.data:before,
.submitted .comment:before {
font-size: 18px;
line-height: 1;
font-family: 'FontAwesome';
position: absolute;
}
.submitted {
margin-top: 20px;
}
.view-blog .views-field-comment-count:before,
.submitted .comment:before {
content: '\f0e5';
}
.view-blog .views-field-name:before,
.author-datetime:before {
content: url('../images/Admin.png');
vertical-align: -webkit-baseline-middle;
margin-right: 3px;
}
.view-blog .views-field-name span:before {
content: 'by ';
}
.view-blog .views-field-name:after,
.view-blog .views-field-created:after,
.author-datetime:after,
.datetime:after,
.submitted .comment:after {
content: '/';
padding-left: 10px;
}
.views-field-comment-count span,
.submitted .comment span {
padding-left: 25px;
}
.page-blog .view-blog li div:not(.views-field-created),
.submitted div:not(.datetime) {
margin-left: 10px;
}
.view-blog .views-field-name {
margin-right: -20px;
}
.view-blog .view-content ul li div.views-field-comment-count {
margin-left: 30px;
}
#columns .submitted ul li {
margin-left: 0;
}
.views-field-created,
#content ul li .views-field-created span,
.views-field-name,
#content ul li .views-field-name span,
.views-field-comment-count,
#content ul li .views-field-comment-count span,
.data,
div.datetime,
div.author-datetime,
div.author-datetime a,
.submitted .comment,
.submitted .comment span,
.addtoany_list.a2a_kit_size_32 > a {
font-size: 13px;
line-height: 20px;
color: #999;
position: relative;
text-decoration: none;
display: inline-block;
}
.author-datetime a:hover {
color: #19c2c9;
}
/* Buttons */
.btn,
input[type="submit"],
input[type="button"],
.view-dignities .view-footer a,
.view-our-amazing-team .views-field-nothing a,
.button,
.about-us p a {
display: inline-block;
text-transform: uppercase;
padding: 18px 40px;
background: #19c2c9;
border: none;
color: #fff;
font-size: 15px;
font-weight: bold;
letter-spacing: 1.13px;
border-radius: 0;
height: 55px;
}
.btn:hover,
.view-dignities .view-footer a:hover,
.view-our-amazing-team .views-field-nothing a:hover,
.about-us p a:hover {
text-decoration: none;
}
.btn + .btn,
input[type="submit"] + input[type="submit"],
input[type="button"] + input[type="button"],
.view-dignities .view-footer a + a,
.view-our-amazing-team .views-field-nothing a + a {
margin-left: 20px;
}
.btn:hover,
input[type="submit"]:hover,
.view-dignities .view-footer a:hover,
.view-our-amazing-team .views-field-nothing a:hover,
.about-us p a:hover,
.front .view-blog table .views-field-view-node a:hover,
.company-name .second-part a:hover {
background-color: #333;
}
.input input {
margin-bottom: 20px;
}
input:active {
border: none;
}
.input input:nth-child(4),
input[type="button"] {
background: #333;
}
input[type="button"]:hover {
background: #19c2c9;
}
.block-superfish select,
#primary-menu-bar select,
#menu-bar select {
display: none;
}
#primary-menu-bar,
#block-system-main-menu {
width: 60%;
float: right;
height: 80px;
}
#secondary-menu-bar {
display: block;
}
ul.primary {
border: 0;
text-transform: uppercase;
font-size: 18px;
white-space: normal;
padding: 0;
}
ul.primary li {
display: inline-flex;
}
ul.primary li a {
padding: 4px 9px;
color: #333;
background: none;
border: none;
margin: 0;
}
ul.primary li.active a,
ul.primary li.active a:hover {
background: #19c2c9;
color: #fff;
border: none;
padding: 4px 9px;
}
ul.primary li a:hover {
border: 2px solid #19c2c9;
background: none;
padding: 2px 7px;
color: #333;
}
.node-readmore a,
.comment-comments a,
.comment-add a {
position: relative;
}
.comment .username {
display: block;
}
.node-readmore a,
.comment-comments a,
.comment-add a {
color: #a6a6a6;
}
.node-readmore a:hover,
.comment-comments a:hover,
.comment-add a:hover {
color: #19c2c9;
text-decoration: none;
}
.node-readmore a:before,
.comment-comments a:before,
.comment-add a:before {
font-family: 'FontAwesome';
position: absolute;
left: 0;
}
.node-readmore a {
padding-left: 13px;
}
.node-readmore a:before {
content: '\f101';
}
.comment-comments a {
padding-left: 19px;
}
.comment-comments a:before {
content: '\f0e5';
}
.comment-add a {
padding-left: 17px;
}
.comment-add a:before {
content: '\f055';
}
/* Share buttons */
.a2a_kit a {
margin-bottom: 8px;
}
.owl-theme .owl-controls .owl-buttons div:hover {
opacity: 1;
}
/* =Common styles END */
/* Drupal standart blocks BEGIN */
#columns {
padding: 40px 0;
}
body #columns {
padding: 0;
}
#logo,
#name-and-slogan {
float: left;
}
#name-and-slogan #site-name {
color: #fff;
}
#site-name a {
color: #fff;
}
#block-system-user-menu {
float: right;
}
.feed-icon {
display: inline-block;
margin: 15px 5px;
}
.block-search .form-item {
margin-bottom: 10px;
}
.node-article {
margin-bottom: 20px;
}
#block-system-powered-by {
padding: 30px 0;
}
#comments,
.comment-form {
margin-top: 15px;
padding-top: 15px;
}
.comment-form + .comment-form {
border-top: none;
margin-top: 0;
padding-top: 0;
}
#comments .form-text,
#comments .form-textarea {
width: 100%;
}
#primary-menu-bar .menu .menu {
display: none;
}
#primary-menu-bar .menu .menu .menu {
left: 100%;
top: 0;
}
#primary-menu-bar li:hover > .menu {
display: block;
}
#primary-menu-bar nav > .menu {
display: flex;
margin: 0;
justify-content: flex-end;
}
#page #block-system-main-menu {
z-index: 101;
}
#primary-menu-bar > nav > .menu > li,
#block-system-main-menu .menu-depth-1 {
float: left;
}
#primary-menu-bar > nav > .menu > li > a,
#block-system-main-menu .menu-depth-1 > a {
text-transform: uppercase;
padding: 0 20px 0;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
#primary-menu-bar > nav > .menu > li:nth-child(1) > a:hover,
#primary-menu-bar > nav > .menu > li:nth-child(1) > a.active {
background: url('../images/menu_underline/Home.png') 50% 100% no-repeat;
transition: none;
}
#primary-menu-bar > nav > .menu > li:nth-child(2) > a:hover,
#primary-menu-bar > nav > .menu > li:nth-child(2) > a.active {
background: url('../images/menu_underline/AboutUs.png') 50% 100% no-repeat;
transition: none;
}
#primary-menu-bar > nav > .menu > li:nth-child(3) > a:hover,
#primary-menu-bar > nav > .menu > li:nth-child(3) > a.active {
background: url('../images/menu_underline/Portfolio.png') 50% 100% no-repeat;
transition: none;
}
#primary-menu-bar > nav > .menu > li:nth-child(4) > a:hover,
#primary-menu-bar > nav > .menu > li:nth-child(4) > a.active {
background: url('../images/menu_underline/Blog.png') 50% 100% no-repeat;
transition: none;
}
#primary-menu-bar > nav > .menu > li:nth-child(5) > a:hover,
#primary-menu-bar > nav > .menu > li:nth-child(5) > a.active {
background: url('../images/menu_underline/Contacts.png') 50% 100% no-repeat;
transition: none;
}
#primary-menu-bar > nav > .menu > li:nth-child(6) > a:hover,
#primary-menu-bar > nav > .menu > li:nth-child(6) > a.active {
background: url('../images/menu_underline/Typography.png') 50% 100% no-repeat;
transition: none;
}
#primary-menu-bar .menu .menu {
position: absolute;
padding: 10px 0 !important;
width: auto !important;
background: #fff;
top: 80px;
min-width: 190px;
border-radius: 0;
-webkit-box-shadow: inset 0 0 0 1px rgba(232,232,232,1);
-moz-box-shadow: inset 0 0 0 1px rgba(232,232,232,1);
box-shadow: inset 0 0 0 1px rgba(232,232,232,1);
}
#block-system-main-menu .menu {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
#primary-menu-bar .menu .menu a:hover,
#block-system-main-menu .menu a:hover {
color: #19c2c9;
}
.sidebar .form-text {
width: 100%;
}
/* Drupal standart blocks END */
/* =Header BEGIN */
#header,
#block-system-main-menu,
#primary-menu-bar {
position: relative;
z-index: 100;
}
#header {
background: rgba(0,0,0, 0.8);
position: absolute;
right: 0;
left: 0;
max-height: 80px;
}
#header .block-logo,
#logo,
#name-and-slogan {
clear: none;
width: auto;
float: left;
padding-top: 25px;
margin: 0 auto;
padding-bottom: 10px;
}
#header .block-logo #logo {
padding: 0;
}
#logo {
margin-right: 15px;
}
#header .block-logo .content * {
vertical-align: middle;
}
#header .block-logo img {
max-width: 230px;
max-height: 60px;
}
.sf-sub-indicator {
display: none;
}
#block-superfish-1 ul,
#block-superfish-1 li,
#block-system-main-menu .menu,
#block-system-main-menu .menu li,
#primary-menu-bar .menu,
#primary-menu-bar .menu li {
margin: 0;
list-style: none;
}
#block-superfish-1 ul,
#block-system-main-menu .menu,
#primary-menu-bar .menu {
padding: 0 !important;
}
#block-superfish-1 li,
#block-system-main-menu .menu li,
#primary-menu-bar .menu li {
padding: 0;
}
#superfish-1 a,
#primary-menu-bar .menu a,
#block-system-main-menu .menu a {
line-height: 80px;
font-size: 13px;
text-decoration: none;
display: block;
font-family: 'Raleway', sans-serif;
color: #fff;
font-weight: 700;
}
#superfish-1 #menu-468-1.sf-depth-1 > a,
#menu .menu-mlid-468 > a {
cursor: default;
pointer-events: none;
}
#superfish-1 #menu-468-1.sf-depth-1 > a:hover,
#superfish-1 #menu-468-1.active-trail.sf-depth-1 > a,
#menu .menu-mlid-468 > a:hover,
#menu .menu-mlid-468 > a.active {
color: #a6a6a6;
}
#header .btn-mobile-menu {
clear: none;
float: right;
width: 50px;
height: 35px;
background: url(images/icon-mobile-menu.png) no-repeat 50% 50%;
font-size: 0;
cursor: pointer;
margin-top: 22px;
}
#toggle-icon {
margin-top: 5px;
color: #333;
}
#header #toggle-icon:hover {
color: #3f9ae8;
}
/* =Header END */
/* =Footer BEGIN */
.copyright,
.region-tertiary-content {
background-color: #333;
color: #fff;
max-height: 80px;
}
.region-tertiary-content .region-inner {
padding: 0;
}
.copyright-content {
max-width: 1200px;
margin: 0 auto;
}
.region-tertiary-content .block {
width: 100%;
display: inline-block;
vertical-align: top;
}
.about-this-theme,
#page-wrapper .region-tertiary-content .block-title {
padding: 0;
margin-bottom: 15px;
text-align: left;
font-size: 17px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.region-tertiary-content .view-content,
body .region-tertiary-content .view-content {
padding: 0;
}
.block-title {
margin-bottom: 15px;
}
.about-this-theme {
margin-bottom: 10px;
}
.field-label-above {
margin-top: 20px;
}
.field-label-above ul,
.field-label-above li {
padding: 0;
margin: 0;
list-style: none;
}
.field-label-above li {
display: inline-block;
margin-right: 10px;
}
.view-popular-tags a,
.field-label-above a {
color: #333;
text-decoration: none;
display: inline-block;
border: 1px solid #333;
padding: 10px 20px;
}
.view-popular-tags a:hover,
.field-label-above a:hover {
color: #fff;
background-color: #19c2c9;
border-color: #19c2c9;
}
.block-instagram-block .content {
font-size: 0;
line-height: 0;
margin-left: -5px;
margin-right: -5px;
}
.block-instagram-block .content a {
display: inline-block;
position: relative;
margin: 0 5px 10px;
}
.block-instagram-block .content a:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.block-instagram-block .content a:hover:before {
background-color: #3d8fd6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: 0.4;
}
.block-instagram-block img {
margin: 0 !important;
}
#superfish-2 {
display: block !important;
}
#superfish-2,
#superfish-2 li {
width: auto;
}
#superfish-2 li {
padding: 10px 0;
display: block;
float: none;
margin: 0;
border-bottom: 1px solid #62676d;
}
#superfish-2 li:last-child {
border-bottom: none;
}
#superfish-2 a,
.copyright a {
color: #19c2c9;
text-decoration: none;
}
#superfish-2 a {
display: inline-block;
}
.region-footer {
background-color: #202123;
}
.block-social-icons {
text-align: center;
}
.block-social-icons .content a {
font-size: 32px;
line-height: 90px;
text-align: center;
color: #84888c;
width: 85px;
height: 90px;
display: inline-block;
}
.fa-facebook-official:hover:before,
.fa-facebook:hover:before {
color: #2d5c99;
}
.fa-github:hover:before {
color: #333;
}
.fa-twitter:hover:before {
color: #2faeee;
}
.fa-instagram:hover:before {
color: #2e7396;
}
.fa-behance:hover:before {
color: #00acdc;
}
.fa-linkedin-square:hover:before {
color: #0089bc;
}
.fa-dribbble:hover:before {
color: #ff8caf;
}
/* =Footer END */
/* =Page About us BEGIN*/
.two-list ul {
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
}
#about-us-page .first-part {
padding-right: 15px;
}
#about-us-page .second-part {
padding-left: 15px;
}
#about-us-page li {
list-style-image: url('../images/check.png');
list-style-position: inside;
line-height: 30px;
}
.company-name {
height: 500px;
background: #f9f9f9;
}
.company-name .first-part,
.company-name .second-part {
height: 500px;
}
.company-name .second-part p {
max-width: 500px;
margin: 0 auto;
}
.company-name .second-part a {
margin-top: 45px;
}
#page-wrapper .our-team table {
max-width: 1200px;
}
.our-team {
margin: 70px 0;
}
.our-team .block-title {
margin-bottom: 40px;
}
.our-team .views-field-title {
line-height: 40px;
margin-top: 20px;
}
.our-team .social-team {
background: #19c2c9;
padding: 5px 19px;
margin: 0;
width: 270px;
display: flex;
}
.social-team li {
display: inline-block;
font-size: 27px;
padding: 0 16px;
}
.our-team .social-team li a {
color: #fff;
}
.our-team td {
position: relative;
}
.our-team .views-field-field-social {
position: absolute;
bottom: 99px;
overflow: hidden;
}
.our-team .views-field-field-photo-team img {
width: 100%;
height: 100%;
max-height: 280px;
max-width: 280px;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.our-team .views-field-field-photo-team {
overflow: hidden;
max-width: 270px;
}
.our-team .views-field-field-social:hover .field-content {
top: 50px;
}
.our-team .views-field-field-social .field-content {
position: relative;
top: 51px;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.our-team td:hover .views-field-field-social .field-content {
opacity: 1;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
}
.our-team td:hover img {
opacity: 1;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
}
/* =Page About us END*/
/* =Block Our recent works BEGIN*/
#edit-tid-wrapper {
float: none;
}
.view-header,
.view-isotope-filter-block ul,
#edit-tid,
#edit-type-1,
.views-exposed-widgets {
margin: 0 auto 20px auto;
display: table;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
position: relative;
}
.view-header div {
float: left;
display: inline-flex;
}
.view-columns .isotope-options li a,
#edit-type-1 label {
color: transparent;
position: absolute;
left: 0;
top: 0;
}
#edit-type-1 .form-item {
position: relative;
}
#edit-type-1 input {
width: 35px;
opacity: 0;
}
.view-columns,
#edit-type-1-wrapper {
border-left: 1px solid #494949;
margin-left: 10px;
padding: 15px;
}
#content .view-columns ul.isotope-options li {
width: 35px;
height: 20px;
margin: 0;
}
#content .view-columns li.first a,
#edit-type-1 .form-item:first-child label {
background: url('../images/column/3_column_default.png') 50% no-repeat;
width: 35px;
height: 20px;
}
#content .view-columns li.first a.selected,
#edit-type-1 .form-item:first-child input:checked + label {
background: url('../images/column/3_column_active.png') 50% no-repeat;
}
#content .view-columns li.last a,
#edit-type-1 .form-item:last-child label {
background: url('../images/column/2_column_default.png') 50% no-repeat;
width: 35px;
height: 20px;
}
#content .view-columns li.last a.selected,
#edit-type-1 .form-item:last-child input:checked + label {
background: url('../images/column/2_column_active.png') 50% no-repeat;
}
#edit-tid .form-item {
text-align: center;
position: relative;
display: inline-block;
}
#edit-tid .form-item input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
left: 0;
}
#content .view-isotope-filter-block .view-content .isotope-options li a,
#edit-tid .form-item label {
font-weight: 500;
font-family: 'Hind', sans-serif;
font-size: 18px;
color: #333;
text-transform: uppercase;
padding: 4px 9px;
border: 2px solid #fff;
width: auto;
display: block;
}
#content .view-isotope-filter-block .view-content .isotope-options li {
width: auto;
padding: 11px 0;
margin: 6px 0 0 0;
}
#content .view-isotope-filter-block .view-content .isotope-options li a.selected,
#edit-tid .form-item input:checked + label {
color: #fff;
background: #19c2c9;
border: 2px solid #19c2c9;
}
#content .view-isotope-filter-block .view-content .isotope-options li a {
height: 32px;
display: table-cell;
vertical-align: middle;
}
#content .view-isotope-filter-block .view-content .isotope-options li a:hover,
#edit-tid .form-item:hover label {
border: 2px solid #19c2c9;
}
.view-portfolio-isotope td,
.view-portfolio-isotope li,
.view-portfolio td,
.view-portfolio li {
padding: 0;
height: auto;
position: relative;
border: none;
overflow: hidden;
max-width: 640px;
float: left;
}
.view-portfolio-isotope img,
.view-portfolio img {
width: 101%;
height: auto;
object-fit: cover;
margin-bottom: -10px;
}
.view-portfolio-isotope h3 {
display: none;
}
#columns .view-portfolio-isotope ul {
margin: 0;
}
.view-portfolio-isotope .views-field-title,
.view-portfolio-isotope .isotope-filter,
.view-portfolio-isotope .views-field-field-portfolio-image a:after,
.view-portfolio .views-field-title,
.view-portfolio .views-field-field-tags-portfolio,
.view-portfolio .views-field-field-portfolio-image a:after {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
height: 20px;
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #fff;
font-size: 16px;
display: none;
}
#content .view-portfolio-isotope .views-field-title span,
#content .view-portfolio .views-field-title span {
font-size: 16px;
}
.view-portfolio-isotope .view-content a,
.view-portfolio a {
color: #fff;
text-decoration: none;
line-height: 1px;
}
.view-portfolio-isotope .views-field-field-portfolio-image a:after,
.view-portfolio .views-field-field-portfolio-image a:after {
content: '';
background: url('../images/plus/plus@3x.png') 50% 50% no-repeat, url('../images/hover-_effect.png') no-repeat;
-moz-background-size: 51px, cover; /* Firefox 3.6+ */
-webkit-background-size: 51px, cover; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 51px, cover; /* Opera 9.6+ */
background-size: 51px, cover;
height: 100%;
width: 100%;
}
.views-field-field-tags-portfolio {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.view-portfolio-isotope td:hover .views-field-field-portfolio-image a:after,
.view-portfolio-isotope li:hover .views-field-field-portfolio-image a:after,
.view-portfolio td:hover .views-field-field-portfolio-image a:after,
.view-portfolio li:hover .views-field-field-portfolio-image a:after {
display: block;
animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
-webkit-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
-moz-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
}
.view-portfolio-isotope li:hover .isotope-filter,
.view-portfolio li:hover .views-field-field-tags-portfolio,
.view-portfolio-isotope td:hover .isotope-filter,
.view-portfolio td:hover .views-field-field-tags-portfolio {
display: block;
opacity: 0;
animation: view-work-gallery 0.5s linear 0.1s 1 normal forwards;
-webkit-animation: view-work-gallery 0.5s linear 0.1s 1 normal forwards;
-moz-animation: view-work-gallery 0.5s linear 0.1s 1 normal forwards;
}
.view-portfolio-isotope td:hover .views-field-title,
.view-portfolio-isotope li:hover .views-field-title,
.view-portfolio td:hover .views-field-title,
.view-portfolio li:hover .views-field-title {
display: block;
animation: view-work-gallery 0.5s linear 0s 1 normal forwards;
-webkit-animation: view-work-gallery 0.5s linear 0s 1 normal forwards;
-moz-animation: view-work-gallery 0.5s linear 0s 1 normal forwards;
}
.view-portfolio-isotope .isotope-filter,
.view-portfolio .views-field-field-tags-portfolio div {
z-index: 5;
padding-left: 25px;
padding-top: 25px;
line-height: 40px;
}
.view-portfolio-isotope .views-field-title a,
.view-portfolio .views-field-title a {
line-height: normal;
}
.view-portfolio-isotope .views-field-title,
.view-portfolio .views-field-title {
z-index: 6;
padding-left: 25px;
text-transform: uppercase;
line-height: normal;
}
@keyframes view-work-gallery {
0% {
bottom: 0;
opacity: 0;
animation-timing-function: linear;
}
100% {
bottom: 55px;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes view-work-gallery {
0% {
bottom: 0;
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
bottom: 55px;
opacity: 1;
-webkit-animation-timing-function: linear;
}
}
@-moz-keyframes view-work-gallery {
0% {
bottom: 0;
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
bottom: 55px;
opacity: 1;
-moz-animation-timing-function: linear;
}
}
/* =Block Our recent works END*/
/* =Blocks About us BEGIN*/
.first-part {
float: left;
}
.second-part {
float: right;
}
.first-part,
.second-part {
width: 50%;
height: 100%;
}
.about-us .first-part,
.our-skills .second-part,
.company-name .second-part {
padding: 85px;
text-align: center;
}
.about-us,
.our-skills {
height: 500px;
text-align: center;
}
.about-us .second-part {
background: url('../images/main_1.jpg') 20% 100% no-repeat;
background-size: cover;
}
.our-skills .first-part,
.company-name .first-part {
background: url('../images/03_skills_pic.jpg') center no-repeat;
background-size: cover;
}
.text-who {
max-width: 490px;
margin: 0 auto 42px;
}
.our-skills .team {
display: block;
width: 420px;
margin: 110px auto;
border: 3px solid #fff;
height: 305px;
padding: 70px;
}
.our-skills .first-part p {
font-family: 'Raleway', sans-serif;
font-size: 80px;
font-weight: 600;
color: #fff;
letter-spacing: 4px;
line-height: 80px;
}
#content .skills-bar-container {
float: left;
clear: right;
width: 100%;
margin: 0;
}
.skills-bar-container p {
float: left;
margin: 5px;
text-align: left;
display: block;
}
.skills-bar-container .percent {
float: right;
padding-top: 5px;
opacity: 0;
-webkit-transition: opacity 1s ease 4s;
-moz-transition: opacity 1s ease 4s;
-o-transition: opacity 1s ease 4s;
transition: opacity 1s ease 4s;
}
.skills-bar-container .percent,
.skills-bar-container label,
.our-team .views-field-field-profession-team a {
font-weight: 500;
font-family: 'Hind', sans-serif;
font-size: 15px;
color: #74797b;
}
.skills-bar-container li {
background: #e9e5e2;
height: 6px;
}
#content .skills-bar-container li {
padding: 0;
float: left;
width: 100%;
margin: 0 0 20px;
list-style: none;
}
#content .skills-bar-container p {
margin: 0;
}
.progressbar {
background: #19c2c9;
background-image: -webkit-linear-gradient(left, #19c2c9 0%, #99ffcc 100%);
background-image: -moz-linear-gradient(left, #19c2c9 0%, #99ffcc 100%);
background-image: -o-linear-gradient(left, #19c2c9 0%, #99ffcc 100%);
background-image: linear-gradient(to right, #19c2c9 0%, #99ffcc 100%);
height: 100%;
width: 0;
-webkit-transition: width 4.50s ease !important;
-moz-transition: width 4.50s ease !important;
-o-transition: width 4.50s ease !important;
transition: width 4.50s ease !important;
}
/* =Blocks About us END*/
/* =Block Our core features */
#content .view-our-core-features ul {
max-width: 1200px;
margin: 0 auto;
}
.view-our-core-features li {
border: none;
width: 33%;
display: inline-block;
}
.view-our-core-features .views-field-field-icon-features {
width: 30px;
float: left;
}
.view-our-core-features .views-field-title,
.view-our-core-features .views-field-body {
display: table-row;
}
.view-our-core-features .views-field-title .field-content,
.view-our-core-features .views-field-body .field-content {
margin-left: 15px;
display: block;
}
.view-our-core-features .views-field-body .field-content {
margin-top: 8px;
}
.view-our-core-features .views-field-title,
.view-our-core-features .views-field-title a,
.our-team .views-field-title a {
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 20px;
color: #333;
letter-spacing: 1px;
text-transform: none;
line-height: normal;
}
/* =Slider BEGIN */
.owl-theme .owl-controls {
margin: 17px 0 20px;
}
.owl-theme img {
display: block;
}
.owl-theme .owl-controls .owl-buttons div {
line-height: 0;
font-size: 0;
color: transparent;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 26px;
height: 41px;
border-radius: 0;
background: transparent;
}
.owl-theme .owl-prev {
left: 0;
}
.owl-theme .owl-next {
right: 0;
}
.owl-theme .owl-controls .owl-page {
width: 14px;
height: 14px;
border-radius: 50%;
margin-right: 4px;
}
.owl-theme .owl-controls .owl-page:last-child {
margin-right: 0;
}
.owl-theme .owl-controls .owl-page.active,
.owl-theme .owl-controls .owl-page:hover {
background: rgba(255, 255, 255, 0.3);
}
.owl-theme .owl-controls .owl-page span {
background: #fff;
opacity: 1;
height: 8px;
width: 8px;
margin: 3px;
}
.owl-theme .owl-controls .owl-page:hover span,
.owl-theme .owl-controls .owl-page.active span {
background: #fff;
}
/* =Slider END */
/* =Main slider BEGIN */
.view-main-slider {
min-height: 300px;
height: 600px;
cursor: -webkit-grab;
cursor: grab;
}
.view-main-slider .view-content,
.view-main-slider .owl-carousel,
.view-main-slider .owl-wrapper-outer,
.view-main-slider .owl-wrapper,
.view-main-slider .owl-item,
.view-main-slider .owl-item > div,
.view-main-slider .views-field-nothing,
.view-main-slider .views-field-nothing .field-content,
.main-slider-content-wrapper,
.main-slider-image {
height: 100%;
}
body .view-main-slider .view-content,
.view-main-slider .owl-carousel,
.view-main-slider .owl-wrapper-outer,
.view-main-slider .owl-wrapper,
.view-main-slider .owl-item,
.view-main-slider .owl-item > div {
max-width: none;
padding: 0;
color: #fff;
}
.view-main-slider .views-field-nothing {
position: relative;
z-index: 2;
}
.view-main-slider .views-field-nothing .field-content {
display: block;
text-align: center;
}
.view-main-slider .views-field {
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
.view-main-slider .owl-item {
position: relative;
background: #fff;
}
.view-main-slider .views-field-field-background-image {
position: relative;
top: 0;
left: 50%;
text-align: center;
margin: 0 auto;
height: 600px;
}
.view-main-slider .views-field-field-background-image .field-content {
max-height: 100%;
height: 100%;
}
.view-main-slider .owl-item:first-child:before {
right: 50%;
}
.view-main-slider .owl-item:last-child:before {
left: 100%;
}
.view-main-slider .views-field-field-background-image img {
width: 100%;
max-height: none;
position: relative;
z-index: -1;
}
.view-main-slider .owl-controls .owl-buttons div,
.node-portfolio .owl-controls .owl-buttons div {
top: 60%;
z-index: 50;
margin: 0;
width: 50px;
height: 70px;
background: #000;
background: rgba(0, 0, 0, 0.85);
background-repeat: no-repeat;
}
.view-main-slider .owl-controls .owl-buttons .owl-prev,
.node-portfolio .owl-controls .owl-buttons .owl-prev {
background-image: url(images/main-slider-prev.png);
background-position: 40% 50%;
}
.view-main-slider .owl-controls .owl-buttons .owl-next,
.node-portfolio .owl-controls .owl-buttons .owl-next {
background-image: url(images/main-slider-next.png);
background-position: 60% 50%;
}
/* Slideshow animation */
.view-main-slider .owl-carousel {
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
.view-main-slider .active .views-field-field-background-image .field-content {
position: relative;
left: -50%;
width: 1920px;
opacity: 0;
animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
-webkit-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
-moz-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
}
@keyframes views-field-field-background-image_gwd-keyframes {
0% {
opacity: 0;
animation-timing-function: linear;
}
100% {
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-field-field-background-image_gwd-keyframes {
0% {
opacity: 0;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
-webkit-animation-timing-function: linear;
}
}
@-moz-keyframes views-field-field-background-image_gwd-keyframes {
0% {
opacity: 0;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
-moz-animation-timing-function: linear;
}
}
.view-main-slider .active .left-text .views-field-field-main-slider-image {
position: absolute;
width: 50%;
top: 150px;
right: 0;
}
.view-main-slider .active .left-text .views-field-field-main-slider-image img {
display: none;
}
.view-main-slider .active .left-text .views-field-field-main-slider-image img:first-child {
display: block;
}
.view-main-slider .active .left-text .views-field-field-main-slider-image .field-content {
position: absolute;
opacity: 0;
width: 100%;
animation: views-filed-field-main-slider0 0.5s linear 0.5s 1 normal forwards;
-webkit-animation: views-filed-field-main-slider0 0.5s linear 0.5s 1 normal forwards;
-moz-animation: views-filed-field-main-slider0 0.5s linear 0.5s 1 normal forwards;
}
@keyframes views-filed-field-main-slider0 {
0% {
left: 80px;
top: 0;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 0;
left: 0;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-filed-field-main-slider0 {
0% {
top: 0;
left: 80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 0;
left: 70px;
opacity: 1;
animation-timing-function: linear;
}
}
@-moz-keyframes views-filed-field-main-slider0 {
0% {
top: 0;
left: 80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 0;
left: 0;
opacity: 1;
animation-timing-function: linear;
}
}
.view-main-slider .active .left-text .views-field-title {
position: absolute;
top: 205px;
padding-right: 61px;
width: 50%;
opacity: 0;
left: 0;
text-align: right;
animation: views-field-title0 1s linear 0.5s 1 normal forwards;
-webkit-animation: views-field-title0 0.5s linear 1s 1 normal forwards;
-moz-animation: views-field-title0 0.5s linear 1s 1 normal forwards;
}
.view-main-slider .active .left-text .views-field-title .field-content {
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 0 20px;
width: 520px;
height: 72px;
background: #19c2c9;
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 45px;
letter-spacing: 1.13px;
display: inline-table;
}
@keyframes views-field-title0 {
0% {
left: -80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 0;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-field-title0 {
0% {
left: -80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 0;
opacity: 1;
animation-timing-function: linear;
}
}
@-moz-keyframes views-field-title0 {
0% {
left: -80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
left: 0;
opacity: 1;
animation-timing-function: linear;
}
}
.view-main-slider .active .left-text .views-field-body {
position: absolute;
top: 312px;
padding-right: 120px;
width: 50%;
opacity: 0;
animation: views-field-body0 0.5s linear 1.5s 1 normal forwards;
-webkit-animation: views-field-body0 0.5s linear 1.5s 1 normal forwards;
-moz-animation: views-field-body0 0.5s linear 1.5s 1 normal forwards;
}
.view-main-slider .active .left-text .views-field-body .field-content p {
width: 420px;
font-family: 'Hind', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
float: right;
color: #fff;
}
@keyframes views-field-body0 {
0% {
top: 392px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 312px;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-field-body0 {
0% {
top: 392px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 312px;
opacity: 1;
animation-timing-function: linear;
}
}
@-moz-keyframes views-field-body0 {
0% {
top: 392px;
opacity: 180;
animation-timing-function: linear;
}
100% {
top: 312px;
opacity: 1;
animation-timing-function: linear;
}
}
.view-main-slider .active .right-text .views-field-field-main-slider-image {
position: absolute;
width: 50%;
top: 30%;
left: 0;
right: inherit;
}
.view-main-slider .active .right-text .views-field-field-main-slider-image img {
float: right;
}
.view-main-slider .active .right-text .views-field-field-main-slider-image .field-content {
position: absolute;
opacity: 0;
width: 100%;
animation: views-filed-field-main-slider1 0.5s linear 0.5s 1 normal forwards;
-webkit-animation: views-filed-field-main-slider1 0.5s linear 0.5s 1 normal forwards;
-moz-animation: views-filed-field-main-slider1 0.5s linear 0.5s 1 normal forwards;
}
@keyframes views-filed-field-main-slider1 {
0% {
opacity: 0;
left: -80px;
animation-timing-function: linear;
}
100% {
opacity: 1;
left: 0;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-filed-field-main-slider1 {
0% {
opacity: 0;
left: -80px;
-webkit-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 0;
-webkit-animation-timing-function: linear;
}
}
@-moz-keyframes views-filed-field-main-slider1 {
0% {
opacity: 0;
left: -80px;
-moz-animation-timing-function: linear;
}
100% {
opacity: 1;
left: 0;
-moz-animation-timing-function: linear;
}
}
.view-main-slider .active .right-text .views-field-title {
position: absolute;
top: 205px;
padding-left: 65px;
width: 50%;
opacity: 0;
right: 0;
text-align: left;
padding-right: 0;
left: initial;
animation: views-field-title1 0.5s linear 1s 1 normal forwards;
-webkit-animation: views-field-title1 0.5s linear 1s 1 normal forwards;
-moz-animation: views-field-title1 0.5s linear 1s 1 normal forwards;
}
.view-main-slider .active .right-text .views-field-title .field-content {
text-transform: uppercase;
text-align: right;
width: 495px;
height: 72px;
color: #19c2c9;
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 45px;
letter-spacing: 1.13px;
line-height: 65px;
padding: 0;
background: none;
}
@keyframes views-field-title1 {
0% {
right: -80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
right: 0;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-field-title1 {
0% {
right: -80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
right: 0;
opacity: 1;
animation-timing-function: linear;
}
}
@-moz-keyframes views-field-title1 {
0% {
right: -80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
right: 0;
opacity: 1;
animation-timing-function: linear;
}
}
.view-main-slider .active .right-text .views-field-body {
position: absolute;
top: 268px;
padding-left: 65px;
width: 50%;
right: 0;
opacity: 1;
animation: none;
-webkit-animation: none;
-moz-animation: none;
}
.view-main-slider .active .right-text .views-field-body .title-ul {
text-transform: uppercase;
}
.view-main-slider .active .right-text .views-field-body .field-content {
color: #333;
font-size: 28px;
font-family: 'Hind', sans-serif;
line-height: 65px;
width: 495px;
position: relative;
opacity: 0;
animation: views-field-body1 0.5s linear 1.5s 1 normal forwards;
-webkit-animation: views-field-body1 0.5s linear 1.5s 1 normal forwards;
-moz-animation: views-field-body1 0.5s linear 1.5s 1 normal forwards;
}
#content .view-main-slider .active .right-text .views-field-body ul {
font-size: 16px;
font-family: 'Hind', sans-serif;
font-weight: 500;
width: 495px;
opacity: 0;
position: relative;
line-height: 30px;
margin: 0;
animation: views-field-body1 0.5s linear 1.7s 1 normal forwards;
-webkit-animation: views-field-body1 0.5s linear 1.7s 1 normal forwards;
-moz-animation: views-field-body1 0.5s linear 1.7s 1 normal forwards;
}
#content .view-main-slider .active .right-text .views-field-body ul li {
background: url('../images/check.png') 0 50% no-repeat;
list-style: none;
padding: 0 28px;
margin: 0;
color: #74797b;
font-weight: 600;
}
@keyframes views-field-body1 {
0% {
top: 80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 0;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-field-body1 {
0% {
top: 80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 0;
opacity: 1;
animation-timing-function: linear;
}
}
@-moz-keyframes views-field-body1 {
0% {
top: 80px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 0;
opacity: 1;
animation-timing-function: linear;
}
}
.view-main-slider .active .centre-text .views-field-title .field-content {
text-transform: uppercase;
color: #fff;
text-align: center;
font-family: 'Raleway', sans-serif;
font-size: 56px;
letter-spacing: 1.13px;
line-height: 40px;
right: 50%;
position: relative;
padding: 0;
background: none;
width: auto;
height: auto;
}
.view-main-slider .active .centre-text .views-field-title:after {
content: '';
background: url('../images/line.png') 50% no-repeat;
height: 50px;
position: relative;
top: -10px;
left: -50%;
display: block;
}
.view-main-slider .active .centre-text .views-field-title {
position: absolute;
top: 185px;
opacity: 0;
text-align: center;
width: 600px;
margin: 0 auto;
left: 50%;
padding: 0;
line-height: 60px;
animation: views-field-title2 0.5s linear 0.5s 1 normal forwards;
-webkit-animation: views-field-title2 0.5s linear 0.5s 1 normal forwards;
-moz-animation: views-field-title2 0.5s linear 0.5s 1 normal forwards;
}
@keyframes views-field-title2 {
0% {
top: 100px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 165px;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-field-title2 {
0% {
top: 100px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 165px;
opacity: 1;
animation-timing-function: linear;
}
}
@-moz-keyframes views-field-title2 {
0% {
top: 100px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 165px;
opacity: 1;
animation-timing-function: linear;
}
}
.view-main-slider .active .centre-text .views-field-body .field-content p {
color: #fff;
font-family: 'Hind', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 25px;
right: 50%;
height: 130px;
position: relative;
overflow: hidden;
-webkit-column-width: 230px;
-moz-column-width: 200px;
column-width: 200px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
width: auto;
float: none;
}
.view-main-slider .active .centre-text .views-field-body {
top: 380px;
position: absolute;
width: 690px;
left: 50%;
text-align: justify;
opacity: 0;
padding: 0;
animation: views-field-body2 0.5s linear 1s 1 normal forwards;
-webkit-animation: views-field-body2 0.5s linear 1s 1 normal forwards;
-moz-animation: views-field-body2 0.5s linear 1s 1 normal forwards;
}
@keyframes views-field-body2 {
0% {
top: 470px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 360px;
opacity: 1;
animation-timing-function: linear;
}
}
@-webkit-keyframes views-field-body2 {
0% {
top: 470px;
opacity: 0;
animation-timing-function: linear;
}
100% {
top: 360px;
opacity: 1;
animation-timing-function: linear;
}
}
@-moz-keyframes views-field-body2 {
0% {
top: 470px;
opacity: 180;
animation-timing-function: linear;
}
100% {
top: 360px;
opacity: 1;
animation-timing-function: linear;
}
}
/* =Main slider END */
/* =Block Testimonials BEGIN */
#block-views-testimonials-block {
background: url('../images/testimonials/bg_testimonials.jpg');
padding-bottom: 90px;
padding-top: 1px;
margin-top: 60px;
}
#block-views-testimonials-block h2 {
margin-bottom: 50px;
margin-top: 70px;
}
.view-testimonials .owl-carousel {
width: 700px;
margin: 0 auto;
text-align: center;
background: #fff;
box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
-moz-box-shadow: 0 0 10px #ccc;
padding: 60px;
}
.view-testimonials .owl-theme .owl-controls .owl-buttons .owl-prev,
.view-testimonials .owl-theme .owl-controls .owl-buttons .owl-next {
background: url('../images/testimonials/arrows.png');
opacity: 1;
}
.view-testimonials .owl-theme .owl-controls .owl-buttons .owl-prev {
transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform-origin: 13px 10px;
left: -90px;
}
.view-testimonials .owl-theme .owl-controls .owl-buttons .owl-next {
right: -90px;
}
.view-testimonials .owl-theme .owl-controls .owl-buttons .owl-prev:hover,
.view-testimonials .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background: url('../images/testimonials/arrows_hover.png');
opacity: 1;
}
.view-testimonials .views-field-field-photo img {
margin: 0 auto;
}
#block-views-testimonials-block .views-field-body p {
margin-top: 30px;
margin-bottom: 0;
font-family: 'Raleway', sans-serif;
font-style: italic;
line-height: 30px;
}
.view-testimonials .views-field-title {
text-transform: uppercase;
font-family: 'Hind', sans-serif;
font-size: 15px;
color: #3a3a3a;
letter-spacing: 1.13px;
line-height: 40px;
margin-top: 20px;
}
.view-testimonials .owl-item.active {
opacity: 0;
animation: testimonials 1s linear 0s 1 normal forwards;
}
@keyframes testimonials {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* =Block Testimonials END */
/* =Block Clients BEGIN */
#block-views-clients-block {
background: #19c2c9;
}
.view-clients .owl-carousel {
width: 1000px;
margin: 0 auto;
padding-top: 50px;
}
.view-clients img {
margin: 0 auto;
}
/* =Block Clients END */
/* =Block From the blog BEGIN*/
.front .region-content-aside {
background: #f8f8f8;
}
.front #page-wrapper .view-blog ul {
max-width: 1200px;
margin: 0 auto 60px;
}
.front .view-blog tr {
display: flex;
}
.front .view-blog li {
background: url('../images/bg-post.png');
border: 15px solid #f8f8f8;
padding: 35px 20px;
width: 33%;
display: inline-block;
}
.front .view-blog li:hover img,
.front .view-blog td:hover img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.front .view-blog li .views-field-field-block-image-full .field-content,
.front .view-blog td .views-field-field-block-image-full .field-content {
overflow: hidden;
position: relative;
}
.front .view-blog .views-field-view-node {
margin: 30px 0 15px 0;
}
.front .view-blog .views-field-view-node a {
text-align: center;
color: #fff;
font-family: 'Hind', sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: 1.13px;
text-transform: uppercase;
background: #19c2c9;
padding: 10px 30px;
}
/* =Block From the blog END*/
/* =Blog page BEGIN */
#content .view-blog .item-list .pager {
margin: 40px 0 0 30px;
}
.view-blog li {
background-color: #fff;
}
.view-blog li:hover .views-field-field-blog-image img {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.view-blog li:hover .views-field-field-blog-image {
height: 83.333%;
}
.view-blog li .views-field-field-blog-image {
display: block;
overflow: hidden;
position: relative;
margin-bottom: 35px;
}
.view-blog li .views-field-field-blog-image a:after,
.front .view-blog li .views-field-field-block-image-full .field-content:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
background: rgba(0,0,0,0.4);
}
.view-blog li:hover .views-field-field-blog-image a:after,
.front .view-blog li:hover .views-field-field-block-image-full .field-content:after {
opacity: 1;
}
.view-blog li .views-field-field-blog-image img,
.front .view-blog li:hover img {
-webkit-transition: all .4s linear;
transition: all .4s linear;
width: 100%;
object-fit: cover;
}
.front .view-blog td img {
width: auto;
height: auto;
}
.page-blog #content .view-blog .view-content ul li {
display: inline-block;
margin: 15px 40px 0 15px;
vertical-align: top;
list-style: none;
}
.view-blog .views-field-title {
display: block;
font-size: 20px;
}
.front .view-blog .views-field-title a {
line-height: normal;
}
.front .view-blog .views-field-title {
line-height: normal;
margin-top: 20px;
margin-bottom: 10px;
}
.view-blog .views-field-field-blog-image {
width: 100%;
height: auto;
}
.view-blog .views-field-field-blog-image .field-content {
overflow: hidden;
}
.view-blog .views-field-field-blog-image img {
display: block;
}
.view-blog .views-field-created {
margin-left: 30px;
}
#content .view-blog ul {
margin: 0;
}
#content .view-blog .views-field-title,
#content .view-blog .views-field-title a {
font-size: 22px;
font-family: 'Hind', sans-serif;
color: #000;
line-height: 25px;
text-transform: none;
}
#content .view-blog .views-field-title:hover a {
color: #19c2c9;
}
#content .view-blog .views-field-title {
margin: 10px 30px;
}
.view-blog .views-field-body span p {
margin: 0 30px;
}
#content .view-blog .views-field-view-node {
padding-bottom: 10px;
display: block;
}
#content .view-blog .views-field-view-node a:hover:after {
content: "\f105";
font-family: 'FontAwesome';
display: inline-block;
padding-left: 10px;
font-size: 18px;
line-height: 15px;
}
#content .view-blog .views-field-view-node span {
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.13px;
line-height: 50px;
}
.about-us-blog .block-content:before {
content: '';
width: 100%;
height: 190px;
display: block;
background: url('../images/03_skills_pic.jpg') 50% no-repeat;
background-size: cover;
margin-bottom: 20px;
}
.about-us-blog h2,
.recent-post h2 {
font-family: 'Raleway', sans-serif;
font-size: 24px;
color: #2d2d2d;
letter-spacing: 1.2px;
line-height: 40px;
}
#columns .recent-post ul {
margin: 0;
}
.recent-post li a {
font-size: 18px;
color: #74797b;
display: block;
}
.recent-post li a:hover {
color: #19c2c9;
}
#columns .recent-post li {
list-style: none;
margin-bottom: 20px;
}
.addtoany_list.a2a_kit_size_32 a > span {
background: url('../images/Share.png') 50% no-repeat;
width: 20px;
}
.addtoany_list.a2a_kit_size_32 a:hover > span {
background: url('../images/Share_hover.png') 50% no-repeat;
}
.a2a_kit a {
margin-bottom: 0;
}
.a2a_menu.a2a_mini {
width: 60px;
min-width: 0;
border: none;
border-radius: 0;
}
.a2a_menu.a2a_mini:before {
content: url('../images/menu_underline/line.png');
height: 10px;
display: block;
}
.a2apage_wide {
display: none;
}
.a2a_mini_services a.a2a_i {
border-bottom: 1px solid #eee;
width: 60px;
padding: 0;
}
.addtoany_list.a2a_kit_size_32 > a:hover {
color: #19c2c9;
}
a.a2a_i span.a2a_svg {
background: none;
width: 60px;
margin: 0;
border-radius: 0;
}
a.a2a_i span.a2a_svg:before {
width: 60px;
font-size: 15px;
font-family: 'FontAwesome';
display: block;
text-align: center;
color: #a9a9a9;
background: #fff;
}
a:hover.a2a_i span.a2a_svg:before {
color: white;
}
span.a2a_s_facebook:before {
content: '\f09a';
}
a:hover span.a2a_s_facebook:before {
background: #3b5999;
}
span.a2a_s_twitter:before {
content: '\f099';
}
a:hover span.a2a_s_twitter:before {
background: #55acee;
}
span.a2a_s_linkedin:before {
content: '\f0e1';
}
a:hover span.a2a_s_linkedin:before {
background: #0087be;
}
span.a2a_s_pinterest:before {
content: '\f231';
}
a:hover span.a2a_s_pinterest:before {
background: #c51721;
}
.node-blog .view-author {
background: #f9f9f9;
margin: 40px 0;
padding: 15px 40px 5px;
}
.node-blog .view-author .views-field-field-photo-team,
.comment .user-picture {
width: 120px;
height: 120px;
float: left;
}
.node-blog .view-author .views-field:not(.views-field-field-photo-team) {
padding-left: 150px;
}
.view-author .views-field-title,
#content .view-author .views-field-title span,
.comment .author-datetime a {
font-family: 'Hind', sans-serif;
font-size: 18px;
text-transform: none;
line-height: 25px;
margin-bottom: 5px;
}
.node-blog .view-author .views-field img,
.comment .user-picture img {
border-radius: 50%;
}
#content .view-author li {
list-style: none;
}
.view-author .views-field-field-social a {
color: #a9a9a9;
padding-right: 20px;
font-size: 18px;
}
#comments .comment,
.indented {
padding: 40px 0;
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
clear: both;
}
#comments .indented .comment {
border: none;
}
#comments .comment + .indented {
border-top: none;
}
#comments .indented + a + .comment {
border-top: none;
}
.comment .author-datetime:after,
.comment .author-datetime:before {
content: '';
}
.comment .author-datetime a {
display: block;
color: #333;
}
.comment .clearfix {
float: right;
}
.comment .comment-content {
padding-left: 160px;
padding-top: 10px;
}
.comment .author-datetime {
color: #19c2c9;
padding-left: 30px;
font-size: 13px;
}
.indented {
padding: 0 0 0 80px;
margin-left: 0;
}
#content .comment .clearfix li {
padding: 0 10px;
}
#content .comment .clearfix li a {
color: #74797b;
}
.comment-form .form-item-name,
.comment-form .form-item-mail {
width: 48%;
}
.comment-form .form-item-name input,
.comment-form .form-item-mail input {
width: 100%;
}
.comment-form .form-item-name {
float: left;
}
.comment-form .form-item-mail {
float: right;
}
.comment-form .form-actions input {
margin: 20px 0 0;
display: block;
float: right;
width: 150px;
}
/* =Blog page END */
/* Portfolio page BEGIN */
#content .view-portfolio-isotope li,
#content .view-portfolio li {
list-style: none;
}
#content .view-portfolio-isotope li,
#content .view-portfolio .view-content li {
float: left;
width: 33.33333%;
max-width: none;
margin: 0 0 -6px 0;
}
#content .view-portfolio-isotope.two-columns li,
#content .view-portfolio.two-columns .view-content li {
float: left;
width: 44%;
margin: 3%;
}
#content .view-portfolio-isotope.two-columns .view-content ul,
#content .view-portfolio.two-columns .view-content ul {
max-width: 1200px;
margin: 0 auto;
}
#content .item-list .pager.pager-load-more li {
width: auto;
height: auto;
margin: 0 auto;
display: flex;
max-width: none;
}
#content .item-list ul.pager-load-more {
margin: 0 auto;
}
#content .item-list .pager-load-more li a {
width: auto;
height: auto;
margin: 50px auto 0;
padding: 5px 30px 0;
border: none;
text-transform: uppercase;
background: #333;
color: white;
font-size: 15px;
font-weight: bold;
letter-spacing: 1.13px;
}
#content .item-list .pager-load-more li a:hover {
background: #19c2c9;
}
.field-name-field-portfolio-image {
width: 65%;
float: right;
}
.field-name-field-portfolio-image img {
width: 100%;
height: 100%;
}
.field-name-field-brand-name,
.node-portfolio .field-name-body,
.node-portfolio .field-name-field-date,
.field-name-field-time-work,
.field-name-field-tags-portfolio {
width: 35%;
}
.field-name-field-portfolio-image .owl-pagination {
display: none;
}
.node-portfolio .owl-controls .owl-buttons div {
top: 47%;
}
.field-name-field-brand-name {
font-size: 32px;
font-weight: bold;
}
.node-portfolio .field-name-body {
padding: 20px 50px 20px 0;
}
.node-portfolio .field-name-field-date,
.field-name-field-time-work,
.field-name-field-tags-portfolio .field-item {
font-size: 15px;
height: 23px;
margin-bottom: 15px;
padding-left: 30px;
color: #555;
}
.field-name-field-tags-portfolio a {
color: #555;
}
.node-portfolio .field-name-field-date {
margin-top: 10px;
background: url('../images/portfolio_ico/date.png') no-repeat;
}
.field-name-field-time-work {
background: url('../images/portfolio_ico/time.png') no-repeat;
}
.field-name-field-tags-portfolio .field-item {
background: url('../images/portfolio_ico/options.png') no-repeat;
}
.field-name-field-tags-portfolio .field-item.design {
background: url('../images/portfolio_ico/options_2.png') no-repeat;
}
#content .node-portfolio .flippy {
clear: both;
padding-top: 45px;
}
#content .flippy .prev:before {
content: '';
display: inline-block;
height: 24px;
background: url('../images/nav_default.png') 0 100% no-repeat;
padding-left: 20px;
}
#content .flippy .prev:hover:before {
background: url('../images/nav_active.png') 100% 0 no-repeat;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#content .flippy .next:after {
content: '';
height: 24px;
display: inline-block;
background: url('../images/nav_default.png') 0 0 no-repeat;
padding-left: 20px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#content .flippy .next:hover:after {
background: url('../images/nav_active.png') 100% 100% no-repeat;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.node-portfolio .flippy li a {
font-size: 15px;
color: #a1a1a1;
letter-spacing: 1.13px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
}
.node-portfolio .flippy li a:hover {
color: #19c2c9;
}
.node-portfolio .flippy li.next {
float: right;
}
#content {
position: relative;
}
.back-to {
position: absolute;
width: 100%;
max-width: 1200px;
}
.back-to p {
position: relative;
top: -55px;
width: 300px;
margin: 0 auto;
}
/* Portfolio page END */
/* Contact us page BEGIN */
body.section-contact-us .region-secondary-content {
background: none;
}
body.section-contact-us .region-secondary-content .region-inner {
max-width: none;
padding: 0;
}
body.section-contact-us .colorized-gmap-common {
width: 100%;
height: 450px;
}
body.section-contact-us #main-content {
max-width: 890px;
margin-left: auto;
margin-right: auto;
}
body.section-contact-us #content {
margin-left: -10px;
margin-right: -10px;
}
body.section-contact-us #content > * {
width: 50%;
display: inline-block;
padding: 0 10px 10px;
vertical-align: top;
}
body.section-contact-us #content > * > * {
max-width: 380px;
display: block;
}
body.section-contact-us #content > *:last-child > * {
float: right;
}
.section-contact-us.not-logged-in #page-title {
margin-bottom: 30px;
}
body.section-contact-us #content .form-text,
body.section-contact-us #content .form-textarea {
width: 100%;
}
body.section-contact-us {
min-height: 115px;
}
/* Contact us page END */
/* Ajax load */
.ajax-progress {
position: relative;
width: 13px;
}
#load {
width: 13px;
height: 13px;
animation: loading 3s linear infinite;
max-height: 50px;
position: absolute;
bottom: 0;
}
#loading-inner {
animation: loading-circle 2s linear infinite;
stroke: #19c2c9;
stroke-dashoffset: 0;
stroke-dasharray: 300;
stroke-width: 10;
stroke-miterlimit: 10;
stroke-linecap: round;
fill: transparent;
}
@keyframes loading {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loading-circle {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -600;
}
}
/* =Colors BEGIN*/
.colors p {
margin: 20px 0 0 0;
}
.colors .block-content div {
height: 30px;
width: 100%;
line-height: 30px;
position: relative;
}
.colors .block-content div:before {
margin-left: 20px;
color: #fff;
}
.color-1 {
background: #9fc linear-gradient(to right, #19c2c9, #9fc);
}
.color-1:before {
content: "#19c2c9";
}
.color-1:after {
content: "#99ffcc";
position: absolute;
right: 20px;
}
.color-2 {
background: #19c2c9;
}
.color-2:before {
content: "#19c2c9";
}
.color-3 {
background: #74797b;
}
.color-3:before {
content: "#74797b";
}
.color-4 {
background: #333;
}
.color-4:before {
content: "#333333";
}
/* =Colors END*/
/* Contact us BEGIN */
#map {
width: 100%;
height: 694px;
}
.contact-us h3 {
background: none;
margin-bottom: 0;
padding-bottom: 0;
}
.contact-us div {
display: inline-block;
text-align: center;
width: 33%;
margin-top: 35px;
}
.phone.icon:before {
content: url('../images/PHONE.png');
display: block;
}
.address.icon:before {
content: url('../images/MAP.png');
display: block;
margin-left: 3px;
}
.mail.icon:before {
content: url('../images/E-MAIL.png');
display: block;
}
.mail a {
color: #74797b;
}
.maps,
.contact-form {
float: left;
width: 50%;
background: #f9f9f9;
}
.contact-form {
padding-left: 100px;
padding-top: 70px;
padding-bottom: 75px;
float: right;
z-index: 1;
}
.contact-form h2 {
border-bottom: 2px solid #19c2c9;
width: 200px;
font-size: 30px;
letter-spacing: normal;
text-align: left;
float: left;
line-height: 60px;
}
.contact-form form,
.contact-form input:not([type="submit"]) {
max-width: 432px;
width: 100%;
}
.contact-form .webform-component--description {
float: left;
margin-top: 5px;
}
.colorized-gmap-common {
width: 50%;
height: 702px;
}
/* Contact us END */
File
themes/brainstorm_theme/css/global.styles.css
View source
- @import url(//fonts.googleapis.com/css?family=Raleway:400,600,700);
- @import url(//fonts.googleapis.com/css?family=Hind:400,600,700);
- @import url(animate.css);
- @import url(grid.css);
- @import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
-
- /* =Common styles BEGIN */
- *,
- *:before,
- *:after {
- box-sizing: border-box;
- }
- ::selection {
- background: #19c2c9;
- color: #fff;
- }
- ::-moz-selection {
- background: #19c2c9;
- color: #fff;
- }
- .view-content:before,
- .views-row:before,
- #header:before,
- .main-slider-content-wrapper:before,
- #primary-menu-bar:before,
- #menu-bar:before,
- .region:before {
- display: table;
- content: " ";
- }
- .mean-container a.meanmenu-reveal span {
- height: 1.5px;
- margin-top: 7px;
- }
-
- .view-content:after,
- .views-row:after,
- #header:after,
- .main-slider-content-wrapper:after,
- #primary-menu-bar:after,
- #menu-bar:after,
- .region:after {
- display: table;
- content: " ";
- clear: both;
- }
- #header-group {
- max-width: 1200px;
- }
- .contextual-links-wrapper a {
- transition: none;
- }
- html,
- body {
- height: auto;
- }
- html {
- background: #fff;
- }
- body {
- overflow: hidden;
- min-width: 320px;
- font-family: "Hind", sans-serif;
- color: #333;
- font-size: 14px;
- font-weight: 500;
- }
- img,
- input,
- textarea {
- max-width: 100%;
- }
- textarea {
- min-height: 110px;
- }
- img {
- max-height: 100%;
- }
- .block-colorized-gmap img {
- max-height: none;
- max-width: none;
- }
- p:last-child {
- margin-bottom: 0;
- }
-
- p {
- font-size: 15px;
- text-decoration: none;
- font-family: 'Hind', sans-serif;
- font-weight: 500;
- color: #74797b;
- line-height: 25px;
- }
- .profile .user-picture {
- float: none;
- }
- h1,
- h2,
- h3,
- h1 a,
- .h1 a,
- h2 a,
- h3 a {
- text-transform: uppercase;
- }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6,
- h1 a,
- .h1 a,
- h2 a,
- h3 a,
- h4 a,
- .views-field-title,
- .views-field-title a {
- font-weight: bold;
- font-family: 'Raleway', sans-serif;
- line-height: 70px;
- color: #2d2d2d;
- margin: 0;
- }
- h1 a:hover,
- .h1 a:hover,
- h2 a:hover,
- h3 a:hover,
- h4 a:hover,
- h5 a:hover,
- h6 a:hover,
- .views-field-title a:hover,
- .node-title a:hover {
- text-decoration: none;
- }
- h1 {
- font-size: 56px;
- letter-spacing: 2.8px;
- }
- h2 {
- font-size: 45px;
- letter-spacing: 1.13px;
- }
- h3 {
- font-size: 30px;
- letter-spacing: 1.5px;
- background: url('../images/line.png') center bottom no-repeat;
- background-size: 80px;
- padding-bottom: 15px;
- text-align: center;
- margin-bottom: 35px;
- }
- h3.left {
- background-position-x: left;
- text-align: left;
- }
- h4 {
- font-size: 20px;
- line-height: 50px;
- letter-spacing: 1px;
- }
- h5 {
- font-size: 14px;
- font-weight: 400;
- }
- .node-title {
- font-family: 'Hind';
- font-size: 32px;
- text-transform: none;
- margin: 5px 0 15px;
- line-height: 40px;
- }
- .node-type-portfolio .node-title {
- width: 35%;
- float: left;
- }
- .title {
- font-family: 'Raleway', sans-serif;
- font-weight: 600;
- font-size: 25px;
- margin-bottom: 20px;
- text-transform: none;
- line-height: normal;
- }
- .comment-title {
- font-family: 'Hind';
- }
- .italic {
- font-family: 'Raleway', sans-serif;
- font-weight: 500;
- font-style: italic;
- font-size: 15px;
- color: #74797b;
- line-height: normal;
- margin: 20px 0;
- }
- a {
- text-decoration: none;
- color: #19c2c9;
- }
- a:hover {
- text-decoration: none;
- }
- pre.code,
- code {
- color: #333;
- font-family: 'Courier New', monospace;
- }
- pre.code {
- background-color: #e8e8e8;
- padding: 10px;
- border-left: 10px solid #1ec97b;
- }
- mark {
- display: inline-block;
- padding: 1px;
- background: #19c2c9;
- color: #fff;
- }
- blockquote,
- blockquote p {
- font-family: 'Hind';
- font-size: 18px;
- color: #333;
- line-height: 28px;
- letter-spacing: -0.36px;
- margin: 20px 0;
- display: block;
- position: relative;
- font-style: normal;
- }
- blockquote:before {
- content: '';
- height: 100%;
- width: 4px;
- display: inline-block;
- position: absolute;
- background: #19c2c9;
- left: 0;
- }
- .node-type-blog #breadcrumb {
- display: none;
- }
- #breadcrumb {
- font-family: 'Hind', sans-serif;
- font-size: 15px;
- letter-spacing: 0.75px;
- color: #fff;
- text-align: center;
- }
- #breadcrumb li {
- display: inline-block;
- }
- #breadcrumb li a {
- color: #fff;
- font-weight: 700;
- }
- #breadcrumb li:not(:last-child):after {
- content: '/';
- width: 10px;
- display: inline-block;
- font-weight: 700;
- }
- #breadcrumb #crumbs {
- padding: 0;
- }
- #breadcrumb .crumb-separator {
- display: none;
- }
- blockquote {
- position: relative;
- margin: 20px 0;
- padding-left: 30px;
- min-height: 40px;
- }
- blockquote footer {
- font-size: 15px;
- font-weight: 700;
- letter-spacing: 1.13px;
- text-transform: uppercase;
- }
- .profession {
- font-weight: normal;
- text-transform: none;
- font-size: 14px;
- }
- div.messages {
- position: relative;
- min-height: 50px;
- padding-top: 40px;
- }
-
- .messages h2 {
- width: auto;
- height: auto;
- font-size: 14px;
- margin: 0;
- line-height: 30px;
- text-transform: none;
- clip: auto;
- top: 10px;
- position: absolute;
- }
- .messages .close {
- position: absolute;
- right: 20px;
- top: 17px;
- }
- .messages .close:hover {
- cursor: pointer;
- }
- .messages.error {
- background: #fcedef url('../images/alerts/error.png') 17px 17px no-repeat;
- border-color: #ffd9de;
- }
- .messages.error h2 {
- color: #ff9999;
- }
- .messages.error .close {
- content: url('../images/alerts/4.png');
- }
- .messages.warning {
- background: #fefaec url('../images/alerts/warning.png') 17px 17px no-repeat;
- border-color: #f7eac7;
- }
- .messages.warning h2 {
- color: #ffcc66;
- }
- .messages.warning .close {
- content: url('../images/alerts/3.png');
- }
- .messages.status {
- background: #effbee url('../images/alerts/status.png') 17px 17px no-repeat;
- border-color: #cbeec8;
- }
- .messages.status h2 {
- color: #99cc99;
- }
- .messages.status .close {
- content: url('../images/alerts/2.png');
- }
- .messages.info {
- background: #f0faff url('../images/alerts/info.png') 17px 17px no-repeat;
- border-color: #ceedfc;
- }
- .messages.info h2 {
- color: #77b3f0;
- }
- .messages.info .close {
- content: url('../images/alerts/1.png');
- }
-
- #content ul,
- .sidebar ul,
- #content ul li,
- .sidebar ul li,
- #columns ul li.leaf,
- #columns ul li.collapsed,
- #block-system-user-menu .menu,
- #block-system-user-menu .menu li {
- padding: 0;
- }
- #content ol,
- .sidebar ol {
- padding-left: 25px;
- }
- #content ol li,
- .sidebar ol li,
- #columns ol li.leaf,
- #columns ol li.collapsed {
- padding-left: 5px;
- }
- #content ul,
- .sidebar ul,
- #content li,
- .sidebar li {
- list-style: square inside;
- color: #19c2c9;
- }
- #content .contextual-links li {
- list-style: none;
- }
- #content ul li span,
- .sidebar ul li span {
- line-height: 26px;
- font-size: 14px;
- color: #74797b;
- }
- #columns ul,
- #columns ol,
- #block-system-user-menu .menu {
- margin: 15px 0;
- }
- .menu li,
- .item-list ul li,
- .links li,
- .menu li.leaf,
- .menu li.collapsed {
- padding-left: 0;
- margin-left: 0;
- }
- #columns .menu li:before,
- #columns .item-list li:before,
- #columns .links li:before,
- #columns .contextual-links-wrapper li:before,
- #columns .tabs li:before,
- #page .field-name-field-portfolio-terms ul li:before {
- content: none;
- }
- #page .contextual-links,
- #page .contextual-links li {
- margin: 0;
- }
- #page .contextual-links {
- padding: 0.25em 0;
- }
- #page .contextual-links li {
- padding: 0;
- }
- .links a:hover,
- .node-author a:hover {
- text-decoration: underline;
- }
- #content p {
- margin-top: 0;
- }
- .grippie {
- display: none !important;
- }
- #branding,
- .region-inner,
- body .view-content,
- body .block-title,
- .block-our-amazing-team-block-1 .block-title,
- .view-header,
- .view-main-slider .views-field-nothing,
- #columns,
- #menu-bar nav,
- #primary-menu-bar nav,
- #secondary-menu-bar,
- #header-group {
- margin-right: auto;
- margin-left: auto;
- }
- #branding {
- width: 30%;
- float: left;
- min-width: 180px;
- }
-
- body.not-front #columns {
- max-width: 1200px;
- padding: 0;
- margin: 65px auto 90px auto;
- }
- body.page-portfolio #columns {
- max-width: none;
- }
- body .view-content .view-content {
- padding-left: 0;
- padding-right: 0;
- }
- .sidebar .region-inner,
- .not-front #columns .content-inner {
- padding: 0;
- }
- #main-content {
- margin: 0;
- }
- #page.container {
- max-width: none;
- }
- .page-blog #page.container {
- background-color: #f9f9f9;
- }
- .front .block-title,
- .our-skills h2,
- .about-us h2,
- .page-title,
- .our-team h2 {
- font-size: 30px;
- text-decoration: none;
- display: block;
- font-family: 'Raleway', sans-serif;
- font-weight: 700;
- letter-spacing: 1.5px;
- background: url('../images/line.png') center bottom no-repeat;
- background-size: 80px;
- padding-bottom: 15px;
- text-transform: uppercase;
- text-align: center;
- margin-bottom: 30px;
- }
- .page-comment .page-title {
- margin-bottom: 15px;
- }
- .front .block-title {
- margin-top: 65px;
- margin-bottom: 20px;
- }
-
- .page-title {
- font-size: 30px;
- text-transform: none;
- background-size: 80px;
- padding-bottom: 30px;
- }
- .page-about-us .page-title,
- .page-typography .page-title,
- .page-blog .page-title,
- .page-portfolio .page-title,
- .page-contact .page-title {
- font-size: 50px;
- background-size: 130px;
- text-transform: uppercase;
- padding-bottom: 30px;
- }
- body .front .block-title {
- margin-top: 90px;
- }
- #page-title {
- padding-top: 120px;
- padding-bottom: 70px;
- color: #fff;
- height: 243px;
- background-color: #000;
- }
- .page-typography #page-title {
- height: 280px;
- }
- .page-about-us #page-title,
- .page-portfolio #page-title,
- .page-blog #page-title,
- .page-contact #page-title {
- height: 389px;
- padding-top: 150px;
- }
- .region-sidebar-second {
- padding-left: 30px;
- }
- .base-page {
- background: url('../images/pic_title/base.jpg') 50% no-repeat;
- }
- .page-about-us .base-page {
- background: url('../images/pic_title/about-us.jpg') 50% no-repeat;
- }
- .page-portfolio .base-page,
- .node-type-portfolio .base-page {
- background: url('../images/pic_title/portfolio.jpg') 50% no-repeat;
- }
- .page-blog .base-page,
- .node-type-blog .base-page {
- background: url('../images/pic_title/blog.jpg') 50% no-repeat;
- }
- .page-contact .base-page {
- background: url('../images/pic_title/contacts.jpg') 50% no-repeat;
- }
- .view-header {
- color: #606060;
- text-align: center;
- margin-bottom: 40px;
- }
- .views-field-title a,
- .section-tags .node-title a {
- color: #333;
- text-decoration: none;
- }
-
- .section-tags {
- font-family: 'Raleway';
- font-size: 20px;
- font-weight: 700;
- padding-top: 20px;
- }
- #page-wrapper table p {
- margin: 0;
- }
-
- #page-wrapper table {
- width: 100%;
- border: none;
- max-width: 1920px;
- margin: 0 auto;
- }
- .html #page-wrapper table th {
- font-weight: 400;
- color: #333;
- }
- th,
- td {
- padding: 10px;
- }
- th {
- padding-top: 15px;
- padding-bottom: 15px;
- }
- tr,
- tr.even,
- tr.odd {
- padding: 0;
- border: none;
- }
- tr.even {
- background-color: #fff;
- }
- tr.odd {
- background-color: #e8e8e8;
- }
- table.ver-1 td,
- table.ver-1 th {
- border: none;
- }
- table.ver-1 tr {
- border-bottom: 1px solid #c6c6c6;
- }
-
- .form-item {
- margin: 0 0 20px;
- }
-
- span.form-required {
- display: none;
- }
- .container-inline .form-item {
- display: inline-block;
- }
- input[type="text"],
- input[type="password"],
- input[type="email"],
- textarea {
- width: 420px;
- padding: 15px 20px;
- border: 1px solid #e3e3e3;
- }
- input[type="text"]:focus,
- input[type="password"]:focus,
- input[type="email"]:focus,
- textarea:focus {
- border: 1px solid #19c2c9 !important;
- outline-color: transparent;
- outline-style: none;
- }
- .form-item input.error,
- .form-item textarea.error,
- .form-item select.error {
- border: 1px solid #ff3334;
- }
- textarea {
- resize: vertical;
- }
- .form-item .description {
- font-size: 13px;
- color: #19c4cb;
- }
- .form-item .description.error {
- background: none;
- color: #ff3334;
- }
- label {
- font-weight: 400;
- margin-bottom: 3px;
- }
- #content .item-list ul.pager-load-more li {
- width: 200px;
- }
- .item-list .pager {
- text-align: left;
- }
- .item-list .pager li {
- display: inline-block;
- margin: 0 10px 10px 0;
- padding: 0;
- }
-
- #page .item-list .pager li {
- padding-left: 0;
- margin-left: 0;
- margin-bottom: 10px;
- width: 45px;
- height: 45px;
- }
- #page .item-list .pager li:last-of-type {
- margin-right: 0;
- }
- #page .item-list .pager a,
- #page .item-list .pager .pager-current,
- #page .item-list .pager .pager-ellipsis {
- display: inline-block;
- color: #74797b;
- border: 1px solid #a9a9a9;
- text-decoration: none;
- width: 45px;
- height: 45px;
- text-align: center;
- font-size: 15px;
- line-height: 45px;
- }
- #page .item-list .pager .pager-ellipsis {
- border: none;
- }
- #page .item-list .pager .pager-current,
- #page .item-list .pager a:hover {
- background: #19c2c9;
- border-color: #19c2c9;
- color: #fff;
- }
- #page .item-list .pager .pager-current {
- cursor: default;
- font-weight: 400;
- }
- #page .item-list.item-list-pager li {
- background-color: transparent;
- }
- .region-secondary-content {
- background: url(images/bg-page-title.png) no-repeat 50% 50%;
- background-size: cover;
- }
- .sidebar .block {
- margin-bottom: 60px;
- }
-
- /* Loading */
-
- #load {
- animation: loading 3s linear infinite;
- }
- #loading-inner {
- animation: loading-circle 2s linear infinite;
- -webkit-animation: loading-circle 2s linear infinite;
- -moz-animation: loading-circle 2s linear infinite;
- stroke: #19c2c9;
- stroke-dashoffset: 0;
- stroke-dasharray: 300;
- stroke-width: 10;
- stroke-miterlimit: 10;
- stroke-linecap: round;
- fill: transparent;
- }
-
- @keyframes loading {
- 0% {
- transform: rotate(0);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- @-webkit-keyframes loading {
- 0% {
- transform: rotate(0);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- @-moz-keyframes loading {
- 0% {
- transform: rotate(0);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes loading-circle {
- 0% {
- stroke-dashoffset: 0;
- }
- 100% {
- stroke-dashoffset: -600;
- }
- }
- @-webkit-keyframes loading-circle {
- 0% {
- stroke-dashoffset: 0;
- }
- 100% {
- stroke-dashoffset: -600;
- }
- }
- @-moz-keyframes loading-circle {
- 0% {
- stroke-dashoffset: 0;
- }
- 100% {
- stroke-dashoffset: -600;
- }
- }
-
- /* Info items */
- .views-field-created,
- .views-field-comment-count,
- .views-field-comment-count a,
- .data,
- .submitted .comment,
- .submitted .comment a,
- .datetime,
- .author-datetime {
- display: inline-block;
- }
- .views-field-created:before,
- .view-blog .views-field-comment-count:before,
- .data:before,
- .submitted .comment:before {
- font-size: 18px;
- line-height: 1;
- font-family: 'FontAwesome';
- position: absolute;
- }
- .submitted {
- margin-top: 20px;
- }
- .view-blog .views-field-comment-count:before,
- .submitted .comment:before {
- content: '\f0e5';
- }
- .view-blog .views-field-name:before,
- .author-datetime:before {
- content: url('../images/Admin.png');
- vertical-align: -webkit-baseline-middle;
- margin-right: 3px;
- }
- .view-blog .views-field-name span:before {
- content: 'by ';
- }
- .view-blog .views-field-name:after,
- .view-blog .views-field-created:after,
- .author-datetime:after,
- .datetime:after,
- .submitted .comment:after {
- content: '/';
- padding-left: 10px;
- }
-
- .views-field-comment-count span,
- .submitted .comment span {
- padding-left: 25px;
- }
- .page-blog .view-blog li div:not(.views-field-created),
- .submitted div:not(.datetime) {
- margin-left: 10px;
- }
- .view-blog .views-field-name {
- margin-right: -20px;
- }
- .view-blog .view-content ul li div.views-field-comment-count {
- margin-left: 30px;
- }
- #columns .submitted ul li {
- margin-left: 0;
- }
- .views-field-created,
- #content ul li .views-field-created span,
- .views-field-name,
- #content ul li .views-field-name span,
- .views-field-comment-count,
- #content ul li .views-field-comment-count span,
- .data,
- div.datetime,
- div.author-datetime,
- div.author-datetime a,
- .submitted .comment,
- .submitted .comment span,
- .addtoany_list.a2a_kit_size_32 > a {
- font-size: 13px;
- line-height: 20px;
- color: #999;
- position: relative;
- text-decoration: none;
- display: inline-block;
- }
- .author-datetime a:hover {
- color: #19c2c9;
- }
-
- /* Buttons */
- .btn,
- input[type="submit"],
- input[type="button"],
- .view-dignities .view-footer a,
- .view-our-amazing-team .views-field-nothing a,
- .button,
- .about-us p a {
- display: inline-block;
- text-transform: uppercase;
- padding: 18px 40px;
- background: #19c2c9;
- border: none;
- color: #fff;
- font-size: 15px;
- font-weight: bold;
- letter-spacing: 1.13px;
- border-radius: 0;
- height: 55px;
- }
- .btn:hover,
- .view-dignities .view-footer a:hover,
- .view-our-amazing-team .views-field-nothing a:hover,
- .about-us p a:hover {
- text-decoration: none;
- }
- .btn + .btn,
- input[type="submit"] + input[type="submit"],
- input[type="button"] + input[type="button"],
- .view-dignities .view-footer a + a,
- .view-our-amazing-team .views-field-nothing a + a {
- margin-left: 20px;
- }
-
- .btn:hover,
- input[type="submit"]:hover,
- .view-dignities .view-footer a:hover,
- .view-our-amazing-team .views-field-nothing a:hover,
- .about-us p a:hover,
- .front .view-blog table .views-field-view-node a:hover,
- .company-name .second-part a:hover {
- background-color: #333;
- }
- .input input {
- margin-bottom: 20px;
- }
- input:active {
- border: none;
- }
- .input input:nth-child(4),
- input[type="button"] {
- background: #333;
- }
- input[type="button"]:hover {
- background: #19c2c9;
- }
- .block-superfish select,
- #primary-menu-bar select,
- #menu-bar select {
- display: none;
- }
- #primary-menu-bar,
- #block-system-main-menu {
- width: 60%;
- float: right;
- height: 80px;
- }
- #secondary-menu-bar {
- display: block;
- }
- ul.primary {
- border: 0;
- text-transform: uppercase;
- font-size: 18px;
- white-space: normal;
- padding: 0;
- }
- ul.primary li {
- display: inline-flex;
- }
- ul.primary li a {
- padding: 4px 9px;
- color: #333;
- background: none;
- border: none;
- margin: 0;
- }
- ul.primary li.active a,
- ul.primary li.active a:hover {
- background: #19c2c9;
- color: #fff;
- border: none;
- padding: 4px 9px;
- }
- ul.primary li a:hover {
- border: 2px solid #19c2c9;
- background: none;
- padding: 2px 7px;
- color: #333;
- }
- .node-readmore a,
- .comment-comments a,
- .comment-add a {
- position: relative;
- }
- .comment .username {
- display: block;
- }
- .node-readmore a,
- .comment-comments a,
- .comment-add a {
- color: #a6a6a6;
- }
- .node-readmore a:hover,
- .comment-comments a:hover,
- .comment-add a:hover {
- color: #19c2c9;
- text-decoration: none;
- }
- .node-readmore a:before,
- .comment-comments a:before,
- .comment-add a:before {
- font-family: 'FontAwesome';
- position: absolute;
- left: 0;
- }
- .node-readmore a {
- padding-left: 13px;
- }
- .node-readmore a:before {
- content: '\f101';
- }
- .comment-comments a {
- padding-left: 19px;
- }
- .comment-comments a:before {
- content: '\f0e5';
- }
- .comment-add a {
- padding-left: 17px;
- }
- .comment-add a:before {
- content: '\f055';
- }
- /* Share buttons */
- .a2a_kit a {
- margin-bottom: 8px;
- }
-
- .owl-theme .owl-controls .owl-buttons div:hover {
- opacity: 1;
- }
- /* =Common styles END */
-
- /* Drupal standart blocks BEGIN */
- #columns {
- padding: 40px 0;
- }
- body #columns {
- padding: 0;
- }
- #logo,
- #name-and-slogan {
- float: left;
- }
- #name-and-slogan #site-name {
- color: #fff;
- }
- #site-name a {
- color: #fff;
- }
- #block-system-user-menu {
- float: right;
- }
- .feed-icon {
- display: inline-block;
- margin: 15px 5px;
- }
- .block-search .form-item {
- margin-bottom: 10px;
- }
- .node-article {
- margin-bottom: 20px;
- }
- #block-system-powered-by {
- padding: 30px 0;
- }
- #comments,
- .comment-form {
- margin-top: 15px;
- padding-top: 15px;
- }
- .comment-form + .comment-form {
- border-top: none;
- margin-top: 0;
- padding-top: 0;
- }
-
- #comments .form-text,
- #comments .form-textarea {
- width: 100%;
- }
-
- #primary-menu-bar .menu .menu {
- display: none;
- }
- #primary-menu-bar .menu .menu .menu {
- left: 100%;
- top: 0;
- }
- #primary-menu-bar li:hover > .menu {
- display: block;
- }
- #primary-menu-bar nav > .menu {
- display: flex;
- margin: 0;
- justify-content: flex-end;
- }
- #page #block-system-main-menu {
- z-index: 101;
- }
- #primary-menu-bar > nav > .menu > li,
- #block-system-main-menu .menu-depth-1 {
- float: left;
- }
- #primary-menu-bar > nav > .menu > li > a,
- #block-system-main-menu .menu-depth-1 > a {
- text-transform: uppercase;
- padding: 0 20px 0;
- border-left: 1px solid transparent;
- border-right: 1px solid transparent;
- }
- #primary-menu-bar > nav > .menu > li:nth-child(1) > a:hover,
- #primary-menu-bar > nav > .menu > li:nth-child(1) > a.active {
- background: url('../images/menu_underline/Home.png') 50% 100% no-repeat;
- transition: none;
- }
- #primary-menu-bar > nav > .menu > li:nth-child(2) > a:hover,
- #primary-menu-bar > nav > .menu > li:nth-child(2) > a.active {
- background: url('../images/menu_underline/AboutUs.png') 50% 100% no-repeat;
- transition: none;
- }
- #primary-menu-bar > nav > .menu > li:nth-child(3) > a:hover,
- #primary-menu-bar > nav > .menu > li:nth-child(3) > a.active {
- background: url('../images/menu_underline/Portfolio.png') 50% 100% no-repeat;
- transition: none;
- }
- #primary-menu-bar > nav > .menu > li:nth-child(4) > a:hover,
- #primary-menu-bar > nav > .menu > li:nth-child(4) > a.active {
- background: url('../images/menu_underline/Blog.png') 50% 100% no-repeat;
- transition: none;
- }
- #primary-menu-bar > nav > .menu > li:nth-child(5) > a:hover,
- #primary-menu-bar > nav > .menu > li:nth-child(5) > a.active {
- background: url('../images/menu_underline/Contacts.png') 50% 100% no-repeat;
- transition: none;
- }
- #primary-menu-bar > nav > .menu > li:nth-child(6) > a:hover,
- #primary-menu-bar > nav > .menu > li:nth-child(6) > a.active {
- background: url('../images/menu_underline/Typography.png') 50% 100% no-repeat;
- transition: none;
- }
-
- #primary-menu-bar .menu .menu {
- position: absolute;
- padding: 10px 0 !important;
- width: auto !important;
- background: #fff;
- top: 80px;
- min-width: 190px;
- border-radius: 0;
- -webkit-box-shadow: inset 0 0 0 1px rgba(232,232,232,1);
- -moz-box-shadow: inset 0 0 0 1px rgba(232,232,232,1);
- box-shadow: inset 0 0 0 1px rgba(232,232,232,1);
- }
- #block-system-main-menu .menu {
- display: flex;
- justify-content: flex-end;
- flex-wrap: wrap;
- }
- #primary-menu-bar .menu .menu a:hover,
- #block-system-main-menu .menu a:hover {
- color: #19c2c9;
- }
- .sidebar .form-text {
- width: 100%;
- }
- /* Drupal standart blocks END */
-
- /* =Header BEGIN */
- #header,
- #block-system-main-menu,
- #primary-menu-bar {
- position: relative;
- z-index: 100;
- }
- #header {
- background: rgba(0,0,0, 0.8);
- position: absolute;
- right: 0;
- left: 0;
- max-height: 80px;
- }
-
- #header .block-logo,
- #logo,
- #name-and-slogan {
- clear: none;
- width: auto;
- float: left;
- padding-top: 25px;
- margin: 0 auto;
- padding-bottom: 10px;
- }
- #header .block-logo #logo {
- padding: 0;
- }
- #logo {
- margin-right: 15px;
- }
- #header .block-logo .content * {
- vertical-align: middle;
- }
- #header .block-logo img {
- max-width: 230px;
- max-height: 60px;
- }
- .sf-sub-indicator {
- display: none;
- }
- #block-superfish-1 ul,
- #block-superfish-1 li,
- #block-system-main-menu .menu,
- #block-system-main-menu .menu li,
- #primary-menu-bar .menu,
- #primary-menu-bar .menu li {
- margin: 0;
- list-style: none;
- }
- #block-superfish-1 ul,
- #block-system-main-menu .menu,
- #primary-menu-bar .menu {
- padding: 0 !important;
- }
- #block-superfish-1 li,
- #block-system-main-menu .menu li,
- #primary-menu-bar .menu li {
- padding: 0;
- }
- #superfish-1 a,
- #primary-menu-bar .menu a,
- #block-system-main-menu .menu a {
- line-height: 80px;
- font-size: 13px;
- text-decoration: none;
- display: block;
- font-family: 'Raleway', sans-serif;
- color: #fff;
- font-weight: 700;
- }
- #superfish-1 #menu-468-1.sf-depth-1 > a,
- #menu .menu-mlid-468 > a {
- cursor: default;
- pointer-events: none;
- }
- #superfish-1 #menu-468-1.sf-depth-1 > a:hover,
- #superfish-1 #menu-468-1.active-trail.sf-depth-1 > a,
- #menu .menu-mlid-468 > a:hover,
- #menu .menu-mlid-468 > a.active {
- color: #a6a6a6;
- }
- #header .btn-mobile-menu {
- clear: none;
- float: right;
- width: 50px;
- height: 35px;
- background: url(images/icon-mobile-menu.png) no-repeat 50% 50%;
- font-size: 0;
- cursor: pointer;
- margin-top: 22px;
- }
- #toggle-icon {
- margin-top: 5px;
- color: #333;
- }
- #header #toggle-icon:hover {
- color: #3f9ae8;
- }
- /* =Header END */
-
- /* =Footer BEGIN */
- .copyright,
- .region-tertiary-content {
- background-color: #333;
- color: #fff;
- max-height: 80px;
- }
- .region-tertiary-content .region-inner {
- padding: 0;
- }
- .copyright-content {
- max-width: 1200px;
- margin: 0 auto;
- }
- .region-tertiary-content .block {
- width: 100%;
- display: inline-block;
- vertical-align: top;
- }
- .about-this-theme,
- #page-wrapper .region-tertiary-content .block-title {
- padding: 0;
- margin-bottom: 15px;
- text-align: left;
- font-size: 17px;
- font-weight: 700;
- color: #fff;
- text-transform: uppercase;
- }
- .region-tertiary-content .view-content,
- body .region-tertiary-content .view-content {
- padding: 0;
- }
- .block-title {
- margin-bottom: 15px;
- }
- .about-this-theme {
- margin-bottom: 10px;
- }
- .field-label-above {
- margin-top: 20px;
- }
- .field-label-above ul,
- .field-label-above li {
- padding: 0;
- margin: 0;
- list-style: none;
- }
- .field-label-above li {
- display: inline-block;
- margin-right: 10px;
- }
- .view-popular-tags a,
- .field-label-above a {
- color: #333;
- text-decoration: none;
- display: inline-block;
- border: 1px solid #333;
- padding: 10px 20px;
- }
- .view-popular-tags a:hover,
- .field-label-above a:hover {
- color: #fff;
- background-color: #19c2c9;
- border-color: #19c2c9;
- }
- .block-instagram-block .content {
- font-size: 0;
- line-height: 0;
- margin-left: -5px;
- margin-right: -5px;
- }
- .block-instagram-block .content a {
- display: inline-block;
- position: relative;
- margin: 0 5px 10px;
- }
- .block-instagram-block .content a:before {
- content: '';
- display: block;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- }
- .block-instagram-block .content a:hover:before {
- background-color: #3d8fd6;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
- opacity: 0.4;
- }
- .block-instagram-block img {
- margin: 0 !important;
- }
- #superfish-2 {
- display: block !important;
- }
- #superfish-2,
- #superfish-2 li {
- width: auto;
- }
- #superfish-2 li {
- padding: 10px 0;
- display: block;
- float: none;
- margin: 0;
- border-bottom: 1px solid #62676d;
- }
- #superfish-2 li:last-child {
- border-bottom: none;
- }
- #superfish-2 a,
- .copyright a {
- color: #19c2c9;
- text-decoration: none;
- }
- #superfish-2 a {
- display: inline-block;
- }
- .region-footer {
- background-color: #202123;
- }
- .block-social-icons {
- text-align: center;
- }
- .block-social-icons .content a {
- font-size: 32px;
- line-height: 90px;
- text-align: center;
- color: #84888c;
- width: 85px;
- height: 90px;
- display: inline-block;
- }
- .fa-facebook-official:hover:before,
- .fa-facebook:hover:before {
- color: #2d5c99;
- }
- .fa-github:hover:before {
- color: #333;
- }
- .fa-twitter:hover:before {
- color: #2faeee;
- }
- .fa-instagram:hover:before {
- color: #2e7396;
- }
- .fa-behance:hover:before {
- color: #00acdc;
- }
- .fa-linkedin-square:hover:before {
- color: #0089bc;
- }
- .fa-dribbble:hover:before {
- color: #ff8caf;
- }
- /* =Footer END */
-
- /* =Page About us BEGIN*/
- .two-list ul {
- column-count: 2;
- -webkit-column-count: 2;
- -moz-column-count: 2;
- }
- #about-us-page .first-part {
- padding-right: 15px;
- }
- #about-us-page .second-part {
- padding-left: 15px;
- }
- #about-us-page li {
- list-style-image: url('../images/check.png');
- list-style-position: inside;
- line-height: 30px;
- }
- .company-name {
- height: 500px;
- background: #f9f9f9;
- }
- .company-name .first-part,
- .company-name .second-part {
- height: 500px;
- }
- .company-name .second-part p {
- max-width: 500px;
- margin: 0 auto;
- }
- .company-name .second-part a {
- margin-top: 45px;
- }
- #page-wrapper .our-team table {
- max-width: 1200px;
- }
- .our-team {
- margin: 70px 0;
- }
- .our-team .block-title {
- margin-bottom: 40px;
- }
- .our-team .views-field-title {
- line-height: 40px;
- margin-top: 20px;
- }
- .our-team .social-team {
- background: #19c2c9;
- padding: 5px 19px;
- margin: 0;
- width: 270px;
- display: flex;
- }
- .social-team li {
- display: inline-block;
- font-size: 27px;
- padding: 0 16px;
- }
- .our-team .social-team li a {
- color: #fff;
- }
- .our-team td {
- position: relative;
- }
- .our-team .views-field-field-social {
- position: absolute;
- bottom: 99px;
- overflow: hidden;
- }
- .our-team .views-field-field-photo-team img {
- width: 100%;
- height: 100%;
- max-height: 280px;
- max-width: 280px;
- -webkit-transition: all 0.15s ease-in-out;
- -moz-transition: all 0.15s ease-in-out;
- -o-transition: all 0.15s ease-in-out;
- -ms-transition: all 0.15s ease-in-out;
- transition: all 0.15s ease-in-out;
- }
- .our-team .views-field-field-photo-team {
- overflow: hidden;
- max-width: 270px;
- }
- .our-team .views-field-field-social:hover .field-content {
- top: 50px;
- }
- .our-team .views-field-field-social .field-content {
- position: relative;
- top: 51px;
- -webkit-transition: all 0.15s ease-in-out;
- -moz-transition: all 0.15s ease-in-out;
- -o-transition: all 0.15s ease-in-out;
- -ms-transition: all 0.15s ease-in-out;
- transition: all 0.15s ease-in-out;
- }
-
- .our-team td:hover .views-field-field-social .field-content {
- opacity: 1;
- transform: translateY(-50px);
- -webkit-transform: translateY(-50px);
- -moz-transform: translateY(-50px);
- -ms-transform: translateY(-50px);
- -o-transform: translateY(-50px);
- }
- .our-team td:hover img {
- opacity: 1;
- transform: translateY(-30px);
- -webkit-transform: translateY(-30px);
- -moz-transform: translateY(-30px);
- -ms-transform: translateY(-30px);
- -o-transform: translateY(-30px);
- }
- /* =Page About us END*/
-
- /* =Block Our recent works BEGIN*/
- #edit-tid-wrapper {
- float: none;
- }
- .view-header,
- .view-isotope-filter-block ul,
- #edit-tid,
- #edit-type-1,
- .views-exposed-widgets {
- margin: 0 auto 20px auto;
- display: table;
- display: -webkit-flex;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- position: relative;
- }
- .view-header div {
- float: left;
- display: inline-flex;
- }
- .view-columns .isotope-options li a,
- #edit-type-1 label {
- color: transparent;
- position: absolute;
- left: 0;
- top: 0;
- }
- #edit-type-1 .form-item {
- position: relative;
- }
- #edit-type-1 input {
- width: 35px;
- opacity: 0;
- }
- .view-columns,
- #edit-type-1-wrapper {
- border-left: 1px solid #494949;
- margin-left: 10px;
- padding: 15px;
- }
- #content .view-columns ul.isotope-options li {
- width: 35px;
- height: 20px;
- margin: 0;
- }
- #content .view-columns li.first a,
- #edit-type-1 .form-item:first-child label {
- background: url('../images/column/3_column_default.png') 50% no-repeat;
- width: 35px;
- height: 20px;
- }
- #content .view-columns li.first a.selected,
- #edit-type-1 .form-item:first-child input:checked + label {
- background: url('../images/column/3_column_active.png') 50% no-repeat;
- }
- #content .view-columns li.last a,
- #edit-type-1 .form-item:last-child label {
- background: url('../images/column/2_column_default.png') 50% no-repeat;
- width: 35px;
- height: 20px;
- }
- #content .view-columns li.last a.selected,
- #edit-type-1 .form-item:last-child input:checked + label {
- background: url('../images/column/2_column_active.png') 50% no-repeat;
- }
- #edit-tid .form-item {
- text-align: center;
- position: relative;
- display: inline-block;
- }
- #edit-tid .form-item input {
- position: absolute;
- width: 100%;
- height: 100%;
- opacity: 0;
- left: 0;
- }
- #content .view-isotope-filter-block .view-content .isotope-options li a,
- #edit-tid .form-item label {
- font-weight: 500;
- font-family: 'Hind', sans-serif;
- font-size: 18px;
- color: #333;
- text-transform: uppercase;
- padding: 4px 9px;
- border: 2px solid #fff;
- width: auto;
- display: block;
- }
- #content .view-isotope-filter-block .view-content .isotope-options li {
- width: auto;
- padding: 11px 0;
- margin: 6px 0 0 0;
- }
- #content .view-isotope-filter-block .view-content .isotope-options li a.selected,
- #edit-tid .form-item input:checked + label {
- color: #fff;
- background: #19c2c9;
- border: 2px solid #19c2c9;
- }
- #content .view-isotope-filter-block .view-content .isotope-options li a {
- height: 32px;
- display: table-cell;
- vertical-align: middle;
- }
- #content .view-isotope-filter-block .view-content .isotope-options li a:hover,
- #edit-tid .form-item:hover label {
- border: 2px solid #19c2c9;
- }
- .view-portfolio-isotope td,
- .view-portfolio-isotope li,
- .view-portfolio td,
- .view-portfolio li {
- padding: 0;
- height: auto;
- position: relative;
- border: none;
- overflow: hidden;
- max-width: 640px;
- float: left;
- }
- .view-portfolio-isotope img,
- .view-portfolio img {
- width: 101%;
- height: auto;
- object-fit: cover;
- margin-bottom: -10px;
- }
- .view-portfolio-isotope h3 {
- display: none;
- }
- #columns .view-portfolio-isotope ul {
- margin: 0;
- }
- .view-portfolio-isotope .views-field-title,
- .view-portfolio-isotope .isotope-filter,
- .view-portfolio-isotope .views-field-field-portfolio-image a:after,
- .view-portfolio .views-field-title,
- .view-portfolio .views-field-field-tags-portfolio,
- .view-portfolio .views-field-field-portfolio-image a:after {
- position: absolute;
- bottom: 0;
- left: 0;
- white-space: nowrap;
- height: 20px;
- font-family: 'Raleway', sans-serif;
- font-weight: bold;
- color: #fff;
- font-size: 16px;
- display: none;
- }
- #content .view-portfolio-isotope .views-field-title span,
- #content .view-portfolio .views-field-title span {
- font-size: 16px;
- }
- .view-portfolio-isotope .view-content a,
- .view-portfolio a {
- color: #fff;
- text-decoration: none;
- line-height: 1px;
- }
- .view-portfolio-isotope .views-field-field-portfolio-image a:after,
- .view-portfolio .views-field-field-portfolio-image a:after {
- content: '';
- background: url('../images/plus/plus@3x.png') 50% 50% no-repeat, url('../images/hover-_effect.png') no-repeat;
- -moz-background-size: 51px, cover; /* Firefox 3.6+ */
- -webkit-background-size: 51px, cover; /* Safari 3.1+ и Chrome 4.0+ */
- -o-background-size: 51px, cover; /* Opera 9.6+ */
- background-size: 51px, cover;
- height: 100%;
- width: 100%;
- }
- .views-field-field-tags-portfolio {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- }
- .view-portfolio-isotope td:hover .views-field-field-portfolio-image a:after,
- .view-portfolio-isotope li:hover .views-field-field-portfolio-image a:after,
- .view-portfolio td:hover .views-field-field-portfolio-image a:after,
- .view-portfolio li:hover .views-field-field-portfolio-image a:after {
- display: block;
- animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
- -webkit-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
- -moz-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
- }
-
- .view-portfolio-isotope li:hover .isotope-filter,
- .view-portfolio li:hover .views-field-field-tags-portfolio,
- .view-portfolio-isotope td:hover .isotope-filter,
- .view-portfolio td:hover .views-field-field-tags-portfolio {
- display: block;
- opacity: 0;
- animation: view-work-gallery 0.5s linear 0.1s 1 normal forwards;
- -webkit-animation: view-work-gallery 0.5s linear 0.1s 1 normal forwards;
- -moz-animation: view-work-gallery 0.5s linear 0.1s 1 normal forwards;
- }
- .view-portfolio-isotope td:hover .views-field-title,
- .view-portfolio-isotope li:hover .views-field-title,
- .view-portfolio td:hover .views-field-title,
- .view-portfolio li:hover .views-field-title {
- display: block;
- animation: view-work-gallery 0.5s linear 0s 1 normal forwards;
- -webkit-animation: view-work-gallery 0.5s linear 0s 1 normal forwards;
- -moz-animation: view-work-gallery 0.5s linear 0s 1 normal forwards;
- }
- .view-portfolio-isotope .isotope-filter,
- .view-portfolio .views-field-field-tags-portfolio div {
- z-index: 5;
- padding-left: 25px;
- padding-top: 25px;
- line-height: 40px;
- }
- .view-portfolio-isotope .views-field-title a,
- .view-portfolio .views-field-title a {
- line-height: normal;
- }
- .view-portfolio-isotope .views-field-title,
- .view-portfolio .views-field-title {
- z-index: 6;
- padding-left: 25px;
- text-transform: uppercase;
- line-height: normal;
- }
- @keyframes view-work-gallery {
- 0% {
- bottom: 0;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- bottom: 55px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes view-work-gallery {
- 0% {
- bottom: 0;
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- bottom: 55px;
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes view-work-gallery {
- 0% {
- bottom: 0;
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- 100% {
- bottom: 55px;
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- }
- /* =Block Our recent works END*/
-
- /* =Blocks About us BEGIN*/
- .first-part {
- float: left;
- }
- .second-part {
- float: right;
- }
- .first-part,
- .second-part {
- width: 50%;
- height: 100%;
- }
- .about-us .first-part,
- .our-skills .second-part,
- .company-name .second-part {
- padding: 85px;
- text-align: center;
- }
- .about-us,
- .our-skills {
- height: 500px;
- text-align: center;
- }
- .about-us .second-part {
- background: url('../images/main_1.jpg') 20% 100% no-repeat;
- background-size: cover;
- }
- .our-skills .first-part,
- .company-name .first-part {
- background: url('../images/03_skills_pic.jpg') center no-repeat;
- background-size: cover;
- }
- .text-who {
- max-width: 490px;
- margin: 0 auto 42px;
- }
- .our-skills .team {
- display: block;
- width: 420px;
- margin: 110px auto;
- border: 3px solid #fff;
- height: 305px;
- padding: 70px;
- }
- .our-skills .first-part p {
- font-family: 'Raleway', sans-serif;
- font-size: 80px;
- font-weight: 600;
- color: #fff;
- letter-spacing: 4px;
- line-height: 80px;
- }
- #content .skills-bar-container {
- float: left;
- clear: right;
- width: 100%;
- margin: 0;
- }
-
- .skills-bar-container p {
- float: left;
- margin: 5px;
- text-align: left;
- display: block;
- }
- .skills-bar-container .percent {
- float: right;
- padding-top: 5px;
- opacity: 0;
- -webkit-transition: opacity 1s ease 4s;
- -moz-transition: opacity 1s ease 4s;
- -o-transition: opacity 1s ease 4s;
- transition: opacity 1s ease 4s;
- }
- .skills-bar-container .percent,
- .skills-bar-container label,
- .our-team .views-field-field-profession-team a {
- font-weight: 500;
- font-family: 'Hind', sans-serif;
- font-size: 15px;
- color: #74797b;
- }
-
- .skills-bar-container li {
- background: #e9e5e2;
- height: 6px;
- }
-
- #content .skills-bar-container li {
- padding: 0;
- float: left;
- width: 100%;
- margin: 0 0 20px;
- list-style: none;
- }
- #content .skills-bar-container p {
- margin: 0;
- }
- .progressbar {
- background: #19c2c9;
- background-image: -webkit-linear-gradient(left, #19c2c9 0%, #99ffcc 100%);
- background-image: -moz-linear-gradient(left, #19c2c9 0%, #99ffcc 100%);
- background-image: -o-linear-gradient(left, #19c2c9 0%, #99ffcc 100%);
- background-image: linear-gradient(to right, #19c2c9 0%, #99ffcc 100%);
- height: 100%;
- width: 0;
- -webkit-transition: width 4.50s ease !important;
- -moz-transition: width 4.50s ease !important;
- -o-transition: width 4.50s ease !important;
- transition: width 4.50s ease !important;
- }
- /* =Blocks About us END*/
-
- /* =Block Our core features */
- #content .view-our-core-features ul {
- max-width: 1200px;
- margin: 0 auto;
- }
- .view-our-core-features li {
- border: none;
- width: 33%;
- display: inline-block;
- }
- .view-our-core-features .views-field-field-icon-features {
- width: 30px;
- float: left;
- }
- .view-our-core-features .views-field-title,
- .view-our-core-features .views-field-body {
- display: table-row;
- }
- .view-our-core-features .views-field-title .field-content,
- .view-our-core-features .views-field-body .field-content {
- margin-left: 15px;
- display: block;
- }
- .view-our-core-features .views-field-body .field-content {
- margin-top: 8px;
- }
- .view-our-core-features .views-field-title,
- .view-our-core-features .views-field-title a,
- .our-team .views-field-title a {
- font-family: 'Raleway', sans-serif;
- font-weight: bold;
- font-size: 20px;
- color: #333;
- letter-spacing: 1px;
- text-transform: none;
- line-height: normal;
- }
-
- /* =Slider BEGIN */
- .owl-theme .owl-controls {
- margin: 17px 0 20px;
- }
- .owl-theme img {
- display: block;
- }
- .owl-theme .owl-controls .owl-buttons div {
- line-height: 0;
- font-size: 0;
- color: transparent;
- position: absolute;
- top: 50%;
- -webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
- transform: translate(0, -50%);
- width: 26px;
- height: 41px;
- border-radius: 0;
- background: transparent;
- }
- .owl-theme .owl-prev {
- left: 0;
- }
- .owl-theme .owl-next {
- right: 0;
- }
-
- .owl-theme .owl-controls .owl-page {
- width: 14px;
- height: 14px;
- border-radius: 50%;
- margin-right: 4px;
- }
- .owl-theme .owl-controls .owl-page:last-child {
- margin-right: 0;
- }
- .owl-theme .owl-controls .owl-page.active,
- .owl-theme .owl-controls .owl-page:hover {
- background: rgba(255, 255, 255, 0.3);
- }
- .owl-theme .owl-controls .owl-page span {
- background: #fff;
- opacity: 1;
- height: 8px;
- width: 8px;
- margin: 3px;
- }
- .owl-theme .owl-controls .owl-page:hover span,
- .owl-theme .owl-controls .owl-page.active span {
- background: #fff;
- }
- /* =Slider END */
-
- /* =Main slider BEGIN */
-
- .view-main-slider {
- min-height: 300px;
- height: 600px;
- cursor: -webkit-grab;
- cursor: grab;
- }
- .view-main-slider .view-content,
- .view-main-slider .owl-carousel,
- .view-main-slider .owl-wrapper-outer,
- .view-main-slider .owl-wrapper,
- .view-main-slider .owl-item,
- .view-main-slider .owl-item > div,
- .view-main-slider .views-field-nothing,
- .view-main-slider .views-field-nothing .field-content,
- .main-slider-content-wrapper,
- .main-slider-image {
- height: 100%;
- }
- body .view-main-slider .view-content,
- .view-main-slider .owl-carousel,
- .view-main-slider .owl-wrapper-outer,
- .view-main-slider .owl-wrapper,
- .view-main-slider .owl-item,
- .view-main-slider .owl-item > div {
- max-width: none;
- padding: 0;
- color: #fff;
- }
- .view-main-slider .views-field-nothing {
- position: relative;
- z-index: 2;
- }
- .view-main-slider .views-field-nothing .field-content {
- display: block;
- text-align: center;
- }
- .view-main-slider .views-field {
- width: 100%;
- max-width: 1920px;
- margin: 0 auto;
- }
- .view-main-slider .owl-item {
- position: relative;
- background: #fff;
- }
- .view-main-slider .views-field-field-background-image {
- position: relative;
- top: 0;
- left: 50%;
- text-align: center;
- margin: 0 auto;
- height: 600px;
- }
- .view-main-slider .views-field-field-background-image .field-content {
- max-height: 100%;
- height: 100%;
- }
- .view-main-slider .owl-item:first-child:before {
- right: 50%;
- }
- .view-main-slider .owl-item:last-child:before {
- left: 100%;
- }
- .view-main-slider .views-field-field-background-image img {
- width: 100%;
- max-height: none;
- position: relative;
- z-index: -1;
- }
- .view-main-slider .owl-controls .owl-buttons div,
- .node-portfolio .owl-controls .owl-buttons div {
- top: 60%;
- z-index: 50;
- margin: 0;
- width: 50px;
- height: 70px;
- background: #000;
- background: rgba(0, 0, 0, 0.85);
- background-repeat: no-repeat;
- }
- .view-main-slider .owl-controls .owl-buttons .owl-prev,
- .node-portfolio .owl-controls .owl-buttons .owl-prev {
- background-image: url(images/main-slider-prev.png);
- background-position: 40% 50%;
- }
- .view-main-slider .owl-controls .owl-buttons .owl-next,
- .node-portfolio .owl-controls .owl-buttons .owl-next {
- background-image: url(images/main-slider-next.png);
- background-position: 60% 50%;
- }
-
- /* Slideshow animation */
- .view-main-slider .owl-carousel {
- width: 100%;
- max-width: 1920px;
- margin: 0 auto;
- }
-
- .view-main-slider .active .views-field-field-background-image .field-content {
- position: relative;
- left: -50%;
- width: 1920px;
- opacity: 0;
- animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
- -webkit-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
- -moz-animation: views-field-field-background-image_gwd-keyframes 0.5s linear 0s 1 normal forwards;
- }
- @keyframes views-field-field-background-image_gwd-keyframes {
- 0% {
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-field-field-background-image_gwd-keyframes {
- 0% {
- opacity: 0;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- opacity: 1;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-field-field-background-image_gwd-keyframes {
- 0% {
- opacity: 0;
- -moz-animation-timing-function: linear;
- }
- 100% {
- opacity: 1;
- -moz-animation-timing-function: linear;
- }
- }
- .view-main-slider .active .left-text .views-field-field-main-slider-image {
- position: absolute;
- width: 50%;
- top: 150px;
- right: 0;
- }
- .view-main-slider .active .left-text .views-field-field-main-slider-image img {
- display: none;
- }
- .view-main-slider .active .left-text .views-field-field-main-slider-image img:first-child {
- display: block;
- }
-
- .view-main-slider .active .left-text .views-field-field-main-slider-image .field-content {
- position: absolute;
- opacity: 0;
- width: 100%;
- animation: views-filed-field-main-slider0 0.5s linear 0.5s 1 normal forwards;
- -webkit-animation: views-filed-field-main-slider0 0.5s linear 0.5s 1 normal forwards;
- -moz-animation: views-filed-field-main-slider0 0.5s linear 0.5s 1 normal forwards;
- }
- @keyframes views-filed-field-main-slider0 {
- 0% {
- left: 80px;
- top: 0;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 0;
- left: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-filed-field-main-slider0 {
- 0% {
- top: 0;
- left: 80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 0;
- left: 70px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-filed-field-main-slider0 {
- 0% {
- top: 0;
- left: 80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 0;
- left: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- .view-main-slider .active .left-text .views-field-title {
- position: absolute;
- top: 205px;
- padding-right: 61px;
- width: 50%;
- opacity: 0;
- left: 0;
- text-align: right;
- animation: views-field-title0 1s linear 0.5s 1 normal forwards;
- -webkit-animation: views-field-title0 0.5s linear 1s 1 normal forwards;
- -moz-animation: views-field-title0 0.5s linear 1s 1 normal forwards;
- }
- .view-main-slider .active .left-text .views-field-title .field-content {
- color: #fff;
- text-transform: uppercase;
- text-align: center;
- padding: 0 20px;
- width: 520px;
- height: 72px;
- background: #19c2c9;
- font-family: 'Raleway', sans-serif;
- font-weight: bold;
- font-size: 45px;
- letter-spacing: 1.13px;
- display: inline-table;
- }
- @keyframes views-field-title0 {
- 0% {
- left: -80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- left: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-field-title0 {
- 0% {
- left: -80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- left: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-field-title0 {
- 0% {
- left: -80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- left: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- .view-main-slider .active .left-text .views-field-body {
- position: absolute;
- top: 312px;
- padding-right: 120px;
- width: 50%;
- opacity: 0;
- animation: views-field-body0 0.5s linear 1.5s 1 normal forwards;
- -webkit-animation: views-field-body0 0.5s linear 1.5s 1 normal forwards;
- -moz-animation: views-field-body0 0.5s linear 1.5s 1 normal forwards;
- }
- .view-main-slider .active .left-text .views-field-body .field-content p {
- width: 420px;
- font-family: 'Hind', sans-serif;
- font-weight: 600;
- font-size: 18px;
- line-height: 28px;
- float: right;
- color: #fff;
- }
- @keyframes views-field-body0 {
- 0% {
- top: 392px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 312px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-field-body0 {
- 0% {
- top: 392px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 312px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-field-body0 {
- 0% {
- top: 392px;
- opacity: 180;
- animation-timing-function: linear;
- }
- 100% {
- top: 312px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- .view-main-slider .active .right-text .views-field-field-main-slider-image {
- position: absolute;
- width: 50%;
- top: 30%;
- left: 0;
- right: inherit;
- }
- .view-main-slider .active .right-text .views-field-field-main-slider-image img {
- float: right;
- }
- .view-main-slider .active .right-text .views-field-field-main-slider-image .field-content {
- position: absolute;
- opacity: 0;
- width: 100%;
- animation: views-filed-field-main-slider1 0.5s linear 0.5s 1 normal forwards;
- -webkit-animation: views-filed-field-main-slider1 0.5s linear 0.5s 1 normal forwards;
- -moz-animation: views-filed-field-main-slider1 0.5s linear 0.5s 1 normal forwards;
- }
- @keyframes views-filed-field-main-slider1 {
- 0% {
- opacity: 0;
- left: -80px;
- animation-timing-function: linear;
- }
- 100% {
- opacity: 1;
- left: 0;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-filed-field-main-slider1 {
- 0% {
- opacity: 0;
- left: -80px;
- -webkit-animation-timing-function: linear;
- }
- 100% {
- opacity: 1;
- left: 0;
- -webkit-animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-filed-field-main-slider1 {
- 0% {
- opacity: 0;
- left: -80px;
- -moz-animation-timing-function: linear;
- }
- 100% {
- opacity: 1;
- left: 0;
- -moz-animation-timing-function: linear;
- }
- }
- .view-main-slider .active .right-text .views-field-title {
- position: absolute;
- top: 205px;
- padding-left: 65px;
- width: 50%;
- opacity: 0;
- right: 0;
- text-align: left;
- padding-right: 0;
- left: initial;
- animation: views-field-title1 0.5s linear 1s 1 normal forwards;
- -webkit-animation: views-field-title1 0.5s linear 1s 1 normal forwards;
- -moz-animation: views-field-title1 0.5s linear 1s 1 normal forwards;
- }
- .view-main-slider .active .right-text .views-field-title .field-content {
- text-transform: uppercase;
- text-align: right;
- width: 495px;
- height: 72px;
- color: #19c2c9;
- font-family: 'Raleway', sans-serif;
- font-weight: bold;
- font-size: 45px;
- letter-spacing: 1.13px;
- line-height: 65px;
- padding: 0;
- background: none;
- }
- @keyframes views-field-title1 {
- 0% {
- right: -80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- right: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-field-title1 {
- 0% {
- right: -80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- right: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-field-title1 {
- 0% {
- right: -80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- right: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- .view-main-slider .active .right-text .views-field-body {
- position: absolute;
- top: 268px;
- padding-left: 65px;
- width: 50%;
- right: 0;
- opacity: 1;
- animation: none;
- -webkit-animation: none;
- -moz-animation: none;
- }
- .view-main-slider .active .right-text .views-field-body .title-ul {
- text-transform: uppercase;
- }
- .view-main-slider .active .right-text .views-field-body .field-content {
- color: #333;
- font-size: 28px;
- font-family: 'Hind', sans-serif;
- line-height: 65px;
- width: 495px;
- position: relative;
- opacity: 0;
- animation: views-field-body1 0.5s linear 1.5s 1 normal forwards;
- -webkit-animation: views-field-body1 0.5s linear 1.5s 1 normal forwards;
- -moz-animation: views-field-body1 0.5s linear 1.5s 1 normal forwards;
- }
- #content .view-main-slider .active .right-text .views-field-body ul {
- font-size: 16px;
- font-family: 'Hind', sans-serif;
- font-weight: 500;
- width: 495px;
- opacity: 0;
- position: relative;
- line-height: 30px;
- margin: 0;
- animation: views-field-body1 0.5s linear 1.7s 1 normal forwards;
- -webkit-animation: views-field-body1 0.5s linear 1.7s 1 normal forwards;
- -moz-animation: views-field-body1 0.5s linear 1.7s 1 normal forwards;
- }
- #content .view-main-slider .active .right-text .views-field-body ul li {
- background: url('../images/check.png') 0 50% no-repeat;
- list-style: none;
- padding: 0 28px;
- margin: 0;
- color: #74797b;
- font-weight: 600;
- }
- @keyframes views-field-body1 {
- 0% {
- top: 80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-field-body1 {
- 0% {
- top: 80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-field-body1 {
- 0% {
- top: 80px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 0;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- .view-main-slider .active .centre-text .views-field-title .field-content {
- text-transform: uppercase;
- color: #fff;
- text-align: center;
- font-family: 'Raleway', sans-serif;
- font-size: 56px;
- letter-spacing: 1.13px;
- line-height: 40px;
- right: 50%;
- position: relative;
- padding: 0;
- background: none;
- width: auto;
- height: auto;
- }
- .view-main-slider .active .centre-text .views-field-title:after {
- content: '';
- background: url('../images/line.png') 50% no-repeat;
- height: 50px;
- position: relative;
- top: -10px;
- left: -50%;
- display: block;
- }
- .view-main-slider .active .centre-text .views-field-title {
- position: absolute;
- top: 185px;
- opacity: 0;
- text-align: center;
- width: 600px;
- margin: 0 auto;
- left: 50%;
- padding: 0;
- line-height: 60px;
- animation: views-field-title2 0.5s linear 0.5s 1 normal forwards;
- -webkit-animation: views-field-title2 0.5s linear 0.5s 1 normal forwards;
- -moz-animation: views-field-title2 0.5s linear 0.5s 1 normal forwards;
- }
- @keyframes views-field-title2 {
- 0% {
- top: 100px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 165px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-field-title2 {
- 0% {
- top: 100px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 165px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-field-title2 {
- 0% {
- top: 100px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 165px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- .view-main-slider .active .centre-text .views-field-body .field-content p {
- color: #fff;
- font-family: 'Hind', sans-serif;
- font-weight: 600;
- font-size: 16px;
- line-height: 25px;
- right: 50%;
- height: 130px;
- position: relative;
- overflow: hidden;
- -webkit-column-width: 230px;
- -moz-column-width: 200px;
- column-width: 200px;
- -webkit-column-count: 2;
- -moz-column-count: 2;
- column-count: 2;
- -webkit-column-gap: 30px;
- -moz-column-gap: 30px;
- column-gap: 30px;
- width: auto;
- float: none;
- }
- .view-main-slider .active .centre-text .views-field-body {
- top: 380px;
- position: absolute;
- width: 690px;
- left: 50%;
- text-align: justify;
- opacity: 0;
- padding: 0;
- animation: views-field-body2 0.5s linear 1s 1 normal forwards;
- -webkit-animation: views-field-body2 0.5s linear 1s 1 normal forwards;
- -moz-animation: views-field-body2 0.5s linear 1s 1 normal forwards;
- }
-
- @keyframes views-field-body2 {
- 0% {
- top: 470px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 360px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-webkit-keyframes views-field-body2 {
- 0% {
- top: 470px;
- opacity: 0;
- animation-timing-function: linear;
- }
- 100% {
- top: 360px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- @-moz-keyframes views-field-body2 {
- 0% {
- top: 470px;
- opacity: 180;
- animation-timing-function: linear;
- }
- 100% {
- top: 360px;
- opacity: 1;
- animation-timing-function: linear;
- }
- }
- /* =Main slider END */
-
- /* =Block Testimonials BEGIN */
- #block-views-testimonials-block {
- background: url('../images/testimonials/bg_testimonials.jpg');
- padding-bottom: 90px;
- padding-top: 1px;
- margin-top: 60px;
- }
- #block-views-testimonials-block h2 {
- margin-bottom: 50px;
- margin-top: 70px;
- }
- .view-testimonials .owl-carousel {
- width: 700px;
- margin: 0 auto;
- text-align: center;
- background: #fff;
- box-shadow: 0 0 10px #ccc;
- -webkit-box-shadow: 0 0 10px #ccc;
- -moz-box-shadow: 0 0 10px #ccc;
- padding: 60px;
- }
- .view-testimonials .owl-theme .owl-controls .owl-buttons .owl-prev,
- .view-testimonials .owl-theme .owl-controls .owl-buttons .owl-next {
- background: url('../images/testimonials/arrows.png');
- opacity: 1;
- }
- .view-testimonials .owl-theme .owl-controls .owl-buttons .owl-prev {
- transform: rotate(180deg);
- -o-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -webkit-transform: rotate(180deg);
- transform-origin: 13px 10px;
- left: -90px;
- }
- .view-testimonials .owl-theme .owl-controls .owl-buttons .owl-next {
- right: -90px;
- }
- .view-testimonials .owl-theme .owl-controls .owl-buttons .owl-prev:hover,
- .view-testimonials .owl-theme .owl-controls .owl-buttons .owl-next:hover {
- background: url('../images/testimonials/arrows_hover.png');
- opacity: 1;
- }
- .view-testimonials .views-field-field-photo img {
- margin: 0 auto;
- }
- #block-views-testimonials-block .views-field-body p {
- margin-top: 30px;
- margin-bottom: 0;
- font-family: 'Raleway', sans-serif;
- font-style: italic;
- line-height: 30px;
- }
- .view-testimonials .views-field-title {
- text-transform: uppercase;
- font-family: 'Hind', sans-serif;
- font-size: 15px;
- color: #3a3a3a;
- letter-spacing: 1.13px;
- line-height: 40px;
- margin-top: 20px;
- }
- .view-testimonials .owl-item.active {
- opacity: 0;
- animation: testimonials 1s linear 0s 1 normal forwards;
- }
- @keyframes testimonials {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- /* =Block Testimonials END */
-
- /* =Block Clients BEGIN */
- #block-views-clients-block {
- background: #19c2c9;
- }
- .view-clients .owl-carousel {
- width: 1000px;
- margin: 0 auto;
- padding-top: 50px;
- }
- .view-clients img {
- margin: 0 auto;
- }
- /* =Block Clients END */
-
- /* =Block From the blog BEGIN*/
- .front .region-content-aside {
- background: #f8f8f8;
- }
- .front #page-wrapper .view-blog ul {
- max-width: 1200px;
- margin: 0 auto 60px;
- }
- .front .view-blog tr {
- display: flex;
- }
-
- .front .view-blog li {
- background: url('../images/bg-post.png');
- border: 15px solid #f8f8f8;
- padding: 35px 20px;
- width: 33%;
- display: inline-block;
- }
- .front .view-blog li:hover img,
- .front .view-blog td:hover img {
- -ms-transform: scale(1.2);
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- }
- .front .view-blog li .views-field-field-block-image-full .field-content,
- .front .view-blog td .views-field-field-block-image-full .field-content {
- overflow: hidden;
- position: relative;
- }
- .front .view-blog .views-field-view-node {
- margin: 30px 0 15px 0;
- }
- .front .view-blog .views-field-view-node a {
- text-align: center;
- color: #fff;
- font-family: 'Hind', sans-serif;
- font-size: 15px;
- font-weight: bold;
- letter-spacing: 1.13px;
- text-transform: uppercase;
- background: #19c2c9;
- padding: 10px 30px;
- }
- /* =Block From the blog END*/
-
- /* =Blog page BEGIN */
- #content .view-blog .item-list .pager {
- margin: 40px 0 0 30px;
- }
- .view-blog li {
- background-color: #fff;
- }
- .view-blog li:hover .views-field-field-blog-image img {
- -ms-transform: scale(1.2);
- -webkit-transform: scale(1.2);
- transform: scale(1.2);
- }
- .view-blog li:hover .views-field-field-blog-image {
- height: 83.333%;
- }
- .view-blog li .views-field-field-blog-image {
- display: block;
- overflow: hidden;
- position: relative;
- margin-bottom: 35px;
- }
- .view-blog li .views-field-field-blog-image a:after,
- .front .view-blog li .views-field-field-block-image-full .field-content:after {
- content: '';
- display: block;
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- opacity: 0;
- -webkit-transition: all .4s ease-in-out;
- transition: all .4s ease-in-out;
- background: rgba(0,0,0,0.4);
- }
- .view-blog li:hover .views-field-field-blog-image a:after,
- .front .view-blog li:hover .views-field-field-block-image-full .field-content:after {
- opacity: 1;
- }
- .view-blog li .views-field-field-blog-image img,
- .front .view-blog li:hover img {
- -webkit-transition: all .4s linear;
- transition: all .4s linear;
- width: 100%;
- object-fit: cover;
- }
- .front .view-blog td img {
- width: auto;
- height: auto;
- }
- .page-blog #content .view-blog .view-content ul li {
- display: inline-block;
- margin: 15px 40px 0 15px;
- vertical-align: top;
- list-style: none;
- }
- .view-blog .views-field-title {
- display: block;
- font-size: 20px;
- }
- .front .view-blog .views-field-title a {
- line-height: normal;
- }
- .front .view-blog .views-field-title {
- line-height: normal;
- margin-top: 20px;
- margin-bottom: 10px;
- }
- .view-blog .views-field-field-blog-image {
- width: 100%;
- height: auto;
- }
- .view-blog .views-field-field-blog-image .field-content {
- overflow: hidden;
- }
- .view-blog .views-field-field-blog-image img {
- display: block;
- }
- .view-blog .views-field-created {
- margin-left: 30px;
- }
- #content .view-blog ul {
- margin: 0;
- }
- #content .view-blog .views-field-title,
- #content .view-blog .views-field-title a {
- font-size: 22px;
- font-family: 'Hind', sans-serif;
- color: #000;
- line-height: 25px;
- text-transform: none;
- }
- #content .view-blog .views-field-title:hover a {
- color: #19c2c9;
- }
- #content .view-blog .views-field-title {
- margin: 10px 30px;
- }
- .view-blog .views-field-body span p {
- margin: 0 30px;
- }
- #content .view-blog .views-field-view-node {
- padding-bottom: 10px;
- display: block;
- }
- #content .view-blog .views-field-view-node a:hover:after {
- content: "\f105";
- font-family: 'FontAwesome';
- display: inline-block;
- padding-left: 10px;
- font-size: 18px;
- line-height: 15px;
- }
- #content .view-blog .views-field-view-node span {
- font-weight: bold;
- font-size: 15px;
- text-transform: uppercase;
- letter-spacing: 1.13px;
- line-height: 50px;
- }
- .about-us-blog .block-content:before {
- content: '';
- width: 100%;
- height: 190px;
- display: block;
- background: url('../images/03_skills_pic.jpg') 50% no-repeat;
- background-size: cover;
- margin-bottom: 20px;
- }
- .about-us-blog h2,
- .recent-post h2 {
- font-family: 'Raleway', sans-serif;
- font-size: 24px;
- color: #2d2d2d;
- letter-spacing: 1.2px;
- line-height: 40px;
- }
- #columns .recent-post ul {
- margin: 0;
- }
- .recent-post li a {
- font-size: 18px;
- color: #74797b;
- display: block;
- }
- .recent-post li a:hover {
- color: #19c2c9;
- }
- #columns .recent-post li {
- list-style: none;
- margin-bottom: 20px;
- }
- .addtoany_list.a2a_kit_size_32 a > span {
- background: url('../images/Share.png') 50% no-repeat;
- width: 20px;
- }
- .addtoany_list.a2a_kit_size_32 a:hover > span {
- background: url('../images/Share_hover.png') 50% no-repeat;
- }
- .a2a_kit a {
- margin-bottom: 0;
- }
- .a2a_menu.a2a_mini {
- width: 60px;
- min-width: 0;
- border: none;
- border-radius: 0;
- }
- .a2a_menu.a2a_mini:before {
- content: url('../images/menu_underline/line.png');
- height: 10px;
- display: block;
- }
- .a2apage_wide {
- display: none;
- }
- .a2a_mini_services a.a2a_i {
- border-bottom: 1px solid #eee;
- width: 60px;
- padding: 0;
- }
- .addtoany_list.a2a_kit_size_32 > a:hover {
- color: #19c2c9;
- }
- a.a2a_i span.a2a_svg {
- background: none;
- width: 60px;
- margin: 0;
- border-radius: 0;
- }
- a.a2a_i span.a2a_svg:before {
- width: 60px;
- font-size: 15px;
- font-family: 'FontAwesome';
- display: block;
- text-align: center;
- color: #a9a9a9;
- background: #fff;
- }
- a:hover.a2a_i span.a2a_svg:before {
- color: white;
- }
- span.a2a_s_facebook:before {
- content: '\f09a';
- }
- a:hover span.a2a_s_facebook:before {
- background: #3b5999;
- }
- span.a2a_s_twitter:before {
- content: '\f099';
- }
- a:hover span.a2a_s_twitter:before {
- background: #55acee;
- }
- span.a2a_s_linkedin:before {
- content: '\f0e1';
- }
- a:hover span.a2a_s_linkedin:before {
- background: #0087be;
- }
- span.a2a_s_pinterest:before {
- content: '\f231';
- }
- a:hover span.a2a_s_pinterest:before {
- background: #c51721;
- }
- .node-blog .view-author {
- background: #f9f9f9;
- margin: 40px 0;
- padding: 15px 40px 5px;
- }
- .node-blog .view-author .views-field-field-photo-team,
- .comment .user-picture {
- width: 120px;
- height: 120px;
- float: left;
- }
- .node-blog .view-author .views-field:not(.views-field-field-photo-team) {
- padding-left: 150px;
- }
- .view-author .views-field-title,
- #content .view-author .views-field-title span,
- .comment .author-datetime a {
- font-family: 'Hind', sans-serif;
- font-size: 18px;
- text-transform: none;
- line-height: 25px;
- margin-bottom: 5px;
- }
- .node-blog .view-author .views-field img,
- .comment .user-picture img {
- border-radius: 50%;
- }
- #content .view-author li {
- list-style: none;
- }
- .view-author .views-field-field-social a {
- color: #a9a9a9;
- padding-right: 20px;
- font-size: 18px;
- }
- #comments .comment,
- .indented {
- padding: 40px 0;
- border-bottom: 1px solid #e1e1e1;
- border-top: 1px solid #e1e1e1;
- clear: both;
- }
- #comments .indented .comment {
- border: none;
- }
- #comments .comment + .indented {
- border-top: none;
- }
- #comments .indented + a + .comment {
- border-top: none;
- }
- .comment .author-datetime:after,
- .comment .author-datetime:before {
- content: '';
- }
- .comment .author-datetime a {
- display: block;
- color: #333;
- }
- .comment .clearfix {
- float: right;
- }
- .comment .comment-content {
- padding-left: 160px;
- padding-top: 10px;
- }
- .comment .author-datetime {
- color: #19c2c9;
- padding-left: 30px;
- font-size: 13px;
- }
- .indented {
- padding: 0 0 0 80px;
- margin-left: 0;
- }
- #content .comment .clearfix li {
- padding: 0 10px;
- }
- #content .comment .clearfix li a {
- color: #74797b;
- }
- .comment-form .form-item-name,
- .comment-form .form-item-mail {
- width: 48%;
- }
- .comment-form .form-item-name input,
- .comment-form .form-item-mail input {
- width: 100%;
- }
- .comment-form .form-item-name {
- float: left;
- }
- .comment-form .form-item-mail {
- float: right;
- }
- .comment-form .form-actions input {
- margin: 20px 0 0;
- display: block;
- float: right;
- width: 150px;
- }
- /* =Blog page END */
-
-
- /* Portfolio page BEGIN */
- #content .view-portfolio-isotope li,
- #content .view-portfolio li {
- list-style: none;
- }
- #content .view-portfolio-isotope li,
- #content .view-portfolio .view-content li {
- float: left;
- width: 33.33333%;
- max-width: none;
- margin: 0 0 -6px 0;
- }
- #content .view-portfolio-isotope.two-columns li,
- #content .view-portfolio.two-columns .view-content li {
- float: left;
- width: 44%;
- margin: 3%;
- }
- #content .view-portfolio-isotope.two-columns .view-content ul,
- #content .view-portfolio.two-columns .view-content ul {
- max-width: 1200px;
- margin: 0 auto;
- }
- #content .item-list .pager.pager-load-more li {
- width: auto;
- height: auto;
- margin: 0 auto;
- display: flex;
- max-width: none;
- }
- #content .item-list ul.pager-load-more {
- margin: 0 auto;
- }
- #content .item-list .pager-load-more li a {
- width: auto;
- height: auto;
- margin: 50px auto 0;
- padding: 5px 30px 0;
- border: none;
- text-transform: uppercase;
- background: #333;
- color: white;
- font-size: 15px;
- font-weight: bold;
- letter-spacing: 1.13px;
- }
- #content .item-list .pager-load-more li a:hover {
- background: #19c2c9;
- }
- .field-name-field-portfolio-image {
- width: 65%;
- float: right;
- }
- .field-name-field-portfolio-image img {
- width: 100%;
- height: 100%;
- }
- .field-name-field-brand-name,
- .node-portfolio .field-name-body,
- .node-portfolio .field-name-field-date,
- .field-name-field-time-work,
- .field-name-field-tags-portfolio {
- width: 35%;
- }
- .field-name-field-portfolio-image .owl-pagination {
- display: none;
- }
- .node-portfolio .owl-controls .owl-buttons div {
- top: 47%;
- }
- .field-name-field-brand-name {
- font-size: 32px;
- font-weight: bold;
- }
- .node-portfolio .field-name-body {
- padding: 20px 50px 20px 0;
- }
- .node-portfolio .field-name-field-date,
- .field-name-field-time-work,
- .field-name-field-tags-portfolio .field-item {
- font-size: 15px;
- height: 23px;
- margin-bottom: 15px;
- padding-left: 30px;
- color: #555;
- }
- .field-name-field-tags-portfolio a {
- color: #555;
- }
- .node-portfolio .field-name-field-date {
- margin-top: 10px;
- background: url('../images/portfolio_ico/date.png') no-repeat;
- }
- .field-name-field-time-work {
- background: url('../images/portfolio_ico/time.png') no-repeat;
- }
- .field-name-field-tags-portfolio .field-item {
- background: url('../images/portfolio_ico/options.png') no-repeat;
- }
- .field-name-field-tags-portfolio .field-item.design {
- background: url('../images/portfolio_ico/options_2.png') no-repeat;
- }
- #content .node-portfolio .flippy {
- clear: both;
- padding-top: 45px;
- }
- #content .flippy .prev:before {
- content: '';
- display: inline-block;
- height: 24px;
- background: url('../images/nav_default.png') 0 100% no-repeat;
- padding-left: 20px;
- }
- #content .flippy .prev:hover:before {
- background: url('../images/nav_active.png') 100% 0 no-repeat;
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- #content .flippy .next:after {
- content: '';
- height: 24px;
- display: inline-block;
- background: url('../images/nav_default.png') 0 0 no-repeat;
- padding-left: 20px;
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- #content .flippy .next:hover:after {
- background: url('../images/nav_active.png') 100% 100% no-repeat;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- .node-portfolio .flippy li a {
- font-size: 15px;
- color: #a1a1a1;
- letter-spacing: 1.13px;
- line-height: 25px;
- font-weight: bold;
- text-transform: uppercase;
- }
- .node-portfolio .flippy li a:hover {
- color: #19c2c9;
- }
- .node-portfolio .flippy li.next {
- float: right;
- }
- #content {
- position: relative;
- }
- .back-to {
- position: absolute;
- width: 100%;
- max-width: 1200px;
- }
- .back-to p {
- position: relative;
- top: -55px;
- width: 300px;
- margin: 0 auto;
- }
- /* Portfolio page END */
-
- /* Contact us page BEGIN */
- body.section-contact-us .region-secondary-content {
- background: none;
- }
- body.section-contact-us .region-secondary-content .region-inner {
- max-width: none;
- padding: 0;
- }
- body.section-contact-us .colorized-gmap-common {
- width: 100%;
- height: 450px;
- }
- body.section-contact-us #main-content {
- max-width: 890px;
- margin-left: auto;
- margin-right: auto;
- }
- body.section-contact-us #content {
- margin-left: -10px;
- margin-right: -10px;
- }
- body.section-contact-us #content > * {
- width: 50%;
- display: inline-block;
- padding: 0 10px 10px;
- vertical-align: top;
- }
- body.section-contact-us #content > * > * {
- max-width: 380px;
- display: block;
- }
- body.section-contact-us #content > *:last-child > * {
- float: right;
- }
- .section-contact-us.not-logged-in #page-title {
- margin-bottom: 30px;
- }
- body.section-contact-us #content .form-text,
- body.section-contact-us #content .form-textarea {
- width: 100%;
- }
- body.section-contact-us {
- min-height: 115px;
- }
- /* Contact us page END */
-
- /* Ajax load */
- .ajax-progress {
- position: relative;
- width: 13px;
- }
- #load {
- width: 13px;
- height: 13px;
- animation: loading 3s linear infinite;
- max-height: 50px;
- position: absolute;
- bottom: 0;
- }
- #loading-inner {
- animation: loading-circle 2s linear infinite;
- stroke: #19c2c9;
- stroke-dashoffset: 0;
- stroke-dasharray: 300;
- stroke-width: 10;
- stroke-miterlimit: 10;
- stroke-linecap: round;
- fill: transparent;
- }
-
- @keyframes loading {
- 0% {
- transform: rotate(0);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes loading-circle {
- 0% {
- stroke-dashoffset: 0;
- }
- 100% {
- stroke-dashoffset: -600;
- }
- }
-
- /* =Colors BEGIN*/
- .colors p {
- margin: 20px 0 0 0;
- }
- .colors .block-content div {
- height: 30px;
- width: 100%;
- line-height: 30px;
- position: relative;
- }
- .colors .block-content div:before {
- margin-left: 20px;
- color: #fff;
- }
- .color-1 {
- background: #9fc linear-gradient(to right, #19c2c9, #9fc);
- }
- .color-1:before {
- content: "#19c2c9";
- }
- .color-1:after {
- content: "#99ffcc";
- position: absolute;
- right: 20px;
- }
- .color-2 {
- background: #19c2c9;
- }
- .color-2:before {
- content: "#19c2c9";
- }
- .color-3 {
- background: #74797b;
- }
- .color-3:before {
- content: "#74797b";
- }
- .color-4 {
- background: #333;
- }
- .color-4:before {
- content: "#333333";
- }
- /* =Colors END*/
-
- /* Contact us BEGIN */
- #map {
- width: 100%;
- height: 694px;
- }
- .contact-us h3 {
- background: none;
- margin-bottom: 0;
- padding-bottom: 0;
- }
- .contact-us div {
- display: inline-block;
- text-align: center;
- width: 33%;
- margin-top: 35px;
- }
- .phone.icon:before {
- content: url('../images/PHONE.png');
- display: block;
- }
- .address.icon:before {
- content: url('../images/MAP.png');
- display: block;
- margin-left: 3px;
- }
- .mail.icon:before {
- content: url('../images/E-MAIL.png');
- display: block;
- }
- .mail a {
- color: #74797b;
- }
- .maps,
- .contact-form {
- float: left;
- width: 50%;
- background: #f9f9f9;
- }
- .contact-form {
- padding-left: 100px;
- padding-top: 70px;
- padding-bottom: 75px;
- float: right;
- z-index: 1;
- }
- .contact-form h2 {
- border-bottom: 2px solid #19c2c9;
- width: 200px;
- font-size: 30px;
- letter-spacing: normal;
- text-align: left;
- float: left;
- line-height: 60px;
- }
- .contact-form form,
- .contact-form input:not([type="submit"]) {
- max-width: 432px;
- width: 100%;
- }
- .contact-form .webform-component--description {
- float: left;
- margin-top: 5px;
- }
- .colorized-gmap-common {
- width: 50%;
- height: 702px;
- }
- /* Contact us END */