/* Define Fonts */
@import "fonts.css";
@import "fonticons.css";
@font-face {
	font-family: 'myriad';
	src: url('../fonts/myriad/MyriadProBoldCondensed.eot');
	src: url('../fonts/myriad/MyriadProBoldCondensed.woff') format('woff'), url('../fonts/myriad/MyriadProBoldCondensed.ttf') format('truetype');
}

/* Media Queries */
@media screen and (max-width: 39.9375em) {} /* Small only */
@media screen and (min-width: 40em) {} /* Medium and up */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {} /* Medium only */
@media screen and (min-width: 64em) {} /* Large and up */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {} /* Large only */

/* Base Styles */
html { font-size: 16px; }
body { font-size: 16px; }
.button { background-color: #314eb2; }

header {}
header section.top_bar { border-bottom: 1px solid #e3e3e3; font-size: 0.9em; }
header section.top_bar .item { color: #767678; float: left; margin: 0.7em 1em 0.7em 0; padding-right: 1em; border-right: 1px solid #e3e3e3; }
header section.top_bar .item i { color: #416fbd; }
header section.top_bar .social { float: right; border-left: 1px solid #e3e3e3; padding: 0.7em 0.8em; }
header section.top_bar .social:first-of-type { border-right: 1px solid #e3e3e3; padding-right: 1em; }
header section.top_bar .social i { color: #767678; }
header section.nav { padding: 0.5em 0; }
header section.nav a.logo {}
header section.nav a.logo img {}
header section.nav nav { font-family: arial; font-weight: bold; }
header section.nav nav ul.menu { margin-top: 1em; }
header section.nav nav ul.menu li { transition: all ease 0.2s; }
header section.nav nav ul.menu li a { color: black; padding-bottom: 1.5em; transition: all ease 0.5s; }
header section.nav nav ul.menu li.active { border-bottom: 5px solid #416fbd; }
header section.nav nav ul.menu li.active a { background: none; color: #416fbd; }
header section.nav nav ul.menu li:hover { border-bottom: 5px solid #416fbd; transition: all ease 0.2s; }
header section.nav nav ul.menu li:hover a { background: none; color: #416fbd; transition: all ease 0.5s; }
header section.nav a.item { padding: 0.7em 0.75em; border:1px solid #e3e3e3; font-size: 0.9em; float: right; margin-left: 0.5em; margin-top: 0.8em; font-weight: bold; color: #767678; transition: all ease 0.5s; position: relative; }
header section.nav a.item:hover { color: #416fbd; transition: all ease 0.5s; }
header section.nav #dropdown_language { width: auto; }
header section.nav .dropdown-pane { opacity: 0; transition: all ease 0.5s; }
header section.nav .dropdown-pane.is-open { opacity: 1; transition: all ease 0.5s; }
header section.nav .dropdown-pane form {}
header section.nav .dropdown-pane form input { margin: 0; }
header section.nav .dropdown-pane form button { margin: 0; }

main section.slider_c .sp-buttons { position: absolute; bottom: 2em; }
main section.slider_c .sp-buttons .sp-button { background: #324fb3; width: 1em; border-radius: 4px; }
main section.slider_c .sp-buttons .sp-selected-button { background: #ffffff; width: 2em; }
main section.slider_c .sp_1 { }
main section.slider_c .sp_2 { color:red; font-weight: bold; }
main section.slider_c .sp_3 { ont-family: 'myriad'; color: #00356b; font-weight: bold; font-size: 2.5em; }
main section.slider_c .sp_4 { ont-family: 'myriad'; color: #00356b; font-weight: bold; font-size: 2em; }
main section.slider_c .sp_5 { }

main section.who_we_are {  }
main section.who_we_are .img { width: 100%; }
main section.who_we_are .who_we_are_content { padding: 2em 2em 2em 0; }
main section.who_we_are .who_we_are_content .inner { padding-left: 5em; }
main section.who_we_are .who_we_are_content .inner h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.who_we_are .who_we_are_content .inner h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.who_we_are .who_we_are_content .inner p { color: #464648; text-align: justify; }
main section.who_we_are .who_we_are_content .inner ul { list-style: none; margin: 0; }
main section.who_we_are .who_we_are_content .inner ul li { color: #464648; }
main section.who_we_are .quote { background: #f5f6f8; width: 100%; height: 100%; }
main section.who_we_are .quote .quote_title { background: url(../img/bg.jpg); height: 80px; text-align: center; line-height: 80px; font-weight: bold; font-size: 2em; font-family: 'myriad'; }
main section.who_we_are .quote .inner { padding: 2em; }
main section.who_we_are .quote .inner input { font-size: 0.7em; }
main section.who_we_are .quote .inner textarea { font-size: 0.7em; }
main section.who_we_are .quote .inner button { margin: 0; }

main section.experience { background-color: #041332; padding: 2em 0; color: white; text-align: center; }
main section.experience h2 { font-weight: bold; }
main section.experience p { line-height: 2em; padding: 0 2em; }
main section.experience a.button { background: #314eb2; }

main section.services { padding: 4em 0; }
main section.services img.float-left { margin-right: 1em; }
main section.services h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.services h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.services p.title { color: #808080; font-size: 0.9em; line-height: 2em; margin: 0; margin-top: 1em; }
main section.services .services_slick {}
main section.services .services_slick .slick-slide { margin-right: 1em; }
main section.services .services_slick .slick-slide img { width: 100%; }
main section.services .services_slick .slick-slide .inner { padding: 1em 1em 0 1em; border: 1px solid #ccc; border-top: none; }
main section.services .services_slick .slick-slide .inner h3 { font-family: 'myriad'; font-size: 2em; font-weight: bold; color: #3d3d3d; }
main section.services .services_slick .slick-slide .inner p { color: #7f7f7f; font-size: 0.9em; text-align: justify; }
main section.services .services_slick .slick-slide .inner a { margin: 0; margin-right: -1.2em; }
main section.services .services_slick .slick-slide .inner .clear { clear: both; }
main section.services .services_slick .slick-prev { position: absolute; top: 50%; left: -65px; border:1px solid #ccc; padding: 0.79em 1em; transition: all ease 0.5s; cursor: pointer; }
main section.services .services_slick .slick-prev:hover { background: #314eb2; color: white; transition: all ease 0.5s; } 
main section.services .services_slick .slick-next { position: absolute; top: 50%; right: -50px; border:1px solid #ccc; padding: 0.79em 1em; transition: all ease 0.5s; cursor: pointer; }
main section.services .services_slick .slick-next:hover { background: #314eb2; color: white; transition: all ease 0.5s; } 

main section.projects {}
main section.projects .project_cover { background-color: #19185c; width: 100%; height: 100%; padding: 2em; }
main section.projects .project_cover img.float-left { margin-right: 1em; }
main section.projects .project_cover h2 { font-family: 'tahoma'; font-size: 1em; line-height: 1.5em; color: red; margin: 0; }
main section.projects .project_cover h1 { font-family: 'myriad'; font-size: 2.25em; line-height: 1.5em; color: #fff; font-weight: bold; margin: 0; }
main section.projects .project_cover p { color: white; text-align: justify; margin-top: 2em; }
main section.projects .project_item { position: relative; }
main section.projects .project_item img { width: 100%; }
main section.projects .project_item .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; padding: 1em; display: flex; align-items: center; justify-content: center; background: rgb(16,20,47); background: linear-gradient(0deg, rgba(16,20,47,1) 40%, rgba(16,20,47,0.4990371148459384) 100%); opacity: 0; transition: all ease 1s; }
main section.projects .project_item .cover a { margin-bottom: 3em; display: inline-block; }
main section.projects .project_item .cover h3 { font-size: 1.5em; font-weight: bold; color: white; }
main section.projects .project_item:hover .cover { opacity: 1; transition: all ease 1s; }

main section.why_choos_us {}
main section.why_choos_us { padding: 4em 0; }
main section.why_choos_us img.float-left { margin-right: 1em; }
main section.why_choos_us h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.why_choos_us h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.why_choos_us p.title { color: #808080; font-size: 0.9em; line-height: 2em; margin: 0; margin-top: 1em; }
main section.why_choos_us .item { margin-top: 2em; }
main section.why_choos_us .item img { width: 100%; height: 100%; }
main section.why_choos_us .item .inner { width: 100%; height: 100%; border: 1px solid #ccc; padding: 2em; display: flex; align-items: center; justify-content: center; text-align: center; }
main section.why_choos_us .item .inner img { width: auto; height: auto; }
main section.why_choos_us .item .inner h3 { font-family: 'myriad'; font-size: 2em; font-weight: bold; color: #3d3d3d; margin: 0; }
main section.why_choos_us .item .inner p { color: #636363; font-size: 0.9em; line-height: 2em; }

main section.solution { background-color: #041332; padding: 3em 0; color: white; text-align: center; }
main section.solution h2 { font-family: 'myriad'; font-size: 3em; font-weight: bold; letter-spacing: 2px; margin: 0; }
main section.solution h2 span { color: red; }

main section.news { padding: 3em 0; }
main section.news img.float-left { margin-right: 1em; }
main section.news h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.news h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.news .news_item { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #ccc; }
main section.news .news_item:first-of-type { margin-top: 2em; }
main section.news .news_item:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
main section.news .news_item h4 { font-family: 'myriad'; font-size: 1.5em; font-weight: bold; line-height: 1.2em; }
main section.news .news_item p { color: #666; font-size: 0.9em; line-height: 2em; text-align: justify; }
main section.news .news_item a.more { color: #1a195f; font-weight: bold; font-size: 0.9em; }
main section.news .news_item a.more span { font-size: 0.5em; }
main section.news .news_item a.more span .fa-square { color: red; }
main section.news .news_item_promote { margin-top: 2em; }
main section.news .news_item_promote .img { position: relative; }
main section.news .news_item_promote .img .date { position: absolute; width: 75px; height: 85px; left: 20px; top: 20px; background: #111556; }
main section.news .news_item_promote .img .date .day { width: 100%; height: 50px; background: #df0126; color: white; font-weight: bold; text-align: center; line-height: 50px; font-size: 2em; }
main section.news .news_item_promote .img .date .month { width: 100%; height: 35px; color: white; font-weight: bold; text-align: center; line-height: 35px; font-size: 1em; }
main section.news .news_item_promote .img img { margin-bottom: 1em; }
main section.news .news_item_promote h3 { font-family: 'myriad'; font-size: 1.8em; font-weight: bold; line-height: 1.2em; }
main section.news .news_item_promote p { color: #666; font-size: 0.9em; line-height: 2em; text-align: justify; }
main section.news .news_item_promote a.button { margin: 0; }
main section.news .newsletter { background-color: #19185c; padding: 1.5em 2em; color: white; font-weight: bold; line-height: 2.5em; border-radius: 5px; }
main section.news .newsletter input { margin: 0; }
main section.news .newsletter button { margin: 0; }
main section.news .newsletter .input-group { margin: 0; }

main section.logos { padding: 2.2em 0 1em 0; background-color: #f3f3f3; }
main section.logos a { display: inline-block; border: 1px solid #ccc; margin-bottom: 1em; }

footer {}
footer .footer { background-color: #18195a; color: white; padding: 3em 0; font-size: 0.9em; background-image: url(../img/menu.jpg); background-position: right top; background-repeat: no-repeat; min-height: 410px; }
footer .footer img { margin-bottom: 1em; }
footer .footer p { text-align: justify; }
footer .footer h5 { font-size: 1em; font-weight: bold; }
footer .footer h5 span { color: red; }
footer .footer a { color: white; transition: all ease 0.5s; }
footer .footer a:hover { color: red; transition: all ease 0.5s; }
footer .footer a.social { display: inline-block; background-color: #30306c; color: #bdbed2; padding: 0.5em 0.5em; transition: all ease 0.5s; }
footer .footer a.social:hover { background: red; transition: all ease 0.5s; }
footer .footer h4 { font-family: 'myriad'; font-weight: bold; margin-top: 0.9em; font-size: 2em; margin-bottom: 1.05em; position: relative; }
footer .footer h4:after { content: ''; position: absolute; left: 0; bottom: -0.2em; height: 3px; width: 1.5em; background-color: red; }
footer .footer ul { margin-bottom: 0; }
footer .footer ul li { margin-bottom: 1.3em; line-height: 1.3em; }
footer .footer ul li i { color: red; }
footer .copyright { background: #0e0f3f; color: white; padding: 1em 0; font-size: 0.8em; }
footer .copyright a { color: white; transition: all ease 0.5s; }
footer .copyright a:hover { color: red; transition: all ease 0.5s; }
footer .copyright a.designer { color: red; }

.back_to_top { position: fixed; bottom: 40px; right: 40px; width: 40px; height: 40px; }
.back_to_top a { background: #314eb2; color: white; border-radius: 50%; width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 40px; }

main section.slider_p { margin-bottom: 1em; }
main section.slider_p .cell { position: relative; }
main section.slider_p .cell img { width: 100%; }
main section.slider_p .cell .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; }
main section.slider_p .cell .cover div { text-align: center; color: white; }
main section.slider_p .cell .cover div h1 { font-size: 2.5em; font-weight: bold; font-family: 'myriad'; line-height: 1.5em; margin: 0; }
main section.slider_p .cell .cover div h3 { font-size: 1.5em; font-weight: bold; font-family: 'myriad'; margin: 0; }

main section.about_us_page_1 { padding: 4em 0; }
main section.about_us_page_1 img.float-left { margin-right: 1em; }
main section.about_us_page_1 h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.about_us_page_1 h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.about_us_page_1 .img_1 { width: 100%; margin-bottom: 1em; }
main section.about_us_page_1 a.accordion-title { padding-left: 2.5em; color:black; font-weight: bold; font-size: 1em; }
main section.about_us_page_1 a.accordion-title::before { right: auto; left: 1em; }
main section.about_us_page_1 .accordion-content { color: #464648; }
main section.about_us_page_1 .right_side h3 { color: #061437; font-size: 1.3em; }
main section.about_us_page_1 .right_side p { color: #464648; }
main section.about_us_page_2 {}
main section.about_us_page_2 img { width: 100%; height: 100%; }
main section.about_us_page_2 .bg_1 { background: #2e54d3; width: 100%; height: 100%; padding: 2em; color: white; }
main section.about_us_page_2 .bg_1 img { width: auto; height: auto; margin-bottom: 1em; }
main section.about_us_page_2 .bg_2 { background: #19185c; width: 100%; height: 100%; padding: 2em; color: white; }
main section.about_us_page_2 .bg_2 img { width: auto; height: auto; margin-bottom: 1em; }
main section.about_us_page_2 .bg_3 { background: #ffffff; width: 100%; height: 100%; padding: 2em; color: #464648; }
main section.about_us_page_2 .bg_3 img { width: auto; height: auto; margin-bottom: 1em; }
main section.about_us_page_2 h3 { font-family: 'myriad'; font-size: 1.5em; }
main section.about_us_page_2 p { margin: 0; }
main section.about_us_page_2 .bg_4 { background: #2e54d3; width: 100%; height: 100%; padding: 4em 0 3em 4em; color: white; }
main section.about_us_page_2 .bg_4 h2 { font-family: 'myriad'; font-size: 3em; color: #19185c; font-weight: bold; }
main section.about_us_page_2 .bg_4 a.button_1 { background: #19185c; color: white; font-size: 1.2em; font-weight: bold; margin: 0.5em 0.5em 0 0; }
main section.about_us_page_2 .bg_4 a.button_2 { background: white; color: #19185c; font-size: 1.2em; font-weight: bold; margin: 0.5em 0.5em 0 0; }
main section.about_us_page_3 { background: #f8f8f8; padding: 3em 0; }
main section.about_us_page_3 img { width: 100%; margin-bottom: 2em; }
main section.about_us_page_3 h5 { font-size: 1.1em; color: #000000; font-weight: bold; margin-bottom: 1em; }
main section.about_us_page_3 p { color: #464648; margin-bottom: 2em; }
main section.about_us_page_3 .year { float: left; height: 100%; color: red; margin-right: 2em; padding-right: 2em; border-right: 4px solid #f0f0f0; font-weight: bold; font-size: 1.1em; position: relative; }
main section.about_us_page_3 .year:after { content: ''; position: absolute; width: 14px; height: 14px; border-radius: 50%; background: #0dafee; right: -9px; top: 4px; }
main section.about_us_page_3 .clear { clear: both; }

main section.contact_us_page { padding: 4em 0; }
main section.contact_us_page img.float-left { margin-right: 1em; }
main section.contact_us_page h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.contact_us_page h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.contact_us_page h5 { font-family: 'myriad'; font-size: 1.1em; line-height: 1.4em; color: #646464; font-weight: bold; margin: 0; }
main section.contact_us_page h4 { font-family: 'myriad'; font-size: 1.5em; line-height: 1.4em; color: #464646; font-weight: bold; position: relative; }
main section.contact_us_page h4:after { content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 2px; background: #3a5cca; }
main section.contact_us_page p { margin: 1em 0 0 0; color: #646464; }
main section.contact_us_page p b { color: black; }
main section.contact_us_page .contact_form { border: 1px solid #f2f2f2; padding: 2em; position: relative; }
main section.contact_us_page .contact_form:before { content: ''; position: absolute; left: 0; top: 0; width: 0;height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #007bff transparent transparent transparent; }
main section.contact_us_page .contact_form:after { content: '\f3fe'; position: absolute; left: 0; top: 0; width: 30px; height: 30px; font-family: "Font Awesome 5 Brands"; text-align: center; line-height: 30px; color: white; }
main section.contact_us_page .contact_form h3 { font-family: 'myriad'; font-size: 2.5em; line-height: 1.4em; color: #000000; font-weight: bold; text-align: center; margin: 0; }
main section.contact_us_page .contact_form h3 span { color: #646464; }
main section.contact_us_page .contact_form p { text-align: center; margin: 0; margin-bottom: 2em; }
main section.contact_us_page .contact_form input { background: #f6f6f6; }
main section.contact_us_page .contact_form textarea { background: #f6f6f6; }
main section.contact_us_page .contact_form button { margin: 0; }
main section.contact_us_page .contact_form .callout p { margin: 0.5em; }

main section.news_page { padding: 4em 0; }
main section.news_page img.float-left { margin-right: 1em; }
main section.news_page h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.news_page h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.news_page .news_item { margin-top: 2em; border: 1px solid #e4e4e4; }
main section.news_page .news_item .img { position: relative; }
main section.news_page .news_item .img .date { position: absolute; width: 75px; height: 85px; left: 20px; top: 20px; background: #111556; }
main section.news_page .news_item .img .date .day { width: 100%; height: 50px; background: #df0126; color: white; font-weight: bold; text-align: center; line-height: 50px; font-size: 2em; }
main section.news_page .news_item .img .date .month { width: 100%; height: 35px; color: white; font-weight: bold; text-align: center; line-height: 35px; font-size: 1em; }
main section.news_page .news_item .img img { margin-bottom: 1em; width: 100%; }
main section.news_page .news_item .inner { padding: 0 2em 1em 2em; }
main section.news_page .news_item .inner h3 { font-family: 'myriad'; font-size: 1.6em; font-weight: bold; line-height: 1.2em; margin: 0; }
main section.news_page .news_item .inner p { color: #666; font-size: 0.9em; text-align: justify;  margin-bottom: 0.5em;}
main section.news_page .news_item .inner hr { margin: 0.7em 0; }
main section.news_page .news_item a.more { color: #1a195f; font-weight: bold; font-size: 0.9em; }
main section.news_page .news_item a.more span { font-size: 0.5em; }
main section.news_page .news_item a.more span .fa-square { color: red; }

main section.news_details_page { padding: 4em 0; }
main section.news_details_page img.float-left { margin-right: 1em; }
main section.news_details_page h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.news_details_page h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.news_details_page .news_details {  }
main section.news_details_page .news_details .img { position: relative; }
main section.news_details_page .news_details .img .date { position: absolute; width: 75px; height: 85px; left: 20px; top: 20px; background: #111556; }
main section.news_details_page .news_details .img .date .day { width: 100%; height: 50px; background: #df0126; color: white; font-weight: bold; text-align: center; line-height: 50px; font-size: 2em; }
main section.news_details_page .news_details .img .date .month { width: 100%; height: 35px; color: white; font-weight: bold; text-align: center; line-height: 35px; font-size: 1em; }
main section.news_details_page .news_details .img img { margin-bottom: 1em; width: 100%; }
main section.news_details_page .news_details  h3 { font-family: 'myriad'; font-size: 1.6em; font-weight: bold; line-height: 1.2em; }
main section.news_details_page .news_details  p { color: #666; font-size: 0.9em; text-align: justify; }
main section.news_details_page .side_box { margin-bottom: 2em; }
main section.news_details_page .side_box .box_title { background: #f4f4f4; border: 1px solid #e2e2e2; padding: 1em; font-weight: bold; }
main section.news_details_page .side_box .box_content { background: #ffffff; border: 1px solid #e2e2e2; padding: 0.5em; border-top: none; }
main section.news_details_page .side_box .box_content a.list { color: black; display: inline-block; padding: 0.5em; width: 100%; transition: all ease 0.7s; }
main section.news_details_page .side_box .box_content a.list:hover { background: #3a50ca; color: white; transition: all ease 0.7s; }
main section.news_details_page .side_box .box_content a.list span { float: right; }
main section.news_details_page .side_box .box_content a.news_list { }
main section.news_details_page .side_box .box_content a.news_list img { width: 100%; }
main section.news_details_page .side_box .box_content a.news_list p { font-size: 0.8em; color: #707070; text-align: justify-all; margin-bottom: 0.5em; }
main section.news_details_page .side_box .box_content a.news_list p b { color: black; }
main section.news_details_page .side_box .box_content a.news_list p.date { margin: 0; }
main section.news_details_page .side_box .box_content a.share { display: inline-block; margin: 1em 1em 1em 0; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; background: #ccc; color: white; }
main section.news_details_page .side_box .box_content a.share.share_1 { background: #3b5998; }
main section.news_details_page .side_box .box_content a.share.share_2 { background: #00acee; }
main section.news_details_page .side_box .box_content a.share.share_3 { background: #dd4a38; }
main section.news_details_page .side_box .box_content a.share.share_4 { background: #0e76a8; margin-right: 0; }

main section.projects_page { padding: 4em 0; }
main section.projects_page img.float-left { margin-right: 1em; }
main section.projects_page h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.projects_page h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.projects_page .project_item { position: relative; margin-top: 2em; }
main section.projects_page .project_item img { width: 100%; }
main section.projects_page .project_item .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; padding: 1em; display: flex; align-items: center; justify-content: center; background: rgb(16,20,47); background: linear-gradient(0deg, rgba(16,20,47,1) 40%, rgba(16,20,47,0.4990371148459384) 100%); opacity: 0; transition: all ease 1s; }
main section.projects_page .project_item .cover a { margin-bottom: 3em; display: inline-block; }
main section.projects_page .project_item .cover h3 { font-size: 1.5em; font-weight: bold; color: white; }
main section.projects_page .project_item:hover .cover { opacity: 1; transition: all ease 1s; }

main section.projects_details { padding: 4em 0; }
main section.projects_details h1 { font-family: 'myriad'; font-size: 2em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.projects_details p { color: #666; margin-bottom: 0.5em; }
main section.projects_details .project_details_links {  }
main section.projects_details .project_details_links a { font-size: 1.2em; font-weight: bold; color: black; line-height: 2em; }
main section.projects_details .project_details_links a img { width: 100%; }
main section.projects_details .project_details_links a span { font-size: 1em; font-weight: normal; }
main section.projects_details .side_box { margin-bottom: 2em; }
main section.projects_details .side_box .box_title { background: #f4f4f4; border: 1px solid #e2e2e2; padding: 1em; font-weight: bold; }
main section.projects_details .side_box .box_content { background: #ffffff; border: 1px solid #e2e2e2; padding: 1em; border-top: none; }
main section.projects_details .side_box .box_content p.small { font-size: 0.8em; }
main section.projects_details .side_box .box_content a.button { text-align: left; margin: 0; margin-top: 0.5em; font-weight: bold; }
main section.projects_details .side_box .box_content a.button span { float: right; font-weight: normal; }
main section.projects_details .side_box .box_content a.share { display: inline-block; margin: 0em 1em 0em 0; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; background: #ccc; color: white; }
main section.projects_details .side_box .box_content a.share.share_1 { background: #3b5998; }
main section.projects_details .side_box .box_content a.share.share_2 { background: #00acee; }
main section.projects_details .side_box .box_content a.share.share_3 { background: #dd4a38; }
main section.projects_details .side_box .box_content a.share.share_4 { background: #0e76a8; margin-right: 0; }

main section.service_page { padding: 4em 0; }
main section.service_page img.float-left { margin-right: 1em; }
main section.service_page h2 { font-family: 'tahoma'; font-size: 1.2em; line-height: 1.2em; color: red; margin: 0; }
main section.service_page h1 { font-family: 'myriad'; font-size: 3em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.service_page .service_item { margin-top: 2em; }
main section.service_page .service_item img { width: 100%; }
main section.service_page .service_item .inner { padding: 1em 1em 0 1em; border: 1px solid #ccc; border-top: none; }
main section.service_page .service_item .inner h3 { font-family: 'myriad'; font-size: 2em; font-weight: bold; color: #3d3d3d; }
main section.service_page .service_item .inner p { color: #757575; font-size: 0.9em; text-align: justify; }
main section.service_page .service_item .inner a { margin: 0; margin-right: -1.2em; }
main section.service_page .service_item .inner .clear { clear: both; }

main section.service_info_bar { background: #19185c; padding: 0 0 2em 0; }
main section.service_info_bar .info_item { margin-top: 2em; color: white; line-height: 1.5em; }
main section.service_info_bar .info_item img { float: left; margin-right: 0.5em; }
main section.service_info_bar .info_item span { font-size: 1.5em; font-weight: bold; display: inline-block; margin-top: 0.2em; }

main section.testimation { padding: 3em 0; }
main section.testimation .item { border: 1px solid #ccc; padding: 2em; width: 100%; }
main section.testimation .item p { font-size: 0.9em; color: #757575; margin: 0; }
main section.testimation .item img { float: left; width: 50px; height: 50px; margin-right: 1em; }
main section.testimation .item i.fa { color: red; }
main section.testimation .item i.fal { color: red; }
main section.testimation .item .title { font-weight: bold; }
main section.testimation .item .title span { font-weight: normal; color: #757575; }
main section.testimation .item .clear { clear: both; }

main section.services_details { padding: 4em 0; }
main section.services_details h1 { font-family: 'myriad'; font-size: 2em; line-height: 1.4em; color: #222; font-weight: bold; margin: 0; }
main section.services_details p { color: #666; margin-bottom: 0.5em; }

main section.services_details .side_box { margin-bottom: 2em; }
main section.services_details .side_box .box_title { background: #f4f4f4; border: 1px solid #e2e2e2; padding: 1em; font-weight: bold; }
main section.services_details .side_box .box_content { background: #ffffff; border: 1px solid #e2e2e2; padding: 1em; border-top: none; }
main section.services_details .side_box .box_content p.small { font-size: 0.8em; }
main section.services_details .side_box .box_content a.list { color: black; display: inline-block; padding: 0.5em; width: 100%; transition: all ease 0.7s; }
main section.services_details .side_box .box_content a.list:hover { background: #3a50ca; color: white; transition: all ease 0.7s; }
main section.services_details .side_box .box_content a.button { text-align: left; margin: 0; margin-top: 0.5em; font-weight: bold; }
main section.services_details .side_box .box_content a.button span { float: right; font-weight: normal; }
main section.services_details .side_box .box_content a.share { display: inline-block; margin: 0em 1em 0em 0; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%; background: #ccc; color: white; }
main section.services_details .side_box .box_content a.share.share_1 { background: #3b5998; }
main section.services_details .side_box .box_content a.share.share_2 { background: #00acee; }
main section.services_details .side_box .box_content a.share.share_3 { background: #dd4a38; }
main section.services_details .side_box .box_content a.share.share_4 { background: #0e76a8; margin-right: 0; }
main section.services_details .side_box .box_content.list { padding: 0.5em; }
main section.services_details .side_box .box_content.doubleline { line-height: 2.5em; }
main section.services_details .side_box .box_content.doubleline i { color: #314eb2; font-weight: bold; }
main section.services_details .side_box_alt { background: #19185c; color: white; }
main section.services_details .side_box_alt .inner { padding: 2em 2em 1.5em 2em; }
main section.services_details .side_box_alt .inner p { color: white; font-size: 0.8em; margin: 1em 0; }
main section.services_details .side_box_alt .inner hr { width: 50%; border-color: #d33031; border-width: 2px; margin: 1em 0; }
main section.services_details .side_box_alt .inner p.details { line-height: 2.5em; margin: 0; }
main section.services_details .side_box_alt .inner p.details i { color: #d33031; }
main section.services_details .side_box_alt a.button { background: #d33031; padding: 1em; font-weight: bold; }

main section.no_margin { margin: 0; }