body,
p {
color: #707070
}
a,
a:hover {
color: #008ed6
}
#cp-top,
.backtotop {
background: #008ed6
}
#cp-top.active,
a {
transition: all .5s ease
}
#cp-top ul li a,
a,
a:focus {
text-decoration: none
}
#cp-top ul,
.copyright-section ul,
.widget ul,
ul.links {
list-style: none
}
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
background: 0 0;
border: 0;
vertical-align: baseline;
margin: 0;
padding: 0;
outline: 0;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
-ms-hyphens: none;
-o-hyphens: none
}
body {
background: #fff;
font-family: Open Sans, Arial, Helvetica;
line-height: 1.6
}
.clear {
clear: both
}
.inner {
max-width: 1200px;
margin: 0 auto
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
color: #222;
font-weight: 700;
margin: 0 0 30px;
font-family: Montserrat, Arial, Helvetica
}
h1,
h2 {
font-size: 2em
}
h3 {
font-size: 1.6em
}
h4 {
font-size: 1.4em
}
h5,
h6 {
font-size: 1.2em
}
blockquote,
p {
font-size: 1em
}
p {
font-family: Open Sans, Arial, Helvetica;
margin: 0 0 20px
}
a:focus {
color: #000;
outline: 0
}
a:hover {
text-decoration: underline
}
hr {
border-color: #e1e1e1;
margin: 30px 0 25px;
background: #e1e1e1
}
blockquote {
margin: 0 0 30px;
quotes: "\201C""\201D""\2018""\2019"
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: .1em;
margin-right: .25em;
vertical-align: -30px
}
blockquote p {
display: block;
font-size: inherit;
font-style: italic
}
ol,
ul {
margin: 0 0 15px 18px
}
ol li,
ul li {
font-size: 1em
}
ol li li,
ol li p,
ul li li,
ul li p {
font-size: inherit
}
img.aligncenter {
display: block;
margin: 0 auto 20px
}
img.alignleft {
display: block;
float: left;
margin: 0 20px 20px 0
}
img.alignright {
display: block;
float: right;
margin: 0 0 20px 20px
}
.backtotop {
display: block;
text-align: center;
width: 50px;
height: 50px;
line-height: 60px;
position: fixed;
z-index: 999;
bottom: 60px;
right: 0
}
.backtotop i {
font-size: 2.5em;
color: #fff
}
#cp-top {
padding: 0 20px
}
#cp-top.active {
position: fixed;
width: 100%;
z-index: 99999999;
top: 0
}
#cp-top .inner {
padding: 10px 0
}
#cp-top ul {
margin: 0;
float: right
}
#cp-top ul li a {
color: #fff;
display: block;
padding: 2px
}
#cp-top ul li a:hover,
#cp-top ul li.info a:hover {
color: rgba(255, 255, 255, .5)
}
#cp-top ul li {
float: left;
margin: 0 0 0 5px;
font-size: 1.1em
}
#cp-top ul li.info {
margin-right: 10px;
border-right: solid 1px rgba(255, 255, 255, .2);
padding-right: 15px
}
#cp-top ul li.info.phone {
border: none;
margin-right: 10px;
padding-right: 0
}
#cp-top ul li.info i {
margin: 0 4px 0 0
}
#cp-top ul li.phone i {
font-size: 1.3em;
position: relative;
top: 2px
}
#cp-top ul li.social a {
display: block;
background: #444;
width: 28px;
text-align: center;
border-radius: 360px;
font-size: .8em;
height: 28px;
line-height: 24px
}
#cp-top ul li.social a:hover {
background: #555
}
#cp-header {
padding: 0;
position: fixed;
width: 100%;
top: 0;
z-index: 100;
border-bottom: solid 1px rgba(255, 255, 255, .1)
}
#cp-header.active-nav {
background: rgba(0, 0, 0, .9);
border-color: transparent
}
#cp-header .dark {
display: none
}
#cp-header a.logo {
display: table-cell;
padding: 14px 0;
line-height: 1;
height: 80px;
vertical-align: middle;
text-decoration: none!important
}
#cp-header a.logo img {
height: 50px;
width: auto
}
#cp-header a.logo span {
display: block;
font-weight: 900;
color: #fff;
text-transform: uppercase
}
#cp-header a.logo span.cp-sitename {
margin: 0 0 10px;
font-size: 1.4em
}
#cp-header a.logo span.cp-tagline {
font-weight: 300;
font-size: .9em;
letter-spacing: 2px
}
@media(min-width:993px) {
.navbar-header {
float: none
}
.main-nav .navbar-right {
float: none!important
}
.main-nav {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
display: flex;
position: relative;
align-items: center
}
.main-nav .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
justify-content: flex-end!important;
align-items: center;
flex-basis: 100%
}
.main-nav .navbar-nav {
-ms-flex-direction: row;
flex-direction: row;
display: flex
}
}
.main-nav .navbar-nav li {
font-size: .9em;
text-transform: uppercase;
font-weight: 600
}
.main-nav .navbar-nav li svg {
display: none
}
.main-nav .navbar-nav li i {
margin: 2px 0 0;
font-size: .8em;
padding: 0 2px
}
.main-nav .navbar-nav li a {
background: 0 0;
color: rgba(255, 255, 255, .9);
padding: 34px 20px;
line-height: 1;
text-decoration: none;
transition: all .1s ease;
display: block
}
.main-nav .navbar-nav li a:hover,
.main-nav .navbar-nav li.current-menu-item a {
color: #008ed6
}
.main-nav .navbar-nav li.current-menu-item li a {
color: #fff
}
.main-nav .navbar-nav li.nav-phone a i {
font-size: 2em;
margin: 0 5px 0 0;
position: relative;
top: 4px
}
.main-nav .navbar-nav li.nav-phone a {
padding: 42px 15px;
font-weight: 700
}
.main-nav .nav ul {
opacity: 0;
position: absolute;
transition: all .5s ease;
background: rgba(255, 255, 255, 1);
padding: 5px 15px 15px;
border-radius: 0;
min-width: 250px;
left: 0;
top: 150px;
margin: 0;
z-index: 999;
pointer-events: none;
max-width: 100%
}
.main-nav .nav li:hover ul {
opacity: 1;
top: 80px;
pointer-events: inherit;
background: #008ed6
}
.main-nav .nav ul li {
float: none;
padding: 0;
display: block;
text-align: left;
position: relative
}
.main-nav .nav ul li a {
color: #fff;
padding: 10px;
font-weight: 400;
font-size: 1em;
border: none!important
}
.main-nav .nav ul li a:hover,
.main-nav .nav ul li.current-menu-item a {
color: #fff;
text-decoration: underline;
border: none
}
.main-nav .nav ul li:hover>a {
text-decoration: underline
}
.main-nav .nav li ul li i {
color: #fff;
margin: 6px 0 0
}
.main-nav .nav ul li:last-child {
border: none
}
.main-nav .nav li ul li.menu-item-has-children {
padding-right: 15px
}
.main-nav .nav li ul li li {
font-size: 1em
}
.main-nav .nav li ul i.fa-angle-right {
position: absolute;
top: 5px;
right: 0
}
.main-nav .nav li ul li ul {
left: 100%;
margin-top: -5px;
opacity: 0!important;
pointer-events: none!important
}
.main-nav .nav li ul li:hover ul {
opacity: 1!important;
top: 0;
pointer-events: inherit!important
}
.main-nav .nav li:last-child ul li ul,
.main-nav .nav li:nth-last-child(2) ul li ul,
.main-nav .nav li:nth-last-child(3) ul li ul,
.main-nav .nav li:nth-last-child(4) ul li ul {
left: -100%;
margin-left: -20px
}
.main-nav .navbar-toggle {
padding: 0;
margin: 0;
top: 30px
}
.main-nav .navbar-toggle span {
background: rgba(255, 255, 255, .8);
height: 4px;
border-radius: 0;
width: 30px
}
@media(min-width:993px) {
#cp-header.active {
background: #eee;
transition: all .5s ease
}
#cp-header.active .dark {
display: block
}
#cp-header.active .light {
display: none
}
#cp-header.active .main-nav .navbar-nav li a {
color: #8a8a8a
}
#cp-header.active .main-nav .navbar-nav li li a {
color: #fff
}
#cp-header.active .main-nav .navbar-nav li.current-menu-item a {
color: #008ed6
}
#cp-header.active .main-nav .navbar-nav li.current-menu-item li a {
color: #fff !important;
}
#cp-header.active .main-nav .navbar-nav li li a:hover,
#cp-header.active .main-nav .navbar-nav li li.current-menu-item a {
color: #fff !important;
text-decoration: underline
}
#cp-header.active .main-nav .navbar-nav li a:hover {
color: #000!important
}
#cp-header.active a.logo span {
color: #000
}
}
.toggle-down {
display: none
}
.global-btn,
.global-link {
display: inline-block;
font-weight: 600;
text-transform: uppercase
}
.global-btn {
margin: 15px 5px 0;
background: #008ed6;
border: 1px solid #008ed6;
padding: 14px 30px;
border-radius: 4px;
color: #fff
}
.global-btn i,
.global-link i {
margin: 0 0 0 5px
}
.global-btn:hover {
background: #3bb8f7;
color: #fff;
text-decoration: none;
border-color: #3bb8f7
}
.global-btn.full-btn {
width: 100%
}
.global-btn.btn-solid {
background: 0 0;
border: 1px solid #999
}
.global-btn.btn-solid:hover {
border-color: #fff
}
.global-btn.btn-light {
background: #fff;
color: #008ed6;
border: none
}
.global-link {
font-size: .9em
}
.global-link:hover {
text-decoration: none;
color: #008ed6
}
#cp-branding {
position: relative;
padding: 65px 30px
}
@media(min-height:700px) {
#cp-branding {
padding: 120px 30px
}
}
#cp-branding:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .6)
}
.main-form {
background: #fff;
padding: 40px;
border-radius: 5px
}
.cp-banner-content .main-form-title h3:after,
.cp-banner-content h1:after {
display: block;
background: #008ed6;
bottom: 0;
content: '';
left: 0
}
.cp-banner-content .main-form-title {
text-align: center;
margin: 0 0 20px
}
.cp-banner-content .main-form-title p {
color: #8b8b8b;
font-size: 1em
}
.cp-banner-content .main-form-title h3 {
font-weight: 700;
margin: 0 0 10px;
position: relative;
padding: 0 0 15px
}
.cp-banner-content .main-form-title h3:after {
height: 4px;
width: 50px;
position: absolute;
margin: 0 auto;
right: 0
}
.cp-banner-content button.global-btn {
margin: 0;
font-weight: 700
}
.main-text {
position: relative;
margin: 0 0 20px
}
.main-text input {
padding: 14px;
width: 100%;
border: 1px solid #ddd;
box-shadow: 0 0 4px #eee;
font-size: 1.1em;
font-weight: 400;
outline: 0;
color: #333;
border-radius: 5px
}
.main-text input:focus {
box-shadow: 0 0 10px #eee;
border-color: #008ed6
}
.main-text i {
position: absolute;
right: 14px;
top: 17px;
font-size: 1.3em;
color: #aaa
}
.main-text inpu.main-text input.main-text inpu::-webkit-input-placeholder {
color: #333
}
.main-text inpu.main-text input::-moz-placeholder {
color: #333
}
.main-text input:-ms-input-placeholder {
color: #333
}
.main-text input:-moz-placeholder {
color: #333
}
.cp-banner-content .main-textarea {
position: relative;
margin: 0 0 20px
}
.cp-banner-content .main-textarea textarea {
padding: 14px;
width: 100%;
font-size: 1.1em;
font-weight: 400;
outline: 0;
color: #333;
border-radius: 5px;
resize: none;
height: 120px;
border: 1px solid #ddd;
box-shadow: 0 0 4px #eee
}
.cp-banner-content .main-textarea textarea:focus {
box-shadow: 0 0 10px #eee;
border-color: #008ed6
}
.cp-banner-content .main-textarea i {
position: absolute;
right: 14px;
top: 17px;
font-size: 1.3em;
color: #aaa
}
.cp-banner-content {
position: relative;
margin-top: 80px;
z-index: 10
}
.cp-banner-content h1 {
color: #fff!important;
font-size: 4em;
position: relative;
padding: 0 0 30px;
margin: 0 0 30px;
font-weight: 700
}
.cp-banner-content h1 span {
display: block;
font-weight: 300;
font-size: .6em
}
.cp-banner-content h1:after {
height: 4px;
width: 50px;
position: absolute
}
.cp-banner-content .main-content p {
margin: 0;
color: #fff!important;
font-size: 1.2em
}
.hasbg .section-title h2,
.hasbg p {
color: #fff
}
.video-item {
padding: 0 30px 0 0
}
.video-item iframe {
border-radius: 5px
}
.video-item .embed-responsive-16by9 {
padding-bottom: 60.85%
}
.cp-section {
padding: 80px 20px
}
.gallery-section {
padding: 80px 15px
}
.nopadding {
padding: 0!important
}
.grey {
background: #f7f7f7
}
.hasbg {
padding: 120px 20px;
position: relative;
background: url(//terraconcepts.ca/wp-content/themes/leadgentheme/images/holder.png) center center/cover no-repeat
}
.hasbg:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .75)
}
.hasbg .inner,
h2 {
position: relative
}
.section-title h2:after,
h2:after {
content: '';
height: 4px;
width: 50px;
background: #008ed6;
left: 0;
display: block;
bottom: 0
}
.hasbg .inner {
z-index: 10
}
h2 {
padding: 0 0 30px;
margin: 0 0 30px
}
h2:after {
position: absolute
}
.hasbg h2 span {
display: block;
color: #fff!important
}
h2 span {
display: block
}
.section-title {
text-align: center;
max-width: 700px;
margin: 0 auto 40px
}
.section-title h2 {
position: relative;
padding: 0 0 30px;
margin: 0 0 30px;
}
.section-title h2:after {
position: absolute;
right: 0;
margin: 0 auto
}
.light-text {
font-weight: 300
}
.content-box {
position: relative
}
.content-box-image {
background: url(//terraconcepts.ca/wp-content/themes/leadgentheme/images/holder.png) center center/cover no-repeat;
position: absolute;
width: 50%;
top: 0;
right: 0;
height: 100%!important
}
.content-box-image.cbi-left {
left: 0;
right: initial
}
.content-box-entry {
padding: 80px
}
.bgcolor {
background: #008ed6
}
.bgcolor .global-btn {
color: #008ed6
}
.bgcolor2 {
background: #8BC34A
}
.bgcolor2 .global-btn {
color: inherit
}
.small-box .content-box-entry {
padding: 40px
}
.big-box .content-box-entry {
padding: 120px
}
.content-box-entry p:last-child {
margin: 0
}
.content-box-entry p {
color: #fff
}
.content-box-entry h2 {
color: #fff;
margin: 0 0 30px;
position: relative;
padding: 0 0 30px
}
#page-banner:after,
.content-box-entry h2:after {
content: '';
position: absolute;
left: 0
}
.content-box-entry h2:after {
display: block;
height: 4px;
width: 50px;
background: #fff;
bottom: 0
}
.content-box-entry .global-btn {
margin: 20px 0 0
}
#footer {
padding: 80px 0 0
}
.footer-content .row {
display: flex;
justify-content: center
}
.footer-content .row .col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
float: none
}
.footer-info {
display: table;
width: 100%;
margin: 0 0 50px;
text-align: center
}
.footer-info .nofloat {
display: block;
vertical-align: middle;
float: none!important;
position: relative;
width: 100%;
margin: 0 0 10px
}
.footer-info i {
color: #008ed6;
font-size: 4em;
display: block;
margin: 0 auto
}
.footer-info i.fa-mobile {
font-size: 5em
}
.footer-info span {
display: block;
color: #333
}
.footer-info span strong {
display: block
}
.footer-info span a {
color: #333
}
.footer-info span a:hover {
color: #008ed6;
text-decoration: none
}
.footer-map iframe {
width: 100%;
height: 320px;
pointer-events: none
}
.copyright {
padding: 40px 20px
}
.display-table {
display: table
}
.copyright-section {
display: table-cell;
vertical-align: middle
}
.copyright-section span {
font-size: .9em
}
.copyright-section p {
font-size: .9em;
margin: 0
}
.footer-logo img {
height: auto;
max-width: 200px
}
.copyright-section ul {
margin: 0;
text-align: right
}
.copyright-section ul li {
display: inline-block;
margin: 0 10px
}
.copyright-section ul li a {
color: #7a7a7a
}
.copyright-section ul li a:hover {
color: #000
}
.services-wrap {
padding: 0 0 0 80px;
margin: 0 0 40px
}
.services-item {
padding: 0 15px
}
.services-title {
margin: 0 0 10px
}
.services-title i {
color: #008ed6;
font-size: 2em
}
.services-title h3 {
font-size: 1.1em;
margin: 0;
font-family: open sans;
font-weight: 600;
padding: 4px 0
}
.blog-item {
padding: 0 15px
}
.blog-item-entry {
background: #f7f7f7;
padding: 20px;
text-align: center
}
.blog-item-entry p {
margin: 0
}
.blog-item-entry .date {
color: #fff!important;
margin: 0 0 15px;
background: #008ed6;
padding: 8px;
font-size: .8em;
text-transform: uppercase;
letter-spacing: 1px
}
.blog-item-entry .date i {
margin: 0 5px 0 0;
color: #fff!important
}
.blog-item-entry h3 {
margin: 0 0 15px;
font-weight: 600;
font-family: open sans;
font-size: 1.2em
}
.blog-item-entry h3 a {
color: #222
}
.blog-item-entry h3 a:hover {
text-decoration: none;
color: #008ed6
}
.contact {
position: relative;
padding-top: 100px;
padding-bottom: 140px;
background: #fff
}
#contactform {
display: block;
width: 100%;
margin: 50px auto 0;
text-align: left
}
#contactform label {
position: relative;
z-index: 13;
padding-left: 10px;
line-height: 50px
}
#contactform input,
#contactform select,
#contactform textarea {
display: block;
position: relative;
overflow: hidden;
min-height: 50px;
margin-top: -50px;
line-height: 50px;
font-size: 1em;
padding-left: 30px;
padding-right: 10px;
width: 100%;
color: #666;
background: #fff;
border: 2px solid #eee
}
#contactform select {
padding-right: 10px;
margin-bottom: 20px
}
@-moz-document url-prefix() {
#contactform select {
padding-top: 14px
}
}
#contactform textarea {
line-height: 25px;
width: 100%;
min-height: 120px
}
#contactform input.input-verify {
padding-left: 55px
}
#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus {
border: 2px solid #bba454;
background-color: #fff;
color: #1a1a1a
}
#contactform input.submit {
-webkit-appearance: none;
cursor: pointer;
margin: 20px auto 0;
width: auto;
height: auto;
border: 0;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: .2em;
line-height: 0;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 10px 20px;
color: #fff;
background: #bba454;
-webkit-border-radius: 2px;
border-radius: 2px
}
#contactform input.submit:hover {
color: #fff;
background: #1a1a1a
}
#contactform input[type=submit][disabled] {
color: #fff;
background: #bba454
}
#contactform span.required {
color: red
}
.error_message {
display: block;
padding: 5px;
background: #fbe3e4;
color: #8a1f11;
border: 1px solid #fbc2c4
}
#map {
height: 500px;
max-width: 100%
}
.info-window p {
margin: 0 0 5px;
font-family: open sans;
font-weight: 400
}
.info-window h3 {
margin: 10px 0 12px;
font-size: 1.4em;
font-weight: 400
}
#page-banner {
padding: 300px 20px 230px;
position: relative;
text-align: center
}
#page-banner:after {
width: 100%;
height: 100%;
top: 0;
background: rgba(0, 0, 0, .6);
display: block
}
#page-banner h1,
#page-banner h2 {
color: #fff;
position: relative;
z-index: 10
}
.bcrumb,
.bcrumb a {
color: rgba(255, 255, 255, .9)
}
#page-banner h1:after,
#page-banner h2:after {
display: none
}
.bcrumb {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
z-index: 10;
font-weight: 700
}
.bcrumb a {
font-weight: 400
}
.bcrumb i {
margin: 0 5px
}
.bcrumb a:hover {
color: #fff;
text-decoration: none
}
#cp-container {
padding: 60px 20px;
background: #fff
}
.left-content {
padding: 0 60px 0 0
}
.right-content {
padding: 0 0 0 60px
}
.page-with-right-sidebar .widget {
margin: 0 0 50px
}
.page-with-right-sidebar .widget h4 {
color: #3e4451;
text-transform: uppercase;
font-size: .9em;
letter-spacing: 1px;
margin: 0 0 25px
}
.page-with-right-sidebar .widget ul {
margin: 4px 0 0;
list-style: none
}
.page-with-right-sidebar .widget ul li {
margin: 0 0 4px
}
.page-with-right-sidebar .widget ul li a {
border: 1px solid #e1e1e1;
display: block;
width: 100%;
padding: 10px 15px;
color: #3e4451;
font-weight: 600
}
.page-with-right-sidebar .widget ul li a:hover,
.page-with-right-sidebar .widget ul li.current-menu-item a {
text-decoration: none;
border-color: #008ed6;
background: #008ed6;
color: #fff
}
.widget ul li.menu-item i {
display: none
}
.side-info {
margin: 0 0 15px
}
.side-info a {
display: block;
position: relative;
background: #f1f1f1
}
.side-info a:hover {
text-decoration: none;
background: #f9f9f9
}
.side-info a span.icon {
width: 60px;
height: 60px;
background: #23527c;
color: #fff;
display: block;
text-align: center;
line-height: 70px;
position: absolute;
top: 0;
left: 0
}
.side-info a span.icon i {
font-size: 2em
}
.side-info a span.info-entry {
margin: 0 0 0 75px;
display: block;
height: 60px;
color: #3e4451;
font-size: 1.2em;
padding: 10px 0 0;
line-height: 1.4
}
.side-info a span.info-entry span {
display: block;
font-size: .6em;
color: #b1b1b1;
text-transform: uppercase;
letter-spacing: 1px
}
.side-info div.side-info-wrap {
display: block;
position: relative;
background: #f1f1f1
}
.side-info div.side-info-wrap:hover {
text-decoration: none;
background: #f9f9f9
}
.side-info div.side-info-wrap span.icon {
width: 60px;
height: 60px;
background: #23527c;
color: #fff;
display: block;
text-align: center;
line-height: 70px;
position: absolute;
top: 0;
left: 0
}
.side-info div.side-info-wrap span.icon i {
font-size: 2em
}
.side-info div.side-info-wrap span.info-entry {
margin: 0 0 0 75px;
display: block;
height: 60px;
color: #3e4451;
font-size: 1.2em;
padding: 10px 0 0;
line-height: 1.4
}
.side-info div.side-info-wrap span.info-entry span {
display: block;
font-size: .6em;
color: #b1b1b1;
letter-spacing: 1px;
text-transform: uppercase
}
.side-btn a {
margin: 0;
display: block;
position: relative;
font-size: 1.3em;
font-weight: 800;
padding: 14px 10px 14px 40px;
background: #008ed6;
border: none
}
.side-btn a:hover {
background: #23527c
}
.side-btn a span {
display: block;
font-size: .6em;
letter-spacing: 1px;
font-weight: 300
}
.side-form span,
.widget .widget-title {
letter-spacing: 1.5px;
text-transform: uppercase
}
.side-btn a i {
position: absolute;
left: 20px;
font-size: 1.7em;
top: 22px
}
.social-widget h4 {
font-size: 1em
}
.widget .side-social ul li {
display: inline-block
}
.widget .side-social ul li a {
border: none;
background: #ddd;
display: block;
width: 46px;
height: 46px;
text-align: center;
line-height: 46px;
padding: 0;
font-size: 1.4em;
color: #3e4451
}
.widget .side-social ul li a:hover {
background: #23527c;
color: #fff
}
.side-form {
background: #008ed6;
padding: 20px;
border-radius: 4px
}
.side-form .contact-form-title h3:after,
.side-form .main-form-title h3:after {
content: '';
display: block;
background: #fff;
bottom: 0;
left: 0
}
.side-form .main-form-title h3 {
font-weight: 700;
margin: 0 0 20px;
position: relative;
padding: 0 0 15px;
color: #fff
}
.side-form .main-form-title h3:after {
height: 4px;
width: 50px;
position: absolute;
right: 0;
margin: 0 auto
}
.side-form .main-form-title p {
color: #fff
}
.side-form .main-text input {
border: none;
box-shadow: none
}
.side-form .main-textarea {
position: relative;
margin: 0 0 20px
}
.side-form .main-textarea textarea {
padding: 14px;
width: 100%;
border: none;
font-size: 1.1em;
font-weight: 400;
outline: 0;
color: #333;
border-radius: 5px;
resize: none;
height: 120px
}
.side-form .main-textarea textarea:focus {
box-shadow: 0 0 10px #eee;
border-color: #008ed6
}
.side-form .main-textarea i {
position: absolute;
right: 14px;
top: 17px;
font-size: 1.3em;
color: #aaa
}
.side-form .contact-form-title h3 {
font-weight: 700;
margin: 0 0 25px;
position: relative;
padding: 0 0 20px;
text-align: left
}
.owl-dots,
.side-form h3,
.side-form span,
.side-icon-title,
.wp-pagenavi {
text-align: center
}
.side-form .contact-form-title h3:after {
height: 4px;
width: 50px;
position: absolute;
right: 0
}
.side-form span.wpcf7-not-valid-tip,
.widget_meta {
display: none
}
.side-form .main-text {
margin: 0 0 15px
}
.side-form .global-btn {
margin: 0;
background: 0 0;
border: 2px solid #fff
}
.side-form .global-btn:hover {
background: #23527c;
border-color: #23527c
}
.col-content {
padding: 0 15px
}
.sidebar.sidebar-blog {
background: 0 0;
padding: 0
}
.widget {
margin: 0 0 30px
}
.widget ul {
margin: 0
}
.widget ul li {
clear: both;
position: relative;
margin: 0 0 10px
}
.widget ul li:last-child {
border: none
}
.widget ul li a {
display: block;
color: #999;
padding: 0 0 10px
}
.widget ul li a:hover {
color: #008ed6;
text-decoration: none
}
.widget ul li span {
display: block;
position: absolute;
right: 0;
top: 0;
color: #008ed6
}
.widget .widget-title {
color: #3e4451;
font-size: 1em;
position: relative;
padding: 0 0 15px;
margin: 0 0 25px
}
.widget .widget-title:after,
.widget .widget-title:before {
content: "";
position: absolute;
left: 0;
bottom: 0
}
.widget .widget-title:after {
border-top: solid 2px #008ed6;
width: 40px
}
.widget .widget-title:before {
border-top: solid 2px #eee;
width: 100%
}
.sidebar aside:last-child .widget {
margin: 0
}
.side-form h3 {
margin: 0 0 10px;
color: #fff;
font-size: 1.4em
}
.side-form p.label {
margin: 0 0 10px;
color: #222;
padding: 0
}
.side-form span {
color: #C90;
display: block;
font-size: .9em;
font-weight: 400
}
.side-icon-title {
position: relative;
width: 110px;
margin: 0 auto 20px
}
.side-icon-title i {
font-size: 2em;
color: #C90;
position: relative
}
.side-area textarea,
.side-text input {
border: 1px solid navy;
font-size: 1.3em
}
.side-icon-title:after,
.side-icon-title:before {
position: absolute;
content: '';
width: 30px;
height: 2px;
background-color: #C90;
top: 50%;
margin-top: 0
}
.side-icon-title:before {
left: 0
}
.side-icon-title:after {
right: 0
}
.side-area textarea,
.side-select select,
.side-text input {
width: 100%;
font-weight: 400;
outline: 0
}
.side-area textarea,
.side-select,
.side-text input {
padding: 10px;
background: #fff
}
.side-text {
margin: 0 0 15px
}
.side-text input {
color: navy
}
.side-text input::-webkit-input-placeholder {
color: #7a7a7a
}
.side-text input::-moz-placeholder {
color: #7a7a7a
}
.side-text input:-ms-input-placeholder {
color: #7a7a7a
}
.side-text input:-moz-placeholder {
color: #7a7a7a
}
.side-area textarea {
color: navy;
resize: none
}
.side-area textarea::-webkit-input-placeholder {
color: #7a7a7a
}
.side-area textarea::-moz-placeholder {
color: #7a7a7a
}
.side-area textarea:-ms-input-placeholder {
color: #7a7a7a
}
.side-area textarea:-moz-placeholder {
color: #7a7a7a
}
.side-form label {
color: #fff;
margin: 0 0 10px
}
.side-select {
margin: 0 0 15px;
border: 4px solid #fcc476
}
.side-select select {
border: none;
background: 0 0;
color: #7a7a7a
}
.side-form input.wpcf7-not-valid {
border-color: #C90
}
.sidebar div.wpcf7-response-output {
margin: 20px 0 0;
border: 4px solid #C90;
padding: 15px
}
.search-widget,
ul.links {
margin: 0 0 20px
}
.search-text {
position: relative;
background: #fff;
border: 3px solid #fcc476;
padding: 10px
}
.search-text input {
width: 90%;
border: none;
outline: 0
}
.search-text button {
position: absolute;
right: 6px;
top: 6px;
background: 0 0;
border: none;
font-size: 1.2em;
color: #FBA82D
}
.search-text button:hover {
color: #bb2d2a
}
.content-section {
padding: 0 60px 0 0
}
.content-section h1,
.content-section h2,
.content-section h3 {
font-size: 1.7em;
color: #3e4451;
font-weight: 400;
position: relative;
padding: 0 0 10px
}
.blog-post h3,
.content-section h5,
.content-section h6 {
font-size: 1.2em
}
.content-section h1:after,
.content-section h2:after,
.content-section h3:after {
content: "";
border-top: solid 2px #008ed6;
width: 40px;
position: absolute;
left: 0;
bottom: 0
}
ul.links li {
margin: 0 0 5px
}
ul.links a {
color: #bb2d2a
}
ul.links i {
margin: 0 10px 0 0
}
.news-detail img {
margin: 0 auto 20px
}
.news-detail h1 {
margin: 0 0 15px
}
.news-detail .info {
margin: 0 0 20px
}
.blog-item {
margin: 0 15px 30px
}
.blog-item img {
display: block;
margin: 0 auto 20px
}
.index-item img {
margin-bottom: 0!important
}
.blog-section .view-all {
margin-top: 40px
}
.blog-post {
margin: 0 0 40px;
padding: 20px
}
.blog-post img {
margin: 0 auto 20px
}
.blog-post .info,
.blog-post h3 {
margin: 0 0 10px
}
.blog-post h3 {
font-weight: 400;
position: relative;
padding: 0 0 10px
}
.blog-post h3:after {
content: "";
border-top: solid 2px #008ed6;
width: 40px;
position: absolute;
left: 0;
bottom: 0
}
.blog-post .global-btn {
padding: 8px 15px;
font-size: .8em
}
.blog-post h3 a {
color: #3e4451
}
.blog-post h3 a:hover {
text-decoration: none;
color: #008ed6
}
.blog-post .info i {
margin: 0 5px 0 0;
color: #008ed6
}
.btn-more,
.btn-more:hover span {
color: #fff
}
.btn-more {
display: block;
background: #84D605;
padding: 12px 30px;
position: relative;
transition: all .2s ease;
overflow: hidden;
text-transform: uppercase;
margin: 25px auto 0!important;
font-weight: 600;
border: none;
border-radius: 0;
float: left;
font-size: .9em;
letter-spacing: 1px
}
.btn-more i {
margin: 0 0 0 5px
}
.btn-more:last-child {
margin: 0
}
.btn-more:hover {
text-decoration: none;
background: #028c55
}
.btn-more span {
margin-bottom: 0!important;
position: relative;
width: 100%;
z-index: 10;
display: inline-block;
color: #fff;
transition: all .25s ease
}
.btn-more:hover:after {
right: 0
}
.btn-more:after {
transition: all .5s ease
}
.wp-pagenavi {
border-top: solid 1px #ebebeb;
padding: 30px 0 0
}
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid #ddd!important;
color: #7a7a7a!important;
padding: 6px 12px!important
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #3cc47c!important;
color: #fff!important;
text-decoration: none!important;
border-color: #3cc47c!important
}
.comments-area input,
.comments-area textarea {
border: 1px solid #ddd;
padding: 10px
}
.comments-area label {
display: block;
margin: 0 0 4px;
font-weight: 400;
font-size: .9em
}
.comments-area textarea {
width: 100%;
resize: none;
display: block
}
.comments-area .submit {
display: block;
background: #008ed6;
color: #fff;
border: none;
padding: 10px;
border-radius: 4px
}
.comments-area .submit:hover {
background: #23527c
}
.blog-page .comment-list-children {
margin-left: 50px
}
.blog-page li .media-left {
padding-left: 0
}
.blog-page li .media-body {
padding-right: 0
}
.blog-page li .des p {
font-size: 13px
}
.title-news {
font-size: 30px
}
.news-content-detail .news-image-block {
margin-right: 0;
width: 100%;
margin-bottom: 40px
}
.news-author {
height: auto
}
.news-author .des p {
font-size: 13px
}
.comments-area {
margin: 0 0 3.5em
}
.comment-list+.comment-respond,
.comment-navigation+.comment-respond {
padding-top: 1.75em
}
.comment-reply-title,
.comments-title {
font-size: 23px;
font-size: 1.2em!important;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
margin-top: 40px
}
.comments-title {
margin-bottom: 1.217391304em
}
.comment-list,
.comment-list .children {
margin: 0;
list-style: none
}
.comment-list svg {
display: none
}
.comment-metadata .edit-link,
.comment-reply-link,
.pingback .edit-link {
display: inline-block
}
.comment-list .pingback,
.comment-list .trackback,
.comment-list article {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0
}
.comment-list .children>li {
padding-left: .875em
}
.comment-author {
color: #1a1a1a;
margin-bottom: .4375em
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: .875em;
position: relative;
width: 28px
}
.bypostauthor>article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-size: 13px;
font-size: .8em;
line-height: 1.6153846154
}
.comment-metadata {
margin-bottom: 2.1538461538em
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868
}
.comment-metadata a:focus,
.comment-metadata a:hover,
.pingback .comment-edit-link:focus,
.pingback .comment-edit-link:hover {
color: #007acc
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: .7;
padding: 0 .538461538em
}
.comment-content ol,
.comment-content ul {
margin: 0 0 1.5em 1.25em
}
.comment-content li>ol,
.comment-content li>ul {
margin-bottom: 0
}
.comment-reply-link {
border: 1px solid #d1d1d1;
color: #fff;
background: #ccc;
font-size: 13px;
font-size: .8em;
line-height: 1;
margin-top: 1.1538461538em;
padding: .5384615385em .5384615385em .4615384615em;
border-radius: 0
}
.panel-group .panel-heading.active i.fa-plus,
.panel-group i.fa-minus {
display: none
}
.comment-reply-link:focus,
.comment-reply-link:hover {
border-color: currentColor;
color: #fff;
outline: 0;
text-decoration: none;
background: #891d35
}
.side-post {
position: relative;
min-height: 80px;
margin: 0 0 30px
}
.side-post img {
position: absolute;
top: 0;
left: 0;
width: 80px
}
.side-post-entry {
margin: 0 0 0 100px
}
.side-post-entry h4 {
font-weight: 400;
font-size: 1.1em;
margin: 0 0 20px
}
.side-post-entry h4 a {
color: #3e4451
}
.side-post-entry .date-time {
font-size: .9em;
color: #aaa
}
.side-post-entry i {
margin: 0 5px 0 0
}
.side-post-entry h4 a:hover {
text-decoration: none;
color: #008ed6
}
.panel-title {
font-weight: 600;
font-size: 1em
}
.panel-title a:hover {
text-decoration: none;
color: #3cc47c
}
.panel-group .panel-heading {
position: relative;
padding-left: 30px;
border: none;
background: 0 0
}
.panel-group .panel-heading h4 {
font-size: 1.2em
}
.panel-group .panel-heading h4 a:hover {
color: #008ed6;
text-decoration: none
}
.panel-group .panel-heading.active a {
color: #008ed6
}
.panel-group .panel-heading i {
position: absolute;
left: 0;
top: 13px
}
.panel-group .panel-heading.active i.fa-minus {
display: block
}
.panel-group .panel {
box-shadow: none;
border: none
}
.panel-group .panel-body {
border: none!important;
padding: 0 0 0 30px
}
.cp-testi-wrapper {
position: relative;
display: block;
padding: 30px 40px 40px
}
.cp-testimoni-box blockquote {
margin: 0 0 20px;
border: none;
position: relative;
padding: 0 35px;
font-style: italic;
font-size: 1.2em
}
.cp-testimoni-box blockquote:after,
.cp-testimoni-box blockquote:before {
position: absolute;
color: #a5a5af;
font-style: normal;
font-size: 20px;
line-height: 16px;
font-family: FontAwesome
}
.cp-testimoni-box blockquote:before {
content: "\f10d";
left: 0;
top: -10px
}
.cp-testimoni-box blockquote:after {
content: "\f10e";
right: 0;
bottom: -10px
}
.cp-testimoni-box blockquote.quote-lg:after,
.cp-testimoni-box blockquote.quote-lg:before {
font-size: 24px;
line-height: 24px
}
.cp-testimoni-box {
display: block;
border: 1px solid #eaeaea;
border-radius: 5px;
padding: 40px;
-webkit-box-shadow: 10px 10px 0 -2px rgba(0, 0, 0, .1);
-moz-box-shadow: 10px 10px 0 -2px rgba(0, 0, 0, .1);
box-shadow: 10px 10px 0 -2px rgba(0, 0, 0, .1);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.cp-testimoni-avatar,
.cp-testimoni-box:before {
position: absolute;
border-radius: 50%;
overflow: hidden
}
.cp-testimoni-box:before {
display: block;
font-family: FontAwesome;
content: "\f10d";
width: 80px;
height: 80px;
padding: 20px;
color: #fff;
right: 0;
top: 0;
text-align: center;
font-size: 26px;
line-height: 42px;
background: #008ed6
}
.cp-testimoni-author {
padding-left: 35px
}
.cp-testimoni-author strong {
color: #008ed6
}
.cp-testimoni-avatar {
background: #fff;
width: 100px;
height: 100px;
left: 0;
bottom: 0;
padding: 10px;
border: 1px solid #eaeaea!important
}
.cp-testimoni-avatar img {
border-radius: 50%
}
.owl-nav {
display: none
}
.owl-dots {
margin: 20px 0 0
}
.owl-dots .owl-dot {
display: inline-block;
width: 10px;
height: 10px;
background: #ddd;
border-radius: 50%;
margin: 0 2px
}
.search-form .screen-reader-text,
.search-form label {
display: none
}
.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover {
background: #008ed6
}
.grid-content {
padding: 0 20px;
text-align: justify
}
.grid-item,
.tagcloud a {
padding: 10px
}
.search-form {
position: relative
}
.search-form input {
border: 1px solid #eee;
padding: 10px;
width: 100%;
outline: 0
}
.search-form button {
position: absolute;
background: 0 0;
border: none;
outline: 0;
top: 10px;
right: 10px
}
.search-form button svg {
width: 15px;
height: 15px
}
.tagcloud a {
display: inline-block;
background: #eee;
color: #7a7a7a;
border-radius: 4px;
margin: 0 2px 4px
}
.gallery-center-wrapper {
width: 100%;
height: 100%;
display: table;
position: relative;
table-layout: fixed
}
.gallery-center {
display: table-cell;
width: 100%;
vertical-align: middle
}
.gallery-grid-item {
position: relative;
overflow: hidden;
width: 25%;
padding: 15px
}
.gallery-grid-item a {
display: block;
position: relative;
overflow: hidden
}
.gallery-grid-item img {
-webkit-transition: all 1s ease;
transition: all 1s ease
}
.gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(22, 38, 75, .5);
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
opacity: 0
}
.gallery-overlay i {
position: relative;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block
}
.gallery-overlay i::after,
.gallery-overlay i::before {
content: "";
background-color: #f4c026;
position: absolute;
left: 50%;
top: 50%
}
.gallery-overlay i::before {
width: 25px;
height: 1px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.gallery-overlay i::after {
width: 1px;
height: 25px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.gallery-grid-item:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.gallery-grid-item:hover .gallery-overlay {
opacity: 1
}
.footer-menu {
padding: 20px 0;
background: #f7f7f7
}
.footer-menu .widget {
padding: 0;
margin: 0
}
.footer-menu ul {
list-style: none;
margin: 0;
text-align: center
}
.footer-menu ul ul {
display: none
}
.footer-menu ul li {
display: inline-block;
padding: 0;
position: relative
}
.footer-menu ul li a {
padding: 0 30px;
display: block;
text-transform: uppercase;
font-weight: 600;
font-size: .9em
}
.footer-menu ul li:after {
content: '/';
position: absolute;
top: -2px;
right: 0
}
.antispam,
.footer-menu ul li:last-child:after {
display: none
}
@media (max-width:992px) {
#cp-container .col-md-9.pull-right,
.content-box .pull-right {
float: none!important
}
h1,
h2 {
font-size: 1.7em
}
h3 {
font-size: 1.5em
}
h4 {
font-size: 1.3em
}
h5,
h6 {
font-size: 1.2em
}
#cp-header {
position: absolute
}
#cp-header .navbar-header {
text-align: left;
padding: 0 20px
}
#cp-header .navbar-right {
text-align: left;
border-top: solid 1px rgba(2555, 255, 255, .1);
margin: 0
}
.copyright-section,
.copyright-section ul,
.footer-info,
.services-content,
.services-item {
text-align: center
}
#cp-header a.logo img {
max-width: 240px;
height: auto!important
}
.main-nav .nav li {
border-bottom: solid 1px rgba(2555, 255, 255, .1);
padding: 16px 20px!important
}
.main-nav .nav li:last-child {
border: none
}
.main-nav .navbar-nav li {
display: block
}
.main-nav .nav i.fa-chevron-up,
.main-nav .navbar-nav li a i.fa-angle-down,
.main-nav .navbar-nav li a i.fa-angle-left,
.main-nav .navbar-nav li a i.fa-angle-right {
display: none
}
.main-nav .navbar-nav li a {
padding: 0;
border: none
}
.main-nav .nav ul {
opacity: 1;
top: 0;
position: relative;
background: 0 0!important;
padding: 8px 0 0;
display: none;
transition: all 0s ease
}
.main-nav .nav.navbar-nav ul li {
border: none;
padding: 2px 0!important
}
.main-nav .nav .active>i.fa-chevron-up {
display: block
}
.cp-banner-content .main-form-title br,
.main-nav .nav .active>i.fa-chevron-down {
display: none
}
.main-nav .nav i.toggle-down {
position: absolute;
top: 0;
right: 0;
background: #008ed6;
color: #fff;
line-height: 44px;
width: 44px;
text-align: center;
cursor: pointer;
z-index: 10;
margin: 0
}
#cp-branding,
#page-banner,
.cp-section {
background-attachment: scroll!important
}
.main-nav .nav li:hover ul {
opacity: 1;
top: 0
}
.main-nav .nav ul li a {
color: #8b898b;
padding: 10px 5px 0
}
.main-nav .nav ul li a:hover {
color: #008ed6
}
.main-nav .navbar-nav li.nav-phone a {
padding: 0
}
.main-nav .nav li ul li ul {
position: relative!important;
top: 0!important;
left: 0!important;
margin: 0!important;
opacity: 1!important
}
.main-nav .nav li li i.toggle-down {
right: -20px
}
.main-nav .nav li ul li li:last-child {
border: none!important
}
.main-nav .nav li:last-child ul li ul,
.main-nav .nav li:nth-last-child(2) ul li ul {
right: 100%;
margin-left: 0;
opacity: 1!important
}
.cp-banner-content {
position: relative;
top: 0;
transform: translateY(0);
left: 0;
margin-top: 105px
}
#cp-branding {
height: initial;
padding: 100px 20px
}
.cp-banner-content h1 {
font-size: 2.5em
}
.cp-section {
padding: 50px 20px!important
}
.nopadding {
padding: 0!important
}
.copyright-section,
.display-table,
.footer-content .row,
.footer-info .nofloat,
.footer-logo img,
.toggle-down {
display: block
}
.main-content {
padding: 40px 0 30px!important
}
.content-box-image {
height: 350px!important;
position: relative;
width: 100%
}
.big-box .content-box-entry,
.content-box-entry {
padding: 40px
}
.footer-info {
margin: 0 0 30px
}
.footer-info i {
margin: 0 0 10px
}
.footer-logo img {
margin: 0 auto
}
.copyright-section {
margin: 0 0 20px;
height: 100%!important
}
.services-content {
padding: 0 0 60px
}
.services-content h2:after {
right: 0;
margin: 0 auto
}
.services-wrap {
padding: 0;
margin: 0
}
.services-item {
margin: 0 0 30px
}
.services-title i {
margin: 0 0 15px
}
.blog-item {
padding: 0
}
#footer .section-title {
padding: 0 20px
}
#page-banner {
padding: 270px 20px 100px
}
.content-section,
.left-content,
.right-content {
padding: 0 0 40px
}
.col-content {
padding: 0
}
.video-item {
padding: 0 0 30px
}
.gallery-grid-item {
width: 33.3333%
}
.footer-content .row .col-md-4 {
display: block;
max-width: 100%;
flex: 0 0 100%
}
}
@media (max-width:767px) {
img.alignleft,
img.alignright {
float: none;
margin: 0 auto 20px
}
.gallery-grid-item {
width: 50%
}
}
@media (max-width:600px) {
#cp-top ul {
float: none;
text-align: center
}
#cp-top ul li {
display: inline-block;
float: none
}
#cp-top ul li.separator {
display: block;
height: 5px
}
#cp-top ul li.info {
display: inline-block;
margin: 0;
font-size: 1em;
border: none
}
#cp-top ul li.social {
display: inline-block;
margin: 10px 2px 5px
}
}
.section-title.wow.fadeIn.animated , 
.section-title.wow.fadeIn , 
.col-md-6.content-box-wrap.wow.fadeIn , 
.content-box-image.wow.fadeIn , 
h2.wow.fadeIn , p.wow.fadeIn ,
a.global-btn.wow.fadeIn , 
a.global-btn.btn-solid.wow.fadeIn  ,
.col-md-5.wow.fadeIn , 
.col-md-7.wow.fadeIn , 
.row.wow.fadeIn , 
.gallery-grid.wow.fadeIn
{
animation-duration: 0s !important;
animation-delay: 0s !important;
}
@media(max-width:425px)
{
.cp-testimoni-box
{
padding: 80px 10px 100px 15px !important;
}
.cp-testi-wrapper
{
padding:0 !important;
}
body.page-id-260 .btn-lg 
{
padding: 10px 6px !important;
font-size: 14px !important;
}
}
@media(max-width:992px) and (min-width:768px)
{
.services-item h3.col-sm-10 , .services-item .col-sm-2{
width: 100%;
}
body.page-id-260 .btn-lg
{
padding:10px 14px !important;
font-size:16px !important;
}
}
@media(min-width:1500px)
{
.gallery-grid.wow.fadeIn img.img-responsive {
width: 100% !important;
}
}
@media(max-width:992px) and (min-width:426px)
{
body.blog .content-left {
text-align: center !important;
}
body.blog .blog-post h3:after{
display:none;
}
}
@media(max-width:320px)
{
body.page-id-215 span.info-entry ,
body.page-id-231 span.info-entry ,
body.page-id-240 span.info-entry ,
body.page-id-243 span.info-entry , 
body.page-id-251 span.info-entry ,
body.page-id-269 span.info-entry ,
body.page-id-276 span.info-entry ,
body.page-id-281 span.info-entry
{
font-size: 15px !important;
}
}
@media(max-width:992px)
{
body.page-id-243 a.btn.btn-primary.btn-sm {
margin-bottom: 25px !important;
}
body.page-id-276 .col-content h4 {
text-align: center !important;
}
body.page-id-276 .img-circle , body.page-id-276 .img-rounded
{
margin:0 auto !important;
}
body.page-id-276 .col-content .img-thumbnail 
{
margin: 0 auto !important;
display: block;
}
}