@import "css/reset.css";

@font-face {
font-family:'Play';
font-style:normal;
font-weight:400;
src:local(Play),url(http://fonts.gstatic.com/s/play/v6/-SXnV4mZjf4oh1IBw13WZw.woff) format("woff")
}

body {
font-family:Arial,sans-serif
}


iframe {
  width: 100% !important;
}

span.wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0 !important;
  color: #f00;
  display: block;
  font-size: 11px !important;
  height: 7px !important;
  left: 5px !important;
  position: absolute !important;
  top: 0 !important;
}


.captcha span.wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0 !important;
  color: #f00;
  display: block;
  font-size: 11px !important;
  height: 4px !important;
  left: 20px !important;
  position: absolute !important;
  top: 0 !important;
  width: 100px !important;
}






.centre-wrap {
max-width:990px;
margin:0 auto;
padding:0 5px
}

.clear-after:after {
clear:both;
content:"";
display:block
}

a {
text-decoration:none
}

#main-menu-wrap {
background-color:#2e384d
}

#main-menu-toggle {
display:none
}

#main-menu {
text-transform:uppercase;
letter-spacing:1px;
font-size:.9rem;
background-color:#141f33;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px
}

#main-menu > li {
float:left
}

#main-menu > li > a {
display:block;
padding:10px 15px;
color:#ccc;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px
}

#main-menu > li:hover > a {
background-color:#f93;
color:#fff
}

#main-menu > .current-menu-item > a {
background-color:#ccc;
color:#333
}

#main-menu > .menu-item-has-children {
position:relative
}

#main-menu > .menu-item-has-children:hover > a {
border-radius:initial
}

#main-menu > .menu-item-has-children > ul {
position:absolute;
display:none;
background-color:#f93;
z-index:998;
width:300px
}

#main-menu > .menu-item-has-children:hover > ul {
display:block
}

#main-menu > .menu-item-has-children > ul > li > a {
display:block;
padding:10px 15px;
color:#fff
}

#main-menu > .menu-item-has-children > ul > li:hover > a {
background-color:#cc7a29
}

#main-menu > .menu-item-has-children > ul > .current-menu-item > a {
background-color:#ccc;
color:#333
}

#main-menu > .menu-item-has-children > div {
display:none
}

#header-wrap {
padding:30px 0 20px;
background-color:#2e384d;
margin:0 0 50px
}

#header-title {
float:left
}

#header-title > a {
display:block;
font-size:2.25rem;
line-height:2.25rem;
color:#fff;
font-family:'Play',sans-serif;
padding:2px 0;
font-weight:700;
letter-spacing:1px
}

#header-title > a > span {
color:#f93
}

#header-phone {
float:right
}

#header-phone > a {
display:block;
float:right;
font-size:2.25rem;
line-height:2.25rem;
color:#fff;
font-family:'Play',sans-serif;
padding:2px 0 2px 50px;
background-image:url(images/interface/square-phone-icon.png);
background-repeat:no-repeat
}

#header-message {
clear:both;
text-align:center;
color:#ccc;
padding:30px 0 0
}

.social-icon > a {
	display:inline-block;
	float:right;
	width:32px;
	margin:0 0 0 10px;
}
.social-icon > a > img {
	width:100%;
}

#banner-wrap {
background-color:#e6ffcc;
border-style:solid;
border-color:#b8cca3;
border-top-width:2px;
border-bottom-width:2px;
margin:0 0 50px;
min-height:318px
}

#banner-form {
float:right;
width:25%;
position:relative
}

#banner-points {
float:left;
width:40%;
padding:40px 0 20px
}

#banner-points > ul > li {
font-family:'Play',sans-serif;
font-size:1.6rem;
line-height:1.6rem;
margin:0 0 20px 30px;
list-style-image:url(images/interface/selling-point-bullet.png)
}

#banner-images {
float:left;
width:35%;
padding:60px 0 0
}

.widget-wrap #main-form {
position:initial
}

#main-form {
background-color:#2e384d;
position:absolute;
width:100%;
top:-10px;
border-radius:10px;
overflow:hidden
}

#main-form > header {
background-color:#f93
}

#main-form > header > span {
display:inline-block;
font-size:2.2rem;
line-height:2.2rem;
font-family:'Play',sans-serif;
color:#fff;
text-transform:uppercase;
padding:10px 0 10px 55px;
background-image:url(images/interface/form-header-arrow.png);
background-repeat:no-repeat;
background-position:3px 3px
}

#main-form > div {
padding:15px
}

#main-form .form-element {
margin:0 0 15px
}

#main-form .form-element > span {
display:block
}

#main-form .form-element > span > input {
width:96%;
border:none;
margin:0;
padding:2px 2%;
font-size:1rem;
line-height:1rem
}

#main-form .form-element > span > textarea {
width:96%;
border:none;
margin:0;
padding:2px 2%;
font-size:1rem;
line-height:1rem;
font-family:Arial,sans-serif;
height:3rem
}

#main-form .form-element > span > span {
padding:5px 0 10px
}

#main-form .form-captcha {
margin:0 0 15px
}

#main-form .form-captcha > img {
height:22px;
display:block;
float:left
}

#main-form .form-captcha > span {
display:block;
float:left;
padding:0 0 0 15px
}

#main-form .form-captcha > span > input {
display:block;
border:none;
margin:0;
padding:2px 2%;
font-size:1rem;
line-height:1rem;
width:100px
}

#main-form .form-captcha > span > span {
width:100px;
padding:5px 0 10px
}

#main-form .form-submit {
margin:0
}

#main-form .form-submit > input {
display:block;
border:none;
border-radius:5px;
margin:0;
padding:5px 0;
font-size:1.5rem;
line-height:1.5rem;
width:100%;
text-transform:uppercase;
text-align:center;
background-color:#86cc3d;
color:#fff
}

#main-form .form-submit > img {
display:none
}

#main-form form > .wpcf7-validation-errors {
border:none;
color:red;
margin:15px 0 0;
padding:0;
display:none !important;
}

#body-wrap h1,#body-wrap h2,#body-wrap h3 {
font-family:'Play',sans-serif;
margin:0 0 15px
}

#body-wrap h1 {
font-size:2.4rem;
line-height:2.6rem;
color:#ff8c19
}

#body-wrap h2 {
font-size:1.8rem;
line-height:2rem;
padding:20px 0 0;
color:#142f66
}

#body-wrap h3 {
font-size:1.4rem;
line-height:1.6rem;
padding:20px 0 0;
color:#142f66
}

#body-main-column header {
margin:0 0 15px
}

#body-main-column header > h1,#body-main-column header > h2 {
margin:0
}

#body-main-column header > span {
font-size:.9rem;
color:gray
}

#body-wrap p {
margin:0 0 15px;
line-height:1.2rem
}

#body-wrap ul,#body-wrap ol {
margin:0 0 15px
}

#body-wrap ul > li > ul,#body-wrap ol > li > ol {
margin:15px 0
}

#body-wrap ul > li,#body-wrap ol > li {
margin:0 0 10px 30px;
line-height:1.2rem
}

#body-wrap a {
color:#527acc
}

#body-wrap a:hover {
color:#cc5252
}

#body-wrap table {
margin:0 0 15px
}

#body-wrap table th,#body-wrap table td {
padding:0 10px;
line-height:1.4rem
}

#body-wrap .table-header-left th:first-child {
text-align:right
}

.img-full-width {
width:100%
}

#body-wrap {
margin:0 0 50%;
margin:0 0 50px
}

#body-main-column {
float:left;
width:65%
}

#body-side-column {
float:right;
width:30%
}

.body-post-wrap {
margin:0 0 15px;
border-style:solid;
border-color:#ccc;
border-top-width:1px
}

.body-post-wrap > .read-more-button {
display:inline-block;
padding:4px 8px;
background-color:#ff8c19;
color:#fff!important;
font-weight:700;
border-radius:4px
}

.widget-wrap {
padding:0 0 15px
}

.widget-wrap > header {
margin:0 0 15px;
font-family:'Play',sans-serif;
font-size:1.8rem;
line-height:2rem;
color:#142f66
}

#footer-menu-wrap {
background-color:#2e384d
}

#footer-menu {
text-transform:uppercase;
letter-spacing:1px;
font-size:.9rem
}

#footer-menu > li {
float:left
}

#footer-menu > li > a {
display:block;
padding:10px 15px;
color:#ccc;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px
}

#footer-menu > li:hover > a {
background-color:#f93;
color:#fff
}

#footer-menu > .current-menu-item > a {
background-color:#ccc;
color:#333
}

#footer-info-wrap {
background-color:#2e384d;
padding:20px 0
}

#copyright {
width:40%;
float:left;
color:#ccc
}

#clixpert-link {
width:40%;
float:right;
text-align:right
}

#clixpert-link > a {
color:#ccc
}

#micro-data {
width:20%;
float:left;
text-align:center;
position:relative;
color:#ccc
}

#micro-data > div {
position:absolute;
display:none;
width:310px;
padding:5px;
background-color:#2e384d;
top:-332px
}

#micro-data:hover > div {
display:block
}

#micro-data > div > img {
width:310px;
height:155px
}

#micro-data > div > div {
font-size:1.5rem;
padding:10px 0;
font-family:'Play',sans-serif
}

#micro-data > div > table tr {
padding:0 0 5px;
font-size:.9rem
}

#micro-data > div > table th {
text-align:left;
padding:0 5px 0 0
}

#micro-data > div > table td {
text-align:left
}

#micro-data > div > a {
display:block;
padding:5px 10px;
background-color:#ff8c19;
border-radius:5px;
margin:10px auto 0;
width:160px;
color:#fff;
font-weight:700
}

@media only screen and (min-width:769px) {
#main-menu {
display:block!important
}
}

@media only screen and (max-width:768px) {
#main-menu-wrap > div {
position:relative;
padding:0
}

#main-menu-toggle {
display:block;
height:50px;
width:50px;
background-image:url(images/interface/mobile-menu-button.png);
background-repeat:no-repeat
}

#main-menu {
display:none;
position:absolute;
z-index:999;
width:100%;
border-style:solid;
border-bottom-width:1px;
border-bottom-color:#ccc;
border-radius:initial
}

#main-menu > li {
float:none
}

#main-menu > li > a {
padding:18px 15px;
border-radius:initial
}

#main-menu > .menu-item-has-children > div {
display:block;
right:0;
position:absolute;
width:50px;
height:50px;
background-image:url(images/interface/mobile-menu-arrow.png);
background-repeat:no-repeat
}

#main-menu > .menu-item-has-children > ul {
width:75%;
border:none
}

#main-menu > .menu-item-has-children:hover > ul {
display:none
}

#main-menu > .menu-item-has-children > ul > li > a {
padding:18px 15px
}

#header-title {
width:50%
}

#header-phone {
width:50%
}

#banner-form {
width:30%
}

#banner-points {
float:left;
width:70%
}

#banner-images {
float:left;
width:70%;
padding:0
}
}
@media only screen and (max-width:640px) {
#micro-data {display: none;}


#header-title {
width:initial;
float:none
}

#header-title > a {
text-align:center;
font-size:2.2rem;
line-height:2.2rem
}

#header-phone {
width:initial;
float:none;
text-align:center;
padding:30px 0 0
}

#header-phone > a {
float:initial;
display:inline-block;
text-align:center
}

#banner-form {
float:initial;
width:initial
}

#banner-points {
float:initial;
width:initial
}

#banner-images {
float:initial;
width:initial
}

#main-form {
border-radius:10px;
position:initial;
top:initial
}

#main-form > header {
cursor:pointer;
text-align:center
}

#main-form > div {
display:none
}

#body-main-column {
float:none;
width:100%
}

#body-side-column {
float:none;
width:100%
}

#footer-menu {
width:100%;
float:none
}

#footer-menu > li {
width:100%
}

#footer-menu > li > a {
text-align:center;
border-radius:10px
}

#copyright,#clixpert-link,#micro-data {
width:initial;
float:initial;
text-align:center;
padding:10px 0
}
}

@media only screen and (max-width:480px) {
#body-wrap table th, #body-wrap table td {
  line-height: 1.4rem;
  padding: 0 0;
  width: 100%;
  display: block;
  text-align: left !important;
}
#body-wrap table td{ margin-bottom:10px;}

}