@media only screen and (max-width: 768px)and (min-width:768px) {
    teamWrapper ul li {
        height:230px !important;
    }
}

body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, input, textarea, p, hr, img{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input, button, select, textarea{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

ol, ul{
    list-style: none;
}

.main{
    width: 100%;
}
body{
    font: 15px Gravity;
    color: #fff;
    font-weight: normal;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sprite {
    background-image: url('../img/resources/spritesheet.png');
    background-repeat: no-repeat;
    display: inline-block;
}

div.page{
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 850px;
}

div.page div.content{
    max-width:980px;
    margin:auto;
    overflow:hidden;
}


header{
    width: 100%;
    /* top: -74px; */
    top:0;
    text-align:center;
    z-index:1;
    position: fixed;
    background-size: 100% 100%;
    background-color:#353434;

    transition-property: top;
    transition-duration: 0.5s;
    -webkit-transition-property: top;
    -webkit-transition-duration: 0.5s;
    -moz-transition-property: top;
    -moz-transition-duration: 0.5s;
    box-shadow: rgba(17, 17, 17, 0.20) 0 1px 2px;
}


div.toggleMenu{
    display: none;
}

div.mobileHeaderWrapper{
    display:none;
}
header .menuContent{
    overflow:visible;
    max-width:980px;
    margin:auto;
}

header a.logo{
    float: left;
    display: block;
    text-decoration: none;
    color: #444;
    text-align: left;
    margin-top: 18px;
    font-size:0;
}

header a.logo img{
    width: 96%;
}

header a.logo > span{
    display: block;
    font-size: 17px;
}

header a.logo span label.banking{
    color: #4472B8;
}

header ul.sections{
    float:right;
    /*   margin-top: 23px; */
}

header ul.sections > li{
    float: left;
    margin-left: 40px;
    padding: 24px 4px;
    position:relative;
}

header ul.sections > li:first-child{
    margin-left: 0;
}

header ul.sections > li:before,
header ul.sections > li:after,
header ul.sections > li{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header ul.sections > li a{
    font-size:21px;
    text-decoration:none;
    color:#fff;
}

/*
header ul.sections > li a:hover,
header ul.sections > li:hover > a{
	color:#D43737;
} */

/* header ul.sections > li.services ul.submenu{
		    transform: translateX(-10px);
}
 */
ul.submenu a{
    font-size: 18px !important;
}

ul.submenu a:hover{
    color:#F9AF14;
}

header ul.sections > li ul.submenu{

    position: absolute;
    display: none;
    background: #353434;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
    min-width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    /* border-radius: 0 0 3px 3px; */
    top: 100%;
    box-shadow: rgba(17, 17, 17, 0.20) 0 1px 2px;

    /* 	transition-property: height;
        transition-duration: 0.5s;
        -webkit-transition-propery: height;
        -webkit-transition-duration: 0.2s;
        -moz-transition-propery: height;
        -moz-transition-duration: 0.2s; */
}

header ul.sections > li ul.submenu li{
    margin-top:10px;
}

span.menuBorder{
    border-top: 7px solid #F9AF14;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 1;
    display:none;
}
header ul.sections > li:hover ul.submenu,
header ul.sections > li:hover span.menuBorder,
header ul.sections > li.active span.menuBorder,
header ul.sections > li.active ul.submenu{
    display:block;
}
div#homePage{
    margin: 0 auto;
    background: url('../img/resources/background-homepage.jpg') no-repeat;
    background-attachment: fixed!important;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #53ccea;
}

div#homePage .content{
    height:100%;
    position:relative;
    text-align:center;
}
div#homePage .content:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    height:100%;
}

div.homePageMain{
    display:inline-block;
    vertical-align:middle;
    text-align: center;
}
div#homePage div.mainText{
    /*     position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 902px;
        height: 117px; */

}

div#homePage div.mainText div.mainTextTitle{
    font-size: 70px;
}

div#homePage div.mainText div.mainTextSubTitle{
    font-size: 20px;
}

.loginButton{
    display: inline-block;
    padding: 7px 20px;
    border: 2px solid #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 26px;
    /* margin-top: 103px; */
    /* color: black; */
    color: #fff;
    position: absolute;
    right: 11px;
    top: 0;
    height: 49px;
    bottom: 0;
    margin: auto;
}

.loginButton:hover{
    color:#53ccea;
    background:#fff;
}

div#homePage a.arrow-down{

    display: block;
    position: absolute;
    bottom: 134px;
    left: 0;
    right: 0;
    width: 80px;
    margin: auto;
    /*    transition: all .3s linear; */
    cursor: pointer;
    animation-name: opactiy;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    text-align:center;
    /* 	animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
        -webkit-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; */
}

div#homePage a.arrow-down img{
    margin-top:9px;
}

div#homePage a.arrow-down:hover{
    animation:none;
    opacity:1;
}
@keyframes opactiy {
    0%   {opacity:0;}
    25%  {opacity:1;}
    50%  {opacity:0;}
    75%  {opacity:1;}
    100%  {opacity:0;}
}

div.pageIndex{
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 173px;
    right: 30px;
    z-index: 10;
}

div.pageIndex span.bullet{
    display: block;
    width: 10px;
    height: 10px;
    border:2px solid #444443;
    border-radius: 32px;
    margin-top: 20px;
    cursor:pointer;
}

div.pageIndex span.bullet.active{
    background:#444443;
}

/* div.topMenu {
	padding-top:23px;
	float:right;
}

div.topMenu ul.menu > li{
	float:left;
	margin-left:10px;
}

div.topMenu ul.menu > li > a{
	color:#fff;
	display:block;
	text-decoration:none;
	font-size:21px;
	border-radius: 4px;
		    padding: 9px 0;
	padding-left:18px;
	padding-right:27px;

	transition-property: background;
    transition-duration: 0.5s;
    -webkit-transition-propery: background;
    -webkit-transition-duration: 0.2s;
    -moz-transition-propery: background;
    -moz-transition-duration: 0.2s;
}
div.topMenu ul.menu li:hover > a{
	background:#fff;
	color:#D43737;
}

div.topMenu ul.submenu {
	background:#fff;
		font-size:21px;

	    padding: 9px 0;
    padding-left: 18px;
    padding-right: 27px;
border-radius: 0 0 3px 3px;
	margin-top:9px;
	display:none;
}

div.topMenu ul.submenu a{
	color:#444443;
	text-decoration:none;
}

div.topMenu ul.submenu a:hover{
	color:#D43737;
}

div.topMenu ul.menu > li:hover ul.submenu{
	display:block;
}

div.topMenu ul.submenu li{
	margin-bottom:9px;
}

div.topMenu ul.submenu li:last-child{
	margin-bottom:0;
} */
h3.pageTitle{
    color: #444;
    font-size: 45px;
    text-align: center;
    margin: auto;
    padding: 25px 0 75px;
    font-family: rockwell,serif;
}

h3.pageTitle::after{
    border-bottom: 1px solid;
    content: '';
    display: block;
    width: 63px;
    margin: auto;
    margin-top: 5px;
}

a.bigButton{
    border: 3px solid #444;
    font-size: 24px;
    color: #444443;
    display: inline-block;
    width:323px;
    padding:15px 0;
    text-align:center;
    text-decoration:none;
}

a.bigButton:hover{
    background: #53ccea;
    color: #fff;
}

a.workTogetherButton.bigButton{
    color: #fff;
    border: 3px solid #fff;
}

a.workTogetherButton.bigButton:hover{
    background:#fff;
    color:#ffc600;
}

div#servicesPage{
    padding-bottom:90px;
    background-color:#F8F7F7;
}
div#servicesPage ul li{
    float: left;
    width: 23%;
    text-align: center;
    margin-right:15.5%;
}

div#servicesPage ul li a{
    text-decoration:none;
}

div#servicesPage ul li:last-child{
    margin-right:0;
}

div#servicesPage ul li span.mobile {
    width: 225px;
    height: 223px;
    background-position: -5px -5px;
    position:relative;
}

div#servicesPage ul li span.mobile img,
div#servicesPage ul li span.mobile span.text{
    position: absolute;
    top: 16px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

div#servicesPage ul li span.mobile span.text{
    display:block;
    height: 55px;
    color: #444443;
}

div#servicesPage ul li.sms span.mobile img{
    top: 23px;
}

div#servicesPage ul li.heypay span.mobile img{
    top: 28px;
    width: 135px;
}

div#servicesPage ul li a:hover span.mobile{
    background-position: -240px -5px;
}

div#servicesPage ul li span.border{
    border:1px solid #2D2D2D;
    display:block;
    width:95px;
    margin:30px auto;
}
div#servicesPage ul li span.ftext{
    display:block;
    color:#444443;
    font-size:13px;
    width: 63%;
    margin: auto;
}

div#servicesPage ul li a:hover span.ftext{
    color: #53ccea;
}
div#whowearePage h3.pageTitle{
    color: #F9AF14;
}

div#whowearePage{
    color: #444;
    padding-bottom:53px;
}

div.whoweareWrapper h4{
    border-bottom: 5px solid #53ccea;
    /*     -webkit-border-image: url('../images/border.png') 30 round;
        -o-border-image: url('../images/border.png') 30 round;
        border-image: url('../images/border.png') 1 round; */
    width: 132px;
    margin-bottom: 16px;
    font-size: 23px;
    font-weight: 400;
    padding-bottom: 4px;
}

div.whoweareText{
    font-size: 16px;
    text-align:left;
}

div.whoweareText a{
    text-decoration: none;
    color: #3D79BD;
}

div.whoweareText ul{
    padding-left: 18px;
    list-style: inherit;
}

div.servicesSlider{
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 50px 0;
}
div.servicesSlider h3.servicesTitle,
div.servicesSlider h5.servicesSubtitle{
    font-size:34px;
    color:#53ccea;
}

div.servicesSlider div.servicesText{
    font-size:15px;
    margin-top:7px;
}


div.theTeamButtonWrapper div.text{
    color: #F9AF14;
    font-size: 20px;
    font-family: rockwell,sans-serif;
    display:inline-block;
    margin-right: 10px;
}
div.hiddenText{
    display: none;
}

a.showLess{
    display: none;
}
div#whowearePage div.theTeamButtonWrapper{
    text-align: center;
    margin-top: 57px;
}

div.theTeamButtonWrapper a.bigButton{
    width: 209px;
    vertical-align: middle;
    padding: 9px 0;
    color: #53ccea;
    border: 3px solid #53ccea;
}

div.theTeamButtonWrapper a.bigButton:hover{
    color:#fff !important;
}
a.bigButton.more{
    border-color:#53ccea;
    color:#53ccea;
    font-size: 21px;
    width: 230px;
    padding: 11px 0;
    margin-top:40px;
}

a.bigButton.more:hover{
    background: #53ccea;
    color: #fff;
}

#ourwiseclientsPage{
    background-color: #f7f7f7;
}

#partnersPage{
    background-color: #FCE8C5;
}
div#mobilemadesimplePage h3.pageTitle{
    color: #fff;
    padding: 0 0 9px;
}

div#mobilemadesimplePage h4{
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    text-align: center;
    font-family: Gravity,sans-serif;
}

div#ourwiseclientsPage div.clientsWrapper{
    text-align:center;
    padding:75px 40px;
    position:relative;
}

div#partnersPage div.clientsWrapper{
    margin-bottom:75px;
}

span.arrow{
    display: block;
    position: absolute;
    top: 0;
    width: 44px;
    height: 68px;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    /*    background-color: rgba(223, 223, 223, 0.37); */
    z-index:10;
    cursor:pointer;
}

span.arrowSprite{
    background-image: url('../img/resources/arrowsprite.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 60px;
}
span.left-arrow{
    left:0;
    background-position: -5px -5px;
}

span.left-arrow:hover{
    background-position: -45px -5px;
}

span.right-arrow{
    right:0;
    background-position: -85px -5px;
}

/*span.right-arrow:hover{
	background-position: -5px -75px;
}*/

div#ourwiseclientsPage div.content{
    max-width: 1804px;
}
div.page .clientsWrapper a.client{
    text-decoration: none;
    color: #444;
    background: #fff;/* rgba(0, 0, 0, 0.03); */
    display:inline-block;
    /* 	border: 1px solid #e2e2e2; */
    padding: 33px 53px;
    /* 	height: 152px; */
    margin: 0 3px;
    margin-bottom: 6px;
}
/* div#ourwiseclientsPage a.client:nth-child(26){
	clear:both;
	margin-left:0;
}

div#ourwiseclientsPage a.client:first-child{
	margin-left:0;
} */

div.page .clientsWrapper a.client div.clientImageWrapper{
    height: 70px;
    width: 143px;
    position: relative;
    background: #fff;
}

div.page .clientsWrapper a.client img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* 	-webkit-filter: grayscale(100%);
    filter: grayscale(100%); */
}

div.page .clientsWrapper a.client:hover{
    box-shadow: rgba(17, 17, 17, 0.20) 0px 1px 3px;
}

div.page .clientsWrapper a.client:hover img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

div.page .clientsWrapper a.client span{
    display: block;
    margin: auto;
    margin-top: 14px;
    width: 144px;
    text-align: center;
}

div.showMoreClients {
    text-align:center;
    margin-bottom: 48px;
    cursor:pointer;
}
div.showMoreClients span.point{
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #313030;
    margin-left: 10px;
    display: inline-block;
}
div#mobilemadesimplePage{
    margin: 0 auto;
    background: url('../img/resources/lowerbackground.png') no-repeat;
    background-attachment: fixed!important;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 193px 0;
}

div#mobilemadesimplePage div.content{
    font-size:70px;
    text-align:center;
}

div#mobilemadesimplePage div.content div.subtitle{
    font-size: 19px;
}

div#letsWorkTogetherPage{
    background: #ffc600;
    padding: 42px 0;
    text-align: center;
}

/*************************contact***************************/

div.contactPageMain{
    background: #f7f7f0;
}

div.careersPageMain{
    background: url('../img/resources/background-careers.png');
    background-size: 100%;
}

div.contactPage{
    background-color: #e8e8dc;
    padding-top: 100px;
    padding-bottom:25px;
}

div.careersPageMain div.contactPage{
    background-color:transparent;
}

div.contactPage h3.pageTitle{
    padding: 50px 0;
}

div.contactPageMain{
    background: #f7f7f0;
}

div.contactPageWrapper,
div.careersPageWrapper{
    max-width: 980px;
    margin: auto;
    text-align: center;
    min-height: 600px;
}

div.contactPageWrapper h4{
    color:#4472B8;
    font-size:18px;
    font-weight: 400;
    margin:17px 0;
}

div.contactPageWrapper div.formText{
    background: #D43737;
    width: 456px;
    display: table-cell;
    padding: 48px 18px;
    vertical-align:top;
    text-align:left;
}

div.careersPageMain h3.pageTitle{
    color:#fff;
}

div.careersPageMain h3.pageTitle span.titleBorder{
    border-color:#fff;
}

div.contactPageWrapper div.form{
    display: block;
    /* padding-left:7px; */
}

div.careersPageMain div.contactPageWrapper div.form{
    display:block;
}

.parsley-custom-error-message{
    text-align:left;
    font-size: 12px;
}

div.message{
    color: #4472b8;
    font-size: 20px;
}

.messageWrapper{
    height: 35px;
    margin-top: 30px;
}

div.careerLink{
    border:3px solid;
    border-radius: 15px;
    padding:3px;
}

div.careerLink a{
    display:block;
    text-decoration:none;
}
div.careerLink.elbank a{
    color:#D43737;
}
div.careerLink.elbank{
    border-color:#D43737;
    color:#D43737;
}

div.careerLink div.careerDescription{
    border-left:3px solid;
    display:inline-block;
    vertical-align: middle;
    padding: 3px 0;
    padding-left:25px;
    margin-left: 25px;
}

div.careerDescription h5{
    font-size:20px;
    font-weight:normal;
    margin-bottom:10px;
}

div.careerDescription div.otherJobPosition{
    color:#1D1D1B;
    font-size:12px;
}
div.careerLink img{
    width: 106px;
    height: 84px;
    border-radius: 15px;
    /*     background: #fff; */
    border: none;
    display:inline-block;
    vertical-align: middle;
}


/** blog **/
.blog-container{
    color: #444;
}

.blog-container a{
    color:inherit;
    text-decoration:none;
}
.dummy-section{
    margin: auto;
    max-width: 980px;
    /* 	text-align: center; */
}

div.blog-inner-wrapper{
    padding-top: 27px;
}

.text-frame{
    background-color: rgba(255,255,255,0.8);
    font-size: 22px;
    height: 220px;
    line-height: 1.4;
    padding: 20px;
    width: 570px;
}

.cover-picture-inner{
    margin: auto;
    max-width: 980px;
    padding-top: calc((500px / 2) - (220px / 2));
}

.cover-picture{
    background-image: url('../img/resources/cover-picture.png');
    background-size: cover;
    height: 312px;
}

.highlighted{
    background-color: #f9Af14;
    padding: 0 6px;
}


/* .posts-container:before,
.posts-container:after{
	background-color: #f9Af14;
	content: '';
	display: block;
	margin: auto;
	height: 6px;
	width: 166px;
} */



.posts-container .post{

    color: #A7A7A7;
    margin: auto;
    max-width: 980px;
    padding: 50px 0;
}

.share-buttons{
    margin: 15px 0;
}

.share-buttons a{
    display: inline-block;
    height: 30px;
    width: 30px;
}

.posts-container .post:nth-child(even){
    color:#6C6C6C;

}

/* .posts-container .post-outer-wrapper:last-child{
	background:#FCE8C5;
} */

.posts-container .post h5.post-title{
    color: #f9Af14;
    margin-bottom: 15px;
    font-family: rockwell,serif;
    font-weight: normal;
    font-size: 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    display:inline-block;
}

.posts-container .post div.post-image{
    width: 523px;
    background: #ddd;
}

.posts-container .post div.post-image img{
    width:100%;
}

.posts-container .post div.post-text{
    padding: 15px 0;
    padding-bottom: 0px;
}

.posts-container .post a.read-more{
    display: block;
    border: 3px solid #f9Af14;
    color: #f9Af14;
    cursor: pointer;
    text-align: center;
    padding: 8px;
    text-decoration: none;
}

.posts-container .post a.read-more:hover{
    background-color: #f9Af14;
    color: #fff;
}

span.more{
    display: none;
}

.posts-container .post-outer-wrapper:nth-child(even) .post h5.post-title{
    color:#53ccea;
}
.posts-container ul.images-list{
    margin: 24px 0;
}

.posts-container ul.images-list li{
    display: table;
    padding: 10px 0;
    text-align: start;
}

div.post div.post-description{
    display: inline-block;
    background: #f9Af14;
    color: #fff;
    padding: 8px 10px;
    margin-bottom: 15px;
}

div.post div.post-description.blue{
    background:#53ccea;
}

div.post-button{
    text-align:center;
    margin-top: 52px;
}
.posts-container .image,
.posts-container .text{
    display: table-cell;
    vertical-align: middle;
}

.posts-container .image{
    background-color: #f7f7f7;
    height: 155px;
    position: relative;
    text-align: center;
    width: 155px;
}

.posts-container .image:before{
    content: '';
    display: block;
    height: 70px;
    margin-left: -10px;
    position: absolute;
    top: 42px;
    width: 10px;
}

.posts-container .image.blue:before{
    background-color: #4bc2f1;
}

.posts-container .image.orange:before{
    background-color: #f9af14;
}

.posts-container .text{
    padding-left: 40px;
}

.post-details{
    margin-bottom: 12px;
}

.post-details img{
    border-radius: 50%;
    height: 64px;
    vertical-align: middle;
    width: 64px;
}

.post-details div{
    display: inline-block;
    line-height: 1.5;
    margin-left: 8px;
    vertical-align: middle;
}

.post-details .author{
    color: #333;
    display: block;
}


.posts-container .grayed-out-text{
    color: #666;
    font-size: 14px;
    margin-top: 4px;
}

.blog-bottom-section{
    background-color: #f8f7f7;
}

.blog-bottom-section-inner{
    margin: auto;
    max-width: 980px;
    padding: 50px 0;
}

.blog-bottom-section .section1{
    font-size: 18px;
    margin-bottom: 32px;
}

.blog-bottom-section .section2{
    margin-bottom: 24px;
}

.blog-bottom-section ul li span{
    display: inline-block;
    margin-right: 36px;
}


.participate-in-survey{
    background-color: #f9af14;
    border: 0;
    border-radius: 30px;
    position: relative;
    color: #fff;
    display: inline-block;
    margin: auto;
    padding: 6px;
    text-decoration: none;
    width: 288px;
    text-align: center;
    line-height: 34px;
    font-size: 18px;
}

.participate-in-survey .arrow-right{
    background-color: #fff;
    background-image: url('../img/resources/arrow-orange.png');
    border-radius: 50%;
    display: inline-block;
    height: 38px;
    /* margin-left: 24px; */
    vertical-align: middle;
    width: 38px;
    float: right;
}

.participate-in-survey:hover{
    background-color: #4bc2f1;
}

.participate-in-survey:hover .arrow-right{
    background-image: url('../img/resources/arrow-blue.png');
}

div.post ul.list li{
    padding:5px 0;
}
.loading{
    display:none;
}

div.field{
    width: 516px;
    margin: auto;
    margin-bottom: 7px;
}

div.formWrapper.postWrapper div.field{
    width: 772px;
    text-align:left;
}

div.formWrapper.postWrapper img.postImage{
    width: 72px;
    display: inline-block;
    vertical-align: middle;
}

div.field.inline-field{
    display:inline-block;
    width: 49.5%;
}
div.field.inline-field:last-child{
    margin-right:0;
}
div.field.submit{
    /* 	width:100%; */
    text-align:right;
    margin-top: 21px;
    position:relative;
}

div.careersPageMain div.field.submit{
    text-align:center;
}

div.field:last-child{
    margin-bottom: 0;
}

input[type='text'],
input[type='password'],
input[type='date'],
input[type='email'],
select,
textarea,
label.fileLabel{
    border:1px solid #EDEDE6;
    width:100%;
    padding: 11px;
    color: #444;
    transition: box-shadow 200ms;
}

input[type='text']:focus,
input[type='email']:focus,
select:focus,
textarea:focus{
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    outline: 0;
}

div.field label{
    color: #444;
}

div.select-field label{
    width: 49%;
    display: inline-block;
    text-align: left;
}


div.select-field select{
    width: 50%;
    color: #53ccea;
    text-align: center;
}

input[type='submit'],
button[type='submit'],
.button{
    background-color: transparent;
    border: 1px solid #F9AF14;
    color: #F9AF14;
    font-size: 18px;
    font-weight: 700;
    padding: 12px 24px;
    cursor: pointer;
}


div.careersPageMain input[type='submit']{
    border: 1px solid #fff;
    color: #fff;
}


input[type='submit']:hover{
    background-color: #F9AF14;
    color: #fff !important;
}

div.careersPageMain input[type='submit']:hover{
    background-color: #fff;
    color:#fff !important;
}
div.clientsOuterWrapper{
    overflow: hidden;;
    margin: auto;
}

div.clientsInnerWrapper{
    position:relative;
    /* 			transition-property: left;
        transition-duration: 0.5s;
        -webkit-transition-property: left;
        -webkit-transition-duration: 0.5s;
        -moz-transition-property: left;
        -moz-transition-duration: 0.5s; */
    right: 0;
    transition-property: right;
    transition-duration: 0.5s;
    -webkit-transition-property: right;
    -webkit-transition-duration: 0.5s;
    -moz-transition-property: right;
    -moz-transition-duration: 0.5s;
}

div.clientsInnerWrapper ul li{
    display: inline-block;
}

div#partnersPage div.clientsInnerWrapper{
    text-align:center;
}
button[type='submit']:hover span.triangle{
    border-bottom-color:#fff;
    border-top-color:#fff;
}

div.triangleWrapper{
    display:inline-block;
    vertical-align:middle;
}

span.buttonText{
    visibility: hidden;
    display:inline-block;
    vertical-align:middle;
    margin-right: 3px;
}


button[type='submit']:hover span.buttonText{
    visibility: visible;
}

span.triangle{
    display: block;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 14px solid transparent;
}

span.triangle-top{
    border-bottom: 15px solid #D43737;
}

span.triangle-bottom{
    border-top: 15px solid #D43737;
}


a{
    color: #4bc2f1;
}


textarea{
    height: 124px;
    resize: none;
    font-size:16px;
}

textarea.postBody{
    height: 600px;
}
/* do not group these rules */
*::-webkit-input-placeholder {
    color: #CAC8C7;
    font-size:15px;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #CAC8C7;
    font-size:15px;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #CAC8C7;
    font-size:15px;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #CAC8C7;
    font-size:15px;
}

textarea::-webkit-input-placeholder {
    font-style: italic;
}

/*************************careers***************************/
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
label.fileLabel {
    font-size: 15px;
    color: #444 !important;
    font-weight: normal;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    text-align: left;
    background-color: #FCE8C5;
    padding:15px 20px;
    border:1px solid #fff;
    width: 100%;
    text-align: center;
    margin-bottom:7px;
}

label.fileLabel:hover,
label.fileLabel.active{
    background-color:#F9AF14;
}

div.careersPage{
    background-color: #ecf7ff;
}

div.submit {
    margin-top: 10px;
}

div.careersPage input[type='submit']{
    background-color: #444;
    font-size: 14px;
}

div.careersPage input[type='submit']:hover{
    background:#F9AF14;
}
div.careersPage h4.formTitle{
    margin-bottom:30px;
    text-align:center;
    font-weight:normal;
}

h4.formTitle span.titleText{
    background-color: #53ccea;
    padding: 4px;
}

div.fieldsTitle{
    margin-top: 34px;
    margin-bottom: 7px;
}

h4.formTitle span.titleBorder{
    border-bottom: 1px solid #fff;
    display: block;
    margin-top: -7px;
}

.careersPageWrapper h3{
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid #F9AF14;
    font-size:18px;
    padding-bottom: 3px;
}

.careersPageWrapper h3 span{
    background-color: #F9AF14;
    display: inline-block;
    padding: 7px;
}


div.careersJobPosition,
div.careersPageWrapper div.form{
    display:table-cell;
    vertical-align:top;
    text-align: left;
}

div.form div.formWrapper{
    background: #53ccea;
    border-radius: 13px;
    padding: 15px;
    margin-top: 237px;
}
div.careersPageWrapper div.form{
    width: 100%;
}
div.careersJobPosition{
    text-align: left;
    min-width:536px;
}
div.innerJobPositionWrapper{
    width:516px;
}

div.careersJobPosition h4{
    color:#F9AF14;
    font-size:28px;
    font-weight:normal;
}

div.jobPositionHeader{
    margin-bottom:75px;
    margin-top: 32px;
}

div.jobPosition{
    margin-bottom:20px;
}
div.jobPositionHeaderText{
    color:#53ccea;
    font-size:15px;
}

div.careersJobPosition h5{
    color: #53ccea;
    margin-bottom: 10px;
}
div.positionTitle h5{
    color: #444;
    font-size: 15px;
    font-weight :400;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

div.positionTitle img{
    display: inline-block;
    vertical-align: middle;
    margin-right:4px;
    cursor:pointer;
}


div.positionTitle:hover h5,
div.positionTitle.active  h5{
    color: #53ccea;
}


div.positionTitle img.active{
    display:none;
}

div.positionTitle:hover img.active,
div.positionTitle.active  img.active{
    display: inline-block;
}

div.positionTitle:hover img.default,
div.positionTitle.active img.default,
div.positionTitle.active:hover img.active{
    display:none;
}

div.positionTitle.active:hover h5{
    color: #444443;
}

div.positionTitle.active:hover img.default{
    display:inline-block;
}

div.positionTitle.active img{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

div.jobPositions div.jobPositionDescription{
    color:#1D1D1B;
    font-size:12px;
    display:none;
}

div.jobPositionDescription ul{
    list-style: initial;
    padding-left: 17px;
}

div.jobPositionDescription ul.numbers{
    list-style-type: decimal;
}

select.jobSelect{
    height: 50px;
}
div.jobPositionDescription ul li{
    margin-bottom:10px;
}
div.jobPositions h6{
    color:#53ccea;

    font-weight:normal;
    margin-top:21px;

}
div.checkboxWrapper{
    margin:15px 0;
    font-size:14px;
}

input[type='checkbox']{
    vertical-align: -2px;
}
/******************************team****************************/


div.theTeamTextContainer{
    background:#53ccea;
    padding-top:80px;
    padding-bottom:85px;
}

div.theTeamTextContainer h3.pageTitle{
    color:#fff;
    padding-bottom:50px;
}

div.theTeamTextContainer h3.pageTitle span.titleBorder{
    border-color:#fff;
}

div.theTeamContainer,
div.theTeamTextInnerContainer{

    max-width:980px;
    margin:auto;
}

div.theTeamContainer h3.pageTitle{
    padding: 50px 0;
}

div.theTeamContainer div.theTeamText{
    color:#646462;
    font-size:18px;
    font-family: Gravity,sans-serif;
    font-weight: 200;
    text-align:center;
}

div.teamWrapper {
    overflow:hidden;
    margin-top:60px;
    padding-bottom: 70px;
}


div#whowearePage div.teamWrapper{
    display: inline-block;
    vertical-align: middle;
    padding:0 !important;
    margin-top:0;
    width: 78%;
    text-align: left;
}

div#whowearePage div.teamWrapper ul li{
    margin-top:0;
    display: table;
    width: 32.3%;
    margin-bottom:0;
}


div.teamWrapper ul li.teamTitle{
    float: none;
    display: block;
    color: #f9af17;
    margin-bottom: 5px;
    height: auto !important;
}

div#whowearePage div.teamWrapper ul li img{
    display:table-cell;
    vertical-align:middle;
    width:100%;
}
div#whowearePage div.teamWrapper ul li span.teamDescription{
    display:table-cell;
    vertical-align:middle;
    width: 62%;
    padding-left: 12px;
    text-align:left;
}
div#whowearePage div.teamWrapper ul li span{
    font-size:15px;
}
div#whowearePage div.teamWrapper ul li span.position{
    font-size:12px;
}

div.teamWrapper ul li{
    text-align:center;
    float:left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 50px !important;
}

div.teamWrapper ul li img{
    border-radius: 100%;
    margin-bottom:10px;
    width: 65%;
}

div.teamWrapper ul li span{
    color:#1D1D1B;
    font-size:18px;
    display:block;
}

div.teamWrapper ul li span.position{
    font-size:14px;
    color: #444443;
    margin-top: 7px;
}

div.teamWrapper ul li span.position.blank{
    visibility: hidden;
}
/**************************Services***************************/
.servicesMainPage{
    background: #fce8c5;
    padding-top: 170px;
}

.servicesMainPage h4{
    background: #353434;
    color: #FCBE00;
    font-weight: normal;
    padding: 4px 13px;
    width: 278px;
    margin-bottom: 17px;
}

.servicesPage{
    max-width: 980px;
    margin: auto;
    padding-bottom: 20px;
}

.servicesPageText{
    background: rgba(249, 175, 20, 0.22);
    border:1px solid #F9AF14;
    padding: 10px;
}
.servicesInnerSection{
    max-width:980px;
    padding: 74px 0;
    margin:auto;

}

.servicesInnerSection:first-child{
    padding-top:0;
}
.smsInnerText{
    display:table;
    margin-left: 16px;
}

h6.smsTextHeader{
    margin-bottom:13px;
}
h6.smsTextHeader:before{
    content: "\2022 ";
    float: left;
    margin-right: 8px;
}
.smsTextWrapper,
.smsInnerText img{
    display:table-cell;
    vertical-align:middle;

}

.smsInnerText img{
    width: 111px;
    margin-left: 11px;
}

.servicesSection{
    color:#1D1D1B;
}


div.loginSection{
    color: #fff;
    background: #F9AF14;
    font-weight: 700;
    font-size: 14px;
    /* border-bottom: 1px solid #444443; */
    margin-bottom: 13px;
    overflow:hidden;
    padding-bottom: 4px;
    overflow: hidden;
    padding: 7px 10px;
}

div.loginSection span.bigText{
    font-size: 16px;
}

span.loginText{
    float: left;
    display: block;
    margin-top: 5px;
}
a.loginButtonSms{
    display: inline-block;
    padding: 7px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 15px;
    background-color: #333;
    color: #fff;
    margin-left: 23px;
    float: right;
}

a.loginButtonSms:hover{
    background-color: #555;
}

/***************************footer****************************/
footer{
    width: 100%;
}

div.footer-top{
    background-color: #444443;
    overflow: hidden;
    min-width: 980px;
    padding-top: 30px;
    padding-bottom: 27px;
    color: #fff;
}

div.footer-top h5{
    font-size:28px;
    font-weight: 400;
}

div.footer-top div.footerContent{
    max-width: 980px;
    margin: auto;
}

div.footer-top div.address{
    display: inline-block;
    width: 509px;
    margin-right: 60px;
    vertical-align: middle;
    font-size: 16px;
}

div.footer-top div.address:last-child {
    width: 345px;
}

div.footer-top div.address a{
    text-decoration: none;
    color: #fff;
}

div.footer-top div.address a:hover{
    color:#fff;
}

div.footer-top div.socialMedia{
    display: block;
    vertical-align: middle;
    margin: auto;
    text-align: center;
}

div.footer-top div.socialMedia a{
    display:inline-block;
    height: 30px;
    width: 30px;
}
div.footer-top div.socialMedia span.border{
    border-bottom: 1px solid #2D2D2D;
    display: block;
    width: 95px;
    margin:30px auto;
}
.sprite-sm {
    background-image: url('../img/resources/sm-sprite.png');
    background-repeat: no-repeat;
    display: inline-block;
}

div.socialMedia a.gplus{
    background-position: -0px -40px;
}
div.footer-top div.socialMedia a.gplus:hover{
    background-position: -40px -40px;
}

div.socialMedia a.twitter{
    background-position: -80px -0px;
}
div.footer-top div.socialMedia a.twitter:hover{
    background-position: -80px -40px;
}

div.socialMedia a.facebook{
    background-position: -0px -0px;
}
div.footer-top div.socialMedia a.facebook:hover{
    background-position: -40px -0px;
}

div.socialMedia a.linkedin{
    background-position: -117px -1px;
}
div.footer-top div.socialMedia a.linkedin:hover{
    background-position: -117px -41px;
}


div.footer-top div.socialMedia.mobile{
    display: none;
}

div.footer-top div.address div.spacer{
    margin: 13px 0;
}

div.footer-top div.address div:last-child{
    margin-bottom: 0;
}

div.footer-bottom{
    background-color: #3A3838;
    padding: 15px;
    text-align: right;
}

div.footer-bottom div.bottomFooterContent{
    max-width: 980px;
    margin: auto;
    color: #BCB8B8;
}

div.bottomFooterContent span.copyright{
    font-size: 13px;
    margin-right: 10px;
}

div.bottomFooterContent a{
    font-size: 18px;
    color: #BCB8B8;
    border-left:1px solid #2D2D2D;
    text-decoration:none;
    padding-left: 9px;
}

div.bottomFooterContent a:hover{
    color:#fff;
}

ul.parsley-errors-list{
    color: #d43737;
}

input.parsley-error{
    border-color: #d43737;
}

div#featuresPage div.sections ul li.fadeInRight{
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    visibility: visible;
}

#clients-note{
    color: #333;
    margin-bottom: 77px;
    text-align:center;
}

#clients-note img{
    width: 121px;
}

.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

table.defaultTable{
    background-color: #e3e4e5;
    border-radius: 6px;
    padding: 12px;
    width: 929px;
    font-size: 15px;
}

table.defaultTable tr{
    color: #333;
}

table.defaultTable tr td,
table.defaultTable tr th{
    min-width: 100px;
    text-align: left;
}

table.defaultTable tr td a{

}

span.toggle-button {
    position:relative;
    display: block;
    width: 80px;
    height: 36px;
    background-color: #c8c8c8;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
}

span.toggle-button a {
    display: block;
    text-align: center;
    background-color: transparent;
    float: left;
    width: 40px;
    height: 36px;
    line-height: 36px;
    font-family: helvetica,arial,sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #777;
}

span.toggle-button span.slide{
    display: block;
    width: 38px;
    height: 32px;
    background-color: #fff;
    background-image: -moz-linear-gradient(top,#fff,#f1f1f1);
    background-image: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background-image: -o-linear-gradient(top,#fff,#f1f1f1);
    background-image: -ms-linear-gradient(top,#fff,#f1f1f1);
    background-image: -linear-gradient(top,#fff,#f1f1f1);
    position: absolute;
    left:40px;
    top: 2px;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

span.toggle-button.on span.slide{
    left:2px;
}

div.ef-form-wrapper select.car-type{
    display:none;
}

div.postMainPage a.button{
    float:left;
    margin-top:10px;
    display:block;
    text-decoration:none;
    background:#4bc2f1;
    color:#fff;
    border:1px solid #4bc2f1;
}

textarea.newsletterHtml{
    height: 356px;
}

div.newsletterField label{
    display: block;
    margin: 16px 0;
}

div.newsletterField p{
    color:#333;
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

.login-form {
    margin-top: 150px;
    margin-bottom: 130px;
}
.login-form .card {
    width: 400px;
    height: 470px;
    margin: auto;
    text-align: center;
}
.login-form .card .login-logo {
    margin: 70px;
}
.login-form .card input {
    max-width: 345px;
    margin: 10px;
}
.login-form .card label {
    color: #757575;
    font-weight: 600;
}
.login-form .card #submit {
    color: #686363;
    background: -webkit-gradient(linear, left top, left bottom, from(#0eb5f7), to(#52aabb));
}