/*
	CreditExpo Theme
	www.314.ie
	Developer: Alejandro
*/


/*
font-family: 'Poppins', sans-serif;
*/

body *{outline: none!important;font-family: 'Poppins', sans-serif!important;}

.bounce {-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}

/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); }
  40% {-webkit-transform: translateY(-30px); }
  60% {-webkit-transform: translateY(-15px); } 
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); }
  40% {-moz-transform: translateY(-30px); }
  60% {-moz-transform: translateY(-15px); } 
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); }
  40% {-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px); }
  60% {-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);-ms-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); } 
}

.animation-element.bounce-up{
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-up.in-view{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.bounce-down{
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, -200px, 0px);
  -webkit-transform: translate3d(0px, -200px, 0px);
  -o-transform: translate(0px, -200px);
  -ms-transform: translate(0px, -200px);
  transform: translate3d(0px, -200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.bounce-down.in-view{
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

header #topbar{background-color: #00B4E1;text-align: center;position: relative;padding-top: 7px;}
header #topbar .wrapper{/*display: none;*/padding-top: 20px;display: inline-block}
header #topbar p{color: white;font-size: 25px;font-weight: 600;display: inline-block;padding: 5px 20px;}
header #topbar p.email{border-right: 1px solid rgba(255,255,255,0.6);}
header #topbar .social_networks{display: inline-block;padding: 5px;}
header #topbar .social_networks a{border-left: 1px solid rgba(255,255,255,0.6);padding: 12px 15px;vertical-align: middle;}
header #topbar .social_networks a img{vertical-align: middle;}
header #topbar .social_networks a.linkedin img{padding-bottom: 8px;}
header #topbar #button_topbar{display: inline-block;position: absolute;bottom: -22px;border-radius: 50px;background-color: #00B4E1;padding:12px;padding-top: 17px;padding-bottom: 7px;margin-left: 20px;cursor: pointer;transition: .5s;right: 10%;margin-right: 20px;z-index: 15}
header #topbar #button_topbar.open{padding:12px!important;transition: .5s;}
header #topbar #button_topbar img.button_cross_icon_topbar{display: none;}
header #topbar #button_topbar img.button_phone_icon_topbar{display: block;}
header #topbar #button_topbar.open img.button_cross_icon_topbar{display: block;}
header #topbar #button_topbar.open img.button_phone_icon_topbar{display: none;}

header .navbar{margin: 0px!important;border:0px!important;}

header #topbar .wrapper{display: none;}

header#masthead{background-color: rgba(0,0,0,0);position: fixed;width: 100%;z-index: 10}
header .main__menu{background-color: rgba(35, 73, 112, 0.8);padding: 0px 10%;}
header .main__menu ul{padding: 0px;margin: 0px;}
header .main__menu ul li{padding: 0px;margin: 0px;display: inline-block;list-style: none;padding: 22px 0px;position: relative;}
header .main__menu ul li a{color: white;text-transform: uppercase;font-size: 16px;padding: 0px 15px;text-decoration: none;}
header .main__menu ul li a span{font-family: 'Glyphicons Halflings'!important;position: absolute;bottom: -30px;transform: rotate(90deg);text-align: center;font-size: 10px;left: 0}
header .main__menu ul li a:hover{color: #00B4E1}
header .main__menu ul li:last-child a{padding-right: 0px;}
header .main__menu ul li ul{top: 64px;left: 0;position: absolute;background-color: rgba(35, 73, 112, 0.8);padding-right: 20%;/*padding-bottom: 20px;*/}
header .main__menu ul li ul li{width: 110%;padding: 0px;}
header .main__menu ul li ul li:after{height: 1px;width: 90%;margin: 0 auto;display: block;content: '';background-color: white;}
header .main__menu ul li ul li a{color: white;padding-left: 8%;padding-top: 25px;padding-bottom: 12px;}
header .main__menu ul li ul li a:hover{background-color: rgba(0,0,0,0)}
header .main__menu ul li ul li:last-child:after{display: none;}

header .logo{padding: 22px 0px;float: left;}
header #menuDesk{float: right;}

.home #top{/*height: 770px;*/height: 610px;background-size: cover;background-repeat: no-repeat;background-position: center;border-bottom: 7px solid #32C2E4;position: relative;}
.home #top h2{font-size: 67px;color: white;font-weight: bold;max-width: 580px;line-height: 65px;}
.home #top .box{position: absolute;bottom: 80px;left: 10%;}
.home #top .top_subtitle_ul ul{padding: 0px;padding-bottom: 20px;}
.home #top .top_subtitle_ul ul li{color: white;list-style: none;font-size: 30px;}
.home #top .top_subtitle_ul ul li:before{content: '>';display: inline-block;padding-right: 10px;}

a.request_button.white_lightblue{text-decoration: none;}
a.request_button.white_lightblue .t {
    background-color: white;
    font-size: 28px;
    font-weight: bold;
    padding: 5px 20px;
    padding-bottom: 1px;
    color: black;
}

a.request_button.white_lightblue .a {
    background-color: #31C3EA;
    padding: 14px 20px;
    padding-bottom: 15px;
    vertical-align: 6px;
    margin-left: -5px;
}
a.request_button.white_lightblue:hover .t{background-color: #31C3EA;color: white;}

.home .clients{width: 90%; margin: 0 auto;}
.home .clients div{width: 25%;float: left;text-align: center;padding: 60px 0px;padding-bottom: 40px}
.home .clients div img{-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.6;max-width: 100%;height: auto;}

.home .ethos{clear: both;background-color: #234970;color: white;text-align: center;padding: 50px}
.home .ethos h3:before{content: '';display: block;width: 200px;height: 3px;background-color: white;margin: 16px auto;}
.home .ethos h3{font-weight: 300;font-size: 28px;}
.home .ethos .numbers{font-size: 60px;padding: 60px 0px;line-height: 120px;padding-bottom: 10px;}
.home .ethos h3 span{font-weight: 700}
.home .under_ethos{width: 100%;}

.home #bottom{padding-top: 100px;}
.home #bottom .wrapper{background-color: #33C3E6;position: relative;}
.home #bottom .wrapper .aService{overflow: hidden;height: 650px;}
.home #bottom .wrapper .aService .left,
.home #bottom .wrapper .aService .right{width: 50%;float: left;position: relative;}
.home #bottom .wrapper .aService .right img{max-width: 100%;height: auto;position: absolute;right: -100px;top: 80px;}
.home #bottom .wrapper .aService .left .text{padding-left: 20%;color: white;font-size: 20px;font-weight: 400;padding-top: 40px;padding-bottom: 40px;}
.home #bottom .wrapper .bullets_control{text-align: center;position: absolute;bottom: 30px;left: 50%;margin-left: -75px;padding: 0px;}
.home #bottom .wrapper .bullets_control li{list-style: none;display: inline-block;border-radius: 50px;padding: 7px;background-color: white;cursor: pointer;margin: 10px}
.home #bottom .wrapper .bullets_control li.active{background-color: #2E456F;cursor: default;}
.home #bottom .wrapper .aService .left .titles{width:200%;background-color: black;padding-left: 20%;background-color: white;padding-top: 80px;}
.home #bottom .wrapper .aService .left .titles h3,
.home #bottom .wrapper .aService .left .titles h4{margin: 0px;color: #33C3E6}
.home #bottom .wrapper .aService .left .titles h3{font-size: 28px;font-weight: 700}
.home #bottom .wrapper .aService .left .titles h4{font-size: 60px;font-weight: 400;max-width: 500px;text-transform: uppercase;line-height: 60px;}
.home #bottom .wrapper .aService .left a.learn_more{border: 3px solid white;border-radius: 5px;padding: 7px 20px;font-weight: 500;font-size: 25px;color: white;text-decoration: none;margin-left: 20%;}
.home #bottom .wrapper .aService .left a.learn_more:hover{background-color: white;color: #33C3E6}
.home #bottom .wrapper .aService{display: none;}
.home #bottom .wrapper .aService:first-child{display: block;}

footer .col{width: 33.3%;float: left;text-align: center;}
footer .col.second{text-align: left;padding-left: 10%;}
footer .col.second p{margin: 0px;}
footer .col.third{padding-top: 30px;text-align: right;padding-right: 10%;}
footer .col.third a{padding: 15px;text-decoration: none!important;}
footer .col.third a:last-child{padding-right: 0px;}
footer .wrapper_1{background-color: #F2F2F2;color: #234970;clear: both;padding-top: 80px;padding-bottom: 60px;font-size: 17px;}
footer .wrapper_2{background-color: #234970;color: white;clear: both;padding-top: 30px;padding-bottom: 20px;}
footer .wrapper_2 .left,
footer .wrapper_2 .right{width: 50%; float: left;}
footer .wrapper_2 .left{padding-left: 10%;}
footer .wrapper_2 .right{padding-right: 10%;text-align: right;}
footer .wrapper_2 .right a{color: white;}
footer .wrapper_2 .right a:not(:first-child):before{content: '|';display: inline-block;padding: 0px 5px}
footer .wrapper_2 .left a{text-decoration: none;font-weight: bold;color: white}

.about-content h1,
.clients-content h1,
.contact-content h1,
.articles-content h1,
.privacy-content h1,
.single-services-content #top h2{margin: 0px;position: absolute;bottom: 10px;left: 10%;color: white;font-weight: 400}
.e404-content #top,
.about-content #top,
.clients-content #top,
.single-services-content #top,
.contact-content #top,
.articles-content #top,
.thankyou-content #top,
.privacy-content #top{height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.about-content #our_team,
.clients-content #our_clients{width: 80%;margin: 0 auto;}
.about-content #our_team .our_team_top,
.clients-content #our_clients .our_clients_top{padding-top: 50px}
.about-content #our_team .our_team_top h3,
.clients-content #our_clients .our_clients_top h3{margin: 0px;border-bottom: 1px solid #254771;color: #254771;padding: 10px 0px;font-size: 26px;}
.about-content #our_team .our_team_top .text,
.clients-content #our_clients .our_clients_top .text{color: #555;font-size: 20px;padding:20px 0px;line-height: 28px;}
.about-content #our_team .first_block img{float: left;padding-right: 30px;padding-bottom: 50px;}
.about-content #our_team .first_block,
.about-content #our_team .third_block{font-size: 18px;color: #555;line-height: 32px}
.about-content #our_team .first_block p,
.about-content #our_team .third_block p{padding: 0px 30px;}
.about-content #our_team .first_block h4{color: #254771;font-size: 32px;font-weight: bold;padding: 10px 0px}
.about-content #our_team .first_block em{font-style: initial;color: #234970}
.about-content #our_team .first_block a{color: #41BBE0}
.about-content #our_team .aMember{padding-top: 50px;padding-bottom: 30px;}

.about-content #our_team .second_block{font-size: 18px;color: white;background-color: #234970;padding: 30px;padding-top: 35px;margin: 40px 0px;clear: both;}
.about-content #complementary,
.single-services-content #complementary{background-color: #234970;}
.about-content #complementary .wrapper,
.single-services-content #complementary .wrapper{background-size: contain;background-repeat: no-repeat;background-position: right;height: 500px;color: white;padding-top: 80px}
.about-content #complementary .wrapper h4,
.single-services-content #complementary .wrapper h4{font-size: 32px;font-weight: bold;width: 280px;text-align: center;margin: 0 auto;}
.about-content #complementary .wrapper .content,
.single-services-content #complementary .wrapper .content{width: 35%;margin-left: 15%;}
.about-content #complementary .wrapper .text,
.single-services-content #complementary .wrapper .text{text-align: center;font-size: 23px;padding-top: 20px;}
.about-content #complementary .wrapper .request_a_demo,
.single-services-content #complementary .wrapper .request_a_demo{border: 3px solid white;border-radius: 5px;padding: 7px 20px;font-weight: 500;font-size: 25px;color: white;text-decoration: none;margin: 0 auto;display: block;width: 260px;padding-top: 10px;margin-top: 50px;}
.about-content #complementary .wrapper .request_a_demo:hover,
.single-services-content #complementary .wrapper .request_a_demo:hover{background-color: white;color: #234970}

.clients-content #our_clients .aClient{width: 50%;text-align: center;float: left;min-height: 100px;margin: 20px 0px}
.clients-content #our_clients .our_clients_top .text{padding-bottom: 50px;}
.clients-content #case_studies{clear: both;margin-top: 60px;}
.clients-content #case_studies .aCase{padding: 80px 10%;padding-bottom: 100px;}
.clients-content #case_studies .aCase:nth-child(2n){background-color: #E9ECF1}
.clients-content #case_studies .aCase:nth-child(2n+1){background-color: #234970}
.clients-content #case_studies h4,
.clients-content #case_studies h5{text-align: center;margin: 0px;}
.clients-content #case_studies .aCase:nth-child(2n+1) h4,
.clients-content #case_studies .aCase:nth-child(2n+1) h5{color: white;}
.clients-content #case_studies .aCase:nth-child(2n) h4,
.clients-content #case_studies .aCase:nth-child(2n) h5{color: #224C74;}
.clients-content #case_studies h4{font-size: 48px;font-weight: 300}
.clients-content #case_studies h5{font-size: 28px;font-weight: 300;padding: 5px 0px}
.clients-content #case_studies .text{color: white;-moz-column-count: 2;-moz-column-gap: 2em;-webkit-column-count: 2;-webkit-column-gap: 2em;font-size: 20px;padding-top: 30px;font-weight: 400}
.clients-content #case_studies .aCase:nth-child(2n+1) .text{color: white;}
.clients-content #case_studies .aCase:nth-child(2n) .text{color: #224C74}

.clients-content #complementary,
.articles-content #complementary{background-color: #00B4E1;padding: 80px 0px;padding-bottom: 30px;}
.clients-content #complementary .left,
.articles-content #complementary .left{float: left;text-align: center;width: 50%;}
.clients-content #complementary .right,
.articles-content #complementary .right{width: 50%;float: left;text-align: center;}
.clients-content #complementary .right img,
.articles-content #complementary .right img{max-width: 100%;height: auto;}
.clients-content #complementary .left .text,
.articles-content #complementary .left .text{font-size: 28px;color: white;font-weight: bold;max-width: 600px;float: right;line-height: 42px;padding-top: 0px;}
.clients-content #complementary .left .request_a_demo,
.articles-content #complementary .left .request_a_demo{border: 3px solid white;border-radius: 5px;padding: 7px 20px;font-weight: 500;font-size: 25px;color: white;text-decoration: none;margin: 0 auto;display: block;width: 260px;padding-top: 10px;clear: both;display: block;width: 270px;margin: 0 auto;margin-top: 30px;}
.clients-content #complementary .left .request_a_demo:hover,
.articles-content #complementary .left .request_a_demo:hover{background-color: white;color: #00B4E1}

.single-services-content .main_service{width: 80%;margin: 0 auto;padding-top: 80px;}
.single-services-content .main_service .left,
.single-services-content .main_service .menu_services{float: left;}
.single-services-content .main_service .left{width: calc(100% - 300px);padding-right: 50px;}
.single-services-content .main_service .menu_services{width: 300px;margin-bottom: 100px}
.single-services-content .main_service .left h1{color: #0F3661;font-size: 48px;font-weight: bold;text-transform: uppercase;margin-top: 0px;}
.single-services-content .main_service .left h2{max-width: 600px;line-height: 35px;font-size: 28px;margin-top: 5px;}
.single-services-content .main_service .left h3{color: #16AACF;font-weight: 600;margin-top: 40px;}
.single-services-content .main_service .left p{font-size: 17px;color: #555}
.single-services-content .main_service .left ul{padding-top: 20px;}
.single-services-content .main_service .left ul li{list-style: none;font-weight: 600;color: #436385;clear: both;max-width: 600px;font-size: 16px;padding: 5px 0px}
.single-services-content .main_service .left ul li:before{content: '+';color: #16AACF;font-weight: bold;display: inline-block;margin-right: 20px;float: left;clear: both;margin-bottom: 10px;}
.single-services-content .main_service .menu_services h4{color: #0E3464;border-top: 2px solid #0E3464;border-bottom: 7px solid #0E3464;font-size: 27px;padding: 10px 0px;padding-bottom: 3px;font-weight: 600;margin: 0px;}
.single-services-content .main_service .menu_services h5{color: #0E3464;}
.single-services-content .main_service .menu_services ul{padding: 0px;}
.single-services-content .main_service .menu_services ul ul{padding-left: 30px;padding-top: 15px;padding-bottom: 15px;display: none;}
.single-services-content .main_service .menu_services ul li{list-style: none;}
.single-services-content .main_service .menu_services ul li ul li{padding: 8px 0px}
.single-services-content .main_service .menu_services ul li ul li a{color:#16AACF;font-size: 16px;text-decoration:none;}
.single-services-content .main_service .menu_services h5{border-bottom: 1px solid #0E3464;margin: 0px;padding: 10px 0px;cursor: pointer;}
.single-services-content .main_service .menu_services h5:first-child{padding-top: 25px;}
.single-services-content .main_service .menu_services h5 span.title{font-size: 22px;font-weight: 500;}
.single-services-content .main_service .menu_services h5 span.glyphicon{font-family: 'Glyphicons Halflings'!important;font-size: 12px;transform: rotate(90deg);vertical-align: 3px;float: right;}
.single-services-content .main_service .menu_services .active ul{border-bottom: 1px solid #0e3464}
.single-services-content .main_service .menu_services .active h5{border-bottom: 0px;}

.single-services-content .second_block{background-color: #F5F6F8;padding: 30px 10%;margin-top: 50px;padding-bottom: 50px;}
.single-services-content .second_block h3{color: #16AACF;font-weight: 600;margin-top: 40px;}
.single-services-content .second_block p{font-size: 17px;color: #555}

.contact-content #contact_info{width: 80%;margin: 0 auto;padding: 50px 0px;padding-top: 120px;}
.contact-content #contact_info .col{width: 33.3%;float: left;text-align: center;padding: 20px;}
.contact-content #contact_info .col h4{color: #2C5277;font-size: 27px;font-weight: 600}
.contact-content #contact_info .col.email h4{padding-top: 10px;}
.contact-content #contact_info .col img{padding-bottom: 15px}
.contact-content #contact_info .col p{font-size: 17px;font-weight: 200;color: #555;margin-bottom: 15px;}
.contact-content #contact_info .col a{display: block;color: #16AACF;text-decoration: none;font-size: 16px;font-weight: 700;}
.contact-content .map{height: 400px;background-size: cover;background-repeat: no-repeat;background-position: center;cursor: pointer;position: relative}
.contact-content .map a{position: absolute;bottom: 0;right: 0;font-weight: 600;color: white;background-color: rgba(0,180,225,0.6);padding: 3px 20px;text-decoration: none;font-size: 20px;z-index: 2}
.contact-content .contact_form{padding-top: 80px;width: 630px;margin: 0 auto;}
.contact-content .contact_form h3{color: #16AACF;font-size: 36px;font-weight: 600;text-align: center;}
.contact-content .contact_form p.desc{padding: 20px;text-align: center;font-size: 18px;color: #555;padding-top: 10px;}
.contact-content .contact_form input:not([type="submit"]),
.contact-content .contact_form textarea{background-color: #E9ECF1;width: 100%;padding: 7px;border: 0px;margin-bottom: 25px;font-size: 18px}
.contact-content .contact_form textarea{resize: none;}

.contact-content .contact_form input::-webkit-input-placeholder { color: #555; } /* WebKit */
.contact-content .contact_form input:-moz-placeholder { color: #555; } /* Firefox 18- */
.contact-content .contact_form input::-moz-placeholder { color: #555; } /* Firefox 19+ */
.contact-content .contact_form input:-ms-input-placeholder { color: #555; } /* IE 10+ */
.contact-content .contact_form textarea::-webkit-input-placeholder { color: #555; } /* WebKit */
.contact-content .contact_form textarea:-moz-placeholder { color: #555; } /* Firefox 18- */
.contact-content .contact_form textarea::-moz-placeholder { color: #555; } /* Firefox 19+ */
.contact-content .contact_form textarea:-ms-input-placeholder { color: #555; } /* IE 10+ */

.contact-content .contact_form input[type="submit"]{border: 3px solid #16AACF;color: #16AACF;text-transform: uppercase;background-color: white;padding: 5px 40px;font-size: 22px;font-weight: bold;border-radius: 3px;width: 150px;margin: 0 auto;display: block;}
.contact-content .contact_form input[type="submit"]:hover{background-color: #16AACF;color: white}
.contact-content .contact_social_networks{background-color: #00B4E1;text-align: center;padding: 15px 0px;padding-top: 30px;margin-top: 80px}
.contact-content .contact_social_networks a{padding: 5px; padding-left: 10px;padding-right: 10px;}
.contact-content .contact_social_networks a.linkedin img{padding-bottom: 3px;}

.articles-content .buttons #articles_button,
.articles-content .buttons #white_papers_button{width: 50%;float: left;font-size: 42px;font-weight: 600;padding: 16px 0px;}

.articles-content .buttons #articles_button:not(.active),
.articles-content .buttons #white_papers_button:not(.active){cursor: pointer}

.articles-content .buttons div{color: #0C3762;background-color: white;}

.articles-content .buttons div.active{background-color: #0C3762;color: white;text-align: right;}

.articles-content .buttons #articles_button{padding-right: 8%;text-align: right;}
.articles-content .buttons #white_papers_button{padding-left: 8%;text-align: left;}
.articles-content .info .content{background-color: white;padding-top: 100px;padding-bottom: 200px;}
.articles-content .info .content.active{background-color: #0C3762;padding-top: 100px;padding-bottom: 200px;}
.articles-content .info .wrapper ul{padding: 0px;}
.articles-content .info .wrapper ul li{list-style: none;border-bottom:1px solid;padding-top: 40px;}
.articles-content .info .wrapper ul li img{float: right;}
.articles-content .info .content .wrapper ul li{border-color: #0C3762;cursor: pointer;}
.articles-content .info .content.active .wrapper ul li{border-color: white;}
.articles-content .info .wrapper ul li p{font-size: 27px;font-weight: 600}
.articles-content .info .content .wrapper ul li p{color: #0C3762}
.articles-content .info .content.active .wrapper ul li p{color: white}
.articles-content .info .wrapper{max-width: 850px;margin: 0px auto;}
.articles-content .info .desc{font-size: 18px;max-width: 850px;margin: 0 auto;}
.articles-content .info .content .desc{color: #0C3762;border-bottom: 1px solid #0C3762;padding-bottom: 15px;}
.articles-content .info .content.active .desc{color: white;border-bottom: 1px solid white;padding-bottom: 15px;}
.articles-content .info .articles_content,
.articles-content .info .white_papers_content{display: none}
.articles-content .info .active{display: block;}
.articles-content h2{color:#0C3762;font-size: 27px;text-align: center;font-weight: 600;margin-top: 100px;margin-bottom: 100px;}
.articles-content h2:before{width: 200px;height: 3px;background-color: #0C3762; display: block;margin: 0 auto;content: '';margin-bottom: 10px;}

.post_who-we-are h3{padding-top: 50px!important;margin-bottom: 20px!important}
.post_who-we-are .text ul{padding-top: 20px;}
.post_who-we-are .text ul li{list-style: none;font-weight: 600;color: #436385;clear: both;max-width: 600px;font-size: 16px;}
.post_who-we-are .text ul li:before{content: '+';color: #16AACF;font-weight: bold;display: inline-block;margin-right: 20px;float: left;clear: both;padding-bottom: 10px;}
.post_who-we-are .our_team_top{padding-top: 0px!important;}

#buttonMenu{display: none;}
#menuDesk{display: block;}
.second_block_desk{display: block;}
.second_block_mobile{display: none;}
body #page{max-width: 100vw!important;overflow-x:hidden!important;}
header #topbar p a{color: white!important;text-decoration: none!important;}
footer .col.second p a{color: #234970!important;text-decoration: none!important}

#info.who_we_are{width: 80%;margin: 0 auto;}
#info.who_we_are h3 {
    color: #254771;
    font-size: 30px;
    font-weight: 600;
    padding-top: 0px!important;
    margin-bottom: 0px!important;
    margin-top: 30px;
}
#info.who_we_are p{color: #555;font-size: 20px;padding: 20px 0px;line-height: 28px;}
#info.who_we_are .second_block h4{padding-top: 50px;}
#info.who_we_are h4{color: #00B0D8;font-size: 30px;font-weight: 600}
#info.who_we_are .list{padding-left: 30px;}
#info.who_we_are .list p{list-style: none;font-weight: 600;color: #436385;clear: both;max-width: 700px;font-size: 18px;padding: 5px 0px;margin-bottom: 0px;}
#info.who_we_are .list p strong{color: #00B0D8;padding-right: 10px;}
#info.who_we_are .third_block{font-size: 18px;color: white;background-color: #234970;padding: 30px;padding-top: 35px;margin: 40px 0px;clear: both;}
#info.who_we_are .third_block h4{color: white;font-size: 25px;}
#info.who_we_are .third_block p,
#info.who_we_are .third_block ul li{color: white;list-style: none;}
#info.who_we_are .third_block ul{padding: 0px;padding-top: 20px;}
#info.who_we_are .third_block ul li:before{content: '-';color: white;font-weight: bold;display: inline-block;margin-right: 20px;float: left;clear: both;}
#info.who_we_are a.our_team_button{border: 3px solid #436385;border-radius: 5px;padding: 7px 20px;font-weight: 500;font-size: 25px;color: #436385;text-decoration: none;margin: 0 auto;display: block;width: 260px;padding-top: 10px;margin-top: 70px;text-align: center;clear: both;margin-bottom: 100px;}
#info.who_we_are a.our_team_button:hover{background-color: #436385;color: white;}

.single-services-content .main_service .first_block{padding-bottom: 50px;}
.single-services-content .main_service .first_block ul li,
.single-services-content .main_service .second_block ul li,
.single-services-content .main_service .third_block ul li{font-size: 18px;}
.single-services-content .main_service .left ul li ul li:before{content: '·';color: #16AACF;font-weight: bold;display: inline-block;margin-right: 20px;float: left;clear: both;margin-bottom: 10px;font-size: 30px;line-height: 26px;}
.articles-content .info .content.active .wrapper ul li p span {max-width: calc(100% - 40px);display: inline-block;}
.thankyou-content h1,
.e404-content h1{color: #0C365C;font-size: 65px;text-align: center;font-weight: bold}
.thankyou-content h1:before,
.e404-content h1:before{width: 200px;height: 3px;background-color: #0C3762;display: block;margin: 0 auto;content: '';margin-bottom: 10px;margin-top: 60px;}
.thankyou-content .text,
.e404-content .text{color: #555;font-size: 22px;padding: 20px 0px;line-height: 28px;text-align: center;letter-spacing: 1px;padding-top: 30px;}
.thankyou-content a,
.e404-content a{text-align: center;margin: 0 auto;width: 280px;color:white!important;background-color: #00B4E1;padding: 10px 25px;font-size: 24px;font-weight: bold;clear: both;text-decoration: none!important; margin-top: 50px;display: block;margin-bottom: 100px;}
.e404-content .text{max-width: 450px;margin: 30px auto;}
.e404-content h2{text-align: center;}

.privacy-content h3{color: #254771;font-size: 28px;font-weight: 600;}
.privacy-content .wrapper{width: 80%;margin: 50px auto;margin-bottom: 100px;}
.privacy-content .wrapper .text{clear: both;padding-bottom: 20px;color: #555;font-size: 18px;}
.clients-content #our_clients .aClient img{max-height: 100px;}

@media screen and (max-width: 1200px){
  header .main__menu{padding: 0px 5%;}
  .about-content h1, .clients-content h1, .contact-content h1, 
  .articles-content h1, .single-services-content #top h2{left: 5%;}
  .single-services-content .main_service{width: 90%;}
  .single-services-content .main_service{padding-top: 50px;}
  .about-content #complementary .wrapper .content, .single-services-content #complementary .wrapper .content {width: 40%;margin-left: 10%;}
  .home #top .box{left: 5%;}
  .home .ethos .numbers {font-size: 50px;}
  .home #bottom .wrapper .aService .left .titles h4 {font-size: 50px;}
  .home #bottom .wrapper .aService .left .titles h3 {font-size: 22px;}
  .home #bottom .wrapper .aService .left .text{font-size: 20px;}
  .home #bottom .wrapper .aService .left a.learn_more{font-size: 20px;}
  .home #bottom .wrapper .aService{height: 670px;}
  footer .wrapper_1{padding-top: 60px;padding-bottom: 40px;font-size: 15px;}
  footer .wrapper_2{padding-top: 20px;}
  .about-content #our_team, .clients-content #our_clients, .about-content #info{width: 90%;}
  .clients-content #case_studies .aCase{padding: 80px 5%;}
  .clients-content #complementary .left, .articles-content #complementary .left{padding: 20px;}
  .clients-content #complementary .left .text, .articles-content #complementary .left .text {font-size: 22px;}
  .clients-content #complementary, .articles-content #complementary{padding: 50px 0px;padding-bottom: 30px;}
  footer .col{text-align: left;}
  footer .col.first{padding-left: 5%;}
  footer .col.third{padding-right: 5%;}
  footer .wrapper_2 .left{padding-left: 5%;}
  footer .wrapper_2 .right{padding-right: 5%;}
  .contact-content #contact_info{width: 90%;}
  header #topbar #button_topbar{right: 5%;}
  .about-content #complementary .wrapper h4, .single-services-content #complementary .wrapper h4 {font-size: 25px;}
  .about-content #complementary .wrapper .text, .single-services-content #complementary .wrapper .text{font-size: 20px;}
  .about-content #complementary .wrapper .request_a_demo, .single-services-content #complementary .wrapper .request_a_demo{font-size: 20px;text-align: center;}
}
@media screen and (max-width: 1100px){
  .clients-content #complementary .left .text, .articles-content #complementary .left .text {font-size: 22px;line-height: 32px;}
  .contact-content #contact_info{padding-top: 60px;}
  .contact-content .map {height: 350px;}  
}
@media screen and (max-width: 992px){
  #buttonMenu{display: block;float:left;}
  #menuDesk{display: none;width: 100%;position: absolute;top: 71px;float: initial;background-color: rgba(35, 73, 112, 0.8);margin-left: -2%;}
  header .logo{display: block;margin: 0 auto;width: calc(100% - 76px);text-align: center;}
  .menuOpen .logo{width: calc(100% - 78px)}
  #nav-icon1{
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon1 span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: white;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #nav-icon1 span:nth-child(1) {
    top: 0px;
  }

  #nav-icon1 span:nth-child(2) {
    top: 8px;
  }

  #nav-icon1 span:nth-child(3) {
    top: 16px;
  }

  #nav-icon1.open span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }

  #nav-icon1.open span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  #buttonMenu .icon-menu,
  #buttonMenu .icon-close{color: white;font-weight: 600;font-size: 13px;}
  #buttonMenu .icon-close{display: none;}
  header .main__menu{padding: 0px}
  #buttonMenu{padding-left: 2%;}

  .about-content h1, .clients-content h1, .contact-content h1, 
  .articles-content h1, .single-services-content #top h2{left: 2%;}
  .single-services-content .main_service{width: 96%;}
  .about-content #complementary .wrapper .content, .single-services-content #complementary .wrapper .content {margin-left: 2%;}
  .home #top .box{left: 2%;}
  .about-content #our_team, .clients-content #our_clients, .about-content #info{width: 96%;}
  .clients-content #case_studies .aCase{padding: 80px 2%;}
  footer .col.first{padding-left: 2%;}
  footer .col.third{padding-right: 2%;}
  footer .wrapper_2 .left{padding-left: 2%;}
  footer .wrapper_2 .right{padding-right: 2%;}
  .contact-content #contact_info{width: 96%;}
  header #topbar #button_topbar{right: 2%;}
  #buttonMenu{top: 9px;position: relative;}
  header #topbar p{font-size: 22px;}
  .home #top h2 {font-size: 50px;}
  .home #top .top_subtitle_ul ul li{font-size: 24px;}
  a.request_button.white_lightblue .t{font-size: 22px;}
  a.request_button.white_lightblue .a{padding: 10px 20px;vertical-align: 4px;}
  header .main__menu ul li{width: 100%;text-align: center;}
  header .navbar-header{width: 100%;}
  header .main__menu ul li a span{display: none;}
  header .main__menu ul li a{font-weight: 500;font-size: 20px;padding-left: 0px!important;padding-right: 0px!important}
  header .main__menu ul li{padding: 6px 0px;}
  header .main__menu ul li ul{position: relative;float: initial;top: 0;padding: 0px;left: 0;padding-bottom: 10px;}
  header .main__menu ul li ul li:after{display: none;}
  header .main__menu ul li ul li {width: 100%;}
  header .main__menu ul li ul li a{padding-top: 12px;padding-bottom: 6px;font-size: 16px;color: #00B4E1;}
  header #menuDesk {float: initial;position: relative;top: 0;left: auto;right: auto;margin-left: 0;}
  .home .clients div img{max-width: 80%;}
  .home .ethos .numbers {font-size: 35px;padding: 20px 0px;line-height: 80px;}
  footer .wrapper_2 .left{font-size: 12px;}
  footer .wrapper_2 .right a{font-size: 12px;}
  .home #bottom .wrapper .aService .left .text{padding-bottom: 40px;}
  .single-services-content .main_service .left{width: 100%;padding: 20px;}
  .single-services-content .main_service .left h2 {max-width: 100%;}
  .single-services-content .main_service .menu_services {width: 100%;margin-bottom: 0px;}
  .single-services-content .main_service{width: 100%;}
  .single-services-content .main_service .menu_services h4{display: none;}
  .single-services-content .main_service .menu_services h5{padding: 10px 20px;max-width: 350px;margin: 0 auto;border-bottom: 0px!important;text-align: center;}
  .single-services-content .main_service .menu_services ul ul{max-width: 350px;margin: 0 auto;border: 0px;border-bottom: 0px!important;}
  .single-services-content .main_service .menu_services ul li {border-bottom: 1px solid #0e3464}
  .single-services-content .main_service .menu_services ul li ul li{border-bottom: 0px!important;text-align: center;}
  .single-services-content .second_block{margin-top: 0px;}
  .single-services-content .main_service .menu_services ul{margin-bottom: 0px;}
  .single-services-content .main_service .left h1{font-size: 36px;}
  .single-services-content .main_service .left h2{font-size: 23px;}
  .single-services-content .main_service .menu_services{border-top: 7px solid #0E3464;}
  .second_block_desk{display: none;}
  .second_block_mobile{display: block;}
  .single-services-content .main_service .menu_services h5 span.title {font-size: 18px;}
  .single-services-content .main_service .menu_services .active ul{padding-top: 0px;padding-left: 0px;}
  .about-content #complementary .wrapper, .single-services-content #complementary .wrapper{height: 400px;padding-top: 50px;}
  .about-content #complementary .wrapper .text, .single-services-content #complementary .wrapper .text {font-size: 18px;}
  .about-content #complementary .wrapper .request_a_demo, .single-services-content #complementary .wrapper .request_a_demo {font-size: 18px;width: 200px;}
  .single-services-content .main_service .left h3 {margin-top: 30px;font-size: 22px;}
  .single-services-content .second_block h3{font-size: 22px;margin-top: 20px;}
  .about-content #complementary .wrapper .content, .single-services-content #complementary .wrapper .content{width: 60%}
  header .main__menu ul li a:hover{color: white;}
  .about-content #our_team .aMember {padding-top: 0px;}
  .about-content #our_team .first_block, .about-content #our_team .third_block{line-height: 26px;}
  .about-content #our_team .first_block h4{font-size: 28px;}
  .about-content #our_team .first_block p, .about-content #our_team .third_block p {padding: 0px 15px;}
  .about-content #our_team .first_block img{padding-bottom: 20px;}
  .about-content #our_team .our_team_top, .clients-content #our_clients .our_clients_top {padding-top: 30px;}
  .about-content #our_team .our_team_top .text, .clients-content #our_clients .our_clients_top .text, .about-content #info p, .about-content #info ul li{font-size: 18px;}
  .clients-content #our_clients .aClient img{max-width: 80%;height: auto;}
  .clients-content #case_studies h4{font-size: 36px;}
  .clients-content #case_studies h5 {font-size: 22px;}
  .clients-content #case_studies .text{font-size: 16px;}
  .clients-content #complementary .left .text, .articles-content #complementary .left .text {font-size: 18px;line-height: 24px;}
  .clients-content #complementary .left .request_a_demo, .articles-content #complementary .left .request_a_demo{font-size: 18px;width: 230px;}
  .articles-content h2{font-size: 22px;margin-top: 60px;margin-bottom: 60px;}
  .articles-content .info .wrapper {max-width: 90%;}
  .articles-content .info .wrapper ul li p {font-size: 20px;}
  .articles-content .info .content.active .desc{max-width: 90%;font-size: 16px;}
  .articles-content .buttons #articles_button, .articles-content .buttons #white_papers_button{font-size: 30px;}
  .articles-content .info .content.active{padding-top: 60px;padding-bottom: 100px;}
  .contact-content #contact_info .col h4{font-size: 22px;}
  .contact-content #contact_info .col p {font-size: 15px;}
  .contact-content #contact_info .col a{font-size: 14px;}
  .contact-content .map {height: 280px;}
  .contact-content .contact_form h3{font-size: 30px;}
  .contact-content .contact_form p.desc{font-size: 16px;}
  .contact-content .contact_form input:not([type="submit"]), .contact-content .contact_form textarea{font-size: 15px;}
  .menuOpen .logo,#buttonMenu{z-index: 1;position: relative;}
  header .main__menu ul li ul{border: 0px!important}
  .privacy-content .wrapper .text{font-size: 17px;}
  .privacy-content h3{font-size: 26px;}
  .thankyou-content h1,
  .e404-content h1{font-size: 60px}
  .home #bottom .wrapper .aService {height: 690px;}
  .home #bottom .wrapper .aService .left .text {font-size: 18px;}
}  
@media screen and (max-width: 768px){
  .contact-content #contact_info .col h4 {font-size: 18px;}
  .contact-content #contact_info .col p {font-size: 14px;}
  .contact-content .contact_form{width: 90%;}
  .contact-content .contact_form p.desc{font-size: 14px;}
  .contact-content .contact_form h3 {font-size: 24px;}
  footer .col {width: 100%;float: initial;text-align: center!important;}
  footer .col.second {padding-left: 0%;padding: 30px 0px;}
  footer .col.third{padding-top: 0px;}
  footer .wrapper_1 {padding-top: 40px;}
  footer .wrapper_2 .left {padding: 0px!important;text-align: center;width: 100%;}
  footer .wrapper_2 .right {padding: 0px!important;margin: 0 auto;text-align: center;width: 100%;padding-top: 6px!important;}
  .contact-content #contact_info .col{padding: 0px!important}
  .contact-content .contact_form input[type="submit"]{padding: 5px 20px;font-size: 20px;width: 130px;}
  .contact-content .contact_social_networks{margin-top: 50px;}
  .home #top{height: 470px;}
  .home #top h2{max-width: 400px;line-height: 45px;font-size: 40px;}
  .home #top .box{bottom: 30px;}
  a.request_button.white_lightblue .t {font-size: 20px;}
  a.request_button.white_lightblue .a {padding: 8px 15px;vertical-align: 3px;}
  .home .ethos .numbers {font-size: 28px;padding: 10px 0px;line-height: 60px;}
  .home .under_ethos {width: 180%;margin-left: -40%;}
  .home #top .top_subtitle_ul ul li {font-size: 22px;}
  .home #bottom {padding-top: 20px;}
  .home #bottom .wrapper .aService .left .titles h3 {font-size: 18px;}
  .home #bottom .wrapper .aService .left .titles{padding-left: 10%;}
  .home #bottom .wrapper .aService .left .titles h4 {font-size: 36px;max-width: 350px;}
  .home #bottom .wrapper .aService .left .text{padding-left: 10%;padding-top: 10px;font-size: 14px;}
  .home #bottom .wrapper .aService {height: 520px;}
  .home #bottom .wrapper .aService .left a.learn_more {font-size: 16px;padding: 4px 12px;}
  .single-services-content .main_service {padding-top: 20px;}
  .single-services-content .main_service .left h1 {font-size: 28px;}
  .single-services-content .main_service .left h2{font-size: 20px;line-height: 26px;}
  .single-services-content .main_service .left h3 {margin-top: 20px;font-size: 20px;}
  .single-services-content .main_service .left ul {padding-top: 10px;padding-left: 0px;}
  .single-services-content .main_service .left ul li{font-size: 14px;}
  .single-services-content .second_block p{font-size: 14px;}
  .single-services-content .second_block h3 {font-size: 20px;margin-top: 10px;margin-bottom: 5px;}
  .single-services-content .second_block{padding-bottom: 20px;}
  .about-content #complementary .wrapper .content, .single-services-content #complementary .wrapper .content {width: 360px;margin: 0 auto;}
  .about-content #complementary .wrapper, .single-services-content #complementary .wrapper {height: 700px;background-position: bottom;padding-top: 40px;}
  .about-content #complementary .wrapper .text, .single-services-content #complementary .wrapper .text {font-size: 16px;}
  .about-content #complementary .wrapper .request_a_demo, .single-services-content #complementary .wrapper .request_a_demo{margin-top: 30px;}
  .clients-content #case_studies h4 {font-size: 32px;}
  .clients-content #case_studies h5 {font-size: 21px;}
  .clients-content #complementary .left .text, .articles-content #complementary .left .text {font-size: 16px;line-height: 21px;}
  .clients-content #case_studies .text {font-size: 14px;padding-top: 15px;}
  .clients-content #case_studies .aCase {padding: 50px 2%;}
  .about-content #our_team .our_team_top .text, .clients-content #our_clients .our_clients_top .text, .about-content #info p, .about-content #info ul li{font-size: 16px;line-height: 24px;}
  .articles-content .buttons #articles_button, .articles-content .buttons #white_papers_button {font-size: 24px;}
  header #topbar p {font-size: 18px;}
  .home #bottom .wrapper .aService .left a.learn_more{margin-left:10%;}
  .thankyou-content h1,
  .e404-content h1{font-size: 50px}
  .contact-content .map a{right: auto;left: 50%;margin-left: -128px;}
  .home #bottom .wrapper .bullets_control{bottom: 10px;}
}
@media screen and (max-width: 600px){
  .home .ethos .numbers {font-size: 24px;padding: 10px 0px;line-height: 50px;}
  .home #bottom .wrapper .aService .left, .home #bottom .wrapper .aService .right {width: 100%;float: initial;}
  .home #bottom .wrapper .aService .left .titles {padding-left: 4%;}
  .home #bottom .wrapper .aService .left .text{padding-left: 4%;}
  .home #bottom .wrapper .aService .left .titles h4 {font-size: 32px;}
  .home #bottom .wrapper .aService .left .text {padding-left: 4%;padding-top: 15px;font-size: 16px;padding-right: 4%;}
  .home #bottom .wrapper .aService .left a.learn_more{margin-left:4%;} 
  .home #bottom .wrapper .aService:first-child {display: block;}
  .home #bottom .wrapper .aService{height: 800px;}
  .home #bottom .wrapper .aService .right img {top: 40px;height: 230px;}
  .home .clients div {width: 50%!important;padding: 40px 0px;}
  .home .clients div:nth-child(3) {clear: left;}
  .home #bottom .wrapper .aService .left .titles{padding-top: 40px;}
  header #topbar p {font-size: 23px;display: block;}
  header #topbar .wrapper{padding-top: 4px;}
  header #topbar .social_networks a{border-left:0px;}
  .about-content #our_team .first_block img {padding-bottom: 20px;padding: 0px!important;width: 100%;max-width: 450px;margin: 0 auto;}
  .about-content #our_team .first_block h4 {clear: both;padding-top: 20px;}
  .about-content #our_team .first_block p, .about-content #our_team .third_block p{padding: 0px!important;margin-bottom: 0px;}
  .about-content #our_team .first_block, .about-content #our_team .third_block{font-size: 16px;}
  .about-content #our_team .second_block{font-size: 16px;padding: 20px;}
  .about-content #complementary .wrapper, .single-services-content #complementary .wrapper {height: 600px;}
  .about-content #our_team .our_team_top .text, .clients-content #our_clients .our_clients_top .text, .about-content #info p {font-size: 14px;line-height: 22px;padding-bottom: 30px;}
  .about-content #info ul li{font-size: 14px;line-height: 22px;}
  .clients-content #case_studies{margin-top: 15px;}
  .clients-content #case_studies h4 strong{display: block;}
  .clients-content #case_studies h5 {font-size: 17px;}
  .clients-content #case_studies .text {color: white;-moz-column-count: 1;-moz-column-gap: 2em;-webkit-column-count: 1;font-size: 16px;}
  .clients-content #complementary .left, .articles-content #complementary .left{width: 100%;}
  .clients-content #complementary .right, .articles-content #complementary .right{width: 100%;margin-top: 20px;}
  .clients-content #complementary .right img, .articles-content #complementary .right img{max-width: 90%;display: block;margin: 0 auto;}
  .articles-content .buttons #articles_button, .articles-content .buttons #white_papers_button {font-size: 20px;}
  .articles-content .info .content.active .desc{font-size: 14px;}
  .articles-content .info .wrapper ul li p {font-size: 18px;}
  .articles-content .info .wrapper ul li{padding-top: 30px;}
  .contact-content #contact_info .col {width: 100%;}
  .contact-content #contact_info .col p {font-size: 14px;max-width: 320px;margin: 0 auto;}
  .contact-content #contact_info {padding-top: 0px;}
  .contact-content #contact_info .col{padding-top: 40px!important}
  .contact-content .contact_form {padding-top: 20px;}
  #info.who_we_are h3,
  #info.who_we_are h4{font-size: 25px;}
  #info.who_we_are .third_block h4{font-size: 22px;}
  .privacy-content .wrapper .text{font-size: 16px;}
  .privacy-content h3{font-size: 24px;}
  .thankyou-content h1,
  .e404-content h1{font-size: 45px}
  .home #bottom .wrapper .aService .left .titles h4{line-height: 35px;}
}
@media screen and (max-width: 450px){
  .home #top h2 {max-width: 300px;line-height: 38px;font-size: 34px;}
  .home #top {height: 430px;}
  .home .clients{padding-top: 20px;padding-bottom: 20px;}
  .home .clients div {padding: 20px 0px;}
  .home .ethos h3 {font-size: 20px;}
  .home .ethos{padding: 30px 20px;}
  .home .ethos .numbers {font-size: 20px;padding: 10px 0px;line-height: 40px;}
  .home .ethos h3:before{height: 2px;width: 150px;}
  .single-services-content .main_service .left{padding: 10px;}
  .single-services-content .main_service .left h1 {font-size: 25px;}
  .single-services-content .main_service .left h2 {font-size: 18px;line-height: 22px;}
  .single-services-content .main_service .left ul li{padding: 2px 0px}
  .about-content #our_team .first_block, .about-content #our_team .third_block {font-size: 14px;}
  .about-content #our_team .first_block h4 {font-size: 25px;}
  .about-content h1, .clients-content h1, .contact-content h1, .articles-content h1, .single-services-content #top h2{font-size: 32px;}
  .clients-content #case_studies h4 {font-size: 28px;}
  .articles-content .buttons #articles_button, .articles-content .buttons #white_papers_button {font-size: 16px;}
  .articles-content .buttons #white_papers_button {padding-left: 4%;}
  .articles-content .buttons #articles_button{padding-right: 4%;}
  .articles-content .info .content.active {padding-top: 30px;padding-bottom: 50px;}
  .about-content #complementary .wrapper h4, .single-services-content #complementary .wrapper h4 {font-size: 22px;}
  .about-content #complementary .wrapper .text, .single-services-content #complementary .wrapper .text {font-size: 14px;}
  .about-content #complementary .wrapper .content, .single-services-content #complementary .wrapper .content {width: 300px;margin: 0 auto;}
  .about-content #complementary .wrapper, .single-services-content #complementary .wrapper {height: 520px;}
  .about-content #our_team .second_block{font-size: 14px;}
  .privacy-content .wrapper .text{font-size: 15px;}
  .privacy-content h3{font-size: 22px;}
  .thankyou-content h1,
  .e404-content h1{font-size: 40px}
  .contact-content .map a{margin-left: -107px;font-size: 16px;}
}