/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,800);*/
/*@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,900);*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,500italic,700,900,400italic,300,300italic);*/
/*@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);*/
/*@import url(http://fonts.googleapis.com/css?family=Monda:400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Dosis:400,300,200,500,600,700,800);*/
/*@import url(http://fonts.googleapis.com/css?family=Advent+Pro:400,100,200,300,500,600,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700);*/


body {
    background: url(../img/bg/noise.png) repeat scroll 0 0 #fff;
    color: #555;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
}

.strong, strong, b
{
    font-weight: 400;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    text-transform: uppercase;
    font-family:"Oswald", "Monda","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: .1rem;
}

h1, .h1
{
    font-size: 2.2rem;
}

h2 , .h2
{
    font-size: 1.8rem;
}

h3 , .h3
{
    font-size: 1.3rem;
}

.text-large {
    line-height: 1.5;
}

.intro-heading
{
    font-size: 5.3rem;

}

.wrap-intro .kilo
{
    color: #333;
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
}

.wrap-intro p
{
    font-size: 1.2rem;
    line-height: 1.9;
    font-weight: 300;
}
.top-nav
{
}

.wrap-header
{
    background: url("../img/slides/1.png") no-repeat scroll 0px 0px #020202;
}
.wrap-home, .rslides li
{
    height: 40.625rem;
}

.home-middle
{
    min-height:34.375rem;
    padding: 6rem 0;
}





.logo-container
{
    padding-top: 0.4125rem
}

.solgan {
    color: #FFFFFF;
    display: block;
    font-family: lato;
    font-size: 0.9rem;
    margin-left: 5.5rem;
}

.top-header
{
    padding: 1.2rem 0;
    font-family: "Oswald","Helvetica Neue",Helvetica,Arial,sans-serif;
    background: url(../img/bg/bg20.png) repeat scroll 0 0  transparent;
    position: relative;
    z-index: 7;

}



.fix-bug
{
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.middle-header
{
    color: #EFEFE9;
    padding: 3rem 0;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .wrap-home,.rslides li
    {
        height: 24.625rem;
    }

    .rslides_nav {
        margin-top: 3rem !important;
    }


    .home-middle
    {
        min-height:17.375rem;
        padding: 3rem 0;
    }

}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .wrap-home,.rslides li
    {
        height: 10.625rem;
    }

    .rslides,
    .rslides_tabs,
    .rslides_nav,
    .ss-style-doublediagonal:before
    {
        display: none;
    }


    .home-middle
    {
        min-height:9rem;
        padding: 1.5rem 0;
    }

    .top-header {
        background-color:  #333;
    }

}

.start-wrap
{
    background: url(../img/bg/noise.png) repeat scroll 0 0 #FF4545;
    color: #FFFFFF;
}

.process-wrap , .contact-wrap, .footer-wrap
{
    background: url("../img/slides/1.png") no-repeat scroll 0px 0px #020202;
    color: #fff;
}

.recent-work
{
    color: #333;
}

.recent-work .thumbnail
{
    border-radius: 10px;
}

.contact-info > div
{
    margin-left: 3.6rem;
    margin-bottom: 2rem;
}

.contact-info > h3 > i
{
    font-size: 2rem;
    margin-right: 1rem;
}
.img-ring
{
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    margin-bottom: 1.4rem;
    padding: 18px;
}

.process-wrap ,
.contact-wrap,
.blank-contact-wrap,
.recent-work,
.wrap-intro,
.start-wrap,
.services-wrap,
.about-wrap,
.wrap-portfolio,
.resources-wrap
{
    padding-bottom: 4rem;
    padding-top: 4rem;
    position: relative;
}

.blank-contact-wrap
{
    background-color: #3FC1E5;
    border-top: 2px solid #FFFFFF;
    color: #FFFFFF;
    margin-top: -3.5rem;
    text-shadow: 0 1px 1px #4B9AB5;
}

.footer-wrap
{
    /*background: url(../img/bg/noise.png) repeat scroll 0 0  #020202;*/
    color: #fff;
}

.footer, footer
{
    border: 0;
    color: #fff;
    margin-top: 0;
}

.footer-wrap .social
{
    font-size: 1.9rem;
}

.footer-wrap .subnav > li > a, .footer-wrap  ul.link-list li a
 {
    color: #fff;
}

.footer-wrap ul.link-list li a:hover, .footer-wrap  ul.link-list li a:focus, .footer-wrap  ul.link-list li a:active {
    background-color:transparent;
    color: #FF4545;
}

.footer-wrap  ul.link-list {
    border: 0 solid #DDDDDD;
}
.footer-wrap ul.link-list li {
    border-bottom: 0 solid #DDDDDD;
}
.footer-wrap ul.link-list .active
{
    color: #FF4545;
    background-color: transparent;
}


.top-nav .subnav
{
    margin: 1.3rem 0 0;
}

.top-nav .subnav > li > a {
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;

}

.top-nav .subnav .active
{
    color: #fff;
    background-color: transparent;
    font-weight: 600;
}

.top-nav .subnav-pill > li > a:hover, .subnav-pill > li > a:focus {
    background: none repeat scroll 0 0 #fff;
    background: none repeat scroll 0 0 transparent;
    color: #fff;
}
/*
.top-nav .subnav-pill > li > a.active:hover{
    color: #FF4545;
}*/
.service-detail
{
    min-height: 450px;
}

.service
{
    font-size: 1.01rem;
}

.services-wrap ul.link-list li a.active {
    background-color: #FFFFFF;
    border-left: medium solid #FF4545;
}

.services-wrap ul li
{
    line-height: 1.5;
}

.services-wrap p
{
    margin-bottom: 1rem;
}

.services-wrap .btn-3e {
    font-size: 0.8rem;
    font-weight: 400;
    overflow: hidden;
    padding: 8px 11px 8px 15px;
}

.services-wrap .btn-3e:hover
{
    color: #fff;
}
.portfolio-caption
{
    padding-top: 3.213rem;
    font-weight: 300;
    font-size: 0.95rem;
}

.portfolio-caption h2
{
    font-size: 1.3rem;
    color: #FF4545;
}
.services-wrap .img-ring
{
    border: 1px solid #555;
    padding: 1.4rem;
}

.wrap-portfolio .btn-3e {
    font-size: 0.9rem;
    font-weight: 400;
    overflow: hidden;
    padding: 15px 30px 15px 40px;
}

.wrap-portfolio .btn-3e:hover
{
    color: #fff;
}

.wrap-portfolio .btn-3e i{
    margin-left: 10px;
}

.portfolio-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    min-height: 300px;
    padding: 20px;
    width: 400px;
    margin: 4rem;
}


.process
{
    padding: 2rem 0;
    background: url(../img/bg/noise.png) repeat scroll 0 0 #ECF5FB;
    margin: 10rem 0;
    color: #444;
}

.process-white
{
    background: url(../img/bg/noise.png) repeat scroll 0 0 #405463;
    color: #fff;
}

.process i
{
    font-size: 7rem;
    margin: 0 1rem
}

.process .i-3
{
    color: #555;
    float: right;
    font-size: 8rem;
}

.process .i-2
{
    color: #fff;
    float: left;
}

.resources-wrap i{
    font-size: 1.6rem;
    margin-right: 1rem;
}

.resources--list a {
    color: #FFFFFF;
    display: block;
    padding: 3.33333rem 0;
    text-transform: uppercase;
}
.resources--list li {
    display: inline-block;
    /*text-align: center;*/
    width: 19%;
}
.resources--list .icon {
    margin-bottom: 1.11111rem;
}

.brand-blog, .brand-post {
    background-color: #405463;
    transition: background-color 0.3s ease-in-out 0s;
}
.brand-blog:hover, .brand-post:hover {
    background-color: #4A6172;
}
.brand-events {
    background-color: #1DBE72;
    transition: background-color 0.3s ease-in-out 0s;
}
.brand-events:hover {
    background-color: #20D47F;
}
.brand-videos {
    background-color: #0D58B4;
    transition: background-color 0.3s ease-in-out 0s;
}
.brand-videos:hover {
    background-color: #0F64CC;
}
.brand-product-sheets, .brand-ebooks {
    background-color: #3FC1E5;
    transition: background-color 0.3s ease-in-out 0s;
}
.brand-product-sheets:hover, .brand-ebooks:hover {
    background-color: #55C8E8;
}
.brand-use-case, .brand-case-studies {
    background-color: #FFCB2E;
    transition: background-color 0.3s ease-in-out 0s;
}
.brand-use-case:hover, .brand-case-studies:hover {
    background-color: #FFD148;
}

.head {
    background-color: #EEEEEE !important;
    color: #444444 !important;
    font-weight: 500;
    padding: 1.5rem 10px !important;
}

.rate-card-table td
{
    background-color: #fff;
}

.rate-card-table span {
    font-weight: 400;
}

table.bordered.rate-card-table th {
    background-image: none;
    background-color: #FF4545;
    border-top: medium none;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
    color: #fff;
}

table.bordered.rate-card-table th {
    border-left: 1px solid #FC9D9D;
}

table.bordered.rate-card-table {
     /*border: 1px solid #FC9D9D;*/
 }

.back
{
    color: #EEEEEE;
    font-size: 36rem;
    margin-left: 15rem;
    position: absolute;
    top: 5rem;
    z-index: -1;
}

#get-started fieldset
{
    margin-left: 0;
    min-height: 373px;
    padding-top: 1rem;
}
#get-started label {
    font-size: 1rem;
    line-height: 1.235rem;
    text-transform: uppercase;
}

/*menu*/
/* Effect 5: same word slide in and border bottom */
.cl-effect-6 a {
    margin: 0 10px;
    padding: 10px 20px;
}

.cl-effect-6 a::before {
    position: absolute;
    top: 0;
    left: 11%;
    width: 76%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    transition: top 0.3s;
}

.cl-effect-6 a::after {
    position: absolute;
    top: 0;
    left: 11%;
    width: 1px;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

.cl-effect-6 a:hover::before {
    top: 100%;
    opacity: 1;
}

.cl-effect-6 a:hover::after {
    height: 100%;
}

.cl-effect-6 a.active::before{
    height: 2px;
}
.cl-effect-6 a.active::after {

    /*background: #fff;*/
    width: 2px;

}



.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}