/*--------------------------------------------------------------*/
/*-- CSS Document --*/
/*-- Copyright (c) 2015-2016. Riff Point <info@riffpoint.com> --*/
/*-- @author Ovsepjan Gayane --*/
/*--------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*--- Font Face Including ---*/
/*-----------------------------------------------------------------*/
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Bold ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/poppins-regular.eot');
    src: url('../fonts/poppins-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-regular.woff2') format('woff2'), 
         url('../fonts/poppins-regular.woff') format('woff'),
         url('../fonts/poppins-regular.ttf') format('truetype'),
         url('../fonts/poppins-regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Bold ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/poppins-bold.eot');
    src: url('../fonts/poppins-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-bold.woff2') format('woff2'), 
         url('../fonts/poppins-bold.woff') format('woff'),
         url('../fonts/poppins-bold.ttf') format('truetype'),
         url('../fonts/poppins-bold.svg#Poppins-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Medium ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/poppins-medium.eot');
    src: url('../fonts/poppins-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-medium.woff2') format('woff2'), 
         url('../fonts/poppins-medium.woff') format('woff'),
         url('../fonts/poppins-medium.ttf') format('truetype'),
         url('../fonts/poppins-medium.svg#Poppins-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Semibold ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Poppins-Semibold';
    src: url('../fonts/poppins-semibold.eot');
    src: url('../fonts/poppins-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-semibold.woff2') format('woff2'), 
         url('../fonts/poppins-semibold.woff') format('woff'),
         url('../fonts/poppins-semibold.ttf') format('truetype'),
         url('../fonts/poppins-semibold.svg#Poppins-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Poppins] :: Light ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/poppins-light.eot');
    src: url('../fonts/poppins-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/poppins-light.woff2') format('woff2'), 
         url('../fonts/poppins-light.woff') format('woff'),
         url('../fonts/poppins-light.ttf') format('truetype'),
         url('../fonts/poppins-light.svg#Poppins-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [ProximaNova] :: Regular ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/proximanova-regular.eot');
    src: url('../fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular.woff2') format('woff2'), 
         url('../fonts/proximanova-regular.woff') format('woff'),
         url('../fonts/proximanova-regular.ttf') format('truetype'),
         url('../fonts/proximanova-regular.svg#ProximaNova-Regular') format('svg');
}
/*------------------------------------------------------*/
/*--- Font Family :: [Raleway] :: Semibold ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('../fonts/proximanova-semibold.eot');
    src: url('../fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold.woff2') format('woff2'),
         url('../fonts/proximanova-semibold.woff') format('woff'),
         url('../fonts/proximanova-semibold.ttf') format('truetype'),
         url('../fonts/proximanova-semibold.svg#ProximaNova-Semibold') format('svg');
}
/*-----------------------------------------------------------------*/
/*--- Custom Reset Styles ---*/
/*-----------------------------------------------------------------*/
body, html { margin: 0; padding: 0; outline: none; min-width: 320px; }
body { color: #022a3a; font: 16px/26px 'Poppins-Regular', Helvetica, Arial,sans-serif; }
p, img { margin: 0; padding: 0; }
h1, h2, h3, h4 ,h5, h6 { font-weight: normal; padding: 0; margin: 0; }
a img { border: 0; display: block; outline: none; }
a, a:focus { color: #022a3a; }
a:hover, a:focus { text-decoration: none; outline: none !important; }
a:hover { color: #ff8300; }
button { outline: none !important; border: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; text-shadow: none !important; line-height: normal !important; border-radius: 0; }

header, hgroup, nav, aside, section, article, footer { display: block; margin: 0; padding: 0; outline: none; }
/*-----------------------------------------------------------------*/
/*--- Lists Styles Global Reset ---*/
/*-----------------------------------------------------------------*/
.main-menu ul, .mobile-menu .mobile-main-menu ul, ul.tabs-list, ul.contact-list, ul.fmenu { margin: 0; padding: 0; list-style: none; }
/*-----------------------------------------------------------------*/
/*--- Custom Fonts ---*/
/*-----------------------------------------------------------------*/
.featured-image .banner-content .inner-content h2 { font-family: 'Poppins-Medium', Helvetica, Arial,sans-serif; font-weight: normal !important; font-style: normal !important; }
.main-section h2, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 { font-family: 'Poppins-Bold', Helvetica, Arial,sans-serif; font-weight: normal !important; font-style: normal !important; }
#footer .copyright, #footer .fmenu li { font-family: 'ProximaNova-Regular', Helvetica, Arial,sans-serif; font-weight: normal !important; font-style: normal !important; }
.main-menu, .mobile-menu { font-family: 'ProximaNova-Semibold', Helvetica, Arial,sans-serif; font-weight: normal !important; font-style: normal !important; }
.wysiwyg strong { font-family: 'Poppins-Semibold', Helvetica, Arial,sans-serif; font-weight: normal !important; font-style: normal !important; }
.wysiwyg, .quote-content .quote-inner p, .testimonial-content { font-family: 'Poppins-Light', Helvetica, Arial,sans-serif; font-weight: normal !important; font-style: normal !important; } 
/*-----------------------------------------------------------------*/
/*--- Base Styles ---*/
/*-----------------------------------------------------------------*/
/*--- Base Button ---------------------------------------*/
.btn-base, .btn-base:focus { display: block; height: 50px; font-size: 1.333em; line-height: 47px; text-transform: uppercase; color: #fff; text-align: center; border: 2px solid #fff; }
.btn-base:hover { background: #70bb00; border-color: #70bb00; color: #fff; }
/*--- Back to Top ---------------------------------------*/
#back-to-top { display: none; position: fixed; right: 25px; bottom: 25px; background: #022a3a; width: 50px; height: 50px; font-size: 22px; line-height: 47px; border-radius: 25px; color: #fff; text-align: center; z-index: 101; }
#back-to-top:hover { background: #ff8300; }
/*-----------------------------------------------------------------*/
/*--- General Canvas Styles ---*/
/*-----------------------------------------------------------------*/
#main { position: relative; width: 100%; }
#main-content { position: relative; background: #fff; }
.container { min-width: 320px; }
/*-----------------------------------------------------------------*/
/*--- General Header Styles ---*/
/*-----------------------------------------------------------------*/
#header { background: #fff; width: 100%; z-index: 1000; position: absolute; top: 0; left: 0; right: 0; -webkit-backface-visibility: hidden; } 
#header .container { padding-top: 58px; padding-bottom: 32px; }
#header h1 { float: left; max-width: 100%; }
#header h1 a { display: block; max-height: 85px; overflow: hidden; }
#header .navbar-toggle { background: none; margin-top: 8px; padding: 0; position: relative; }
#header .navbar-toggle .icon-bar { background: #023f50; border-radius: 5px; display: block; height: 4px; width: 30px; margin-top: 5px; }
#header .navbar-toggle .icon-bar:first-child { margin-top: 0; }
/*-----------------------------------------------------------------*/
/*--- General Header Menu Styles ---*/
/*-----------------------------------------------------------------*/
.main-menu { padding-top: 15px; }
.main-menu ul li { float: left; padding-left: 50px; line-height: 16px; }
.main-menu ul li:first-child { padding-left: 0; }
.main-menu ul li a { font-size: 14px; color: #022a3a; text-transform: uppercase; }
.main-menu ul li a:hover, .main-menu ul li a.active { color: #ff8300; }
/*-----------------------------------------------------------------*/
/*--- Sizes for the smaller menu ---*/
/*-----------------------------------------------------------------*/
#header.large { position: absolute; }
#header.large h1 a { width: 247px; height: auto; }
#header.small { background: #fff; position: fixed; top: -100%; height: 100px; border-bottom: 1px solid #ccc; -webkit-transform: translate3d(0, -250px, 0); -moz-transform: translate3d(0, -250px, 0); -ms-transform: translate3d(0, -250px, 0); -o-transform: translate3d(0, -250px, 0); transform: translate3d(0, -250px, 0); }
#header.small .container { padding-top: 20px; padding-bottom: 20px; }
#header.small h1 a { width: 175px; }
#header.small .main-menu { padding-top: 18px; }        
#header.header-animation { top: 0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }        
/*-----------------------------------------------------------------*/
/*--- General Page, Banner---*/
/*-----------------------------------------------------------------*/
.featured-image { overflow: hidden; height: 900px; padding-top: 175px; min-height: 600px; }  
.featured-image .featured-content { position: relative; height: 100%; }  
.featured-image .banner-img { position: relative; height: 100%; background: url(../images/backgrounds/featured-image.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; }
.featured-image .banner-img img { width: 100%; display: none; }
.featured-image .banner-img .overlay, .main-section .section-overlay { background: url(../images/backgrounds/dark-bg-overlay.png) repeat; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }
.featured-image .banner-content { width: 100%; position: absolute; top: 0; height: 100%; overflow: hidden; color: #fff; }
.featured-image .banner-content .container { display: table; height: 100%; text-align: center; }
.featured-image .banner-content .inner-content { display: table-cell; vertical-align: middle; padding-top: 7px; }
.featured-image .banner-content .inner-content h2 { font-size: 2.8em; line-height: 60px; }
/*-----------------------------------------------------------------*/
/*--- Landing Page, Content Sections ---*/
/*-----------------------------------------------------------------*/
.main-section { padding-top: 110px; padding-bottom: 115px; position: relative; }
.main-section .container { position: relative; z-index: 2; }
.main-section h2 { padding-bottom: 75px; font-size: 2.083em; line-height: 33px; color: #022a3a; text-align: center; }
.main-section .sub-title { margin: -40px auto 0; padding-bottom: 50px; text-align: center; max-width: 730px; }
.main-section.dark-bg { background: url(../images/backgrounds/dark-bg.png) no-repeat center center; background-size: cover; background-attachment: fixed; color: #fff; }
.main-section.dark-bg h2 { color: #fff; }
/*-----------------------------------------------------------------*/
.slick-arrow { position: absolute; left: -75px; top: 50%; margin-top: -20px; width: 17px; height: 34px; overflow: hidden; background: url(../images/icons/slide-arrow.png) no-repeat; text-indent: -10000px; padding: 0; z-index: 1; }
.slick-arrow:hover { background-position: left bottom; }
.slick-arrow.slick-next { background-position: right top; left: auto; right: -75px; }
.slick-arrow.slick-next:hover { background-position: right bottom; }
.team-slider .slick-arrow { left: -40px; }
.team-slider .slick-arrow.slick-next { left: auto; right: -40px; }
.testimonial-slider .slick-arrow { top: 37%; }
/*-----------------------------------------------------------------*/
/*--- Landing Page, About Us Section ---*/
/*-----------------------------------------------------------------*/
.quote-content .quote-inner { display: table; width: 100%; height: 78px; text-align: center; }
.quote-content .quote-inner p { display: table-cell; vertical-align: middle; font-size: 2em; line-height: 26px; padding: 0 55px; }
/*-----------------------------------------------------------------*/
/*--- Landing Page, Tabs List ---*/
/*-----------------------------------------------------------------*/
ul.tabs-list { width: 100%; padding-bottom: 41px; overflow: hidden; position: relative; }
ul.tabs-list.active:after { border-bottom: 1px solid #fff; content: ""; left: 35px; right: 35px; bottom: 0; position: absolute; }
ul.tabs-list a { color: #fff; }
ul.tabs-list .list-icon { display: block; margin: 0 auto; width: 133px; height: 133px; border: 5px solid #fff; border-radius: 95px; text-align: center; }
ul.tabs-list .list-icon .icon-inner { display: table; width: 100%; height: 95%; word-wrap: break-word; table-layout: fixed; }
ul.tabs-list .list-icon .icon-content { display: table-cell; vertical-align: middle; }
ul.tabs-list .list-icon .icon { width: 70px; height: 70px; display: block; background: url(../images/icons/comment-icon.png) no-repeat left top; margin: 0 auto; background-size: 70px auto; }
ul.tabs-list .list-icon .comment-icon { margin-top: 5px; }
ul.tabs-list .list-icon .thumbs-up-icon { background-image: url(../images/icons/thumbs-up-icon.png); }
ul.tabs-list .list-icon .user-icon { background-image: url(../images/icons/user-icon.png); }
ul.tabs-list .list-icon .case-icon { background-image: url(../images/icons/case-icon.png); }
ul.tabs-list p { padding-top: 20px; text-align: center; }
ul.tabs-list a.active, ul.tabs-list a:hover { color: #ff8300; }
ul.tabs-list a.active .list-icon, ul.tabs-list a:hover .list-icon, ul.tabs-list a.active.list-icon, ul.tabs-list a:hover.list-icon { border-color: #ff8300; }
ul.tabs-list a.active .list-icon .icon, ul.tabs-list a:hover .list-icon .icon { background-position: left bottom; }
.tabs-content { display: none; margin: 0 35px; padding-bottom: 40px; text-align: center; overflow: hidden; }
.tabs-content .tabs-content-inner { display: none; color: #ff8300; padding-top: 35px; }
/*-----------------------------------------------------------------*/
.whatwedo-list { margin-bottom: -40px; }
.whatwedo-list ul.tabs-list li:first-child { padding-left: 30px; }
.whatwedo-list ul.tabs-list li:last-child { padding-right: 30px; }
/*-----------------------------------------------------------------*/
.ui-tabs-vertical .ui-tabs-nav li { border: 0 !important; width: 100%; float: none; display: block; margin: 0 !important; padding: 0 !important; white-space: inherit; }
.ui-tabs-vertical .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: none; display: block; padding: 9px 20px 9px 0; cursor: pointer !important; line-height: 24px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { border-right: 2px solid #ff8300 !important; }
/*-----------------------------------------------------------------*/
.whatwedone-list.row { margin: 0 -20px; padding: 0; }
.whatwedone-list ul.tabs-link { padding: 0 0 0 20px; border-right: 1px solid #fff; width: 30%; }
.whatwedone-list ul.tabs-link a { color: #fff; }
.whatwedone-list ul.tabs-link li.ui-tabs-active a, ul.tabs-link a:hover { color: #ff8300; }
.whatwedone-list ul.tabs-link li p { line-height: 28px; }
.whatwedone-list .tabs-content { display: block; margin: 0 0 0 -1px; padding: 0 5px; width: 70%; border-left: 1px solid #fff; }
.whatwedone-list .tabs-content .tabs-content-inner { overflow: hidden; padding: 0; text-align: left; }
.whatwedone-list .tabs-content .tabs-content-inner .col-sm-4 { padding: 0 0 0 20px; }
.whatwedone-list .tabs-content .tabs-content-inner p { line-height: 22px; padding-top: 30px; }
.whatwedone-list .tabs-content .tabs-content-inner p:first-child { padding-top: 15px; }
.whatwedone-list .tabs-content .tabs-content-inner p img { display: block; height: auto; margin: 0 auto; max-height: 120px; max-width: 180px; }
/*-----------------------------------------------------------------*/
/*--- Landing Page, Team Listing ---*/
/*-----------------------------------------------------------------*/
.team-content { cursor: pointer; position: relative; overflow: hidden; }
.team-content:hover .team-img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.team-content .team-description { background: rgba(255, 131, 0, 0.8); width: 100%; height: 100%; padding: 30px 20px; left: 0; position: absolute; right: 0; top: -120%; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-align: center; color: #fff; }
.team-content .team-description h3 { font-size: 1.250em; padding-bottom: 18px; }
.team-content:hover .team-description { top: 0; }
/*-----------------------------------------------------------------*/
/*--- Landing Page, Testimonials Slider ---*/
/*-----------------------------------------------------------------*/
.testimonial-slider { margin-top: -35px; }
.testimonial-content { max-width: 670px; margin: 0 auto; text-align: center; }
.testimonial-content .testimonial-descr { line-height: 36px; }
.testimonial-content .autor { position: relative; margin: 55px auto 0; padding-top: 50px; max-width: 435px; border-top: 1px solid #969ba1; }
.testimonial-content .autor p { padding-top: 12px; line-height: 28px; }
.testimonial-content .autor p:first-child { padding-top: 0; }
/*-----------------------------------------------------------------*/
/*--- Wysiwyg Styles ---*/
/*-----------------------------------------------------------------*/
.page-content .main-section h2 { padding-bottom: 30px; }
.wysiwyg { line-height: 28px; }
.wysiwyg a { color: #ff8300; }
.wysiwyg a:hover { color: #eb7900; }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 { padding: 12px 0 10px; }
.wysiwyg h1 { font-size: 1.682em; line-height: 34px; }
.wysiwyg h1:first-child { padding-top: 0; }
.wysiwyg h2 { font-size: 1.482em !important; line-height: 30px; text-align: left; padding-bottom: 12px !important; }
.wysiwyg h2:first-child { padding-top: 0; }
.wysiwyg h3 { font-size: 1.273em; line-height: 26px; }
.wysiwyg h3:first-child { padding-top: 0; }
.wysiwyg h4 { font-size: 1.1em; line-height: 24px; }
.wysiwyg h4:first-child { padding-top: 0; }
.wysiwyg h5 { font-size: 1em; line-height: 22px; }
.wysiwyg h5:first-child { padding-top: 0; }
.wysiwyg .alignleft { float: left; margin: 7px 28px 28px 0; }
.wysiwyg .alignright { float: right; margin: 7px 0 28px 28px; }
.wysiwyg .aligncenter { clear: both; display: block; margin: 7px auto; }
.wysiwyg p, .wysiwyg div { padding: 10px 0; }
.wysiwyg p:first-child, .wysiwyg div:first-child { padding-top: 0; }
.wysiwyg ul { list-style: inside none none; padding: 10px 0 10px 24px; margin: 0; }
.wysiwyg ul:first-child { padding-top: 0; }
.wysiwyg ul li { padding: 0 0 0 20px; margin-top: 7px; background: url(../images/icons/list-icon.png) no-repeat left 10px; background-size: 8px auto; }
.wysiwyg ul li:first-child { margin-top: 0; }
.wysiwyg ol { padding: 10px 0 10px 46px; margin: 0; }
.wysiwyg ol:first-child { padding-top: 0; }
.wysiwyg ol li { margin-top: 7px; }
.wysiwyg ol li:first-child { margin-top: 0; }
/*-----------------------------------------------------------------*/                               
/*--- Global Footer Styles ---*/
/*-----------------------------------------------------------------*/
#footer { background: #023f50; color: #fff; }
#footer > .container { padding-top: 50px; padding-bottom: 50px; }
/*-------------------------------------------------*/
.footer-contact { margin-bottom: 38px; padding-bottom: 33px; border-bottom: 1px solid #fff; }
.footer-contact .contact-list { width: 100%; overflow: hidden; padding: 5px 80px 0 55px; }
.footer-contact .contact-list li { float: left; width: 32%; line-height: 26px; text-align: center; }
.footer-contact .contact-list li:first-child { width: 36%; }
.footer-contact .contact-list li .fa { color: #ff8300; font-size: 2.542em; line-height: 42px; padding-bottom: 12px; }
.footer-contact .contact-list li .fa-phone { font-size: 2.417em; margin-left: -14px; }
.footer-contact .contact-list li .fa-envelope { font-size: 2.042em; line-height: 37px; padding-bottom: 17px; }
.footer-contact .contact-list li a { color: #fff; }
.footer-contact .contact-list li a:hover { color: #ff8300; }
/*-------------------------------------------------*/
#footer .copyright { font-size: 14px; line-height: 16px; }
/*-------------------------------------------------*/
#footer .fmenu { font-size: 14px; line-height: 16px; text-align: right; }
#footer .fmenu li { font-size: 14px; line-height: 16px; display: inline; padding-left: 5px; }
#footer .fmenu li:first-child { padding-left: 0; }
#footer .fmenu li a { color: #fff; text-decoration: underline; }
#footer .fmenu li a:hover { color: #ff8300; text-decoration: none; } 

/*-----------------------------------------------------------------*/                               
/*--- Media Queries Styles ---*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*---------- Styles for desktop > 768px -----------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    #main { margin: 0 !important; height: auto !important; }
    #main:after { background-color: rgba(0, 0, 0, 0) !important; }
    .mobile-menu { display: none !important; }     
}
/*-----------------------------------------------------------------*/
/*---------- Styles for desktop 0 - 1399px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1399px) {
    .featured-image .banner-content .inner-content { padding: 12px 0 0 0; }
    .featured-image .banner-content .inner-content h2 { font-size: 2.2em; line-height: 50px; }
    /*-------------------------------------------------------*/
    .main-section { padding-bottom: 100px; padding-top: 100px; }
    .main-section h2 { padding-bottom: 55px; }
    .main-section .sub-title { margin-top: -30px; padding-bottom: 35px; }
     ul.tabs-list p, .tabs-content .tabs-content-inner { line-height: 24px; }
} 
/*-----------------------------------------------------------------*/
/*---------- Styles only for tablet 0 - 1310px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-device-width: 0) and (max-device-width: 1310px) {
    /*-------------------------------------------------------*/
    .slick-arrow { left: -50px; width: 15px; height: 30px; background-size: 30px auto; margin-top: -15px; }
    .slick-arrow.slick-next { right: -50px; }
    .team-slider .slick-arrow { left: -15px; }
    .team-slider .slick-arrow.slick-next { left: auto; right: -15px; }
} 
/*-----------------------------------------------------------------*/
/*---------- Styles only for tablet 0 - 1279px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-device-width: 0) and (max-device-width: 1279px) {
    /*--- Back to Top ---------------------------------------*/
    #back-to-top { bottom: 195px; font-size: 19px; width: 44px; height: 44px; line-height: 39px; right: 10px; }
    /*-------------------------------------------------------*/
    .slick-arrow { left: 20px; }
    .slick-arrow.slick-next { right: 20px; }
    .team-slider .slick-arrow { left: 55px; }
    .team-slider .slick-arrow.slick-next { left: auto; right: 55px; }
    .team-slider .slick-list { margin: 0 auto; width: 85%; }
    .team-slider .col-md-4 { padding-left: 15px; padding-right: 15px; } 
}
/*-----------------------------------------------------------------*/
/*---------- Styles for tablet 0 - 1070px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 1070px) {    
    /*--- Back to Top ---------------------------------------*/
    #back-to-top { bottom: 215px; }
    /*-------------------------------------------------------*/
    #header .container { padding-bottom: 30px; padding-top: 35px; }
    #header h1 a { width: 200px; }
    #header.large h1 a { width: 200px; }    
    .main-menu { padding-top: 22px; }
    /*-------------------------------------------------------*/
    .featured-image .banner-img { background-attachment: scroll; }
    .main-section.dark-bg { background-attachment: scroll; }
    /*-------------------------------------------------------*/
    .main-menu ul li a:hover { color: #022a3a; }
    .main-menu ul li a.active { color: #ff8300; }
    /*-------------------------------------------------------*/
    #header.small .main-menu { padding-top: 20px; }
    .main-menu ul li { padding-left: 40px; }    
    /*-------------------------------------------------------*/
    .slick-arrow { left: 20px; }
    .slick-arrow.slick-next { right: 20px; }
    .team-slider .slick-arrow { left: 20px; }
    .team-slider .slick-arrow.slick-next { left: auto; right: 20px; }
    .team-slider .slick-list { margin: 0 auto; width: 90%; padding: 0; }
    /*-------------------------------------------------------*/
    .quote-content .quote-inner p { padding: 0 70px; }
    /*-------------------------------------------------------*/
    .team-slider { margin: 0; }
    .team-content .team-description { padding: 25px 20px; line-height: 24px; }
    .team-content .team-description h3 { padding-bottom: 14px; line-height: 26px; }
    /*-------------------------------------------------------*/
    .whatwedone-list ul.tabs-list li p { font-size: 17px; }
    .whatwedone-list .tabs-content .tabs-content-inner p img { max-height: 107px; max-width: 160px; }
} 
/*-----------------------------------------------------------------*/
/*---------- Styles for tablet 0 - 992px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 992px) {    
    /*-------------------------------------------------------*/
    .container { padding-left: 20px; padding-right: 20px; }
    .row { margin-left: -20px; margin-right: -20px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 20px; padding-right: 20px; }
    /*-------------------------------------------------------*/
    #header .container { padding-bottom: 25px; padding-top: 35px; }
    #header h1 a { width: 175px; }
    #header.large h1 a { width: 175px; }    
    .main-menu { padding-top: 14px; }
    .main-menu ul li { padding-left: 20px; }
    /*-------------------------------------------------------*/
    .featured-image .banner-content .inner-content h2 { font-size: 2em; line-height: 50px; }
    /*-------------------------------------------------------*/
    .quote-content .quote-inner p { padding: 0 85px; }
    /*-------------------------------------------------------*/
    .main-section { padding-bottom: 98px; padding-top: 92px; }
    .main-section h2 { font-size: 1.9em; line-height: 32px; padding-bottom: 40px; }
    .main-section .sub-title { font-size: 16px; line-height: 26px; margin-top: -15px; max-width: 600px; padding-bottom: 30px; }    
    /*-------------------------------------------------------*/
    ul.tabs-list .list-icon { border-width: 4px; }   
    .whatwedone-list ul.tabs-list li p { line-height: 24px; padding: 10px 7px 0; }
    /*-------------------------------------------------------*/
    .whatwedo-list ul.tabs-list li:first-child { padding-left: 20px; }
    .whatwedo-list ul.tabs-list li:last-child { padding-right: 20px; }
    .whatwedone-list .tabs-content .tabs-content-inner .col-sm-4 { padding: 0 0 20px 20px; }
    .whatwedone-list .tabs-content .tabs-content-inner p:first-child { padding-top: 0; }
    .whatwedone-list .tabs-content .tabs-content-inner p img { max-height: 94px; max-width: 140px; }
    /*-------------------------------------------------------*/
    .slick-arrow { left: 40px; }
    .slick-arrow.slick-next { left: auto; right: 40px; }
    .team-slider .slick-arrow { left: 60px; }
    .team-slider .slick-arrow.slick-next { left: auto; right: 60px; } 
    .team-slider .slick-list { width: 78%; }
    /*-------------------------------------------------------*/
    .testimonial-slider { margin-top: -10px; }
    .testimonial-content .testimonial-descr { line-height: 40px; }
    .testimonial-content .autor { margin-top: 40px; padding-top: 40px; }  
    /*-----------------------------------------------------------------*/
    /*--- Wysiwyg Styles ---*/
    /*-----------------------------------------------------------------*/
    .page-content .main-section { padding-top: 80px; padding-bottom: 70px; }
    .page-content .main-section h2 { padding-bottom: 30px; }
    .wysiwyg { font-size: 0.909em; line-height: 24px; }
    .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 { padding: 10px 0 8px; }
    .wysiwyg h1 { line-height: 36px; }
    .wysiwyg h2 { line-height: 32px; padding-bottom: 8px !important; }
    .wysiwyg h3 { line-height: 28px; }
    .wysiwyg h4 { line-height: 24px; }
    .wysiwyg h5 { line-height: 22px; }
    .wysiwyg p, .wysiwyg div { padding: 8px 0; }
    .wysiwyg ul { padding: 8px 0 8px 24px; }
    .wysiwyg ul li { padding: 0 0 0 18px; background: url(../images/icons/list-icon.png) no-repeat left 9px; background-size: 8px auto; }
    .wysiwyg ol { padding: 8px 0 8px 46px; }    
}
/*-----------------------------------------------------------------*/
/*---------- Styles for tablet 0 - 870px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 870px) {   
    .main-section h2 { font-size: 1.7em; line-height: 28px; padding-bottom: 35px; }
    ul.tabs-list { padding-bottom: 41px; }
    ul.tabs-list.active:after { left: 20px; right: 20px; }
    ul.tabs-list .list-icon { border-width: 3px; }
    ul.tabs-list p { font-size: 16px; line-height: 22px; padding-top: 15px; }
    .tabs-content { margin: 0 20px; padding-bottom: 40px; }
    .tabs-content .tabs-content-inner { font-size: 16px; padding-top: 34px; }
    .team-content .team-description { padding: 25px 20px; }
    /*-------------------------------------------------------*/
    .whatwedone-list.row, .whatwedo-list { margin-bottom: -40px; }
    .whatwedone-list ul.tabs-list.active:after { left: 9px; right: 9px; }
    .whatwedone-list ul.tabs-link a { font-size: 16px; line-height: 20px !important; }
    .whatwedone-list .tabs-content .tabs-content-inner { padding-top: 8px; }
    .whatwedone-list .tabs-content .tabs-content-inner p { padding-top: 35px; }
    .whatwedone-list .tabs-content .tabs-content-inner p img { margin: 0; }
    .whatwedone-list .tabs-content .tabs-content-inner .col-sm-4 { padding: 0 0 15px 15px; }
    /*-------------------------------------------------------*/
    .testimonial-content { max-width: 535px; }
    .testimonial-content .testimonial-descr { line-height: 35px; }
    .testimonial-content .autor { font-size: 0.95em; margin-top: 35px; padding-top: 35px; }
    .testimonial-content .autor p { line-height: 32px; padding-top: 10px; }    
}
/*-----------------------------------------------------------------*/
/*---------- Styles for tablet 0 - 910px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 910px) {
    #back-to-top { bottom: 210px; font-size: 17px; height: 42px; line-height: 40px; width: 42px; }
    /*-------------------------------------------------------*/                              
    /*--- Global Footer Styles ---*/
    /*-------------------------------------------------------*/
    #footer > .container { padding-top: 40px; padding-bottom: 37px; }
    /*-------------------------------------------------*/
    .footer-contact { margin-bottom: 35px; padding-bottom: 35px; }
    .footer-contact .contact-list { padding: 0; }
    .footer-contact .contact-list li { width: 33%; font-size: 16px; line-height: 24px; }
    .footer-contact .contact-list li:first-child { width: 33%; }    
    .footer-contact .contact-list li .fa-phone { margin-left: -5px; }
    /*-------------------------------------------------*/
    #footer .copyright { font-size: 13px; line-height: 15px; }
    /*-------------------------------------------------*/
    #footer .fmenu { font-size: 13px; line-height: 15px; }
    #footer .fmenu li { font-size: 13px; line-height: 15px; }    
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 767px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 767px) {
    body { font-size: 14px; line-height: 18px; }
    /*-------------------------------------------------*/
    #back-to-top { bottom: 195px; right: 5px; font-size: 17px; height: 42px; line-height: 38px; width: 42px; background: transparent; overflow: hidden; }
    #back-to-top i { font-size: 17px; height: 42px; line-height: 38px; width: 42px; background: #022a3a; border-radius: 20px; overflow: hidden; }    
    #back-to-top:hover i { background: #ff8300; }
    /*-------------------------------------------------------*/   
    #header .container { padding-bottom: 15px; padding-top: 20px; }
    #header h1 a, #header.large h1 a, #header.small h1 a { width: 125px; }
    #header.small { height: 79px; }
    /*-----------------------------------------------------------------*/
    /*--- General Mobile Menu Styles---*/
    /*-----------------------------------------------------------------*/    
    .mobile-nav, .mobile-nav body { width: 100%; height: 100%; overflow: hidden; }
    .mobile-menu { display: none; background: url(../images/backgrounds/mobile-bg.jpg) repeat; position: absolute; top: 0; right: 0; z-index: 10000; width: 82%; height: 100%; box-sizing: border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 0 5px #000;}
    #main.mobile-nav:after { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%; content:''; background-color: rgba(0, 0, 0, 0.5);}
    .mobile-menu .logo { background: #fff; padding: 20px 20px 4px; width: 100%; overflow: hidden; }
    .mobile-menu .logo-inner { width: 125px; }
    .mobile-menu .mobile-main-menu ul { margin: 0 25px 40px; border-bottom: 1px solid #023f50; }
    .mobile-menu .mobile-main-menu ul li { padding: 18px 0 14px; border-top: 1px solid #023f50; }
    .mobile-menu .mobile-main-menu ul li:first-child { border-top: 0; }
    .mobile-menu .mobile-main-menu ul li a { font-size: 1.2em; line-height: 20px; display: inline-block; color: #fff; text-transform: uppercase; }
    /*-----------------------------------------------------------------*/  
    .featured-image { min-height: inherit; }
    .featured-image .banner-content .inner-content h2 { font-size: 1.6em; line-height: 30px; }
    /*-------------------------------------------------------*/    
    .slick-arrow { background-size: 26px auto; height: 26px; margin-top: -18px; width: 13px; left: 20px; }    
    .slick-arrow.slick-next { left: auto; right: 20px; }
    .team-slider .slick-arrow { left: 40px; }
    .team-slider .slick-arrow.slick-next { left: auto; right: 40px; } 
    .team-slider .slick-list { width: 82%; }
    /*-------------------------------------------------------*/
    .main-section { padding-bottom: 60px; padding-top: 60px; }
    .main-section.quote-section { padding-bottom: 40px; padding-top: 40px; }
    .main-section h2 { line-height: 26px; padding-bottom: 30px; }
    .main-section .sub-title { font-size: 14px; max-width: 80%; line-height: 21px; margin-top: -17px; padding-bottom: 25px; }
    /*-------------------------------------------------------*/
    .quote-content .quote-inner { height: 55px; }
    .quote-content .quote-inner p { line-height: 21px; }
    /*-------------------------------------------------------*/
    ul.tabs-list { padding-bottom: 10px; }
    ul.tabs-list.active:after { left: 10px; right: 10px; }
    ul.tabs-list li { padding: 0 10px 20px; }
    ul.tabs-list .list-icon { height: 110px; width: 110px; }
    ul.tabs-list .list-icon .icon { height: 60px; width: 60px; background-size: 60px auto; }
    ul.tabs-list .customer-icon { clear: both; }
    ul.tabs-list p { font-size: 14px; line-height: 18px; padding: 15px 5px 0; }
    .tabs-content { padding-bottom: 20px; }
    .tabs-content .tabs-content-inner { font-size: 14px; line-height: 18px; padding-top: 27px; }
    /*-------------------------------------------------------*/
    .whatwedo-list, .whatwedone-list.row { margin: 0 -10px -20px; }
    .whatwedo-list ul.tabs-list li:first-child { padding-left: 10px; }
    .whatwedo-list ul.tabs-list li:last-child { padding-right: 10px; }
    /*-------------------------------------------------------*/
    .ui-tabs-vertical .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size: 14px; line-height: 15px !important; padding: 6px 10px 6px 0; }
    .whatwedone-list ul.tabs-link { padding-left: 10px; }
    .whatwedone-list .tabs-content .tabs-content-inner { padding-top: 2px; }
    .whatwedone-list .tabs-content .tabs-content-inner .col-sm-4 { padding: 0 0 10px 20px; }
    .whatwedone-list .tabs-content .tabs-content-inner p { padding-top: 10px; }
    .whatwedone-list .tabs-content .tabs-content-inner p img { margin: 0 auto; max-width: 100px; max-height: 67px; }
    .whatwedone-list .tabs-content .tabs-content-inner .col-sm-4:last-child { width: 100%; padding: 0; }
    .whatwedone-list .tabs-content .tabs-content-inner .col-sm-4:last-child p { width: 50%; float: left; padding: 0 0 10px 20px; }
    .whatwedone-list .tabs-content #media .col-sm-4:last-child, .whatwedone-list .tabs-content #insurance .col-sm-4:last-child, .whatwedone-list .tabs-content #telecoms .col-sm-4:last-child { width: 50%; padding: 0 0 10px 20px; }
    .whatwedone-list .tabs-content #media .col-sm-4:last-child p, .whatwedone-list .tabs-content #insurance .col-sm-4:last-child p, .whatwedone-list .tabs-content #telecoms .col-sm-4:last-child p { width: auto; padding: 0; }
    .whatwedone-list .tabs-content #professional .col-sm-4:last-child, .whatwedone-list .tabs-content #government .col-sm-4:last-child { width: 50%; }
    .whatwedone-list .tabs-content #professional .col-sm-4:last-child p, .whatwedone-list .tabs-content #government .col-sm-4:last-child p { width: 100%; }
    /*-------------------------------------------------------*/
    .team-content .team-description { padding: 20px; }
    .team-content .team-description h3 { padding-bottom: 8px; }
    .team-content .team-description p { line-height: 21px; }
    /*-------------------------------------------------------*/
    .testimonial-slider { margin-top: -12px; }
    .testimonial-content .testimonial-descr { line-height: 23px; padding: 0 55px; }
    .testimonial-content .autor { margin: 30px 70px 0; padding-top: 30px; }  
    .testimonial-content .autor p { line-height: 18px; padding-top: 10px; }
    /*-----------------------------------------------------------------*/
    /*--- Wysiwyg Styles ---*/
    /*-----------------------------------------------------------------*/
    .page-content .main-section { padding-top: 50px; padding-bottom: 50px; }
    .page-content .main-section h2 { padding-bottom: 15px; }
    .wysiwyg { font-size: 1em; line-height: 20px; }
    .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 { padding: 8px 0 5px; }
    .wysiwyg h1 { line-height: 28px; }
    .wysiwyg h2 { font-size: 1.1em !important; line-height: 22px; padding-bottom: 5px !important; }
    .wysiwyg h3 { line-height: 22px; }
    .wysiwyg h4 { line-height: 20px; }
    .wysiwyg h5 { line-height: 18px; }
    .wysiwyg p, .wysiwyg div { padding: 6px 0; }
    .wysiwyg ul { padding: 6px 0 6px 15px; }
    .wysiwyg ul li { padding: 0 0 0 16px; background: url(../images/icons/list-icon.png) no-repeat left 6px; background-size: 6px auto; margin-top: 3px; }
    .wysiwyg ol { padding: 6px 0 6px 32px; }
    .wysiwyg ol li { margin-top: 3px; }
    /*-------------------------------------------------------*/                              
    /*--- Global Footer Styles ---*/
    /*-------------------------------------------------------*/
    #footer > .container { padding-top: 40px; padding-bottom: 25px; }
    /*-------------------------------------------------*/
    .footer-contact { margin-bottom: 25px; padding-bottom: 30px; }
    .footer-contact .contact-list { padding: 0; }
    .footer-contact .contact-list li { width: 100%; font-size: 15px; line-height: 19px; text-align: left; padding-top: 20px; }
    .footer-contact .contact-list li:first-child { width: 100%; padding-top: 0; }    
    .footer-contact .contact-list li .fa { float: left; padding: 0 10px 0 0; line-height: 35px; min-width: 42px; }
    .footer-contact .contact-list li .fa-phone { margin-left: 0; line-height: 40px; height: 39px; }    
    .footer-contact .contact-list li .fa-envelope { font-size: 31px; line-height: 32px; }
    .footer-contact .contact-list li p { padding-top: 7px; }
    .footer-contact .contact-list li a:hover { color: #fff; }
    /*-------------------------------------------------*/
    #footer .copyright { font-size: 12px; line-height: 15px; padding-bottom: 10px; text-align: center; }
    /*-------------------------------------------------*/
    #footer .fmenu { font-size: 12px; line-height: 15px; text-align: center; }
    #footer .fmenu li { font-size: 12px; line-height: 15px; }  
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 570px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 570px) { 
    .slick-arrow { background-size: 26px auto; height: 26px; margin-top: -18px; width: 13px; left: 20px; }    
    .slick-arrow.slick-next { left: auto; right: 20px; }
    .team-slider .slick-arrow { left: 40px; }
    .team-slider .slick-arrow.slick-next { left: auto; right: 40px; } 
    .team-slider .slick-list { width: 68%; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 479px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 479px) {
    .whatwedone-list ul.tabs-link { border: 1px solid #fff; border-width: 0 0 1px 0 !important; float: none; margin: 0 auto !important; padding: 0 0 15px; width: 93%; }
    .ui-tabs-vertical .ui-tabs-nav li { border: 0 !important; display: inline-block; float: none; height: 35px;  margin: 0 !important; padding: 0 !important; table-layout: fixed; width: 49% !important; }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active { border: 0 !important; }
    .ui-tabs-vertical .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: table-cell; font-size: 14px; height: 35px; line-height: 15px !important; padding: 0 5px 0 0; vertical-align: middle; }
    .whatwedone-list .tabs-content { border: 0; margin: 0 0 -10px 0; padding: 20px 10px 0; width: 100%; }
    .whatwedone-list .tabs-content .tabs-content-inner { text-align: center; }
    .whatwedone-list .tabs-content .tabs-content-inner .col-sm-4 { padding: 0 5px 10px 0; }
    .whatwedone-list .tabs-content .tabs-content-inner p { padding: 10px 0 0 0 !important; }
    .whatwedone-list .tabs-content #professional .col-sm-4:last-child, .whatwedone-list .tabs-content #government .col-sm-4:last-child { width: 50%; }
    .whatwedone-list .tabs-content #professional .col-sm-4:last-child p, .whatwedone-list .tabs-content #government .col-sm-4:last-child p { width: 100%; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 420px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 420px) {
    .footer-contact .contact-list li:first-child p { padding-top: 0; }
    /*-------------------------------------------------------*/    
    .slick-arrow { left: 0; }    
    .slick-arrow.slick-next { left: auto; right: 0; }
    .team-slider .slick-arrow { left: 20px; }
    .team-slider .slick-arrow.slick-next { left: auto; right: 20px; } 
    .team-slider .slick-list { width: 78%; }
    /*-------------------------------------------------------*/
    .main-section .sub-title { line-height: 20px; max-width: 100%; }
    /*-------------------------------------------------------*/
    .quote-content .quote-inner { height: 95px; }
    .quote-content .quote-inner p { padding: 0 30px; line-height: 20px; }
    /*-------------------------------------------------------*/
    .testimonial-content .testimonial-descr { line-height: 20px; padding: 0 30px; }
    .testimonial-content .autor { margin: 22px 40px 0; padding-top: 23px; }
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 360px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 360px) {
    /*-----------------------------------------------------------------*/  
    .featured-image .banner-content .inner-content h2 { font-size: 1.4em; line-height: 22px; }
    /*-----------------------------------------------------------------*/
    .mobile-menu .mobile-main-menu ul li { padding: 15px 0 11px; }
    .mobile-menu .mobile-main-menu ul li a { font-size: 1.1em; }    
}
/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 320px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 320px) {
    #header { width: 320px !important; }
}