/*
Theme Name: CMS
Author: Creative Marketing Services
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

@font-face {
  font-family: 'Klaxons';
  src: url('/wp-content/themes/CMS/fonts/Klaxons.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
  font-family: 'Neon';
  src: url('/wp-content/themes/CMS/fonts/Neon.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
  font-family: 'Diamonds';
  src: url('/wp-content/themes/CMS/fonts/Diamonds.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
  font-family: 'CmsNeon';
  src: url('/wp-content/themes/CMS/fonts/CmsNeon.woff') format('woff'); /* Pretty Modern Browsers */
}
html{
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}
b{
    font-weight: 700;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}
.padding-sides{
    padding-left: calc(5% + 15px);
    padding-right: calc(5% + 15px);
}
.padding-vert{
    padding-bottom: calc(2% + 10px);
    padding-top: calc(2% + 10px);
}
body{
    background-image: url('/wp-content/uploads/2020/01/background.jpg');
    background-size: cover;
    background-position: top;
}
/* Footer */
#footer{
    padding: 3% 0;
    background-color: #122a3d;
}
#copyright{
    color: #fff;
    margin-top: 50px;
}
.footer-logo{
    max-width: 250px;
    margin-bottom: 35px;
}
.footer-left h2{
    color: #857867;
    font-weight: 900;
    font-size: 2em;
    max-width: 600px;
    margin-bottom: 20px;
}
.footer-left p{
    color: #fff;
    font-weight: 100;
    font-size: 1.3em;
    max-width: 600px;
}
#footer .social-nav{
    margin-top: 50px;
}
#footer .social-nav li{
    display: inline-block;
    margin-right: 10px;
}
#footer .social-nav li a{
    font-size: 2.5em;
    color: #857867;
    transition:.3s ease;
}
#footer .social-nav li a:hover{
    color: #c58785;
}
.footer-right{
    text-align: right;
}
.footer-nav{
    margin-bottom: 40px;
}
.footer-nav li{
    display: inline-block;
    text-align: center;
    margin-left: 5px;
}
.footer-nav li a{
    color: #fff;
    font-weight: 700;
    font-size: 1.35em;
    padding-left: 5px;
    transition: .3s ease;
}
.footer-nav li a:hover{
    color: #c58785;
    text-decoration: none;
}
.address{
    display: inline-block;
    text-align: left;
    color: #fff;
    line-height:1.35;
}
.address:nth-child(2){
    margin-right: 5%;
}
.address h3{
    transform: rotate(0deg);
    left: 0;
    max-width: 600px;
    margin: 0 auto 5px;
    font-size: 3em;
}
.contact-info{
    margin-top: 15px;
}
.address li{
    color: #c58785;
    font-weight: 700;
}
.address a{
    margin-left:10px;
    color: #fff;
    transition: .3s ease;
    font-weight: 400;
}
.address a:hover{
    color: #c58785;
    text-decoration: none;
}
@media (max-width:995px) {
    #footer {
        text-align: center;
    }
    .footer-logo {
        max-width: 130px;
        margin: 0 auto 15px;
        display: block;
    }
    .footer-left h2 {
        font-size: 1.4em;
        text-align: center;
    }
    .footer-left p{
        font-size: 1em;
    }
    #footer .social-nav {
        margin-top: 20px;
    }
    #footer .social-nav li a {
        font-size: 1.75em;
    }
    .footer-right {
        text-align: center;
    }
    .address {
        text-align: center;
    }
    .address a {
        margin-left: 5px;
    }
}
/* HOME */
.header{
    height: 100vh;
    position: relative;
}
.header-text{
    position: absolute;
    top: 45%;
    left:10%;
    transform:translate(-10% , -45%);
    font-size: 12em;
    font-family: 'CmsNeon', sans-serif;
    max-width: 1200px;
    letter-spacing: 10px;
    /* font-weight: 900; */
}
.glow-title{
    color: rgba(255,255,255,.7);
}
.glow-on h1{
  text-shadow: 0 0 10px #00e2ff, 0 0 20px #00e2ff, 0 0 30px #00e2ff, 0 0 40px #00e2ff, 0 0 50px #00e2ff, 0 0 60px #00e2ff, 0 0 70px #00e2ff;
  transition: .5s ease;
  transition-delay: .3s;
}
.glow-off h1{
  text-shadow: 2px 2px 2px transparent;
  transition: .5s ease;
  transition-delay: .2s;
  color: rgba(255,255,255,.7);
}
.glow-on h1 span{
  text-shadow: 0 0 10px #c1ff4a, 0 0 20px #c1ff4a, 0 0 30px #c1ff4a, 0 0 40px #c1ff4a, 0 0 50px #c1ff4a, 0 0 60px #c1ff4a, 0 0 70px #c1ff4a;
  transition: .5s ease;
  transition-delay: .3s;
}
.glow-off h1 span{
  text-shadow: 2px 2px 2px transparent;
  transition: .5s ease;
  transition-delay: .2s;
  color: rgba(255,255,255,.7);
}
.home-intro{
    text-align: center;
}
.home-intro h1{
    color: #fff;
    font-size: 4em;
    font-weight: 900;
    max-width: 1400px;
    margin: 0 auto 35px;
}
.home-intro h1 span{
    color: #c58785;
    font-size: 1.2em;
}
.home-intro h2{
    color: #857867;
    font-weight: 900;
    font-size: 2.5em;
    margin-bottom: 20px;
}
.home-intro p{
    color: #fff;
    font-size: 1.35em;
    line-height: 1.3;
    font-weight: 100;
    max-width: 1650px;
    margin: 0 auto 20px;
}
.btn-gold{
    color: #857867;
    border: 2px solid #857867;
    border-radius: 20px;
    padding: 6px 30px;
    font-size: 1.4em;
    transition: .3s ease;
}
.btn-gold:hover{
    color: #c58785;
    border: 2px solid #c58785;
}
.get-in-touch{
    position: relative;
}
.handwritten{
    position: relative;
    left: -100px;
    font-family: 'Diamonds';
    color: #c58785;
    font-size: 3.5em;
    transform: rotate(-10deg);
    max-width: 600px;
    margin: 40px auto 25px;
}
.handwritten img{
    display: none;
    top: 40px;
    position: relative;
    transform: rotate(11deg);
}
.home-team-row{
    position: relative;
}
.team-text-col{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    max-width: 375px;
}
.gold-inner{
    padding:25px;
    background-color: #90806a;
    color: #fff;
    text-align: center;
}
.gold-inner h3{
    font-weight: 900;
    font-size: 1.6em;
    margin-bottom: 15px;
}
.gold-inner p{
    font-weight: 100;
    font-size: 1.2em;
    line-height: 1.3;
    margin-bottom: 20px;
}
.btn-blue{
    color: #0f2333;
    border: 2px solid #0f2333;
    font-size: 1.2em;
    padding:5px 25px;
}
.btn-blue:hover{
    color: #fff;
    border: 2px solid #fff;
}
.team-member{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
    background-size: cover;
    background-position: center;
    /* min-height: 300px; */
    width: 100%;
    margin: 15px 0;
}
.team-member-1{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-member-2{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-member-3{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-member-4{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-member-5{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-member-6{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-member-7{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-member-8{
    background-image: url('/wp-content/uploads/2020/02/team-placeholder.jpg');
}
.team-blue-cover{
    background-color: rgba(15, 35, 51, 0.7);
    height: 300px;
    width: 100%;
}
.clients {
    text-align: center;
}
.clients h2{
    color: #cb8c88;
    font-size: 2em;
    font-weight: 900;
    margin-bottom: 20px;
}
.clients p{
    color: #fff;
    max-width: 1200px;
    font-size: 1.2em;
    font-weight: 100;
    margin: 0 auto 30px;
}
.clients .client-col{
    padding: 20px 15px;
}
.clients .client-col img{
    max-height: 100px;
    max-width: 170px;
}
.services{
    text-align: center;
    background-image: url('/wp-content/uploads/2020/02/home-services-back.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 10%;
    padding-bottom: 10%;
}
.service-col{
    padding: 15px calc(2% + 15px);
}
.service-inner{
    background-color: #0f2333;
    padding:calc(2% + 25px);
}
.service-inner img{
    max-height: 70px;
    display: block;
    margin: 0 auto 25px;
}
.service-inner h2{
    color: #cb8c88;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 10px;
}
.service-inner ul{
    color: #fff;
    font-weight: 100;
    line-height: 1.5;
    font-size: 1.2em;
}
.home-bottom {
    text-align: center;
}
.home-bottom .home-bottom-top h2{
    color: #90806a;
    font-size: 2.5em;
    font-weight: 800;
    margin-bottom: 20px;
}
.home-bottom .home-bottom-top h3{
    color: #fff;
    font-size: 1.7em;
    font-weight: 800;
}
.home-bottom .home-bottom-mid{
    margin: 30px 0 25px;
}
.home-bottom .home-bottom-mid p{
    color: #fff;
    text-align: left;
    font-size: 1.25em;
    font-weight: 100;
    line-height: 1.6;
    max-width: 735px;
    margin: 0 auto;
}
.home-bottom .home-bottom-bottom h3{
    color: #cb8c88;
    font-size: 1.7em;
    font-weight: 800;
    max-width: 900px;
    margin: 0 auto 25px;
}
.home-bottom .home-bottom-bottom p{
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 20px;
}
.home-bottom .home-bottom-bottom a{
    color: #fff;
    transition: .3s ease;
}
.home-bottom .home-bottom-bottom a:hover{
    color: #90806a;
}
@media (max-width:1400px) {
    .header-text{
        font-size: 10em;
        max-width: 80%;
    }
}
@media (max-width:995px) {
    .header-text{
        font-size: 8em;
    }
    .home-intro h1{
        font-size: 2em;
    }
    .home-intro h2{
        font-size: 1.7em;
    }
    .home-intro p {
        font-size: 1.1em;
    }
    .handwritten {
        left: 0;
        font-size: 2.5em;
    }
    .btn-gold {
        font-size: 1.2em;
    }
    .team-member{
        margin: 5px 0;
    }
    .team-blue-cover {
        height: 230px;
    }
    .team-text-col {
        max-width: 90%;
    }
    .gold-inner{
        padding:15px;
    }
    .gold-inner h3{
        font-size: 1.3em;
    }
    .gold-inner p{
        font-size: 1.1em;
        line-height: 1.2;
    }
    .btn-blue{
        font-size: 1em;
    }
    .clients h2 {
        font-size: 1.7em;
    }
    .clients p{
        font-size: 1.1em;
        line-height: 1.2;
    }
    .clients .client-col img {
        max-height: 60px;
        max-width: 100%;
    }
    .service-inner {
        padding: calc(2% + 10px);
    }
    .service-inner img {
        max-height: 45px;
    }
    .service-inner h2{
        font-size: 1.25em;
    }
    .service-inner ul {
        line-height: 1.3;
        font-size: 1.1em;
    }
}
#fbuilder .pbSubmit{
    color: #857867 !important;
    border: 2px solid #857867 !important;
    border-radius: 20px !important;
    padding: 6px 30px !important;
    font-size: 1.4em !important;
    transition: .3s ease !important;
	margin:25px auto !important;
	transform:none !important;
}
#fbuilder .pbSubmit:hover{
    color: #fff !important;
    border: 2px solid #c58785 !important;
}
@media (max-width:768px) {
    .header-text{
        font-size: 4em;
        max-width: 80%;
    }
}