@charset "UTF-8";

/*!------------------------------------------------------------------
[MAIN STYLESHEET] PROJECT :	FLATRICA | MATERIAL CV
VERSION :	2.0
-------------------------------------------------------------------*/



html,body{margin:0;padding:0;outline:0;display:block;font-family:"Roboto",sans-serif;font-size:15px;background-color:#f5f5f5;color:#616161;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:1px transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch}

.section{position:relative;padding-top:15px;padding-bottom:30px}
.section .section-title{margin-bottom:18px}
.section .section-title .title-icon{margin-right:20px;color:#375079}
.section .section-title img{width:66px;padding:10px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:-2px 12px 12px 12px}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;-webkit-backface-visibility:hidden}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1000px}}

h1,h2,h3,h4,h5,h6,span{font-family:"Raleway",sans-serif}
h4{font-size:2.18rem;line-height:110%;margin:1.14rem 0 0.912rem 0}
p,a,li,label,input,blockquote,cite,div{font-family:"Muli",sans-serif}
p{color:#757575}
a{color:#1976D2}
a:hover{color:#2988e6;text-decoration:none}
a:focus{color:#12579b;text-decoration:none}
h1{font-weight:700}
h2,h3,h4{font-weight:600}
h5,h6{font-weight:500}
p,a,li{font-weight:400}
h6{font-size:1.4em}

.is-hidden{visibility:hidden}
.btn{padding-top:8px}
.social{z-index:0 !important}
video{border:3px solid black}
.black{background-color:black !important}
.hide-overflow{overflow:hidden !important}
.toast{background-color:#1976D2}

.card{position:relative;background-color:#fff;transition:box-shadow 0.25s;-webkit-transition:box-shadow 0.25s;border-radius:0 !important;margin:8px 0}
.card .card-content{padding:40px;border-radius:0 0 2px 2px}
.card .card-content p{line-height:1.5;color:inherit}
.card .card-content p:not(:last-child){margin-bottom:1em}
#home .menu{position:fixed;left:-225px;width:225px;height:100%;top:0;z-index:10;text-align:left;background:#375079}
#home .menu a{margin-left:30px;margin-right:30px;color:#616161;display:block;font-size:12px;font-weight:700;line-height:40px;letter-spacing:0.1em;text-transform:uppercase}
#home .menu a:hover{color:#1976D2}
#home .menu a:active{color:#1976D2}
#home .menu i{padding:7px}
#home .menu .menu-wrap{position:absolute;top:0;left:0;background:#f5f5f5;width:225px;height:100%;overflow-y:auto;padding-top:14px}
#home .menu .logo-flat{height:200px;margin-top:-14px;background:#375079}
#home .menu .logo-flat img{width:100%;padding:30px 44px 44px 44px}
#home .menu-open{left:0}
#home .body-push{overflow-x:hidden;position:relative;right:0}
#home .body-push-toright{right:225px}
#home .body-push-toleft{right:225px}
#home .menu,#home .body-push{transition:all 0.3s ease}
#home #menuToggle{position:absolute;top:20px;right:-65px;z-index:11;display:block;text-align:center;font-size:14px;width:40px;height:40px;line-height:40px;cursor:pointer;border:1px solid rgba(93,92,92,0.52);background:rgba(0,0,0,0.06);transition:all 0.5s ease-in-out}
#home #menuToggle:hover{background:rgba(0,0,0,0.3);transition:all 0.5s ease-in-out}
#home #menuToggle .toggle-normal{font-size:31px}
#home #menuToggle .toggle-normal i{font-size:31px;padding:4px;color:#1976D2}
#home #menuToggle .toggle-normal .top-bar{position:absolute;right:0;top:-6px;transition:0.8s}
#home #menuToggle .toggle-normal .middle-bar{position:absolute;right:0;top:0;opacity:1;transition:0.8s}
#home #menuToggle .toggle-normal .bottom-bar{position:absolute;right:0;top:6px;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:0.8s}
#home #menuToggle .top-transform{-webkit-transform:rotate(45deg) !important;transform:rotate(45deg) !important;-webkit-transform-origin:34% 56%;transform-origin:34% 56%}
#home #menuToggle .middle-transform{opacity:0 !important}
#home #menuToggle .bottom-transform{-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;-webkit-transform-origin:28% 43%;transform-origin:28% 43%}
#home .header-background{position:relative;display:block;width:100%;height:370px;background:url(../themes/michaeltowers/assets/images/backgrounds/kelowna-skyline.jpg) no-repeat;background-size:cover;background-position:bottom center}

#v-card-holder{overflow:visible;width:100%;height:auto;margin-top:-194px}
#v-card-holder #v-card{position:relative;width:100%;max-height:400px;overflow:hidden;transition:height 1s,color 1s,margin 1s;z-index:1;background:#375079;margin:-33px 3px 0 0}
#v-card-holder #v-card a{color:#FFF}
#v-card-holder #v-card .info-headings{max-width:514px}
#v-card-holder #v-card .info-headings h4{display:block;width:100%;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.29)}
#v-card-holder #v-card .info-headings h6{display:block;width:100%;font-weight:300;margin-top:-10px;margin-bottom:30px;font-size:1.2em;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.29)}
#v-card-holder #v-card .infos{max-width:515px;margin-top:99px}
#v-card-holder #v-card .infos .profile-list{}
#v-card-holder #v-card .infos .profile-list .title{display:block;float:left;color:#fff;line-height:26px}
#v-card-holder #v-card .infos .profile-list .title i{font-size:23px}
#v-card-holder #v-card .infos .profile-list .title .fa{padding-left:2px}
#v-card-holder #v-card .infos .profile-list .content{display:block;margin-left:30px;font-size:15px;font-weight:400;line-height:20px;color:#fff}
#v-card-holder #v-card .links{max-width:500px;margin-left:-12px;margin-top:12px;height:100%}
#v-card-holder #v-card .links .social{margin-left:12px;margin-bottom:4px}
#v-card-holder #v-card .links .social i{font-size:15px;vertical-align:middle;padding-bottom:15px}
@media screen and (max-width:400px){#v-card-holder #v-card .links .social{margin:4px}}
@media screen and (max-width:295px){#v-card-holder #v-card .links .social{margin:1px}}
@media screen and (max-width:990px){#v-card-holder #v-card .infos{max-width:278px}#v-card-holder #v-card .links{max-width:325px}#v-card-holder #v-card .info-headings{max-width:270px}}
#v-card-holder #v-card #profile{position:absolute;right:0;z-index:1}
#v-card-holder #v-card #profile img{width:400px;height:auto}
#v-card-holder #v-card #profile .slant{top:0;z-index:1;position:absolute;border-style:solid;border-width:400px 0 0 100px;border-color:rgba(223,50,50,0) transparent transparent #375079}
#v-card-holder #v-card #profile .add-btn{position:absolute;background-color:#1976D2;top:20%;right:86%;overflow:hidden}
#v-card-holder #v-card #profile .add-btn i{font-size:35px;color:#fff}
@media screen and (max-width:767px){#v-card-holder #v-card{position:relative;width:100%;overflow:visible;z-index:1;top:34px}#v-card-holder #v-card #profile{position:absolute;bottom:85%;left:0;width:150px;height:auto;margin-right:auto;margin-left:auto;z-index:1;background-color:transparent}#v-card-holder #v-card #profile img{width:150px;height:150px;border-radius:50%;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}#v-card-holder #v-card #profile .slant{display:none;opacity:0;overflow:hidden}#v-card-holder #v-card #profile .add-btn{display:none}#v-card-holder #v-card .social{top:0;margin-left:5px;margin-bottom:4px}#v-card-holder #v-card .infos{display:table;margin:0 auto;max-width:100%;padding:0}#v-card-holder #v-card .links{display:table;max-width:100%;padding:0;margin:0 auto 9px}#v-card-holder #v-card .links #first_one{margin-left:0}#v-card-holder #v-card .info-headings{max-width:100%;text-align:center;margin-top:38px}#v-card-holder #v-card .info-headings h6{margin-bottom:20px}#v-card-holder #v-card .card-content{padding:10px}}
#about{transition:all 1s}
#about .about-btn{height:auto;margin-right:auto;margin-left:auto;animation-delay:1s;text-align:center}
#about .about-btn .btn{margin:7px 7px;background:#375079;color:#fff;min-width:180px;border-radius:2px}
#about .about-btn .btn:hover{background:#32496e}
#testimonials #testimonials-card{background:#375079}
#testimonials #testimonials-card .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;border-radius:0;border:2px solid #1976D2}
#testimonials #testimonials-card .swiper-pagination .swiper-pagination-bullet-active{background:#1976D2;opacity:1}
#testimonials #testimonials-card blockquote{padding-top:2em;text-align:center;padding-bottom:20px;font-size:15px;color:#fff;border-left:none}
#testimonials #testimonials-card blockquote::before{content:"“";font-family:Georgia,serif;font-weight:bold;color:#1976D2;font-size:2em;line-height:0.1em;margin-right:0;vertical-align:-0.3em}
#testimonials #testimonials-card blockquote cite{display:block;margin:15px 0 0 0;font-style:normal}
#contact .card .card-content{}
#contact .card .card-content .input-field{position:relative;margin-top:1rem;margin-bottom:12px}
#contact .card .card-content .input-field label{left:0;font-weight:normal;top:0.5rem}
#contact .card .card-content .btn{background-color:#375079;width:115px;color:#fff;border-radius:2px;margin-top:7px}
#contact .card .card-content .btn:hover{background:#32496e}
#contact .card .card-content .thankyou{text-align:center}
#contact .card .progress{position:relative;height:4px;display:block;width:100%;background-color:#1976D2;border-radius:0;margin:-4px 0 0}
#contact .card .indeterminate{background-color:#fff}
#contact #myMap{width:100%;height:417px}
#contact #myMap .map-label{width:36px;height:36px;border-radius:50% 50% 50% 0;background:#1976D2;position:absolute;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}
@-moz-document url-prefix(){#contact #myMap{height:412px}}
@media screen and (max-width:480px){#contact #myMap{height:300px}}
#contact input:not([type]):focus:not([readonly]) + label,#contact input[type=text]:focus:not([readonly]) + label,#contact input[type=password]:focus:not([readonly]) + label,#contact input[type=email]:focus:not([readonly]) + label,#contact input[type=url]:focus:not([readonly]) + label,#contact input[type=time]:focus:not([readonly]) + label,#contact input[type=date]:focus:not([readonly]) + label,#contact input[type=datetime-local]:focus:not([readonly]) + label,#contact input[type=tel]:focus:not([readonly]) + label,#contact input[type=number]:focus:not([readonly]) + label,#contact input[type=search]:focus:not([readonly]) + label,#contact textarea.materialize-textarea:focus:not([readonly]) + label{color:#1976D2}
#contact input:not([type]):focus:not([readonly]),#contact input[type=text]:focus:not([readonly]),#contact input[type=password]:focus:not([readonly]),#contact input[type=email]:focus:not([readonly]),#contact input[type=url]:focus:not([readonly]),#contact input[type=time]:focus:not([readonly]),#contact input[type=date]:focus:not([readonly]),#contact input[type=datetime-local]:focus:not([readonly]),#contact input[type=tel]:focus:not([readonly]),#contact input[type=number]:focus:not([readonly]),#contact input[type=search]:focus:not([readonly]),#contact textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #1976D2;box-shadow:0 1px 0 0 #1976D2}
#contact input:not([type]),#contact input[type=text],#contact input[type=password],#contact input[type=email],#contact input[type=url],#contact input[type=time],#contact input[type=date],#contact input[type=datetime-local],#contact input[type=tel],#contact input[type=number],#contact input[type=search],#contact textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid gainsboro;border-radius:0;outline:none;height:2rem;width:100%;font-size:1rem;margin:6px 0 6px 0;padding:0;box-shadow:none;box-sizing:content-box;transition:all 0.5s}
#contact textarea.materialize-textarea{overflow-y:hidden;resize:none;min-height:5rem}
#scrollup{color:#fff;height:45px;width:45px;cursor:pointer;font-size:28px;background:#1976D2;border:1px solid #1976D2;text-align:center;position:fixed;bottom:21px;right:18px;z-index:5;box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);display:none;transition:0.3s}
footer{width:100%;height:auto;color:#fff;margin-bottom:9px}
.back-button{height:45px;width:45px;cursor:pointer;font-size:28px;background:#1976D2;border:1px solid #1976D2;text-align:center;position:fixed;top:21px;left:18px;z-index:8;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);transition:0.3s}
.back-button i{color:#fff;padding-right:3px;padding-top:8px}
.single-background{position:relative;display:block;width:100%;height:370px;background:url(../themes/michaeltowers/assets/images/backgrounds/background.jpg) no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}.single-page{margin-top:-320px}
.single-page .section-title{position:relative;color:#fff}
.single-page .section-title i{color:#375079;padding:12px}
.single-page .section-title img{width:66px;padding:10px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:-2px 12px 12px 12px}
.single-page aside{margin-top:-9px}
.single-page .post{position:relative;background:#fff}
.single-page .post .post-image{height:auto}
.single-page .post .post-image img{max-width:100%}
.single-page .post .post-image .swiper-container{background:black}
.single-page .post .post-image .swiper-container .swiper-pagination{}
.single-page .post .post-image .swiper-container .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;border-radius:0;border:2px solid #1976D2}
.single-page .post .post-image .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#1976D2;opacity:1}
.single-page .post header{padding:20px;background:#375079;color:#fff}
.single-page .post header h3{margin:0 0 15px;padding:0 0 15px}
.single-page .post header time{font-size:14px;float:right;margin-top:10px}
.single-page .post header h1{margin:0 0 15px;font-size:24px}
.single-page .post header hr{border-top:3px solid #fff}
.single-page .post header .post-details{font-size:12px;width:90%}
.single-page .post .post-body{padding:20px}
.single-page .post .post-body .client-info{border-left:4px solid #1976D2;padding:0 0 0 6px}
.single-page .post .post-body .client-info p{margin:0}
.single-page .disqus-comment{padding:20px}
.single-page .widget-holder{}
.single-page .widget-holder h4{background:#375079;color:#fff;font-size:24px;padding:15px}
.single-page .widget-holder .widget{padding:20px}
.single-page .widget-holder .widget .Media{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;margin-bottom:1em;padding:5px;transition:box-shadow 0.5s;box-shadow:none;cursor:pointer}
.single-page .widget-holder .widget .Media .Media-figure{margin-right:1em;width:75px;border-radius:50%}
.single-page .widget-holder .widget .Media .Media-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.single-page .widget-holder .widget .Media .Media-body .Media-title{margin:0 0 0.5em;font-size:18px}
.single-page .widget-holder .widget .Media .Media-body:last-child{margin-bottom:0}
.single-page .widget-holder .widget .Media:hover{box-shadow:inset -3px -3px 0 1px #1976D2}
.single-page .widget-holder .widget .categories li{display:inline}
.single-page .widget-holder .widget hr{margin-top:0;margin-bottom:18px}
.single-page .widget-holder .widget .chip{margin:5px;background-color:#1976D2;color:#fff}
.single-page .chip{margin:5px;background-color:rgba(0,0,0,0.3);color:#fff}
.single-page .chip:first-child{margin-left:0}
.single-page .project-detail p{color:#fff}
.single-page .project-detail p strong{padding:12px}
.single-page a{color:#fff}
hr{border-top:1px solid #fff}
.single-footer{margin:0}