@font-face { font-family: fb; src: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/fonts/fb.woff); } @font-face { font-family: fl; src: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/fonts/fl.woff); } @font-face { font-family: fr; src: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/fonts/fr.woff); } @font-face { font-family: wp; src: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/fonts/wp.woff); } *:not(i) { font-family: fl !important; } div#headercontainer { height: 137px; } header#top { padding: 0px; } div#outerheader { border-bottom: 1px solid #DDDDDD; } #logo img.logo { height: 137px; width: auto; } div#logo { width: 26%; } ul#topnav { float: left; } section#navigation { float: left; margin-top: 98px; } section#navigation { float: left; margin-top: 103px; width: 66%; } html { margin: 0px !important; } body { border: none; } section#navigation li a { text-transform: uppercase; font-family: wp !important; font-size: 20px; } div.social { float: left; width: 25%; } div.social li img { width: 30px; } div.social li { float: left; list-style: none; padding-right: 10px; } div#logo { width: 19%; } div.social { float: left; width: 15%; margin-top: 90px; } div#wpadminbar li:not(#wp-admin-bar-edit) { display: none; } html[lang="en-US"] { margin-top: 0px !important; } div#outerfooter { background-image: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/2015/01/footer-bg.png); background-size: cover; background-repeat: no-repeat; height: 164px; background-color: #FFF; } li.current-menu-item a { color: #0079c1 !important; } footer .col-3 { float: left; width: 33%; } footer#footer { width: 87%; margin: auto; } footer#footer p { color: #FFF; font-size: 16px; font-family: fl !important; margin-bottom: 0px; } footer#footer strong { font-weight: 100; font-family: fr !important; } span.copyright { font-size: 17px; color: #222; margin-top: 8px; display: inline-block; } footer#footer { margin-top: 14px; } div#wpadminbar { background-color: transparent; } span.edit-link { display: none; } span.copyright { font-weight: 900; } body * { font-weight: 100; } /*--------------header-ended-here---------:)---------*/ .txt-cen { text-align: center; } p { font-size: 15px; } div#maincontent-container .container { max-width: 100%; } div#maincontent-container section#maincontent { padding: 0px; } .wpb_row.vc_row-fluid { max-width: 1200px; margin-left: auto; margin-right: auto; } span.copyright { font-weight: 900; } body .full-width { max-width: 100% !important; } .bg-gt { background-color: #0079c1; } .bg-gt p { color: #FFF !important; } .intro-text { max-width: 900px; margin-left: auto; margin-right: auto; } div#maincontent-container { padding: 0px; } .intro-text { padding-top: 50px; } .home-three-sec { margin-top: 60px; } .layer-slider-home { margin-bottom: 0px !important; } .latest-news-3-colums marquee { height: 340px; } .home-three-sec h3 { color: #13b5ea; } .home-three-sec strong { color: #0079c1; } .home-three-sec h6 { color: #0079c1; font-size: 15px; } .home-three-sec p { color: gray; } .latest-news-3-colums a { border: 1px solid #13b5ea; padding: 2px 10px; } .latest-news-3-colums a, .latest-news-3-colums p { color: gray; } .home-three-sec h3 { border-bottom: 1px solid #13b5ea; padding-bottom: 10px; } .wpb_accordion_header { padding-bottom: 0px !important; border: 1px solid #C4C4C4 !important; background-color: #DDD !important; margin-bottom: 5px !important; } .home-three-sec .home-accordian { border: none; padding-bottom: 57px; } body .ui-accordion-header-active { border: 1px solid #13b5ea !important; background-color: #13b5ea !important; } body .ui-accordion-header-active a { color: #FFF !important; } .wpb_accordion_header { padding: 0px !important; } body .ui-accordion-header a { font-size: 14px; } .home-three-sec .home-accordian li { list-style-type: square; } .latest-news-3-colums a:hover { border: 1px solid gray; } .home-three-sec { border-bottom: 1px solid #13b5ea; } .home-three-sec .vc_span4.wpb_column.column_container { background-image: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/2015/02/log-group.png); background-repeat: no-repeat; background-position: right bottom; background-size: 40px; } .vc_span4.home-accordian.wpb_column.column_container { padding-bottom: 25px; } .home-three-sec .vc_span4.wpb_column.column_container { min-height: 478px; } h1 { color: #13b5ea; text-align: center; } body .vision-mission-sec .vc_span6 { padding: 40px 4%; min-height: 300px; background-image: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/2015/02/log-group.png); background-repeat: no-repeat; background-position: right bottom; background-size: 40px; border: 1px solid #DDD; } #maincontent .main.nocontent { padding-bottom: 30px; padding-top: 50px; } .page-id-2 #maincontent .main.nocontent{ padding-top: 0px; } .start { margin-top: 115px; } .vision-mission-sec h3 { color: #0079c1; } .wpcf7 input, .wpcf7 textarea { width: 100% !important; outline: none; border: 1px solid #13b5ea !important; border-radius: 0px; background-color: #DDD; } .wpcf7 input { height: 23px; } .wpcf7 textarea { height: 100px; } input.wpcf7-form-control.wpcf7-submit { background-color: #0079c1; height: auto; text-transform: uppercase; padding: 13px 0px; width: 200px!important; float: left; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { font-size: 15px !important; } .contact-address-3-sec strong { font-family: fb !important; color: #0079c1; } .careers-sec a { border: 1px solid gray; padding: 2px 25px; display: inline-block; margin-top: 6px; } .careers-sec a:hover { border: 1px solid #13b5ea; } .social ul { margin: -3px; } blockquote p { font-size: 20px; text-align: center; } blockquote { color: #0079c1; border-left: 8px solid #0079c1; margin: auto 10%; padding: 8px 10px 9px 20px; background-color: #DDD; } .post-219 li { list-style: none; } .post-219 li h6 { font-size: 17px; } span.read-more { border: 1px solid #13b5ea; padding: 2px 14px 1px 14px; display: block; width: 85px; margin-top: 20px; text-align: center; } span.read-more a { color: #13b5ea; } span.read-more a:hover { color: gray; } .page-id-7 h3 a { color: #0079c1; } .bottom-bg { padding: 40px 4%; min-height: 285px; background-image: url(http://frontlinelogisticsgroup.com/logistics/wp-content/uploads/2015/02/log-group.png); background-repeat: no-repeat; background-position: right bottom; background-size: 40px; border: 1px solid #DDD; } .sidebar-accordian { position: absolute; right: 5%; border-left: 1px solid #DDDDDD; padding-left: 16px; width: 26% !important; } div#outermain { min-height: 575px; } .page-id-7 .wpb_accordion h3 a { color: gray; } .group-companies-sidebar { position: absolute; top: 573px; right: 3.6%; border-left: 1px solid #DDDDDD; padding-left: 16px; width: 26% !important; } .group-companies-sidebar li i { color: #13b5ea; } .group-companies-sidebar li a { font-size: 14px; } .page-id-205 div#outermain, .page-id-198 div#outermain, .page-id-106 div#outermain, .page-id-176 div#outermain, .page-id-289 div#outermain, .page-id-166 div#outermain { min-height: 928px; } .page-id-207 div#outermain, .page-id-198 div#outermain, .page-id-7 div#outermain { min-height: 1225px !important; } span.download { border: 1px solid #C4C4C4; width: 100%; display: inline-block; text-align: center; padding: 7px 0px; background-color: #DDDDDD; } /*--form--*/ div#wpcf7-f328-p325-o1 p { margin-bottom: 25px; } input[type="date"] { padding: 7px 0px; } select { background-color: #DDD; border: 1px solid #13b5ea; padding: 10px 13px; width: 100% !important; } input[type="checkbox"] { width: inherit !important; vertical-align: bottom; margin-left: 16px; } input[type="number"] { padding: 5px 0px; } input[type="file"] { border: none !important; background: none; } strong.strong { font-family: fb !important; color: #0079c1; } i.fa.fa-check { color: #13B5EA; } .col-5-nt { width: 20%; float: left; text-align: center; } .col-5-nt a { font-size: 14px; color: #FFF; } .col-5-nt.logist-nt { background-color: #13b5ea; } .col-5-nt.reloc-nt { background-color: #f5a01a; } .col-5-nt.gen-trad-nt { background-color: #b60073; } .col-5-nt.scan-img-nt { background-color: #7bc143; } .col-5-nt.fl-dub-irq-nt { background-color: #717074; } .col-5-nt { padding: 5px 0px; } .col-5-nt.logist-nt:hover { background-color: #0079c1; } .col-5-nt.reloc-nt:hover { background-color: #e36f1e; } .col-5-nt.gen-trad-nt:hover { background-color: #7d0049; } .col-5-nt.scan-img-nt:hover { background-color: #5d9732; } .col-5-nt.fl-dub-irq-nt:hover { background-color: #231f20; } span.copyright.c-secound-nt { display: none; } /*-------------- resposive start here -------:)-----------*/ @media screen and (max-width:1200px) { body .wpb_column { padding: 0px 5%; } } @media screen and (max-width: 1084px) { body .social { width: 100%; margin-top: 0px; margin-left: 21px; } div#outerheader { height: 237px; } #logo img.logo { width: 168px; margin: auto; display: block; margin-bottom: 15px; } body section#navigation { width: 100%; margin: auto; } body div#logo { width: 100%; } nav#nav-wrap { display: table; margin: auto; } .wrapper-social { display: table; margin: auto; margin-top: 10px; } body div#outerfooter { height: 230px; background-position: center; } } @media screen and (max-width:816px) { .group-companies-sidebar { display: none !important; } .sidebar-accordian { display: none !important; } } @media screen and (max-width:784px) { body footer .col-3 { width: 100%; margin-bottom: 25px; } body div#outerfooter { height: auto; } span.copyright.c-secound-nt { display: block; } span.copyright.c-first-nt { display: none; } } @media screen and (max-width: 767px) { body select.tinynav { border: 1px solid gray; width: 250px !important; font-size: 14px !important; } body div#logo { margin-bottom: -6px; } body .social ul { margin: 0px; } .col-5-nt { width: 50%; } .col-5-nt.fl-dub-irq-nt { width: 100%; } } /*-------------- resposive end here -------:)-----------*/ .page-id-5 #maincontent .main.nocontent, .page-id-7 #maincontent .main.nocontent, .page-id-205 #maincontent .main.nocontent, .page-id-176 #maincontent .main.nocontent, .page-id-207 #maincontent .main.nocontent, .page-id-168 #maincontent .main.nocontent, .page-id-198 #maincontent .main.nocontent { padding-top: 0px; } .page-id-205 .sidebar-accordian, .page-id-176 .sidebar-accordian, .page-id-207 .sidebar-accordian, .page-id-168 .sidebar-accordian, .page-id-198 .sidebar-accordian, .page-id-7 .sidebar-accordian { margin-top: -112px; } .page-id-205 .group-companies-sidebar, .page-id-176 .group-companies-sidebar, .page-id-207 .group-companies-sidebar, .page-id-168 .group-companies-sidebar, .page-id-198 .group-companies-sidebar, .page-id-7 .group-companies-sidebar { margin-top: 275px; } /* color change start here */ /* reloc */ .page-id-176 h1, .page-id-176 i.fa.fa-check { color: #f5a01a; } .page-id-176 .ui-accordion-header-active { border: 1px solid #e36f1e !important; background-color: #f5a01a !important; } .page-id-176 blockquote { color: #e36f1e; border-left: 8px solid #e36f1e; } .page-id-176 strong.strong { color: #e36f1e; } /* gen */ .page-id-207 h1, .page-id-207 i.fa.fa-check { color: #b60073; } .page-id-207 .ui-accordion-header-active { border: 1px solid #7d0049 !important; background-color: #b60073 !important; } .page-id-207 blockquote { color: #7d0049; border-left: 8px solid #7d0049; } .page-id-207 strong.strong { color: #7d0049; } /* scan img */ .page-id-168 h1, .page-id-168 i.fa.fa-check { color: #7bc143; } .page-id-168 .ui-accordion-header-active { border: 1px solid #5d9732 !important; background-color: #7bc143 !important; } .page-id-168 blockquote { color: #5d9732; border-left: 8px solid #5d9732; } .page-id-168 strong.strong { color: #5d9732; } /* bubai iraq */ .page-id-198 h1, .page-id-198 h3, .page-id-198 i.fa.fa-check { color: #13b5ea; } .page-id-198 .ui-accordion-header-active { border: 1px solid #13b5ea !important; background-color: #13b5ea !important; } .page-id-198 blockquote { color: #13b5ea; border-left: 8px solid #0079C1; } .page-id-198 strong.strong { color: #13b5ea; } .display-none { display: none; } @media screen and (max-width: 1075px) { .ls-l strong, .ls-l { font-size: 30px !important; } .ls-l span { position: absolute; left: -301px; top: -98px; } } @media screen and (max-width: 450px) { .ls-l strong, .ls-l { font-size: 24px !important; } } .col-5-nt.fl-dub-irq-nt { background-color: #0079C1; } .col-5-nt.fl-dub-irq-nt:hover { background-color: #13B5EA; } @media screen and (max-width: 768px) { .col-5-nt { width: 100%; } } @media screen and (max-width: 1250px) { .ls-l strong, .ls-l { font-size: 24px !important; left: 0px !important; } } @media screen and (max-width: 1250px) { .btext { top: -98px !important; position: absolute; } } @media screen and (min-width: 1370px) { img.ls-l { width: 100%; height: auto; } }