/**** CUSTOM RESPONSIVE *****/

@media (min-width: 980px) and (max-width: 1199px) {

    .sp-megamenu-parent > li > a {

        letter-spacing: 0!important;

        padding: 0 10px!important;

    }

    #at-k2-blog div.k2ItemsBlock ul li {

        width: 23%!important;

    }

    .at-services-item strong {

        margin-left: 0!important;

        font-size: 10px!important;

    }

    #at-feature-3 {

        margin-top: 50px!important;

    }

    #at-blog div.k2ItemsBlock ul li:nth-child(4) .moduleItemVideo,

    #at-blog .lastItem .moduleItemVideo {

        height: 237px!important;

    }

    #at-blog div.k2ItemsBlock ul li:nth-child(4) .moduleItemIntrotext,

    #at-blog .lastItem .moduleItemIntrotext {

        margin-top: 245px!important;

    }

    .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item {

        width: 33.3%!important;

    }

    .at-team-member-social {

        top: -10%!important;

    }

    .at-team-member-social ul {

        width: 100%!important;

        padding-left: 0!important;

    }

}

@media (min-width: 768px) and (max-width: 979px) {

    #sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4 {

        padding-top: 20px;

        padding-bottom: 20px;

    }

    #sp-bottom3 {

        clear: left;

    }

    #at-k2-blog div.k2ItemsBlock ul li {

        width: 23%!important;

    }

    .sp-megamenu-parent > li > a {

        font-size: 10px!important;

        letter-spacing: 0!important;

        padding: 0 7px!important;

    }

  	#sp-logo img {

      	width: 100%;

    }

    .at-services-item strong {

        margin-left: 0!important;

        font-size: 10px!important;

    }

    .at-promod-right-image-2  {

        left: 120px!important;

    }

    #at-feature-3 {

        margin-top: 50px!important;

    }

    #at-blog div.k2ItemsBlock ul li:nth-child(4) .moduleItemVideo,

    #at-blog .lastItem .moduleItemVideo {

        height: 237px!important;

    }

    #at-blog div.k2ItemsBlock ul li:nth-child(4) .moduleItemIntrotext,

    #at-blog .lastItem .moduleItemIntrotext {

        margin-top: 245px!important;

    }

    .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item {

        width: 100%!important;

    }

    .at-team-member-social {

        width: 100%!important;

        top: -20%!important;

    }

    .at-team-member-social ul {

        width: 100%!important;

        padding-left: 0!important;

    }

}

@media (max-width: 767px) {

    #at-k2-blog div.k2ItemsBlock ul li {

        width: 100%!important;

    }

    #sp-footer2 {

        text-align: left!important;

    }

    .sp-contact-info {

        float: left!important;

    }

    #at-slider {

        display: none!important;

    }

    #at-testimonial {

        display: none;

    }

    .sticky-wrapper.is-sticky {

        position: relative!important;

    }

    #sp-menu {

        position: absolute!important;

        right: 0;

        top: 35px;

    }

    #offcanvas-toggler {

        line-height: 0!important;

    }

    #offcanvas-toggler > i {

        margin: 0;

    }

    .sub-clients img {

        display: inline!important;

    }

  	.at-testimonial {

  	     display: none;

  	}

    .at-get-quote-left p {

        font-size: 16px!important;

    }

    #at-team-bottom {

        padding-bottom: 30px!important;

    }

    .k2ItemsBlock li {

        width: 100%!important;

    }

    .at-contact-first-item {

        margin: 20px 0;

    }

    #at-contact-second .control-group {

        width: 100%!important;

    }

    .at-team-item {

        margin: 20 auto!important;

    }

    .at-promod-right-image-2 {

        left: 50px!important;

    }

    .at-portfolio-bottom-right {

        margin-top: 30px;

    }

    .at-feature-2-left {

        margin-bottom: 50px;

    }

    .at-why-content {

        margin-top: 30px;

    }

    .at-parallax-img-small {

        left: 0!important;

    }

    #at-services {

        margin-top: 350px!important;

    }

    .sp-simpleportfolio .sp-simpleportfolio-items .sp-simpleportfolio-item {

        width: 100%!important;

    }

    #at-team-bottom h4 {

        font-size: 16px!important;

    }

    .at-event-content h1 {

        font-size: 40px!important;

    }

    .at-event-content h2 {

        font-size: 30px!important;

    }

    .at-promod-right {

        margin-top: 100px!important;

    }

    .at-services-item {

        margin: 100px 0!important;

    }

    .at-team-member {

        margin: 50px 0!important;

    }

    #at-blog .k2ItemsBlock li {

        margin: 50px 0;

        }
        .oval-container {
    display: block !important;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
 
        .mobile-contact {
    display: block !important;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align:center;
}

        .mobile-map {
    display: block !important;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
  width:100%;
  		}
  		.mobile-iframe{
  		height:250px!important;
  		}

}

@media (max-width: 480px) {

    .sp-simpleportfolio .sp-simpleportfolio-fiater > ul > li {

        margin: 5px!important;

    }

}

@media (min-width: 481px) and (max-width: 767px) {

    .at-promod-right-image-2 {

        left: 20%!important;

    }

    .at-team-member-social {

        top: 100%!important;

        width: 71.5%!important;

    }

}

/***** GENERAL *****/

body {

    color: #6f6f6f;

    font-weight: 300!important;

}

h1, h2, h3, h4, h5 {

    color: #000;

}

.sppb-section-title h3 {

    background: url(../images/border-title.png) no-repeat bottom center;

    padding-bottom: 30px;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}

.sppb-section-title h2 {

    color: #333;

    font-size: 30px;

    font-weight: 300;

    padding-bottom: 20px;

}

.sppb-section-title p {

    font-size: 13px;

    color: #000;

}

.at-button {

    padding: 10px 20px;

    border: 2px solid #e1e1e1;

    color: #3f3f3f;

    text-transform: uppercase;

}

.at-button:hover {

    color: #fff;

}

.tp-caption {

    padding: 40px!important;

}

h4 {

    font-size: 24px;

    font-weight: 700!;

    text-transform: uppercase;

    margin-bottom: 40px;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

h5 {

    font-family: CrimsonText;

    color: #6f6f6f;

    font-style: italic;

    margin: 0 0 40px;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.sppb-title-subheading, h6 {

    font-style: italic;

    font-family: CrimsonText!important;

    color: #6f6f6f!important;

}

/***** MENU BAR *****/

#sp-header-sticky-wrapper {

    position: relative;

    z-index: 999;

}

.sticky-wrapper.is-sticky #sp-header {

    background: none repeat scroll 0 0 #fff !important;

    opacity: 0.9;

}

.itemid-437 .sp-megamenu-parent >li >a {

    color: #fff;

}

.itemid-437 #offcanvas-toggler i {

    color: #fff;

}

.sticky-wrapper.is-sticky #sp-header #offcanvas-toggler i {

    color: #000;

}

.sticky-wrapper.is-sticky #sp-header .sp-megamenu-parent >li >a {

    color: #000;

}

.sp-megamenu-parent > li.active > a, 

.sp-megamenu-parent > li:hover > a {

    background: url(../images/hover-menu.png) no-repeat bottom center;

}

.template-options {

    z-index: 9999!important;

}

/***** SLIDER *****/

#sp-main-body .home-page #at-slider {

    margin-top: -90px;

}

#at-slider .tp-button,

#at-slider .at-button:hover {

    background: none!important;

    border: 1px solid #fff!important;

    box-shadow: none!important;

}

/***** PROMOD *****/

.at-promod-img {

    position: relative;

}

.at-promod-img-1 {

    padding-top: 50px;

}

.at-promod-img-2 {

    position: absolute;

    top: 0;

    right: -10px;

    width: 100%;

}

.at-promod-img-2 img {

    float: right;

}

.at-promod-right h4 {

    font-size: 24px;

    text-transform: none;

    font-weight: 700!important;

    margin: 20px 0!important;

}

.at-promod-right h6 {

    font-size: 18px;

}

.at-promod-right ul {

    padding-left: 0;

    margin: 30px 0 60px;

}

.at-promod-right ul li {

    list-style: none;

    line-height: 50px;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

}

.at-promod-right ul li strong {

    display: none;

}

.at-promod-right ul em {

    width: 30px!important;

    height: 30px!important;

    padding: 7px;

    color: #fff;

    font-size: 16px;

    border-radius: 50%;

    margin-right: 20px;

}

.at-promod-button {

    border: 1px solid #000;

    padding: 11px 30px;

    color: #000;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 18px;

    padding-right: 10px;

}

.at-promod-button:hover {

    color: #000;

}

.at-promod-button strong {

    display: none;

}

.at-promod-button em {

    font-size: 20px;

    padding-left: 10px;

    color: #000;

    line-height: 48px;

    margin-left: 20px;

    border-left: 1px solid #000;

}

/***** INTRODUCTION *****/

.at-introduction .at-intro-sub {

    cursor: pointer;

}

.at-introduction .at-intro-sub i {

    color: #fff;

    border-radius: 50%;

    display: inline-block !important;

    height: 90px !important;

    line-height: 90px !important;

    margin-bottom: 20px;

    width: 90px !important;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-introduction .at-intro-sub:hover i {

    cursor: pointer;

    -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

}

.at-introduction .at-intro-sub h3 {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 14px;

    color: #252525;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-introduction .at-intro-sub h3:hover {

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-introduction .at-intro-sub p {

    font-size: 13px;

}

/***** BANNER *****/

.at-banner-content .sppb-addon-title {

    font-size: 14px;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}

.at-banner-content h2 {

    background: url(../images/border-title.png) no-repeat bottom center;

    padding-bottom: 20px;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}

.at-banner-content ul {

    padding-left: 0;

    padding-top: 20px;

}

.at-banner-content ul li {

    display: inline-block;

    padding: 0 10px;

}

/***** SERVICES *****/

.at-services-item h4 {

    margin: 20px 0 15px;

}

.at-services-item {

    margin: 20px 0;

    cursor: pointer;

}

.at-services-item img {

    width: 100%;

}

.at-services-item p {

    font-size: 13px;

    font-family: Montserrat;

    margin-bottom: 50px;

}

.at-services-item-button {

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 700;

    border: 1px solid #adadad;

    padding: 13px 40px;

    color: #000;

    font-family: Montserrat;

}

/***** EVENT *****/

.at-event-content img {

    border-radius: 50%;

}

.at-event-content h2 {

    font-size: 80px;

    margin: 10px 0 0;

    padding: 0!important;

}

.at-event-content h1 {

    margin: 0!important;

    font-size: 110px;

    padding: 0!important;

}

.at-event-content h6 {

    font-family: Myriad Pro;

    font-style: normal;

    font-size: 20px;

    margin-bottom: 40px;

}

.at-event-button {

    padding: 11px 40px;

    border: 1px solid #fff;

    text-transform: uppercase;;

    font-weight: 700;

    font-family: Montserrat;

}

/***** CAPABILITI *****/

.at-capabili-icon {

    width: 160px!important;

    height: 160px!important;

    border-radius: 50%;

    margin: 0 auto;

    border: 4px solid #000;

}

.at-capabili-item:hover {

    cursor: pointer;

}

.at-capabili-item h2 {

    font-size: 22px;

    width: 70px!important;

    height: 70px!important;

    border-radius: 50%;

    margin: 40px auto;

    padding: 23px 15px;

    color: #fff;

}

.at-capabili-item-1 h2 {

    background: #3c5b9b;

}

.at-capabili-item-2 h2 {

    background: #2daae1;

}

.at-capabili-item-3 h2 {

    background: #ea4c88;

}

.at-capabili-item-4 h2 {

    background: #3c5b9b;

}

.at-capabili-item h4 {

    font-size: 12px;

    margin: 30px 0 15px;

}

.at-capabili-item h6 {

    margin: 0;

    font-size: 16px;

    font-family: Myriad Pro;

}

/***** PARALLAX *****/

#at-parallax h6 {

    font-family: CrimsonText;

    font-style: italic;

    margin-bottom: 0!important;

}

.at-parallax-img {

    position: relative;

    min-height: 520px;

}

.at-parallax-img-great {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1;

}

.at-parallax-img-small {

    position: absolute;

    width: 100%;

    bottom: -165px;

    left: 260px;

    z-index: 3;

}

#at-team-first {

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

    z-index: 2;

    background: #fff;

}

/***** ABOUT ******/

#at-about h6 {

    margin-top: 40px;

    padding-top: 15px;

    background: url(../images/border-why-choose-title.png) no-repeat top left;

}

.at-about-content {

    margin-top: 60px;

}

.at-about-second-item {

    margin: 50px 0;

    cursor: pointer;

}

.at-about-second-item h4 {

    margin-bottom: 20px!important;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

/***** FACTS *****/

.at-facts-item span {

    color: #fff;

    font-size: 48px;

    font-weight: 700;

}

.at-facts-item h5 {

    color: #fff;

    margin-top: 20px!important;

    padding-bottom: 30px;

    background: url(../images/line-facts-border.png) no-repeat bottom center;

}

/***** SKILL *****/

/***** SKILL *****/

.at-our-skill h3,

.at-our-skill p,

.at-skill-sub h4,

.at-skill-sub h5 {

    color: #fff;

}

.at-our-skill .at-skill-sub p {

    width: 100%;

    position: relative;

    height: 30px;

    background: #eee;

}

.at-our-skill .at-skill-sub p .expand {

    position: absolute;

    padding-bottom: 6px;

    text-indent: 9999px;

}

.at-our-skill .at-skill-sub p em {

    position: absolute;

}

.at-our-skill .at-skill-sub h4 {

    font-size: 18px;

    font-weight: 300;

}

.at-our-skill .at-skill-sub h3 {

    font-size: 16px;

}

.html5       { width:60%;  -moz-animation:html5 2s ease-out;       -webkit-animation:html5 2s ease-out;       }

.css3        { width:80%;  -moz-animation:css3 2s ease-out;        -webkit-animation:css3 2s ease-out;        }

.jquery      { width:40%;  -moz-animation:jquery 2s ease-out;      -webkit-animation:jquery 2s ease-out;      }

.photoshop   { width:50%;  -moz-animation:photoshop 2s ease-out;   -webkit-animation:photoshop 2s ease-out;   }



@-moz-keyframes html5       { 0%  { width:0px;} 100%{ width:70%;}  }

@-moz-keyframes css3        { 0%  { width:0px;} 100%{ width:80%;}  }

@-moz-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;}  }

@-moz-keyframes photoshop   { 0%  { width:0px;} 100%{ width:10%;}  }

@-moz-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:100%;} }



@-webkit-keyframes html5       { 0%  { width:0px;} 100%{ width:70%;}  }

@-webkit-keyframes css3        { 0%  { width:0px;} 100%{ width:80%;}  }

@-webkit-keyframes jquery      { 0%  { width:0px;} 100%{ width:50%;}  }

@-webkit-keyframes photoshop   { 0%  { width:0px;} 100%{ width:10%;}  }

@-webkit-keyframes dreamweaver { 0%  { width:0px;} 100%{ width:100%;} }

/***** TEAM *****/

#at-team-second .sppb-col-sm-3{

    padding: 0!important;

}

.at-team-member img {

    width: 100%;

}

.at-team-member strong {

    display: none;

}

.at-team-member:hover {

    opacity: 1;

}

.at-team-member-social {

    position: absolute;

    width: 90%;

    margin: 55% auto;

    padding: 10px 15px;

    top: 0;

    left: 0;

    right: 0;

    height: 110px;

    text-align: center;

    opacity: 0;

    z-index: 1;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -ms-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.at-team-member:hover h4,

.at-team-member:hover h6 {

    opacity: 1

}

.at-team-member-social h4 {

    color: #fff!important;

    text-transform: uppercase;;

    font-size: 14px;

    opacity: 0;

    text-align: left;

    margin-bottom: 10px!important;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-team-member-social h6 {

    color: #fff;

    text-align: left;

    text-transform: uppercase;

    font-size: 12px;

    opacity: 0;

    margin-top: 0;

    color: #fff!important;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -ms-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.at-team-member .at-team-member-social ul {

    width: 75%;

    float: right;

}

.at-team-member .at-team-member-social ul li {

    float: left;

    padding-right: 8%;

    list-style: none;

}

.at-team-member .at-team-member-social ul li:last-child {

    padding-right: 0;

}

.at-team-member-social ul li a {

    border-radius: 30px;

    color: #fff;

    display: block;

    opacity: 0;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

    transform: translateY(100px);

    transition: background-color 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.5s ease 0s;

    width: 30px;

}

.at-team-member:hover .at-team-member-social {

    opacity: 1;

    transform: scale(1);

}

.at-team-member:hover .at-team-member-social ul li a {

    opacity: 1;

    transform: translateY(0px);

}

.at-team-member:hover .at-team-member-social ul li a.facebook {

    transition: background-color 0.3s ease 0s, opacity 0.3s ease 0.2s, transform 0.5s ease 0.2s;

}

.at-team-member:hover .at-team-member-social ul li a.facebook:hover {

    color: #5AADDD;

}

.at-team-member:hover .at-team-member-social ul li a.twitter {

    transition: background-color 0.3s ease 0s, opacity 0.3s ease 0.3s, transform 0.5s ease 0.3s;

}

.at-team-member:hover .at-team-member-social ul li a.twitter:hover {

    color: #3d449a;

}

.at-team-member:hover .at-team-member-social ul li a.dribbble {

    transition: background-color 0.3s ease 0s, opacity 0.3s ease 0.4s, transform 0.5s ease 0.4s;

}

.at-team-member:hover .at-team-member-social ul li a.dribbble:hover {

    color: #2bb673;

}

.at-team-member:hover .at-team-member-social ul li a.email {

    transition: background-color 0.3s ease 0s, opacity 0.3s ease 0.5s, transform 0.5s ease 0.5s;

}

.at-team-member:hover .at-team-member-social ul li a.email:hover {

    color: #eb4947;

}

#at-team-bottom h4 {

    color: #fff;

    margin: 0!important;

}

.at-team-bottom-right {

    text-align: center;

}

.at-team-bottom-button {

    font-size: 12px;

    color: #fff;

    font-weight: 700;

    border-radius: 0!important;

    padding: 13px 40px!important;

    background: none!important;

}

/******FEATURE-TOP*******/

.at-feature-top-item img {

    width: 100%;

}

.at-feature-top-content {

    position: relative;

}

.at-feature-top-item {

    margin-top: 20px;

}

.at-feature-top-item-3 {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.at-feature-top-item-3 img {

    width: 100%;

}

.at-feature-top-text h6 {

    clear: left;

    font-size: 16px;

}

/******FEATURE*******/

.at-feature-item {

    margin: 40px 0;

    cursor: pointer;

}

.at-feature-item h4 {

    margin-bottom: 10px!important;

    margin-top: 30px;

}

.at-feature-item i {

    color: #fff;

    background: #141414;

    width: 80px!important;

    height: 80px!important;

    padding: 20px 13px;

    border-radius: 50%;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-feature-item:hover i {

     -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);

}

.at-feature-item p {

    font-style: italic;

}

/******FUNFACT*******/

.at-funfact-item i {

    color: #6f6f6f;

}

.at-funfact-item h4 {

    color: #6f6f6f;

    font-size: 30px;

    margin-bottom: 0px;

}

/******WHY-CHOOSE*******/

.at-why-image img {

    width: 100%;

}

.at-why-content h4 {

    margin: 0 0 20px;

}

/***** TWITTER *****/

.at-twitter h3,

.at-twitter h4,

.at-twitter p {

    color: #fff;

}

.at-twitter img {

    display: block;

    margin: 0 auto;

}

.at-twitter h4 {

    line-height: 60px;

    font-size: 28px;

}

/***** TIMELINE *****/

.at-history-sub-left {

    padding-top: 90px;

    border-right: 3px solid #e5e5e5;

    padding-right: 30px;

}

.at-history-sub .at-history-item {

    cursor: pointer;

    padding: 50px 0;

}

.at-history-sub .at-history-item i {

    color: #4e4e4e;

    background: #f5f5f5;

    border-radius: 50%;

    display: inline-block !important;

    height: 70px !important;

    line-height: 70px !important;

    margin-bottom: 20px;

    width: 70px !important;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-history-sub .at-history-item:hover i {

    color: #fff;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-history-sub .at-history-item h3 {

    text-transform: uppercase;

    color: #252525;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-history-sub .at-history-item:hover h3 {

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.at-history-sub .at-history-item p {

    color: #808080;

}

.at-history-sub .at-history-item h6 {

    color: #e5e5e5;

}

/***** BUY THEME *****/

.at-buy-theme {

    background: #fafafa;

    border-top: 1px solid #e8e8e8;

}

/***** TESTIMONIAL *****/

.at-testimonial-item {

    margin: 40px 0;

}

.at-testimonial-item img {

    width: 100%;

    border-radius: 50%;

}

.at-testimonial-text {

    margin-left: 20px;

    color: #fff;

}

.at-testimonial-item p {

    background: url(../images/line-title.png) no-repeat bottom left;

    padding-bottom: 10px;

    font-family: CrimsonText!important;

    font-size: 16px;

}

.at-testimonial-item h4 {

    margin: 20px 0 15px;

    font-size: 14px;

    color: #fff;

    text-transform: uppercase;

}

.at-testimonial-item h6 {

    text-transform: uppercase;

    font-size: 12px;

    color: #fff!important;

}

/***** GET QUOTE *****/

.at-get-quote-left p {

    font-size: 30px;

    font-family: CrimsonText;

    color: #fff;

    font-style: italic;

    padding-top: 10px;

}

.at-get-quote-left p strong {

    font-weight: 300!important;

}

.at-get-quote-button {

    padding: 13px 40px;

    border-radius: 0!important;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    border: 0!important;

}

.at-get-quote-button:hover {

    color: #fff;

}

/***** STATISTIC *****/

.at-statistic .sppb-title-heading,

.at-statistic p {

    color: #fff;

}

.at-statistic-sub h1 {

    font-size: 60px;

}

.at-statistic-sub h1,

.at-statistic-sub h3 {

    color: #fff;

} 

/***** BLOG *****/

#at-blog div.k2ItemsBlock ul {

    padding-left: 0;

}

#at-blog div.k2ItemsBlock ul li {

    float: left;

    margin-right: 2%;

    width: 32%;

}

#at-blog div.k2ItemsBlock ul li:nth-child(3n) {

    margin-right: 0!important

}

#at-blog a.moduleItemImage img {

    width: 100%!important;

}

#at-blog .media-body {

    padding-top: 10px;

}

#at-blog div.k2ItemsBlock ul li:nth-child(4),

#at-blog .lastItem {

    position: relative;

}

#at-blog div.k2ItemsBlock ul li:nth-child(4) .moduleItemIntrotext,

#at-blog .lastItem .moduleItemIntrotext {

    margin-top: 380px;

}

#at-blog div.k2ItemsBlock ul li:nth-child(4) .moduleItemVideo,

#at-blog .lastItem .moduleItemVideo {

    display: block!important;

    width: 100%;

    height: 360px;

    position: absolute;

    top: 30px;

}

#at-blog .moduleItemReadMore {

    padding: 12px 30px;

    text-transform: uppercase;

    border: 1px solid #adadad;

    font-weight: 700;

    color: #000;

    font-size: 14px;

    -webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

#at-blog .moduleItemReadMore:hover {

    color: #fff;

}

#at-blog .moduleItemDateCreated {

    margin-bottom: 30px;

}

#at-blog .moduleItemIntrotext img {

    margin-bottom: 15px;

}

/*****PARALLAX********/

.at-parallax-content {

    margin: 70px 0 110px;

}

.at-parallax-content h6 {

    color: #fff!important;

}

.at-parallax-content h2 {

    font-size: 48px;

    color: #fff;

}

/***** K2 *****/

span.catItemImage img,

span.itemImage img {

    width: 100%!important;

}

#sp-right .k2ItemsBlock ul li img {

  width: 100%;

}

/* Refine Page Builder */

#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {

    margin: 0 auto;

}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {

    border-radius: 0!important;

}

.at-page-service i {

  margin-top: 10px;

}

.sp-simpleportfolio-img {

    width: 100%;

}

.sp-simpleportfolio-filter li {

    margin: 5px!important;

    border: 1px solid #6f6f6f;

}

.sp-simpleportfolio-item {

    padding: 1%!important;

}

/***** PORTFOLIO-BOTTOM *****/

.at-portfolio-bottom {

    padding: 50px 0 70px;

    border: 1px solid #6f6f6f;

    margin: 50px 1% 0;

}

.at-portfolio-bottom-left {

    font-size: 24px;

    font-family: Montserrat;

    color: #fff;

}

.at-portfolio-bottom-right {

    text-align: right;

}

.at-portfolio-bottom-right a {

    padding: 13px 50px;

    background: #fff;

    color: #000;

    text-transform: uppercase;

    font-weight: 700;

}

/***** PRICING *****/

.at-pricing-item:hover {

    cursor: pointer;

}

.at-pricing-item ul {

    padding-left: 0!important;

}

.at-pricing-item li {

    list-style: none;

    padding: 15px 0;

}

.at-pricing-item li span {

    display: none;

}

.at-pricing-item h4 {

    border: 1px solid #ececec;

    margin: 0!important;

    padding: 20px 0;

    border-bottom: none;

    font-size: 18px;

}

.at-pricing-item ul {

    border: 1px solid #ececec;

}

.at-pricing-item .li-last {

    font-size: 50px;

    padding: 40px 0 60px;

    font-weight: 700;

}

.at-pricing-item .li-last sup {

    font-size: 18px;

    padding-bottom: 20px;

    font-weight: 700;

}

.at-pricing-item .li-last strong {

    font-size: 14px;

    font-weight: 300;

}

.at-pricing-no-active {

    margin-top: 30px;

}

.at-pricing-active {

    position: relative;

    -moz-box-shadow: 0 0 10px #ccc;

    -webkit-box-shadow: 0 0 10px #ccc;

    box-shadow: 0 0 10px #ccc;

}

.at-pricing-button {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -10px;

    margin: 0 auto;

    width: 100%;

}

.at-pricing-button a {

    border-radius: 0!important;

    padding: 11px 43px;

    background: #000;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

}

.at-pricing-button a:hover {

    color: #fff;

}

/*******CONTACT********/

.at-contact-first-item i {

    border: 1px solid #a4a4a4;

    width: 90px!important;

    height: 90px!important;

    padding: 27px 20px;

    border-radius: 50%;

}

.at-contact-item-text {

    height: 90px;

    padding: 6% 0;

}

.at-contact-item-text p {

    color: #fff;

    font-weight: 700;

    font-style: italic;

}

/*******CONTACT-SECOND********/

#at-contact-second .control-group {

    width: 32%;

    float: left;

    margin-right: 2%;

}

#at-contact-second .control-group:nth-child(3) {

    margin-right: 0!important;

}

#at-contact-second .control-group input {

    width: 100%!important;

    border-radius: 0!important;

    color: #fff;

    background: #000;

}

#at-contact-second .control-group:nth-child(7) {

    width: 100%!important;

    margin-top: 30px;

}

#at-contact-second .control-group:nth-child(6) {

    margin-right: 0!important;

}

#at-contact-second  textarea {

    width: 100%!important;

    border-radius: 0!important;

    height: 150px;

    background: #000;

    color: #fff;

}

#at-contact-second label {

    color: #fff;

}

fieldset > .controls input {

    border-radius: 0!important;

    padding: 10px 50px!important;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff;

    border: 1px solid #fff!important;

    background: #1C1C1C;

    float: right;

}

/********CLIENTS**********/

#at-clients {

    border-bottom: 1px solid #adadad;

}

.at-clients img {

    margin: 20px 0;

    opacity: 0.6;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -ms-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.at-clients img:hover {

    opacity: 1;

    cursor: pointer;

}