/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
@font-face {
font-family:'Assistant-ExtraLight';
src:url('fonts/OTF/Assistant-ExtraLight.otf');
src:url('fonts/Webfont/Assistant-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('fonts/Webfont/Assistant-ExtraLight.woff') format('woff'),
url('fonts/TTF/Assistant-ExtraLight.ttf') format('truetype'),
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Assistant-Light';
src:url('fonts/OTF/Assistant-Light.otf');
src:url('fonts/Webfont/Assistant-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/Webfont/Assistant-Light.woff') format('woff'),
url('fonts/TTF/Assistant-Light.ttf') format('truetype'),
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Assistant-Regular';
src:url('fonts/OTF/Assistant-Regular.otf');
src:url('fonts/Webfont/Assistant-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Webfont/Assistant-Regular.woff') format('woff'),
url('fonts/TTF/Assistant-Regular.ttf') format('truetype'),
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Assistant-SemiBold';
src:url('fonts/OTF/Assistant-SemiBold.otf');
src:url('fonts/Webfont/Assistant-SemiBold.eot?#iefix') format('embedded-opentype'),
url('fonts/Webfont/Assistant-SemiBold.woff') format('woff'),
url('fonts/TTF/Assistant-SemiBold.ttf') format('truetype'),
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Assistant-Bold';
src:url('fonts/OTF/Assistant-Bold.otf');
src:url('fonts/Webfont/Assistant-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Webfont/Assistant-Bold.woff') format('woff'),
url('fonts/TTF/Assistant-Bold.ttf') format('truetype'),
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:'Assistant-ExtraBold';
src:url('fonts/OTF/Assistant-ExtraBold.otf');
src:url('fonts/Webfont/Assistant-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('fonts/Webfont/Assistant-ExtraBold.woff') format('woff'),
url('fonts/TTF/Assistant-ExtraBold.ttf') format('truetype'),
font-weight:normal;
font-style:normal;
}
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
font-family: 'Assistant-Light', sans-serif;
font-size: 18px;
font-weight: 1.4;
color:#2A2A2A;
direction: rtl;
}
.category article {
width: 30%;
float: right;
padding: 10px;
margin: auto;
}
.postarch img {
max-width: 300px;
width: 100%;
}
section.innerpostimage {
height: 400px;
background-size: cover !important;
background-repeat: no-repeat;
width: 100%;
margin: 40px 0px;
}
/* clear */
.mobile {
display: none;
}
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#c463a1;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
max-width:1825px;
width:95%;
margin:0 auto;
position:relative;
}
/* header */
.header {
}
.ctc {
display: none
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:0;
height: auto;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
.topheader {
height: 450px;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
/*------------------------------------*\
MENU
\*------------------------------------*/
.main-navigation {
display: block;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
text-align: left;
padding: 19px 0 0;
}
.main-navigation li {position: relative;display: inline-block;}
.main-navigation a {
display: block;
text-decoration: none;
border-radius: 3px;
font-size: 16px;
font-weight: bold;
color: #337ab2;
padding: 12px 15px;
}
.main-navigation li.current-menu-item a, .main-navigation li:hover a {
color: #CC2FA0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.bar1 {
top: 0;
/* animation: topbar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.bar2 {
opacity: 1;
}
.menu-bar+.menu-bar {
margin-top: 5px;
}
.bar3 {
bottom: 0;
/* animation: bottombar-back .5s;
animation-fill-mode: both;
animation-play-state: initial!important; */
}
.toggled .bar1,
.toggled-left .bar1 {
/* top: 25%;
animation: topbar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.toggled .bar2,
.toggled-left .bar2 {
opacity: 0;
}
.toggled .bar3,
.toggled-left .bar3 {
margin-top: -28.5% !important;
/* animation: bottombar-x .5s;
animation-fill-mode: both; */
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
@media screen and (max-width:1199px) {
.main-navigation ul ul {position:static; }
.main-navigation ul ul li {margin-left: 50px; }
.menu-bar {
display: block;
position: relative;
background: #cc2fa0;
width: 26px;
height: 3px;
border-radius: 1px;
transition: all .3s;
margin: 0 auto;
}
.menu-toggle, .menu-toggle:active, .menu-toggle:focus {
display: block;
position: relative;
float:right;
width: 40px;
height: 40px;
top: 0;
right: 0;
padding: 6px 0 0;
margin: 0 auto;
background: 0 0;
transition: all .5s cubic-bezier(1, 0, .645, .65);
z-index: 99999999;
border: 0;
outline: 0;
box-shadow: none;
}
.site-branding {
float: left;
}
header .main-navigation div li {
display: block;
text-align:right;
}
header .main-navigation div li.current-menu-item, header .main-navigation div li:hover {
border: 0;
color: #fff;
}
header .main-navigation div li.current-menu-item a, header .main-navigation div li:hover a {
color: #fff;
}
header .main-navigation div {
position: fixed;
right: -300px;
width: 280px;
background: #F9F9FA;
z-index: 150;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
overflow: hidden;
height: 100%;
top: 0;
padding-top: 80px;
}
header .toggled div {
right: 0;
}
.site-header .main-navigation a {
border-bottom: 1px solid #dcdcdc;
display: block;
font-size: 21px;
padding: 8px 20px !important;
margin: 0;
font-family: "Assistant-Light", sans-serif !important;
font-weight: normal;
border-radius: 0;
text-decoration: none;
transition: all 0.25s ease 0s;
}
.site-header .main-navigation li.current-menu-item a,
.site-header .main-navigation li:hover a {
color: #cc2fa0 !important;
}
}
/*--------------------------------------------
Home Page
---------------------------------------------*/
.container {
max-width: 1825px;
width: unset;
}
.site-header {
position: relative;
background-color: #fff;
z-index: 100 !important;
padding-top: 25px;
padding-right: 0px;
padding-bottom: 58px;
padding-left: 0px;
}
.site-header:after {
content: "";
position: absolute;
width: 235px;
height: 96px;
z-index: 99999;
bottom: -96px;
right: 50%;
transform: translateX(50%);
display: block;
background: url(img/bg-header-white.png) no-repeat;
}
/******************************************************/
.menu-toggle-left,
.main-navigation-left.toggled ul {
display: block;
}
.menu-header-left ul ul {position:static; }
.menu-header-left ul ul li {margin-left: 50px; }
.menu-toggle-left .menu-bar {
display: block;
position: relative;
background: #cc2fa0;
width: 26px;
height: 3px;
border-radius: 1px;
transition: all .3s;
margin: 0 auto;
}
.menu-toggle-left .menu-bar + .menu-bar {
margin-top: 6px;
}
.menu-toggle-left, .menu-toggle-left:active, .menu-toggle-left:focus {
display: block;
position: relative;
float: left;
width: 40px;
height: 40px;
top: 0;
right: 0;
padding: 7px 0 0;
margin: 0 110px 0 auto;
background: 0 0;
transition: all .5s cubic-bezier(1, 0, .645, .65);
z-index: 99999999;
border: 0;
outline: 0;
box-shadow: none;
}
.menu-toggle-left .menu-bar.bar2 {
right: 4px;
width: 18px;
}
.menu-toggle-left .menu-bar.bar1 {
right: 6px;
width: 14px;
}
.menu-toggle-left.toggled-left .menu-bar.bar1,
.menu-toggle-left.toggled-left .menu-bar.bar2 {
right: 0;
width: 26px;
}
.menu-toggle-left::after {
color: #000;
content: "Ãâ€â€Ãƒâ€šÃ‚ªÃƒâ€â€Ãƒâ€šÃ‚¤Ãƒâ€â€Ãƒâ€šÃ‚¨Ãƒâ€â€ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢Ãƒâ€â€Ãƒâ€¹Ã…“";
font-family: "Assistant-Regular";
position: absolute;
right: -47px;
top: 10px;
}
header .menu-header-left div li {
display: block;
text-align:right;
}
header .menu-header-left div li.current-menu-item, header .menu-header-left div li:hover {
border: 0;
color: #fff;
}
header .menu-header-left div li.current-menu-item a, header .menu-header-left div li:hover a {
color: #fff;
}
header .menu-header-left div {
position: fixed;
left: -300px;
width: 280px;
background: #F9F9FA;
z-index: 150;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
overflow: hidden;
height: 100%;
top: 0;
padding-top: 80px;
}
header .toggled-left div {
left: 0;
}
.toggled-left .bar1 {
top: 2%;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.toggled-left .bar2 {
opacity: 0;
}
.toggled-left .bar3 {
margin-top: -22.5%;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
}
.menu-header-left .menu {
padding: 0;
}
.menu-header-left .menu a {
display: block;
font-size: 21px;
padding: 8px 20px;
transition: all .25s ease;
text-decoration: none;
border-bottom: 1px solid #dcdcdc;
}
.menu-header-left .menu li:last-child a {
border-bottom: none;
}
.menu-header-left li.current-menu-item a,
.menu-header-left li:hover a {
color: #cc2fa0 !important;
}
/******************************************************/
.main-navigation {
float: right;
}
.main-navigation ul {
padding: 0;
}
.main-navigation a {
color: #000000;
font-family: "Assistant-Regular",sans-serif;
font-size: 18px;
padding: 0px 8px;
margin: 0 25px;
transition: all 0.25s ease 0s;
}
.main-navigation li:first-child a {
margin-right: 0;
padding-right: 0;
}
.phone-header {
float: left;
text-align: left;
line-height: 1;
padding-left: 30px;
position: relative;
z-index: 200;
}
.phone-header:after {
content: "\f10b";
color: #CC2FA0;
position: absolute;
left: 0;
top: 0;
font-family: 'FontAwesome';
font-size: 45px;
}
.phone-header > a {
color: #414141;
direction: ltr;
display: block;
font-family: "Assistant-Bold",sans-serif;
font-size: 24px;
line-height: 1;
}
.phone-header > span {
color: #8f8f8f;
font-family: "Assistant-Regular",sans-serif;
font-size: 14px;
line-height: 1;
border-bottom: 1px dotted;
display: inline-block;
}
.logo {
position: absolute;
right: 50%;
transform: translateX(50%);
z-index: 10;
top: 58px;
z-index: 9999999;
}
.owl-carousel {
direction: ltr;
}
.header-slider {
position: relative;
}
.slider-one {
direction: rtl;
height: 720px;
position: relative;
}
.slider-text {
position: absolute;
color: #fff;
right: 220px;
top: 50%;
transform: translateY(-50%);
}
.slider-text h4 {
font-family: "Assistant-SemiBold",sans-serif;
font-size: 36px;
margin: 0 0 30px;
}
.slider-text .slider-title {
font-family: "Assistant-ExtraLight",sans-serif;
font-size: 85px;
line-height: 1;
}
.slider-text .slider-title strong {
display: block;
font-family: "Assistant-Bold",sans-serif;
line-height: 0.8;
}
.slider-title > span {
background-color: #fff;
display: block;
height: 1px;
width: 100%;
}
.slider-text > a {
background-color: #fff;
border-radius: 50px;
color: #2a2a2a;
display: inline-block;
font-family: "Assistant-Bold",sans-serif;
margin-top: 45px;
padding: 9px 40px;
text-decoration: none;
transition: all 0.25s ease 0s;
}
.slider-text > a:hover {
opacity: 0.8;
}
.header-slider .owl-dots {
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.header-slider .owl-dot {
margin: 20px 0;
}
.header-slider .owl-dot > span {
background-color: #fff;
border-radius: 50%;
display: block;
height: 4px;
width: 4px;
position: relative;
}
.header-slider .owl-dot.active > span::before {
border: 1px solid #fff;
bottom: -4px;
content: "";
display: block;
left: -4px;
position: absolute;
right: -4px;
top: -4px;
border-radius: 50%;
}
.s-bloks-link {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
.s-bloks-link .row {
margin: 0;
}
.s-bloks-link .row > div {
padding: 0;
}
.blocks-one {
height: 320px;
position: relative;
margin-right: 1px;
}
.s-bloks-link .row > div:last-child .blocks-one {
margin-right: 0;
}
.blocks-text {
bottom: 40px;
left: -5px;
position: absolute;
max-width: 190px;
text-align: center;
width: 100%;
}
.blocks-text > h3 {
font-family: "Assistant-Bold",sans-serif;
font-size: 24px;
line-height: 1;
margin: 0;
padding-bottom: 16px;
}
.blocks-text > a {
color: #ffffff;
font-size: 16px;
border: 3px solid #cc2fa0;
padding: 5px;
background: #cc2fa0;
text-align: center;
border-radius: 6px;
}
.blocks-text a i {
font-size: 16px;
margin-right: 10px;
}
.s-testim {
padding: 235px 0 80px;
background: #FCF6F6 url("img/bg-testimon.jpg") no-repeat scroll 0 0;
background-size: cover;
}
.s-testim .container {
max-width: 900px;
}
.line-pink {
background-color: #cc2fa0;
display: block;
height: 3px;
margin: 0 auto 25px;
width: 70px;
}
.s-testim h2 {
font-family: "Assistant-Bold",sans-serif;
font-size: 50px;
margin: 0 0 60px;
text-align: center;
}
.testimonials-one {
direction: rtl;
}
.testimonials-text-wrap {
display: flex;
}
.testimonials-text {
margin: auto 0;
}
.testimonials-text > h3 {
font-family: "Assistant-Bold",sans-serif;
font-size: 24px;
margin: 0 0 30px;
}
.testimonials-text > i {
color: #cc2fa0;
display: block;
font-family: "Assistant-Bold",sans-serif;
}
.testimonials-text > a {
border: 1px solid #e6e5e5;
border-radius: 50px;
display: inline-block;
font-family: "Assistant-Bold",sans-serif;
font-size: 16px;
margin-top: 50px;
padding: 8px 40px;
text-decoration: none;
transition: all .25s ease;
}
.testimonials-text > a:hover {
background-color: #e6e5e5;
}
.testimonials-slider .owl-nav > div {
color: #c1c1c1;
font-size: 64px;
line-height: 1;
padding: 0 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .25s ease;
}
.testimonials-slider .owl-nav > .owl-prev {
left: -20%;
}
.testimonials-slider .owl-nav > .owl-next {
right: -20%;
}
.testimonials-slider .owl-nav > div:hover {
color: #333;
}
.s-links {
background: #FCF7F7 url("img/bg-links.png") no-repeat scroll 0 0;
padding: 75px 0 50px;
}
.custom-links {
list-style: outside none none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.custom-links > li {
margin: 0 20px;
}
.custom-links a {
font-size: 21px;
padding: 5px 35px;
text-decoration: none;
transition: all .25s ease;
border-radius: 50px;
margin-bottom: 20px;
display: block;
}
.custom-links a:hover {
color: #fff;
background-color: #cc2fa0;
}
.s-form {
padding: 90px 0 70px;
}
.s-form h2 {
color: #fff;
font-family: "Assistant-Bold",sans-serif;
font-size: 50px;
line-height: 1;
margin: 0;
text-align: center;
}
.s-form .container > p {
color: #fff;
font-size: 21px;
margin: 5px 0 0;
text-align: center;
}
.s-form .wpcf7-form {
margin: 45px auto 0;
max-width: 950px;
}
.wpcf7-form {
direction: rtl;
}
.wpcf7-form > p {
margin: 0;
}
.wpcf7-form > p:after {
display: table;
content: "";
clear: both;
}
.s-form .wpcf7-form .wpcf7-form-control-wrap {
float: right;
margin-left: 4.5%;
width: 30.33%;
}
.s-form .wpcf7-form .wpcf7-form-control-wrap:nth-child(3) {
margin-left: 0;
}
.inputfield {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border: 1px solid #b0ada5;
border-radius: 50px;
color: #000000;
padding: 8px 25px;
width: 100%;
margin-bottom: 15px;
}
.form_inner {
max-width: 300px;
margin: auto;
padding-top: 15px;
}
::-webkit-input-placeholder { /* Edge */
color: white;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: white;
}
::placeholder {
color: white;
}
.s-form .wpcf7-form .wpcf7-form-control-wrap input {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border: 1px solid #b0ada5;
border-radius: 50px;
color: #000000;
padding: 8px 25px;
width: 100%;
margin-bottom: 15px;
}
.s-form .wpcf7-form .wpcf7-form-control-wrap input::-webkit-input-placeholder { /* WebKit browsers */
color: #fff;
opacity: 1;
}
.s-form .wpcf7-form .wpcf7-form-control-wrap input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
.s-form .wpcf7-form .wpcf7-form-control-wrap input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
.s-form .wpcf7-form .wpcf7-form-control-wrap input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;
opacity: 1;
}
.s-form .wpcf7-form .wpcf7-submit {
border: medium none;
border-radius: 50px;
color: #ffffff;
display: inline-block;
font-family: "Assistant-Bold",sans-serif;
margin: 30px 50% 0 0;
padding: 8px 50px;
transform: translateX(50%);
transition: all 0.25s ease 0s;
max-width: 300px;
font-size: 16px;
}
.s-form .wpcf7-form .wpcf7-submit:hover {
opacity: 0.8;
}
.ajax-loader {
position: absolute;
}
.wpcf7-not-valid-tip, .wpcf7-response-output {
display: none !important;
}
.wpcf7-not-valid {
border-color: #cc2fa0 !important;
}
.menu-footer {
border-bottom: 1px solid #e7e7e7;
padding: 35px 0 25px;
}
.menu-footer .menu {
list-style: outside none none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.menu-footer .menu a {
font-size: 18px;
font-family: 'Assistant-Regular', sans-serif;
padding: 0;
color: #000;
text-decoration: none;
transition: all .25s ease;
border-radius: 50px;
margin: 0 20px 10px;
display: block;
}
.menu-footer .menu a:hover {
color: #cc2fa0;
}
.footer .footer-bot ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer-bot {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
padding: 30px 0;
}
.footer-contact > li {
display: inline-block;
margin-right: 40px;
padding-left: 22px;
position: relative;
}
.footer-contact a {
color: #8d8d8d;
}
.footer-contact > li:first-child a::before {
content: "\f0e0";
font-family: "FontAwesome";
left: -5px;
position: absolute;
top: 0;
}
.footer-contact > li:nth-child(2) a::before {
content: "\f095";
font-family: "FontAwesome";
left: 0;
position: absolute;
top: 0;
}
.copyright {
color: #8d8d8d;
font-family: "Assistant-Regular",sans-serif;
margin: 0;
}
.footer-social > li {
display: inline-block;
margin: 0 13px;
}
.footer-social a {
border: 2px solid #cc2fa0;
border-radius: 50%;
color: #cc2fa0;
display: block;
font-size: 13px;
height: 26px;
line-height: 22px;
text-align: center;
width: 26px;
transition: all .25s ease;
}
.footer-social a:hover {
opacity: 0.8;
}
/*--------------------------------------------
Contact Page
---------------------------------------------*/
.s-header-inner {
height: 440px;
}
.s-contact {
padding: 45px 0 70px;
background-color: #fcf6f6;
}
.s-contact .container {
max-width: 1010px;
}
.s-contact h1 {
color: #2a2a2a;
font-family: "Assistant-Bold",sans-serif;
font-size: 50px;
margin: 0 0 40px;
text-align: center;
}
.contact-info {
border: 2px solid #d9d9d9;
padding: 30px 50px 15px 40px;
margin-bottom: 30px;
}
.contact-info > h4 {
font-family: "Assistant-Bold",sans-serif;
font-size: 20px;
margin: 0;
}
.contact-info > a {
color: #2a2a2a;
font-family: "Assistant-Bold",sans-serif;
font-size: 30px;
line-height: 1;
margin: 0 0 15px;
display: block;
}
.affiliate-one {
border-bottom: 1px solid #e7e5e5;
padding: 15px 0;
}
.affiliate-one:last-child {
border-bottom: none;
}
.affiliate-one > h4 {
font-family: "Assistant-Bold",sans-serif;
font-size: 18px;
margin: 0 0 10px;
}
.affiliate-one > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.affiliate-one ul li {
padding: 5px 40px 5px 0;
}
.location_filial {
background: rgba(0, 0, 0, 0) url("img/contact_1.png") no-repeat scroll right center;
}
.email_filial {
background: rgba(0, 0, 0, 0) url("img/contact_2.png") no-repeat scroll right center;
}
.phone_filial {
background: rgba(0, 0, 0, 0) url("img/contact_3.png") no-repeat scroll 99% center;
}
.contact-form-wrap {
background-color: #fff;
padding: 25px;
-moz-box-shadow: 0 0 21px rgba(2, 2, 2, 0.1);
-webkit-box-shadow: 0 0 21px rgba(2, 2, 2, 0.1);
box-shadow: 0 0 21px rgba(2, 2, 2, 0.1);
margin-bottom: 30px;
}
.contact-form {
border: 2px solid #c9debf;
padding: 35px 60px 40px;
}
.contact-form h3 {
font-family: "Assistant-Bold",sans-serif;
font-size: 30px;
line-height: 1.2;
margin: 0 0 35px;
text-align: center;
}
.contact-form .wpcf7 .wpcf7-form-control-wrap input {
border: none;
border-bottom: 1px solid #d4d4d4;
margin-bottom: 15px;
width: 100%;
color: #2a2a2a;
padding: 5px 0;
}
.contact-form .wpcf7 .wpcf7-form-control-wrap textarea {
border: none;
border-bottom: 1px solid #d4d4d4;
margin-bottom: 15px;
width: 100%;
color: #2a2a2a;
padding: 5px 0;
height: 180px;
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap input::-webkit-input-placeholder,
.contact-form .wpcf7-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder { /* WebKit browsers */
color: #2a2a2a;
opacity: 1;
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap input:-moz-placeholder,
.contact-form .wpcf7-form .wpcf7-form-control-wrap textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #2a2a2a;
opacity: 1;
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap input::-moz-placeholder,
.contact-form .wpcf7-form .wpcf7-form-control-wrap textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #2a2a2a;
opacity: 1;
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap input:-ms-input-placeholder,
.contact-form .wpcf7-form .wpcf7-form-control-wrap textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #2a2a2a;
opacity: 1;
}
.contact-form .wpcf7-form .wpcf7-submit {
background-color: #cc2fa0;
border: medium none;
border-radius: 50px;
color: #fff;
display: block;
font-size: 21px;
margin-top: 15px;
padding: 5px;
transition: all 0.25s ease 0s;
width: 100%;
}
.contact-form .wpcf7-form .wpcf7-submit:hover {
opacity: 0.8;
}
/*--------------------------------------------
Default Page
---------------------------------------------*/
.s-inner-page {
background-color: #fcf6f6;
padding: 50px 0 140px;
}
.s-inner-page .container {
max-width: 1170px;
}
.s-inner-page .sidebar {
margin-left: 30px;
}
.s-inner-page h1 {
font-family: "Assistant-Bold",sans-serif;
font-size: 50px;
margin: 0 0 30px;
text-align: center;
}
.s-inner-page article {
margin-bottom: 30px;
}
.s-inner-page article h2,
.s-inner-page article h3,
.s-inner-page article h4,
.s-inner-page article h5,
.s-inner-page article h6 {
font-family: "Assistant-Bold",sans-serif;
}
.s-inner-page article h3 {
font-size: 24px;
}
.sidebar .sidebar-widget > div {
background-color: #fff;
padding: 30px;
margin-bottom: 30px;
-moz-box-shadow: 0 0 21px rgba(2, 2, 2, 0.1);
-webkit-box-shadow: 0 0 21px rgba(2, 2, 2, 0.1);
box-shadow: 0 0 21px rgba(2, 2, 2, 0.1);
}
.sidebar .sidebar-widget .widget-wrap {
border: 2px solid #c9debf;
padding: 35px 20px 30px;
text-align: center;
}
.sidebar .sidebar-widget > div h3 {
font-family: "Assistant-Bold",sans-serif;
font-size: 30px;
line-height: 1.14;
padding-bottom: 25px;
margin: 0 0 40px;
position: relative;
}
.sidebar .sidebar-widget > div h3:after {
background-color: #c9debf;
bottom: 0;
content: "";
display: block;
height: 2px;
margin-right: -23px;
position: absolute;
right: 50%;
width: 46px;
}
.sidebar .sidebar-widget .widget-wrap ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.sidebar .sidebar-widget .widget-wrap ul li {
margin: 15px 0;
}
.sidebar .sidebar-widget .widget-wrap ul a {
font-family: "Assistant-SemiBold",sans-serif;
font-size: 20px;
color: #2A2A2A;
}
/*--------------------------------------------
Inner Page
---------------------------------------------*/
.inner-sidebar {
background-color: transparent;
box-shadow: none;
margin-bottom: 30px;
padding: 5px;
}
.s-inner-page .inner-sidebar {
margin-left: 30px;
}
.inner-sidebar .inner-sidebar-wrap {
border: 2px solid #e857be;
padding: 35px 20px 30px;
text-align: center;
}
.inner-sidebar h3 {
font-family: "Assistant-Bold",sans-serif;
font-size: 30px;
line-height: 1.14;
margin: 0 0 40px;
padding-bottom: 25px;
position: relative;
}
.inner-sidebar h3::after {
background-color: #c9debf;
bottom: 0;
content: "";
display: block;
height: 2px;
margin-right: -23px;
position: absolute;
right: 50%;
width: 46px;
}
.inner-sidebar ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.inner-sidebar ul li {
margin: 15px 0;
color: #2a2a2a;
font-family: "Assistant-SemiBold",sans-serif;
font-size: 20px;
cursor: pointer;
}
.inner-sidebar ul li.active {
color: #cc2fa0;
}
.s-inner-page .tab_content {
margin-bottom: 30px;
font-size: 22px;
}
.s-inner-page .tab_content h2,
.s-inner-page .tab_content h3,
.s-inner-page .tab_content h4,
.s-inner-page .tab_content h5,
.s-inner-page .tab_content h6 {
font-family: "Assistant-Bold",sans-serif;
}
.s-inner-page .tab_content h3 {
font-size: 24px;
}
/*========== Desktop First Method ==========*/
@media only screen and (max-width : 1600px) {
.main-navigation a { font-size: 16px;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
.main-navigation a {margin: 0 10px;}
.slider-text {right: 150px;}
.testimonials-slider .owl-nav > .owl-prev {left: -14%;}
.testimonials-slider .owl-nav > .owl-next {right: -14%;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
.site-header {padding: 15px 0;}
.logo {top: 5px;}
.slider-one {height: 620px;}
.slider-text {right: 100px;}
.slider-text h4 {font-size: 30px;margin: 0 0 20px;}
.slider-text .slider-title {font-size: 65px;}
.slider-text > a {margin-top: 35px;}
.blocks-one { height: 420px;}
.testimonials-wrap {padding: 0 50px;}
.testimonials-slider .owl-nav > .owl-prev {left: -7%;}
.testimonials-slider .owl-nav > .owl-next {right: -7%;}
.testimonials-text > a {margin-top: 20px;}
.testimonials-text > h3 {margin: 0 0 10px;}
.s-inner-page .sidebar, .s-inner-page .inner-sidebar {margin-left: 0;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.blocks-one { height: 380px;}
.s-testim {padding: 175px 0 70px;}
.footer-social > li {margin: 0 10px;}
.s-header-inner {height: 360px;}
.contact-info {height: unset !important;}
.site-header:after {display: none}
}
@media only screen and (max-width : 767px) {
.mobile { display: block; }
.tab_item img {height: auto;}
.topheader {height: 250px;}
.ctc {display: block;position: fixed;bottom: 0;width: 100%;text-align: center;padding: 8px;font-size: 22px;background: #e857be;z-index: 9999999;right: 0;}
.ctc a { color: white;font-size: 26px;}
.phone-header {display: none;}
.slider-one {height: 520px;}
.header-slider .owl-dots {right: 25px;}
.slider-text {right: 60px;}
.slider-text h4 {font-size: 26px;margin: 0 0 20px;color: black;}
.slider-text .slider-title {font-size: 55px;}
.blocks-one { height: 450px; margin-right: 0; margin-bottom: 1px;}
.testimonials-slider .owl-nav > .owl-prev {left: -57px;}
.testimonials-slider .owl-nav > .owl-next {right: -57px;}
.testimonials-text-wrap {height: unset !important;margin-top: 30px;}
.s-testim h2 {font-size: 40px;}
.s-testim {background-size: contain; padding: 135px 0 60px;}
.s-form .wpcf7-form .wpcf7-form-control-wrap { width: 100%; margin-right: 0;}
.s-form {padding: 60px 0 50px;}
.footer-bot {flex-direction: column;justify-content: center;text-align: center;}
.footer .footer-bot .footer-social {margin: 20px 0;}
.footer-contact > li:first-child {margin-right: 0;}
.s-header-inner {height: 300px;}
.s-contact h1 {font-size: 40px;line-height: 1;}
.s-contact {padding: 45px 0 40px;}
.s-inner-page h1 {font-size: 40px;line-height: 1.1; margin: 0 0 0px;}
.s-inner-page {padding: 0px 0 0px;}
}
@media only screen and (max-width : 600px) {
.logo img {width: 34px;}
.s-form .wpcf7-form {margin: 45px auto 0;max-width: 182px;width: 100%;}
.blocks-one { height: 380px;}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
.header-slider .owl-dot {display: inline-block;margin: 0 10px;}
.header-slider .owl-dots {bottom: 20px;right: 50%;top: unset;transform: translateX(50%);}
.slider-text {right: 20px;}
.slider-text .slider-title {font-size: 38px;color: black;}
.slider-one {height: calc(100vh - 500px);min-height: 400px;}
.blocks-one { height: 330px;}
.testimonials-wrap {padding: 0 20px;}
.testimonials-slider .owl-nav > .owl-prev {left: -45px;}
.testimonials-slider .owl-nav > .owl-next {right: -45px;}
.s-links {padding: 50px 0 30px;}
.s-header-inner {height: 200px;}
.contact-info {padding: 30px 20px 15px;}
.contact-form {padding: 25px 20px 30px; border: none;}
.contact-form-wrap {padding: 0px;}
.s-inner-page .container {padding: 0;}
.sidebar .sidebar-widget > div {padding: 20px;}
.sidebar .sidebar-widget .widget-wrap {padding: 25px 10px 20px;}
}
/* Custom, iPhone Retina */
@media screen and (max-width : 320px) {
}
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1201px) {
}
@media only screen and (min-width : 1601px) {
}