/* ------------------- @FONT FACES START ------------------- */

/* ------------------- GENERAL CSS ------------------- */

* {margin:0px;padding:0px;}

html{overflow-x:hidden;}

body {color:#444444;font-family:"Roboto",sans-serif; overflow-x:hidden !important;}

a{text-decoration: none;}

img{border:none;}

header, footer, section, aside, nav, article, img, a, p, input, textarea, select{outline:none;}

label, select{outline:none; cursor:pointer;}

input:focus, textarea:focus, select:focus{outline:0;outline:thin dotted \9;}

h1 span{color: #1c355e ;}

p{font-size: 14px; color: #777; padding: 0; padding: 0;-webkit-font-smoothing: antialiased;}

.sub1,.sub2, .sub3, .sub4, .sub5, .sub6{ width:48%;display:block;}

.bottom-arrow{width:100%; float:left; text-align:center; margin-top:0px; display: none;}

/* ------------------- Header CSS FOR ALL SECTIONS ------------------- */



.right_icon{display:none; text-align:center;}

.right_icon i{color:#fff; font-size:28px; padding:8px 0 0;}

.mobile-header-slider{display:none; height:100%; width:100%;}

.propertyfundmanagers-section-inner{float:left;height:100%;position:relative;width:100%;}

.video-section{height:95%;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:0;width:100%;}

.video-section img{width: 100%;height: auto;top: 85px;position: relative;}

.about{height:40% !important;}

#videoPlayer{display:none;height:auto;left:0;min-height:100%;min-width:100%;position:absolute;top:0;width:auto;}

.video-texture{background-color: rgba(0,0,0,0.5);background-image:url("../images/video-texture.png");background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;overflow:hidden; opacity:0.9;

box-shadow: inset 0px 190px 40px -80px rgba(0,0,0,0.5);

-webkit-box-shadow: inset 0px 190px 40px -80px rgba(0,0,0,0.5);

-moz-box-shadow: inset 0px 190px 40px -80px rgba(0,0,0,0.5);}

.video-texture2{background-color: rgba(0,0,0,0.5);background-image:url("../images/video-texture.png");background-repeat:repeat;height:100%;left:0;width:100%;z-index:1;overflow:hidden; opacity:0.9;}

.joinus_main .video-texture{background-image:url("../images/video-texture.png");background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;overflow:hidden; opacity:0.6;}

.logo img{max-width:220px; margin-top:-10px;}

.logo-1{background:#1c355e;border-radius: 4px 4px;padding-top: 1%; }

.parallax-eg .bs-main-tag-line p{color:#aaa; text-align:right; font-weight:300; margin:0; padding:1.5% 0 0; text-shadow: 0 1px 1px #fff;}

.headerfix .parallax-eg .bs-main-tag-line p{padding:0% 0 0;}

.owl-carousel{cursor:url("../images/grabbing.png") 8 8, move;}

.left-header-box{width:80%; position:relative; float:left;padding-right:0%; margin-left:0;padding-left:0;}

.left-header-box h3{letter-spacing:0px !important; color:#fff; /*font-size:2.5vw;*/ font-weight:900; line-height:1.3; margin-top:17%;text-shadow: 0px 1px 18px rgba(0,0,0,0.9);}

.left-header-box p{ font-size:16px; font-weight:200; color:#fff; padding-top:2%;}

.right-header-box{ background:rgba(0,0,0,0.7); padding:1% 3%; color:#fff; font-size:14px; width:26%; float:right; position:relative;}

.right-header-box ul{padding:2% 0;}

.right-header-box ul a{color:#fff; font-weight:300;}

.right-header-box li{padding:2% 0 3.5%; margin-left:1%; font-size:14px; font-weight:300; text-transform:lowercase; display:flex;}

.right-header-box ul {list-style:none;}

.right-header-box ul li:before {content: '✓'; display:inline; padding-right:4%; font-weight:bold; color:#1c355e ;}



.white{background:#fff !important; padding:10% 0;}

.right-header-box2{  padding:1% 3%; color:#fff; font-size:17px; width:100%; float:left; position:relative;}

.right-header-box2 ul{padding:2% 0;}

.right-header-box2 ul a{color:#fff; font-weight:300;}

.right-header-box2 li{padding:1% 0 0.5%; margin-left:1%; font-size:17px; font-weight:300; text-transform:lowercase; display:flex;}

.right-header-box2 ul {list-style:none;}

.right-header-box2 ul li:before {content: '✓'; display:inline; padding-right:4%; font-weight:bold; color:#cf0 ;}

.toppo{margin-top:0% !important}

.pull_right{float:right !important;}



/*.fa-check { display: block; }

.fa-check::before {color: #1c355e ; }*/

.right-header-box h4{font-weight:900; font-size:19px; margin-bottom:8%;}

.right-header-box .vid-text{ font-size:13px;}

.right-header-box a{color:#1c355e ;}

.right-header-box a:hover{color:#1c355e ;}

.enders{color:#999; font-size:12px; text-align:left; width:100%; float:left;}

.right-header-box .vid-text{padding:4% 0 4%; font-weight:300; color:#fff;}

.hso_vid{padding:0% 0;}

.ytp-watermark{display:none !important;}

.profits_box{position:fixed; bottom:0;  background:#fff; color:#1c355e ; font-size:15px; padding:5px 1%; z-index:1; font-weight:500;}

.savvy_bit_content{padding:15% 0 0;}

.home_footer_content{padding:0 15% 0 0;}

.action_button{width:100%;/* background:#fff;*/ text-align:left; font-size:13px; color:#777; /*text-shadow:0px 1px 1px #fff;*/ padding: 8% 0 14% ; position:relative; z-index:99;}

.action_button h2{color:#777; font-weight:300;font-size:26px}

.action_button container{padding:2% 0; }

.action_button_sec{width:50%; margin:0;}

.action_button_sec .fa{width:100%;text-align:center; height:2.5vw; padding:2%; font-size:30px; margin-top:1.5%; margin-left:1.5%;/*color:#dedede;*/ opacity:0.7; }

.action_button_sec p{float:right; width:100%; font-size:15px; color:#555;font-weight:300; letter-spacing:0.5px; margin:0; padding:3%;text-align:center;}

.action_button_sec li{display:inline-table; width:45%;background: #f0f0f0; margin: 0 2%; border-radius: 6px; min-height: 56vh; padding:5% 2%; vertical-align:middle; position:relative; border-right:1px dotted #ddd; text-align:center;  /*text-shadow:0 1px 1px #999;*/height: 6vw;max-height: 6vw; vertical-align:top;}

.action_button_sec_hover:hover {background: #fff; transition:all 0.5s ease-in-out; moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; o-transition:all 0.5s ease-in-out; position:relative; color:#1c355e ;}

.action_button_sec_hover a:hover{color:#1c355e ; text-decoration:none; }

.action_button_sec li a:hover{color:#ccff00 !important; opacity:1 !important;}

.action_button_sec li:hover{color:#ccff00 !important; opacity:1 !important;}

.action_button_sec_hover .fa:hover{color:#1c355e ; text-decoration:none; opacity:1 !important; }

.action_button_sec_hover a{color:#777;}

.action_button_sec_hover a:hover{color:#ccff00 !important; }

.action_button_sec h2{font-size:24px; font-weight:400; width:100%;}

.action_button_sec_hover h1{font-size:34px; margin-top:5%; font-weight:800; min-height:70px; color:#333;}

.action_backgrnd{background: url(../images/graphlines.png) repeat-x left bottom;

    background-color: rgba(0, 0, 0, 0);

    background-image: url("../images/graphlines.png");

    background-repeat: repeat-x;

    background-attachment: scroll;

    background-clip: border-box;

    background-origin: padding-box;

    background-position-x: left;

    background-position-y: bottom;

    background-size: auto auto;

padding-bottom: 0px;

width: 100%;

height: 100%;

position: absolute;

left: 0;

top: 0;

z-index: -6;

}

.v2{top:15vw !important; }

.gradient {

    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 92%, rgba(255,255,255,1) 100%);

    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

    position: absolute;

    z-index: 20;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

}





.social_linkage .fa:hover {

    opacity: 0.6;

	  text-decoration: none;

	  color:#fff;

}



.fa-facebook {

  background: #3B5998;

  color: white;

}



.fa-twitter {

  background: #55ACEE;

  color: white;

}



.fa-google {

  background: #dd4b39;

  color: white;

}



.fa-linkedin {

  background: #007bb5;

  color: white;

}



.fa-youtube {

  background: #bb0000;

  color: white;

}

.fa-instagram {

  background: #125688;

  color: white;

}



.fa-pinterest {

  background: #cb2027;

  color: white;

}



.fa-snapchat-ghost {

  background: #fffc00;

  color: white;

  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}



.fa-skype {

  background: #00aff0;

  color: white;

}



.fa-android {

  background: #a4c639;

  color: white;

}



.fa-dribbble {

  background: #ea4c89;

  color: white;

}



.fa-vimeo {

  background: #45bbff;

  color: white;

}



.fa-tumblr {

  background: #2c4762;

  color: white;

}



.fa-vine {

  background: #00b489;

  color: white;

}



.fa-foursquare {

  background: #45bbff;

  color: white;

}



.fa-stumbleupon {

  background: #eb4924;

  color: white;

}



.fa-flickr {

  background: #f40083;

  color: white;

}



.fa-yahoo {

  background: #430297;

  color: white;

}



.fa-soundcloud {

  background: #ff5500;

  color: white;

}



.fa-reddit {

  background: #ff5700;

  color: white;

}





.social_linkage li{display:inline-block; margin: 5px 2px;}

.social_linkage ul{width:100%; color:#fff;}

.social_linkage .fa{ font-size:16px; padding:30%; width:35px; height:35px;  text-align: center; }

.social_linkage{margin-top:-50px; font-size:13px; color:#fff;}

.apply_container h2{color:#1c355e ; font-weight:300; font-size:26px;}

.boxinbox h2{padding: 0.5% 4% 1%;

font-size: 18px;

letter-spacing: 0 !important;

font-weight: 400;

}

.application_box{border: 1px solid #ccc;

    padding: 0.5%;

    position: relative;

display:inline-block;

    background: #ededed;

}

.pro_application .application_box{width:100%;}

.video-how{/*border:2px solid #fff;*/ border-radius:50px; color:#fff; font-weight:300; font-size:13px; float:left;  /*padding:0.5% 1.5%;*//* min-width:380px;*/ line-height:28px; bottom:0.5%; position:absolute;z-index:1;}

.surround{border:1px solid #ccc; border-radius:100px; padding:1.5%; width:26px; height:26px; text-align:center;  line-height:14px; display:inline-block; }

.question{padding:20% 0 10%; width:85%; margin:0 auto; }

.question h1{font-size:45px; font-weight:800; text-align:center;padding-bottom:3%; color:#333;}

.question p{ font-weight:300; padding-top:8%; font-size:20px; margin:0 auto; position:relative; border-bottom: 1px dashed #ccc; padding-bottom:15%; color:#1c355e ; letter-spacing:-0.4px;}

.question button{min-width:150px; min-height:35px; margin:0 auto; position:relative;color:#333; background:#ddd; border:none; border-radius:6px; text-transform:uppercase; font-size:22px; font-weight:900;text-shadow: 1px 1px 1px #fff;}

.question button:hover{background:#1c355e ; color:#fff;text-shadow:none;}

.logo_icon_popup_content_left{letter-spacing:0px;}

.quest_but{margin:0 auto; position:relative; width:100%;}

.quezzy{margin:0 auto; position:relative; text-align:center; color:#ddd; font-size:20px; font-weight:300;}

.question small{font-size:22px; color:#333;}

.video-how a{color:#bbb;}

.colr_org .mfp-close{position:relative !important; width:auto !important; height: auto !important;}

#no_popup p{line-height:1.5em; font-weight:400;}

#no_popup .colr_org {color:#b2268f; font-weight:bold;}

#yes_popup p{color:#B2268F; font-size:18px; font-weight:bold; padding-bottom:4%;}

#no_popup p{color:#333; font-size:18px; font-weight:300 !important;}

.video-how a:hover{color:#1c355e ; text-decoration:none;}

.pricing-header{    font-size: 36px;

font-weight:900;

    line-height: 1.5;

    background: #333333;

    color: #fff;

    padding: 14px 21px;

    /*border: 1px solid #e0e0e0;*/

    -webkit-border-radius: 0px 0px 0 0;

    -moz-border-radius: 0px 0px 0 0;

    border-radius: 0px 0px 0 0;

	text-align:center;

}



.pricing-header span{font-weight:300; font-size:22px; display:block; text-align:center;}

.pricing-block{ padding:3% 0%; border-radius:6px; font-weight:300;}

.pricing-content li{margin:0 4% 0 8%; padding:0 0 4% 0; list-style:none;}

.pricing-content ul li::before {

    color: #1c355e ;

    content: "✓";

    display: inline;

    font-weight: bold;

    padding-right: 4%;}

.pricing-content{/*background:#fff;*/ padding:5%; min-height:25vw;}

.pricing-content p{min-height:7vw;}

.pricing-grid {

    position: relative;

    overflow: hidden;

    margin: 0 0 1.5em;

    background: #fff;

    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);

    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);

    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

	padding-bottom:6%;}

.price {

    border-bottom: 1px solid #e5e5e5;

    border-color: rgba(0, 0, 0, .1);

	    margin: 0;

    padding: 21px; display:none;}

.main{ margin-top:28%;}

.signup_btn .main{ background:#ff000}

.login_box{max-width:550px !important;}

 .submit_main_btn{margin-top:2%;}

 .mini_create{position:relative; margin:5% 0;}

.bgshad{background: url(../images/map.gif) fixed no-repeat left bottom;

background-color:#ebebeb;background-position-x: -26vw;

background-position-y: 9vw; position:relative; overflow:hidden;}

.bgshad2{background: url(../images/fullscreenslideshow/FIGURES.jpg) fixed no-repeat left bottom;

background-color:#ebebeb;background-position-x: -26vw;

background-position-y: 0vw; position:relative; overflow:hidden;}

.bgshad3{    background: #333 url(../images/fullscreenslideshow/5_services.jpg) no-repeat fixed 16vw 0vw / 100% auto;

    overflow: hidden;

    position: relative;}

.bgshad4{background: url(../images/fullscreenslideshow/partnerships.jpg) fixed no-repeat left bottom;

background-color:#ebebeb;background-position-x: 0vw;

background-position-y: 0vw; position:relative; overflow:hidden; min-height:265px;}

.bgshad5{background: url(../images/fullscreenslideshow/white-background-5.jpg) fixed no-repeat left bottom;

background-color:#ebebeb;background-position-x: 0vw;

background-position-y: 0vw; position:relative; overflow:hidden; min-height:265px; box-shadow: -3px 8px 12px -9px rgba(0, 0, 0, 0.1) inset;}

.bgshad6{background: url(/*../images/fullscreenslideshow/BUILDING.jpg*/) fixed no-repeat left bottom;

background-color:#ffffff;background-position-x: 0vw;

background-position-y: 0vw; position:relative; overflow:hidden; min-height:265px;}

.scraper{position:inherit;transform: translateY(-0%); background:#333;}

.scraper li{color:#fff; text-shadow:none;}

.scraper h2{color:#fff;}

.owly{}

.steps .fa{ color:#ccc;}

.minimal_pad{padding:0% 0 0 !important;}

.minimal_margin{margin-top:0 !important;}

.no_border_right{border-right:none !important;}

.application_container{background: url(../images/lines.png) fixed no-repeat left bottom;}

.application_sub1 ol{ margin: 0; padding: 1% 4% 2%;}

.application_sub1 ol li{margin-left:4%;   /*letter-spacing: 1px;*/ margin-bottom: 0%;  padding:0 3% 2% 3%;position: relative; font-size:15px; font-weight:300; color:#333;}

.handyz{}

.application_sub1 ol h3{padding:0 0 0% 0;  margin-top: 2%; font-weight:300;}

.gone{background:none !important;}

.gone ul li {margin-left:5%; font-size: 14px;font-weight: 300; margin-bottom:1%;}

.gone ul li::before{color: #1c355e ;content: "✓";display: inline;font-weight: bold;padding-right: 4%;}

.strategy_img img{margin-top:-8%;}

.gone ul{list-style: outside none none; margin: 0% 0 0;}

.formpages .about_body{ margin-bottom:0;}

.apply_container .gone h2{padding:2% 0 3%;}

.create .apply_container{margin-bottom:0 !important;}

.nav ul li ul{display: none; }

.nav ul li:hover ul{display: block; }

.nav-content:active{max-height:400px;}

.become_savvy_content_left_inner{}

.savvy_bit_contentB IMG{width:75%; height:auto; padding: 10% 5%; display:block; margin:auto;}

.savvy_bit_contentB .col-sm-3{max-height:100px; text-align:center;}

button.accordion {

    background-color: #eee;

    color: #444;

    cursor: pointer;

    padding: 18px;

    width: 100%;

    border: none;

    text-align: left;

    outline: none;

    font-size: 15px;

 /*   transition: 0.4s;*/

}



button.accordion.active, button.accordion:hover {

    background-color: #1c355e ; color:#fff;

	transition:none;

}







button.accordion:after {

    content: '\002B';

    color: #777;

    font-weight: bold;

    float: right;

    margin-left: 5px;

	width:2%;

}



button.accordion.active:after {

    content: "\2212";

	color:#fff;

}



div.panel {

    padding: 0 6%;

    background-color: white;

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

}

div.panel {

    margin:0 !important;

}

.accordian .panel{margin-bottom:0; }

.accordion h4{margin:0; padding: 0; font-weight: 300;width: 92%;float: left; font-size:16px; display:contents;}

.accordion span{border-radius: 4px;

background: #fff;

color: #777;

float: left;

width: 22px;

height: 22px;

text-align: center;

margin-right: 1%;



}



.joinus_sec_content p{color:#fff; font-weight:300;}

.col-md-98{float:left;width:25%; display:inline-block; text-align:center; margin:5% auto 0%;}

.col-md-99{width:26%;padding:2%;border-right: 1px dotted #ccc;line-height: 50px;min-height: 6vw;}

.col-md-97{width:37%;padding:2%;border-right: 1px dotted #ccc;line-height: 50px;min-height: 6vw;position: relative;}

.savvy_bit_contentB ul{padding-left:10%;}


.solid{background:#ffffff; height:100%;}

.portal{}

.portal p{font-size:17px; font-weight:300; color:#333; }

.loginlogo{padding-bottom:2%;}

.portalcontinue{background:#47A838; color:#fff; text-align:center; border-radius:8px; padding:2% 6%; float:left; width:100%;}

.portalcontinue:hover{background:#2D7322; color:#fff; text-decoration:none;}



.loginsmall{font-size: 13px !important;

position: fixed;

bottom: 0;

right: 5%;

}



.contacttext h2 small{color:#0B7BC1;}



/*--------------------------------------*/



.yamm {

			margin: 0 0 50px;

		}

    /* Grid demo styles */

    .layout-demo,

    .grid-demo {

      padding: 10px 20px;

    }

    .layout-demo [class*="span"] {

      line-height: 80px;

    }

    .grid-demo [class*="span"] {

      line-height: 30px;

    }

		.grid-demo [class*="span"],

    .layout-demo [class*="span"] {

			background: #eee;

			margin-top: 5px;

      margin-bottom: 5px;

			font-size: 12px;

			text-align: center;

      font-weight: bold;

		}

		.grid-demo [class*="span"]:hover,

    .layout-demo [class*="span"]:hover {

			background: #ddd;

		}

    /* End Grid demo styles */

    .yamm .accordion, .yamm-nav,

    .yamm table, .yamm form,

    .yamm .thumbnails li {

      margin-bottom: 0;

    }

	

	.nav > li.dropdown.open { position: static; }

.nav > li.dropdown.open .dropdown-menu {display:table; width: 70%; text-align: center; left:0; right:0; }

.dropdown-menu>li { display: block; text-align:left; margin:0 !important; }

.globaled{background:none; border:none; float:right; width:100%; margin-bottom:0;}

.globaled .navbar-nav > li{padding:1% 2%; width:20%;}

.globaled .navbar-nav > li > a{padding:1% 3%; font-weight:300 !important; text-transform:lowercase; font-size:13px !important; color:#aaa !important; text-align:center;}

.globaled .navbar-nav > li > .dropdown-menu{margin-top:5px; padding: 0 !important;}

.globaled .navbar-nav > li > .dropdown-menu a:hover{background:#ffffff !important;}

.globaled .navbar-nav{float:right; width:100%; right:-35%; position:relative; display:none; }

 .navbar-default .globaled .navbar-nav > .active > a, .navbar-default .globaled  .navbar-nav > .active > a:focus, .navbar-default .globaled .navbar-nav > .active > a:hover{background:none !important; color:#ccff00 !important; }

.bs-inner-header .container{}

.partnerships .middle_inside h1{/*font-size:28px;*/ width:70%; margin:0 auto; padding: 8% 0; border-bottom: 2px dotted #bbb;border-top: 2px dotted #bbb;}



.dropdown-menu > li .fa{color:#1c355e ; font-size:10px; display:inline-block;}

.values li {margin-bottom:3%;}

.values{list-style:none; width:90%; /*font-size:15px;*/}

.values li b{margin-bottom:2%;font-size: 16px;font-weight: 500;}

.commitmentscroll{display:block;padding-top:60px;margin-top:-60px;}

.valuesscroll{    display:block;padding-top:160px;margin-top:-160px; }

.historyscroll{display:block;padding-top:160px;margin-top:-160px;}

.historybox{margin:8% auto;}

.submit_but { background: #2184be;

color: #fff !important;

display: block;

padding: 1em;

text-decoration: none;

-webkit-border-radius: 5px !important;

-moz-border-radius: 5px !important;

border-radius: 5px !important;

float: right;

border: none !important;

}

.submit_but:hover{background:#115C88;}

.hsocycle{padding:0;}

.hsocycle img{width:100%; height:auto; position:relative;}



.strategy hr{ border-top: 7px solid #eee !important;padding-bottom:5%; margin-bottom: 20px; margin-top: 20px;}

.strategy h3{}

.h1, .h2, .h3, h1, h2, h3, h4{letter-spacing: -1.5px !important;}

h4{letter-spacing:0 !important}

.partition{/*width:1px; height:5vw; background:#ccc;*/}

.steps .col-md-6{min-height:10vw;}

.steps .pull-left h3 {text-align:right;}

.steps .pull-right h3 {text-align:left;}

.steps .pull-left p {text-align:right;}

.steps .pull-right p {text-align:left;}

.steps p{font-size:15px; font-weight:300;}

.steps h3{font-size:28px; font-weight:800; text-transform:uppercase; color:#007CFF;}

.steps{/*margin-top:6% !important;*/ padding:0 5%;}

.line{border-right:3px solid #333;}

.steptop{margin-bottom:0 !important}

.no-float{float:none !important;}

.section_nine{margin-top:5% !important;}

.pricing1{margin-top:2% !important;}

.linestep{border-bottom:2px dotted #ccc; padding:2% 4%;}

.middle_inside p{/*font-size:15px;*/ font-weight:300;}

.how_it_works .middle_inside p{/*font-size:15px;*/ font-weight:300;}

.pricing-content ul{min-height:13vw; border-top:1px dotted #cccccc; padding-top:8%;}

.stages{margin-bottom:5%;}

/*------------------------------contact styling------------------     */

/* Generic */

body {position:relative;}

.contactMe * {outline:none;font-size:14px;color:#000;}

.contactMe {width:auto;box-sizing:border-box;padding:0 4% 0 0;margin:0 auto;background:#ffffff;border-right:dashed 1px #CCCCCC;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}

.contactMe.xsmall {max-width:300px;}

.contactMe.small {max-width:400px;}

.contactMe.medium {max-width:500px;margin-top:7%; margin-bottom:5%;}

.contactMe > header {padding:30px 30px 00px 30px; display:none;}

.contactMe > header > hr {display:none;}

.contactMe > section {background:#FFF;padding:30px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius: 0 0 10px 10px;}

.contacttext{padding-right:10%;}

.contacttext h2{padding-top:0; margin-top:0 !important;}

.contacttext  p{font-size:15px;}

/* Form fields */

.contactMe .form-row {width:100%;margin-bottom:10px;}

.contactMe .form-row.two {font-size:0;}

.contactMe .form-row.two > div {display:inline-block;width:calc(50% - 5px);}

.contactMe .form-row.two > div:first-child {margin-right:10px;}

.contactMe .form-row.three {font-size:0;}

.contactMe .form-row.three > div {display:inline-block;width:calc(33% - 6px);vertical-align:top;}

.contactMe .form-row.three > div:nth-child(2) {width:calc(34% - 8px);margin-left:10px;margin-right:10px;}

.contactMe .form-row .title {font-size:11px;line-height:12px;text-transform:uppercase;text-align:left;margin-bottom:3px;display:none;}

.contactMe .field {box-sizing:border-box;background:#f9f9f9;font-size:14px;width:100%;}

.contactMe.xsmall .field {font-size:13px;}

.contactMe input {height:40px;border:solid 1px #E4E4E4;font-size:14px;line-height:14px;padding-left:10px;padding-right:10px;background:#FFF;}

.contactMe input[type=file] {cursor:pointer;padding-top:10px;padding-bottom:10px;}

.contactMe textarea {resize:none;height:100px;border:solid 1px #E4E4E4;font-size:14px;line-height:14px;padding:10px;background:#FFF;}

.contactMe input::-webkit-input-placeholder,

.contactMe textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */

  color:#9B9B9B;

}

.contactMe input::-moz-placeholder,

.contactMe textarea::-moz-placeholder { /* Firefox 19+ */

  color:#111111;

}

.contactMe input:-ms-input-placeholder,

.contactMe textarea:-ms-input-placeholder { /* IE 10+ */

  color:#9B9B9B;

}

.contactMe input:-moz-placeholder,

.contactMe textarea:-moz-placeholder { /* Firefox 18- */

  color:#9B9B9B;

}

.contactMe .field.cm-date {cursor:pointer;padding-right:36px;background-repeat:no-repeat;background-size:20px 20px;background-position:right 8px center;background-image:url(../imgs/cal1.png);}

.contactMe .field.cm-time {cursor:pointer;padding-right:36px;background-repeat:no-repeat;background-size:20px 20px;background-position:right 8px center;background-image:url(../imgs/time1.png);}

/* Datepicker plugin overrides */

.datepicker-dropdown .datepicker-days thead .dow {font-weight:bold;}

.datepicker-dropdown .datepicker-days tbody .day.today {background:none;color:#3F9FFF;font-weight:bold;}

.datepicker-dropdown .datepicker-days tbody .day.active {background:#3F9FFF;color:#FFF;font-weight:bold;}

.datepicker-dropdown .datepicker-days tbody .day.today:hover {background:#EEE;}

.datepicker-dropdown .datepicker-days tbody .day.active:hover {background:#3F9FFF !important;}

.datepicker-dropdown .datepicker-days tbody .day.old,

.datepicker-dropdown .datepicker-days tbody .day.new {color:#CCC;}

/* File field */

.contactMe .form-row.file input {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}

.contactMe .form-row.file label {width:100%;font-size:22px;line-height:24px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:block;overflow:hidden;padding:8px 20px 8px 55px;box-sizing:border-box;position:relative;}

.contactMe .form-row.file label i {position:absolute;top:0;left:0;width:40px;height:40px;background-color:#3F9FFF;background-repeat:no-repeat;background-size:26px 26px;background-position:left 7px center;background-image:url(../imgs/arrow-up.png);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.contactMe .form-row + .form-row.file,

.contactMe .form-row.file + .form-row {margin-top:20px;}

.contactMe .form-row.file:hover label i {opacity:0.9;}

/* Select 2 overrides */

.contactMe .select2-container {width:100% !important;text-align:left;}

.contactMe .select2-container .select2-selection {height:40px;border:solid 1px #E4E4E4;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background:#FFF;}

.contactMe .select2-container .select2-selection .select2-selection__arrow {height:40px;width:30px;top:0;right:0;}

.contactMe .select2-container .select2-selection .select2-selection__arrow b {border-width:7px 5px 0 5px;}

.contactMe .select2-container.select2-container--open .select2-selection .select2-selection__arrow b {border-width:0 5px 7px 5px;}

.contactMe .select2-container .select2-selection .select2-selection__rendered {height:38px;color:#000;font-size:14px;line-height:38px;padding-left:10px;padding-right:30px;}

.contactMe.xsmall .select2-container .select2-selection .select2-selection__rendered {font-size:13px;}

.contactMe .select2-container .select2-selection__clear {width:20px;text-align:right;font-size:18px;color:#888;}

.contactMe .select2-container .select2-selection__placeholder {color:#9B9B9B;}

.contactMe.xsmall .select2-container .select2-selection__placeholder {font-size:13px;}

.select2-dropdown {border-color:#E4E4E4;}

.select2-dropdown .select2-results li {font-size:14px;line-height:14px;padding:13px 10px;}

.select2-dropdown .select2-search {padding:9px 10px;}

/* Google reCAPTCHA */

.contactMe .re-captcha {margin-top:20px;margin-bottom:10px;}

/* Google Invisible reCAPTCHA */

.contactMe .re-captcha.invisible {margin:0;}

.contactMe .grecaptcha-badge {display:none;}

/* Messages box */

.contactMe .msg {display:none;padding:12px 20px 12px 40px;font-size:12px;line-height:16px;text-transform:uppercase;margin:20px 0 10px 0;background-repeat:no-repeat;background-size:20px 20px;background-position:left 12px top 12px;}

.contactMe .msg.error {color:#FFF;background-color:#FFA12A;background-image:url(../imgs/x.png);}

.contactMe .msg.success {color:#FFF;background-color:#00D466;background-image:url(../imgs/tick.png);}

.contactMe .msg strong {color:inherit;}

/* Submit button */

.contactMe .btn {border:0;background:#3F9FFF;color:#FFF;font-weight:400;cursor:pointer;padding:12px 40px;margin-top:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; width:100%;}

.contactMe .btn:hover {opacity:0.9;}

/* Theme Modern */

.contactMe.theme-modern > header {padding-bottom:10px;}

.contactMe.theme-modern .form-row {margin-bottom:20px;}

.contactMe.theme-modern .form-row .title {display:block;color:#858585;font-weight:400;padding-left:10px;}

.contactMe.theme-modern input {padding-left:20px;padding-right:20px;background:#EAEAEA;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}

.contactMe.theme-modern > header input {background:#FFF;}

.contactMe.theme-modern textarea {padding:15px 20px;background:#EAEAEA;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

.contactMe.theme-modern > header textarea {background:#FFF;}

.contactMe.theme-modern .select2-container .select2-selection {background:#EAEAEA;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}

.contactMe.theme-modern > header .select2-container .select2-selection {background:#FFF;}

.contactMe.theme-modern .select2-container .select2-selection .select2-selection__arrow {right:10px;}

.contactMe.theme-modern .select2-container .select2-selection .select2-selection__rendered {padding-left:20px;padding-right:40px;}

.contactMe.theme-modern .select2-container .select2-selection__placeholder {color:transparent;}

.contactMe.theme-modern input::-webkit-input-placeholder,

.contactMe.theme-modern textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */

  color:transparent;

}

.contactMe.theme-modern input::-moz-placeholder,

.contactMe.theme-modern textarea::-moz-placeholder { /* Firefox 19+ */

  color:transparent;

}

.contactMe.theme-modern input:-ms-input-placeholder,

.contactMe.theme-modern textarea:-ms-input-placeholder { /* IE 10+ */

  color:transparent;

}

.contactMe.theme-modern input:-moz-placeholder,

.contactMe.theme-modern textarea:-moz-placeholder { /* Firefox 18- */

  color:transparent;

}

.contactMe.theme-modern .field.cm-date {background-image:url(../imgs/cal2.png);}

.contactMe.theme-modern > header .field.cm-date {padding-right:46px;background-position:right 18px center;}

.contactMe.theme-modern .field.cm-time {background-image:url(../imgs/time2.png);}

.contactMe.theme-modern > header .field.cm-time {padding-right:46px;background-position:right 18px center;}

.contactMe.theme-modern .btn {width:100%;}

/* Theme London */

.contactMe.theme-london {background:#FFF;}

.contactMe.theme-london > header {padding-bottom:0;}

.contactMe.theme-london > header > hr {display:block;padding:0;margin:0;border:none;border-bottom:solid 1px #454545;padding-top:10px;}

.contactMe.theme-london .form-row {margin-bottom:20px;}

.contactMe.theme-london .form-row .title {display:block;color:#454545;font-weight:bold;}

.contactMe.theme-london input {border:solid 1px #B0B0B0;}

.contactMe.theme-london textarea {border:solid 1px #B0B0B0;}

.contactMe.theme-london .form-row.file label i {background-color:#454545;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}

.contactMe.theme-london .select2-container .select2-selection {border:solid 1px #B0B0B0;}

.contactMe.theme-london .select2-container .select2-selection__placeholder {color:transparent;}

.contactMe.theme-london input::-webkit-input-placeholder,

.contactMe.theme-london textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */

  color:transparent;

}

.contactMe.theme-london input::-moz-placeholder,

.contactMe.theme-london textarea::-moz-placeholder { /* Firefox 19+ */

  color:transparent;

}

.contactMe.theme-london input:-ms-input-placeholder,

.contactMe.theme-london textarea:-ms-input-placeholder { /* IE 10+ */

  color:transparent;

}

.contactMe.theme-london input:-moz-placeholder,

.contactMe.theme-london textarea:-moz-placeholder { /* Firefox 18- */

  color:transparent;

}

.contactMe.theme-london .field.cm-date {background-image:url(../imgs/cal3.png);}

.contactMe.theme-london .field.cm-time {background-image:url(../imgs/time3.png);}

.contactMe.theme-london .btn {background:#454545;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}



@element .contactMe and (max-width:399px){

  .contactMe .form-row.two > div {display:block;width:100%;margin-bottom:10px;}

  .contactMe .form-row.two > div:first-child {margin-right:0;}

  .contactMe .form-row.three > div {display:block;width:100%;margin-bottom:10px;}

  .contactMe .form-row.three > div:nth-child(2) {width:100%;margin:0;margin-bottom:10px;}

  /* Theme Modern */

  .contactMe.theme-modern .form-row.three > div {margin-bottom:20px;}

  /* Theme London */

  .contactMe.theme-london .form-row.three > div {margin-bottom:20px;}

  /* Google reCAPTCHA */

  .contactMe .re-captcha {

    -webkit-transform:scale(0.785);

    transform:scale(0.785);

    -webkit-transform-origin:0 0;

    transform-origin:0 0;

  }

  /* Google Invisible reCAPTCHA */

  .contactMe .re-captcha.invisible {

    -webkit-transform:none;

    transform:none;

  }

}

/*--------------------------------------------------------------------------------------------------*/