/* ==========================================================================
	#Reset
========================================================================== */
* { padding: 0; margin: 0; outline: 0; }

/* ==========================================================================
	#Base
========================================================================== */
html,
body { height: 100%; }

html { overflow-y: scroll; }
body { min-width: 980px; background: #f7f7f5 ; font-family: "Varela Round", Arial, sans-serif; font-size: 14px; line-height: 1.4; }

a { color: #fff; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

img { border: 0; vertical-align: middle; }

ul,
ol { list-style-position: inside; }

/* ==========================================================================
	#Helpers
========================================================================== */
.alignleft { float: left; }
.alignright { float: right; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
	#Containers
========================================================================== */
.wrapper { overflow: hidden; }

.shell { width: 1500px; margin: 0 auto; }

.container { position: relative; }

/* ==========================================================================
	#Fullscreen
========================================================================== */
.fullscreen { position: absolute; top: 0px; left: 0; z-index: -1; width: 100%; height: 933px; }

.fsr-container { overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.fsr-image { position: absolute; }
.fsr-hidden { display: none; }

/* ==========================================================================
	#General
========================================================================== */
.section-how-works h4,
.affiliate-body h4 { margin: 0 0 23px; font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 1; color: #4c565e; font-weight: 600; }

.section-how-works .section-body-content p,
.list-checks span { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.88; color: #666;  font-weight: 300; }

/* ==========================================================================
	#Header
========================================================================== */
.header { padding-top: 43px; margin-bottom: 232px; text-align: center; text-transform: uppercase; }
.header-alt { padding: 17px 0 3px; margin-bottom: 0; background: #000; }

.logo { overflow: hidden; float: left; width: 133px; height: 43px; margin-top: 4px; background: url(images/sprite.png) no-repeat -99px 0px; text-indent: 100%; white-space: nowrap; }

.header-inner { float: right; }

.header-message { position: relative; margin-top: 3px; font-family: 'Source Sans Pro', sans-serif; }
.header-message .btn-message { position: relative; width: 44px; padding: 9px 0 5px; border: 2px solid #404040; border-radius: 4px; text-align: center; }
.header-message .btn-message span { position: absolute; top: -5px; right: -6px; width: 17px; height: 17px; background: url(images/sprite.png) no-repeat -204px -98px; line-height: 1.2; font-weight: bold; }
.header-message .btn-message:hover,
.header-user .btn-user { color: #fff; }

.header-message,
.header-user { float: left; }

.message-dropdown { position: absolute; top: 54px; left: -90px; z-index: 2; width: 222px; padding: 9px 9px 0 8px; border: 1px solid #e4e4e2; border-top: none; border-radius: 11px; background: #fff; }
.message-dropdown .ico-arrow-white-up { position: absolute; top: -7px; left: 103px; }
.message-dropdown ul { list-style: none outside none; text-align: left; }
.message-dropdown li + li { margin-top: 3px; }
.message-dropdown a { display: block; padding: 11px 12px 13px; color: #2d2d2d; font-weight: 600; text-transform: none; }
.message-dropdown span { color: #f35f5f; }

.message-dropdown .current a,
.message-dropdown a:hover { background: #f6f6f6; }

.message-dropdown .ico-money,
.message-dropdown .ico-message { margin: 3px 7px 0 0; }

.header-user { padding-top: 14px; margin-left: 52px; }
.header-user .btn-user { padding: 0; text-transform: none; }
.header-user .ico-arrow-white-down { margin: 0 8px 0 13px; }

/* ==========================================================================
	#Nav
========================================================================== */
.nav { display: inline-block; }

.nav ul { overflow: hidden; list-style: none outside none; }
.nav li { float: left; }

/* ==========================================================================
	#Nav Access
========================================================================== */
.nav-access { float: right; }

.nav-access ul { overflow: hidden; list-style: none outside none; }
.nav-access li { float: left; }
.nav-access a,
.nav a { display: block; padding: 14px 23px 12px; border-radius: 6px; }
.nav-access a:hover,
.nav a:hover,
.nav-access .current a,
.nav .current a { padding: 12px 21px 10px; border: 2px solid #ffffff; color: #fff; }

/* ==========================================================================
	#Nav Secondary
========================================================================== */
.nav-secondary { padding: 31px 0 15px; background: #fff; text-align: center; }
.nav-secondary ul { display: inline-block; list-style: none outside none; }
.nav-secondary li { float: left; }
.nav-secondary li + li { margin-left: 43px; }
.nav-secondary a { color: #d6d6d4; text-transform: uppercase; }
.nav-secondary .current a,
.nav-secondary a:hover { color: #2d2d2d; }

/* ==========================================================================
	#Intro
========================================================================== */
.intro { position: relative; height: 598px; text-align: center; color: #fff; }
.intro-alt { height: 403px; }
.intro-domain { height: 799px; }
.intro h1 { margin-bottom: 2px; font-family: "Proxima Nova", Arial; font-size: 46px; font-weight: 700; }
.intro-alt h1,
.intro-alt h3 { font-family: 'Source Sans Pro', sans-serif; }
.intro-alt h1 { padding-top: 125px; margin: 0; font-weight: bold; }
.intro h3 { margin-bottom: 54px; font-size: 22px; line-height: 1.55; }
.intro-alt h3 { padding: 0 85px; font-weight: normal; }
.intro-alt p { font-family: "Open Sans", sans-serif; font-size: 22px; line-height: 1.55; color: #fff; }
.intro-alt p span { display: block; }

.intro-affiliates h1 { margin-bottom: 20px; font-family: "Open Sans"; font-size: 44px; line-height: 1; font-weight: 700; }
.intro-affiliates p { margin-bottom: 53px; font-family: "Open Sans"; font-size: 22px; line-height: 1.55; font-weight: normal; }

.intro-image { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 403px; }
.intro-alt .intro-image { height: 100%; }

.intro-actions .btn-orange.btn-lg { padding: 30px 69px 26px; font-family: "Proxima Nova", Arial; font-weight: 600; }

.intro-contacts { float: left; width: 443px; height: 264px; padding: 25px 0 0 44px; margin-top: 70px; background: #2d2d2d; font-family: 'Source Sans Pro', sans-serif; text-align: left; }
.intro-contacts h4 { margin-bottom: 22px; font-size: 24px; line-height: 1.42; color: #fff; font-weight: 700; text-transform: uppercase; }

h1.intro-title { padding-top: 66px; font-size: 55px; color: #fff; font-weight: normal; padding-bottom: 10px; font-family: "Open Sans",sans-serif; }

.intro-secondary .intro-actions { padding-top: 45px; }

.intro.intro-tertiary { height: 403px; }
.intro.intro-tertiary .intro-title { padding-top: 140px; }

.intro-domain h1 { font-family: 'Open Sans', sans-serif; font-size: 55px; font-weight: normal; padding-top: 84px; letter-spacing: -0.03em; margin-bottom: 5px; }
.intro-domain .intro-head:after { content: ''; display: block; width: 90px; height: 1px; background: rgba(255, 255, 255, 0.3); margin: 47px auto 69px; }
.intro-domain .intro-entry h4 { font-size: 30px; margin: 5px 0 15px; }
.intro-domain .intro-entry { margin-bottom: 58px; }

.intro-disabled h1 { font-family: 'Open Sans', sans-serif; font-size: 55px; font-weight: normal; padding-top: 79px; letter-spacing: -0.03em; margin-bottom: 27px; }
.intro-disabled .logo { float: none; display: inline-block; margin-top: 49px; }
.intro-disabled p { line-height: 1.4; }

.intro-upgrade h1 { font-family: 'Open Sans', sans-serif; font-size: 55px; font-weight: normal; padding-top: 134px; letter-spacing: -0.03em; margin-bottom: 7px; }
.intro-upgrade p { font-family: 'Open Sans', sans-serif; line-height: 1.4; font-size: 22px; }

.list-contacts { color: #8a8a8a; list-style: none outside none; }
.list-contacts li { padding: 0 0 2px 16px; border-left: 5px solid #f58358; }
.list-contacts li + li { margin-top: 22px; }
.list-contacts p { margin: 0; font-size: 20px; line-height: 1; text-transform: uppercase; }
.list-contacts p + p { margin-top: 12px; }
.list-contacts li + li p + p { margin-top: 7px; }
.list-contacts span,
.list-contacts a { font-size: 18px; text-transform: none; }
.list-contacts a { color: #58b4f5; }
.list-contacts a:hover { color: #fff; }
.list-contacts .ico { margin: 4px 15px 0 0; }

/* ==========================================================================
	#Section How Works
========================================================================== */

.section-how-works { padding: 80px 0 74px; background: #f7f7f5; }
.section-how-works .section-body { overflow: hidden; }
.section-how-works .section-body-alt { padding-left: 50px; }
.section-how-works .section-body-image { float: left; margin-right: 40px; }

.section-how-works .section-body-content { overflow: hidden; }
.section-how-works .section-body-content strong { font-family: "Open Sans", sans-serif; font-weight: 600; }
 
.list-checks { list-style: none outside none; }
.list-checks li { position: relative; padding-left: 42px; }
.list-checks li:before { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background: url(images/sprite.png) -447px -132px no-repeat; }
.list-checks span { line-height: 2.25; }

/* ==========================================================================
	#Section Affiliates
========================================================================== */
.section-affiliates { padding: 80px 0 81px; background: #fefefe; }
.section-affiliates .section-head { margin-bottom: 73px; text-align: center; }
.section-affiliates .section-head h3,
.section-affiliates .section-head h4 { color: #4c565e; }

.section-affiliates .section-head h3 { font-family: "Open Sans", sans-serif; font-size: 30px; line-height: 1; font-weight: 600; }
.section-affiliates .section-head h4 { font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 1.5; font-weight: 300; }

.section-affiliates-secondary { padding-top: 58px; }
.section-affiliates-secondary .section-head { margin-bottom: 30px; }
.section-affiliates-secondary h3 { margin-top: -10px; position: relative;  }  
.section-affiliates-secondary .affiliate-image { width: 48px; margin-bottom: 21px; }
.section-affiliates-secondary .affiliate-image span { right:0;  }  
.section-affiliates-secondary .affiliate-body p { font-size: 16px; line-height: 1.5; }

.section-affiliates-secondary .affiliate ~ .affiliate,
.section-affiliates-secondary .affiliate  { margin:0 20px; width: 315px; vertical-align:top; }
.section-affiliates-secondary .section-actions  { text-align: center; padding-top: 35px; }

.btn.btn-large { border:2px solid #a6b1b7; font-size: 18px; color: #9cafbd; text-transform: uppercase; padding:24px 99px; font-family: "Open Sans", sans-serif; font-weight: bold; }
.btn.btn-large:hover { border-color:#000; color: #000; }

.affiliates { list-style: none outside none; text-align: center; }
.affiliate { display: inline-block; }
.affiliate ~ .affiliate { margin-left: 136px;  }
.affiliate-image { position: relative; display: inline-block; width: 72px; height: 64px; margin-bottom: 29px; }

.affiliates-secondary { text-align: center; color: #fff; padding-top: 50px; }
.affiliates-secondary h4 { color: #fff; }
.affiliates-secondary .affiliate { width: 33%; display: inline-block; margin-left: 0; }

/* ==========================================================================
	#Section gallery
========================================================================== */

.section-gallery { background: #fff; padding-top: 80px; }
.section-gallery .container { max-width:1030px; margin:0 auto; }

.link-gallery { position: relative; text-align: center; display: block;}
.link-gallery .btn { position:absolute; top:118px; left:50%; display: inline-block; width: 289px; background: #f58358; font-size: 20px; line-height: 64px; ; margin-left: -144px; text-align: center; color: #fff; opacity:0; }

.gallery-items { list-style: none;  }
.gallery-item { float: left; padding-top: 34px; border:1px solid #e5e5e5; border-bottom-width: 3px; background:#4c565e url(images/gallery-browser.jpg) no-repeat center 0; border-radius:3px; margin-bottom: 40px; }
.gallery-item:hover img { opacity:0.2; }
.gallery-item:hover .btn { opacity:1; }
.gallery-item:nth-child(2n) { float: right; }

.gallery-foot { text-align: center; padding-bottom: 60px;  }

.gallery-foot .paging { text-align: center; float: none; }
.gallery-foot .paging ul,
.gallery-foot .paging a,
.gallery-foot .paging li { display: inline-block; float: none; }
.gallery-foot .paging a { border-bottom: 0; font-size: 18px; color: #4c565e; line-height: 31px;  }
.gallery-foot .paging .paging-spacer { border-bottom: 0; }

.paging-prev { display: inline-block; }
.gallery-foot .paging .ico-arrow-left { background: url(images/ico-arrow-left.png) no-repeat 0 0; width: 7px; height: 13px; display: inline-block;  }
.gallery-foot .paging .ico-arrow-right  { background: url(images/ico-arrow-right.png) no-repeat 0 0; width: 7px; height: 13px; }

@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes spaceboots {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.affiliate-image:hover,
.affiliate-image:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

.affiliate-image span { position: absolute; bottom: -10px; right: -30px; width: 48px; height: 48px; border-radius: 50%; background: #58b4f5; font-size: 30px; line-height: 48px; color: #fff; text-align: center; }
.affiliate-body h4 { margin-bottom: 13px; }
.affiliate-body p { font-family: "Open Sans", sans-serif; fz16 line-height: 1.5; color: #999; font-weight: 400; }
.affiliate-body p span { display: block; }

/* ==========================================================================
	#Section Tools
========================================================================== */
.section-tools { padding: 79px 0 96px; background: #fff; }
.section-tools .section-head { margin-bottom: 70px; text-align: center; }
.section-tools .section-head h3 { margin: 0; font-family: "Open Sans", sans-serif; font-size: 30px; line-height: 1; color: #4c565e; font-weight: 600; }
.section-tools .section-head h4 { font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 1.5; color: #4c565e; font-weight: 300; }

.tools { list-style: none outside none; text-align: center; }
.tool { display: inline-block; margin-right: 40px; }
.tool-image { margin-bottom: 29px; }
.tool h4 { margin-bottom: 19px; font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 1; color: #4c565e; font-weight: 600; }
.tool p { font-family: "Open Sans", sans-serif; font-size: 1.5; color: #999; font-weight: 400; }
.tool p span { display: block; }

/* ==========================================================================
	#Section Services
========================================================================== */
.section-services { padding: 100px 0 77px; background: #f7f7f5; }

.services-alt { overflow: hidden; margin-right: -5%; }
.services-alt .service { float: left; width: 45%; min-height: 320px; padding: 0; margin: 0 5% 35px 0; background: none; text-align: left; }

.services-alt .service { 
	backface-visibility: visible;
	transform-origin: 50% 50% 0px;
	-webkit-transform: translateY(1000px);
    	-ms-transform: translateY(1000px);
     	 -o-transform: translateY(1000px);
        	transform: translateY(1000px); }

.services-alt .service.visible { 
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
} 

.services-alt .service {
	-webkit-transition: all 0.4s;
	     -o-transition: all 0.4s;
	        transition: all 0.4s;
}


.services-alt .service-image { float: left; margin-right: 39px; }
.services-alt .service-content { overflow: hidden; }
.services-alt .service-content h4 { padding: 0; margin-bottom: 18px; font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 1; color: #4c565e; font-weight: 600; }
.services-alt .service-content p { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 1.67; color: #666; font-weight: 300; }
.services-alt .service-content p span { display: block; }

/* ==========================================================================
	#Section Make Account
========================================================================== */
.section-make-account { padding: 52px 0 67px; background: url(images/temp/account-image.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; text-align: center; }
.section-make-account h4 { margin-bottom: 28px; font-family: "Open Sans", sans-serif; font-size: 24px; line-height: 1.42; color: #fff; font-weight: 400; }

/* ==========================================================================
	#Section Statistic
========================================================================== */
.section-statistic { padding: 71px 0 45px; border-bottom: 2px solid #f0ede9; margin-bottom: 156px; }
.statistic-items { list-style: none outside none; }

.statistic-item { font-family: 'Proxima Nova', sans-serif; color: #4c565e; text-align: center; }
.statistic-item .ico { display: block; margin: 0 auto; margin-bottom: 18px; }
.statistic-item > span { display: block; margin-bottom: 2px; font-size: 33px; line-height: 1.1; font-weight: 600; } 
.statistic-item p { font-size: 18px; line-height: 1.17; font-weight: 400; }

/* ==========================================================================
	#Section Features
========================================================================== */
.section-features { margin-bottom: 178px; text-align: center; }
.section-features .section-body { margin-bottom: 60px; }

.features { list-style: none outside none; }

.feature { padding: 0 26px; }
.feature img { margin-bottom: 23px; }
.feature h4 { margin-bottom: 25px; font-family: "Proxima Nova", sans-serif; font-size: 22px; line-height: 1.36; color: #4c565e; font-weight: 700; }
.feature p { font-size: 18px; line-height: 1.5; color: #95aab9; }

.section-features .btn-grey .ico-right-arrow { margin: 7px 0 0 30px; }

/* ==========================================================================
	#Section Companies
========================================================================== */
.section-companies { margin-bottom: 162px; height: 147px; padding-top: 45px; background: url(images/section-companies.png) no-repeat 0 0; background-size: cover; text-align: center; }

.list-companies { display: inline-block; list-style: none outside none; }
.list-companies li { float: left; }
.list-companies li + li { margin-left: 120px; }

/* ==========================================================================
	#Section Subscribe
========================================================================== */
.section-subscribe { min-height: 290px; margin-bottom: 70px; text-align: center; }
.section-subscribe .section-head { margin-bottom: 41px; }
.section-subscribe .section-head a { color: inherit; text-decoration: underline; }
.section-subscribe .section-head a:hover { text-decoration: none; }
.section-subscribe h4 { font-family: "Proxima Nova"; font-size: 30px; color: #4c565e; font-weight: 300; }
.section-subscribe strong { font-weight: 600; }

.subscribe-complete-message { padding-top: 85px; }


.subscribe-steps { width: 400%; }
.subscribe-steps:after { content: ''; display: table; clear: both; }

.section-subscribe { width: 25%; float: left;
	-webkit-transition: 600ms;
	     -o-transition: 600ms;
	        transition: 600ms;
}
.section-subscribe.completed { margin-left: -25%; }

.subscribe { font-size: 0; }
.subscribe-field,
.form-join .field { width: 329px; height: 65px; padding: 18px 24px 16px; border: none; border-bottom: 1px solid #ededeb; border-radius: 5px; margin-right: 20px; vertical-align: top; }

.section-subscribe .section-body { margin-bottom: 47px; }
.section-subscribe .section-foot p { font-family: "Proxima Nova", sans-serif; font-size: 20px; font-weight: 300; color: #f58358; }

::-webkit-input-placeholder { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }
:-moz-placeholder { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }
::-moz-placeholder { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }
::input-placeholder { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }
input::-moz-placeholder { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }
input[placeholder] { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }
textarea[placeholder] { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }
:-ms-input-placeholder { color: #9f9f9f; font-size: 22px; font-family: 'Proxima Nova', sans-serif; font-weight: 300; opacity: 1; }

.section-subscribe-alt { float: none; width: 100%; padding: 80px 0 70px; background: #f7f7f5; margin-bottom: 0; }
.section-subscribe-alt .section-head { margin-bottom: 45px; }
.section-subscribe-alt .section-head h3 { margin: 0; font-family: "Open Sans", sans-serif; font-size: 30px; line-height: 1; color: #4c565e; font-weight: 600; }
.section-subscribe-alt .section-head p { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 2.25; color: #4c565e; font-weight: 300; }

.section-subscribe-alt .subscribe-field { font-family: "Open Sans", sans-serif; font-size: 21px; font-weight: 300; }
.section-subscribe-alt .btn-orange { height: 64px; padding-right: 47px; padding-left: 47px; }

.section-subscribe-alt .section-foot p { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 2.25; color: #4c565e; font-weight: 300; }
.section-subscribe-alt .section-foot p a { font-weight: 600; color: #58b4f5; }

.section-text { padding-top: 80px; padding-bottom: 50px; font-family: "Open Sans", sans-serif;   }
.section-text p { text-align: center; line-height: 1.88; padding-bottom: 30px; }
.section-text a { font-size: 16px; color: #58b4f5; }

.section-believe { text-align: center; padding:100px ; padding-bottom: 90px; }
.section-believe p { font-size: 24px; color: #4c565e; font-weight: 300;font-family: "Open Sans", sans-serif;  }
.section-believe p strong { font-weight: 600; }
.ico-infinity { background: url(images/ico-infinity.png) no-repeat 0 0; width: 65px; height: 32px; display: inline-block; }

/* ==========================================================================
	#Form Join
========================================================================== */
.form-join { font-size: 0; }

.form-join .form-controls,
.form-join .form-actions { display: inline-block; vertical-align: top; }
.form-join .form-controls { position: relative; }
.form-join .field { width: 259px; }
.form-join .field-alt { width: 232px; border-radius: 5px 0 0 5px; margin-right: 0; }
.form-join .form-btn.btn-sm { padding: 15px 66px 13px 73px; }
.form-join .form-btn:focus { outline: 0; }

.form-join .separator { position: absolute; top: 17px; left: 231px; height: 33px; border-right: 1px solid #e6e3df; }

/* ==========================================================================
	#Foer Join Selecter
========================================================================== */
.form-join .select { font-size: 22px; }

.form-join .select option { font-size: 50px; }

.form-join .selecter { max-width: initial; display: inline-block; margin: 0; vertical-align: top; }
.form-join .selecter .selecter-selected { width: 206px; height: 65px; padding: 18px 0 0 24px; border: none; border-bottom: 1px solid #ededeb; border-radius: 0 5px 5px 0; margin-right: 20px; background: #fff url(images/ico-arrow-down.png) no-repeat 171px 28px; font-family: 'Proxima Nova'; font-size: 22px; text-align: left; }

.form-join .selecter.bottom .selecter-options { bottom: auto; top: 120%; left: -19%; width: 110%; padding: 18px 0; border: none; box-shadow: none; }
.form-join .selecter.bottom .selecter-options span { font-size: 22px; }
.form-join .selecter.bottom.open .selecter-selected { border-radius: 0 5px 5px 0; }
.form-join .selecter .selecter-item.selected,
.form-join .selecter .selecter-item:hover,
.form-join .selecter .selecter-item.selected:hover { background-color: transparent; color: #4c565e; }
.form-join .selecter .selecter-item { padding-right: 62px; border: none; background: url(images/ico-grey-dot.png) no-repeat 212px 19px; color: #9f9f9f; text-align: right; }
.form-join .selecter .selecter-item.selected { background: url(images/ico-green-check.png) no-repeat 209px 16px; }
.form-join .selecter.open .selecter-selected, .selecter.focus .selecter-selected { box-shadow: none; }

.selecter { max-width: none; }

/* ==========================================================================
	#Section Support
========================================================================== */
.section-support { padding: 87px 0 139px; font-family: 'Source Sans Pro', sans-serif; }
.section-support .section-head { margin-bottom: 83px; }
.section-support .section-head p { font-size: 22px; line-height: 1.55; color: #4c565e; }
.support-items { list-style: none outside none; text-align: center; }
.support-item { padding: 73px 52px 66px; background: #fff; }
.support-item .separator,
.service .separator { display: inline-block; width: 49px; border-bottom: 2px solid #f0f0ed; margin-bottom: 21px; }
.support-item h3 { margin-bottom: 32px; font-size: 28px; color: #4c4c4c; font-weight: bold; }
.support-item p { margin-bottom: 35px; font-size: 18px; line-height: 1.56; color: #a6a6a4; }
.support-item img { margin-bottom: 12px; }

/* ==========================================================================
	#Section Terms
========================================================================== */
.section-terms { padding-bottom: 114px; font-family: "Source Sans Pro", sans-serif; color: #4c565e; }
.section-terms-orange { padding: 98px 0 100px 0; border-bottom: 2px solid #f0ede9; margin-bottom: 80px; }

.section-terms .section-head { margin-bottom: 31px; }

.list-terms-orange { list-style: none outside none; }
.list-terms-orange li { overflow: hidden; padding: 34px 0 23px 39px; border-left: 4px solid #f58358; background: #fff; }
.list-terms-orange li + li { margin-top: 8px; }
.list-terms-orange span { float: left; width: 179px; font-size: 20px; line-height: 1.35; color: #f58358; font-weight: 600; }
.list-terms-orange p { overflow: hidden; margin-top: 2px; font-size: 18px; line-height: 1.5; color: #95aab9; }
.list-terms-orange a { color: #58b4f5; }
.list-terms-orange a:hover { color: #58b4f5; text-decoration: underline; }

.section-terms h4 { font-size: 33px; }

.terms { font-size: 18px; font-weight: 700; }
.term ~ .term { margin-top: 38px; }
.terms h5 { margin-bottom: 5px; font-size: 18px; font-weight: 700; }
.terms p { line-height: 1.89; font-weight: 400; }

.list-blue-head { margin-top: 27px; list-style: none outside none; }
.list-blue-head li + li { margin-top: 27px; }
.list-blue-head h6 { display: inline-block; padding: 4px 10px; border-radius: 2px; margin-bottom: 4px; background: #58b4f5; font-size: 18px; color: #fff; font-weight: 700; }

.list-blue-dot { margin: 38px 0 43px; color: #95a3ae; list-style: none outside none; font-weight: 400; }
.list-blue-dot li { padding-left: 36px; background: url(images/ico-blue-dot.png) no-repeat 23px 11px; }
.list-blue-dot li + li { margin-top: 9px; }

/* ==========================================================================
	#Section Contacts
========================================================================== */
.section-contacts { padding: 73px 0 171px; font-family: 'Source Sans Pro', sans-serif; }
.section-contacts-alt { padding: 52px 0 53px; background: url(images/temp/contacts.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; }
.section-contacts .section-head { margin-bottom: 64px; }
.section-contacts-alt .section-head { text-align: center; }
.section-contacts-alt .section-head h4 { font-family: "Open Sans", sans-serif; font-size: 26px; line-height: 1.31; color: #fff; font-weight: 400; }
.section-contacts .section-body { padding-bottom: 82px; border-bottom: 2px solid #f0ede9; margin-bottom: 63px; }
.section-contacts .section-head p { font-size: 22px; line-height: 1.55; color: #4c565e; }
.section-contacts-alt .section-head p { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 1.89; color: #fff; font-weight: 300; }
.section-contacts .section-head a { color: #58b4f5; }
.section-contacts .section-head a:hover { text-decoration: underline; }

.section-contacts .map img { width: 100%; }
.section-contacts .map { overflow: hidden; border-radius: 6px; }

.section-contacts .section-foot { font-size: 18px; line-height: 1.5; color: #95aab9; }

.section-contacts-alt .section-actions { text-align: center; }

.section-contacts-alt-secondary { background-image: url(images/section-contacts4.jpg) ; }
.section-contacts-alt-secondary .section-head { margin-bottom:40px; }
.section-contacts-alt-secondary .section-head { margin-bottom: 29px; }
.section-contacts-alt-secondary .btn.btn-white-alt { padding-left: 37px; padding-right: 37px; font-size: 18px; font-family: 'Varela Round', sans-serif; box-sizing:border-box; min-width: 285px; }

.section-php +  .section-contacts-alt-secondary { background-image: url(images/how-it-works.jpg) ; }

.section-contacts-secondary { background: url(images/section-contacts-secondary.jpg)  no-repeat 0 0 ; -webkit-background-size: cover; background-size: cover;}

.section-contacts-teritary { background: url(images/section-contacts-teritary.jpg) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; }
.section-contacts-teritary .section-head { margin-bottom: 29px; }

.section-believe { background: #fff; }

.section-php { background: #fff; padding:60px 0; }
.section-php .section-head { text-align: center; }
.section-php .section-head h3 { font-size: 30px; color: #4c565e; font-family: "Open Sans", sans-serif; }
.section-php .section-head p { font-size: 24px; color: #4c565e; font-family: "Open Sans", sans-serif; font-weight: 300; }

/* ==========================================================================
	#Section Benefits
========================================================================== */

.section-benefits { background: #f7f7f5; }
.section-benefits h3 { text-align: center; font-size: 30px; color: #4c565e; font-family: "Open Sans", sans-serif; font-weight: bold; }
.section-benefits h4 { font-size: 24px; color: #4c565e; }

.section-benefits .section-head { text-align: center; padding-top: 40px; padding-bottom: 60px; }
.section-benefits .section-head h4 { font-weight: 300;font-family: "Open Sans", sans-serif;   }

.section-text { background: #f7f7f5; }

.benefits { text-align: center; padding-bottom: 60px; background: #f7f7f5; }
.benefit { width: 32.33%; display: inline-block; vertical-align:top; }
.benefit a { color: #58b4f5; }
.benefit p { font-size: 14px; line-height: 24px; color: #999; }
.benefit-body { padding-left:30px; padding-right: 30px; }

.benefits.benefits-secondary { background: none; padding-top: 50px; padding-bottom: 0; }
.benefits.benefits-secondary p { font-size: 16px; line-height: 1.5; font-weight: 300; }
.benefits.benefits-secondary h4 {  font-size: 24px; }

/* ==========================================================================
	#section start
========================================================================== */

.section-start { padding-top: 35px; background: #fff; }
.section-start h3 { text-align: center; font-size: 30px; color: #4c565e; font-family: "Open Sans", sans-serif; font-weight: bold; }
.section-start h4 { font-size: 24px; color: #4c565e; text-align: center; line-height: 1.5; }
.section-start h4 a { color: #58b4f5; }

.section-start-secondary { background: #f7f7f5; padding-bottom: 80px; }
.section-start-secondary .section-head { padding-bottom:58px; }
.section-start-secondary p { font-size: 16px; color: #4c565e; line-height: 1.88; padding-right: 30px; }
.section-start-secondary p a { color: #58b4f5; }
.section-start .section-head h5 { text-align: center; font-size: 24px; line-height: 1.5;  font-weight: 100; font-family: "Open Sans", sans-serif; }
.section-start .section-head h5 strong { font-weight: 500; }

.section-start-tertiary { padding-top: 65px; padding-bottom: 0; background: #f7f7f5; }

.macbook { text-align: center; padding-top: 60px; margin-bottom: -9px; position: relative; }

/* ==========================================================================
	#Form Contacts
========================================================================== */
.form-contacts .field,
.form-contacts .textarea,
.form-contacts .select { width: 100%; border: none; border-bottom: 1px solid #ededeb; border-radius: 5px; background: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }
.form-contacts .field { padding: 19px 22px 15px; }

.form-contacts .select {  padding: 17px 19px; font-size: 22px; color: #393939; }
.form-contacts .textarea { height: 194px; padding: 19px 20px; resize: none; }
.form-contacts .form-row ~ .form-row { margin-top: 20px; }

.form-contacts .form-body { margin-bottom: 32px; }

.form-contacts .form-btn { padding: 14px 48px; font-weight: 600; }
.form-contacts .form-btn:focus { outline: 0; }


.form-contacts .selecter { max-width: initial; }
.form-contacts .selecter .selecter-selected { height: 65px; padding: 17px 23px; border: none; border-bottom: 1px solid #ededeb; border-radius: 5px; box-shadow: none; background: #fff url(images/ico-arrow-down.png) no-repeat right 25px center; font-family: 'Source Sans Pro', sans-serif; font-size: 22px; color: #393939; }

.form-contacts .selecter-options { padding: 14px 0; border: none; box-shadow: none; }
.form-contacts .selecter.bottom .selecter-options { bottom: auto; top: 87px; border-radius: 5px; }
.form-contacts .selecter-item { padding-left: 59px; border: none; background: #fff url(images/ico-grey-dot.png) no-repeat 28px 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 22px; color: #4c565e; }
.form-contacts .selecter-item:hover { background: #fff url(images/ico-grey-dot.png) no-repeat 28px 20px; }

.form-contacts .selecter-item.selected,
.form-contacts .selecter-item.selected:hover { background: #fff url(images/ico-green-check.png) no-repeat 25px 17px; }

/* ==========================================================================
	#Section Btns
========================================================================== */
.section-btns .row ~ .row { margin-top: 20px;  }


/*  section primary  */

.section-primary { font-family: "Open Sans", sans-serif; padding-bottom: 80px; } 
.section-primary h3 { font-weight: 600; padding-bottom: 55px; } 
.section-primary p { font-size: 16px; line-height: 1.88;  color: #4c565e; font-weight: 300; } 
.section-primary p a { color: #58b4f5; } 
.section-primary .col-lg-6 h3 { text-align: left; padding-bottom: 0; } 
.section-primary .section-head p { text-align: center; font-size: 24px; line-height: 1.5; margin-top: -25px; position: relative; top:-35px; } 

.section-generic { background: #f7f7f5; padding:72px 0 52px 0; font-family: "Open Sans", sans-serif;  }
.section-generic h3 { padding-bottom: 5px; font-weight: 600; }
.section-generic p { font-size: 16px; line-height: 1.88; color: #4c565e; font-weight: 300; }
.section-generic .col-lg-6 { text-align: left;}
.section-generic .col-lg-6 h3 {text-align: left;  }

.section-gray { background: #f7f7f5; }

.list-wordpress-features { list-style: none; padding-top: 20px; }
.list-wordpress-features h5 { font-size: 24px; color: #4c565e; }
.list-wordpress-features li { padding-left: 61px; position: relative; padding-bottom: 20px; }
.list-wordpress-features li p { font-size: 14px; line-height: 1.71; }
.list-wordpress-features li i { position:absolute; top:0px; left:0px;  }

i.ico-cloud { background: url(images/ico-cloud.png) no-repeat 0 0; width: 45px; height: 35px; }
i.ico-speed { background: url(images/ico-speed.png) no-repeat 0 0; width: 39px; height: 36px; }
i.ico-easy { background: url(images/ico-easy.png) no-repeat 0 0; width: 127px; height: 127px; display: inline-block; }
i.ico-custom { background: url(images/ico-custom.png) no-repeat 0 0; width: 127px; height: 127px; display: inline-block;  }
i.ico-user { background: url(images/ico-user.png) no-repeat 0 0; width: 127px; height: 127px;  display: inline-block; }


.features-wordpress { text-align: center; }
.features-wordpress h3 { padding-bottom: 0; font-size: 24px; color: #4c565e; }
.features-wordpress p { font-size: 16px; color: #999999; line-height:1.5; text-align: center; padding:0 15px; }

.features-wordpress-actions { text-align: center; padding-top: 50px; }
.features-wordpress-actions a.btn-large { padding:17px 30px; }
/* ===========================
	CAROUSEL
============================ */

.slider-themes { margin-bottom: 90px; position: relative; }
.section-start .section-body { position: relative; }

#carousel { margin-top: 22px; position:relative; }

#carousel .slider-prev { width:30%; height: 100%; background:transparent; position:absolute; top:0; left:0;  z-index: 22;    }
#carousel .slider-next { width:30%; height: 100%; background:transparent; position:absolute; top:0; right:0;  z-index: 22;  }

#carousel ul {list-style:none;}
#carousel li { width:478px; float:left; position:relative; height: 406px; }

#carousel li a { opacity:0; background-color: #fff; }

#carousel li a span { display:block; text-align:center; font-size: 13px; color: #989a9d; margin-top: 3px;  z-index: 4; position:relative; }
#carousel li a span.title { margin-top: 12px; font-size: 16px; color: #ffffff; font-weight: bold; text-shadow:0 0 1px #000; margin-bottom: 4px; }
#carousel li a span.title strong { color: #9b9b9b; }

#carousel li.third-slide { z-index: 50; }
#carousel li a { position:absolute; top:0; left:0;  z-index: 19; }
#carousel li a img {  z-index: 5; position:relative; }
#carousel li { -webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible;
  }
  

#carousel li.first-slide a { 
	z-index: 21;
	cursor: default;
	pointer-events:none;
		left:120px; 
	-webkit-transform:   scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity:1;
 }

#carousel li.third-slide a img,
#carousel li.first-slide a img { opacity:0.3;  }

#carousel li.second-slide a { 
	z-index: 123;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity:1;
 }
 #carousel li.second-slide a.link-zoom,
 #carousel li.second-slide .ribbon,
 #carousel li.second-slide a span { opacity:1; visibility: visible; }


#carousel li.third-slide a { 
	z-index: 21;
	margin-left:-120px; 
	-webkit-transform:  scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity:1;
	
	cursor: default;
	pointer-events:none;
 }


#carousel li a.link-zoom { background:url('images/link-zoom.png') no-repeat 0 0; width:32px; height:22px; display: block; position:absolute; top:240px; right:-60px; z-index: 50; left:auto; opacity:0; visibility: hidden; }
#carousel li a.link-zoom:hover  { opacity:0.6;  }

#carousel li a { padding-top: 34px; border:1px solid #e5e5e5; border-bottom-width: 3px; background:#fff url(images/gallery-browser.jpg) no-repeat center 0; border-radius:3px; margin-bottom: 40px; }

#pager { position:absolute; bottom:-30px; left:0px;  text-align: center; width: 100%;}
#pager li { display: inline-block; }
#pager a { width: 12px; height: 12px; background: #e5e5e5; margin:0 5px; border-radius:50%; display:inline-block; font-size:0; line-height:0; text-indent:-4000px; }
#pager a.selected { background: #f68357; }

.link-see-more { position:absolute; bottom:30px; left:0px; text-align: center; width: 100%; color: #000; font-size: 18px; color: #4c565e; font-weight: normal; font-family: "Open Sans", sans-serif;  }
.link-see-more:hover { text-decoration: underline; }

/* ==========================================================================
	#Numbers
========================================================================== */
.numbers p { float: left; width: 65px; height: 65px; padding-top: 4px; border: 3px solid #9cafbd; border-radius: 50%; font-size: 36px; color: #9cafbd; text-align: center; }

.numbers .separator { float: left; width: 298px; border-bottom: 3px solid #f5f4f2; margin: 30px 15px; }

/* ==========================================================================
	#Paging
========================================================================== */
.paging { float: left; }
.paging ul { float: left; list-style: none outside; }
.paging li { float: left; }
.paging li + li { margin-left: 6px; }
.paging a,
.paging-spacer { display: block; width: 31px; height: 32px; border-radius: 5px; border-bottom: 1px solid #ededeb; background: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #cac9c9; text-align: center; }

.paging .current a { border-bottom-color: #fba787; background: #fba787; color: #fff; }
.paging a:hover,
.paging .hover a { border-color: #d3dee5; background: #d3dee5; color: #fff; }

.paging-next { float: left; margin-left: 6px; }

/* ==========================================================================
	#Answer
========================================================================== */
.answer { float: left; margin: 0 78px; font-family: 'Source Sans Pro', sans-serif; }

.answer-left,
.answer-right { float: left; height: 49px; border-bottom: 1px solid #ededeb; background: #fff; text-align: center; }

.answer-left { width: 115px; padding: 11px 0 0; border-radius: 5px 0 0 5px; }
.answer-right { width: 140px; padding: 0; border-radius: 0 5px 5px 0; margin-left: 2px; }

.answer p { font-size: 18px; color: #40d884; }
.answer span { display: block; font-size: 33px; }

/* ==========================================================================
	#Form Domain
========================================================================== */
.form-domain { padding-left: 41px; border-left: 4px solid #f58358; background: #fff; font-family: 'Source Sans Pro', sans-serif; }

.form-domain .form-row { height: 96px; }
.form-domain span,
.form-domain .form-controls,
.form-domain .select,
.form-domain .checkbox { float: left; }

.form-domain .form-row > span { margin: 35px 110px 0 0; font-size: 18px; color: #f58358; }

.form-domain .checkbox { width: 166px; margin: 34px 0 0 90px; }

.form-domain .select { margin-top: 16px; }
.form-domain .date { margin: 35px 0 0 52px; font-size: 18px; color: #6c7378; }
.form-domain .price { margin-top: 35px; font-size: 18px; color: #6c7378; font-weight: 900; }

.form-domain .selecter .selecter-selected { width: 100px; padding-left: 15px; border-radius: 5px; border: 2px solid #f1f1f1; font-family: 'Source Sans Pro', sans-serif; background: #fff url(images/form-domain-select.png) no-repeat 74px 19px; font-size: 18px; color: #6c7378; box-shadow: none; }
.form-domain .selecter-options { width: 100px; margin-top: 43px;  border: 2px solid #f1f1f1; background: #fff; box-shadow: none; }
.form-domain .selecter-item { width: 100px; padding-left: 15px; border: none; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; }
.form-domain .selecter-item:hover { color: #c0c2c3; }
.form-domain .selecter .selecter-item.selected { background: #fff; }
.form-domain .selecter .selecter-item.selected:hover { background: #fff; color: #c0c2c3; }
.form-domain .selecter .selecter-item:hover { background: #fff; }
.form-domain .selecter.bottom .selecter-options { bottom: auto; top: 100%; border: 2px solid #f1f1f1; padding-top: 5px; border-radius: 0 0 5px 5px; border-top: none; }
.form-domain .selecter.bottom.open .selecter-selected { border-radius: 5px 5px 0 0; border-bottom: none; }

.form-domain .custom-checkbox input { opacity: 0; filter: alpha(opacity=0); position: absolute; }
.form-domain .custom-checkbox-fake { float: left; width: 26px; height: 26px; border: 2px solid #f1f1f1; border-radius: 3px; margin-right: 5px; }
.form-domain .custom-input-checked .custom-checkbox-fake { width: 30px; border: none; background: url(images/sprite.png) no-repeat -213px -50px; }
.form-domain .custom-input-disabled .custom-checkbox-fake { opacity: .5; filter: alpha(opacity=50); }

/*  Form filter  */

.form-filter { border:1px solid #e5e5e5; border-radius:5px; margin-bottom: 50px; }
.form-filter .form-row { position: relative; }
.form-filter label { position:absolute; top:5px; left:22px; font-size: 16px; color: #444444; font-family: "Open Sans", sans-serif; }
.form-filter .selecter { margin-left:136px;  }
.form-filter .selecter .selecter-selected { background:#fff url(images/select-arrow2.png) no-repeat right center; }
.form-filter .selecter .selecter-selected { font-size: 16px; color: #444444; padding:5px 0; border:0; font-size: 16px; font-family: "Open Sans", sans-serif;  }
.form-filter div[class^="col-"]:first-child { border-right: 1px solid #e5e5e5; }
.form-filter input[placeholder],
.form-filter input.field { border:0; font-size: 16px; color: #999999; width: 100%; font-family: "Open Sans", sans-serif; padding:14px 0 14px 35px; }
.form-filter .form-label-search { background: url(images/ico-search.png) no-repeat 0 0; width: 16px; height: 16px; font-size:0; line-height:0; text-indent:-4000px;  display: block; position:absolute; top:17px; left:5px; }

.form-filter  ::-webkit-input-placeholder { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }
.form-filter  :-moz-placeholder { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }
.form-filter  ::-moz-placeholder { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }
.form-filter  ::input-placeholder { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }
.form-filter  input::-moz-placeholder { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }
.form-filter  input[placeholder] { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }
.form-filter  textarea[placeholder] { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }
.form-filter  :-ms-input-placeholder { color: #9f9f9f; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; opacity: 1; }

/* ==========================================================================
	#Services
========================================================================== */
.services { font-family: 'Source Sans Pro', sans-serif; list-style: none outside none; }
.service { padding: 39px 25px 41px; background: #fff; text-align: center; }

.service h4 { padding: 0 15px; margin-bottom: 30px; font-size: 22px; line-height: 1.36; color: #4c4c4c; font-weight: 700; }

.service p { font-size: 16px; margin-bottom: 28px; line-height: 1.5; color: #a6a6a4; }

.service .separator { margin-bottom: 14px; }

/* ==========================================================================
	#Accordion Faq
========================================================================== */
.accordion-faq { font-family: 'Source Sans Pro'; }
.accordion-faq .accordion-section ~ .accordion-section { margin-top: 2px; }
.accordion-faq .accordion-head { height: 96px; padding: 28px 7px 0 25px; background: #fff; }
.accordion-faq .accordion-body { position: relative; display: none; padding: 16px 70px; margin-top: 2px; background: #c3ced5; }

.accordion-faq h4 { float: left; font-size: 24px; color: #505050; }
.accordion-faq .ico-question { margin: 2px 20px 0 0; }
.accordion-faq .ico-open { margin-left: 15px; }


.accordion-faq p { margin: 0; font-size: 20px; line-height: 1.6; color: #fff; letter-spacing: 0.025em; }

.accordion-faq .btn-open { float: right; font-size: 20px; color: #95aab9; font-weight: 300; }
.accordion-faq .btn-open-alt { color: #dfe5ea; }

.accordion-faq .ico-faq-arrow { position: absolute; top: 25px; left: 26px; }

/* ==========================================================================
	#Payment Items
========================================================================== */
.payment-items { overflow: hidden; font-family: 'Source Sans Pro', sans-serif; list-style: none outside none; text-align: center; }

.payment-item { height: 143px; padding: 32px 0; background: #fff; }
.payment-item ~ .payment-item { margin-top: 21px; }
.payment-item span { display: inline-block; margin-bottom: 7px; font-size: 33px; color: #6c7378; }
.payment-item p { font-size: 18px; color: #898784; }

.payment-item-alt { background: #f68357; }
.payment-item-alt:hover { background: #fb8355; }
.payment-item-alt a { display: block; height: 143px; margin-top: -32px; padding-top: 32px; }
.payment-item-alt span { display: block; font-size: 26px; color: #fff; }

/* ==========================================================================
	#Form Radio
========================================================================== */
.form-radio { margin-top: 8px; }
.form-radio .form-controls { display: inline-block; }
.form-radio .radio,
.form-payment .radio { float: left; height: 38px; margin: 0; }
.form-radio .radio label,
.form-payment .radio label { padding-left: 0; }
.form-radio .radio ~ .radio,
.form-payment .radio ~ .radio { margin-left: 33px; }
.form-radio .custom-radio input,
.form-payment .custom-radio input { opacity: 0; filter: alpha(opacity=0); position: absolute; }
.form-radio .custom-radio-fake,
.form-payment .custom-radio-fake { float: left; width: 14px; height: 14px; border-radius: 50%; margin: 4px 12px 0 0; background: #e8e8e6; }
.form-radio .custom-input-checked .custom-radio-fake,
.form-payment .custom-input-checked .custom-radio-fake { border: 3px solid #e8e8e6; background: #6c7378; }
.form-radio .custom-input-disabled .custom-radio-fake,
.form-payment .custom-input-disabled .custom-radio-fake { opacity: .5; filter: alpha(opacity=50); }

/* ==========================================================================
	#Form Payment
========================================================================== */
.form-payment { padding: 50px 42px 58px; background: #fff; }

.form-payment .form-head { padding-bottom: 36px; border-bottom: 2px solid #f1f1f1; margin-bottom: 49px; }
.form-payment .form-head .radio label { width: auto; }
.form-payment .form-head .radio label:hover .ico { opacity: 0.6; }
.form-payment .form-body label { margin-top: 20px; }

.form-payment .form-row { overflow: hidden; }
.form-payment .form-row ~ .form-row { margin-top: 15px; }
.form-payment label,
.form-payment .form-controls { float: left; }

.form-payment label { width: 143px; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #babab8; font-weight: 400; }

.form-payment .field { width: 418px; height: 63px; padding: 12px 16px 15px; border: 1px solid #949494; font-size: 26px; color: #a8b2ba !important; }
.form-payment .field:focus { border-color: #f58358; }
.form-payment .field-large { padding-right: 68px; background: url(images/input-bg.png) no-repeat 369px 21px; }
.form-payment .field-small { width: 97px; }
.form-payment .field-xsmall { width: 86px; }

.form-payment .separator { margin: 0 7px; font-size: 30px; color: #949494; }

.form-payment .radio { margin-left: 16px; }
.form-payment .custom-radio-fake { margin-top: 7px; }
.form-payment .ico-pay,
.form-payment .ico-card { margin: 3px 8px 0 0; }

.form-payment ::-webkit-input-placeholder { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }
.form-payment :-moz-placeholder { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }
.form-payment ::-moz-placeholder { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }
.form-payment ::input-placeholder { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }
.form-payment input::-moz-placeholder { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }
.form-payment input[placeholder] { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }
.form-payment textarea[placeholder] { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }
.form-payment :-ms-input-placeholder { font-family: 'Source Sans Pro', sans-serif; font-size: 26px; color: #4c565e; font-weight: 400; opacity: 1; }

.form-payment .form-body .form-row:first-child ::-webkit-input-placeholder { color: #ededed; }
.form-payment .form-body .form-row:first-child :-moz-placeholder { color: #ededed; }
.form-payment .form-body .form-row:first-child ::-moz-placeholder { color: #ededed; }
.form-payment .form-body .form-row:first-child ::input-placeholder { color: #ededed; }
.form-payment .form-body .form-row:first-child input::-moz-placeholder { color: #ededed; }
.form-payment .form-body .form-row:first-child input[placeholder] { color: #ededed; }
.form-payment .form-body .form-row:first-child textarea[placeholder] { color: #ededed; }
.form-payment .form-body .form-row:first-child :-ms-input-placeholder { color: #ededed; }


/* ==========================================================================
	#Section Attachment
========================================================================== */

.section-attachment .btn-attach { width: 341px; border-radius: 4px; background: #f1f0f0; }
.section-attachment .btn-attach span { font-size: 16px; color: #59abed; }

/* ==========================================================================
	#Form Attachment
========================================================================== */
.form-attachment input[type="file"]::-webkit-file-upload-button { border: none; background: transparent; font-size: 16px; color: #59abed; }

.form-attachment .form-controls { position: relative; width: 341px; border-radius: 4px; background: #f1f0f0; }

/* .form-attachment input.field {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.form-attachment ::-webkit-input-placeholder { color: #59abed; }
.form-attachment :-moz-placeholder { color: #59abed; }
.form-attachment ::-moz-placeholder { color: #59abed; }
.form-attachment ::input-placeholder { color: #59abed; }
.form-attachment input::-moz-placeholder { color: #59abed; }
.form-attachment input[placeholder] { color: #59abed; }
.form-attachment textarea[placeholder] { color: #59abed; }
.form-attachment :-ms-input-placeholder { color: #59abed; } */

/* ==========================================================================
	#Section Left
========================================================================== */
.section-left { position: absolute; top: 251px; left: -263px; width: 199px; height: 2078px; padding-right: 15px; border-right: 2px solid #fffffc; text-align: right; }

.section-left p,
.section-left span { position: relative; display: inline-block; padding-top: 5px; border-radius: 3px; margin-bottom: 392px; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 1.06; color: #fff; font-weight: 700; }
.section-left p { width: 107px; height: 31px; background: #00aeef; text-align: center; }
.section-left span { width: 182px; height: 49px; padding-right: 14px; background: #f58358; }

.section-left .ico { position: absolute; }

.section-left .ico-blue-left-dot,
.section-left .ico-orange-left-dot { right: -19px; }

.section-left .ico-blue-left-dot { top: 7px; }
.section-left .ico-orange-left-dot { top: 17px; }


.section-left .ico-blue-triangle,
.section-left .ico-orange-triangle { right: -3px; }
.section-left .ico-blue-triangle { top: 12px; }
.section-left .ico-orange-triangle { top: 22px; }


/* ==========================================================================
	#Bar
========================================================================== */

.bar { background: #2d2d2d; }
.bar .logo { float: none; display: inline-block; vertical-align: middle; margin-right: 55px; }
.bar-entry { text-align: center; padding: 16px 0 17px; }
.bar strong { font-weight: 600; padding-right: 15px; }
.bar p { display: inline-block; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 21px; color: #fff; padding-top: 7px; }
.bar p a { color: #58b4f5; }
.bar p a:hover { opacity: 0.6; }
.bar p a {
	-webkit-transition: all 0.2s linear; 
	     -o-transition: all 0.2s linear; 
	        transition: all 0.2s linear; 
}

/* ==========================================================================
	#Section Why Choose
========================================================================== */

.section-why-choose { background: #fff; text-align: center; font-family: 'Open Sans', sans-serif; padding: 75px 0 87px; }
.section-why-choose h2 { font-weight: 600; font-size: 30px; margin-bottom: 16px; }
.section-why-choose p { font-size: 24px; line-height: 1.5; font-weight: 300; }
.section-why-choose strong { letter-spacing: -0.02em; }

/* ==========================================================================
	#Section Domain
========================================================================== */

.section-domain { text-align: center; font-family: 'Open Sans', sans-serif; padding: 151px 0 210px; }
.section-domain h2 { font-size: 28px; font-weight: 300; letter-spacing: 0.015em; margin-bottom: 45px; }
.section-domain h2 strong { font-weight: normal; }

/* ==========================================================================
	#Section Issues
========================================================================== */

.section-issues { text-align: center; padding: 72px 0 81px; font-family: 'Open Sans', sans-serif; font-weight: 300; }
.section-issues p { font-size: 18px; line-height: 1.7; margin-bottom: 30px; }
.section-issues .lead { font-weight: 600; color: #f68357; }
.section-issues .btn { padding: 17px 32px; margin-top: 26px; text-transform: uppercase; font-size: 18px; font-family: 'Open Sans', sans-serif; }

/* ==========================================================================
	#Section Upgrade
========================================================================== */

.section-upgrade { text-align: center; font-family: 'Open Sans', sans-serif; padding: 55px 0 100px; background: #fff; }
.section-upgrade h2 { font-weight: 600; margin-bottom: 10px; margin-bottom: 16px; }
.section-upgrade .section-head p { font-size: 24px; font-weight: 300; padding: 0 80px; line-height: 1.5; }
.section-upgrade .section-head { padding-bottom: 68px; }

/* ==========================================================================
	#Section Domain Sale
========================================================================== */

.section-domain-sale { background: #f0ede9; font-family: 'Open Sans', sans-serif; }
.section-domain-sale .section-content { padding: 44px 0 80px 23px;  }
.section-domain-sale .section-content h3 { font-size: 30px; font-weight: 600; margin-bottom: 21px; }
.section-domain-sale .section-content p { font-size: 18px; font-weight: 300; line-height: 1.7; }
.section-domain-sale .section-actions { margin-top: 46px; }
.section-domain-sale .section-actions .btn { text-transform: uppercase; padding: 17px 33px; font-size: 19px; }

/* ==========================================================================
	#Plans
========================================================================== */

.plans { text-align: left; font-weight: normal; }

.plan-labels-head { height: 138px; border-bottom: 1px solid #e6e6e6; }
.plan-labels-head a { color: #58b4f5; }
.plan-labels-head .lead { font-size: 18px; margin-bottom: 14px; }
.plan-labels-head .lead strong { display: block; font-weight: 600; text-transform: uppercase; }
.plan-labels-row { line-height: 50px; height: 50px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #4c565e; border-bottom: 1px solid #e6e6e6; }

.plan { position: relative; }
.plan-best:before { content: ''; position: absolute; width: 77px; height: 75px; right: -7px; top: -7px; background: url(images/plan-best.png) no-repeat 0 0; }
.plan-head { height: 131px; background: #f4f3ee; border-bottom: 1px solid #e6e6e6; margin-top: 7px; }
.plan-title { height: 50px; line-height: 50px; font-size: 24px; margin: 0; font-weight: 600; color: #fff; text-align: center; background: #adcd6f; border-radius: 5px 5px 0 0; }
.plan-title-red { background: #f58358; }
.plan-title-blue { background: #58b4f5; }
.plan-price { font-family: 'Open Sans', sans-serif; font-size: 42px; color: #4c565e; font-weight: 600; line-height: 1; text-align: center; }
.plan-price sub { font-size: 24px; vertical-align: bottom; bottom: 15px; }
.plan-price sup { top: -10px; font-size: 65%; }
.plan-price span { color: #999; font-weight: 300; font-family: 'Roboto', sans-serif; font-size: 12px; }
.plan-row { line-height: 50px; height: 50px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 15px; color: #4c565e; border-bottom: 1px solid #e6e6e6; background: #f9f9f6; text-align: center; }
.plan-row strong { font-weight: 600; }
.plan-row .ico-check { display: inline-block; vertical-align: top; width: 24px; height: 24px; margin-top: 12px; background: url(images/sprite.png) -447px -132px no-repeat; }
.plan-actions { border-radius: 0 0 5px 5px; background: #f9f9f9; text-align: center; font-weight: normal; padding: 21px 26px; }
.plan-actions span { display: inline-block; font-size: 20px; font-family: 'Proxima Nova'; color: #adcd6f; line-height: 54px; text-transform: uppercase; font-weight: 600; }
.plan-actions .btn-orange.btn-sm { height: 54px; line-height: 54px; display: block; padding: 0; font-size: 20px; font-family: 'Proxima Nova'; font-weight: 600; }

/* ==========================================================================
	#Btns
========================================================================== */
.btn { -webkit-transition: linear 0.3s;
     -o-transition: linear 0.3s;
        transition: linear 0.3s; }

.btn-lightblue,
.btn-lightorange { min-width: 249px; padding: 18px 0 17px; border: 2px solid; border-radius: 5px; font-family: "Proxima Nova", Arial; font-size: 18px; font-weight: 600; text-transform: uppercase; }

.btn-lightblue { color: #58b4f5; }
.btn-lightblue:hover { border-color: #58b4f5; background: #58b4f5; color: #fff; }
.btn-lightorange { color: #f58358; }
.btn-lightorange:hover { border-color: #f58358; background: #f58358; color: #fff; }

.btn-orange { border-radius: 5px; background: #f58358; font-family: 'Source Sans Pro', sans-serif; font-size: 20px; line-height: 1.7; color: #fff; text-transform: uppercase; }

.btn-orange.btn-lg { padding: 22px 64px 20px; }
.btn-orange.btn-sm { padding: 15px 36px 13px 43px; }

.btn-orange:hover,
.btn-orange-hover { color: #fff; background: #f8b095; }

.btn-sm.btn-darkerorange,
.btn-sm.btn-lightorange,
.btn-sm.btn-darkorange { min-width: 153px; padding: 6px 0 7px; border-width: 2px; border-style: solid; border-radius: 6px; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; text-transform: none; text-align: center; }

.btn-sm.btn-lightorange { border-color: #f58358; color: #f58358; }
.btn-sm.btn-darkorange { border-color: #f8b196; background: #f8b196; color: #fff; }
.btn-sm.btn-darkerorange { border-color: #f58358; background: #f58358; color: #fff; }
.btn-sm.btn-lightorange:hover,
.btn-sm.btn-darkerorange:hover { border-color: #f8b196; background: #f8b196; color: #fff; }

.btn-grey { font-family: "Proxima Nova", sans-serif; font-weight: 600; font-size: 20px; color: #9cafbd; padding: 27px 60px 25px 93px; border-radius: 6px; border: 2px solid #9cafbd; }
.btn-grey:hover { color: #95aab9; opacity: 0.7; }

.btn-grey-small { padding: 8px 23px 7px 17px; font-size: 18px; font-weight: 400; }
.btn-grey-small:hover,
.btn-grey-small-hover { color: #95aab9; opacity: 0.7; }

.btn-lightgrey { border-color: #d3dee5; background: #d3dee5; color: #fff; }
.btn-darkgrey { border-color: #adbdc8; background: #adbdc8; color: #fff; }

.btn-lg.btn-darkgrey,
.btn-lg.btn-lightgrey,
.btn-lg.btn-grey { padding: 23px 40px 22px; font-family: 'Varela Round', sans-serif; font-weight: normal; }
.btn-lg.btn-grey:hover { color: #9cafbd; }
.btn-lg.btn-lightgrey:hover { color: #fff; }
.btn-lg.btn-darkgrey:hover { border-color: #d3dee5; background: #d3dee5; color: #fff; }


.btn-close { display: inline-block; width: 12px; height: 12px; padding: 0; background: url(images/sprite.png) no-repeat -155px -58px; }

.btn-edit { display: inline-block; width: 25px; height: 24px; background: url(images/sprite.png) no-repeat -173px -109px; }
.btn-edit:hover,
.btn-edit-hover { opacity: 0.6; }

.btn-white { width: 249px; height: 65px; padding-top: 18px; border-radius: 0; background: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #f58358; text-align: center; }
.btn-white:hover { color: #fdc7b3; }
.btn-white:hover .ico { opacity: 0.5; }

.btn-white .ico { margin: 1px 8px 0 0; }
.btn-white .ico {
	-webkit-transition: linear 0.3s;
     -o-transition: linear 0.3s;
        transition: linear 0.3s;
}

.btn-attach { min-width: 341px; padding: 4px 10px 5px 8px; border-radius: 4px; background: #f1f0f0; font-family: 'Source Sans Pro', sans-serif; text-align: left; }
.btn-attach span { float: left; font-size: 16px; color: #59abed; }
.btn-attach .ico-attach { float: left; margin: 5px 7px 0 0; }
.btn-attach .ico-attach-exit { float: right; margin-top: 5px; }
.btn-attach:hover .ico-attach,
.btn-attach:hover span { opacity: 0.6; }

.btn-white-alt { height: 60px; padding: 0 82px; border: 2px solid  #fff; border-radius: 5px; font-size: 18px; line-height: 60px; color: #fff; text-transform: uppercase; }
.btn-white-alt:hover { color: #fff; border-color: #a6b8bf; }

/* ==========================================================================
	#Icons
========================================================================== */
.ico { display: inline-block; background: url(images/sprite.png) no-repeat; }
img.ico { background: transparent; }

.ico-plug,
.ico-house,
.ico-list { height: 47px; }

.ico-plug { width: 24px; background-position: -73px 0px; }
.ico-house { width: 39px; background-position: 0px 0px; }
.ico-list { width: 30px; background-position: -41px 0px; }

.ico-right-arrow { width: 19px; height: 10px; background-position: -132px -58px; vertical-align: top; }

.ico-telephone,
.ico-letter { width: 19px; vertical-align: top; }
.ico-telephone { height: 20px; background-position: -169px -58px; }
.ico-letter { height: 15px; background-position: -190px -58px; }

.ico-bell { width: 19px; height: 21px; background-position: -144px -74px; }
.ico-arrow-white-down { width: 9px; height: 6px; background-position: -170px -82px; }
.ico-message,
.ico-money { width: 19px; vertical-align: top; }
.ico-message { height: 14px; background-position: -182px -82px; }
.ico-money { height: 15px; background-position: -203px -81px; }

.ico-arrow-white-up { width: 14px; height: 7px; background-position: -186px -99px; }

.ico-grey-check { width: 13px; height: 10px; background-position: -161px -97px; }

.ico-arrow-grey-right { width: 6px; height: 9px; background-position: -211px -117px; }

.ico-faq-arrow,
.ico-question { width: 20px; height: 23px; vertical-align: top; }
.ico-faq-arrow { background-position: -228px -107px; }
.ico-question { background-position: -228px -78px; }

.ico-open,
.ico-close { width: 13px; height: 7px; }
.ico-open { background-position: -247px -50px; }
.ico-close { background-position: -247px -61px; }

.ico-pay,
.ico-card { height: 25px; vertical-align: top; }

.ico-pay { width: 26px; background-position: -253px -73px; }
.ico-card { width: 32px; background-position: -250px -103px; }

.ico-white-money,
.ico-white-money-plus { height: 31px; }
.ico-white-money { width: 37px; background-position: -268px -37px; }
.ico-white-money-plus { width: 56px; background-position: -276px 0; }

.ico-lock,
.ico-updown,
.ico-ticket,
.ico-cancel { height: 21px; vertical-align: top; }

.ico-lock { width: 14px; background-position: -293px -115px; }
.ico-updown { width: 17px; background-position: -315px -70px; }
.ico-ticket { width: 21px; background-position: -290px -92px; }
.ico-cancel { width: 14px; background-position: -290px -70px; }

.ico-attach { width: 16px; height: 14px; background-position: -316px -95px; vertical-align: top; }
.ico-attach-exit { width: 13px; height: 13px; background-position: -319px -114px; vertical-align: top; }

.ico-blue-triangle,
.ico-orange-triangle { width: 3px; height: 6px; }
.ico-blue-triangle { background-position: -16px -140px; }
.ico-orange-triangle { background-position: -16px -148px; }

.ico-blue-left-dot,
.ico-orange-left-dot { width: 6px; height: 16px; }
.ico-blue-left-dot { background-position: -8px -140px; }
.ico-orange-left-dot { background-position: 0 -140px; }

.ico-diagram,
.ico-perf,
.ico-settings,
.ico-play,
.ico-cloud { width: 127px; height: 127px; background-position: -345px 0; }

.ico-perf { background-position: -492px -1px; }
.ico-settings { background-position: -635px -1px; }
.ico-play { background-position: -489px -134px; }
.ico-cloud { background-position: -633px -133px; }

.ico-list-alt,
.ico-rings,
.ico-zoom,
.ico-rocket { width: 45px; height: 37px; }

.ico-list-alt { background-position: -195px -156px; }
.ico-rings { background-position: -63px -162px; }
.ico-zoom { background-position: 0 -164px; }
.ico-rocket { background-position: -131px -164px; }


/* ==========================================================================
	#Footer
========================================================================== */
.footer { padding: 81px 0 0; border-top: 2px solid #f0ede9; }
.footer-body { margin-bottom: 72px; }

.footer-logo { overflow: hidden; display: block; width: 122px; height: 40px; margin-bottom: 13px; background: url(images/sprite.png) no-repeat 0px -49px; text-indent: 100%; white-space: nowrap; }

.footer h5 { margin: 9px 0 29px 0; font-size: 14px; color: #4c565e; text-transform: uppercase; }

.copyright { color: #afb4ba; }

.list-nav { list-style: none outside none; }
.list-nav li + li { margin-top: 11px; }
.list-nav a { color: #afb4ba; }
.list-nav a:hover { color: #9fa4aa; }

.footer-inner { height: 31px; background: #f0ede9; text-align: center; }
.footer-alt .footer-inner { background: #d4e8ef; }
.footer-actions { padding-top: 5px; }

.credits { display: inline-block; width: 148px; height: 38px; margin: 35px 0 0 6px; background: url(images/sprite.png) no-repeat 0 -98px; }

.footer-actions-alt { overflow: hidden; padding-right: 170px; }
.footer-actions-alt .copyright { float: left; }
.footer-actions-alt .footer-nav { float: right; }

.footer-nav ul { overflow: hidden; list-style: none outside none; }
.footer-nav li { float: left; }
.footer-nav li + li { margin-left: 16px; }
.footer-nav a { font-size: 14px; line-height: 1.4; color: #afb4ba; }
.footer-nav li + li a { padding-left: 16px; border-left: 1px solid #e1dedb; }
.footer-nav a:hover { color: #c8ced6; }

/* ------------------------------------------------------------ *\
	Transition
\* ------------------------------------------------------------ */

#carousel li a span,
#carousel li a {
	-webkit-transition: .5s ease;
	   -moz-transition: .5s ease;
	    -ms-transition: .5s ease;
	     -o-transition: .5s ease;
	        transition: .5s ease;

}

#carousel li a span {
	-webkit-transform: translate(0px, -60px);
	-moz-transform: translate(0px, -60px);
	-o-transform: translate(0px, -60px);
	-ms-transform: translate(0px, -60px);
	transform: translate(0px, -60px);
}

#carousel li.third-slide a span
{
	-webkit-transition: .5s;
	   -moz-transition: .5s;
	    -ms-transition: .5s;
	     -o-transition: .5s;
	        transition: .5s;

	        -webkit-transform: translate(0px, 0px);
	        -moz-transform: translate(0px, 0px);
	        -o-transform: translate(0px, 0px);
	        -ms-transform: translate(0px, 0px);
	        transform: translate(0px, 0px);
}

/* ==========================================================================
	#Media Queries
========================================================================== */
/* max-width: 1600px */
@media (max-width: 1600px) {
	.shell { width: 100%; }
}

/* max-width: 1200px */
@media (min-width: 1200px) {
	.container-alt { width: 1030px; }
}

/* max-width: 1100px */
@media (max-width: 1100px) {
	.list-companies li + li { margin-left: 80px; }
}

@media (min-width: 992px) {

}
